/* Tabler layout/components are unchanged; only audio-specific constraints live here. */
[hidden]{display:none!important}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.voice-chart{height:150px}
.voice-chart svg{width:100%;height:100%;overflow:visible}
.voice-chart text{font-size:11px;fill:var(--tblr-secondary);font-family:var(--tblr-font-sans-serif)}
/* .modal supplies Tabler's modal variables; native dialog keeps focus/keyboard behavior. */
.voice-dialog{position:fixed;inset:0;max-width:480px;width:calc(100% - 32px);height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:0;margin:auto;box-shadow:var(--tblr-box-shadow-lg)}
.voice-dialog[open]{display:flex}
.voice-dialog::backdrop{background:rgba(24,36,51,.5)}
.voice-dialog:not([open]){display:none}
.voice-player{position:fixed;bottom:16px;right:24px;left:24px;z-index:1020;box-shadow:var(--tblr-box-shadow-lg)}
.voice-player audio{display:block;max-width:100%;width:320px;height:40px}
.has-player .page-body{padding-bottom:130px}
.voice-toast{position:fixed;right:24px;bottom:130px;max-width:calc(100% - 48px);z-index:1100;box-shadow:var(--tblr-box-shadow-lg)}
.record-file{max-width:400px;min-width:0}
#list .record.selected{background:var(--tblr-primary-lt)}
#list td:first-child{width:100%}
@media(max-width:991px){.voice-player{left:16px;right:16px}.record-file{max-width:320px}}
@media(max-width:575px){.record-file{max-width:155px}.voice-player audio{width:100%}.has-player .page-body{padding-bottom:210px}.voice-toast{bottom:205px}.record .btn-icon{min-width:32px;padding:6px}.page-title{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}