/* A calm capture surface; all recording gestures and actions stay in the voice module. */
#page-voice .voice-capture-panel{max-width:1040px;padding:24px}
.voice-capture-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}
#page-voice .voice-capture-heading h2{margin:0 0 6px}.voice-capture-heading p{margin:0}
.voice-local-badge{flex:none;padding:5px 10px;border:1px solid #78917f55;border-radius:20px;color:#c1d0c4;font-size:12px;line-height:1.5}
#page-voice .voice-record-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.45fr);align-items:center;gap:24px;min-height:226px;margin:0 0 16px;padding:24px;background:linear-gradient(125deg,#294234,#1b3025);border:1px solid #79997e33;border-radius:16px}
#page-voice .voice-gesture-pad{min-width:0;max-width:none;width:100%;gap:14px}
#page-voice .voice-record-button{width:100%;max-width:280px;min-height:92px;height:auto;border-radius:14px!important;display:flex;flex-direction:row;gap:16px;padding:18px 22px!important}
#page-voice .voice-mic-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#17251b12}
#page-voice .voice-mic-icon svg{display:block;width:28px;height:28px}
#page-voice #voice-record-label{font-size:16px;line-height:1.4;text-align:left}
#page-voice .voice-gesture-state{max-width:340px;min-height:0;font-size:13px!important;line-height:1.5;color:#d0dccf}
#page-voice .voice-record-side{align-items:center;gap:10px;padding-left:24px;border-left:1px solid #aac0a52b}
.voice-duration-label{font-size:12px;letter-spacing:.04em;color:#b5c8b9}
#page-voice #voice-timer{font-size:40px;font-weight:600;line-height:1.2;letter-spacing:.03em;font-variant-numeric:tabular-nums}
#page-voice #voice-discard{min-height:44px;margin-top:4px}
#page-voice #voice-discard:disabled{display:none}
#page-voice .voice-record-controls[data-recording=recording]{border-color:#d6bc8b;background:linear-gradient(125deg,#354a34,#1d3326)}
#page-voice .voice-record-controls[data-recording=recording] #voice-timer{color:#f1d9b3}
#page-voice #voice-player{width:100%;max-width:none;margin:0 0 16px}
#page-voice .voice-transcript-details{margin:0 0 14px;border-top:0;border-bottom:1px solid #78917f33}
#page-voice .voice-transcript-details>summary{padding:10px 0;font-size:14px}
#page-voice .voice-transcript-details textarea{min-height:110px}
#page-voice .voice-next-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
#page-voice .voice-next-actions>button{margin:0;min-height:48px;flex:0 1 auto;font-size:14px}
#page-voice .voice-save-indicator{display:block;margin:10px 0 14px;font-size:13px!important}
#page-voice #voice-status{margin:0;padding:12px 14px;font-size:14px;border-radius:8px;background:#2c4635;border-left:3px solid #86a68a}
#page-voice #voice-status.voice-error{background:#482c27;color:#ffe3db;border-left-color:#e5a38d}
.voice-capture-caption{font-size:13px;color:#bdc9c0;margin:10px 0 16px;line-height:1.5}
#page-voice .voice-capture-help{border-top:1px solid #78917f33}
#page-voice .voice-capture-help>summary{font-size:13px;color:#c6d1c7;padding-block:12px}
.voice-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14px;line-height:1.6}
#page-voice .voice-help-grid h3{font-size:15px;margin:0 0 8px}.voice-help-grid p{margin:0 0 12px}
#page-voice .voice-local-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
#page-voice .voice-local-actions>button{min-height:44px}
@media(max-width:600px){
 #page-voice .voice-capture-panel{padding:16px}
 .voice-capture-heading{display:block;margin-bottom:14px}.voice-local-badge{display:inline-block;margin-top:10px}
 #page-voice .voice-record-controls{grid-template-columns:minmax(0,1fr);min-height:0;gap:18px;padding:20px 16px}
 #page-voice .voice-record-button{width:100%;max-width:280px;height:auto;min-height:88px}
 #page-voice .voice-record-side{width:100%;padding:16px 0 0;border:0;border-top:1px solid #aac0a52b;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}
 .voice-duration-label{width:100%;text-align:center}
 #page-voice #voice-timer{font-size:32px;width:100%;text-align:center}
 #page-voice #voice-stop,#page-voice #voice-discard{flex:1 1 150px;margin:0}
 #page-voice .voice-next-actions>button{flex:1 1 150px}
 .voice-help-grid{grid-template-columns:minmax(0,1fr);gap:12px}
}
