:root{--navy:#10243b;--gold:#d6ae57;--ink:#1d3046;--muted:#607084;--border:#dce3e9;--paper:#f3f5f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}header{background:var(--navy);color:white;padding:24px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--gold);gap:16px}.brand{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:750;letter-spacing:1.7px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#c0cddd;margin-top:3px}.mark{width:46px;height:46px;border:1px solid #7e755e;display:grid;place-items:center;font-size:29px;color:var(--gold);position:relative}.mark span{font-size:15px;position:absolute;right:0;bottom:0}.header-right{display:flex;align-items:center;gap:18px}.badge{font-size:10px;font-weight:750;letter-spacing:1.4px;border:1px solid #778395;padding:7px 10px;border-radius:4px;color:#f0cf89}main{max-width:1540px;margin:auto;padding:36px 4vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 7px;color:#7e6530}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;margin:0 0 12px;font-weight:740}h1 span{font-weight:400;color:#6d7b89}h2{font-size:22px;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px}h3{font-size:16px}.muted{color:var(--muted);margin:0}.timezone{font-size:12px;text-align:right;color:var(--muted)}.timezone strong{font-size:15px;color:var(--ink)}.demo-note{background:#fff5dc;border:1px solid #dfc893;border-radius:7px;padding:11px 16px;font-size:13px;margin-bottom:22px;color:#604916}.panel{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 3px 12px #152b4510;padding:24px}.filters form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.filters label{min-width:0}label{display:block;font-weight:650;font-size:12px}input,select{width:100%;margin-top:6px;background:white;border:1px solid #b9c4ce;border-radius:5px;padding:11px 10px;font:inherit;color:var(--ink);min-height:43px}button,.download{border:1px solid var(--border);background:white;border-radius:5px;padding:11px 14px;color:var(--ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer;min-height:42px;text-decoration:none}button:disabled{opacity:.45;cursor:default}.primary{background:var(--navy);color:white;border-color:var(--navy);white-space:nowrap}.primary:hover{background:#234466}.quiet{background:transparent;color:white;border-color:#536174}.fine{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}#status{font-size:12px;color:var(--muted);padding:12px 1px;min-height:42px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metrics article{border:1px solid var(--border);border-top:3px solid var(--gold);background:white;border-radius:7px;padding:20px}.metrics article>span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.3px}.metrics strong{display:block;font-size:33px;letter-spacing:-1px;margin:10px 0 5px;line-height:1.2}.metrics small{color:var(--muted);font-size:11px;display:block}.metrics .date-metric{font-size:17px;letter-spacing:-.3px;min-height:40px;line-height:1.5}.library-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:24px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0}.rows{margin-top:20px}.call-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:17px 6px;border-bottom:1px solid var(--border);align-items:center;width:100%;text-align:left;border-radius:0;border-width:0 0 1px;font-weight:400;min-height:83px}.call-row:hover,.call-row[aria-pressed=true]{background:#f2f6fa}.call-row[aria-pressed=true]{box-shadow:inset 3px 0 var(--gold)}.call-icon{height:33px;width:33px;border-radius:50%;background:#e8eff6;display:grid;place-items:center;font-size:17px;color:#375a7c}.call-main{min-width:0}.call-main strong{display:block;font-size:13px;overflow-wrap:anywhere}.call-main small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.pill{border-radius:4px;background:#edf2f7;color:#355776;padding:4px 7px;font-size:10px;font-weight:650;text-transform:capitalize}.pill.outgoing{background:#fff2d5;color:#76591d}.pill.internal{background:#eef0f2;color:#536575}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;font-size:12px}.details{position:sticky;top:22px}.details h3{overflow-wrap:anywhere}.wave{font-size:35px;letter-spacing:5px;color:#b89c62;padding:35px 0 14px}#empty-detail{text-align:center;padding-bottom:35px}audio{width:100%;margin:10px 0 12px}.download{display:block;text-align:center;background:#fff8e8;border-color:#e3c98f}dl{margin:22px 0;border-top:1px solid var(--border)}dt{font-size:11px;color:var(--muted);margin-top:12px}dd{margin:3px 0;font-size:12px}#related .call-row{grid-template-columns:minmax(0,1fr);padding:12px 4px;min-height:60px}footer{display:flex;justify-content:space-between;gap:16px;margin-top:26px;font-size:10px;letter-spacing:1px;color:var(--muted)}footer span{letter-spacing:0}.login{max-width:650px;padding-top:65px}.login h1{font-size:46px}.login .panel{margin-top:32px}.login .primary{margin-top:15px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b68a35;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1100px){.filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}}@media(max-width:740px){header{padding:18px 5vw}.brand{font-size:13px;letter-spacing:1px}.mark{display:none}.header-right{gap:8px;flex-wrap:wrap;justify-content:end}.badge{font-size:8px;padding:5px}.quiet{font-size:10px;padding:6px;min-height:32px}main{padding:26px 5vw}h1{font-size:28px}.timezone{display:none}.filters form{display:grid;grid-template-columns:1fr 1fr}.filters .phone-label{grid-column:1/-1}.filters .primary,#clear-filters{grid-column:1/-1}.panel{padding:18px}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:27px}.metrics .date-metric{font-size:14px}.library-grid{grid-template-columns:1fr}.details{position:static}.call-row{grid-template-columns:30px minmax(0,1fr)}.call-row>.pill{grid-column:2;justify-self:start}.call-row{gap:7px;padding:14px 6px}.call-main strong{font-size:12px}.call-icon{width:28px;height:28px}.section-heading{align-items:start}#result-caption{font-size:11px}footer{flex-direction:column}.login h1{font-size:38px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s}}
:is(#transcript-text,#transcript-cost,#transcript-state,#transcript-warning,#transcript-coverage){overflow-wrap:anywhere;white-space:pre-wrap}#transcript-text{max-height:28rem;overflow:auto;margin:1rem 0}#transcript-search{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}#transcript-search label{flex:1;min-width:0}#transcript-consent{padding:1rem;border:1px solid var(--gold);margin-top:1rem}#transcript-consent button{white-space:normal;max-width:100%;margin:0.25rem 0}
.quick-dates{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.saved-search-panel{margin-top:1rem}.saved-search-panel input,.saved-search-panel select{max-width:28rem}.saved-search-panel button{margin:.5rem .25rem .5rem 0}mark{background:#ffe08a;color:#342600;border-radius:2px}.digit-difference{font-weight:900;outline:1px solid #9a6500}#transcript-find-count{font-size:12px;display:block;margin:.5rem 0}
#transcript-delete-panel{padding:1rem;border:1px solid #a42d2d;border-radius:6px;margin:1rem 0}#transcript-delete-panel button{white-space:normal;max-width:100%;margin:.25rem 0}#transcript-delete-phrase{max-width:18rem}#transcript-delete-notice,#transcript-delete-result{overflow-wrap:anywhere}:is(#transcript-delete,#transcript-delete-all,#transcript-delete-confirm){color:#942323;border-color:#bd7373}
:is(#transcript-matches,#related) .call-row{grid-template-columns:minmax(0,1fr)}#transcript-matches+nav{flex-wrap:wrap}#transcript-search{margin-bottom:1rem}

/* Compact account management; no recording-page layout changes. */
.accounts-page [hidden]{display:none!important}
.accounts-page header{padding:16px max(4vw,20px)}
.accounts-page header a{color:#fff;font-weight:600;text-underline-offset:4px}
.account-main{max-width:1180px;padding:24px 24px 40px}
.account-heading,.account-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.account-heading h1{font-size:28px;margin-bottom:6px}
.account-identity{font-size:12px;text-align:right;flex-shrink:0;max-width:40%;overflow-wrap:anywhere;margin:0;color:var(--muted)}
.account-identity strong{color:var(--ink)}
.account-nav,.account-level-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}
.account-nav a,.account-level-tabs a,.account-link-button,.account-cancel{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:5px;text-decoration:none;color:var(--navy);background:#fff;font-weight:650;font-size:13px}
.accounts-page a[aria-current=page]{background:var(--navy);color:white;border-color:var(--navy)}
.account-nav a:hover,.account-link-button:hover,.account-cancel:hover{background:#eaf0f5;color:var(--navy)}
.account-section-heading h2{margin:0;font-size:20px;overflow-wrap:anywhere}
.account-section-heading>a{flex-shrink:0}
.account-count{font-size:12px;background:#e4eaf0;border-radius:20px;padding:2px 8px;vertical-align:middle;letter-spacing:0}
.account-notice{border:1px solid #cfb16c;border-left:3px solid #b18a35;border-radius:5px;background:#fff9eb;color:#594318;padding:10px 12px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}
.account-notice p{margin:6px 0 0}
.account-success{background:#edf7f0;color:#225639;border-color:#83b093}
.account-error{color:#852b26;background:#fff0ee;border-color:#c58d87}
.account-directory,.account-single-editor,.account-role-editor{padding:20px}
.account-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.account-search>div{flex:1;max-width:360px;min-width:180px}
.account-search>a{padding:10px 0}
.account-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 90px 100px;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--border);font-size:13px}
.account-row>*{min-width:0;overflow-wrap:anywhere}
.account-row small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.user-name{font-size:14px;font-weight:700}
.account-you{font-size:11px;padding:2px 6px;background:#e4eaf0;border-radius:4px;font-weight:500}
.account-edit-link{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:40px;border:1px solid var(--border);border-radius:5px;color:#315e84;text-decoration:none;font-weight:650}
.account-state{display:inline-block;justify-self:start;color:#27533b;background:#edf5ef;border:1px solid #c4daca;border-radius:16px;font-size:11px;padding:2px 8px;font-weight:600}
.account-state.is-disabled{background:#f2f2f3;color:#555b65;border-color:#d5d8dd}
.account-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border-top:1px solid var(--border);padding-top:10px;font-size:13px}
.account-pagination>a,.account-pagination>span{padding:8px 4px}.account-pagination>a{color:#315e84}.account-pagination>span{color:var(--muted)}
.account-guide{margin:12px 0 16px;padding:0;background:#fafcfe;box-shadow:none}
.accounts-page summary{cursor:pointer;min-height:40px;padding:10px 14px;font-weight:650;font-size:13px}
.accounts-page summary:hover{background:#f0f4f8}
.account-guide>p{padding:0 14px 12px;font-size:13px}
.account-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
.account-levels h3{margin:0 0 4px;font-size:14px}.account-levels p{font-size:12px;margin:0;color:var(--muted)}
.accounts-page fieldset{border:1px solid var(--border);border-radius:6px;margin:14px 0;padding:12px 14px;min-width:0}
.accounts-page legend{padding:0 6px;font-size:14px;font-weight:750;color:var(--navy)}
.account-grid,.role-grid,.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.accounts-page label{display:block;font-size:13px;font-weight:650;margin:0 0 4px;color:var(--ink)}
.accounts-page label span{font-weight:400;color:var(--muted)}
.accounts-page input:not([type=checkbox]):not([type=hidden]),.accounts-page select{display:block;width:100%;min-height:40px;margin-top:0;background:#fff;border:1px solid #aab7c4;border-radius:5px;color:var(--ink);padding:8px 10px;font:inherit;font-size:13px}
.accounts-page input:disabled{background:#f0f2f5;color:#737f8c;border-color:var(--border)}
.accounts-page .account-check{display:flex;gap:8px;align-items:flex-start;min-height:28px;margin-top:8px;font-weight:550;cursor:pointer}
.accounts-page input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;flex-shrink:0;margin:2px 0 0;accent-color:var(--navy)}
.accounts-page .field-help{font-size:12px;line-height:1.45;color:#586b7e;margin:4px 0 8px}
.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:16px;align-items:start;padding:10px 0;border-top:1px solid #e7edf2}
.permission-row .field-help{margin-bottom:0}.permission-row select{font-size:13px}.permission-setting .current-default{font-size:11px}
.permission-grid .permission-row{display:block}.permission-grid .permission-setting{margin-top:8px}
.account-save-note{font-size:12px;color:#586b7e;margin:10px 0}
.account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:6px}
.accounts-page button[type=submit]{min-height:40px;padding:9px 16px;background:var(--navy);border:1px solid var(--navy);color:#fff;border-radius:5px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.accounts-page button:disabled{opacity:.6;cursor:wait}
.account-form-status{font-size:12px;font-weight:650;min-height:0;margin:6px 0 0}
.accounts-page :is(a,button,input,select,summary):focus-visible{outline:3px solid #226baf;outline-offset:2px}
.role-grid>div{min-width:0}.role-grid .field-help{padding-left:24px}
@media(max-width:760px){.account-main{padding:18px 14px 32px}.account-heading{display:block}.account-identity{text-align:left;max-width:none;margin-top:10px}.account-heading h1{font-size:26px}.account-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.account-row>:nth-child(2){grid-column:1;grid-row:2}.account-row>:nth-child(3){grid-column:2;grid-row:1}.account-row>:nth-child(4){grid-column:2;grid-row:2}.account-grid,.role-grid,.permission-grid,.account-levels{grid-template-columns:1fr}.permission-row{grid-template-columns:1fr;gap:8px}.account-directory,.account-single-editor,.account-role-editor{padding:14px}.accounts-page fieldset{padding:12px}.account-section-heading{align-items:start}.accounts-page header{flex-wrap:wrap;padding:14px}.accounts-page .brand{flex-wrap:wrap;gap:6px;font-size:14px}.account-section-heading h2{font-size:18px}}
