*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#142831;color:#edf7f4;font-family:"DM Sans",system-ui,sans-serif}body{background:radial-gradient(ellipse at 12% 0%,#24464b,#142831 55%);min-height:100vh}a{color:#85e7d2}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1400px;margin:auto;padding:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border:1px solid #3b5961;border-radius:15px;background:#1b333d;box-shadow:0 14px 35px #07161b55}.brand{font-weight:800;letter-spacing:.08em;font-size:13px}.brand span{display:block;color:#80e3cf;font-size:10px;letter-spacing:.18em;margin-top:4px}.top-right{display:flex;align-items:center;gap:12px}.pill{font-size:11px;color:#9beedb;border:1px solid #3c6d68;background:#17443f;border-radius:30px;padding:7px 11px;text-transform:uppercase;letter-spacing:.08em}.btn{border:1px solid #4b7475;background:#1b4d48;color:#a4f2df;padding:10px 14px;border-radius:9px;font-weight:700}.btn:hover{filter:brightness(1.15)}.btn.secondary{background:#263e48;color:#e5f2ee;border-color:#4a626a}.btn.danger{background:#542e31;border-color:#805054;color:#ffd8d8}.btn:disabled{opacity:.45;cursor:not-allowed}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 2px 22px}.eyebrow{color:#7edbc9;font:11px "DM Mono",monospace;letter-spacing:.16em}.intro h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.intro p{color:#b9cbc7;margin:0;max-width:700px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.card{background:linear-gradient(145deg,#223d47,#1a323c);border:1px solid #405e67;border-radius:13px;padding:18px;box-shadow:0 9px 24px #06151b35}.metric small,.muted{color:#afc5c0}.metric strong{display:block;font-size:30px;margin:10px 0 3px}.metric em{font-style:normal;color:#86e0ce;font-size:12px}.panel{background:#192f39;border:1px solid #3c5962;border-radius:14px;padding:20px;margin:15px 0;min-width:0}.panel h2{font-size:17px;margin:0 0 15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row>*{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:#bad0ca}.field input,.field select,.field textarea{width:100%;background:#10252e;border:1px solid #46616a;border-radius:8px;padding:11px;color:#f0f7f4;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#81dfcc;box-shadow:0 0 0 3px #70e1cb20}.field.full{grid-column:1/-1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #344e57;font-size:13px;vertical-align:middle}th{font:10px "DM Mono",monospace;color:#a9c5be;letter-spacing:.08em}td{color:#e1efea}.status{display:inline-block;padding:5px 8px;border-radius:30px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#314750;color:#d8e8e3}.status.active{background:#17483f;color:#a0efd9}.status.pending,.status.past_due{background:#59452b;color:#ffe0a7}.status.suspended,.status.canceled{background:#573236;color:#ffd0d0}.notice{padding:12px 14px;border-radius:9px;background:#1b4842;border:1px solid #3c766a;color:#b5f2e3;margin:12px 0}.notice.error{background:#4b292d;border-color:#80474e;color:#ffd5d5}.empty{padding:25px;text-align:center;color:#afc4bf;border:1px dashed #49636b;border-radius:10px}.hidden{display:none!important}.section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.stack{display:grid;gap:12px}.resource{padding:12px;background:#122831;border:1px solid #3a5660;border-radius:9px}.resource b{display:block;margin-bottom:5px}.call-summary{max-width:460px;color:#b9ccc6;font-size:12px;line-height:1.5}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tab{background:#203943;color:#d2e4df;border:1px solid #405c65;border-radius:8px;padding:9px 12px}.tab.active{background:#1b4d48;color:#a4f2df;border-color:#5a9a89}.foot{color:#88a49e;font-size:11px;text-align:center;padding:25px}.auth{max-width:620px;margin:90px auto;padding:32px;text-align:center}.auth h1{font-size:28px}.auth p{color:#b8ccc6;line-height:1.6}.small{font-size:11px;color:#91aaa4}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}}@media(max-width:580px){.shell{padding:13px}.top{padding:13px;align-items:flex-start}.top-right{gap:6px;flex-wrap:wrap;justify-content:end}.intro{display:block;margin:25px 2px 18px}.grid{gap:8px}.card{padding:13px}.metric strong{font-size:24px}.panel{padding:14px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.brand{font-size:11px}.pill{font-size:9px}}
/* Client dashboard enhancements */
.usage-panel{margin-top:14px}
.usage-percent{font:700 20px "DM Mono",monospace;color:#9beedb}
.usage-track{height:13px;background:#0e222a;border:1px solid #3a5961;border-radius:20px;overflow:hidden}
.usage-fill{height:100%;width:0;background:linear-gradient(90deg,#54bda8,#91ebd7);border-radius:20px;transition:width .25s ease}
.usage-fill.over-limit{background:linear-gradient(90deg,#d59a48,#ef7777)}
.usage-meta,.overage-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:9px;color:#b9ccc6;font-size:12px}
.overage-line{margin-top:16px;padding-top:13px;border-top:1px solid #38535c;color:#e6f3ee}
.overage-line b{color:#9beedb}
.plan-actions{border-top:1px solid #38535c;margin-top:18px;padding-top:17px}
.call-detail-row td{background:#122831;padding:16px}
.call-detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;text-align:left}
.call-detail-grid p{white-space:pre-wrap;line-height:1.55;color:#c5d6d0;font-size:13px}
.transcript{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#0d2028;border:1px solid #38535c;border-radius:9px;padding:12px;color:#d8e8e2;font:12px/1.6 "DM Sans",sans-serif}
.recording-link{display:inline-block;text-decoration:none;margin-top:10px}
.call-toggle{white-space:nowrap;padding:7px 10px;font-size:12px}
@media(max-width:680px){.call-detail-grid{grid-template-columns:1fr}.usage-meta,.overage-line{display:grid;gap:5px}}

/* Client portal add-on marketplace */
.addons-panel{margin:22px 0}
.addon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.addon-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;border:1px solid var(--darkline,#263746);border-radius:12px;background:linear-gradient(145deg,#14283a,#0e1b2a);min-height:235px}
.addon-icon{font-size:25px;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#173954}
.addon-card h3{font-size:15px;margin:3px 0 0;color:#f5f8fa}
.addon-card p{font-size:12px;line-height:1.6;color:#b4c5d4;margin:0;flex:1}
.addon-billing{font-size:10px;color:#71c9ee;line-height:1.5;min-height:30px}
.addon-card .btn{width:100%;font-size:11px}
.addon-request-note{display:grid;gap:8px;margin-top:18px}
.addon-request-note label{font-size:11px;font-weight:700}
.addon-request-note textarea{width:100%;resize:vertical;border:1px solid #354e63;border-radius:9px;background:#0b1725;color:#f5f8fa;padding:12px;font:12px/1.5 'DM Sans',sans-serif}
.addon-orders-head{margin-top:26px}
.addon-order{display:flex;align-items:center;justify-content:space-between;gap:14px}
.addon-order>div{display:grid;gap:5px}
.addon-order .small{display:block}
@media(max-width:1000px){.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.addon-grid{grid-template-columns:1fr}.addon-card{min-height:0}.addon-order{align-items:flex-start;flex-direction:column}}

/* Premium client support center */
.support-center{padding:0;overflow:hidden;background:#0c1727;border-color:#263c54}
.support-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;background:radial-gradient(ellipse at 82% 18%,rgba(45,168,255,.2),transparent 42%),linear-gradient(115deg,#102a43,#111c35 72%,#171d3b);border-bottom:1px solid rgba(114,174,224,.18)}
.support-hero h2{font:800 clamp(24px,3vw,32px) "DM Sans",sans-serif;letter-spacing:-.04em;margin:9px 0 7px;color:#f5f9ff}
.support-hero p{margin:0;max-width:660px;color:#a8bed4;font-size:12px;line-height:1.7}
.support-hero-icon{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border:1px solid rgba(84,193,255,.35);border-radius:18px;background:linear-gradient(145deg,rgba(43,183,255,.22),rgba(138,89,255,.18));color:#8de2ff;font-size:29px;box-shadow:0 0 35px rgba(37,157,255,.12)}
.support-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.75fr);gap:18px;padding:22px 24px}
.support-form{padding:20px;border:1px solid #2b415c;border-radius:13px;background:linear-gradient(145deg,#111f33,#101b2d)}
.support-form-heading,.support-tickets-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px}
.support-form-heading h3,.support-tickets-head h3{margin:0 0 5px;color:#f2f7ff;font-size:15px}
.support-form-heading p,.support-tickets-head p{margin:0;color:#91a9c2;font-size:11px;line-height:1.5}
.support-secure{padding:6px 8px;border:1px solid #285d60;border-radius:20px;background:#123a3b;color:#8fe7d7;font:700 7px "DM Mono",monospace;letter-spacing:.1em;white-space:nowrap}
.support-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.support-fields .field label{color:#bfd0e1;font-size:10px;font-weight:700}
.support-fields .field input,.support-fields .field select,.support-fields .field textarea{background:#0a1525;border-color:#304762;color:#edf6ff;border-radius:8px;font-size:12px;padding:11px}
.support-fields .field input:focus,.support-fields .field select:focus,.support-fields .field textarea:focus{border-color:#49bfff;box-shadow:0 0 0 3px rgba(73,191,255,.12)}
.support-fields .field textarea{resize:vertical;min-height:116px;line-height:1.6}
.support-field-note{color:#718ba6;font-size:9px;line-height:1.5}
.support-submit{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border:1px solid #4eaeeb;background:linear-gradient(100deg,#087fc5,#3856b7);color:white;box-shadow:0 8px 22px rgba(0,114,202,.2);font-size:11px}
.support-submit span{font-size:17px}
.support-side{display:flex;flex-direction:column;gap:10px}
.support-side-card{padding:16px;border:1px solid #293e59;border-radius:12px;background:linear-gradient(145deg,#14243a,#101c30)}
.support-side-icon{display:grid;place-items:center;width:29px;height:29px;margin-bottom:11px;border-radius:9px;background:#193d5b;color:#75d4ff;font-size:14px}
.support-side-card h3{margin:0 0 7px;color:#eaf4ff;font-size:12px}
.support-side-card p{margin:0;color:#91a9c2;font-size:10px;line-height:1.65}
.support-side-foot{margin-top:auto;padding:12px;border-left:2px solid #3b9ed8;color:#7892ad;font-size:9px;line-height:1.6}
.support-tickets-head{margin:0 24px;padding:19px 0 13px;border-top:1px solid #26394f}
.support-tickets-head .btn{font-size:10px;padding:8px 11px}
.support-ticket-list{display:grid;gap:10px;padding:0 24px 24px}
.support-ticket{padding:15px 16px;border:1px solid #293e57;border-radius:11px;background:#101d30}
.support-ticket-top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.support-ticket-category{color:#66c8fa;font:700 8px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}
.support-ticket h4{margin:5px 0 0;color:#edf5ff;font-size:13px}
.support-ticket-description{margin:11px 0;color:#a9bdd2;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.support-ticket-meta{display:flex;flex-wrap:wrap;gap:12px;color:#718aa5;font:8px "DM Mono",monospace}
.ticket-status{display:inline-flex;padding:6px 9px;border:1px solid #36516d;border-radius:20px;background:#1b3049;color:#b8d7f4;font:700 8px "DM Mono",monospace;white-space:nowrap}
.ticket-status.in_progress{border-color:#315f91;background:#163b60;color:#9bd3ff}
.ticket-status.waiting_on_customer{border-color:#846735;background:#46371c;color:#ffdb8c}
.ticket-status.resolved,.ticket-status.closed{border-color:#286c5d;background:#123d36;color:#93ead2}
.ticket-priority.high,.ticket-priority.urgent{color:#ffad9f}
.support-reply{margin-top:13px;padding:12px 13px;border:1px solid #245d57;border-radius:9px;background:#102d30}
.support-reply b{color:#8fe5d0;font-size:10px}
.support-reply p{margin:6px 0;color:#c3ddd8;font-size:11px;line-height:1.6;white-space:pre-wrap}
.support-reply span{color:#719d96;font-size:8px}
.support-empty{padding:26px 15px;text-align:center;border:1px dashed #354c67;border-radius:11px;color:#91a9c2}
.support-empty>span{display:block;color:#68cfff;font-size:23px;margin-bottom:8px}
.support-empty b{display:block;color:#e0ebf7;font-size:12px}
.support-empty p{margin:6px 0 0;font-size:10px}
@media(max-width:760px){.support-layout{grid-template-columns:1fr;padding:15px}.support-side{display:grid;grid-template-columns:1fr 1fr}.support-side-foot{grid-column:1/-1}.support-hero{padding:22px 17px}.support-tickets-head{margin:0 15px}.support-ticket-list{padding:0 15px 16px}}
@media(max-width:520px){.support-fields{grid-template-columns:1fr}.support-form{padding:14px}.support-form-heading{display:block}.support-secure{display:inline-block;margin-top:10px}.support-side{grid-template-columns:1fr}.support-hero-icon{width:45px;height:45px;flex-basis:45px;font-size:21px}.support-ticket-top{flex-direction:column}}

/* Professional multi-page client workspace */
.client-workspace-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}
.client-sidebar{position:sticky;top:18px;min-height:calc(100vh - 38px);display:flex;flex-direction:column;padding:17px 13px;border:1px solid #2b4054;border-radius:16px;background:linear-gradient(180deg,#122238,#101b2c);box-shadow:0 18px 44px #06101e55}
.sidebar-caption{padding:8px 11px 13px;color:#6f8ba8;font:700 9px "DM Mono",monospace;letter-spacing:.16em}
.client-nav{display:grid;gap:5px}
.client-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a9bdd1;text-align:left;font-size:12px;font-weight:600;transition:.18s}
.client-nav-item:hover{background:#1a3048;color:#eaf5ff}
.client-nav-item.active{border-color:#315b7d;background:linear-gradient(100deg,#173d5d,#1a3450);color:#9cddff;box-shadow:inset 3px 0 #52bdf3}
.nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#1b344d;color:#80cfff;font-size:15px;font-weight:700}
.client-nav-item.active .nav-icon{background:#24567b;color:#d4f2ff}
.sidebar-help{margin-top:auto;padding:15px 12px;border:1px solid #2d4c67;border-radius:12px;background:radial-gradient(ellipse at 100% 0%,#254d6a66,transparent 65%),#14283d}
.sidebar-help-icon{display:grid;place-items:center;width:27px;height:27px;margin-bottom:10px;border-radius:8px;background:#1e4564;color:#8bd9ff}
.sidebar-help b{display:block;color:#eaf5ff;font-size:11px}
.sidebar-help p{margin:6px 0 12px;color:#8ea8c1;font-size:10px;line-height:1.55}
.sidebar-help button{padding:0;border:0;background:none;color:#83d5ff;font-size:10px;font-weight:700}
.sidebar-help button span{padding-left:5px}
.sidebar-footer{display:flex;align-items:center;gap:8px;padding:14px 6px 2px;color:#66819b;font-size:9px}
.sidebar-status-dot{width:7px;height:7px;border-radius:50%;background:#5ed5b2;box-shadow:0 0 10px #5ed5b288}
.client-page-content{min-width:0}
.client-page-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:4px 2px 15px}
.client-page-heading h2{margin:5px 0;color:#f1f7ff;font-size:25px;letter-spacing:-.04em}
.client-page-heading p{margin:0;color:#91a9c2;font-size:11px}
.client-page-label{padding:6px 9px;border:1px solid #2d4964;border-radius:20px;color:#80b9dc;font:8px "DM Mono",monospace;letter-spacing:.12em}
.client-page{display:none;min-width:0}
.client-page.active{display:block;animation:clientPageIn .2s ease}
.client-page .panel{margin:0 0 15px}
.client-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.billing-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.overview-shortcuts{margin-top:15px!important}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shortcut-grid button{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid #304962;border-radius:11px;background:#12243a;text-align:left;color:#e7f2fc}
.shortcut-grid button>span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1b3b59;color:#83d7ff;font-size:16px}
.shortcut-grid b{font-size:11px}
.shortcut-grid small{margin-top:3px;color:#8fa8c1;font-size:9px}
@keyframes clientPageIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.client-workspace-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.client-sidebar{padding:12px 9px}.client-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.client-workspace-layout{grid-template-columns:1fr}.client-sidebar{position:static;min-height:0;padding:9px;overflow-x:auto}.sidebar-caption,.sidebar-help,.sidebar-footer{display:none}.client-nav{display:flex;gap:5px;min-width:max-content}.client-nav-item{width:auto;white-space:nowrap;padding:8px 10px;font-size:10px}.nav-icon{width:22px;height:22px}.client-page-heading{padding-top:15px}.client-page-heading h2{font-size:22px}}
@media(max-width:480px){.client-page .grid,.billing-summary-grid,.shortcut-grid{grid-template-columns:1fr}.client-page-label{display:none}}

/* Premium two-panel client console */
.shell{max-width:1540px;padding:22px 28px 30px}.top{position:sticky;top:12px;z-index:30;min-height:76px;padding:16px 24px;border-radius:16px;background:linear-gradient(110deg,#172d42,#1b3449 58%,#1c3b4b);border-color:#31516b;box-shadow:0 18px 44px #06111dcc,inset 0 1px #ffffff12}
.top .brand{font-size:14px;letter-spacing:.11em}.top .brand span{font-size:10px;color:#77d8e9}#app>.intro{display:none}
.client-workspace-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}
.client-sidebar{position:sticky;top:108px;min-height:calc(100vh - 132px);display:flex;flex-direction:column;padding:22px 16px 15px;border:1px solid #2b4b66;border-radius:17px;background:radial-gradient(ellipse at 0% 0%,#24547766,transparent 42%),linear-gradient(165deg,#172d43,#101f32 75%);box-shadow:0 18px 44px #06111d88,inset 0 1px #ffffff0b}
.sidebar-caption{padding:2px 10px 15px;color:#80c9e8;font:700 9px "DM Mono",monospace;letter-spacing:.19em}.client-nav{gap:7px}
.client-nav-item{min-height:44px;padding:10px 12px;font-size:12px;border-radius:10px;color:#b5c9dc}
.client-nav-item.active{background:linear-gradient(100deg,#174e70,#203d5d);border-color:#39749a;color:#d8f3ff;box-shadow:inset 3px 0 #63d6f2,0 8px 18px #06182766}
.nav-icon{width:28px;height:28px;border:1px solid #345a76;background:#1b3b57;color:#83d6f2;border-radius:9px}
.sidebar-help{margin-top:auto;border-color:#315b78;background:radial-gradient(ellipse at 100% 0%,#24618a66,transparent 65%),#142b42}
.client-page-content{min-width:0;padding:0 2px}.client-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:20px 23px;border:1px solid #2e4d67;border-radius:15px;background:linear-gradient(110deg,#1a344b,#1a2d42);box-shadow:0 10px 28px #06121e66}
.client-workspace-header h1{margin:6px 0 5px;font-size:clamp(23px,3vw,31px);letter-spacing:-.04em;color:#f2f8ff}.client-workspace-header p{margin:0;color:#9fb6ca;font-size:12px}
.client-page-heading{padding:5px 4px 17px}.client-page-heading h2{font-size:24px;color:#f1f7ff}.client-page-heading p{color:#a2b7ca;font-size:12px}.client-page-label{color:#8ed9f4;border-color:#315773;background:#172f46}
.card,.panel{background:linear-gradient(145deg,#1c3448,#172b3d);border-color:#34516a;box-shadow:0 10px 28px #06121e55,inset 0 1px #ffffff08}.card{border-radius:14px}.panel{border-radius:15px}
@media(max-width:900px){.client-workspace-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.client-sidebar{padding:17px 10px}.client-nav-item{font-size:11px}}
@media(max-width:680px){.shell{padding:12px}.top{top:7px;padding:12px 14px}.client-workspace-layout{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:13px}.client-sidebar{position:relative;top:auto;min-height:0;padding:10px;border-radius:13px}.sidebar-caption,.sidebar-help,.sidebar-footer{display:none}.client-nav{display:flex;overflow-x:auto;gap:5px}.client-nav-item{width:auto;flex:0 0 auto;white-space:nowrap;padding:8px 10px;min-height:40px}.nav-icon{width:23px;height:23px}.client-workspace-header{padding:15px;margin-bottom:12px;align-items:flex-start;flex-wrap:wrap}.client-workspace-header h1{font-size:22px}.client-page-heading{padding:4px 2px 12px}}
/* Voice cloning explanation modal */
.voice-info-trigger{border:1px solid #3d7590;background:#173b52;color:#8fe0f5;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700;text-align:left;width:100%}.voice-info-trigger span{float:right;font-size:15px}
.voice-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:22px}.voice-modal.open{display:flex}.voice-modal-backdrop{position:absolute;inset:0;background:#030b16d9;backdrop-filter:blur(9px)}
.voice-modal-panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;padding:30px;border:1px solid #3b6b86;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#1d547066,transparent 42%),linear-gradient(145deg,#172f46,#101e31);box-shadow:0 30px 100px #000b;color:#eff8ff;outline:none}
.voice-modal-close{position:absolute;top:15px;right:17px;width:36px;height:36px;border:1px solid #45647a;border-radius:10px;background:#203b51;color:#e8f6ff;font-size:24px}
.voice-modal-panel h2{margin:9px 45px 8px 0;font-size:clamp(23px,4vw,32px);letter-spacing:-.04em}.voice-modal-lede{color:#b4c9dc;font-size:13px;line-height:1.7}.voice-steps{display:grid;gap:12px;margin:22px 0;padding:0;list-style:none}
.voice-steps li{display:grid;gap:5px;padding:14px 16px;border:1px solid #34536d;border-radius:12px;background:#142a40}.voice-steps b{color:#9be4f5;font-size:13px}.voice-steps span{color:#c1d1df;font-size:12px;line-height:1.65}
.voice-modal-note{padding:14px 16px;border:1px solid #705e3e;border-radius:11px;background:#3b3325;color:#f2dcae;font-size:11px;line-height:1.65}.voice-modal-note b{color:#ffe7b7}
.voice-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}body.voice-modal-open{overflow:hidden}
@media(max-width:600px){.voice-modal{padding:10px}.voice-modal-panel{padding:22px 17px;border-radius:15px}.voice-modal-panel h2{font-size:23px}.voice-steps li{padding:12px}}


/* Admin client supervision workspace */
.tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:20px;background:#294b54;color:#a9f0df;font:700 10px "DM Mono",monospace}
.request-metric{cursor:pointer;transition:border-color .18s,transform .18s}.request-metric:hover{border-color:#70e1cb;transform:translateY(-2px)}
.admin-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px}.admin-modal.hidden{display:none!important}
.admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,10,15,.78);backdrop-filter:blur(8px)}
.admin-modal-panel{position:relative;z-index:1;width:min(1080px,100%);max-height:92vh;overflow:auto;padding:22px;border:1px solid #3b5962;border-radius:16px;background:#10232c;box-shadow:0 25px 90px rgba(0,0,0,.5)}
.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-modal-head h2{margin:6px 0}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.workspace-columns .panel{margin:0}.admin-modal-panel h3{margin:0 0 12px}.admin-modal-panel .panel{padding:16px}
@media(max-width:720px){.admin-modal{padding:8px}.admin-modal-panel{padding:14px;max-height:96vh}.workspace-columns{grid-template-columns:1fr}.admin-modal-head{align-items:flex-start}}

/* Managed agent configuration and client change requests */
.agent-config-grid{margin-top:18px}.agent-config-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0 12px}.agent-config-cards,.agent-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-config-cards article,.agent-option-card{background:rgba(13,30,37,.72);border:1px solid rgba(120,230,205,.18);border-radius:14px;padding:16px;min-width:0}.agent-config-cards small,.agent-config-cards b{display:block}.agent-config-cards small{color:#9bb8bd;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.agent-config-cards b{color:#effffb;overflow-wrap:anywhere}.agent-config-privacy,.agent-cost-note{margin-top:14px;color:#b7c9cb;line-height:1.6}.agent-option-card h4{margin:0 0 8px;color:#eafff8}.agent-option-card p{font-size:13px;line-height:1.55;color:#b8c9cc}.agent-option-card .agent-option-cost{display:block;color:#a6ff72;margin:10px 0}.agent-option-card .btn{margin-top:8px}.agent-request-item{align-items:flex-start}.agent-request-item>div{min-width:0;flex:1}.agent-quote{border-left:2px solid #a6ff72;padding:8px 12px;background:rgba(166,255,114,.06)}.agent-cost-note a{color:#a6ff72}@media(max-width:680px){.agent-config-cards,.agent-option-grid{grid-template-columns:1fr}.agent-config-heading{align-items:flex-start;flex-direction:column}}

.sms-business-details{border:1px solid rgba(166,255,114,.3);border-radius:14px;padding:16px;margin:12px 0;background:rgba(8,28,30,.5)}
.sms-business-details[hidden]{display:none!important}
.sms-business-details legend{padding:0 8px;color:#a6ff72;font-weight:700}
.sms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sms-form-grid .field{min-width:0}
.sms-form-grid .field.full{grid-column:1/-1}
.sms-business-details input,.sms-business-details select,.sms-business-details textarea{width:100%;max-width:100%}
@media(max-width:680px){.sms-form-grid{grid-template-columns:1fr}.sms-form-grid .field.full{grid-column:auto}}
