.voice-note-panel{width:min(420px,calc(100% - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);margin:auto;padding:20px;border:1px solid #d6e0e8;border-radius:18px;background:#fff;color:#263b53;overflow:auto;box-sizing:border-box;box-shadow:0 16px 60px #1c334a30}
.voice-note-panel::backdrop{background:#142a415c}.voice-note-panel[hidden]{display:none}.voice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.voice-head h2{margin:0;font-size:20px;line-height:1.25}.voice-head [data-close]{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:#f0f4f7;color:#425a70;font-size:28px;cursor:pointer}.voice-case{margin:0 0 12px;font-size:15px;font-weight:600;overflow-wrap:anywhere}.voice-note-panel label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px}.voice-note-panel [hidden]{display:none!important}.voice-note-panel input:not([type=file]),.voice-note-panel select{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #cbd6df;border-radius:10px;background:#fff;color:#263b53;font:400 16px/1.35 Arial,sans-serif}.voice-capture{text-align:center;margin:18px 0 0}.voice-capture output{display:block;margin-bottom:12px;font-size:28px;font-variant-numeric:tabular-nums}.voice-hold{display:block;min-height:64px;width:100%;border:0;border-radius:14px;background:#315579;color:#fff;font:600 17px/1.3 Arial,sans-serif;padding:16px 12px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.voice-hold.recording{background:#a53b31}.voice-hold:disabled{opacity:.55;cursor:default}.voice-capture p{margin:10px 0 0;color:#63768a;font-size:14px;line-height:1.4}.voice-note-panel [data-status]{margin:12px 0 0;font-size:14px;line-height:1.45}.voice-note-panel [data-status]:empty{display:none}.voice-note-panel .error{color:#9c2b1f}.voice-note-panel audio{display:block;width:100%;margin:14px 0 0}.voice-draft-actions,.voice-extra-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.voice-note-panel .btn{min-height:44px;font-size:14px}.voice-note-panel details{margin-top:18px}.voice-note-panel summary{font-size:14px;color:#536b82;cursor:pointer;min-height:36px;line-height:36px}.voice-note-panel details p{font-size:13px;line-height:1.4;color:#63768a;margin:10px 0 0}.voice-note-panel :focus-visible{outline:3px solid #81a3c1;outline-offset:2px}
.tl-event.voice-note{flex-wrap:wrap;border-left:3px solid #6b8da7}.voice-note .tl-edit,.voice-note .tl-delete{opacity:1}.voice-entry{flex-basis:100%;grid-column:1/-1;padding:0 0 4px 62px;min-width:0}.voice-label{display:block;color:#53677a;font-size:14px;margin-bottom:6px}.voice-playback audio{width:min(100%,480px);max-width:100%}.voice-playback{min-width:0}.tl-voice-time[hidden],.tl-voice-executor[hidden]{display:none}.voice-quick-button{min-height:48px;white-space:normal}.mobile-app #app .voice-quick-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;padding:10px 16px;flex:0 0 auto;align-self:flex-start;justify-self:start;margin:0 0 18px;background:#edf3f8;color:#315579;border:1px solid #d1dde7;border-radius:12px;font-size:16px}
@media(max-width:600px){.voice-note-panel{padding:16px}.voice-entry{padding-left:0}}

.tl-event-edit input[hidden]{display:none!important}
/* The dialog lives under body, outside #app: do not inherit dark header buttons. */
#voice-note-panel .btn.ghost{color:#315579;background:#f0f4f8;border:1px solid #cbd6df}
#voice-note-panel .btn.ghost:hover{background:#e5edf4}
#voice-note-panel .btn.primary{color:#fff;background:#315579;border:1px solid #315579}