:root{
  color-scheme:dark;
  --bg:#08090d;--bg2:#0d1016;--panel:#11151d;--panel2:#161b25;--line:#242c39;
  --text:#f7f8fb;--muted:#98a2b3;--muted2:#667085;--gold:#e1ba60;--gold-rgb:225,186,96;--bronze:#b07515;--bronze-rgb:176,117,21;--bg-rgb:8,9,13;--panel-rgb:17,21,29;
  --gold-soft:#f4d98d;--gold-pale:#fff1cd;--gold-deep:#8f5d10;--teal:#66d9c8;--green:#61d095;--red:#ff7878;--shadow:0 30px 100px rgba(0,0,0,.38);
  --radius:22px;--radius-sm:14px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,9,13,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-row{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;grid-template-columns:repeat(3,4px);gap:3px;background:linear-gradient(145deg,rgba(var(--gold-rgb),.22),rgba(var(--bronze-rgb),.08));border:1px solid rgba(var(--gold-rgb),.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.brand-mark span{width:4px;border-radius:99px;background:linear-gradient(var(--gold-soft),var(--bronze))}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:16px}.brand-copy{display:flex;align-items:baseline;gap:5px;letter-spacing:-.02em}.brand-copy strong{font-size:17px}.brand-copy small{font-size:12px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.nav-links{display:flex;gap:25px;margin-left:28px}.nav-links a{color:#a7afbc;font-size:14px;font-weight:650}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{margin-left:auto;display:flex;gap:9px}.btn{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;cursor:pointer;transition:.18s ease;background:rgba(255,255,255,.035)}.btn:hover{transform:translateY(-1px);border-color:#3b4556}.btn-small{min-height:40px;padding:0 15px}.btn-primary{color:#17120a;background:linear-gradient(135deg,#f0cf7c,var(--bronze) 55%,var(--bronze));border-color:rgba(var(--gold-rgb),.5);box-shadow:0 12px 28px rgba(var(--bronze-rgb),.21),inset 0 1px 0 rgba(255,255,255,.3)}.btn-primary:hover{box-shadow:0 16px 35px rgba(var(--bronze-rgb),.28)}.btn-ghost{background:transparent;border-color:transparent;color:#c6ccd6}.btn-danger{background:rgba(255,120,120,.09);border-color:rgba(255,120,120,.24);color:#ffaaaa}.btn-block{width:100%}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(var(--gold-rgb),.08)}.hero{position:relative;overflow:hidden;padding:92px 0 76px;background:radial-gradient(circle at 20% 12%,rgba(var(--bronze-rgb),.17),transparent 34rem),radial-gradient(circle at 88% 18%,rgba(102,217,200,.08),transparent 28rem),linear-gradient(180deg,#090a0f 0%,var(--bg) 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);gap:62px;align-items:center}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:19px 0 24px;max-width:760px}.hero h1 span{background:linear-gradient(110deg,#fff 0%,var(--gold-soft) 42%,var(--bronze) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:#a9b1bf;max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{min-height:52px;padding:0 23px}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#8993a2;font-size:12px}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(97,208,149,.1);color:var(--green);border:1px solid rgba(97,208,149,.18)}.product-window{position:relative;border:1px solid rgba(var(--gold-rgb),.14);border-radius:28px;background:linear-gradient(145deg,rgba(23,27,35,.96),rgba(12,14,20,.94));box-shadow:var(--shadow),0 0 90px rgba(var(--bronze-rgb),.08);padding:14px;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}.window-bar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 7px 12px}.dot{width:8px;height:8px;border-radius:50%;background:#343b47}.window-title{margin-left:7px;color:#9099a8;font-size:11px;font-weight:750}.live-pill{margin-left:auto;padding:5px 9px;border-radius:99px;border:1px solid rgba(97,208,149,.22);color:#8be4b7;background:rgba(97,208,149,.07);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mock-body{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.mock-panel{min-height:320px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022);padding:17px}.mock-kicker{color:#717c8e;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.speech-line{margin-top:14px;padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.065);background:#121720;color:#d9dee7;font-size:13px;line-height:1.55}.speech-line.translation{border-color:rgba(var(--gold-rgb),.20);background:linear-gradient(145deg,rgba(var(--bronze-rgb),.14),rgba(var(--gold-rgb),.035));color:var(--gold-pale)}.wave{height:48px;display:flex;align-items:center;gap:3px;margin-top:18px}.wave span{width:3px;border-radius:99px;background:linear-gradient(var(--gold),var(--bronze));animation:wave 1.1s ease-in-out infinite alternate}.wave span:nth-child(2n){animation-delay:.18s}.wave span:nth-child(3n){animation-delay:.32s}@keyframes wave{from{height:7px;opacity:.4}to{height:35px;opacity:1}}.mock-footer{margin-top:11px;display:flex;gap:8px}.mock-control{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:#919baa;font-size:11px;background:#0e1219}.mock-control strong{display:block;color:#f2f4f7;margin-top:2px}.section{padding:92px 0}.section-soft{background:#0b0d12;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section-head{max-width:720px;margin-bottom:42px}.section h2{font-size:clamp(36px,4.2vw,56px);line-height:1.05;letter-spacing:-.045em;margin:13px 0 15px}.section-head p{color:#949eae;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;min-height:250px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(22,27,36,.88),rgba(13,16,22,.92));overflow:hidden}.feature-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-80px;background:rgba(var(--gold-rgb),.055);filter:blur(2px)}.feature-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--gold-rgb),.09);border:1px solid rgba(var(--gold-rgb),.16);color:var(--gold);font-size:18px}.feature-card h3{font-size:20px;margin:19px 0 8px;letter-spacing:-.025em}.feature-card p{color:#8f99a9;margin:0;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0f1218}.step{padding:28px;min-height:210px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-num{font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold);letter-spacing:.08em}.step h3{margin:50px 0 8px;font-size:18px}.step p{color:#8d97a7;font-size:13px;margin:0}.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.security-list{display:grid;gap:12px}.security-row{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.security-row span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(102,217,200,.07);border:1px solid rgba(102,217,200,.14);color:var(--teal)}.security-row h4{margin:0 0 3px;font-size:14px}.security-row p{margin:0;color:#818b9a;font-size:12px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#121720,var(--bg2));min-height:430px}.price-card.featured{border-color:rgba(var(--gold-rgb),.38);box-shadow:0 18px 60px rgba(var(--bronze-rgb),.10);background:radial-gradient(circle at 50% 0%,rgba(var(--gold-rgb),.09),transparent 18rem),linear-gradient(145deg,#17181d,var(--bg2))}.price-badge{align-self:flex-start;padding:5px 8px;border-radius:99px;color:#231806;background:var(--gold);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.price-card h3{margin:0;font-size:18px}.price{font-size:40px;letter-spacing:-.05em;font-weight:900;margin:16px 0 3px}.price small{font-size:13px;color:#7f8998;font-weight:650;letter-spacing:0}.allowance{color:#c6ccd6;font-size:13px;margin-bottom:22px}.price-features{display:grid;gap:10px;margin:0 0 25px;padding:0;list-style:none;color:#8f99a9;font-size:12px}.price-features li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--green);margin-right:8px}.price-card .btn{margin-top:auto}.pricing-more{margin-top:22px;text-align:center}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid var(--line);border-radius:16px;background:#0f1218;padding:18px 19px}.faq summary{cursor:pointer;font-weight:800;font-size:14px}.faq p{color:#8993a2;font-size:13px;margin-bottom:0}.cta-panel{position:relative;overflow:hidden;padding:55px;border:1px solid rgba(var(--gold-rgb),.22);border-radius:28px;background:radial-gradient(circle at 85% 0%,rgba(var(--gold-rgb),.16),transparent 24rem),linear-gradient(135deg,#16150f,var(--panel) 60%,#0b0e14);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel h2{margin:0 0 8px;font-size:38px}.cta-panel p{margin:0;color:#949eae}.site-footer{padding:35px 0;border-top:1px solid var(--line);color:#737d8c}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:18px;font-size:12px}.footer-copy{font-size:12px}.flash{padding:12px 14px;border:1px solid;border-radius:12px;margin:0 0 15px;font-size:13px}.flash-success{color:#a6ecc7;background:rgba(97,208,149,.08);border-color:rgba(97,208,149,.2)}.flash-error{color:#ffb0b0;background:rgba(255,120,120,.08);border-color:rgba(255,120,120,.2)}

/* auth */
.auth-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(var(--bronze-rgb),.16),transparent 34rem),var(--bg)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-showcase{position:relative;padding:48px;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden}.auth-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent)}.auth-showcase>*{position:relative}.auth-quote{margin:auto 0 20px;max-width:620px}.auth-quote h1{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:15px 0}.auth-quote p{color:#9aa4b4;font-size:17px}.auth-metrics{display:flex;gap:12px}.auth-metric{min-width:150px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.auth-metric strong{display:block;font-size:20px}.auth-metric span{color:#7f8997;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.auth-form-wrap{display:grid;place-items:center;padding:35px}.auth-card{width:min(440px,100%)}.auth-card .brand{margin-bottom:35px}.auth-card h2{font-size:34px;letter-spacing:-.04em;margin:0 0 7px}.auth-card>p{color:#8c96a6;margin:0 0 25px}.form-group{margin-bottom:15px}.form-group label{display:block;color:#aeb5c0;font-size:12px;font-weight:800;margin-bottom:7px}.form-control{width:100%;height:49px;border:1px solid var(--line);border-radius:12px;background:#0f131a;color:#fff;padding:0 13px;outline:none}.form-control:focus{border-color:rgba(var(--gold-rgb),.58);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.08)}.form-help{font-size:11px;color:#6e7888;margin-top:5px}.auth-switch{text-align:center;color:#7d8797;font-size:12px;margin-top:18px}.auth-switch a{color:var(--gold);font-weight:800}

/* app */
.app-page{height:100vh;overflow:hidden;background:#090b10}.app-shell{height:100vh;display:grid;grid-template-columns:245px 1fr}.app-sidebar{border-right:1px solid var(--line);background:#0b0e13;padding:22px 15px;display:flex;flex-direction:column}.app-sidebar>.brand{padding:0 7px;margin-bottom:30px}.app-nav{display:grid;gap:5px}.app-nav a{min-height:45px;padding:0 12px;border-radius:11px;display:flex;align-items:center;gap:11px;color:#7f8999;font-size:13px;font-weight:750}.app-nav a span{width:22px;color:#677181}.app-nav a.active,.app-nav a:hover{color:#eef1f5;background:rgba(255,255,255,.045)}.app-nav a.active span{color:var(--gold)}.sidebar-user{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.02)}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(var(--gold-rgb),.2),rgba(var(--bronze-rgb),.08));border:1px solid rgba(var(--gold-rgb),.2);color:var(--gold);font-weight:900}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:9px;color:#677181}.sidebar-logout-form{margin:0}.sidebar-logout{color:#667080;border:0;background:transparent;padding:4px;cursor:pointer}.app-main{overflow:auto}.app-topbar{height:74px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(9,11,16,.88);backdrop-filter:blur(16px);z-index:10}.app-topbar h1{font-size:17px;margin:0}.app-topbar .topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.app-content{padding:28px;max-width:1400px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.welcome h2{font-size:32px;letter-spacing:-.04em;margin:0 0 4px}.welcome p{margin:0;color:#818b9a;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#121720,#0e1218)}.metric-card .metric-label{color:#798393;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.metric-card strong{display:block;font-size:27px;margin-top:10px;letter-spacing:-.04em}.metric-card small{display:block;color:#677181;font-size:10px;margin-top:3px}.metric-card.primary-metric{border-color:rgba(var(--gold-rgb),.22);background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.09),transparent 14rem),#12151b}.usage-bar{height:7px;border-radius:99px;background:#242a34;margin-top:14px;overflow:hidden}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bronze),var(--gold))}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:13px;margin-top:13px}.panel{border:1px solid var(--line);border-radius:18px;background:#0f1319;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h3{margin:0;font-size:14px}.panel-head a{font-size:10px;color:var(--gold);font-weight:800}.session-list{display:grid}.session-row{display:grid;grid-template-columns:1.3fr .7fr .5fr;gap:15px;padding:13px 0;border-top:1px solid rgba(255,255,255,.045);align-items:center}.session-row:first-child{border-top:0}.session-name strong{display:block;font-size:12px}.session-name small,.session-row>span{color:#6f7988;font-size:10px}.status-chip{justify-self:end;padding:4px 8px;border-radius:99px;color:#8ee2b5;background:rgba(97,208,149,.07);border:1px solid rgba(97,208,149,.16);font-size:9px;font-weight:900}.quick-card{padding:20px;border:1px solid rgba(var(--gold-rgb),.19);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.11),transparent 16rem),linear-gradient(145deg,#171718,#0f1218)}.quick-card h3{font-size:21px;letter-spacing:-.03em;margin:8px 0}.quick-card p{color:#818b9a;font-size:12px;margin:0 0 17px}.install-card{margin-top:13px}.tiny-list{display:grid;gap:11px}.tiny-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid rgba(255,255,255,.04);font-size:11px}.tiny-row:first-child{border-top:0}.tiny-row span{color:#778191}.empty-mini{padding:25px;text-align:center;color:#687281;font-size:11px}

/* translator */
.translator-layout{height:calc(100vh - 74px);padding:18px;display:grid;grid-template-columns:290px 1fr;gap:13px}.translator-controls,.translator-stage{border:1px solid var(--line);border-radius:20px;background:#0f1319}.translator-controls{padding:18px;display:flex;flex-direction:column;overflow:auto}.translator-controls h2{font-size:19px;margin:6px 0 4px}.translator-controls>p{font-size:11px;color:#778191;margin:0 0 20px}.select-control{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:#121720;color:#fff;padding:0 12px}.control-label{display:block;color:#8f99a8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin:0 0 7px}.control-group{margin-bottom:16px}.credit-box{padding:13px;border:1px solid rgba(var(--gold-rgb),.17);border-radius:13px;background:rgba(var(--gold-rgb),.04);margin-bottom:15px}.credit-box strong{display:block;font-size:20px}.credit-box small{color:#7f8997;font-size:10px}.translator-actions{display:grid;gap:8px}.translator-note{margin-top:auto;padding-top:20px;color:#687282;font-size:10px}.translator-stage{min-width:0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.translator-stage-head{height:60px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center}.live-status{display:flex;align-items:center;gap:8px;color:#788292;font-size:11px;font-weight:800}.live-status i{width:8px;height:8px;border-radius:50%;background:#555e6c}.live-status.live{color:#a3e9c4}.live-status.live i{background:var(--green);box-shadow:0 0 0 5px rgba(97,208,149,.08)}.stage-head-actions{margin-left:auto;display:flex;gap:8px}.translator-feed{min-height:0;overflow:auto;padding:24px;display:grid;align-content:start;gap:14px;background:radial-gradient(circle at 50% 0%,rgba(var(--gold-rgb),.025),transparent 26rem)}.feed-empty{margin:auto;text-align:center;color:#626c7a;max-width:400px}.feed-empty .orb{width:74px;height:74px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.13);background:rgba(var(--gold-rgb),.04);color:var(--gold);font-size:24px}.feed-empty strong{display:block;color:#aeb5c0;margin-bottom:4px}.feed-empty p{font-size:11px;margin:0}.utterance{max-width:780px;padding:15px 17px;border:1px solid var(--line);border-radius:17px 17px 17px 5px;background:#121720}.utterance small{display:block;color:#687282;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.utterance p{margin:0;color:#dce1e8;font-size:14px}.utterance.translation{margin-left:auto;border-radius:17px 17px 5px 17px;border-color:rgba(var(--gold-rgb),.20);background:linear-gradient(145deg,rgba(var(--bronze-rgb),.12),rgba(var(--gold-rgb),.03))}.utterance.translation p{color:#fff1ca}.translator-footer{min-height:60px;padding:10px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.translator-footer .status-text{color:#737d8c;font-size:10px}.broadcast-code{margin-left:auto;padding:7px 10px;border:1px solid rgba(var(--gold-rgb),.16);border-radius:10px;color:#8d96a4;font-size:10px}.broadcast-code strong{color:var(--gold);letter-spacing:.08em}

/* broadcast */
.broadcast-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(var(--bronze-rgb),.22),transparent 30rem),var(--bg)}.broadcast-shell{min-height:100vh;padding:14px;display:grid;grid-template-rows:auto 1fr;gap:12px}.broadcast-topbar{padding:11px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(15,19,25,.86);backdrop-filter:blur(16px);display:flex;align-items:center}.broadcast-meta{margin-left:auto;text-align:right}.broadcast-meta small{display:block;color:#717b89;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.broadcast-meta strong{font-size:14px;color:var(--gold)}.broadcast-feed{border:1px solid var(--line);border-radius:22px;background:rgba(15,19,25,.83);padding:clamp(18px,4vw,50px);overflow:auto;display:grid;align-content:start;gap:18px}.broadcast-line{padding:clamp(18px,2vw,28px);border:1px solid rgba(var(--gold-rgb),.17);border-radius:22px 22px 22px 7px;background:linear-gradient(145deg,rgba(var(--bronze-rgb),.13),rgba(var(--gold-rgb),.035));font-size:clamp(22px,3vw,40px);line-height:1.35;color:#fff2ce}.join-card{width:min(470px,calc(100% - 30px));margin:12vh auto;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--panel);text-align:center;box-shadow:var(--shadow)}.join-card h1{font-size:30px;margin:12px 0 8px}.join-card p{color:#848e9e;font-size:12px}.join-input{width:100%;height:60px;border:1px solid rgba(var(--gold-rgb),.25);border-radius:15px;background:#0d1117;color:#fff;text-align:center;font:900 24px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase;margin:8px 0 10px}.join-error{color:#ff9d9d;font-size:11px;min-height:18px}

/* pricing page */
.pricing-hero{padding:80px 0 45px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(var(--bronze-rgb),.14),transparent 30rem)}.pricing-hero h1{font-size:58px;letter-spacing:-.05em;margin:15px 0 12px}.pricing-hero p{max-width:620px;margin:auto;color:#909aa9}.comparison{overflow:auto;border:1px solid var(--line);border-radius:20px}.comparison table{width:100%;border-collapse:collapse;min-width:800px}.comparison th,.comparison td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.comparison th{background:#11151c}.comparison td:not(:first-child),.comparison th:not(:first-child){text-align:center}.comparison tr:last-child td{border-bottom:0}.comparison td{color:#8f99a8}.comparison td:first-child{color:#d5dae2;font-weight:700}

@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.product-window{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step{border-bottom:1px solid var(--line)}.security-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.auth-showcase{display:none}.auth-shell{grid-template-columns:1fr}.translator-layout{grid-template-columns:240px 1fr}}
@media(max-width:760px){.container{width:min(100% - 24px,var(--container))}.nav-links{display:none}.nav-row{height:66px}.nav-actions .btn-ghost{display:none}.hero{padding:68px 0 52px}.hero-grid{gap:35px}.hero h1{font-size:48px}.mock-body{grid-template-columns:1fr}.mock-panel:first-child{display:none}.feature-grid,.pricing-grid,.faq{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{border-right:0}.cta-panel{padding:28px;display:block}.cta-panel .btn{margin-top:20px}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-content{padding:17px}.metric-grid{grid-template-columns:1fr 1fr}.translator-layout{height:auto;min-height:calc(100vh - 74px);grid-template-columns:1fr;padding:10px}.translator-controls{overflow:visible}.translator-stage{min-height:65vh}.pricing-hero h1{font-size:42px}.auth-form-wrap{padding:22px}.footer-row{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.metric-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.mock-body{display:block}.product-window{padding:9px}.price-card{min-height:auto}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* MeetOS admin console */
.admin-sidebar{background:linear-gradient(180deg,#0c1016 0%,#090b0f 100%);border-right-color:rgba(var(--gold-rgb),.14)}
.admin-console-badge{margin:18px 0 8px;padding:7px 10px;border:1px solid rgba(var(--gold-rgb),.16);border-radius:10px;background:rgba(var(--gold-rgb),.055);color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;text-align:center}
.admin-avatar{background:linear-gradient(135deg,var(--gold),#9c6208)!important;color:#181108!important}
.admin-top-sub{display:block;margin-top:3px;color:#697483;font-size:10px;font-weight:600}.admin-page .app-topbar h1{margin-bottom:0}.admin-welcome{align-items:center}.admin-welcome .eyebrow{margin-bottom:8px}.admin-health{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(97,208,149,.16);border-radius:999px;background:rgba(97,208,149,.05);color:#9ae5bd;font-size:10px;font-weight:850}.admin-health i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(97,208,149,.08)}
.admin-dashboard-grid{grid-template-columns:1.45fr .55fr}.admin-audit-panel{margin-top:13px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:660px}.admin-table th,.admin-table td{padding:12px 10px;border-top:1px solid rgba(255,255,255,.045);text-align:left;font-size:10px;vertical-align:middle}.admin-table th{border-top:0;color:#667181;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.admin-table td{color:#9ba5b3}.admin-table td strong{display:block;color:#e6e9ee;font-size:11px}.admin-table td small{display:block;color:#697483;margin-top:2px}.admin-table code{color:#e3c06a;font-size:9px}.status-chip.status-danger{color:#ffadad;background:rgba(255,120,120,.07);border-color:rgba(255,120,120,.18)}.admin-empty{color:#6f7987;text-align:center;padding:24px!important}.admin-quick h3{font-size:24px}
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.admin-toolbar>span{color:#697483;font-size:10px}.admin-search{display:flex;gap:8px;flex:1;max-width:650px}.admin-search .form-control{margin:0}.admin-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-user-card{padding:19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#11161e,#0d1117)}.admin-user-head{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center}.admin-user-head .avatar{width:42px;height:42px}.admin-user-head h3{margin:0;font-size:14px}.admin-user-head p{margin:2px 0 0;color:#727d8c;font-size:10px;overflow-wrap:anywhere}.admin-user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0;padding:12px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.018)}.admin-user-stats span{display:block;color:#657080;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.admin-user-stats strong{display:block;margin-top:3px;font-size:11px}.admin-actions-grid{display:grid;gap:11px}.admin-actions-grid form>label{display:block;color:#7d8796;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.inline-form{display:flex;gap:7px}.inline-form .select-control{min-width:0}.inline-form .form-control{min-width:0;margin:0}.inline-form input[name="minutes"]{max-width:110px}.inline-form .btn{flex:0 0 auto}.status-action .btn{width:100%}.admin-user-foot{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.04);color:#5f6977;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-plan-card .panel-head{align-items:flex-start}.admin-plan-card .panel-head h3{font-size:22px;margin-top:5px}.admin-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-note-panel{margin-top:13px}.admin-note-panel h3{margin:0 0 5px}.admin-note-panel p{margin:0;color:#7b8594;font-size:11px}.admin-login-brand{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-login-brand>span{padding:5px 8px;border-radius:99px;background:rgba(var(--gold-rgb),.08);border:1px solid rgba(var(--gold-rgb),.18);color:var(--gold);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.admin-auth-shell .auth-showcase{background:radial-gradient(circle at 20% 20%,rgba(var(--gold-rgb),.13),transparent 28rem),radial-gradient(circle at 90% 90%,rgba(102,217,200,.05),transparent 28rem),#0a0c11}.admin-setup-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.admin-setup-card{width:min(520px,100%)}.admin-setup-card code{color:var(--gold)}
@media(max-width:1100px){.admin-user-grid,.admin-plan-grid{grid-template-columns:1fr}.admin-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-toolbar,.admin-search{align-items:stretch;flex-direction:column}.admin-search{max-width:none}.admin-user-stats{grid-template-columns:1fr 1fr}.inline-form{flex-wrap:wrap}.inline-form .form-control,.inline-form .select-control{flex:1 1 170px}.admin-field-grid{grid-template-columns:1fr}.admin-health{display:none}}

/* Admin translator CSP-safe defaults */
.usage-bar .usage-bar-full{width:100%}

.admin-diagnostic-link{display:inline-block;margin-top:8px;color:var(--gold);font-weight:800}
.diagnostic-result{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-size:12px;overflow-wrap:anywhere}.diagnostic-result.ok{border-color:rgba(97,208,149,.24);color:#a8e8c5}.diagnostic-result.bad{border-color:rgba(255,120,120,.24);color:#ffb1b1}

/* MeetOS meeting setup, live stats and saved-history UI */
[hidden]{display:none!important}.modal-open{overflow:hidden}.meeting-setup-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(4,6,10,.78);backdrop-filter:blur(18px)}.meeting-setup-dialog{width:min(760px,100%);max-height:min(820px,calc(100vh - 44px));overflow:auto;border:1px solid rgba(var(--gold-rgb),.22);border-radius:26px;padding:24px;background:radial-gradient(circle at 90% 0%,rgba(var(--gold-rgb),.09),transparent 24rem),linear-gradient(145deg,#141922,#0c1016);box-shadow:0 38px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05)}.meeting-setup-top{display:flex;align-items:flex-start;gap:20px}.meeting-setup-top>div:first-child{min-width:0;flex:1}.meeting-setup-top h2{font-size:28px;letter-spacing:-.04em;margin:9px 0 5px}.meeting-setup-top p{margin:0 0 22px;color:#828c9b;font-size:12px;max-width:590px}.modal-close{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:12px;background:#11161e;color:#8e98a6;cursor:pointer;font-size:22px;line-height:1}.modal-close:hover{color:#fff;border-color:#3b4556}.meeting-title-input{height:50px;margin-bottom:18px}.meeting-platform-label{margin-top:4px}.platform-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.platform-option{cursor:pointer;min-width:0}.platform-option input{position:absolute;opacity:0;pointer-events:none}.platform-option-card{min-height:130px;padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.18s ease}.platform-option-card img{width:45px;height:45px;border-radius:12px;margin-bottom:10px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.platform-option-card strong{font-size:11px}.platform-option-card small{margin-top:2px;color:#657080;font-size:8px;line-height:1.35}.platform-option:hover .platform-option-card{border-color:#3b4556;transform:translateY(-1px)}.platform-option input:checked+.platform-option-card{border-color:rgba(var(--gold-rgb),.54);background:linear-gradient(145deg,rgba(var(--gold-rgb),.11),rgba(var(--bronze-rgb),.035));box-shadow:0 0 0 3px rgba(var(--gold-rgb),.07),inset 0 1px 0 rgba(255,255,255,.05)}.platform-option input:focus-visible+.platform-option-card{outline:2px solid var(--gold);outline-offset:2px}.meeting-setup-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.05)}
.session-live-card{margin-bottom:15px;padding:13px;border:1px solid rgba(97,208,149,.18);border-radius:14px;background:linear-gradient(145deg,rgba(97,208,149,.06),rgba(255,255,255,.015))}.session-live-head{display:grid;grid-template-columns:9px 1fr;gap:9px;align-items:center;margin-bottom:12px}.session-live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(97,208,149,.08)}.session-live-head small,.session-live-head strong{display:block}.session-live-head small{color:#6f7b88;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.session-live-head strong{margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.session-stat-grid>div{padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(0,0,0,.08)}.session-stat-grid span,.session-stat-grid strong{display:block}.session-stat-grid span{color:#667281;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.session-stat-grid strong{margin-top:2px;color:#d7dce4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meeting-history-list{display:grid}.meeting-history-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 2px;border-top:1px solid rgba(255,255,255,.045);transition:.16s ease}.meeting-history-row:first-child{border-top:0}.meeting-history-row:hover{background:rgba(255,255,255,.018);padding-left:9px;padding-right:9px;border-radius:13px}.meeting-platform-icon{width:42px;height:42px;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.meeting-history-copy{min-width:0}.meeting-history-copy strong{display:block;font-size:12px;color:#eceff3}.meeting-history-copy small{display:block;margin-top:2px;color:#697483;font-size:9px}.meeting-history-copy p{margin:5px 0 0;color:#818b98;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-history-meta{text-align:right;min-width:82px}.meeting-history-meta>strong,.meeting-history-meta>small,.meeting-history-meta>span{display:block}.meeting-history-meta>strong{font-size:10px;color:#cbd1d9}.meeting-history-meta>small{font-size:8px;color:#626d7b;margin:2px 0 5px}.meeting-history-meta>span:not(.status-chip){font-size:8px;color:var(--gold);font-weight:850}.history-page{max-width:1200px}.history-hero{margin-bottom:14px;padding:22px 2px}.history-hero h2{font-size:32px;letter-spacing:-.04em;margin:8px 0 4px}.history-hero p{margin:0;color:#7c8695;font-size:12px}.history-panel{padding:20px}.history-count{color:#687382;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.history-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.045);margin-top:7px}.history-pagination span{color:#6e7887;font-size:9px}.meeting-detail-page{max-width:1100px}.meeting-summary-card{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:22px;border:1px solid rgba(var(--gold-rgb),.17);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.08),transparent 18rem),#10151c}.meeting-summary-main{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center}.meeting-summary-icon{width:58px;height:58px;border-radius:15px}.meeting-summary-main h2{font-size:24px;letter-spacing:-.035em;margin:7px 0 2px}.meeting-summary-main p{margin:0;color:#7c8796;font-size:10px}.meeting-summary-stats{display:grid;grid-template-columns:repeat(4,auto);gap:8px}.meeting-summary-stats>div{min-width:105px;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.02)}.meeting-summary-stats span,.meeting-summary-stats strong{display:block}.meeting-summary-stats span{color:#687381;font-size:7px;text-transform:uppercase;letter-spacing:.09em}.meeting-summary-stats strong{margin-top:3px;font-size:10px}.transcript-history-panel{margin-top:13px}.saved-transcript-feed{display:grid;gap:11px}.saved-utterance{max-width:78%;padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 16px 5px;background:#121720}.saved-utterance.translation{margin-left:auto;border-radius:16px 16px 5px 16px;border-color:rgba(var(--gold-rgb),.20);background:linear-gradient(145deg,rgba(var(--bronze-rgb),.12),rgba(var(--gold-rgb),.03))}.saved-utterance small{display:block;color:#66717f;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.saved-utterance p{margin:0;color:#dce1e8;font-size:13px;line-height:1.55}.saved-utterance.translation p{color:#fff0c5}.saved-utterance time{display:block;margin-top:7px;color:#596471;font-size:7px;text-align:right}
@media(max-width:1100px){.platform-picker{grid-template-columns:repeat(3,1fr)}.meeting-summary-card{grid-template-columns:1fr}.meeting-summary-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.meeting-setup-overlay{padding:10px}.meeting-setup-dialog{padding:18px;max-height:calc(100vh - 20px);border-radius:20px}.meeting-setup-top h2{font-size:23px}.platform-picker{grid-template-columns:1fr 1fr}.platform-option-card{min-height:112px}.meeting-setup-actions{flex-direction:column-reverse}.meeting-setup-actions .btn{width:100%}.meeting-history-row{grid-template-columns:42px 1fr}.meeting-history-meta{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center}.meeting-history-meta>strong,.meeting-history-meta>small,.meeting-history-meta>span{display:inline-block}.meeting-history-copy p{white-space:normal}.meeting-summary-main{grid-template-columns:46px 1fr}.meeting-summary-icon{width:46px;height:46px}.meeting-summary-stats{grid-template-columns:1fr 1fr}.saved-utterance{max-width:94%}}

/* Production responsive refinements */
.mobile-app-nav{display:none}
.app-main{min-width:0}
.app-topbar>div:first-child{min-width:0}
.app-topbar h1{overflow-wrap:anywhere}
.topbar-actions{min-width:0}
.comparison{-webkit-overflow-scrolling:touch}
.join-eyebrow{margin-top:22px}

@media(max-width:760px){
  body{overflow-x:hidden}
  .container{width:min(var(--container),calc(100% - 28px))}
  .site-header{position:sticky}
  .nav-row{height:64px;gap:12px}
  .brand{gap:9px}
  .brand-mark{width:34px;height:34px;border-radius:11px}
  .brand-copy strong{font-size:16px}
  .brand-copy small{font-size:10px}
  .nav-actions{gap:6px}
  .nav-actions .btn{min-height:38px;padding:0 12px;font-size:12px}
  .hero{padding:56px 0 44px}
  .hero-grid{gap:28px}
  .hero h1{font-size:clamp(40px,12vw,50px);line-height:1.01;margin:16px 0 18px}
  .hero p{font-size:16px;margin-bottom:23px}
  .hero-proof{gap:10px 14px;margin-top:21px}
  .product-window{border-radius:20px}
  .mock-panel{min-height:auto}
  .section{padding:64px 0}
  .section-head{margin-bottom:28px}
  .section h2{font-size:clamp(31px,9vw,42px)}
  .section-head p{font-size:15px}
  .feature-card{min-height:auto;padding:21px}
  .step{min-height:auto;padding:22px}
  .step h3{margin:28px 0 7px}
  .security-grid{gap:26px}
  .cta-panel h2{font-size:30px}
  .pricing-hero{padding:58px 0 34px}
  .pricing-hero h1{font-size:clamp(36px,10vw,44px);line-height:1.04}
  .pricing-hero p{font-size:14px}
  .comparison{margin-left:-2px;margin-right:-2px}
  .comparison table{min-width:680px}
  .comparison th,.comparison td{padding:13px 12px;font-size:11px}
  .auth-form-wrap{min-height:100vh;padding:24px 18px}
  .auth-card .brand{margin-bottom:28px}
  .auth-card h2{font-size:30px}
  .auth-card>p{font-size:14px;margin-bottom:22px}
  .form-control,.select-control{font-size:16px}

  .app-page{height:100dvh;min-height:100dvh}
  .app-shell{height:100dvh;min-height:100dvh;display:block}
  .app-sidebar{display:none}
  .app-main{height:100dvh;overflow:auto;padding-bottom:78px}
  .app-topbar{height:auto;min-height:68px;padding:12px 14px;align-items:flex-start;flex-wrap:wrap;gap:10px}
  .app-topbar>h1,.app-topbar>div:first-child{width:100%}
  .app-topbar h1{font-size:18px}
  .app-topbar .topbar-actions{margin-left:0;width:100%;display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}
  .app-topbar .topbar-actions::-webkit-scrollbar{display:none}
  .app-topbar .topbar-actions>*{flex:0 0 auto}
  .app-topbar .topbar-actions>span{display:inline-flex;align-items:center;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:#aeb6c2;background:rgba(255,255,255,.025);font-size:11px;font-weight:800}
  .app-content{padding:16px 14px 22px}
  .welcome{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:18px}
  .welcome h2{font-size:28px}
  .welcome .btn{width:100%}
  .metric-grid{grid-template-columns:1fr 1fr;gap:9px}
  .metric-card{padding:16px;min-width:0}
  .metric-card strong{font-size:24px}
  .dashboard-grid{gap:10px;margin-top:10px}
  .panel,.quick-card{padding:16px;border-radius:16px}
  .panel-head{gap:10px;align-items:flex-start}
  .tiny-row{align-items:flex-start}
  .meeting-history-row{padding:13px 0}
  .meeting-history-copy small{font-size:9px;line-height:1.45}
  .meeting-history-meta{flex-wrap:wrap}
  .history-hero{padding:12px 0 16px;margin-bottom:0}
  .history-hero h2{font-size:28px}
  .history-panel{padding:15px}
  .history-pagination{justify-content:space-between;gap:8px}
  .history-pagination .btn{padding:0 11px}

  .translator-layout{height:auto;min-height:calc(100dvh - 128px);grid-template-columns:1fr;padding:10px 10px 20px;gap:10px}
  .translator-controls{padding:16px;overflow:visible}
  .translator-stage{min-height:58dvh;border-radius:18px}
  .translator-stage-head{height:54px;padding:0 13px}
  .translator-feed{padding:16px;gap:11px}
  .utterance{max-width:95%;padding:13px 14px}
  .utterance p{font-size:13px}
  .translator-footer{align-items:flex-start;flex-direction:column;gap:6px;min-height:auto;padding:10px 13px}
  .broadcast-code{margin-left:0}
  .session-stat-grid{grid-template-columns:1fr 1fr}

  .meeting-setup-overlay{align-items:end;padding:0;background:rgba(4,6,10,.82)}
  .meeting-setup-dialog{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
  .meeting-setup-top{gap:12px}
  .meeting-setup-top h2{font-size:22px;line-height:1.08}
  .meeting-setup-top p{font-size:11px;margin-bottom:18px}
  .platform-picker{grid-template-columns:1fr 1fr;gap:8px}
  .platform-option-card{min-height:108px;padding:11px 7px}
  .platform-option-card img{width:39px;height:39px;margin-bottom:8px}
  .meeting-setup-actions{position:sticky;bottom:-18px;margin-left:-16px;margin-right:-16px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(12,16,22,.92),#0c1016 35%);z-index:2}

  .meeting-summary-card{padding:16px;gap:16px}
  .meeting-summary-main{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .meeting-summary-icon{width:44px;height:44px}
  .meeting-summary-main h2{font-size:20px;overflow-wrap:anywhere}
  .meeting-summary-stats{grid-template-columns:1fr 1fr;gap:7px}
  .meeting-summary-stats>div{min-width:0;padding:9px 10px}
  .saved-utterance{max-width:96%}

  .broadcast-shell{min-height:100dvh;padding:9px;gap:9px}
  .broadcast-topbar{padding:9px 11px;border-radius:15px}
  .broadcast-topbar .brand-copy small{display:none}
  .broadcast-meta strong{font-size:12px}
  .broadcast-feed{border-radius:18px;padding:14px;gap:12px}
  .broadcast-line{font-size:clamp(20px,6vw,28px);padding:16px;border-radius:18px 18px 18px 6px}
  .join-card{width:calc(100% - 22px);margin:7vh auto;padding:22px 18px;border-radius:20px}
  .join-card h1{font-size:27px;line-height:1.08}
  .join-input{height:56px;font-size:22px;letter-spacing:.12em}

  .mobile-app-nav{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;height:62px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(13,16,22,.94);box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
  .mobile-app-nav a{min-width:0;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#727c8b}
  .mobile-app-nav a span{font-size:17px;line-height:1}
  .mobile-app-nav a small{max-width:100%;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-app-nav a.active{color:var(--gold);background:rgba(var(--gold-rgb),.07)}
}

@media(max-width:500px){
  .metric-grid{grid-template-columns:1fr}
  .hero h1{font-size:clamp(38px,12vw,46px)}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .footer-row{gap:17px}
  .footer-links{gap:12px}
  .price-card{padding:21px}
  .meeting-history-row{grid-template-columns:38px minmax(0,1fr)}
  .meeting-platform-icon{width:38px;height:38px}
}

@media(max-width:380px){
  .brand-copy small{display:none}
  .nav-actions .btn{padding:0 10px}
  .hero h1{font-size:38px}
  .platform-picker{grid-template-columns:1fr}
  .platform-option-card{min-height:86px;display:grid;grid-template-columns:42px 1fr;text-align:left;column-gap:10px}
  .platform-option-card img{grid-row:1 / span 2;margin:0}
  .platform-option-card small{margin-top:1px}
  .meeting-summary-stats{grid-template-columns:1fr}
}

/* Account identity, profile and billing */
.flash-info{color:#c9d3df;background:rgba(113,128,150,.08);border-color:rgba(113,128,150,.2)}
.avatar.has-photo,.profile-chip-avatar.has-photo,.account-avatar.has-photo,.profile-photo-preview.has-photo{overflow:hidden;padding:0}
.avatar img,.profile-chip-avatar img,.account-avatar img,.profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}
.sidebar-user{grid-template-columns:minmax(0,1fr) auto}
.sidebar-user-link{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;border-radius:10px}
.sidebar-user-copy{min-width:0}.sidebar-user-copy strong,.sidebar-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}
.sidebar-user-copy strong{font-size:11px}.sidebar-user-copy small{font-size:9px;color:#677181}
.sidebar-user-link:hover .sidebar-user-copy strong{color:var(--gold)}

.account-topbar{min-height:86px;height:auto;padding:13px 28px;gap:18px;background:radial-gradient(circle at 78% -20%,rgba(var(--gold-rgb),.085),transparent 21rem),rgba(9,11,16,.91);box-shadow:0 8px 32px rgba(0,0,0,.14)}
.topbar-heading{min-width:0}.topbar-eyebrow{display:block;margin-bottom:2px;color:#6d7786;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.account-topbar h1{font-size:19px;letter-spacing:-.025em}.topbar-subtitle{display:block;margin-top:2px;color:#707b8b;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}
.account-topbar .topbar-actions{gap:9px}.topbar-page-actions{display:flex;gap:7px;align-items:center}
.minutes-badge{min-height:48px;padding:6px 11px 6px 8px;display:flex;align-items:center;gap:9px;border:1px solid rgba(var(--gold-rgb),.22);border-radius:15px;background:linear-gradient(145deg,rgba(var(--gold-rgb),.12),rgba(var(--bronze-rgb),.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.12);transition:.17s ease}
.minutes-badge:hover{border-color:rgba(var(--gold-rgb),.45);transform:translateY(-1px)}.minutes-badge-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;color:#191309;background:linear-gradient(145deg,#edd17e,#b97a18);font-size:17px;font-weight:900}.minutes-badge-copy{display:block;line-height:1.15}.minutes-badge-copy strong,.minutes-badge-copy small{display:block;white-space:nowrap}.minutes-badge-copy strong{color:#f4e5b8;font-size:12px}.minutes-badge-copy small{margin-top:3px;color:#83775f;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.profile-chip{min-height:48px;max-width:240px;padding:5px 9px 5px 6px;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.17s ease}.profile-chip:hover{border-color:rgba(var(--gold-rgb),.25);background:linear-gradient(145deg,rgba(var(--gold-rgb),.065),rgba(255,255,255,.025))}
.profile-chip-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.22);background:linear-gradient(145deg,rgba(var(--gold-rgb),.19),rgba(var(--bronze-rgb),.07));color:var(--gold);font-size:11px;font-weight:950}
.profile-chip-copy{min-width:0;line-height:1.2}.profile-chip-copy strong,.profile-chip-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip-copy strong{font-size:11px}.profile-chip-copy small{margin-top:3px;color:#727c8b;font-size:8px}.profile-chip-chevron{color:#697483;font-size:19px;line-height:1}
.translator-layout{height:calc(100vh - 86px)}

.account-content{max-width:1220px}.account-hero{position:relative;overflow:hidden;margin-bottom:14px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(var(--gold-rgb),.18);border-radius:22px;background:radial-gradient(circle at 92% 0%,rgba(var(--gold-rgb),.12),transparent 20rem),linear-gradient(145deg,#14181f,#0d1117);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.account-hero-main{display:flex;align-items:center;gap:16px;min-width:0}.account-avatar{width:66px;height:66px;flex:0 0 66px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.28);background:linear-gradient(145deg,rgba(var(--gold-rgb),.22),rgba(var(--bronze-rgb),.07));color:var(--gold);font-size:19px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.18)}.account-hero h2{margin:7px 0 1px;font-size:25px;letter-spacing:-.035em}.account-hero p{margin:0;color:#788393;font-size:10px}.account-hero-balance{min-width:160px;padding:12px 15px;border:1px solid rgba(var(--gold-rgb),.14);border-radius:15px;text-align:right;background:rgba(0,0,0,.11)}.account-hero-balance span,.account-hero-balance small{display:block;color:#757f8e;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.account-hero-balance strong{display:block;margin:2px 0;color:#f6e6b6;font-size:20px;letter-spacing:-.03em}
.account-tabs{position:sticky;top:86px;z-index:8;margin:0 0 14px;padding:6px;display:flex;gap:5px;border:1px solid var(--line);border-radius:16px;background:rgba(13,17,23,.91);backdrop-filter:blur(16px)}.account-tabs a{min-height:42px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#778291;font-size:11px;font-weight:850}.account-tabs a span{color:#677281}.account-tabs a:hover{color:#dce1e8;background:rgba(255,255,255,.025)}.account-tabs a.active{color:#f5e5b8;background:linear-gradient(145deg,rgba(var(--gold-rgb),.11),rgba(var(--bronze-rgb),.035));box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.13)}.account-tabs a.active span{color:var(--gold)}
.account-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.account-panel{min-width:0}.account-wide{grid-column:1/-1}.account-panel .panel-head>div{min-width:0}.account-panel .panel-head h3{margin:0}.account-panel .panel-head p,.billing-overview-grid .panel-head p,.invoices-panel .panel-head p{margin:3px 0 0;color:#6f7a89;font-size:9px}.profile-photo-row{display:flex;align-items:center;gap:17px}.profile-photo-preview{width:78px;height:78px;flex:0 0 78px;border-radius:22px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.24);background:linear-gradient(145deg,rgba(var(--gold-rgb),.17),rgba(var(--bronze-rgb),.05));color:var(--gold);font-size:22px;font-weight:950}.profile-photo-actions{min-width:0;display:grid;gap:7px}.profile-upload-form{display:flex;gap:7px;flex-wrap:wrap}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-photo-actions small{color:#667180;font-size:8px}.text-button{padding:0;border:0;background:transparent;color:#8e98a7;font-size:9px;font-weight:800;cursor:pointer;text-align:left}.text-button:hover{color:#ffabab}
.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.account-grid-span{grid-column:1/-1}.account-form .form-group{margin-bottom:13px}.account-form-actions{padding-top:3px;display:flex;justify-content:flex-end}.setting-toggle{margin:3px 0 13px;padding:12px;display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.setting-toggle input{margin:3px 0 0;accent-color:var(--gold)}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle strong{font-size:10px}.setting-toggle small{margin-top:2px;color:#687382;font-size:8px}.account-detail-list{display:grid}.account-detail-list>div{min-height:42px;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.045)}.account-detail-list>div:first-child{border-top:0}.account-detail-list span{color:#737e8d;font-size:9px}.account-detail-list strong{max-width:65%;text-align:right;font-size:10px;overflow-wrap:anywhere}

.subscription-card{margin-bottom:13px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(var(--gold-rgb),.22);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(var(--gold-rgb),.13),transparent 22rem),linear-gradient(145deg,#18191b,#0e1218);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.subscription-title{display:flex;align-items:center;gap:10px;margin:8px 0 2px}.subscription-title h2{margin:0;font-size:34px;letter-spacing:-.045em}.subscription-main p{margin:0;color:#84909f;font-size:11px}.subscription-status{padding:5px 8px;border-radius:99px;border:1px solid rgba(97,208,149,.2);background:rgba(97,208,149,.07);color:#9be4bb;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.subscription-status.cancelled,.subscription-status.unpaid{border-color:rgba(255,120,120,.22);background:rgba(255,120,120,.07);color:#ffaaaa}.subscription-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.subscription-actions form{margin:0}.subscription-grid,.billing-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.subscription-usage{border-color:rgba(var(--gold-rgb),.16)}.subscription-usage-numbers{margin:8px 0 13px;display:flex;align-items:baseline;gap:8px}.subscription-usage-numbers strong{font-size:30px;letter-spacing:-.04em}.subscription-usage-numbers span{color:#727c8b;font-size:10px}.usage-progress{width:100%;height:7px;border:0;border-radius:99px;overflow:hidden;background:#242a34}.usage-progress::-webkit-progress-bar{background:#242a34;border-radius:99px}.usage-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--bronze),var(--gold));border-radius:99px}.usage-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--bronze),var(--gold));border-radius:99px}.usage-caption{margin-top:8px;display:flex;justify-content:space-between;gap:12px;color:#677281;font-size:8px}.billing-shortcut{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.billing-shortcut h3{margin:6px 0 3px;font-size:16px}.billing-shortcut p{margin:0;color:#747f8e;font-size:10px}.payment-card{padding:18px;border:1px solid rgba(var(--gold-rgb),.17);border-radius:16px;background:linear-gradient(135deg,#1c1b18,#10151c);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.payment-card-brand{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.12em}.payment-card strong{display:block;margin:22px 0 2px;font:800 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.payment-card small{color:#737d8c;font-size:9px}.invoices-panel{margin-top:13px}.billing-empty{padding:44px}.invoice-list{display:grid}.invoice-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.045)}.invoice-row:first-child{border-top:0}.invoice-date strong,.invoice-date small{display:block}.invoice-date strong{font-size:10px}.invoice-date small{color:#626d7b;font-size:8px}.invoice-copy{min-width:0}.invoice-copy strong,.invoice-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-copy strong{font-size:11px}.invoice-copy small{margin-top:2px;color:#707b8a;font-size:8px}.invoice-status{padding:5px 8px;border-radius:99px;border:1px solid rgba(97,208,149,.16);background:rgba(97,208,149,.06);color:#97dfb5;font-size:8px;font-weight:850;text-transform:capitalize}.invoice-status.open,.invoice-status.draft{border-color:rgba(var(--gold-rgb),.18);background:rgba(var(--gold-rgb),.06);color:#e3c477}.invoice-status.void,.invoice-status.uncollectible{border-color:rgba(255,120,120,.18);background:rgba(255,120,120,.06);color:#ffa4a4}.invoice-actions{display:flex;gap:6px}

@media(max-width:1050px){
  .topbar-page-actions .btn:not(.btn-primary){display:none}
  .account-grid{grid-template-columns:1fr}.account-wide{grid-column:auto}.subscription-grid,.billing-overview-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .account-topbar{padding:11px 14px;gap:8px;align-items:stretch;display:flex;flex-direction:column}
  .account-topbar .topbar-heading{width:100%}.topbar-eyebrow{display:none}.account-topbar h1{font-size:20px}.topbar-subtitle{max-width:100%;font-size:9px}
  .account-topbar .topbar-actions{width:100%;margin-left:0;display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:0;align-items:center}
  .account-topbar .topbar-actions>*{flex:0 0 auto}.minutes-badge{order:1;min-height:44px;padding:5px 9px 5px 6px}.minutes-badge-icon{width:32px;height:32px;flex-basis:32px}.minutes-badge-copy strong{font-size:11px}.profile-chip{order:1;margin-left:auto;min-height:44px;max-width:min(54vw,210px);grid-template-columns:32px minmax(0,1fr) 12px}.profile-chip-avatar{width:32px;height:32px;border-radius:10px}.profile-chip-copy strong{font-size:10px}.profile-chip-copy small{font-size:7px}.topbar-page-actions{order:2;width:100%;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.topbar-page-actions::-webkit-scrollbar{display:none}.topbar-page-actions .btn,.topbar-page-actions .btn:not(.btn-primary){display:inline-flex;flex:0 0 auto}
  .translator-layout{height:auto}
  .account-content{padding-top:13px}.account-hero{padding:16px;align-items:flex-start}.account-hero-main{gap:12px}.account-avatar{width:54px;height:54px;flex-basis:54px;border-radius:17px}.account-hero h2{font-size:21px}.account-hero p{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-hero-balance{display:none}
  .account-tabs{top:0;margin-left:-4px;margin-right:-4px;padding:5px;overflow-x:auto;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs a{flex:1 0 auto;min-height:40px;padding:0 10px;font-size:9px}
  .account-grid{gap:10px}.account-panel{padding:16px}.profile-photo-row{align-items:flex-start}.profile-photo-preview{width:66px;height:66px;flex-basis:66px;border-radius:19px}.profile-upload-form{display:grid;grid-template-columns:1fr 1fr}.profile-upload-form .btn{padding:0 11px;font-size:11px}.account-form-grid{grid-template-columns:1fr}.account-grid-span{grid-column:auto}.account-form-actions .btn{width:100%}
  .subscription-card{padding:18px;align-items:flex-start;flex-direction:column}.subscription-title h2{font-size:29px}.subscription-actions{width:100%;display:grid;grid-template-columns:1fr}.subscription-actions form,.subscription-actions .btn,.subscription-actions form .btn{width:100%}.subscription-grid,.billing-overview-grid{gap:10px}.billing-shortcut{align-items:flex-start;flex-direction:column}.billing-shortcut .btn{width:100%}
  .invoice-row{grid-template-columns:46px minmax(0,1fr) auto;gap:9px}.invoice-status{display:none}.invoice-actions{grid-column:2/4;justify-content:flex-end}.invoice-actions .btn{min-height:36px;padding:0 12px;font-size:10px}
}

@media(max-width:420px){
  .minutes-badge-copy small{display:none}.minutes-badge{padding-right:8px}.profile-chip{max-width:58vw}.profile-chip-copy small{display:none}.profile-chip-copy strong{font-size:9px}.account-tabs a span{display:none}.account-tabs a{font-size:8px;padding:0 8px}.profile-photo-row{flex-direction:column}.profile-upload-form{width:100%}
}
@media(max-width:760px){.account-tabs{position:static;top:auto}}

/* 2026-09 mobile workspace header + centered translator navigation */
.account-topbar{
  min-height:72px;
  height:72px;
  padding:10px 28px;
  justify-content:flex-end;
  background:radial-gradient(circle at 88% -40%,rgba(var(--gold-rgb),.09),transparent 18rem),rgba(9,11,16,.93);
}
.account-topbar .topbar-actions{
  width:auto;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.content-page-head{
  min-width:0;
  margin:0 0 22px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.content-page-title{min-width:0}
.content-page-title h1{
  margin:0;
  color:#f5f7fa;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.content-page-title p{
  max-width:680px;
  margin:7px 0 0;
  color:#747f8f;
  font-size:11px;
  line-height:1.55;
}
.content-page-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.translator-page-head{
  padding:24px 20px 0;
}
.translator-page-head .content-page-head{
  margin-bottom:4px;
}
.translator-layout{
  height:calc(100vh - 72px - 74px);
}
.account-tabs{top:72px}

@media(max-width:760px){
  .app-main{padding-bottom:92px}
  .account-topbar{
    min-height:68px;
    height:68px;
    padding:10px 14px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
  }
  .account-topbar .topbar-actions{
    width:100%;
    margin:0;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    overflow:visible;
    padding:0;
  }
  .account-topbar .topbar-actions>*{flex:0 0 auto}
  .minutes-badge{
    order:initial;
    min-height:46px;
    padding:5px 10px 5px 6px;
  }
  .minutes-badge-icon{width:34px;height:34px;flex-basis:34px}
  .minutes-badge-copy strong{font-size:11px}
  .profile-chip{
    order:initial;
    margin-left:auto;
    min-height:46px;
    max-width:min(58vw,220px);
    grid-template-columns:34px minmax(0,1fr) 12px;
  }
  .profile-chip-avatar{width:34px;height:34px}
  .profile-chip-copy strong{font-size:10px}
  .profile-chip-copy small{font-size:7px}

  .app-content{padding-top:20px}
  .content-page-head{
    margin-bottom:20px;
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .content-page-title h1{font-size:27px}
  .content-page-title p{margin-top:5px;font-size:10px}
  .content-page-actions{
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .content-page-actions::-webkit-scrollbar{display:none}
  .content-page-actions .btn{flex:0 0 auto}

  .translator-page-head{padding:20px 14px 0}
  .translator-page-head .content-page-head{margin-bottom:8px}
  .translator-layout{height:auto;min-height:calc(100dvh - 68px - 82px)}
  .account-tabs{top:0}

  .mobile-app-nav{
    left:10px;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    height:68px;
    padding:7px 6px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:2px;
    overflow:visible;
    border-radius:20px;
    background:rgba(12,15,21,.96);
    box-shadow:0 20px 54px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .mobile-app-nav a{
    min-width:0;
    min-height:52px;
    padding:4px 2px;
    border-radius:13px;
    gap:3px;
  }
  .mobile-app-nav a span{font-size:17px}
  .mobile-app-nav a small{font-size:7.5px;letter-spacing:-.01em}
  .mobile-app-nav a.active:not(.mobile-nav-hero){
    color:var(--gold);
    background:rgba(var(--gold-rgb),.065);
  }
  .mobile-app-nav a.mobile-nav-hero,
  .mobile-app-nav a.mobile-nav-hero.active{
    position:relative;
    z-index:3;
    width:66px;
    height:66px;
    min-height:66px;
    justify-self:center;
    align-self:center;
    transform:translateY(-17px);
    padding:7px 5px 6px;
    border:1px solid rgba(245,213,121,.66);
    border-radius:21px;
    color:#171209;
    background:linear-gradient(145deg,#efd67f 0%,#d4a43d 48%,#aa6c10 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 28px rgba(var(--bronze-rgb),.32),0 0 0 5px rgba(var(--gold-rgb),.055);
  }
  .mobile-app-nav a.mobile-nav-hero span{
    color:#171209;
    font-size:22px;
    font-weight:950;
  }
  .mobile-app-nav a.mobile-nav-hero small{
    color:#171209;
    font-size:7.5px;
    font-weight:950;
    overflow:visible;
  }
  .mobile-app-nav a.mobile-nav-hero:active{transform:translateY(-15px) scale(.98)}
}

@media(max-width:420px){
  .content-page-title h1{font-size:25px}
  .minutes-badge-copy small{display:none}
  .profile-chip{max-width:59vw}
  .mobile-app-nav{left:7px;right:7px;padding-left:4px;padding-right:4px}
  .mobile-app-nav a small{font-size:7px}
  .mobile-app-nav a.mobile-nav-hero,.mobile-app-nav a.mobile-nav-hero.active{width:62px;height:62px;min-height:62px;border-radius:19px}
}

/* --- Translator page refinement + fullscreen workspace --- */
.translator-workspace{
  min-height:calc(100vh - 72px);
  min-height:calc(100dvh - 72px);
  display:flex;
  flex-direction:column;
}
.translator-page-head{
  padding:22px 20px 0;
}
.translator-page-head-grid{
  margin-bottom:0;
  align-items:stretch;
  gap:18px;
}
.translator-page-head-grid .content-page-title{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.translator-page-head-grid .content-page-title h1{
  font-size:32px;
}
.translator-page-head-grid .content-page-title p{
  max-width:760px;
  font-size:12px;
}
.translator-page-meta{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.translator-head-chip{
  min-width:190px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(18,23,32,.92),rgba(11,15,21,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.translator-head-chip span,
.translator-head-chip strong{display:block}
.translator-head-chip span{
  color:#798392;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.translator-head-chip strong{
  margin-top:6px;
  color:#eef2f7;
  font-size:12px;
  line-height:1.4;
}
.translator-page-meta .btn{align-self:center;min-height:46px;padding:0 18px}
.translator-layout{
  flex:1;
  min-height:0;
  height:auto;
  padding:16px 20px 20px;
  align-items:stretch;
}
.translator-controls,
.translator-stage{
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.translator-stage-head{
  justify-content:space-between;
  gap:14px;
}
.stage-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.translator-footer .status-text.error{color:#ffb1b1}
.translator-workspace.is-fullscreen{
  min-height:100vh;
  min-height:100dvh;
  height:100vh;
  height:100dvh;
  padding:14px;
  background:#090b10;
}
.translator-workspace.is-fullscreen .translator-page-head{
  padding:0 0 12px;
}
.translator-workspace.is-fullscreen .translator-page-head-grid{
  padding:0;
}
.translator-workspace.is-fullscreen .translator-layout{
  padding:0;
  min-height:0;
  flex:1;
}
.translator-workspace.is-fullscreen .translator-controls,
.translator-workspace.is-fullscreen .translator-stage{
  border-radius:22px;
}
.translator-workspace.is-fullscreen .translator-stage{
  min-height:0;
}
.translator-workspace.is-fullscreen .translator-feed{
  padding:20px;
}
.translator-workspace.is-fullscreen .translator-page-meta .btn{
  min-height:42px;
}

@media(max-width:1100px){
  .translator-page-head-grid{grid-template-columns:1fr}
  .translator-page-meta{justify-content:flex-start}
  .translator-head-chip{min-width:0;flex:1 1 220px}
}

@media(max-width:760px){
  .translator-workspace{
    min-height:calc(100dvh - 68px - 92px);
  }
  .translator-page-head{
    padding:16px 14px 0;
  }
  .translator-page-head-grid{
    gap:12px;
  }
  .translator-page-head-grid .content-page-title h1{
    font-size:27px;
  }
  .translator-page-head-grid .content-page-title p{
    font-size:10px;
    max-width:100%;
  }
  .translator-page-meta{
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }
  .translator-head-chip{
    flex:1 1 calc(50% - 4px);
    min-width:0;
    padding:11px 12px;
    border-radius:14px;
  }
  .translator-head-chip span{font-size:9px}
  .translator-head-chip strong{font-size:11px}
  .translator-page-meta .btn{
    width:100%;
  }
  .translator-layout{
    padding:12px 14px 18px;
    gap:10px;
  }
  .stage-head-actions{
    gap:6px;
  }
  .stage-head-actions .btn{
    min-height:38px;
    padding:0 12px;
  }
  .translator-workspace.is-fullscreen{
    padding:10px;
  }
  .translator-workspace.is-fullscreen .translator-page-head{
    padding:0 0 10px;
  }
}

@media(max-width:520px){
  .translator-head-chip{
    flex-basis:100%;
  }
  .translator-page-head-grid .content-page-title h1{
    font-size:25px;
  }
  .translator-stage-head{
    padding:0 14px;
  }
  .stage-head-actions{
    width:auto;
  }
  .stage-head-actions .btn{
    min-height:36px;
    padding:0 10px;
    font-size:11px;
  }
}

/* --- Super admin workspace --- */
.app-nav-divider{margin:16px 8px 6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}
.app-nav-divider span{color:#596371;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.super-admin-content{max-width:1500px}
.super-admin-tabs{margin:-4px 0 18px;padding:5px;display:inline-flex;gap:5px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(13,17,23,.78)}
.super-admin-tabs a{min-height:38px;padding:0 14px;border-radius:10px;display:flex;align-items:center;color:#7b8695;font-size:10px;font-weight:850}
.super-admin-tabs a.active{color:#f5e4b4;background:rgba(var(--gold-rgb),.085);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.11)}
.super-admin-dashboard-panel{margin-top:13px;border-color:rgba(var(--gold-rgb),.16);background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.08),transparent 22rem),#0f1319}
.super-admin-dashboard-panel .panel-head h3{margin:6px 0 0;font-size:18px}
.super-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 16px}
.super-admin-metrics>div{padding:13px;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:rgba(255,255,255,.018)}
.super-admin-metrics span,.super-admin-metrics strong{display:block}.super-admin-metrics span{color:#687382;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.super-admin-metrics strong{margin-top:4px;font-size:14px}
.super-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.super-admin-toolbar{margin-top:2px}
.super-admin-user-card{border-color:rgba(var(--gold-rgb),.24);box-shadow:inset 0 1px 0 rgba(var(--gold-rgb),.035)}
.super-admin-inline-badge{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:99px;background:rgba(var(--gold-rgb),.11);border:1px solid rgba(var(--gold-rgb),.17);color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;vertical-align:middle}
.super-admin-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.super-admin-row-actions form,.super-admin-row-actions .btn{width:100%}
.api-security-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.api-security-metrics .metric-card{min-width:0}.api-security-metrics .metric-card strong{font-size:21px}
.api-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.api-setting-card{min-width:0}.api-setting-card .panel-head{align-items:flex-start}.api-setting-card .panel-head h3{margin:5px 0 0;font-size:19px}.api-setting-copy{margin:-3px 0 17px;color:#768190;font-size:11px;line-height:1.6}.api-inline-danger{margin-top:9px}.api-security-list{display:grid}.api-security-list>div{min-height:42px;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.045)}.api-security-list>div:first-child{border-top:0}.api-security-list span{color:#727d8c;font-size:10px}.api-security-list strong{font-size:10px;color:#d9dfe7}.super-admin-audit-panel{margin-top:13px}.super-admin-audit-panel .panel-head>div p{margin:3px 0 0;color:#6e7988;font-size:9px}.super-admin-audit-list{display:grid}.super-admin-audit-row{padding:11px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.045)}.super-admin-audit-row:first-child{border-top:0}.super-admin-audit-row strong,.super-admin-audit-row small{display:block}.super-admin-audit-row strong{font-size:10px;text-transform:capitalize}.super-admin-audit-row small{margin-top:2px;color:#687382;font-size:8px;overflow-wrap:anywhere}.super-admin-audit-row time{flex:0 0 auto;color:#616b79;font-size:8px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
@media(max-width:1100px){.api-security-metrics{grid-template-columns:repeat(2,1fr)}.api-settings-grid{grid-template-columns:1fr}.super-admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.super-admin-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.super-admin-tabs a{justify-content:center}.super-admin-dashboard-panel{margin-top:10px}.super-admin-actions{display:grid;grid-template-columns:1fr 1fr}.api-security-metrics{grid-template-columns:1fr 1fr;gap:10px}.api-settings-grid{gap:10px}.super-admin-row-actions{grid-template-columns:1fr}.super-admin-audit-row{gap:10px}.admin-user-foot{flex-wrap:wrap}}
@media(max-width:430px){.api-security-metrics,.super-admin-metrics,.super-admin-actions{grid-template-columns:1fr}.super-admin-tabs a{padding:0 9px;font-size:9px}}

/* --- Landing page hero refresh --- */
.hero-showcase{padding:104px 0 82px}.hero-grid-centered{grid-template-columns:minmax(0,1fr);gap:34px;justify-items:center}.hero-copy-center{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-copy-center h1{max-width:980px}.hero-copy-center p{max-width:840px;margin-left:auto;margin-right:auto}.hero-actions-center,.hero-proof-center{justify-content:center}.hero-platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-2px 0 30px}.platform-pill{min-height:42px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(var(--gold-rgb),.14);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));color:#c8d0dc;font-size:13px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.platform-pill svg{width:16px;height:16px;color:var(--gold);flex:0 0 16px}.hero-simulation{width:min(100%,1120px);padding:18px;border-radius:30px;transform:none;background:radial-gradient(circle at 18% 0%,rgba(var(--gold-rgb),.08),transparent 26rem),linear-gradient(145deg,rgba(23,27,35,.98),rgba(10,12,18,.95));box-shadow:var(--shadow),0 0 120px rgba(var(--bronze-rgb),.10)}.simulation-window-bar{padding-bottom:14px}.simulation-shell{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(13,16,23,.98),rgba(8,10,15,.98));border:1px solid rgba(255,255,255,.04)}.sim-meeting-stage{position:relative;padding:18px;display:grid;grid-template-columns:1.15fr .92fr;gap:16px;min-height:640px}.sim-stage-overlay{position:absolute;pointer-events:none;border-radius:50%;filter:blur(30px);opacity:.55}.sim-stage-overlay-a{width:340px;height:340px;top:-120px;left:-90px;background:rgba(var(--gold-rgb),.11)}.sim-stage-overlay-b{width:320px;height:320px;right:-80px;bottom:-140px;background:rgba(102,217,200,.09)}.sim-call-panel,.sim-translation-panel{position:relative;z-index:1;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(145deg,rgba(16,20,29,.92),rgba(10,12,19,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.sim-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sim-panel-head strong{display:block;font-size:18px;letter-spacing:-.03em}.sim-panel-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(var(--gold-rgb),.12);color:#d9e0eb;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sim-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sim-video-card{padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.sim-video-card:hover{transform:translateY(-2px)}.sim-video-card.speaker,.sim-video-card.is-speaking{border-color:rgba(var(--gold-rgb),.25);box-shadow:0 0 0 1px rgba(var(--gold-rgb),.08),0 12px 38px rgba(var(--bronze-rgb),.11)}.sim-video-visual{position:relative;height:190px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#111722,#0b0f17)}.sim-video-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 100%)}.visual-one{background:radial-gradient(circle at 50% 35%,rgba(var(--gold-rgb),.22),transparent 28%),linear-gradient(145deg,#191910,#0d1118)}.visual-two{background:radial-gradient(circle at 68% 32%,rgba(102,217,200,.18),transparent 24%),linear-gradient(145deg,#111722,#0c1219)}.visual-three{background:radial-gradient(circle at 42% 40%,rgba(123,104,238,.16),transparent 22%),linear-gradient(145deg,#131726,#0e131c)}.visual-four{background:radial-gradient(circle at 58% 36%,rgba(var(--gold-rgb),.14),transparent 23%),linear-gradient(145deg,#16131b,#0b1017)}.sim-ambient-ring{position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(var(--gold-rgb),.26);box-shadow:0 0 0 18px rgba(var(--gold-rgb),.04),0 0 0 42px rgba(var(--gold-rgb),.025);animation:simPulse 4s ease-in-out infinite}.sim-avatar-sphere,.sim-avatar-duo{position:absolute;border-radius:50%;background:linear-gradient(180deg,var(--gold-soft),var(--bronze));box-shadow:0 16px 40px rgba(var(--bronze-rgb),.28)}.sim-avatar-sphere{width:78px;height:78px;left:50%;top:48%;transform:translate(-50%,-50%);animation:floatSphere 5s ease-in-out infinite}.sim-avatar-sphere.alt{width:86px;height:86px;background:linear-gradient(180deg,#d8dff2,#7d8eaa);box-shadow:0 18px 40px rgba(61,76,106,.28)}.sim-avatar-duo{width:86px;height:86px;left:20%;top:32%;background:linear-gradient(180deg,#d8dfef,#7f90ad)}.sim-avatar-duo:after{content:"";position:absolute;right:-44px;bottom:-18px;width:94px;height:94px;border-radius:50%;background:linear-gradient(180deg,var(--gold-soft),var(--bronze));box-shadow:0 16px 35px rgba(var(--bronze-rgb),.24)}.sim-avatar-duo.small{left:28%;top:26%;width:74px;height:74px}.sim-avatar-duo.small:after{right:-36px;bottom:-14px;width:78px;height:78px;background:linear-gradient(180deg,#d9e5ff,#6880a1)}.sim-camera-glow,.sim-float-orb{position:absolute;border-radius:50%;filter:blur(4px);animation:orbFloat 6s ease-in-out infinite}.sim-camera-glow{width:140px;height:140px;right:18px;bottom:14px;background:radial-gradient(circle,rgba(var(--gold-rgb),.22),transparent 65%)}.sim-float-orb{width:120px;height:120px;right:20px;bottom:18px;background:radial-gradient(circle,rgba(102,217,200,.16),transparent 68%)}.sim-grid-lines{position:absolute;inset:14px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.sim-grid-lines:before,.sim-grid-lines:after{content:"";position:absolute;background:rgba(255,255,255,.04)}.sim-grid-lines:before{left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%)}.sim-grid-lines:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.sim-video-meta{padding:10px 4px 2px}.sim-video-meta strong,.sim-video-meta span{display:block}.sim-video-meta strong{font-size:13px}.sim-video-meta span{margin-top:2px;color:#778291;font-size:11px}.sim-equalizer{position:absolute;left:14px;right:14px;bottom:14px;height:34px;display:flex;align-items:flex-end;gap:4px}.sim-equalizer span{flex:1;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,var(--gold-soft),var(--bronze));opacity:.92;animation:simEqualizer 1.15s ease-in-out infinite}.sim-equalizer span:nth-child(2n){animation-delay:.16s}.sim-equalizer span:nth-child(3n){animation-delay:.32s}.sim-call-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sim-control{min-height:34px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#9ba5b4;font-size:11px;font-weight:800}.sim-control.active{color:#eef2f7}.sim-control.accent{border-color:rgba(var(--gold-rgb),.18);background:rgba(var(--gold-rgb),.10);color:var(--gold-soft)}.sim-panel-head-translation{align-items:center}.sim-language-switcher{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sim-language-chip{min-height:36px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#9aa4b2;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}.sim-language-chip:hover{border-color:rgba(var(--gold-rgb),.2);color:#f7f9fb}.sim-language-chip.active{background:linear-gradient(145deg,rgba(var(--gold-rgb),.16),rgba(var(--bronze-rgb),.08));border-color:rgba(var(--gold-rgb),.24);color:var(--gold-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sim-source-card,.sim-target-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.022)}.sim-target-card{margin-top:14px;border-color:rgba(var(--gold-rgb),.15);background:linear-gradient(145deg,rgba(var(--bronze-rgb),.12),rgba(var(--gold-rgb),.035))}.sim-card-label{display:block;margin-bottom:10px;color:#7d8796;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sim-source-card p,.sim-target-card p{margin:0;font-size:18px;line-height:1.6;letter-spacing:-.01em}.sim-target-text{min-height:120px;color:var(--gold-pale);transition:opacity .28s ease,transform .28s ease}.sim-target-text.is-changing,.sim-language-title.is-changing,.sim-card-label.is-changing,.sim-source-card p.is-changing,.sim-mini-stat strong.is-changing{opacity:.2;transform:translateY(6px)}.sim-language-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.sim-mini-stat{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:rgba(8,12,18,.42)}.sim-mini-stat span{display:block;color:#778291;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.sim-mini-stat strong{display:block;margin-top:7px;font-size:15px}.sim-mini-wave{height:30px;display:flex;align-items:flex-end;gap:3px;margin-top:8px}.sim-mini-wave span{flex:1;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--bronze));animation:miniWave 1.25s ease-in-out infinite}.sim-mini-wave span:nth-child(2n){animation-delay:.12s}.sim-mini-wave span:nth-child(3n){animation-delay:.24s}.sim-wave-stat strong{display:none}.site-header .btn.btn-primary{white-space:nowrap}
@keyframes simEqualizer{0%,100%{height:10px;opacity:.45}50%{height:30px;opacity:1}}@keyframes miniWave{0%,100%{height:6px;opacity:.45}50%{height:22px;opacity:1}}@keyframes simPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes floatSphere{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes orbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1100px){.sim-meeting-stage{grid-template-columns:1fr;min-height:0}.sim-call-panel,.sim-translation-panel{padding:16px}.sim-source-card p,.sim-target-card p{font-size:17px}}
@media(max-width:760px){.hero-showcase{padding:72px 0 58px}.hero-copy-center h1{font-size:clamp(42px,15vw,64px);margin:8px 0 18px}.hero-copy-center p{font-size:17px;margin-bottom:20px}.hero-platforms{gap:9px;margin-bottom:22px}.platform-pill{min-height:38px;padding:0 13px;font-size:12px}.hero-actions-center{width:100%;flex-direction:column}.hero-actions-center .btn{width:100%}.hero-proof-center{justify-content:flex-start;width:100%;gap:12px}.hero-simulation{padding:14px;border-radius:24px}.simulation-window-bar{padding-bottom:12px}.window-title{display:none}.sim-meeting-stage{padding:12px;gap:12px}.sim-video-grid{grid-template-columns:1fr 1fr;gap:10px}.sim-video-visual{height:132px}.sim-panel-head{margin-bottom:12px}.sim-panel-head strong{font-size:16px}.sim-language-switcher{width:100%;justify-content:flex-start}.sim-language-chip{min-height:34px;padding:0 11px;font-size:11px}.sim-source-card,.sim-target-card{padding:14px}.sim-source-card p,.sim-target-card p{font-size:15px;line-height:1.55}.sim-target-text{min-height:96px}.sim-language-footer{grid-template-columns:1fr;gap:10px}.sim-call-controls{gap:8px}}
@media(max-width:520px){.hero-platforms{display:grid;grid-template-columns:1fr 1fr;width:100%}.platform-pill{justify-content:center}.sim-video-grid{grid-template-columns:1fr 1fr;gap:8px}.sim-video-card{padding:8px;border-radius:14px}.sim-video-visual{height:112px;border-radius:12px}.sim-video-meta{padding:8px 2px 0}.sim-video-meta strong{font-size:11px;line-height:1.2}.sim-video-meta span{font-size:9px}.sim-panel-badge{font-size:10px;padding:7px 10px}.sim-call-controls{display:grid;grid-template-columns:1fr 1fr}.sim-control{justify-content:center}.sim-call-panel,.sim-translation-panel{padding:14px}}

/* AI spoken-translation player */
.sim-voice-player{position:relative;margin-top:16px;padding:16px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;overflow:hidden;border-radius:20px;border:1px solid rgba(var(--gold-rgb),.22);background:radial-gradient(circle at 0% 50%,rgba(var(--gold-rgb),.18),transparent 15rem),linear-gradient(135deg,rgba(32,26,16,.96),rgba(16,20,29,.96) 62%,rgba(10,13,20,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.17)}
.sim-voice-player:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 50%,rgba(var(--gold-rgb),.16),transparent 20%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.035),transparent 22%)}
.sim-voice-player:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.04) 46%,transparent 74%);transform:translateX(-125%);animation:voiceGlassSweep 5.8s ease-in-out infinite}
.sim-voice-icon{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;color:#201605;background:linear-gradient(145deg,#f2d67e 0%,#d3a23b 52%,#af751a 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 12px 28px rgba(var(--bronze-rgb),.26)}
.sim-voice-icon svg{width:23px;height:23px;position:relative;z-index:2}.sim-voice-pulse{position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(var(--gold-rgb),.66);animation:voicePulseRing 1.9s ease-out infinite}
.sim-voice-body{position:relative;z-index:2;min-width:0}
.sim-voice-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.sim-voice-copy span{color:#8d97a6;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1.35}
.sim-voice-copy strong{color:#f6e8c1;font-size:14px;line-height:1.35;white-space:nowrap;transition:opacity .28s ease,transform .28s ease}
.sim-audio-wave{position:relative;height:46px;padding:8px 12px;display:flex;align-items:flex-end;gap:3px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.sim-audio-wave:before{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.sim-audio-wave>span{position:relative;z-index:2;flex:1 1 0;min-width:3px;height:10px;border-radius:999px;background:linear-gradient(180deg,#fff0b9 0%,#f1ce70 30%,#cc9330 100%);box-shadow:0 0 10px rgba(var(--gold-rgb),.16);transform-origin:center bottom;opacity:.96;animation:voiceWave 1.1s cubic-bezier(.45,.05,.55,.95) infinite}
.sim-audio-wave>span:nth-child(6n+1){height:12px;animation-duration:1.05s;animation-delay:-0.08s}
.sim-audio-wave>span:nth-child(6n+2){height:20px;animation-duration:1.2s;animation-delay:-0.22s}
.sim-audio-wave>span:nth-child(6n+3){height:30px;animation-duration:.92s;animation-delay:-0.34s}
.sim-audio-wave>span:nth-child(6n+4){height:18px;animation-duration:1.28s;animation-delay:-0.46s}
.sim-audio-wave>span:nth-child(6n+5){height:34px;animation-duration:.98s;animation-delay:-0.18s}
.sim-audio-wave>span:nth-child(6n){height:14px;animation-duration:1.14s;animation-delay:-0.28s}
.sim-wave-shimmer{position:absolute;z-index:3;top:5px;bottom:5px;width:40px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,247,223,.55),transparent);filter:blur(1.5px);mix-blend-mode:screen;animation:waveTravel 2.4s linear infinite;pointer-events:none}
.sim-voice-live{position:relative;z-index:2;min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;border:1px solid rgba(97,208,149,.22);background:linear-gradient(145deg,rgba(97,208,149,.10),rgba(28,45,36,.45));color:#96ebbf;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.sim-voice-player.voice-restart .sim-audio-wave>span{animation-name:voiceWaveRestart}.sim-voice-player.voice-restart .sim-voice-icon{animation:voiceIconKick .45s ease}.sim-voice-player.voice-restart .sim-wave-shimmer{animation:waveTravelRestart 1.7s linear 1,waveTravel 2.4s linear 1.7s infinite}
@keyframes voiceWave{0%,100%{transform:scaleY(.45);opacity:.55}20%{transform:scaleY(.82);opacity:.88}45%{transform:scaleY(1.28);opacity:1}70%{transform:scaleY(.72);opacity:.78}}
@keyframes voiceWaveRestart{0%,100%{transform:scaleY(.4)}32%{transform:scaleY(1.45)}68%{transform:scaleY(.7)}}
@keyframes waveTravel{from{left:-52px}to{left:calc(100% + 16px)}}
@keyframes waveTravelRestart{from{left:-52px}to{left:calc(100% + 16px)}}
@keyframes voicePulseRing{0%{transform:scale(.92);opacity:.74}72%,100%{transform:scale(1.42);opacity:0}}
@keyframes voiceGlassSweep{0%,58%{transform:translateX(-125%)}80%,100%{transform:translateX(125%)}}
@keyframes voiceIconKick{0%{transform:scale(.92) rotate(-4deg)}65%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:760px){.sim-voice-player{grid-template-columns:46px minmax(0,1fr);padding:13px;gap:12px}.sim-voice-icon{width:46px;height:46px;border-radius:15px}.sim-voice-live{grid-column:2;justify-self:start}.sim-voice-copy{display:grid;gap:3px;margin-bottom:9px}.sim-voice-copy strong{font-size:12px}.sim-audio-wave{height:40px;padding:7px 10px}.sim-audio-wave>span{min-width:2px}}
@media(max-width:520px){.sim-voice-player{gap:10px;padding:12px}.sim-audio-wave{height:36px;padding:6px 8px;gap:2px;border-radius:12px}.sim-audio-wave>span{min-width:2px}.sim-wave-shimmer{width:32px}.sim-voice-copy span{font-size:9px}.sim-voice-copy strong{font-size:11px}.sim-voice-live{min-height:30px;padding:0 11px;font-size:9px}}

/* Optional webcam GIF slots for the landing-page simulation. */
.sim-demo-media{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;transform:scale(1.018);transition:opacity .5s ease,transform 7s ease;pointer-events:none}.sim-placeholder-art{position:absolute;inset:0;z-index:1;opacity:1;transition:opacity .4s ease}.sim-video-visual.has-demo-media .sim-demo-media{opacity:1;transform:scale(1.045)}.sim-video-visual.has-demo-media .sim-placeholder-art{opacity:0}.sim-video-visual.has-demo-media:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,12,.02) 35%,rgba(6,8,12,.30) 100%),radial-gradient(circle at 50% 10%,rgba(255,255,255,.05),transparent 42%)}.sim-video-visual.has-demo-media .sim-equalizer{z-index:4}.sim-video-card:not(.speaker) .sim-video-visual.has-demo-media .sim-equalizer{display:none}@media(prefers-reduced-motion:reduce){.sim-demo-media{transition:none;transform:none}.sim-video-visual.has-demo-media .sim-demo-media{transform:none}}

/* Super admin media + Stripe settings */
.demo-media-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.demo-media-setting{min-width:0}.demo-media-setting>label{display:block;margin:8px 0 6px;color:#8993a2;font-size:10px;font-weight:850}.demo-media-preview{height:118px;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#111720,#0c1118);color:#657080;font-size:10px}.demo-media-preview img{width:100%;height:100%;display:block;object-fit:cover}.stripe-settings-form{display:grid;gap:13px}.stripe-source-list{display:grid;margin-top:10px}.stripe-source-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.045)}.stripe-source-list span{color:#737e8d;font-size:9px}.stripe-source-list strong{text-align:right;font-size:9px}.stripe-save-panel,.stripe-clear-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}.stripe-save-panel h3,.stripe-clear-panel h3{margin:6px 0 3px;font-size:17px}.stripe-save-panel p,.stripe-clear-panel p{margin:0;color:#707b89;font-size:10px}.stripe-save-actions,.stripe-clear-panel form{display:flex;align-items:center;gap:8px;min-width:min(100%,520px)}.stripe-save-actions .form-control,.stripe-clear-panel .form-control{min-width:240px}.stripe-clear-panel{margin-top:13px;border-color:rgba(255,120,120,.12)}
@media(max-width:760px){.super-admin-tabs{grid-template-columns:repeat(3,1fr)}.super-admin-actions{grid-template-columns:1fr 1fr 1fr}.demo-media-settings-grid{grid-template-columns:1fr}.stripe-save-panel,.stripe-clear-panel{align-items:stretch;flex-direction:column}.stripe-save-actions,.stripe-clear-panel form{width:100%;min-width:0;display:grid;grid-template-columns:1fr}.stripe-save-actions .form-control,.stripe-clear-panel .form-control{min-width:0;width:100%}.stripe-save-actions .btn,.stripe-clear-panel .btn{width:100%}}
@media(max-width:520px){.super-admin-tabs{grid-template-columns:1fr}.super-admin-actions{grid-template-columns:1fr}.stripe-settings-metrics{grid-template-columns:1fr}}

/* Homepage spoken-translation waveform — based on uploaded Animated Audio Stream */
.sim-voice-player .sim-audio-wave.sound-wave{
  position:relative;
  height:52px;
  min-width:0;
  padding:7px 14px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:7px;
  overflow:hidden;
  border:1px solid rgba(var(--gold-rgb),.16);
  border-radius:15px;
  background:
    radial-gradient(circle at 12% 50%,rgba(var(--gold-rgb),.12),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 22px rgba(var(--bronze-rgb),.035);
}
.sim-voice-player .sim-audio-wave.sound-wave:before{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.14),rgba(255,255,255,.08),transparent);
  pointer-events:none;
}
.sim-voice-player .sim-audio-wave.sound-wave:after{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  width:34px;
  left:-42px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,239,190,.10),transparent);
  animation:meetosAudioSweep 3.2s linear infinite;
  pointer-events:none;
}
.sim-voice-player .sim-audio-wave.sound-wave>span{
  position:relative;
  z-index:2;
  flex:0 0 7px;
  width:7px;
  min-width:7px;
  height:18px;
  display:block;
  border-radius:8px;
  background:linear-gradient(180deg,#fff0bd 0%,#e4b94d 50%,#a9680b 100%);
  box-shadow:0 0 10px rgba(var(--gold-rgb),.16);
  transform-origin:center;
  animation:meetosAudioWave 2.2s infinite ease-in-out;
}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(2){animation-delay:.2s}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(3){animation-delay:.4s}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(4){animation-delay:.6s}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(5){animation-delay:.8s}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(6){animation-delay:1s}
.sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(odd){background:linear-gradient(180deg,#fff4cb 0%,#e9c45e 50%,var(--bronze) 100%)}
.sim-voice-player.voice-restart .sim-audio-wave.sound-wave>span{animation-name:meetosAudioWaveRestart}

@keyframes meetosAudioWave{
  0%,100%{height:12px;transform:translateY(0) scaleY(1);opacity:.58}
  25%{height:38px;transform:translateY(-2px) scaleY(1.08);opacity:1}
  50%{height:18px;transform:translateY(1px) scaleY(.92);opacity:.76}
  75%{height:31px;transform:translateY(-1px) scaleY(1.04);opacity:.94}
}
@keyframes meetosAudioWaveRestart{
  0%,100%{height:12px;transform:translateY(0) scaleY(1);opacity:.58}
  20%{height:42px;transform:translateY(-3px) scaleY(1.10);opacity:1}
  52%{height:16px;transform:translateY(1px) scaleY(.90);opacity:.72}
  78%{height:34px;transform:translateY(-2px) scaleY(1.05);opacity:.96}
}
@keyframes meetosAudioSweep{
  from{left:-42px}
  to{left:calc(100% + 12px)}
}

@media(max-width:760px){
  .sim-voice-player .sim-audio-wave.sound-wave{
    height:46px;
    padding:6px 11px;
    gap:6px;
  }
  .sim-voice-player .sim-audio-wave.sound-wave>span{
    flex-basis:6px;
    width:6px;
    min-width:6px;
  }
}
@media(max-width:520px){
  .sim-voice-player .sim-audio-wave.sound-wave{
    height:43px;
    padding:6px 10px;
    gap:5px;
    border-radius:12px;
  }
  .sim-voice-player .sim-audio-wave.sound-wave>span{
    flex-basis:5px;
    width:5px;
    min-width:5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .sim-voice-player .sim-audio-wave.sound-wave>span,
  .sim-voice-player .sim-audio-wave.sound-wave:after{
    animation:none !important;
  }
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(1){height:14px}
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(2){height:28px}
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(3){height:20px}
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(4){height:34px}
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(5){height:24px}
  .sim-voice-player .sim-audio-wave.sound-wave>span:nth-child(6){height:16px}
}

/* --- Sidebar plan upgrade recommendation --- */
.app-sidebar .app-nav{min-height:0;overflow-y:auto;scrollbar-width:none}.app-sidebar .app-nav::-webkit-scrollbar{display:none}.app-sidebar .sidebar-user{margin-top:10px;flex:0 0 auto}.sidebar-upgrade-card{position:relative;isolation:isolate;flex:0 0 auto;margin-top:auto;padding:15px;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.22);border-radius:17px;background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.18),transparent 12rem),linear-gradient(145deg,#171712,#101319);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.18)}.sidebar-upgrade-glow{position:absolute;z-index:-1;width:115px;height:115px;right:-50px;top:-58px;border-radius:50%;background:rgba(var(--gold-rgb),.11);filter:blur(6px);pointer-events:none}.sidebar-upgrade-kicker{display:flex;align-items:center;gap:6px;color:var(--gold-soft);font-size:8px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.sidebar-upgrade-kicker span{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;color:#171209;background:linear-gradient(145deg,var(--gold-soft),var(--bronze));font-size:11px}.sidebar-upgrade-title{display:block;margin-top:11px;color:var(--gold-pale);font-size:15px;letter-spacing:-.025em}.sidebar-upgrade-card p{margin:5px 0 10px;color:#7e8896;font-size:9px;line-height:1.5}.sidebar-upgrade-card p b{color:var(--gold-pale);font-weight:850}.sidebar-upgrade-price{display:flex;align-items:baseline;gap:4px;margin-bottom:11px}.sidebar-upgrade-price strong{color:var(--gold-soft);font-size:20px;letter-spacing:-.04em}.sidebar-upgrade-price span{color:#737e8c;font-size:8px}.sidebar-upgrade-cta{min-height:36px;padding:0 11px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#171209;background:linear-gradient(135deg,var(--gold-soft),var(--bronze));border:1px solid rgba(244,216,133,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 20px rgba(var(--bronze-rgb),.16);font-size:9px;font-weight:950}.sidebar-upgrade-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.sidebar-upgrade-cta span{font-size:13px}
@media(max-height:760px) and (min-width:761px){.sidebar-upgrade-card{padding:12px}.sidebar-upgrade-card p{display:none}.sidebar-upgrade-title{margin-top:8px;font-size:13px}.sidebar-upgrade-price{margin:7px 0 8px}.sidebar-upgrade-price strong{font-size:17px}.sidebar-upgrade-cta{min-height:33px}}

/* --- Stripe checkout --- */
.checkout-content{max-width:1180px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:14px;align-items:start}.checkout-plan-card,.checkout-payment-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#121720,#0d1117);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.15)}.checkout-plan-card{border-color:rgba(var(--gold-rgb),.19);background:radial-gradient(circle at 90% 0%,rgba(var(--gold-rgb),.12),transparent 20rem),linear-gradient(145deg,#171713,#0e1218)}.checkout-kicker{color:#b99b4e;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.checkout-plan-head{margin-top:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.checkout-plan-head h2{margin:0;font-size:34px;letter-spacing:-.045em}.checkout-plan-head p{margin:5px 0 0;color:#7d8795;font-size:11px}.checkout-price{flex:0 0 auto;text-align:right}.checkout-price strong,.checkout-price span{display:block}.checkout-price strong{color:var(--gold-soft);font-size:36px;line-height:1;letter-spacing:-.05em}.checkout-price span{margin-top:4px;color:#717b89;font-size:9px}.checkout-benefits{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-benefits>div{min-height:54px;padding:11px 12px;border:1px solid rgba(255,255,255,.05);border-radius:13px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.018)}.checkout-benefits span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(97,208,149,.18);background:rgba(97,208,149,.07);color:#8de0b3;font-size:10px;font-weight:950}.checkout-benefits strong{font-size:10px;line-height:1.35}.checkout-upgrade-gain{margin-top:14px;padding:13px 15px;border:1px solid rgba(var(--gold-rgb),.16);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(var(--gold-rgb),.055)}.checkout-upgrade-gain span{color:#8d8270;font-size:9px}.checkout-upgrade-gain strong{color:var(--gold-soft);font-size:11px}.checkout-payment-card{padding-top:28px}.checkout-payment-icon{width:50px;height:50px;margin-bottom:16px;border-radius:15px;display:grid;place-items:center;color:#171209;background:linear-gradient(145deg,var(--gold-soft),var(--bronze));border:1px solid rgba(244,216,133,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 26px rgba(var(--bronze-rgb),.2);font-size:18px;font-weight:950}.checkout-payment-card h3{margin:9px 0 7px;font-size:22px;letter-spacing:-.035em}.checkout-payment-card>p{margin:0;color:#7d8795;font-size:11px;line-height:1.6}.checkout-security-list{margin:20px 0;display:grid}.checkout-security-list>div{min-height:48px;padding:10px 0;border-top:1px solid rgba(255,255,255,.045);display:flex;align-items:center;justify-content:space-between;gap:16px}.checkout-security-list>div:first-child{border-top:0}.checkout-security-list span{color:#6e7886;font-size:9px}.checkout-security-list strong{max-width:68%;text-align:right;color:#dce1e8;font-size:9px;overflow-wrap:anywhere}.checkout-submit{min-height:49px}.checkout-submit-form{margin:0}.checkout-unavailable{margin:9px 0 0!important;color:#8d7880!important;text-align:center;font-size:9px!important}.checkout-back-link{margin-top:14px;display:inline-flex;color:#7a8594;font-size:9px;font-weight:800}.checkout-back-link:hover{color:#d7dde6}
@media(max-width:980px){.checkout-grid{grid-template-columns:1fr}.checkout-payment-card{order:-1}}
@media(max-width:760px){.checkout-content{padding-bottom:105px}.checkout-plan-card,.checkout-payment-card{padding:19px;border-radius:18px}.checkout-plan-head{align-items:flex-start}.checkout-plan-head h2{font-size:29px}.checkout-price strong{font-size:30px}.checkout-benefits{grid-template-columns:1fr}.checkout-payment-card h3{font-size:20px}.checkout-security-list>div{align-items:flex-start;flex-direction:column;gap:4px}.checkout-security-list strong{max-width:100%;text-align:left}}
@media(max-width:420px){.checkout-plan-head{flex-direction:column;gap:12px}.checkout-price{text-align:left}.checkout-upgrade-gain{align-items:flex-start;flex-direction:column;gap:4px}}

/* --- Unified Super Admin control center --- */
.super-admin-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.super-admin-tabs::-webkit-scrollbar{display:none}.super-admin-tabs a{flex:0 0 auto}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 14px}.admin-kpi-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-kpi-card{display:block;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.admin-kpi-card:hover{transform:translateY(-2px);border-color:rgba(var(--gold-rgb),.18)}
.admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-data-panel{min-width:0}.admin-data-panel .panel-head h3,.admin-table-panel .panel-head h3{margin:5px 0 0;font-size:18px}.admin-data-panel .panel-head a,.admin-table-panel .panel-head a{font-size:9px;color:#a99155}
.admin-compact-list{display:grid}.admin-compact-row{min-width:0;padding:11px 0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.045);color:inherit}.admin-compact-row:first-child{border-top:0}.admin-list-avatar,.admin-list-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.14);background:rgba(var(--gold-rgb),.06);color:var(--gold-soft);font-size:10px;font-weight:900}.admin-list-copy,.admin-list-meta{min-width:0}.admin-list-copy strong,.admin-list-copy small,.admin-list-meta strong,.admin-list-meta small{display:block}.admin-list-copy strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-copy small{margin-top:3px;color:#6c7785;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-meta{text-align:right}.admin-list-meta strong{font-size:9px}.admin-list-meta small{margin-top:3px;color:#65707f;font-size:8px}
.admin-currency-panel{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(var(--gold-rgb),.14);background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.07),transparent 20rem),#0f1319}.admin-currency-panel h3{margin:6px 0 5px;font-size:19px}.admin-currency-panel p{max-width:680px;margin:0;color:#747f8e;font-size:10px;line-height:1.55}.admin-currency-form{display:grid;grid-template-columns:100px minmax(180px,230px) auto;gap:8px;align-items:center;flex:0 0 auto}.admin-currency-form .form-control,.admin-currency-form .select-control{margin:0}
.admin-plan-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-plan-editor{min-width:0}.admin-plan-editor.featured-admin-plan{border-color:rgba(var(--gold-rgb),.23);background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.07),transparent 15rem),#0f1319}.admin-plan-editor .panel-head h3{margin:5px 0 0;font-size:20px}.admin-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.admin-plan-stripe-field{grid-column:1/-1}.admin-plan-toggle{margin:4px 0 13px;display:flex;align-items:center;gap:8px;color:#9ba4b0;font-size:9px;font-weight:800}.admin-plan-toggle input{accent-color:#d2a643}.admin-plan-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-plan-save .form-control{margin:0}.admin-note-panel{margin-top:13px}.admin-note-panel code,.admin-data-table code{padding:2px 5px;border-radius:6px;background:rgba(255,255,255,.04);color:#aeb7c4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;overflow-wrap:anywhere}
.admin-table-panel{margin-top:13px;min-width:0}.admin-table-scroll{width:100%;overflow-x:auto}.admin-data-table{width:100%;min-width:850px;border-collapse:collapse}.admin-data-table th{padding:0 10px 10px;text-align:left;color:#5f6977;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.admin-data-table td{padding:11px 10px;border-top:1px solid rgba(255,255,255,.045);color:#aab2bd;font-size:9px;vertical-align:middle}.admin-data-table td strong,.admin-data-table td small{display:block}.admin-data-table td strong{color:#e1e5ea;font-size:9px}.admin-data-table td small{margin-top:3px;color:#65707e;font-size:8px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-data-table td .status-chip{display:inline-flex}.admin-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto auto;gap:8px;width:min(100%,850px)}.admin-filter-form .form-control,.admin-filter-form .select-control{margin:0}.credit-positive{color:#8ad9ae!important}.credit-negative{color:#e6949a!important}
@media(max-width:1280px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-kpi-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.admin-overview-grid,.admin-plan-editor-grid{grid-template-columns:1fr}.admin-currency-panel{align-items:flex-start;flex-direction:column}.admin-currency-form{width:100%;grid-template-columns:110px 1fr auto}}
@media(max-width:760px){.admin-kpi-grid,.admin-kpi-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-plan-fields{grid-template-columns:1fr}.admin-plan-stripe-field{grid-column:auto}.admin-plan-save{grid-template-columns:1fr}.admin-currency-form{grid-template-columns:1fr}.admin-filter-form{grid-template-columns:1fr}.admin-data-table{min-width:760px}}
@media(max-width:430px){.admin-kpi-grid,.admin-kpi-grid-four{grid-template-columns:1fr}.admin-compact-row{grid-template-columns:32px minmax(0,1fr)}.admin-list-meta{grid-column:2;text-align:left}.admin-currency-panel{padding:17px}}

.checkout-payment-currency{font-size:9px!important;letter-spacing:.04em}

/* --- App viewport + independent scroll fix --- */
/* Keep the dashboard inside the visible browser viewport while allowing the
   content pane and the desktop sidebar to scroll independently. */
.app-page{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}
.app-shell{
  height:100%;
  min-height:0;
}
.app-main{
  height:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.app-sidebar{
  height:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
/* The whole sidebar is the scroll container. This prevents long Super Admin
   navigation from being clipped above the upgrade/profile cards. */
.app-sidebar .app-nav{
  flex:0 0 auto;
  min-height:auto;
  overflow:visible;
}
.app-sidebar .sidebar-user{
  margin-top:auto;
  margin-bottom:max(4px,env(safe-area-inset-bottom));
}
.sidebar-upgrade-card + .sidebar-user{
  margin-top:10px;
}
.app-content{
  padding-bottom:max(46px,calc(28px + env(safe-area-inset-bottom)));
}

/* Thin, visible scroll affordances on desktop. */
@media(min-width:761px){
  .app-main,
  .app-sidebar{
    scrollbar-width:thin;
    scrollbar-color:rgba(var(--gold-rgb),.26) transparent;
  }
  .app-main::-webkit-scrollbar,
  .app-sidebar::-webkit-scrollbar{width:7px;height:7px}
  .app-main::-webkit-scrollbar-track,
  .app-sidebar::-webkit-scrollbar-track{background:transparent}
  .app-main::-webkit-scrollbar-thumb,
  .app-sidebar::-webkit-scrollbar-thumb{
    background:rgba(var(--gold-rgb),.22);
    border-radius:99px;
    border:2px solid transparent;
    background-clip:padding-box;
  }
  .app-main::-webkit-scrollbar-thumb:hover,
  .app-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(var(--gold-rgb),.38);background-clip:padding-box}
}

/* Mobile keeps a single scrollable content pane; the desktop sidebar is hidden. */
@media(max-width:760px){
  .app-page{height:100dvh;min-height:100dvh}
  .app-shell{height:100dvh;min-height:100dvh}
  .app-main{height:100dvh;min-height:0;overflow-y:auto;padding-bottom:92px}
  .app-content{padding-bottom:max(118px,calc(100px + env(safe-area-inset-bottom)))}
}

/* --- Typography clarity pass: larger, consistent, high-legibility UI text --- */
:root{
  --type-xs:11px;
  --type-sm:12.5px;
  --type-ui:14.5px;
  --type-body:15px;
  --type-subtitle:13px;
  --type-panel:17px;
}
body{
  font-size:var(--type-body);
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Public navigation and supporting copy */
.brand-copy strong{font-size:18px}
.brand-copy small{font-size:12.5px}
.nav-links a{font-size:15px}
.btn{font-size:14.5px;line-height:1.2}
.hero-proof{font-size:13px}
.window-title{font-size:12px}
.live-pill{font-size:11px}
.mock-kicker{font-size:11px}
.speech-line{font-size:14px}
.mock-control{font-size:12px}
.feature-card p{font-size:15px;line-height:1.65}
.step p{font-size:14px;line-height:1.65}
.security-row h4{font-size:15px}
.security-row p{font-size:13px;line-height:1.6}
.price-card h3{font-size:19px}
.allowance{font-size:14px}
.price-features{font-size:13.5px;line-height:1.55}
.faq summary{font-size:15px}
.faq p{font-size:14px;line-height:1.65}

/* Dashboard / workspace typography */
.app-page{font-size:var(--type-body)}
.app-nav a{
  min-height:48px;
  font-size:14.5px;
  line-height:1.3;
  font-weight:720;
}
.app-nav-divider span{font-size:9.5px;color:#748091}
.sidebar-user strong,.sidebar-user-copy strong{font-size:12.5px}
.sidebar-user small,.sidebar-user-copy small{font-size:10.5px;color:#7d8898}
.app-topbar h1{font-size:19px}
.welcome h2{font-size:34px}
.welcome p{font-size:14px;color:#929cab}
.content-page-title h1{font-size:34px;line-height:1.08}
.content-page-title p{font-size:13px;line-height:1.6;color:#8c97a7}

/* Forms and controls */
.form-group label{font-size:13px;line-height:1.35;color:#c0c7d1}
.form-control,.select-control{
  font-size:15px;
  line-height:1.35;
}
.form-help{font-size:12px;line-height:1.5;color:#818c9c}
.control-label{font-size:11.5px;color:#9aa5b4}

/* Shared cards, metrics and tables */
.panel-head h3{font-size:17px;line-height:1.25}
.panel-head a{font-size:12px}
.metric-card .metric-label{font-size:11.5px;color:#8c97a7}
.metric-card strong{font-size:29px}
.metric-card small{font-size:11.5px;color:#7e8999}
.session-name strong{font-size:13.5px}
.session-name small,.session-row>span{font-size:11.5px;color:#818c9b}
.status-chip{font-size:10.5px;line-height:1.2}
.quick-card p{font-size:13px;line-height:1.6;color:#919baa}
.tiny-row{font-size:12.5px}
.empty-mini{font-size:12px;color:#7d8898}

/* Header account controls */
.minutes-badge-copy strong{font-size:13px}
.minutes-badge-copy small{font-size:9.5px;color:#9a8b69}
.profile-chip-copy strong{font-size:12.5px}
.profile-chip-copy small{font-size:10px;color:#858f9f}

/* Profile and billing */
.account-hero h2{font-size:27px}
.account-hero p{font-size:12px;color:#8994a4}
.account-hero-balance span,.account-hero-balance small{font-size:9.5px;color:#8893a2}
.account-hero-balance strong{font-size:22px}
.account-tabs a{font-size:12.5px}
.account-panel .panel-head p,.billing-overview-grid .panel-head p,.invoices-panel .panel-head p{
  font-size:11.5px;
  line-height:1.5;
  color:#818c9b;
}
.profile-photo-actions small{font-size:10.5px;color:#7d8998}
.text-button{font-size:11px}
.setting-toggle strong{font-size:12px}
.setting-toggle small{font-size:10.5px;line-height:1.5;color:#7d8998}
.account-detail-list span{font-size:11.5px;color:#8792a1}
.account-detail-list strong{font-size:12.5px}
.subscription-main p{font-size:13px;color:#909baa}
.subscription-status{font-size:10px}
.subscription-usage-numbers span{font-size:12px;color:#84909f}
.usage-caption{font-size:10.5px;color:#7e8999}
.billing-shortcut h3{font-size:18px}
.billing-shortcut p{font-size:12px;line-height:1.55;color:#8792a1}
.invoice-date strong{font-size:12px}
.invoice-date small{font-size:10px;color:#7b8695}
.invoice-copy strong{font-size:12.5px}
.invoice-copy small{font-size:10px;color:#7f8a99}
.invoice-status{font-size:10px}

/* Translator */
.translator-controls h2{font-size:21px}
.translator-controls>p{font-size:12.5px;line-height:1.55;color:#8792a1}
.credit-box small{font-size:11.5px;color:#8893a2}
.translator-note{font-size:11.5px;line-height:1.55;color:#798494}
.live-status{font-size:12.5px}
.feed-empty p{font-size:12.5px}
.utterance small{font-size:10.5px}
.utterance p{font-size:15.5px;line-height:1.6}
.translator-footer .status-text,.broadcast-code{font-size:11.5px}

/* Super Admin */
.super-admin-tabs a{font-size:11.5px}
.super-admin-metrics span{font-size:10px;color:#7f8a99}
.super-admin-metrics strong{font-size:16px}
.super-admin-inline-badge{font-size:9px}
.api-setting-copy{font-size:12.5px;color:#8792a1}
.api-security-list span,.api-security-list strong{font-size:11.5px}
.super-admin-audit-panel .panel-head>div p{font-size:11px;color:#7e8999}
.super-admin-audit-row strong{font-size:11.5px}
.super-admin-audit-row small,.super-admin-audit-row time{font-size:10px;color:#758090}
.demo-media-setting>label{font-size:12px;color:#9aa5b4}
.demo-media-preview{font-size:11.5px}
.stripe-source-list span,.stripe-source-list strong{font-size:11px}
.stripe-save-panel p,.stripe-clear-panel p{font-size:12px;line-height:1.55;color:#818c9b}

/* User administration */
.admin-toolbar>span{font-size:11.5px;color:#7f8a99}
.admin-user-head h3{font-size:15.5px}
.admin-user-head p{font-size:11.5px;color:#818c9b}
.admin-user-stats span{font-size:9.5px;color:#7e8998}
.admin-user-stats strong{font-size:12.5px}
.admin-actions-grid form>label{font-size:10.5px;color:#8f99a8}
.admin-user-foot{font-size:9.5px;color:#717c8c}
.admin-data-panel .panel-head a,.admin-table-panel .panel-head a{font-size:11px}
.admin-list-copy strong{font-size:12px}
.admin-list-copy small{font-size:10px;color:#7d8898}
.admin-list-meta strong{font-size:11px}
.admin-list-meta small{font-size:10px;color:#758090}
.admin-currency-panel p{font-size:12px;line-height:1.6;color:#818c9b}
.admin-plan-toggle{font-size:11px;color:#a2abb7}
.admin-note-panel code,.admin-data-table code{font-size:10px}
.admin-data-table th{font-size:10px;color:#758090}
.admin-data-table td{font-size:11.5px;line-height:1.45;color:#b2bac5}
.admin-data-table td strong{font-size:11.5px}
.admin-data-table td small{font-size:10px;color:#778291}

/* Sidebar upgrade card remains compact, but no longer tiny */
.sidebar-upgrade-kicker{font-size:9.5px}
.sidebar-upgrade-title{font-size:16px}
.sidebar-upgrade-card p{font-size:10.5px;color:#8b95a3}
.sidebar-upgrade-price strong{font-size:21px}
.sidebar-upgrade-price span{font-size:10px;color:#838d9b}
.sidebar-upgrade-cta{font-size:11px}

/* Stripe checkout */
.checkout-kicker{font-size:10.5px}
.checkout-plan-head p,.checkout-payment-card>p{font-size:12.5px;color:#8792a1}
.checkout-price span{font-size:10.5px;color:#818b99}
.checkout-benefits strong{font-size:12px}
.checkout-upgrade-gain span{font-size:11px}
.checkout-upgrade-gain strong{font-size:12.5px}
.checkout-security-list span,.checkout-security-list strong{font-size:11.5px}
.checkout-unavailable{font-size:11px!important}
.checkout-back-link{font-size:11.5px}
.checkout-payment-currency{font-size:10.5px!important}

/* Keep text readable on phones without making controls oversized. */
@media(max-width:760px){
  .app-nav a{font-size:14px}
  .content-page-title h1{font-size:29px}
  .content-page-title p{font-size:12.5px}
  .account-tabs a{font-size:11.5px}
  .profile-chip-copy strong{font-size:11.5px}
  .profile-chip-copy small{font-size:9.5px}
  .minutes-badge-copy strong{font-size:12px}
  .account-hero h2{font-size:23px}
  .account-hero p{font-size:11.5px}
  .super-admin-tabs a{font-size:11px}
  .admin-data-table th{font-size:9.5px}
  .admin-data-table td,.admin-data-table td strong{font-size:11px}
  .admin-data-table td small{font-size:9.5px}
  .invoice-actions .btn{font-size:11.5px}
}

@media(max-width:430px){
  .content-page-title h1{font-size:27px}
  .account-tabs a{font-size:11px}
  .profile-chip-copy strong{font-size:11px}
  .super-admin-tabs a{font-size:10.5px}
}

/* Registration verification + UAE phone input */
.uae-phone-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:0}.uae-phone-control .form-control{border-radius:0 13px 13px 0;border-left:0;margin:0;min-width:0}.uae-phone-control:focus-within .uae-phone-prefix{border-color:rgba(var(--gold-rgb),.58);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.08)}.uae-phone-control:focus-within .form-control{box-shadow:0 0 0 3px rgba(var(--gold-rgb),.08)}.uae-phone-prefix{height:49px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-right:1px solid rgba(255,255,255,.05);border-radius:13px 0 0 13px;background:linear-gradient(145deg,#151a22,#10141b);color:#eef0f3;white-space:nowrap;transition:border-color .18s,box-shadow .18s}.uae-phone-prefix strong{font-size:14px;letter-spacing:.02em}.uae-flag{font-size:20px;line-height:1;filter:saturate(.95)}
.verification-auth-shell .auth-form-wrap{align-items:center}.verification-card{max-width:500px}.verification-icon{width:58px;height:58px;margin:0 0 18px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.28);border-radius:17px;background:radial-gradient(circle at 35% 30%,rgba(244,204,105,.2),transparent 58%),linear-gradient(145deg,rgba(var(--bronze-rgb),.22),rgba(var(--gold-rgb),.07));color:var(--gold);font-size:25px;box-shadow:0 16px 38px rgba(0,0,0,.22)}.verification-card>p strong{color:#e9edf2}.verification-form{margin-top:20px}.verification-code-input{text-align:center;font-size:28px!important;font-weight:900;letter-spacing:.32em;font-variant-numeric:tabular-nums;padding-left:calc(16px + .32em);height:62px}.verification-resend-form{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#8993a2;font-size:13px}.verification-resend{border:0;background:none;padding:3px;color:var(--gold);font:inherit;font-weight:850;cursor:pointer}.verification-resend:hover{text-decoration:underline}.verification-expired{margin:12px 0 0;padding:11px 13px;border:1px solid rgba(var(--gold-rgb),.18);border-radius:11px;background:rgba(var(--gold-rgb),.06);color:#d9c894;font-size:12px;line-height:1.5}
.mail-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}.mail-settings-grid .form-group{margin:0}.mail-settings-span{grid-column:1/-1}.api-clear-secret{margin:14px 0}
@media(max-width:760px){.uae-phone-prefix{height:49px;padding:0 11px}.uae-phone-prefix strong{font-size:13px}.uae-flag{font-size:18px}.verification-code-input{font-size:25px!important;letter-spacing:.24em;height:58px}.verification-resend-form{flex-wrap:wrap}.mail-settings-grid{grid-template-columns:1fr}.mail-settings-span{grid-column:auto}}
.verification-secondary-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:17px;font-size:12px}.verification-secondary-actions a,.verification-secondary-actions .text-button{color:#7f8998;font-size:12px}.verification-secondary-actions a:hover,.verification-secondary-actions .text-button:hover{color:var(--gold)}
@media(max-width:520px){.verification-secondary-actions{flex-direction:column;gap:8px}}

/* Mobile account sign-out: desktop already exposes logout in the sidebar. */
.mobile-account-signout{display:none}
.mobile-account-signout-form{margin:0}
@media(max-width:760px){
  .mobile-account-signout{display:block;grid-column:1/-1;border-color:rgba(255,120,120,.16);background:linear-gradient(145deg,rgba(255,120,120,.035),#0f1319)}
  .mobile-account-signout .panel-head{margin-bottom:14px}
  .mobile-account-signout .panel-head h3{font-size:16px}
  .mobile-account-signout .panel-head p{font-size:11px;color:#7f8998}
  .mobile-account-signout .btn-danger{min-height:48px;font-size:14px;font-weight:850}
}

/* --- Modern Font Awesome icon system --- */
.ui-icon{display:inline-block;width:1em;line-height:1;text-align:center;font-style:normal;vertical-align:-.08em}
.btn .ui-icon{font-size:.92em}.btn-primary .ui-icon{color:currentColor}
.app-nav a .nav-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;color:#7f8998;transition:.18s ease}
.app-nav a .nav-icon .ui-icon{font-size:13px}
.app-nav a:hover .nav-icon,.app-nav a.active .nav-icon{color:var(--gold);background:rgba(var(--gold-rgb),.075)}
.mobile-app-nav a>span .ui-icon{font-size:17px}.mobile-app-nav .mobile-nav-hero>span .ui-icon{font-size:21px}
.sidebar-logout .ui-icon{font-size:13px}.minutes-badge-icon .ui-icon{font-size:13px}.profile-chip-chevron .ui-icon{font-size:10px}
.feature-icon .ui-icon{font-size:19px}.security-row>span .ui-icon{font-size:17px}.hero-proof .ui-icon{font-size:9px}.live-pill .ui-icon{font-size:7px;margin-right:4px;vertical-align:.08em}
.sim-voice-icon>.ui-icon{position:relative;z-index:2;font-size:22px}.orb .ui-icon{font-size:22px}.modal-close .ui-icon{font-size:17px}
.account-tabs a span{display:grid;place-items:center}.account-tabs a span .ui-icon{font-size:13px}.checkout-benefits .ui-icon{font-size:10px}.admin-list-icon .ui-icon{font-size:13px}
.sidebar-upgrade-kicker>.ui-icon{width:20px;height:20px;padding:5px;border-radius:7px;color:#171209;background:linear-gradient(145deg,var(--gold-soft),var(--bronze));font-size:10px}
.sidebar-upgrade-cta .ui-icon{font-size:11px}

/* --- Super Admin platform + SEO settings --- */
.settings-two-column{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:16px;align-items:start}
.platform-setting-card,.seo-settings-card,.seo-preview-card,.seo-health-card{padding:24px}
.settings-card-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;border:1px solid rgba(var(--gold-rgb),.18);background:rgba(var(--gold-rgb),.075);color:var(--gold)}
.settings-card-icon .ui-icon{font-size:18px}
.platform-fields-grid,.seo-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.platform-fields-span,.seo-span{grid-column:1/-1}.platform-textarea{height:auto;min-height:104px;padding-top:14px;resize:vertical;line-height:1.6}
.platform-save-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055)}
.platform-save-row .form-group{margin:0}.platform-save-row .btn{min-height:48px;white-space:nowrap}
.palette-preview{height:76px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0;padding:9px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.palette-preview span{border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.palette-swatch-primary{background:var(--gold)}.palette-swatch-secondary{background:var(--bronze)}.palette-swatch-background{background:var(--bg)}.palette-swatch-surface{background:var(--panel)}.palette-swatch-text{background:var(--text)}
.palette-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.color-setting{min-height:66px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c5ccd6;font-size:12px;font-weight:800}
.color-setting>div{display:flex;align-items:center;gap:8px}.color-setting input[type=color]{width:34px;height:34px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--bg);cursor:pointer}.color-setting code{min-width:64px;color:var(--muted);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.palette-reset-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:12px}.palette-reset-form .form-group{margin:0}
.seo-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px;align-items:start}.seo-side-stack{display:grid;gap:16px;position:sticky;top:18px}
.seo-preview-card{overflow:hidden}.seo-preview-url{margin-top:18px;color:var(--green);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-preview-card h3{margin:6px 0 7px;color:color-mix(in srgb,var(--gold) 70%,#9ec4ff);font-size:21px;line-height:1.25}.seo-preview-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.seo-health-list{display:grid;margin-top:12px}.seo-health-list>div{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.05)}.seo-health-list>div:first-child{border-top:0}.seo-health-list span{display:flex;align-items:center;gap:8px;color:#aab3c0;font-size:12px}.seo-health-list span .ui-icon{width:16px;color:var(--gold)}.seo-health-list strong{color:#dce2ea;font-size:11px}

@media(max-width:1100px){.settings-two-column,.seo-layout{grid-template-columns:1fr}.seo-side-stack{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.platform-setting-card,.seo-settings-card,.seo-preview-card,.seo-health-card{padding:18px}.platform-fields-grid,.seo-fields-grid,.palette-fields-grid{grid-template-columns:1fr}.platform-save-row,.palette-reset-form{grid-template-columns:1fr}.seo-side-stack{grid-template-columns:1fr}.settings-card-icon{width:40px;height:40px;flex-basis:40px}.color-setting{min-height:60px}.super-admin-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.super-admin-tabs::-webkit-scrollbar{display:none}}


/* Super Admin configuration shortcuts */
.admin-settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:13px 0}
.admin-settings-shortcut{min-height:150px;display:grid;grid-template-columns:48px minmax(0,1fr) 26px;gap:15px;align-items:center;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--gold) 6%),var(--panel))}
.admin-settings-shortcut .feature-icon{width:48px;height:48px;margin:0}.admin-settings-shortcut h3{margin:5px 0 4px;font-size:18px}.admin-settings-shortcut p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.admin-shortcut-arrow{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;color:var(--gold);background:rgba(var(--gold-rgb),.08)}
@media(max-width:760px){.admin-settings-shortcuts{grid-template-columns:1fr}.admin-settings-shortcut{min-height:130px;grid-template-columns:42px minmax(0,1fr) 24px;padding:17px}.admin-settings-shortcut .feature-icon{width:42px;height:42px}.admin-settings-shortcut h3{font-size:16px}}

/* 2026-09 platform light / dark appearance --------------------------------- */
.theme-toggle{
  width:42px;height:42px;flex:0 0 42px;padding:0;border:1px solid var(--line);border-radius:13px;
  display:inline-grid;place-items:center;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease
}
.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 35%,var(--line));color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--panel))}
.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.theme-toggle .ui-icon{font-size:16px}.theme-toggle-moon{display:none}.theme-toggle-sun{display:inline-flex}
html[data-theme="light"] .theme-toggle-moon{display:inline-flex}html[data-theme="light"] .theme-toggle-sun{display:none}
.floating-theme-toggle{position:fixed;top:18px;right:18px;z-index:120}.floating-theme-toggle .theme-toggle{box-shadow:0 10px 30px rgba(0,0,0,.16)}
.app-theme-toggle{width:46px;height:46px;flex-basis:46px;border-radius:14px}

/* Use the shared theme variables for the most important foreground controls in both modes. */
.btn{color:var(--text)}
.btn-primary,.minutes-badge-icon,.sidebar-upgrade-cta,.price-badge{color:var(--on-accent)}
.form-control,.select-control,.join-input{color:var(--text);background:var(--panel2)}
.form-control::placeholder,.select-control::placeholder,.join-input::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}

html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .site-header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom-color:var(--line);box-shadow:0 8px 26px rgba(21,25,34,.035)}
html[data-theme="light"] .nav-links a,html[data-theme="light"] .btn-ghost{color:var(--muted)}
html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-links a.active,html[data-theme="light"] .btn-ghost:hover{color:var(--text)}
html[data-theme="light"] .btn{background:var(--panel);border-color:var(--line);box-shadow:0 4px 14px rgba(21,25,34,.045)}
html[data-theme="light"] .btn:hover{border-color:color-mix(in srgb,var(--muted) 45%,var(--line));background:var(--panel2)}
html[data-theme="light"] .btn-primary{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 88%,white),var(--gold) 48%,var(--bronze));border-color:color-mix(in srgb,var(--bronze) 55%,var(--line));box-shadow:0 10px 24px rgba(var(--bronze-rgb),.18),inset 0 1px 0 rgba(255,255,255,.22)}
html[data-theme="light"] .btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 82%,white),color-mix(in srgb,var(--gold) 92%,black) 50%,var(--bronze));box-shadow:0 13px 30px rgba(var(--bronze-rgb),.22)}
html[data-theme="light"] .btn-danger{color:var(--red);background:color-mix(in srgb,var(--red) 7%,white);border-color:color-mix(in srgb,var(--red) 22%,var(--line))}

/* Public website */
html[data-theme="light"] .hero{background:radial-gradient(circle at 20% 12%,rgba(var(--gold-rgb),.10),transparent 34rem),radial-gradient(circle at 88% 18%,rgba(8,126,117,.055),transparent 28rem),linear-gradient(180deg,#fff 0%,var(--bg) 100%)}
html[data-theme="light"] .hero:before,html[data-theme="light"] .auth-showcase:before{background-image:linear-gradient(rgba(21,25,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,25,34,.045) 1px,transparent 1px)}
html[data-theme="light"] .hero h1 span{background:linear-gradient(110deg,var(--text) 0%,color-mix(in srgb,var(--gold) 88%,black) 48%,var(--bronze) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .hero p,html[data-theme="light"] .hero-proof,html[data-theme="light"] .section-head p,html[data-theme="light"] .feature-card p,html[data-theme="light"] .step p,html[data-theme="light"] .security-row p,html[data-theme="light"] .price-features,html[data-theme="light"] .price small,html[data-theme="light"] .allowance,html[data-theme="light"] .faq p,html[data-theme="light"] .pricing-hero p,html[data-theme="light"] .comparison td,html[data-theme="light"] .footer-copy,html[data-theme="light"] .footer-links a{color:var(--muted)}
html[data-theme="light"] .product-window{background:linear-gradient(145deg,#fff,var(--panel2));border-color:color-mix(in srgb,var(--gold) 22%,var(--line));box-shadow:var(--shadow),0 0 60px rgba(var(--bronze-rgb),.06)}
html[data-theme="light"] .window-title,html[data-theme="light"] .mock-kicker,html[data-theme="light"] .mock-control{color:var(--muted)}
html[data-theme="light"] .dot{background:#C7CED8}
html[data-theme="light"] .mock-panel,html[data-theme="light"] .security-row,html[data-theme="light"] .auth-metric{background:color-mix(in srgb,var(--panel2) 64%,white);border-color:var(--line)}
html[data-theme="light"] .speech-line,html[data-theme="light"] .mock-control{background:var(--panel2);border-color:var(--line);color:var(--text)}
html[data-theme="light"] .speech-line.translation{background:linear-gradient(145deg,rgba(var(--gold-rgb),.10),rgba(var(--gold-rgb),.035));color:color-mix(in srgb,var(--bronze) 90%,black)}
html[data-theme="light"] .mock-control strong{color:var(--text)}
html[data-theme="light"] .section-soft{background:var(--bg2);border-color:var(--line)}
html[data-theme="light"] .feature-card{background:linear-gradient(145deg,#fff,var(--panel2));border-color:var(--line);box-shadow:0 10px 28px rgba(21,25,34,.035)}
html[data-theme="light"] .steps,html[data-theme="light"] .faq details{background:var(--panel);border-color:var(--line)}
html[data-theme="light"] .price-card{background:linear-gradient(145deg,#fff,var(--panel2));box-shadow:0 10px 28px rgba(21,25,34,.035)}
html[data-theme="light"] .price-card.featured{background:radial-gradient(circle at 50% 0%,rgba(var(--gold-rgb),.10),transparent 18rem),linear-gradient(145deg,#fff,var(--panel2));box-shadow:0 18px 44px rgba(var(--bronze-rgb),.10)}
html[data-theme="light"] .price-badge{color:#fff;background:var(--gold)}
html[data-theme="light"] .comparison{background:var(--panel)}
html[data-theme="light"] .comparison th{background:var(--panel2);color:var(--text)}
html[data-theme="light"] .comparison td:first-child{color:var(--text)}
html[data-theme="light"] .cta-panel{background:radial-gradient(circle at 92% 0%,rgba(var(--gold-rgb),.11),transparent 20rem),linear-gradient(145deg,#fff,var(--panel2));box-shadow:0 18px 50px rgba(21,25,34,.06)}
html[data-theme="light"] .site-footer{border-color:var(--line);background:var(--bg)}

/* Authentication and verification */
html[data-theme="light"] .auth-page{background:radial-gradient(circle at 12% 8%,rgba(var(--gold-rgb),.10),transparent 34rem),var(--bg)}
html[data-theme="light"] .auth-showcase{border-right-color:var(--line);background:linear-gradient(145deg,#fff,var(--bg2))}
html[data-theme="light"] .auth-quote p,html[data-theme="light"] .auth-card>p,html[data-theme="light"] .auth-metric span,html[data-theme="light"] .auth-switch,html[data-theme="light"] .form-help,html[data-theme="light"] .verification-resend-form{color:var(--muted)}
html[data-theme="light"] .form-group label{color:color-mix(in srgb,var(--text) 82%,var(--muted))}
html[data-theme="light"] .form-control,html[data-theme="light"] .select-control,html[data-theme="light"] .join-input{background:#fff;border-color:var(--line);color:var(--text);box-shadow:inset 0 1px 0 rgba(21,25,34,.015)}
html[data-theme="light"] .form-control:focus,html[data-theme="light"] .select-control:focus,html[data-theme="light"] .join-input:focus{border-color:color-mix(in srgb,var(--gold) 62%,var(--line));box-shadow:0 0 0 3px rgba(var(--gold-rgb),.10)}
html[data-theme="light"] .uae-phone-prefix{background:var(--panel2);border-color:var(--line);border-right-color:var(--line);color:var(--text)}
html[data-theme="light"] .verification-card>p strong{color:var(--text)}
html[data-theme="light"] .verification-expired{color:color-mix(in srgb,var(--bronze) 88%,black);background:rgba(var(--gold-rgb),.07)}

/* Workspace / dashboard shell */
html[data-theme="light"] .app-page{background:var(--bg)}
html[data-theme="light"] .app-sidebar{background:var(--panel);border-right-color:var(--line);box-shadow:8px 0 30px rgba(21,25,34,.035)}
html[data-theme="light"] .admin-sidebar{background:linear-gradient(180deg,#fff 0%,var(--bg2) 100%)}
html[data-theme="light"] .app-nav a{color:var(--muted)}
html[data-theme="light"] .app-nav a .nav-icon,html[data-theme="light"] .app-nav a span{color:color-mix(in srgb,var(--muted) 80%,var(--bg))}
html[data-theme="light"] .app-nav a.active,html[data-theme="light"] .app-nav a:hover{color:var(--text);background:var(--panel2)}
html[data-theme="light"] .app-nav-divider{border-color:var(--line)}
html[data-theme="light"] .sidebar-user{background:var(--panel2);border-color:var(--line)}
html[data-theme="light"] .sidebar-user-copy small,html[data-theme="light"] .sidebar-user small,html[data-theme="light"] .sidebar-logout{color:var(--muted)}
html[data-theme="light"] .account-topbar,html[data-theme="light"] .app-topbar{background:color-mix(in srgb,var(--panel) 91%,transparent);border-bottom-color:var(--line);box-shadow:0 8px 28px rgba(21,25,34,.045)}
html[data-theme="light"] .profile-chip{background:var(--panel);border-color:var(--line);box-shadow:0 5px 16px rgba(21,25,34,.045)}
html[data-theme="light"] .profile-chip:hover{background:color-mix(in srgb,var(--gold) 5%,var(--panel));border-color:color-mix(in srgb,var(--gold) 24%,var(--line))}
html[data-theme="light"] .profile-chip-copy small,html[data-theme="light"] .profile-chip-chevron,html[data-theme="light"] .topbar-subtitle,html[data-theme="light"] .topbar-eyebrow{color:var(--muted)}
html[data-theme="light"] .minutes-badge{background:linear-gradient(145deg,rgba(var(--gold-rgb),.10),rgba(var(--gold-rgb),.03));border-color:color-mix(in srgb,var(--gold) 24%,var(--line));box-shadow:0 5px 16px rgba(21,25,34,.04)}
html[data-theme="light"] .minutes-badge-icon{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 88%,white),var(--bronze))}
html[data-theme="light"] .minutes-badge-copy strong{color:color-mix(in srgb,var(--bronze) 88%,black)}
html[data-theme="light"] .minutes-badge-copy small{color:var(--muted)}
html[data-theme="light"] .content-page-title h1{color:var(--text)}
html[data-theme="light"] .content-page-title p,html[data-theme="light"] .welcome p{color:var(--muted)}
html[data-theme="light"] .panel,html[data-theme="light"] .metric-card,html[data-theme="light"] .quick-card,html[data-theme="light"] .admin-user-card{background:var(--panel);border-color:var(--line);box-shadow:0 7px 22px rgba(21,25,34,.035)}
html[data-theme="light"] .metric-card.primary-metric,html[data-theme="light"] .quick-card{background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.08),transparent 16rem),var(--panel)}
html[data-theme="light"] .metric-card .metric-label,html[data-theme="light"] .metric-card small,html[data-theme="light"] .quick-card p,html[data-theme="light"] .tiny-row span,html[data-theme="light"] .empty-mini{color:var(--muted)}
html[data-theme="light"] .usage-bar,html[data-theme="light"] .usage-progress,html[data-theme="light"] .usage-progress::-webkit-progress-bar{background:#E0E4EA}
html[data-theme="light"] .session-row,html[data-theme="light"] .tiny-row,html[data-theme="light"] .meeting-history-row,html[data-theme="light"] .history-pagination,html[data-theme="light"] .invoice-row,html[data-theme="light"] .account-detail-list>div,html[data-theme="light"] .checkout-security-list>div,html[data-theme="light"] .admin-table th,html[data-theme="light"] .admin-table td{border-color:var(--line)}
html[data-theme="light"] .session-name small,html[data-theme="light"] .session-row>span,html[data-theme="light"] .history-count,html[data-theme="light"] .history-pagination span{color:var(--muted)}
html[data-theme="light"] .status-chip{color:var(--green);background:color-mix(in srgb,var(--green) 7%,white);border-color:color-mix(in srgb,var(--green) 22%,var(--line))}

/* Translator and meeting UI */
html[data-theme="light"] .translator-controls,html[data-theme="light"] .translator-stage{background:var(--panel);border-color:var(--line);box-shadow:0 7px 22px rgba(21,25,34,.035)}
html[data-theme="light"] .translator-controls>p,html[data-theme="light"] .control-label,html[data-theme="light"] .translator-note,html[data-theme="light"] .live-status,html[data-theme="light"] .feed-empty,html[data-theme="light"] .translator-footer .status-text,html[data-theme="light"] .broadcast-code{color:var(--muted)}
html[data-theme="light"] .translator-feed{background:radial-gradient(circle at 50% 0%,rgba(var(--gold-rgb),.045),transparent 26rem),var(--bg2)}
html[data-theme="light"] .utterance,html[data-theme="light"] .saved-utterance{background:#fff;border-color:var(--line);box-shadow:0 5px 15px rgba(21,25,34,.025)}
html[data-theme="light"] .utterance p,html[data-theme="light"] .saved-utterance p,html[data-theme="light"] .feed-empty strong{color:var(--text)}
html[data-theme="light"] .utterance small,html[data-theme="light"] .saved-utterance small,html[data-theme="light"] .saved-utterance time{color:var(--muted)}
html[data-theme="light"] .utterance.translation,html[data-theme="light"] .saved-utterance.translation{background:linear-gradient(145deg,rgba(var(--gold-rgb),.09),rgba(var(--gold-rgb),.035));border-color:color-mix(in srgb,var(--gold) 24%,var(--line))}
html[data-theme="light"] .utterance.translation p,html[data-theme="light"] .saved-utterance.translation p{color:color-mix(in srgb,var(--bronze) 92%,black)}
html[data-theme="light"] .meeting-setup-overlay{background:rgba(32,38,48,.34)}
html[data-theme="light"] .meeting-setup-dialog{background:radial-gradient(circle at 90% 0%,rgba(var(--gold-rgb),.08),transparent 24rem),#fff;border-color:color-mix(in srgb,var(--gold) 24%,var(--line));box-shadow:0 35px 100px rgba(21,25,34,.18)}
html[data-theme="light"] .meeting-setup-top p,html[data-theme="light"] .platform-option-card small,html[data-theme="light"] .session-live-head small,html[data-theme="light"] .session-stat-grid span{color:var(--muted)}
html[data-theme="light"] .modal-close{background:var(--panel2);color:var(--muted);border-color:var(--line)}
html[data-theme="light"] .modal-close:hover{color:var(--text);border-color:color-mix(in srgb,var(--muted) 40%,var(--line))}
html[data-theme="light"] .platform-option-card,html[data-theme="light"] .session-stat-grid>div,html[data-theme="light"] .meeting-summary-stats>div{background:var(--panel2);border-color:var(--line)}
html[data-theme="light"] .meeting-setup-actions{border-color:var(--line)}
html[data-theme="light"] .session-stat-grid strong{color:var(--text)}
html[data-theme="light"] .meeting-history-row:hover{background:var(--panel2)}
html[data-theme="light"] .meeting-history-copy strong,html[data-theme="light"] .meeting-history-meta>strong{color:var(--text)}
html[data-theme="light"] .meeting-history-copy small,html[data-theme="light"] .meeting-history-copy p,html[data-theme="light"] .meeting-history-meta>small,html[data-theme="light"] .history-hero p{color:var(--muted)}
html[data-theme="light"] .meeting-summary-card{background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.08),transparent 18rem),var(--panel);border-color:color-mix(in srgb,var(--gold) 18%,var(--line))}
html[data-theme="light"] .meeting-summary-main p,html[data-theme="light"] .meeting-summary-stats span{color:var(--muted)}

/* Profile, subscription, billing and checkout */
html[data-theme="light"] .account-hero,html[data-theme="light"] .subscription-card,html[data-theme="light"] .payment-card,html[data-theme="light"] .checkout-plan-card,html[data-theme="light"] .checkout-payment-card,html[data-theme="light"] .admin-currency-panel,html[data-theme="light"] .admin-plan-editor.featured-admin-plan{background:radial-gradient(circle at 92% 0%,rgba(var(--gold-rgb),.08),transparent 20rem),var(--panel);border-color:color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:0 8px 25px rgba(21,25,34,.04)}
html[data-theme="light"] .account-hero p,html[data-theme="light"] .subscription-main p,html[data-theme="light"] .subscription-usage-numbers span,html[data-theme="light"] .usage-caption,html[data-theme="light"] .billing-shortcut p,html[data-theme="light"] .payment-card small,html[data-theme="light"] .invoice-date small,html[data-theme="light"] .invoice-copy small,html[data-theme="light"] .account-detail-list span{color:var(--muted)}
html[data-theme="light"] .setting-toggle,html[data-theme="light"] .checkout-benefits>div,html[data-theme="light"] .admin-user-stats,html[data-theme="light"] .color-setting{background:var(--panel2);border-color:var(--line)}
html[data-theme="light"] .setting-toggle small{color:var(--muted)}
html[data-theme="light"] .payment-card strong,html[data-theme="light"] .invoice-copy strong,html[data-theme="light"] .checkout-security-list strong{color:var(--text)}
html[data-theme="light"] .checkout-plan-head p,html[data-theme="light"] .checkout-payment-card>p,html[data-theme="light"] .checkout-security-list span,html[data-theme="light"] .checkout-back-link,html[data-theme="light"] .checkout-upgrade-gain span{color:var(--muted)}
html[data-theme="light"] .checkout-price strong,html[data-theme="light"] .checkout-upgrade-gain strong{color:color-mix(in srgb,var(--bronze) 88%,black)}
html[data-theme="light"] .checkout-price span{color:var(--muted)}

/* Super admin */
html[data-theme="light"] .admin-table th{color:var(--muted)}
html[data-theme="light"] .admin-table td{color:color-mix(in srgb,var(--text) 70%,var(--muted))}
html[data-theme="light"] .admin-table td strong{color:var(--text)}
html[data-theme="light"] .admin-table td small,html[data-theme="light"] .admin-toolbar>span,html[data-theme="light"] .admin-user-head p,html[data-theme="light"] .admin-actions-grid form>label,html[data-theme="light"] .admin-user-foot,html[data-theme="light"] .admin-note-panel p,html[data-theme="light"] .admin-currency-panel p{color:var(--muted)}
html[data-theme="light"] .admin-user-stats span{color:var(--muted)}
html[data-theme="light"] .admin-note-panel code,html[data-theme="light"] .admin-data-table code{background:var(--panel2);color:color-mix(in srgb,var(--text) 78%,var(--muted))}
html[data-theme="light"] .super-admin-tabs{background:var(--panel);border-color:var(--line)}
html[data-theme="light"] .super-admin-tabs a{color:var(--muted)}
html[data-theme="light"] .super-admin-tabs a:hover,html[data-theme="light"] .super-admin-tabs a.active{color:var(--text);background:var(--panel2)}
html[data-theme="light"] .platform-setting-card,html[data-theme="light"] .seo-settings-card,html[data-theme="light"] .seo-preview-card,html[data-theme="light"] .seo-health-card{background:var(--panel)}
html[data-theme="light"] .palette-preview{background:var(--bg2)}
html[data-theme="light"] .palette-preview span{border-color:rgba(21,25,34,.12)}
html[data-theme="light"] .color-setting{color:var(--text)}
html[data-theme="light"] .color-setting code{color:var(--muted)}
html[data-theme="light"] .settings-card-icon{background:rgba(var(--gold-rgb),.08);border-color:rgba(var(--gold-rgb),.18);color:var(--gold)}

/* Broadcast / audience */
html[data-theme="light"] .broadcast-page{background:radial-gradient(circle at 10% 0%,rgba(var(--gold-rgb),.10),transparent 30rem),var(--bg)}
html[data-theme="light"] .broadcast-topbar,html[data-theme="light"] .broadcast-feed{background:color-mix(in srgb,var(--panel) 90%,transparent);border-color:var(--line)}
html[data-theme="light"] .broadcast-meta small,html[data-theme="light"] .join-card p{color:var(--muted)}
html[data-theme="light"] .broadcast-line{background:linear-gradient(145deg,rgba(var(--gold-rgb),.10),rgba(var(--gold-rgb),.035));color:color-mix(in srgb,var(--bronze) 92%,black);border-color:color-mix(in srgb,var(--gold) 22%,var(--line))}
html[data-theme="light"] .join-card{background:var(--panel);border-color:var(--line)}

/* Upgrade card keeps its premium emphasis while remaining readable in light mode. */
html[data-theme="light"] .sidebar-upgrade-card{background:radial-gradient(circle at 100% 0%,rgba(var(--gold-rgb),.14),transparent 12rem),linear-gradient(145deg,#FFFDF8,#F6EFE2);border-color:color-mix(in srgb,var(--gold) 24%,var(--line));box-shadow:0 12px 28px rgba(21,25,34,.06)}
html[data-theme="light"] .sidebar-upgrade-kicker,html[data-theme="light"] .sidebar-upgrade-title,html[data-theme="light"] .sidebar-upgrade-card p b,html[data-theme="light"] .sidebar-upgrade-price strong{color:color-mix(in srgb,var(--bronze) 90%,black)}
html[data-theme="light"] .sidebar-upgrade-card p,html[data-theme="light"] .sidebar-upgrade-price span{color:var(--muted)}
html[data-theme="light"] .sidebar-upgrade-cta{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 88%,white),var(--bronze));border-color:color-mix(in srgb,var(--bronze) 55%,var(--line))}

/* Mobile */
@media(max-width:760px){
  .site-theme-toggle{width:38px;height:38px;flex-basis:38px;border-radius:11px}
  .app-theme-toggle{width:44px;height:44px;flex-basis:44px;order:0}
  .floating-theme-toggle{top:12px;right:12px}
  html[data-theme="light"] .mobile-app-nav{background:rgba(255,255,255,.95);border-color:var(--line);box-shadow:0 16px 40px rgba(21,25,34,.12)}
  html[data-theme="light"] .mobile-app-nav a{color:var(--muted)}
  html[data-theme="light"] .mobile-app-nav a.active{color:var(--gold);background:rgba(var(--gold-rgb),.08)}
  html[data-theme="light"] .meeting-setup-actions{background:linear-gradient(180deg,rgba(255,255,255,.90),#fff 35%)}
  html[data-theme="light"] .mobile-account-signout{background:linear-gradient(145deg,color-mix(in srgb,var(--red) 4%,white),var(--panel))}
}

@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none!important}}

/* 2026-09 Account readability + light-theme contrast -----------------------
   Keep account/profile/billing surfaces aligned with the shared palette while
   raising the minimum readable type size for secondary information. */
.account-page .eyebrow,
.account-content .eyebrow{
  font-size:12px;
  line-height:1.25;
  letter-spacing:.13em;
}

.account-hero{
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
}
.account-hero h2{
  font-size:29px;
  line-height:1.15;
}
.account-hero p{
  margin-top:4px;
  color:color-mix(in srgb,var(--text) 68%,var(--muted));
  font-size:13.5px;
  line-height:1.5;
}
.account-hero-balance{
  min-width:174px;
  padding:15px 17px;
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
  background:color-mix(in srgb,var(--panel2) 88%,var(--gold) 12%);
}
.account-hero-balance span,
.account-hero-balance small{
  color:color-mix(in srgb,var(--text) 60%,var(--muted));
  font-size:11px;
  line-height:1.35;
  letter-spacing:.105em;
}
.account-hero-balance strong{
  margin:5px 0 3px;
  color:var(--gold-soft);
  font-size:25px;
  line-height:1.05;
  font-weight:900;
}

.account-tabs{
  padding:7px;
  gap:6px;
  border-color:var(--line);
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  box-shadow:0 8px 24px color-mix(in srgb,var(--bg) 16%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent);
}
.account-tabs a{
  min-height:46px;
  padding:0 16px;
  color:color-mix(in srgb,var(--text) 62%,var(--muted));
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}
.account-tabs a span,
.account-tabs a span .ui-icon{
  color:currentColor;
  font-size:14px;
}
.account-tabs a:hover{
  color:var(--text);
  background:color-mix(in srgb,var(--panel2) 90%,var(--gold) 10%);
}
.account-tabs a.active{
  color:var(--gold-soft);
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 14%,var(--panel2)),color-mix(in srgb,var(--bronze) 7%,var(--panel)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 26%,var(--line));
}
.account-tabs a.active span{
  color:var(--gold);
}

.subscription-card{
  border-color:color-mix(in srgb,var(--gold) 24%,var(--line));
}
.subscription-title{
  gap:12px;
}
.subscription-main p{
  margin-top:5px;
  color:color-mix(in srgb,var(--text) 66%,var(--muted));
  font-size:14px;
  line-height:1.55;
}
.subscription-status{
  padding:6px 10px;
  border-color:color-mix(in srgb,var(--green) 32%,var(--line));
  background:color-mix(in srgb,var(--green) 11%,var(--panel));
  color:color-mix(in srgb,var(--green) 82%,white);
  font-size:11.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.065em;
}
.subscription-status.cancelled,
.subscription-status.unpaid{
  border-color:color-mix(in srgb,var(--red) 32%,var(--line));
  background:color-mix(in srgb,var(--red) 10%,var(--panel));
  color:color-mix(in srgb,var(--red) 82%,white);
}

.account-panel .panel-head h3,
.billing-overview-grid .panel-head h3,
.invoices-panel .panel-head h3,
.subscription-grid .panel-head h3{
  font-size:18px;
  line-height:1.3;
}
.account-panel .panel-head p,
.billing-overview-grid .panel-head p,
.invoices-panel .panel-head p{
  color:color-mix(in srgb,var(--text) 58%,var(--muted));
  font-size:13px;
  line-height:1.55;
}
.account-detail-list span{
  color:color-mix(in srgb,var(--text) 58%,var(--muted));
  font-size:13px;
  line-height:1.4;
}
.account-detail-list strong{
  color:var(--text);
  font-size:14px;
  line-height:1.4;
}
.metric-card .metric-label,
.subscription-usage .metric-label{
  color:color-mix(in srgb,var(--text) 60%,var(--muted));
  font-size:13px;
  line-height:1.35;
}
.subscription-usage-numbers strong{
  font-size:32px;
}
.subscription-usage-numbers span{
  color:color-mix(in srgb,var(--text) 57%,var(--muted));
  font-size:13px;
  line-height:1.35;
}
.usage-caption{
  margin-top:10px;
  color:color-mix(in srgb,var(--text) 58%,var(--muted));
  font-size:12px;
  line-height:1.4;
}
.billing-shortcut p{
  color:color-mix(in srgb,var(--text) 58%,var(--muted));
  font-size:13px;
}
.invoice-date strong{font-size:13px}
.invoice-date small,
.invoice-copy small{
  color:color-mix(in srgb,var(--text) 56%,var(--muted));
  font-size:11.5px;
}
.invoice-copy strong{font-size:13.5px}
.invoice-status{font-size:11px}

/* Light mode gets real light surfaces, not a dark carry-over from dark mode. */
html[data-theme="light"] .account-tabs{
  background:color-mix(in srgb,var(--panel) 96%,var(--bg2) 4%);
  border-color:color-mix(in srgb,var(--line) 88%,var(--muted) 12%);
  box-shadow:0 7px 22px rgba(21,25,34,.07),inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="light"] .account-tabs a{
  color:color-mix(in srgb,var(--text) 66%,var(--muted));
}
html[data-theme="light"] .account-tabs a:hover{
  color:var(--text);
  background:var(--panel2);
}
html[data-theme="light"] .account-tabs a.active{
  color:color-mix(in srgb,var(--bronze) 92%,black);
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 10%,white),color-mix(in srgb,var(--gold) 5%,var(--panel2)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 30%,var(--line));
}
html[data-theme="light"] .account-tabs a.active span{
  color:color-mix(in srgb,var(--gold) 88%,black);
}
html[data-theme="light"] .account-hero p,
html[data-theme="light"] .subscription-main p,
html[data-theme="light"] .subscription-usage-numbers span,
html[data-theme="light"] .usage-caption,
html[data-theme="light"] .billing-shortcut p,
html[data-theme="light"] .account-detail-list span,
html[data-theme="light"] .account-panel .panel-head p,
html[data-theme="light"] .billing-overview-grid .panel-head p,
html[data-theme="light"] .invoices-panel .panel-head p{
  color:color-mix(in srgb,var(--text) 72%,var(--muted));
}
html[data-theme="light"] .account-hero-balance{
  background:color-mix(in srgb,var(--gold) 7%,var(--panel2));
  border-color:color-mix(in srgb,var(--gold) 26%,var(--line));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-theme="light"] .account-hero-balance span,
html[data-theme="light"] .account-hero-balance small{
  color:color-mix(in srgb,var(--text) 70%,var(--muted));
}
html[data-theme="light"] .account-hero-balance strong{
  color:color-mix(in srgb,var(--bronze) 88%,black);
}
html[data-theme="light"] .subscription-status{
  color:color-mix(in srgb,var(--green) 90%,black);
  background:color-mix(in srgb,var(--green) 9%,white);
  border-color:color-mix(in srgb,var(--green) 32%,var(--line));
}
html[data-theme="light"] .subscription-status.cancelled,
html[data-theme="light"] .subscription-status.unpaid{
  color:color-mix(in srgb,var(--red) 90%,black);
  background:color-mix(in srgb,var(--red) 8%,white);
  border-color:color-mix(in srgb,var(--red) 30%,var(--line));
}
html[data-theme="light"] .usage-progress,
html[data-theme="light"] .usage-progress::-webkit-progress-bar{
  background:color-mix(in srgb,var(--line) 72%,var(--panel2));
}

@media(max-width:760px){
  .account-page .eyebrow,.account-content .eyebrow{font-size:11.5px}
  .account-hero h2{font-size:24px}
  .account-hero p{font-size:12.5px}
  .account-tabs{padding:6px;gap:4px}
  .account-tabs a{min-height:44px;padding:0 12px;font-size:12.5px}
  .account-tabs a span{display:grid}
  .account-tabs a span .ui-icon{font-size:13px}
  .subscription-main p{font-size:13px}
  .subscription-status{font-size:11px}
  .account-detail-list span{font-size:12.5px}
  .account-detail-list strong{font-size:13.5px}
  .usage-caption{font-size:11.5px}
}

@media(max-width:420px){
  .account-tabs a{padding:0 10px;font-size:12px;gap:6px}
  .account-tabs a span{display:none}
}

/* 2026-09 Live notifications + high-contrast system messages ---------------- */
.flash{
  min-height:54px;
  padding:14px 16px;
  display:flex;
  align-items:flex-start;
  gap:11px;
  border-width:1px;
  border-style:solid;
  border-radius:14px;
  margin:0 0 16px;
  font-size:14.5px;
  line-height:1.5;
  font-weight:750;
  letter-spacing:.005em;
  box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.035);
}
.flash-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;margin-top:1px;font-size:15px}
.flash-message{min-width:0;display:block}
.flash-success{color:color-mix(in srgb,var(--green) 78%,white);background:color-mix(in srgb,var(--green) 12%,var(--panel));border-color:color-mix(in srgb,var(--green) 38%,var(--line))}
.flash-warning{color:var(--gold-pale);background:color-mix(in srgb,var(--gold) 11%,var(--panel));border-color:color-mix(in srgb,var(--gold) 38%,var(--line))}
.flash-info{color:color-mix(in srgb,var(--teal) 72%,white);background:color-mix(in srgb,var(--teal) 10%,var(--panel));border-color:color-mix(in srgb,var(--teal) 32%,var(--line))}
.flash-error{color:color-mix(in srgb,var(--red) 76%,white);background:color-mix(in srgb,var(--red) 11%,var(--panel));border-color:color-mix(in srgb,var(--red) 38%,var(--line))}
html[data-theme="light"] .flash{box-shadow:0 8px 22px rgba(21,25,34,.06),inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] .flash-success{color:color-mix(in srgb,var(--green) 76%,black);background:color-mix(in srgb,var(--green) 10%,white);border-color:color-mix(in srgb,var(--green) 42%,var(--line))}
html[data-theme="light"] .flash-warning{color:color-mix(in srgb,var(--bronze) 88%,black);background:color-mix(in srgb,var(--gold) 13%,white);border-color:color-mix(in srgb,var(--gold) 46%,var(--line))}
html[data-theme="light"] .flash-info{color:color-mix(in srgb,var(--teal) 78%,black);background:color-mix(in srgb,var(--teal) 8%,white);border-color:color-mix(in srgb,var(--teal) 34%,var(--line))}
html[data-theme="light"] .flash-error{color:color-mix(in srgb,var(--red) 78%,black);background:color-mix(in srgb,var(--red) 9%,white);border-color:color-mix(in srgb,var(--red) 38%,var(--line))}

.notification-center{position:relative;flex:0 0 auto;z-index:30}
.notification-bell{
  position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);color:color-mix(in srgb,var(--text) 75%,var(--muted));cursor:pointer;
  transition:transform .17s ease,border-color .17s ease,background .17s ease,color .17s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
.notification-bell:hover,.notification-bell.has-unread{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 36%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel));transform:translateY(-1px)}
.notification-bell .ui-icon{font-size:16px}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--bg);border-radius:99px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:10px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;box-shadow:0 5px 14px color-mix(in srgb,var(--red) 28%,transparent)}
.notification-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 28px));max-height:min(610px,calc(100vh - 100px));overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 14%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--panel) 98%,transparent);box-shadow:0 26px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.notification-popover[hidden]{display:none!important}
.notification-popover-head{padding:16px 16px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}
.notification-popover-head strong{display:block;font-size:16px;line-height:1.2}.notification-popover-head small{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.35}
.notification-mark-all{border:0;background:transparent;color:var(--gold);padding:2px 0;font-size:11.5px;font-weight:850;cursor:pointer;white-space:nowrap}
.notification-browser-row{padding:10px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--gold) 4%,var(--panel2))}
.notification-browser-enable{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--gold) 7%,var(--panel));color:var(--gold-soft);font-size:11.5px;font-weight:850;cursor:pointer}.notification-browser-enable .ui-icon{font-size:11px}
.notification-browser-row>small{display:block;color:var(--muted);font-size:11px;line-height:1.35}
.notification-list{max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gold) 26%,var(--line)) transparent}
.notification-item{position:relative;width:100%;padding:14px 15px;display:grid;grid-template-columns:38px minmax(0,1fr) 8px;align-items:flex-start;gap:11px;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--gold) 3%,var(--panel));color:var(--text);text-align:left;cursor:pointer;transition:background .15s ease}
.notification-item:hover{background:color-mix(in srgb,var(--gold) 7%,var(--panel2))}.notification-item.is-read{background:var(--panel);opacity:.78}.notification-item:last-child{border-bottom:0}
.notification-item-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel2));color:var(--gold)}
.notification-item-icon .fa-solid{font-size:14px}.notification-credit .notification-item-icon{color:var(--gold)}.notification-update .notification-item-icon{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 25%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--panel2))}.notification-success .notification-item-icon{color:var(--green)}.notification-warning .notification-item-icon{color:var(--gold)}.notification-security .notification-item-icon{color:var(--red)}
.notification-item-copy{min-width:0;display:block}.notification-item-copy strong{display:block;color:var(--text);font-size:13.5px;line-height:1.3}.notification-item-copy>span{display:block;margin-top:4px;color:color-mix(in srgb,var(--text) 66%,var(--muted));font-size:12.5px;line-height:1.45}.notification-item-copy small{display:block;margin-top:7px;color:var(--muted);font-size:10.5px;line-height:1.2}
.notification-unread-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 10%,transparent)}.notification-item.is-read .notification-unread-dot{opacity:0}
.notification-empty{padding:34px 20px;display:grid;justify-items:center;text-align:center;color:var(--muted)}.notification-empty .ui-icon{font-size:20px;color:color-mix(in srgb,var(--muted) 70%,var(--line));margin-bottom:10px}.notification-empty strong{color:var(--text);font-size:13.5px}.notification-empty span{margin-top:3px;font-size:11.5px}

html[data-theme="light"] .notification-bell{background:var(--panel);border-color:var(--line);color:color-mix(in srgb,var(--text) 72%,var(--muted));box-shadow:0 4px 14px rgba(21,25,34,.045)}
html[data-theme="light"] .notification-popover{background:rgba(255,255,255,.985);border-color:color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:0 24px 60px rgba(21,25,34,.16)}
html[data-theme="light"] .notification-item{background:color-mix(in srgb,var(--gold) 2%,white)}html[data-theme="light"] .notification-item:hover{background:color-mix(in srgb,var(--gold) 7%,white)}html[data-theme="light"] .notification-item.is-read{background:var(--panel);opacity:.82}
html[data-theme="light"] .notification-item-copy>span{color:color-mix(in srgb,var(--text) 72%,var(--muted))}
html[data-theme="light"] .notification-browser-enable{color:color-mix(in srgb,var(--bronze) 90%,black);background:color-mix(in srgb,var(--gold) 8%,white)}

.admin-update-panel{margin-top:14px}.admin-update-panel .panel-head{align-items:flex-start}.admin-update-panel .panel-head p{max-width:760px;margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.admin-update-form{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.5fr) minmax(190px,.7fr) auto;gap:12px;align-items:end}.admin-update-form .form-group{margin:0}.admin-update-form .btn{min-height:49px}.admin-update-form .form-help{display:block;margin-top:5px}

@media(max-width:1050px){.admin-update-form{grid-template-columns:1fr 1fr}.admin-update-message{grid-column:1/-1}.admin-update-form .btn{width:max-content}}
@media(max-width:760px){
  .notification-bell{width:44px;height:44px;border-radius:13px}.notification-popover{position:fixed;top:78px;left:14px;right:14px;width:auto;max-height:calc(100vh - 170px)}.notification-list{max-height:calc(100vh - 315px)}
  .account-topbar .topbar-actions{justify-content:flex-end}.minutes-badge{margin-left:0}.profile-chip{margin-left:0}.notification-center{order:0}.app-theme-toggle{order:0}
  .admin-update-form{grid-template-columns:1fr}.admin-update-message{grid-column:auto}.admin-update-form .btn{width:100%}
  .flash{min-height:52px;padding:13px 14px;font-size:14px}
}
@media(max-width:430px){
  .notification-popover{top:74px;left:10px;right:10px}.notification-popover-head{padding:14px}.notification-popover-head small{font-size:10.5px}.notification-mark-all{font-size:10.5px}.notification-item{padding:13px}.notification-item-copy strong{font-size:13px}.notification-item-copy>span{font-size:12px}
  .account-topbar .minutes-badge{display:none}.profile-chip{max-width:48vw}.notification-bell{width:42px;height:42px}
}

/* 2026-09 Admin usage table readability ------------------------------------- */
.admin-usage-page .admin-data-table th{
  padding:0 12px 12px;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.075em;
  color:color-mix(in srgb,var(--text) 50%,var(--muted));
}
.admin-usage-page .admin-data-table td{
  padding:14px 12px;
  font-size:13.25px;
  line-height:1.5;
  color:color-mix(in srgb,var(--text) 73%,var(--muted));
}
.admin-usage-page .admin-data-table td strong{
  font-size:13.25px;
  line-height:1.4;
  font-weight:800;
  color:var(--text);
}
.admin-usage-page .admin-data-table td small{
  margin-top:4px;
  font-size:11.75px;
  line-height:1.4;
  color:color-mix(in srgb,var(--text) 52%,var(--muted));
}
.admin-usage-page .admin-data-table .credit-positive,
.admin-usage-page .admin-data-table .credit-negative{
  font-size:13.25px;
  font-weight:900;
}
.admin-usage-page .history-count{
  font-size:11.5px;
}
html[data-theme="light"] .admin-usage-page .admin-data-table th{
  color:color-mix(in srgb,var(--text) 60%,var(--muted));
}
html[data-theme="light"] .admin-usage-page .admin-data-table td{
  color:color-mix(in srgb,var(--text) 82%,var(--muted));
}
html[data-theme="light"] .admin-usage-page .admin-data-table td small{
  color:color-mix(in srgb,var(--text) 66%,var(--muted));
}
@media(max-width:760px){
  .admin-usage-page .admin-data-table th{font-size:10.5px;padding:0 11px 11px}
  .admin-usage-page .admin-data-table td,
  .admin-usage-page .admin-data-table td strong,
  .admin-usage-page .admin-data-table .credit-positive,
  .admin-usage-page .admin-data-table .credit-negative{font-size:12.75px}
  .admin-usage-page .admin-data-table td{padding:13px 11px}
  .admin-usage-page .admin-data-table td small{font-size:11.25px}
}


/* 2026-09 mobile microphone / desktop tab capture guidance */
.meeting-capture-help{
  margin:16px 0 -2px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));
  border-radius:13px;
  background:color-mix(in srgb,var(--gold) 5%,var(--panel));
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
html[data-theme="light"] .meeting-capture-help{
  color:var(--text2,var(--muted));
  background:color-mix(in srgb,var(--gold) 5%,#fff);
}
@media(max-width:760px){
  .meeting-capture-help{font-size:12.5px;margin-top:14px}
}

/* =========================================================
   MeetOS bilingual UI: English / Arabic
   Arabic uses El Messiri and a fully mirrored RTL shell.
   ========================================================= */
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:40px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:13px;
  background:color-mix(in srgb,var(--panel) 82%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  flex:0 0 auto;
}
.language-option{
  min-height:32px;
  padding:0 9px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
  border:1px solid transparent;
}
.language-option:hover{color:var(--text);background:color-mix(in srgb,var(--gold) 6%,transparent)}
.language-option.active{
  color:var(--gold-pale);
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 12%,var(--panel)),color-mix(in srgb,var(--bronze) 5%,var(--panel)));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.language-flag{font-size:16px;line-height:1;filter:saturate(.95)}
.language-label{line-height:1.1}
.site-language-switch{min-height:38px;border-radius:11px}
.site-language-switch .language-option{min-height:30px;padding:0 8px;font-size:11px}
.app-language-switch{min-height:46px;border-radius:14px;padding:4px}
.app-language-switch .language-option{min-height:36px;padding:0 9px}
.floating-preference-controls{
  position:fixed;
  top:18px;
  right:18px;
  z-index:120;
  display:flex;
  align-items:center;
  gap:8px;
}
.floating-preference-controls .language-switch,
.floating-preference-controls .theme-toggle{box-shadow:0 10px 30px rgba(0,0,0,.16)}
html[data-theme="light"] .language-switch{background:color-mix(in srgb,var(--panel) 96%,transparent)}
html[data-theme="light"] .language-option.active{color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--panel))}

/* Arabic typography */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea{
  font-family:"El Messiri",Tahoma,Arial,sans-serif;
}
html[lang="ar"] body{line-height:1.7;letter-spacing:0}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] strong{letter-spacing:0}
html[lang="ar"] .eyebrow,
html[lang="ar"] .mock-kicker,
html[lang="ar"] .metric-label,
html[lang="ar"] .sim-card-label,
html[lang="ar"] .sim-mini-stat span,
html[lang="ar"] .sidebar-upgrade-kicker,
html[lang="ar"] .app-nav-divider span{
  letter-spacing:.035em;
  text-transform:none;
}
html[lang="ar"] .language-option[lang="en"]{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="url"],
html[lang="ar"] input[type="number"],
html[lang="ar"] input[type="tel"],
html[lang="ar"] input[name*="stripe" i],
html[lang="ar"] input[name*="api" i],
html[lang="ar"] input[name*="key" i],
html[lang="ar"] input[name*="secret" i],
html[lang="ar"] code,
html[lang="ar"] pre,
html[lang="ar"] .join-input{
  direction:ltr;
  text-align:left;
  unicode-bidi:embed;
}

/* RTL layout mirroring */
html[dir="rtl"] .nav-links{margin-left:0;margin-right:28px}
html[dir="rtl"] .nav-actions{margin-left:0;margin-right:auto}
html[dir="rtl"] .app-topbar .topbar-actions{margin-left:0;margin-right:auto}
html[dir="rtl"] .window-title{margin-left:0;margin-right:7px}
html[dir="rtl"] .live-pill{margin-left:0;margin-right:auto}
html[dir="rtl"] .price-features li:before{margin-right:0;margin-left:8px}
html[dir="rtl"] .step{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .step:last-child{border-left:0}
html[dir="rtl"] .app-sidebar{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"][data-theme="light"] .app-sidebar{
  border-right:0;
  border-left:1px solid var(--line);
  box-shadow:-8px 0 30px rgba(21,25,34,.035);
}
html[dir="rtl"] .profile-chip-chevron{transform:rotate(180deg)}
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-arrow-left{transform:rotate(180deg)}
html[dir="rtl"] .sidebar-upgrade-glow{right:auto;left:-50px}
html[dir="rtl"] .notification-popover{right:auto;left:0}
html[dir="rtl"] .notification-item,
html[dir="rtl"] .notification-popover-head,
html[dir="rtl"] .notification-browser-row{text-align:right}
html[dir="rtl"] .content-page-title,
html[dir="rtl"] .section-head,
html[dir="rtl"] .panel,
html[dir="rtl"] .account-panel,
html[dir="rtl"] .price-card,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .auth-card,
html[dir="rtl"] .auth-showcase,
html[dir="rtl"] .form-group,
html[dir="rtl"] table th,
html[dir="rtl"] table td{text-align:right}
html[dir="rtl"] .form-control,
html[dir="rtl"] .select-control,
html[dir="rtl"] textarea{text-align:right}
html[dir="rtl"] .sim-source-card p,
html[dir="rtl"] .utterance.source p{
  direction:ltr;
  text-align:left;
  unicode-bidi:plaintext;
}
html[dir="rtl"] .sim-target-card p,
html[dir="rtl"] .utterance.translation p,
html[dir="rtl"] .broadcast-line{
  unicode-bidi:plaintext;
  text-align:start;
}
html[dir="rtl"] .sim-language-switcher{justify-content:flex-start}
html[dir="rtl"] .site-footer .footer-links{direction:rtl}
html[dir="rtl"] .footer-copy{text-align:right}
html[dir="rtl"] .mobile-app-nav{direction:rtl}
html[dir="rtl"] .status-chip{justify-self:start}
html[dir="rtl"] .super-admin-tabs{direction:rtl}
html[dir="rtl"] .account-tabs{direction:rtl}
html[dir="rtl"] .pricing-more .fa-arrow-right{margin-right:5px}

@media(max-width:980px){
  .site-language-switch .language-label{display:none}
  .site-language-switch .language-option{width:34px;padding:0}
}

@media(max-width:760px){
  .floating-preference-controls{top:12px;right:12px;gap:6px}
  html[dir="rtl"] .floating-preference-controls{right:auto;left:12px}
  .language-switch-compact .language-label,
  .app-language-switch .language-label{display:none}
  .language-switch-compact .language-option,
  .app-language-switch .language-option{width:34px;padding:0}
  .app-language-switch{min-height:44px;padding:3px}
  html[dir="rtl"] .app-topbar .topbar-actions{margin-right:0;margin-left:0;justify-content:flex-start}
  html[dir="rtl"] .notification-popover{left:10px;right:10px}
  html[dir="rtl"] .step{border-left:0;border-bottom:1px solid var(--line)}
  html[dir="rtl"] .step:last-child{border-bottom:0}
}

/* =========================================================
   Meeting history cards + AI meeting intelligence
   ========================================================= */
.history-card-page{max-width:1280px}
.history-overview-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;margin-bottom:24px;padding:28px 30px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:24px;background:radial-gradient(circle at 88% 20%,rgba(var(--gold-rgb),.16),transparent 19rem),linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel2) 88%,var(--gold) 12%));box-shadow:0 24px 70px rgba(0,0,0,.12)}
.history-overview-card:after{content:"";position:absolute;inset:auto -40px -100px auto;width:220px;height:220px;border-radius:50%;background:rgba(var(--gold-rgb),.07);filter:blur(4px);pointer-events:none}
.history-overview-card .eyebrow{display:flex;align-items:center;gap:8px}
.history-overview-card h2{margin:9px 0 6px;font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;color:var(--text)}
.history-overview-card p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.history-overview-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border:1px solid rgba(var(--gold-rgb),.28);border-radius:22px;background:linear-gradient(145deg,rgba(var(--gold-rgb),.18),rgba(var(--bronze-rgb),.08));color:var(--gold);font-size:28px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.16)}
.history-card-section{margin-top:4px}
.history-card-head{margin-bottom:14px;padding:0 2px}
.history-card-head>div>p{margin:4px 0 0;color:var(--muted);font-size:13px}
.meeting-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.meeting-history-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:20px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(155deg,var(--panel),color-mix(in srgb,var(--panel2) 94%,var(--gold) 6%));box-shadow:0 14px 38px rgba(0,0,0,.09);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.meeting-history-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 28%,var(--line));box-shadow:0 22px 52px rgba(0,0,0,.14)}
.meeting-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.meeting-card-identity{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;align-items:center;min-width:0}
.meeting-card-platform{width:50px;height:50px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.17)}
.meeting-card-platform-label{display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.meeting-card-identity h3{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.025em}
.meeting-card-identity h3 a{color:var(--text);text-decoration:none}
.meeting-card-identity h3 a:hover{color:var(--gold)}
.meeting-card-identity time{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.meeting-card-status{flex:0 0 auto}
.meeting-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.meeting-card-metrics>div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 93%,transparent)}
.meeting-card-metrics span,.meeting-card-metrics strong{display:block}
.meeting-card-metrics span{color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}
.meeting-card-metrics span .ui-icon{margin-inline-end:4px;color:var(--gold)}
.meeting-card-metrics strong{margin-top:4px;color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meeting-card-preview{flex:1;margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:14px;background:rgba(127,127,127,.025)}
.meeting-card-preview>span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.meeting-card-preview p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:7px 0 0;color:color-mix(in srgb,var(--text) 85%,var(--muted));font-size:13px;line-height:1.55}
.meeting-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.meeting-ai-ready,.meeting-ai-link,.meeting-ai-muted{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:850}
.meeting-ai-ready{color:var(--success)}
.meeting-ai-link{color:var(--gold);text-decoration:none}
.meeting-ai-link:hover{text-decoration:underline}
.meeting-ai-muted{color:var(--muted)}
.meeting-open-btn{flex:0 0 auto}
.history-empty-card{display:grid;justify-items:center;padding:48px 22px;text-align:center}
.history-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:18px;background:rgba(var(--gold-rgb),.11);color:var(--gold);font-size:21px}
.history-empty-card h3{margin:0;font-size:22px}
.history-empty-card p{margin:7px 0 18px;color:var(--muted);font-size:13px}

.meeting-insights-shell{position:relative;overflow:hidden;margin-top:16px;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));border-radius:23px;background:radial-gradient(circle at 96% 0%,rgba(var(--gold-rgb),.12),transparent 22rem),linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 95%,var(--gold) 5%));box-shadow:0 18px 50px rgba(0,0,0,.10)}
.meeting-insights-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 24px 18px;border-bottom:1px solid var(--line)}
.meeting-insights-title-wrap{display:flex;align-items:flex-start;gap:14px;min-width:0}
.meeting-insights-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(var(--gold-rgb),.25);border-radius:16px;background:linear-gradient(145deg,rgba(var(--gold-rgb),.20),rgba(var(--bronze-rgb),.08));color:var(--gold);font-size:19px}
.meeting-insights-title-wrap h2{margin:6px 0 4px;color:var(--text);font-size:23px;letter-spacing:-.035em}
.meeting-insights-title-wrap p{max-width:690px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.meeting-insights-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.insight-updated{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:750}
.meeting-insights-summary{padding:22px 24px}
.insight-section-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.meeting-summary-copy{max-width:930px;color:var(--text)}
.meeting-summary-copy p{margin:0 0 10px;font-size:14px;line-height:1.72}
.meeting-summary-copy p:last-child{margin-bottom:0}
.meeting-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 24px}
.insight-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel2) 96%,transparent)}
.insight-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}
.insight-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--gold-rgb),.10);color:var(--gold);font-size:15px}
.insight-card-head h3{margin:0;color:var(--text);font-size:16px}
.insight-card-head p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.insight-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:10px;background:rgba(var(--gold-rgb),.08);color:var(--gold);font-size:11px;font-weight:900}
.insight-list,.action-item-list{display:grid;gap:0}
.insight-point{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 16px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.insight-point:first-child{border-top:0}
.insight-point>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(var(--gold-rgb),.08);color:var(--gold);font-size:10px;font-weight:900}
.insight-point p{margin:2px 0 0;color:color-mix(in srgb,var(--text) 90%,var(--muted));font-size:12px;line-height:1.55}
.action-item-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:13px 16px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.action-item-row:first-child{border-top:0}
.action-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);font-size:10px}
.action-item-copy p{margin:2px 0 0;color:var(--text);font-size:12px;line-height:1.52}
.action-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.action-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(127,127,127,.035);color:var(--muted);font-size:9px;font-weight:750}
.insight-empty{padding:24px 16px;color:var(--muted);font-size:12px;line-height:1.55;text-align:center}
.insights-inline-error{margin:0 24px 22px}
.meeting-insights-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:25px}
.meeting-insights-orb{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(var(--gold-rgb),.28);border-radius:21px;background:radial-gradient(circle at 35% 25%,rgba(var(--gold-rgb),.26),rgba(var(--bronze-rgb),.08));box-shadow:0 15px 42px rgba(var(--gold-rgb),.08)}
.meeting-insights-orb span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--gold);color:#17120a;font-size:16px;box-shadow:0 8px 22px rgba(var(--gold-rgb),.25)}
.meeting-insights-empty-copy h2{margin:7px 0 5px;color:var(--text);font-size:22px;letter-spacing:-.035em}
.meeting-insights-empty-copy p{max-width:700px;margin:0;color:var(--muted);font-size:12px;line-height:1.58}
.meeting-insights-empty-action{display:grid;justify-items:end;gap:7px}
.meeting-insights-empty-action small{color:var(--muted);font-size:9px}
.meeting-insights-generate{white-space:nowrap}

html[data-theme="light"] .history-overview-card,html[data-theme="light"] .meeting-history-card,html[data-theme="light"] .meeting-insights-shell{box-shadow:0 16px 45px rgba(20,28,45,.07)}
html[data-theme="light"] .meeting-card-preview{background:color-mix(in srgb,var(--panel2) 78%,white)}
html[data-theme="light"] .meeting-card-preview p,html[data-theme="light"] .meeting-summary-copy,html[data-theme="light"] .insight-point p{color:color-mix(in srgb,var(--text) 92%,#000 8%)}
html[data-theme="light"] .insight-card{background:color-mix(in srgb,var(--panel2) 88%,white)}

html[dir="rtl"] .meeting-card-footer,html[dir="rtl"] .meeting-card-top,html[dir="rtl"] .meeting-insights-header{direction:rtl}
html[dir="rtl"] .meeting-insights-actions{justify-content:flex-start}
html[dir="rtl"] .meeting-insights-empty-action{justify-items:start}

@media(max-width:980px){
  .meeting-card-grid{grid-template-columns:1fr}
  .meeting-insights-grid{grid-template-columns:1fr}
  .meeting-insights-header{flex-direction:column}
  .meeting-insights-actions{justify-content:flex-start}
  .meeting-insights-empty-state{grid-template-columns:auto 1fr}
  .meeting-insights-empty-action{grid-column:1/-1;justify-items:start;margin-inline-start:86px}
}
@media(max-width:680px){
  .history-overview-card{padding:21px 18px;border-radius:20px}
  .history-overview-icon{display:none}
  .history-overview-card h2{font-size:26px}
  .history-overview-card p{font-size:13px}
  .meeting-history-card{min-height:0;padding:16px;border-radius:18px}
  .meeting-card-identity{grid-template-columns:44px minmax(0,1fr)}
  .meeting-card-platform{width:44px;height:44px}
  .meeting-card-identity h3{font-size:16px}
  .meeting-card-metrics{grid-template-columns:1fr 1fr}
  .meeting-card-metrics>div:last-child{grid-column:1/-1}
  .meeting-card-footer{align-items:flex-start;flex-direction:column}
  .meeting-open-btn{width:100%;justify-content:center}
  .meeting-insights-shell{border-radius:19px}
  .meeting-insights-header,.meeting-insights-summary{padding:18px}
  .meeting-insights-grid{padding:0 18px 18px}
  .meeting-insights-title-wrap{gap:11px}
  .meeting-insights-icon{flex-basis:44px;width:44px;height:44px}
  .meeting-insights-title-wrap h2{font-size:20px}
  .meeting-insights-empty-state{grid-template-columns:1fr;padding:19px;text-align:start}
  .meeting-insights-orb{width:58px;height:58px}
  .meeting-insights-empty-action{grid-column:auto;margin-inline-start:0;justify-items:stretch}
  .meeting-insights-generate{width:100%;justify-content:center}
  .insight-card-head{grid-template-columns:38px minmax(0,1fr) auto;padding:13px}
  .insight-card-icon{width:38px;height:38px}
  .insight-point,.action-item-row{padding:12px 13px}
  .meeting-summary-copy p{font-size:13px}
}
.meeting-ai-button{appearance:none;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;text-align:inherit}
.meeting-ai-button:disabled{cursor:wait;opacity:.75}
.history-insights-error{margin:12px 0 0;padding:10px 12px;font-size:11px}

/* 2026-09 Meeting history card clarity -------------------------------------- */
/* Dashboard recent conversations */
.dashboard-grid .meeting-history-list{display:grid;gap:12px}
.dashboard-grid .meeting-history-row{
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:16px 17px;
  border:1px solid var(--line);
  border-radius:17px;
  background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 95%,var(--gold) 5%));
  box-shadow:0 9px 26px rgba(0,0,0,.06);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.dashboard-grid .meeting-history-row:first-child{border-top:1px solid var(--line)}
.dashboard-grid .meeting-history-row:hover{
  padding-left:17px;padding-right:17px;
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--gold) 34%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--gold) 4%),color-mix(in srgb,var(--panel2) 91%,var(--gold) 9%));
  box-shadow:0 16px 34px rgba(0,0,0,.10);
}
.meeting-history-platform-wrap{display:grid;justify-items:center;gap:6px;min-width:0}
.meeting-history-platform-wrap .meeting-platform-icon{width:50px;height:50px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.meeting-history-platform-wrap>span{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:800;line-height:1.2}
.meeting-history-copy{min-width:0}
.meeting-history-title{display:block;color:var(--text);font-size:16px!important;font-weight:850;line-height:1.3;letter-spacing:-.015em}
.meeting-history-detail-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.meeting-history-detail-chips>span,.meeting-card-detail-chips>span{
  display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--gold) 14%,var(--line));border-radius:999px;
  background:color-mix(in srgb,var(--gold) 5%,var(--panel2));
  color:color-mix(in srgb,var(--text) 70%,var(--muted));font-size:11.5px;line-height:1.2;white-space:nowrap
}
.meeting-history-detail-chips .ui-icon,.meeting-card-detail-chips .ui-icon{color:var(--gold);font-size:11px}
.meeting-history-detail-chips b,.meeting-card-detail-chips b{color:var(--text);font-weight:760}
.dashboard-grid .meeting-history-copy p{
  margin:9px 0 0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:13px;line-height:1.55;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.dashboard-grid .meeting-history-meta{display:grid;justify-items:end;gap:6px;min-width:112px;text-align:end}
.meeting-history-duration{display:flex;align-items:center;gap:6px;color:var(--gold)}
.meeting-history-duration .ui-icon{font-size:12px}
.dashboard-grid .meeting-history-meta .meeting-history-duration strong{font-size:13px;color:var(--text)}
.dashboard-grid .meeting-history-meta>small{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:11.5px}
.dashboard-grid .meeting-history-meta>span:not(.status-chip){display:flex;align-items:center;gap:5px;margin-top:2px;color:var(--gold);font-size:11px;font-weight:850}

/* Full history cards */
.history-card-page .meeting-history-card{min-height:342px;padding:22px;border-radius:22px}
.history-card-page .meeting-card-identity{grid-template-columns:56px minmax(0,1fr);gap:15px}
.history-card-page .meeting-card-platform{width:56px;height:56px;border-radius:16px}
.history-card-page .meeting-card-platform-label{font-size:12px;line-height:1.25;letter-spacing:.07em}
.history-card-page .meeting-card-identity h3{font-size:20px;line-height:1.25}
.meeting-card-detail-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.history-card-page .meeting-card-metrics{gap:9px;margin-top:19px}
.history-card-page .meeting-card-metrics>div{padding:12px 13px;border-radius:14px}
.history-card-page .meeting-card-metrics span{font-size:11.5px;font-weight:800}
.history-card-page .meeting-card-metrics strong{margin-top:5px;font-size:14px}
.history-card-page .meeting-card-preview{margin-top:15px;padding:15px 16px;border-radius:15px}
.history-card-page .meeting-card-preview>span{font-size:11.5px;line-height:1.3}
.history-card-page .meeting-card-preview p{margin-top:8px;font-size:14px;line-height:1.65}
.history-card-page .meeting-card-footer{margin-top:15px;padding-top:15px}
.history-card-page .meeting-ai-ready,.history-card-page .meeting-ai-muted,.history-card-page .meeting-ai-link{font-size:12px}
.history-card-page .meeting-card-status{font-size:11.5px;padding:6px 9px}

html[data-theme="light"] .dashboard-grid .meeting-history-row{
  border-color:color-mix(in srgb,var(--line) 88%,var(--gold) 12%);
  box-shadow:0 8px 22px rgba(21,25,34,.055)
}
html[data-theme="light"] .meeting-history-detail-chips>span,
html[data-theme="light"] .meeting-card-detail-chips>span{
  background:color-mix(in srgb,var(--gold) 6%,white);
  color:color-mix(in srgb,var(--text) 76%,var(--muted));
  border-color:color-mix(in srgb,var(--gold) 20%,var(--line))
}
html[data-theme="light"] .dashboard-grid .meeting-history-copy p{color:color-mix(in srgb,var(--text) 78%,var(--muted))}

html[dir="rtl"] .dashboard-grid .meeting-history-meta{justify-items:start;text-align:start}
html[dir="rtl"] .meeting-history-detail-chips,html[dir="rtl"] .meeting-card-detail-chips{direction:rtl}
html[dir="rtl"] .meeting-history-duration,html[dir="rtl"] .dashboard-grid .meeting-history-meta>small,html[dir="rtl"] .dashboard-grid .meeting-history-meta>span{direction:rtl}

@media(max-width:760px){
  .dashboard-grid .meeting-history-row{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:14px}
  .dashboard-grid .meeting-history-row:hover{padding-left:14px;padding-right:14px}
  .meeting-history-platform-wrap .meeting-platform-icon{width:44px;height:44px;border-radius:12px}
  .meeting-history-platform-wrap>span{font-size:9.5px;max-width:50px}
  .meeting-history-title{font-size:15px!important}
  .meeting-history-detail-chips{gap:6px;margin-top:7px}
  .meeting-history-detail-chips>span,.meeting-card-detail-chips>span{min-height:27px;padding:5px 8px;font-size:11px}
  .dashboard-grid .meeting-history-copy p{font-size:12.5px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .dashboard-grid .meeting-history-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;padding-top:10px;border-top:1px solid var(--line);text-align:start}
  html[dir="rtl"] .dashboard-grid .meeting-history-meta{justify-content:flex-start}
  .dashboard-grid .meeting-history-meta>span:not(.status-chip){margin-inline-start:auto;margin-top:0}
  .history-card-page .meeting-history-card{padding:17px}
  .history-card-page .meeting-card-identity{grid-template-columns:46px minmax(0,1fr);gap:12px}
  .history-card-page .meeting-card-platform{width:46px;height:46px;border-radius:13px}
  .history-card-page .meeting-card-platform-label{font-size:11px}
  .history-card-page .meeting-card-identity h3{font-size:17px}
  .history-card-page .meeting-card-metrics span{font-size:11px}
  .history-card-page .meeting-card-metrics strong{font-size:13.5px}
  .history-card-page .meeting-card-preview p{font-size:13.5px}
}
@media(max-width:430px){
  .meeting-history-detail-chips,.meeting-card-detail-chips{display:grid;grid-template-columns:1fr 1fr}
  .meeting-history-detail-chips>span:last-child,.meeting-card-detail-chips>span:last-child{grid-column:1/-1}
  .meeting-history-detail-chips>span,.meeting-card-detail-chips>span{justify-content:center;white-space:normal;text-align:center}
}

/* =========================================================
   2026-09 Meeting readability pass
   Removes sub-12px typography from meeting/history surfaces.
   ========================================================= */

/* Meeting record header */
.meeting-detail-page .eyebrow{
  font-size:12.5px;
  line-height:1.3;
  letter-spacing:.11em;
}
.meeting-detail-page .meeting-summary-main h2{
  font-size:28px;
  line-height:1.2;
}
.meeting-detail-page .meeting-summary-main p{
  margin-top:5px;
  color:color-mix(in srgb,var(--text) 72%,var(--muted));
  font-size:13.5px;
  line-height:1.55;
}
.meeting-detail-page .meeting-summary-stats>div{
  min-width:118px;
  padding:13px 14px;
}
.meeting-detail-page .meeting-summary-stats span{
  color:color-mix(in srgb,var(--text) 60%,var(--muted));
  font-size:11.5px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.06em;
}
.meeting-detail-page .meeting-summary-stats strong{
  margin-top:5px;
  color:var(--text);
  font-size:14.5px;
  line-height:1.35;
  font-weight:850;
}

/* AI meeting intelligence */
.meeting-detail-page .meeting-insights-title-wrap h2{
  font-size:25px;
  line-height:1.25;
}
.meeting-detail-page .meeting-insights-title-wrap p,
.meeting-detail-page .meeting-insights-empty-copy p{
  color:color-mix(in srgb,var(--text) 68%,var(--muted));
  font-size:14px;
  line-height:1.7;
}
.meeting-detail-page .insight-updated{
  color:color-mix(in srgb,var(--text) 65%,var(--muted));
  font-size:12px;
  line-height:1.4;
}
.meeting-detail-page .insight-section-label{
  font-size:12.5px;
  line-height:1.35;
  letter-spacing:.07em;
}
.meeting-detail-page .meeting-summary-copy p{
  font-size:16px;
  line-height:1.78;
}
.meeting-detail-page .insight-card-head h3{
  font-size:18px;
  line-height:1.3;
}
.meeting-detail-page .insight-card-head p{
  margin-top:4px;
  color:color-mix(in srgb,var(--text) 65%,var(--muted));
  font-size:13px;
  line-height:1.55;
}
.meeting-detail-page .insight-count{
  min-width:34px;
  height:34px;
  font-size:12.5px;
}
.meeting-detail-page .insight-point>span{
  font-size:12px;
}
.meeting-detail-page .insight-point p,
.meeting-detail-page .action-item-copy p{
  font-size:15px;
  line-height:1.7;
}
.meeting-detail-page .action-meta span{
  padding:6px 9px;
  color:color-mix(in srgb,var(--text) 66%,var(--muted));
  font-size:12px;
  line-height:1.35;
}
.meeting-detail-page .insight-empty{
  font-size:13.5px;
  line-height:1.65;
}
.meeting-detail-page .meeting-insights-empty-action small{
  font-size:12px;
  line-height:1.45;
}

/* Saved conversation / transcript */
.meeting-detail-page .panel-head h3{
  font-size:20px;
  line-height:1.3;
}
.meeting-detail-page .history-count{
  color:color-mix(in srgb,var(--text) 63%,var(--muted));
  font-size:12px;
  line-height:1.35;
  letter-spacing:.055em;
}
.meeting-detail-page .empty-mini{
  font-size:14px;
  line-height:1.6;
}
.meeting-detail-page .saved-transcript-feed{
  gap:14px;
}
.meeting-detail-page .saved-utterance{
  padding:17px 19px;
}
.meeting-detail-page .saved-utterance small{
  margin-bottom:7px;
  color:color-mix(in srgb,var(--text) 60%,var(--muted));
  font-size:11.5px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.065em;
}
.meeting-detail-page .saved-utterance p{
  color:var(--text);
  font-size:16.5px;
  line-height:1.72;
}
.meeting-detail-page .saved-utterance.translation p{
  color:var(--gold-pale);
}
.meeting-detail-page .saved-utterance time{
  margin-top:9px;
  color:color-mix(in srgb,var(--text) 54%,var(--muted));
  font-size:11px;
  line-height:1.3;
  font-variant-numeric:tabular-nums;
}

/* Full meeting history: keep metadata comfortably readable */
.history-card-page .history-overview-card p,
.history-card-page .history-card-head>div>p{
  font-size:14px;
  line-height:1.65;
}
.history-card-page .meeting-card-platform-label{
  font-size:12.5px;
}
.history-card-page .meeting-card-detail-chips>span{
  min-height:31px;
  padding:6px 10px;
  font-size:12.5px;
}
.history-card-page .meeting-card-detail-chips .ui-icon{
  font-size:12px;
}
.history-card-page .meeting-card-metrics span{
  font-size:12.5px;
  line-height:1.35;
}
.history-card-page .meeting-card-metrics strong{
  font-size:15px;
  line-height:1.35;
}
.history-card-page .meeting-card-preview>span{
  font-size:12px;
}
.history-card-page .meeting-card-preview p{
  font-size:15px;
  line-height:1.7;
}
.history-card-page .meeting-ai-ready,
.history-card-page .meeting-ai-muted,
.history-card-page .meeting-ai-link,
.history-card-page .meeting-card-status{
  font-size:12.5px;
  line-height:1.35;
}

/* Dashboard recent meetings */
.dashboard-grid .meeting-history-platform-wrap>span{
  font-size:11.5px;
}
.dashboard-grid .meeting-history-title{
  font-size:17px!important;
}
.dashboard-grid .meeting-history-detail-chips>span{
  min-height:30px;
  padding:6px 10px;
  font-size:12.5px;
}
.dashboard-grid .meeting-history-detail-chips .ui-icon{
  font-size:12px;
}
.dashboard-grid .meeting-history-copy p{
  font-size:14px;
  line-height:1.65;
}
.dashboard-grid .meeting-history-meta .meeting-history-duration strong{
  font-size:14px;
}
.dashboard-grid .meeting-history-meta>small,
.dashboard-grid .meeting-history-meta>span:not(.status-chip){
  font-size:12px;
  line-height:1.35;
}

/* Light theme contrast reinforcement for the same small-text surfaces */
html[data-theme="light"] .meeting-detail-page .meeting-summary-main p,
html[data-theme="light"] .meeting-detail-page .meeting-summary-stats span,
html[data-theme="light"] .meeting-detail-page .meeting-insights-title-wrap p,
html[data-theme="light"] .meeting-detail-page .meeting-insights-empty-copy p,
html[data-theme="light"] .meeting-detail-page .insight-updated,
html[data-theme="light"] .meeting-detail-page .insight-card-head p,
html[data-theme="light"] .meeting-detail-page .action-meta span,
html[data-theme="light"] .meeting-detail-page .history-count,
html[data-theme="light"] .meeting-detail-page .saved-utterance small,
html[data-theme="light"] .meeting-detail-page .saved-utterance time{
  color:color-mix(in srgb,var(--text) 76%,var(--muted));
}
html[data-theme="light"] .meeting-detail-page .saved-utterance p{
  color:var(--text);
}
html[data-theme="light"] .meeting-detail-page .saved-utterance.translation p{
  color:color-mix(in srgb,var(--bronze) 88%,#2a1800 12%);
}

/* Arabic needs a little more vertical breathing room with El Messiri. */
html[lang="ar"] .meeting-detail-page .meeting-summary-main p,
html[lang="ar"] .meeting-detail-page .meeting-insights-title-wrap p,
html[lang="ar"] .meeting-detail-page .meeting-summary-copy p,
html[lang="ar"] .meeting-detail-page .insight-point p,
html[lang="ar"] .meeting-detail-page .action-item-copy p,
html[lang="ar"] .meeting-detail-page .saved-utterance p{
  line-height:1.9;
}

@media(max-width:760px){
  .meeting-detail-page .meeting-summary-main h2{font-size:23px}
  .meeting-detail-page .meeting-summary-main p{font-size:13px}
  .meeting-detail-page .meeting-summary-stats span{font-size:11.5px}
  .meeting-detail-page .meeting-summary-stats strong{font-size:14px}
  .meeting-detail-page .meeting-insights-title-wrap h2{font-size:22px}
  .meeting-detail-page .meeting-insights-title-wrap p,
  .meeting-detail-page .meeting-insights-empty-copy p{font-size:13.5px}
  .meeting-detail-page .meeting-summary-copy p{font-size:15px}
  .meeting-detail-page .insight-card-head p{font-size:12.5px}
  .meeting-detail-page .insight-point p,
  .meeting-detail-page .action-item-copy p{font-size:14.5px}
  .meeting-detail-page .saved-utterance{max-width:98%;padding:15px 16px}
  .meeting-detail-page .saved-utterance small{font-size:11.5px}
  .meeting-detail-page .saved-utterance p{font-size:15.5px}
  .meeting-detail-page .saved-utterance time{font-size:11px}
  .history-card-page .meeting-card-detail-chips>span,
  .dashboard-grid .meeting-history-detail-chips>span{font-size:12px}
  .history-card-page .meeting-card-preview p{font-size:14.5px}
  .dashboard-grid .meeting-history-title{font-size:16px!important}
  .dashboard-grid .meeting-history-copy p{font-size:13.5px}
}

/* 2026-09 Translator unified full-width toolbar -------------------------------- */
.translator-page-head-grid{
  display:block;
}
.translator-page-head-grid .content-page-title{
  max-width:900px;
}
.translator-layout.translator-layout-wide{
  grid-template-columns:minmax(0,1fr);
  width:100%;
  flex:1;
  min-height:0;
}
.translator-stage.translator-stage-wide{
  width:100%;
  min-width:0;
  min-height:calc(100dvh - 205px);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.translator-toolbar-head{
  height:auto;
  min-height:72px;
  padding:10px 14px;
  gap:12px;
  background:color-mix(in srgb,var(--panel) 92%,var(--bg));
}
.translator-live-status{
  flex:0 0 auto;
  min-height:44px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:13px;
  background:color-mix(in srgb,var(--panel2) 76%,transparent);
  color:color-mix(in srgb,var(--text) 62%,var(--muted));
  font-size:12.5px;
}
.translator-live-status.live{
  border-color:color-mix(in srgb,var(--green) 28%,var(--line));
  background:color-mix(in srgb,var(--green) 7%,var(--panel));
}
.translator-toolbar{
  min-width:0;
  flex:1;
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.translator-toolbar-button,
.translator-toolbar-control{
  min-height:46px;
  border-radius:13px;
}
.translator-toolbar-button{
  padding:0 13px;
  white-space:nowrap;
  font-size:12.5px;
  gap:7px;
}
.translator-toolbar-button .ui-icon{
  width:15px;
  text-align:center;
  font-size:13px;
}
.translator-run-button{
  min-width:142px;
}
.translator-toolbar-control{
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 10px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--panel2) 82%,var(--panel));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 4%,transparent);
}
.translator-toolbar-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));
  background:color-mix(in srgb,var(--gold) 7%,var(--panel));
  color:var(--gold);
}
.translator-toolbar-icon .ui-icon{
  font-size:12px;
}
.translator-toolbar-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
}
.translator-toolbar-copy small{
  color:color-mix(in srgb,var(--text) 50%,var(--muted));
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.025em;
  white-space:nowrap;
}
.translator-toolbar-copy strong{
  margin-top:4px;
  color:var(--text);
  font-size:12.5px;
  font-weight:850;
  white-space:nowrap;
}
.translator-balance-control{
  min-width:128px;
}
.translator-balance-control strong{
  color:var(--gold-soft);
}
.translator-language-control{
  min-width:176px;
  cursor:pointer;
}
.translator-select-copy{
  flex:1;
}
.translator-toolbar-select{
  width:132px;
  max-width:100%;
  margin:2px 0 0;
  padding:0 20px 0 0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:850 12.5px/1.2 inherit;
  cursor:pointer;
}
html[dir="rtl"] .translator-toolbar-select{
  padding:0 0 0 20px;
  text-align:right;
}
.translator-toolbar-select:disabled{
  opacity:.58;
  cursor:not-allowed;
}
.translator-audio-control{
  gap:8px;
  padding-inline-end:11px;
}
.translator-audio-toggle{
  display:flex;
  align-items:center;
  gap:9px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
.translator-audio-toggle:hover .translator-toolbar-icon{
  border-color:color-mix(in srgb,var(--gold) 38%,var(--line));
  background:color-mix(in srgb,var(--gold) 11%,var(--panel));
}
.translator-audio-toggle.is-muted .translator-toolbar-icon{
  color:var(--red);
  border-color:color-mix(in srgb,var(--red) 24%,var(--line));
  background:color-mix(in srgb,var(--red) 7%,var(--panel));
}
.translator-volume-range{
  width:76px;
  height:18px;
  margin:0 0 0 2px;
  accent-color:var(--gold);
  cursor:pointer;
}
html[dir="rtl"] .translator-volume-range{
  margin:0 2px 0 0;
}
.translator-toolbar-button:disabled,
.translator-toolbar-control:has(select:disabled){
  opacity:.56;
}
.translator-stage-wide .translator-feed{
  padding:26px clamp(18px,2.4vw,34px);
}
.translator-stage-wide .utterance{
  max-width:min(820px,82%);
}
.translator-stage-wide .translator-footer{
  padding-inline:18px;
}
.translator-workspace.is-fullscreen .translator-page-head{
  display:none;
}
.translator-workspace.is-fullscreen .translator-layout.translator-layout-wide{
  height:100%;
}
.translator-workspace.is-fullscreen .translator-stage.translator-stage-wide{
  min-height:0;
  height:100%;
  border-radius:18px;
}

html[data-theme="light"] .translator-toolbar-head{
  background:color-mix(in srgb,var(--panel) 95%,var(--bg2));
}
html[data-theme="light"] .translator-live-status,
html[data-theme="light"] .translator-toolbar-control{
  background:color-mix(in srgb,var(--panel2) 62%,white);
  border-color:var(--line);
  box-shadow:0 3px 10px rgba(21,25,34,.025),inset 0 1px 0 rgba(255,255,255,.72);
}
html[data-theme="light"] .translator-toolbar-icon{
  background:color-mix(in srgb,var(--gold) 9%,white);
}
html[data-theme="light"] .translator-toolbar-copy small{
  color:color-mix(in srgb,var(--text) 62%,var(--muted));
}
html[data-theme="light"] .translator-balance-control strong{
  color:color-mix(in srgb,var(--bronze) 90%,black);
}
html[data-theme="light"] .translator-toolbar-select{
  color:var(--text);
}

@media(max-width:1280px){
  .translator-toolbar-head{
    align-items:flex-start;
  }
  .translator-live-status{
    margin-top:1px;
  }
  .translator-toolbar{
    justify-content:flex-start;
  }
  html[dir="rtl"] .translator-toolbar{
    justify-content:flex-start;
  }
  .translator-volume-range{
    width:64px;
  }
}

@media(max-width:900px){
  .translator-stage.translator-stage-wide{
    min-height:calc(100dvh - 190px);
  }
  .translator-toolbar-head{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:8px;
    padding:10px;
  }
  .translator-live-status{
    width:max-content;
    min-height:38px;
  }
  .translator-toolbar{
    width:100%;
    margin:0;
    padding-bottom:2px;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--gold) 25%,var(--line)) transparent;
  }
  .translator-toolbar>*{
    flex:0 0 auto;
  }
  .translator-toolbar-button,
  .translator-toolbar-control{
    min-height:44px;
  }
  .translator-run-button{
    min-width:auto;
  }
  .translator-audio-control{
    min-width:186px;
  }
}

@media(max-width:760px){
  .translator-page-head{
    padding-top:16px;
  }
  .translator-page-head-grid .content-page-title h1{
    font-size:27px;
  }
  .translator-page-head-grid .content-page-title p{
    font-size:12px;
    line-height:1.55;
  }
  .translator-layout.translator-layout-wide{
    padding:10px 12px 16px;
  }
  .translator-stage.translator-stage-wide{
    min-height:calc(100dvh - 170px);
    border-radius:18px;
  }
  .translator-toolbar-copy small{
    font-size:9px;
  }
  .translator-toolbar-copy strong,
  .translator-toolbar-select,
  .translator-toolbar-button{
    font-size:12px;
  }
  .translator-stage-wide .translator-feed{
    padding:20px 14px;
  }
  .translator-stage-wide .utterance{
    max-width:94%;
  }
}

@media(max-width:520px){
  .translator-toolbar-button{
    padding-inline:11px;
  }
  .translator-volume-range{
    width:54px;
  }
  .translator-audio-control{
    min-width:174px;
  }
  .translator-language-control{
    min-width:158px;
  }
  .translator-toolbar-select{
    width:116px;
  }
}

/* =========================================================
   Compact bilingual switch + icon-only sidebar logout
   ========================================================= */
.language-switch{
  gap:0;
  padding:4px;
}
.language-option.language-option-switch{
  min-height:34px;
  padding:0 11px;
  gap:8px;
  color:var(--text);
  border:1px solid color-mix(in srgb,var(--gold) 16%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 7%,var(--panel)),color-mix(in srgb,var(--bronze) 3%,var(--panel)));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent);
  font-size:13px;
  font-weight:850;
}
.language-option.language-option-switch:hover{
  color:var(--gold);
  border-color:color-mix(in srgb,var(--gold) 34%,var(--line));
  background:color-mix(in srgb,var(--gold) 10%,var(--panel));
  transform:translateY(-1px);
}
.language-flag-svg{
  width:24px;
  height:15px;
  display:block;
  flex:0 0 24px;
  border-radius:3px;
  overflow:hidden;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 9%,transparent),0 2px 5px rgba(0,0,0,.08);
}
.app-language-switch{
  min-height:46px;
  padding:4px;
}
.app-language-switch .language-option.language-option-switch{
  min-height:36px;
  padding-inline:12px;
  font-size:13px;
}
.site-language-switch .language-option.language-option-switch{
  min-height:30px;
  padding-inline:10px;
  font-size:12px;
}
html[data-theme="light"] .language-option.language-option-switch{
  color:var(--text);
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 7%,#fff),var(--panel));
  border-color:color-mix(in srgb,var(--gold) 20%,var(--line));
  box-shadow:0 2px 8px rgba(15,23,42,.035),inset 0 1px 0 #fff;
}
html[data-theme="light"] .language-option.language-option-switch:hover{
  color:var(--bronze);
  background:color-mix(in srgb,var(--gold) 10%,#fff);
}

.sidebar-logout-only{
  margin-top:10px;
  flex:0 0 auto;
  display:flex;
  justify-content:flex-start;
  align-items:center;
}
.sidebar-logout-only .sidebar-logout-form{
  margin:0;
}
.sidebar-logout.sidebar-logout-danger{
  width:44px;
  height:44px;
  padding:0;
  border-radius:13px;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:var(--danger);
  border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));
  background:color-mix(in srgb,var(--danger) 11%,var(--panel));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.sidebar-logout.sidebar-logout-danger .ui-icon{
  font-size:16px;
  color:inherit;
}
.sidebar-logout.sidebar-logout-danger:hover{
  color:var(--danger);
  border-color:color-mix(in srgb,var(--danger) 50%,var(--line));
  background:color-mix(in srgb,var(--danger) 17%,var(--panel));
  box-shadow:0 8px 22px color-mix(in srgb,var(--danger) 12%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);
  transform:translateY(-1px);
}
.sidebar-logout.sidebar-logout-danger:focus-visible{
  outline:3px solid color-mix(in srgb,var(--danger) 24%,transparent);
  outline-offset:2px;
}
html[data-theme="light"] .sidebar-logout.sidebar-logout-danger{
  color:var(--danger);
  background:color-mix(in srgb,var(--danger) 9%,#fff);
  border-color:color-mix(in srgb,var(--danger) 25%,var(--line));
}
html[data-theme="light"] .sidebar-logout.sidebar-logout-danger:hover{
  background:color-mix(in srgb,var(--danger) 14%,#fff);
}

@media(max-width:760px){
  .language-option.language-option-switch{
    padding-inline:9px;
  }
  .language-flag-svg{
    width:23px;
    height:14px;
    flex-basis:23px;
  }
  .language-switch-compact .language-label,
  .app-language-switch .language-label{
    display:none;
  }
  .language-switch-compact .language-option.language-option-switch,
  .app-language-switch .language-option.language-option-switch{
    width:36px;
    padding:0;
  }
}

/* 2026-09 Live pause + two-way spoken reply ---------------------------------- */
.translator-pause-button{
  border-color:color-mix(in srgb,var(--gold) 22%,var(--line));
  background:color-mix(in srgb,var(--gold) 6%,var(--panel2));
}
.translator-pause-button[aria-pressed="true"]{
  color:var(--gold-soft);
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  background:color-mix(in srgb,var(--gold) 12%,var(--panel));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 7%,transparent);
}
.translator-speak-button{
  min-width:112px;
  position:relative;
  overflow:hidden;
}
.translator-speak-button.is-speaking{
  background:linear-gradient(135deg,color-mix(in srgb,var(--red) 86%,#a90000),color-mix(in srgb,var(--red) 62%,var(--bronze)));
  border-color:color-mix(in srgb,var(--red) 72%,var(--line));
  color:#fff;
  box-shadow:0 8px 22px color-mix(in srgb,var(--red) 18%,transparent);
}
.translator-speak-button.is-speaking::after{
  content:"";
  position:absolute;
  inset:-45%;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  animation:meetosSpeakPulse 1.35s ease-out infinite;
  pointer-events:none;
}
@keyframes meetosSpeakPulse{
  0%{transform:scale(.25);opacity:.9}
  100%{transform:scale(1.15);opacity:0}
}
.translator-meeting-language-control{
  min-width:184px;
  border-color:color-mix(in srgb,var(--gold) 30%,var(--line));
  background:color-mix(in srgb,var(--gold) 7%,var(--panel2));
}
.translator-meeting-language-control .translator-toolbar-icon{
  color:var(--gold-soft);
  background:color-mix(in srgb,var(--gold) 11%,var(--panel));
}
.translator-meeting-language-control strong{
  font-size:14px;
  line-height:1.15;
  font-weight:900;
  color:var(--text);
  white-space:nowrap;
}
.translator-live-status:not(.live) #liveLabel{
  font-weight:800;
}
.translator-stage:has(.translator-pause-button[aria-pressed="true"]) .translator-toolbar-head{
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--gold) 22%,var(--line));
}
.translator-stage:has(.translator-speak-button.is-speaking) .translator-toolbar-head{
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--red) 28%,var(--line));
}
.reply-source{
  border-color:color-mix(in srgb,var(--gold) 28%,var(--line));
  background:color-mix(in srgb,var(--gold) 6%,var(--panel2));
}
.reply-source small,
.reply-translation small{
  font-weight:900;
  letter-spacing:.035em;
}
.reply-translation{
  border-color:color-mix(in srgb,var(--green) 24%,var(--line));
  background:color-mix(in srgb,var(--green) 5%,var(--panel2));
}
html[data-theme="light"] .translator-pause-button{
  background:color-mix(in srgb,var(--gold) 5%,white);
}
html[data-theme="light"] .translator-meeting-language-control{
  background:color-mix(in srgb,var(--gold) 6%,white);
}
html[data-theme="light"] .reply-source{
  background:color-mix(in srgb,var(--gold) 5%,white);
}
html[data-theme="light"] .reply-translation{
  background:color-mix(in srgb,var(--green) 4%,white);
}
@media(max-width:900px){
  .translator-meeting-language-control{min-width:170px}
  .translator-speak-button{min-width:102px}
}
@media(max-width:520px){
  .translator-meeting-language-control{min-width:158px}
  .translator-speak-button{min-width:94px}
}
@media(prefers-reduced-motion:reduce){
  .translator-speak-button.is-speaking::after{animation:none}
}

/* 2026-09 Mobile topbar simplification ------------------------------------- */
.topbar-desktop-preferences{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.mobile-topbar-menu{display:none}

@media(max-width:760px){
  .account-topbar{
    min-height:70px;
    height:70px;
    padding:10px 12px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:0;
  }
  .account-topbar .topbar-actions{
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    overflow:visible;
    direction:ltr;
  }
  .topbar-desktop-preferences{display:none}

  /* Requested visual order: profile, time, notifications, then menu. */
  .account-topbar .profile-chip{order:1}
  .account-topbar .minutes-badge{order:2}
  .account-topbar .notification-center{order:3}
  .account-topbar .mobile-topbar-menu{order:4;margin-left:auto}

  .account-topbar .profile-chip{
    min-height:44px;
    height:44px;
    width:auto;
    max-width:118px;
    margin:0;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    grid-template-columns:none;
    gap:0;
    white-space:nowrap;
  }
  .account-topbar .profile-chip-avatar,
  .account-topbar .profile-chip-copy small,
  .account-topbar .profile-chip-chevron{display:none}
  .account-topbar .profile-chip-copy{min-width:0;line-height:1;display:block}
  .account-topbar .profile-chip-copy strong{
    display:block;
    max-width:94px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    font-weight:850;
    color:var(--text);
    direction:auto;
  }

  .account-topbar .minutes-badge{
    display:flex;
    min-height:44px;
    height:44px;
    margin:0;
    padding:5px 10px 5px 5px;
    gap:7px;
    border-radius:13px;
  }
  .account-topbar .minutes-badge-icon{
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:10px;
  }
  .account-topbar .minutes-badge-copy strong{
    font-size:12.5px;
    line-height:1;
  }
  .account-topbar .minutes-badge-copy small{display:none}

  .account-topbar .notification-bell{
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .mobile-topbar-menu{
    display:block;
    position:relative;
    flex:0 0 auto;
  }
  .mobile-topbar-menu>summary{list-style:none}
  .mobile-topbar-menu>summary::-webkit-details-marker{display:none}
  .mobile-topbar-menu-toggle{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:13px;
    color:var(--text);
    background:var(--panel);
    box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent),0 5px 18px rgba(0,0,0,.08);
    cursor:pointer;
    transition:.18s ease;
  }
  .mobile-topbar-menu-toggle .ui-icon{font-size:17px}
  .mobile-topbar-menu[open] .mobile-topbar-menu-toggle{
    color:var(--gold);
    border-color:color-mix(in srgb,var(--gold) 36%,var(--line));
    background:color-mix(in srgb,var(--gold) 8%,var(--panel));
  }
  .mobile-topbar-menu-panel{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    z-index:80;
    width:min(318px,calc(100vw - 24px));
    padding:8px;
    display:grid;
    gap:5px;
    border:1px solid color-mix(in srgb,var(--gold) 16%,var(--line));
    border-radius:18px;
    background:color-mix(in srgb,var(--panel) 97%,transparent);
    box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);
    backdrop-filter:blur(20px);
    direction:ltr;
  }
  .mobile-topbar-menu-row{
    min-height:58px;
    padding:8px 9px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    border:1px solid transparent;
    border-radius:13px;
    color:var(--text);
    background:transparent;
  }
  a.mobile-topbar-menu-row:hover{
    border-color:color-mix(in srgb,var(--gold) 18%,var(--line));
    background:color-mix(in srgb,var(--gold) 6%,var(--panel2));
  }
  .mobile-topbar-menu-row-icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:var(--gold);
    background:color-mix(in srgb,var(--gold) 10%,var(--panel2));
    border:1px solid color-mix(in srgb,var(--gold) 15%,var(--line));
  }
  .mobile-topbar-menu-row-icon .ui-icon{font-size:14px}
  .mobile-topbar-menu-row>span:nth-child(2){min-width:0}
  .mobile-topbar-menu-row strong,
  .mobile-topbar-menu-row small{display:block}
  .mobile-topbar-menu-row strong{font-size:13.5px;line-height:1.2;font-weight:850}
  .mobile-topbar-menu-row small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.2}
  .mobile-topbar-profile-link>.ui-icon{font-size:11px;color:var(--muted)}

  .mobile-menu-language-switch{
    min-height:40px;
    padding:3px;
    border-radius:11px;
  }
  .mobile-menu-language-switch .language-option.language-option-switch{
    min-height:32px;
    width:auto;
    padding:0 8px;
    gap:6px;
    border-radius:9px;
  }
  .mobile-menu-language-switch .language-label{
    display:inline!important;
    font-size:12px;
  }
  .mobile-menu-language-switch .language-flag-svg{
    width:22px;
    height:14px;
    flex-basis:22px;
  }
  .mobile-menu-theme-toggle{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:11px;
  }

  html[dir="rtl"] .mobile-topbar-menu-panel{
    direction:rtl;
    text-align:right;
  }
  html[dir="rtl"] .mobile-topbar-profile-link>.ui-icon{transform:rotate(180deg)}

  /* Keep the notification popover below the compact 70px header. */
  .notification-popover{top:76px}
}

@media(max-width:430px){
  .account-topbar{padding-inline:9px}
  .account-topbar .topbar-actions{gap:5px}
  .account-topbar .profile-chip{max-width:92px;padding-inline:9px}
  .account-topbar .profile-chip-copy strong{max-width:74px;font-size:12px}
  .account-topbar .minutes-badge{padding-right:7px;gap:5px}
  .account-topbar .minutes-badge-copy strong{font-size:11.5px}
  .account-topbar .minutes-badge-icon{width:30px;height:30px;flex-basis:30px}
  .account-topbar .notification-bell,
  .mobile-topbar-menu-toggle{width:42px;height:42px}
  .mobile-topbar-menu-panel{right:-2px}
}