:root{color-scheme:light;--bg:#f5f6f8;--ink:#202838;--muted:#778090;--line:#e6e9ef;--accent:#527448;--accent-light:#edf3e9;--nav:#15261f}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.8}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 15px;color:var(--ink);text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:#a8b9a1;background:#f4f7f1}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#43613b;color:white}.danger{color:#a53939;border-color:#ecc9c9}.muted,.footnote{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.55}h2{font-size:17px}h3{font-size:14px;margin:20px 0 8px}small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:var(--nav);color:#ecf2ed;padding:30px 20px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-family:"Segoe UI",sans-serif;font-size:22px;letter-spacing:-.5px}.brand small{display:block;color:#94ab9b}.brand-mark{width:43px;height:43px;border-radius:13px;background:#daebd2;color:#263f29;display:grid;place-items:center;font:bold 30px Georgia,serif}.nav-label{font-size:11px;color:#94ab9b;margin:44px 10px 12px}nav{display:grid;gap:9px}nav button{border:0;background:transparent;text-align:right;color:#b5c6bc;display:flex;align-items:center;justify-content:space-between;padding:12px}nav button.selected{background:#30493a;color:#fff}nav button:hover{background:#243b2e;color:#fff}nav span{font-size:19px;color:#9eb692}.aside-bottom{margin-top:auto;padding-top:70px;font-size:12px}.aside-bottom small{display:block;margin:7px 0 17px;color:#94ab9b}.aside-bottom button{background:transparent;border-color:#3c5145;color:#c0cec4;font-size:12px;width:100%}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#a4c58f;margin-left:7px}main{padding:32px 38px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font:10px "Segoe UI",sans-serif;letter-spacing:2px;color:var(--muted);margin-bottom:7px;direction:ltr;text-align:right}.header-actions{display:flex;align-items:center;gap:12px}.pill{font-size:11px;border:1px solid var(--line);background:#fff;padding:5px 12px;border-radius:100px;white-space:nowrap}.notice{display:flex;gap:14px;border:1px solid #e5ddbd;background:#faf8ed;padding:16px 19px;border-radius:12px;margin-bottom:24px;color:#6e6240}.notice>span{font-size:23px}.notice strong{font-size:13px}.notice p{font-size:12px;color:#8a7c56;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stats article,.card{background:#fff;border:1px solid var(--line);border-radius:14px}.stats article{padding:20px}.stats span{color:var(--muted);font-size:12px;display:block}.stats strong{display:block;font-size:34px;line-height:1.5;margin:8px 0;font-weight:500}.stats .status-word{font-size:22px;color:#967932;min-height:51px;display:flex;align-items:center}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:24px}.card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.card-head p,.section-head p,.next-card p{font-size:12px;color:var(--muted);margin-top:4px}.route{text-align:center;display:flex;flex-direction:column;align-items:center;padding:2px 0}.route>div{padding:12px;width:80%;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.route b{font-size:13px;display:block}.route span{font-size:12px;display:block}.route small{font-size:10px}.route .route-focus{border-color:#c7d9bd;background:#f2f6ef}.route i{font-style:normal;color:#a4b39f;font-size:11px;padding:5px}.service-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.service-item b{font-family:"Segoe UI",sans-serif;font-weight:500;direction:ltr}.badge{font-size:11px;border-radius:6px;padding:3px 9px;background:#f2f3f6;color:#808896}.badge.active{background:var(--accent-light);color:var(--accent)}.badge.off{background:#fbf0ee;color:#a26454}.footnote{font-size:11px;margin-top:18px}.next-card{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:8px 0 20px}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:16px 20px;text-align:right;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);font-weight:normal;background:#fbfcfd}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.ltr{direction:ltr;text-align:left}td .ltr{display:inline-block}.row-actions{display:flex;gap:7px}.row-actions button{padding:4px 9px;font-size:11px}.empty{padding:35px;text-align:center;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{padding:22px;border-top:3px solid #9fb692}.plan-card .card-head{margin-bottom:17px}.plan-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.plan-details span{font-size:11px;display:block;color:var(--muted)}.plan-details b{font-size:18px;font-weight:500}.plan-card .row-actions{margin-top:17px}.domain-chips{display:flex;flex-wrap:wrap;gap:5px}.domain-chip{font-size:10px;padding:3px 8px;background:#f1f4ef;border-radius:5px;direction:ltr}form label{display:block;font-size:12px;color:#657083;margin-bottom:16px}input,select{display:block;width:100%;border:1px solid #dce1e8;background:#fff;padding:10px 12px;border-radius:8px;color:var(--ink);margin-top:6px;outline:none}input:focus,select:focus{border-color:#8daa7e;box-shadow:0 0 0 3px #edf3e9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{display:flex;align-items:center;gap:8px;margin-bottom:10px}.checkbox input{width:17px;height:17px;display:inline;margin:0;accent-color:var(--accent)}.check-list{max-height:180px;overflow:auto;padding:12px;background:#f8f9fa;border:1px solid var(--line);border-radius:8px;margin:8px 0 20px}.download-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.download-row strong{font-size:12px}.download-row p{font-size:11px;color:var(--muted)}.download-row .button{font-size:11px;white-space:nowrap}.history-row{font-size:11px;display:flex;justify-content:space-between;padding:7px 0;color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:10px;color:#939aa7;margin-top:35px}footer span:first-child{font-family:"Segoe UI",sans-serif;letter-spacing:1px}.message{padding:12px 16px;border-radius:9px;background:#eaf3e5;color:#46613b;margin-bottom:20px;font-size:12px}.message.error{background:#fbebeb;color:#9a3838}.error{font-size:12px;color:#a34242;min-height:20px;margin-top:8px}dialog{border:1px solid var(--line);border-radius:16px;padding:26px;width:min(520px,calc(100% - 32px));max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#16261fb3;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head button{border:0;font-size:24px;padding:0 6px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#dce8d7,transparent 60%),#f5f6f8;padding:24px}.login-card{width:min(440px,100%);padding:42px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px #19301c0b}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:24px;margin:14px 0}.login-card .muted{font-size:13px;margin-bottom:30px}.login-card .primary{width:100%;margin-top:4px}.login-card small{display:block;text-align:center;margin-top:18px}button:focus-visible,a:focus-visible{outline:3px solid #a6bf97;outline-offset:3px}@media(max-width:1100px){main{padding:25px}.shell{grid-template-columns:195px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{display:block}aside{min-height:0;padding:16px}.brand{margin-bottom:14px}.nav-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:5px}nav button{font-size:11px;white-space:nowrap;padding:8px}nav span{display:none}main{padding:20px 16px}.two-columns,.plan-grid{grid-template-columns:1fr}.stats{gap:10px}.stats article{padding:15px}h1{font-size:22px}.header-actions{gap:6px}.header-actions button{font-size:11px;padding:7px}.card{padding:18px}.table-card{padding:0}.notice{padding:13px}.notice p{font-size:11px}.section-head{align-items:flex-start}.section-head .primary{font-size:11px;white-space:nowrap;padding:8px 10px}.next-card{gap:14px;align-items:flex-start}.next-card button{font-size:11px;white-space:nowrap}.form-grid{grid-template-columns:1fr}.download-row{flex-wrap:wrap}}

/* Retro console / v0.2 */
:root{--bg:#f4efdf;--ink:#362c24;--muted:#8a7c66;--line:#ddd2b9;--accent:#c36a3c;--accent-light:#eee8d4;--nav:#343e30;--olive:#75804e;--ochre:#bf9947}
body{font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand strong{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;letter-spacing:-.6px}h1{font-size:34px;font-weight:650}h2{font-size:18px;font-weight:650}button,input,select{font-weight:500}button,.button{border-radius:7px;padding:10px 16px;background:#fbf8ee;transition:background .15s}button:hover,.button:hover{background:#ebe4d0;border-color:#b4a381}.primary{background:var(--accent);border-color:var(--accent);color:#fff6e5}.primary:hover{background:#a85330}.shell{grid-template-columns:235px minmax(0,1fr)}aside{padding:30px 22px}.brand-mark{font-family:Georgia,serif;background:#e0c994;border-radius:9px;color:#343e30;letter-spacing:-5px;padding-right:5px}.brand strong{font-size:24px}.brand small{font:9px Consolas,monospace;letter-spacing:1.2px;margin-top:5px;color:#bcbea2}.nav-label{font:10px Consolas,monospace;color:#a9ad94;letter-spacing:1px}nav button{text-align:left;justify-content:flex-start;gap:14px;color:#cbd0b7;border-radius:7px}nav button.selected{background:#556144;color:#fff5d8}nav button:hover{background:#46513b}nav span{font-size:18px}.aside-bottom small{font:9px Consolas,monospace;letter-spacing:1px;margin-top:10px;color:#a9ad94}.aside-bottom button{border-color:#647057}.dot{margin:0 8px 0 0;background:#c2c58b}.eyebrow{text-align:left;font:10px Consolas,"Courier New",monospace;letter-spacing:1.5px;color:#998467}.header-actions{gap:9px}.pill{background:#f9f4e6;font:11px Consolas,monospace;border-color:var(--line)}.live-pill{font:10px Consolas,monospace;letter-spacing:.5px;padding:7px 10px;border:1px solid #a9b58a;border-radius:6px;color:#59623e;background:#ececd7}.live-pill.stale{color:#a55435;background:#f5e2c8;border-color:#d9b58d}main{padding:32px 35px}.notice{background:#eee4c7;border-color:#dbcea7;color:#776342;padding:13px 17px;margin-bottom:22px;border-radius:8px}.notice strong{font-weight:600;font-size:13px}.notice p{font-size:12px;color:#917b54}.notice>span{font-size:20px}.stats article,.card{background:#faf7ee;border-radius:10px;border-color:var(--line);box-shadow:0 3px 0 #e5dcc5}.stats article{border-top:3px solid var(--ochre);padding:17px 20px}.stats article:nth-child(2){border-top-color:var(--olive)}.stats article:nth-child(3){border-top-color:var(--accent)}.stats article:nth-child(4){border-top-color:#687f80}.stats span,.usage-stats span{font:10px Consolas,monospace;letter-spacing:.9px}.stats strong{font-size:35px;font-weight:600;font-variant-numeric:tabular-nums;margin:7px 0}.stats small{font-size:11px;color:#938770}.card{padding:22px}.telemetry-title{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 15px}.telemetry-title .muted{font:11px Consolas,monospace}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.chart-head strong{font:18px Consolas,monospace;color:var(--accent)}.chart{height:115px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%;display:block}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;border:1px dashed #d6c9ab;border-radius:6px;font-size:12px;color:var(--muted);text-align:center;padding:12px}.chart-caption{font:10px Consolas,monospace;color:var(--muted);margin-top:12px}.legend{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px}.legend.download{background:#76824c}.legend.upload{background:#c36a3c;margin-left:8px}#interface-select{font:10px Consolas,monospace;padding:4px 7px;width:auto;position:absolute;top:52px;left:22px;margin:0;z-index:1}.chart-card{position:relative}.chart-card:has(#interface-select) .chart{padding-top:22px}.service-item{padding:10px 0}.badge{font-size:10px;background:#ece6d6;color:#8d826c}.badge.active{background:#e4e7cc;color:#5d673b}.badge.off{background:#f3dfcb;color:#9c5939}.next-card{background:#eae8d6;border-color:#ccc9ac}.next-card p,.section-head p,.card-head p{font-size:12px;color:var(--muted)}.card-head{margin-bottom:15px}.footnote{font-size:11px;line-height:1.6}.table-card{padding:0}th,td{text-align:left;border-color:var(--line);padding:16px 18px}th{font:10px Consolas,monospace;text-transform:uppercase;letter-spacing:.6px;background:#efeadb}td{font-size:12px}td .ltr{font:12px Consolas,monospace}.row-actions button{font-size:11px;padding:5px 8px}.plan-card{border-top:3px solid #c36a3c}.plan-details b{font-size:20px;font-variant-numeric:tabular-nums}.domain-chip{font:10px Consolas,monospace;background:#ece9d8;padding:5px 8px}.plan-details span{font-size:11px}.client-usage{margin-bottom:22px}.client-usage .card-head select{width:220px;margin:0}.usage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.usage-stats span{display:block;color:var(--muted);font-size:9px}.usage-stats strong{display:block;font-size:24px;font-weight:600;margin-top:7px;font-variant-numeric:tabular-nums}.wide-chart{height:170px}.usage-quota{margin-top:16px;display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}progress{height:7px;width:50%;accent-color:var(--olive)}input,select{background:#fffcf5;border-color:#d3c7aa;color:var(--ink);border-radius:6px;font-size:13px}input:focus,select:focus{border-color:#bd8f58;box-shadow:0 0 0 3px #f2e6cc}form label{color:#7e705d;font-size:12px}.checkbox input{accent-color:var(--accent)}.check-list{background:#f2eddf;border-color:var(--line)}.message{background:#e3e7d0;color:#5b673d;border:1px solid #c3cd9f}.message.error{background:#f3dfcf;color:#9a4d30;border-color:#dab697}.download-row strong{font-size:13px}.history-row{font:11px Consolas,monospace}.danger{color:#ae542f;border-color:#d9b497}.login-shell{background:radial-gradient(ellipse at top left,#e9d5a8,transparent 60%),#f4efdf}.login-card{background:#faf7ee;border-color:#d7c9a9;border-radius:12px;box-shadow:9px 9px 0 #d4c6a866}.login-card h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:24px 0}.login-card .brand-mark{margin-bottom:26px}.login-card .eyebrow{font:10px Consolas,monospace}.login-card small{font-size:10px}.login-card .primary{margin-top:10px}dialog{background:#faf7ee;border-radius:12px;border-color:#d2c29f}dialog::backdrop{background:#343e30aa}.dialog-head button{background:transparent}.dialog-actions{gap:10px}footer{font:9px Consolas,monospace;letter-spacing:1px;color:#998c74}button:focus-visible,a:focus-visible{outline-color:#caa56d}.error{color:#a85434}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}main{padding:26px}.chart-grid{grid-template-columns:1fr 1fr}.chart-card:last-child{grid-column:1/-1}.header-actions{flex-wrap:wrap;justify-content:flex-end}.live-pill{font-size:9px}}
@media(max-width:800px){.shell{display:block}main{padding:22px 16px}aside{padding:16px 18px}.chart-grid,.two-columns,.plan-grid{grid-template-columns:1fr}.chart-card:last-child{grid-column:auto}.chart{height:130px}.header-actions{max-width:170px}.header-actions .pill{display:none}h1{font-size:28px}.stats strong{font-size:29px}.stats span{font-size:9px}.telemetry-title{align-items:flex-start;gap:10px}.telemetry-title .muted{max-width:150px;text-align:right;font-size:9px}.usage-stats{grid-template-columns:1fr 1fr;gap:18px}.client-usage .card-head{flex-wrap:wrap}.client-usage .card-head select{width:100%}.usage-quota{flex-wrap:wrap;gap:8px}progress{width:100%}.next-card{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}footer span:last-child{max-width:175px;text-align:right}nav{gap:5px}nav button{padding:9px 12px}}

/* BolteAction v0.3 — faded red, steel blue and warm paper */
:root{--bg:#f2eadd;--ink:#372e30;--muted:#897977;--line:#daccc1;--accent:#ad494b;--accent-light:#eed8d4;--nav:#293e52;--olive:#426888;--ochre:#ac5b5e}
body{background:#f2eadd}aside{background:#293e52}.brand-mark{background:#e6bdaf;color:#693b42}.brand small,.nav-label,.aside-bottom small{color:#a7b6c4}nav button{color:#c0ccda}nav button.selected{background:#42617c;color:#fff0e2}nav button:hover{background:#35516b}.aside-bottom button{border-color:#526d84;color:#c9d4df}.dot{background:#b96767}.primary{background:#ad494b;border-color:#ad494b;color:#fff4e8}.primary:hover{background:#913c42}.notice{background:#eee0d2;border-color:#d9beb4;color:#795653}.notice p{color:#9a7470}.stats article{border-top-color:#ac5b5e}.stats article:nth-child(2){border-top-color:#426888}.stats article:nth-child(3){border-top-color:#bb7c76}.stats article:nth-child(4){border-top-color:#7892a8}.stats article,.card{background:#faf4eb;border-color:#daccc1;box-shadow:0 3px 0 #e3d6c9}.badge.active{background:#dae4ed;color:#42617c}.badge.off{background:#efd6d0;color:#a75456}.pill{background:#f7eee4}.live-pill{background:#e1e8ed;color:#48647d;border-color:#adbfcc}.live-pill.stale{color:#ad494b;background:#f0dcd6;border-color:#d4aaa4}.next-card{background:#e4e6e7;border-color:#bec9d1}.message{background:#dce5ed;color:#42617c;border-color:#b2c5d2}.message.error{background:#efd6d0;color:#ad494b;border-color:#d5aaa3}.domain-chip{background:#e3e8eb}.plan-card{border-top-color:#ad494b}.legend.download{background:#426888}.legend.upload{background:#ad494b}.chart-head strong{color:#ad494b}progress{accent-color:#426888}.checkbox input{accent-color:#ad494b}input:focus,select:focus{border-color:#859eb2;box-shadow:0 0 0 3px #e4e9ec}.check-list{background:#f2e7de}.login-shell{background:radial-gradient(ellipse at top left,#d5dee7,transparent 62%),#f2eadd}.login-card{background:#faf4eb;border-color:#cfb9af;box-shadow:9px 9px 0 #bccbd766}.route-focus{border-color:#b3c5d3!important;background:#e1e8ed!important}.danger{color:#ad494b;border-color:#d4aaa4}.security-note{font-size:11px;color:#48647d}.udp-strip{display:flex;align-items:center;gap:25px;padding:15px 20px;background:#e4e9eb;border:1px solid #bfccd5;border-radius:9px;margin-bottom:25px}.udp-strip>div{display:flex;align-items:center;gap:9px;white-space:nowrap}.udp-strip strong{font:22px Consolas,monospace;color:#42617c}.udp-strip small{font-size:10px}.udp-strip p{font-size:10px;color:#758495;max-width:260px;margin-left:auto}.protocol-tag{font:10px Consolas,monospace;color:#48647d;background:#d4dfe7;border-radius:5px;padding:6px 9px}.permission-chips{display:flex;gap:4px;flex-wrap:wrap}.permission-chip{font:9px Consolas,monospace;background:#e3e8eb;border-radius:4px;padding:4px 6px}.metric-icon{display:inline-flex;width:25px;height:25px;color:#ad494b;vertical-align:middle;margin-right:9px;align-items:center}.metric-icon[data-icon=ram]{color:#426888}.metric-icon[data-icon=network]{color:#ad494b}.metric-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.metric-icon svg .icon-detail{animation:icon-signal 2.5s ease-in-out infinite;transform-origin:center}.metric-icon[data-icon=ram] svg .icon-detail{animation-delay:.5s}.metric-icon[data-icon=network] svg .icon-detail{animation-delay:1s}.chart svg path{stroke-dasharray:100;animation:trace-in .55s ease-out both}.workspace-enter{animation:workspace-in .3s cubic-bezier(.2,.7,.3,1) both}.header-actions{flex-wrap:wrap}#account-badge{max-width:150px;overflow:hidden;text-overflow:ellipsis}.mouse-halo{position:fixed;left:0;top:0;width:38px;height:38px;border:1px solid #ad494b66;border-radius:50%;pointer-events:none;z-index:1000;opacity:0;transition:opacity .25s, width .2s,height .2s;will-change:transform}.mouse-halo.active{opacity:1}.mouse-halo.hovering{width:48px;height:48px;border-color:#42688888}.card,button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:#b4c1ca;box-shadow:0 5px 0 #d8dfe455}button:hover{transform:translateY(-1px)}.header-actions button:hover{transform:none}.cursor-light{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(220px circle at var(--mouse-x,-500px) var(--mouse-y,-500px),#b4534910,transparent 75%)}.shell,.login-shell{position:relative;z-index:1}#remote-chart{height:190px}@keyframes workspace-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes trace-in{from{stroke-dashoffset:100;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes icon-signal{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:1150px){.udp-strip{gap:13px;flex-wrap:wrap}.udp-strip p{max-width:100%;margin-left:0}.header-actions{max-width:340px}}@media(max-width:800px){.udp-strip{gap:13px;padding:13px}.udp-strip>div{font-size:10px}.udp-strip strong{font-size:18px}.header-actions{max-width:190px}#account-badge{display:none}.mouse-halo,.cursor-light{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mouse-halo,.cursor-light{display:none}.chart svg path{stroke-dasharray:none}button:hover{transform:none}}
nav span{color:#a9bfd0}dialog::backdrop{background:#293e52b3}

/* Beta 0.3.1: only the working content scrolls. */
body{height:100dvh;overflow:hidden}.shell{height:100dvh;min-height:0;overflow:hidden}aside{height:100dvh;min-height:0;overflow-y:auto;flex-shrink:0}main{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain}.aside-bottom{padding-top:22px}.service-controls{margin-bottom:24px}#restart-result{margin-top:14px;color:var(--muted)}#login{height:100dvh;overflow-y:auto}
@media(max-width:800px){.shell{display:flex;flex-direction:column}aside{height:auto;min-height:0;max-height:42dvh;flex-shrink:0}main{height:auto;flex:1;min-height:0}.aside-bottom{padding-top:8px}}

/* Opposite retro hue on colored surfaces. */
.mouse-halo{--halo-color:#ad494b99;border-color:var(--halo-color);transition:opacity .25s,width .2s,height .2s,border-color .18s,box-shadow .18s}
.mouse-halo[data-tone=blue]{--halo-color:#426888cc;box-shadow:0 0 16px #42688822}
.mouse-halo[data-tone=red]{--halo-color:#c45659bb;box-shadow:0 0 16px #c4565922}
.mouse-halo.hovering{border-color:var(--halo-color)}
.cursor-light[data-tone=blue]{background:radial-gradient(220px circle at var(--mouse-x,-500px) var(--mouse-y,-500px),#42688814,transparent 75%)}
.cursor-light[data-tone=red]{background:radial-gradient(220px circle at var(--mouse-x,-500px) var(--mouse-y,-500px),#c4565914,transparent 75%)}

/* Retro orbit: eased ring, fading comet trail and click sonar. */
.mouse-halo{width:44px;height:44px;border:0!important;box-shadow:none!important;transition:opacity .2s;mix-blend-mode:normal}
.mouse-halo::before{content:"";position:absolute;inset:0;border:1.5px solid var(--halo-color);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:cursor-orbit 3s linear infinite;transition:inset .2s,border-color .18s;filter:drop-shadow(0 0 4px var(--halo-color))}
.mouse-halo::after{content:"";position:absolute;inset:9px;border:1px dotted var(--halo-color);border-radius:50%;opacity:.65;animation:cursor-orbit 5s linear infinite reverse;transition:inset .2s}
.mouse-halo.hovering{width:44px;height:44px}.mouse-halo.hovering::before{inset:-6px}.mouse-halo.hovering::after{inset:5px}
.cursor-spark{position:fixed;left:0;top:0;width:var(--spark-size);height:var(--spark-size);margin-left:-3px;margin-top:-3px;border-radius:50%;background:#c45659;box-shadow:0 0 8px #c4565955;pointer-events:none;z-index:999;opacity:0;will-change:transform}
.cursor-spark[data-tone=blue]{background:#426888;box-shadow:0 0 8px #42688855}
.cursor-wave{position:fixed;width:14px;height:14px;border:2px solid #c45659;border-radius:50%;pointer-events:none;z-index:1001;animation:cursor-sonar .55s ease-out forwards}
.cursor-wave[data-tone=blue]{border-color:#426888}
@keyframes cursor-orbit{to{transform:rotate(360deg)}}
@keyframes cursor-sonar{from{transform:translate(-50%,-50%) scale(.4);opacity:.9}to{transform:translate(-50%,-50%) scale(5);opacity:0}}
@media(max-width:800px),(pointer:coarse),(prefers-reduced-motion:reduce){.mouse-halo,.cursor-light,.cursor-spark,.cursor-wave{display:none!important}}

/* Polished motion: velocity stretch and quiet retro sparkle. */
.mouse-halo::before{border-width:1.4px;border-left-color:var(--halo-color);border-right-color:var(--halo-color);border-top-color:transparent;border-bottom-color:transparent;animation:cursor-drift 3.8s linear infinite;filter:none;opacity:.85}
.mouse-halo::after{inset:16px;border:0;background:var(--halo-color);opacity:.8;animation:none;box-shadow:0 0 10px var(--halo-color);transition:inset .2s,opacity .2s}
.mouse-halo.hovering::before{inset:2px;border-style:dashed;border-width:1px;opacity:1}
.mouse-halo.hovering::after{inset:18px;opacity:.55}
.cursor-spark{border-radius:2px;box-shadow:none!important;opacity:.65}
.cursor-wave{border-width:1px;animation:cursor-sonar-refined .65s cubic-bezier(.16,1,.3,1) forwards}
.cursor-wave::after{content:"";position:absolute;inset:4px;border:1px dotted currentColor;border-radius:50%;opacity:.45}
.cursor-wave{color:#c45659}.cursor-wave[data-tone=blue]{color:#426888}
@keyframes cursor-drift{from{transform:rotate(var(--cursor-angle,0rad)) scale(var(--cursor-wide,1),var(--cursor-narrow,1)) rotate(0deg)}to{transform:rotate(var(--cursor-angle,0rad)) scale(var(--cursor-wide,1),var(--cursor-narrow,1)) rotate(360deg)}}
@keyframes cursor-sonar-refined{0%{transform:translate(-50%,-50%) scale(.6);opacity:.75}100%{transform:translate(-50%,-50%) scale(4.5);opacity:0}}

/* Workspace transitions: sliding selection and gentle content choreography. */
nav button{position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s}
nav button::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:#dc9090;transform:scaleY(0);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}
nav button.selected::before{transform:scaleY(1);opacity:1}
nav button span{transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s}
nav button.selected span{transform:scale(1.12);color:#f1bdad}
.page{isolation:isolate}
@media(prefers-reduced-motion:reduce){nav button span{transform:none}}

/* Full-width scroll container keeps Chrome's scrollbar at the window edge. */
main{max-width:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#426888 #e8dfd3}
main::-webkit-scrollbar,aside::-webkit-scrollbar,#login::-webkit-scrollbar{width:12px;height:10px}
main::-webkit-scrollbar-track,#login::-webkit-scrollbar-track{background:#e8dfd3;border-left:1px solid #daccc1}
main::-webkit-scrollbar-thumb,#login::-webkit-scrollbar-thumb{border:3px solid #e8dfd3;border-radius:12px;background:linear-gradient(180deg,#6786a1,#426888);background-clip:padding-box}
main::-webkit-scrollbar-thumb:hover,main.is-scrolling::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cc7777,#ad494b);background-clip:padding-box}
main.is-scrolling{scrollbar-color:#ad494b #e8dfd3}
aside{scrollbar-width:thin;scrollbar-color:#b97173 #293e52}
aside::-webkit-scrollbar-track{background:#293e52}aside::-webkit-scrollbar-thumb{background:#b97173;border:3px solid #293e52;border-radius:12px}
.scroll-meter{position:fixed;right:1px;top:0;width:3px;height:100dvh;pointer-events:none;z-index:1100;transform:scaleY(var(--scroll-progress,0));transform-origin:top;background:linear-gradient(180deg,#426888,#c45659);opacity:0;transition:transform .15s linear,opacity .3s;box-shadow:0 0 8px #ad494b55}
.scroll-meter.active{opacity:.85}
@media(prefers-reduced-motion:reduce){.scroll-meter{display:none}}

/* Shared Clients workspace group. */
.nav-group{border:1px solid #57708755;border-radius:10px;background:#ffffff04}
.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:11px 12px;color:#e5dacf;font-weight:600;font-size:13px}
.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:focus-visible{outline:2px solid #dc9090;outline-offset:2px;border-radius:8px}
.group-chevron{margin-left:auto;transition:transform .2s}.nav-group:not([open]) .group-chevron{transform:rotate(-90deg)}
.nav-children{display:grid;gap:4px;padding:0 6px 7px 15px}.nav-children button{font-size:12px;padding:9px 10px!important}.nav-children button span{font-size:16px}
@media(max-width:800px){.nav-group{flex-shrink:0}.nav-group summary{padding:7px 10px}.nav-children{display:flex;padding:0 5px 5px;gap:3px}.nav-children button{white-space:nowrap}}

.sell-setup-tabs{display:flex;gap:5px;padding:5px;border:1px solid #daccc1;border-radius:12px;background:#e8dfd3;margin-bottom:22px;width:fit-content}
.sell-setup-tabs button{background:transparent;border-color:transparent;padding:9px 22px;color:#897977;transition:background .25s,color .25s,box-shadow .25s}
.sell-setup-tabs button.selected{background:#426888;color:#fff5e8;border-color:#426888;box-shadow:0 3px 8px #293e5218}
.sell-setup-tabs button:hover{transform:none;color:#ad494b}.sell-setup-tabs button.selected:hover{color:#fff5e8}

#refresh.refresh-control{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #7894a8;border-radius:12px;background:linear-gradient(145deg,#edf0ed,#dbe4e9);color:#34536d;box-shadow:0 3px 0 #b3c2cd,0 5px 12px #293e5210;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s,border-color .2s}
#refresh.refresh-control:hover{border-color:#ad494b;box-shadow:0 3px 0 #c79494,0 5px 14px #ad494b18;background:linear-gradient(145deg,#f6ebe2,#ead8d4)}
.refresh-icon{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #7894a866;border-radius:50%;font:23px/1 "Segoe UI",sans-serif}
#refresh.refreshing{opacity:1;cursor:progress;box-shadow:0 1px 0 #b3c2cd}
#refresh.refreshing .refresh-icon{animation:refresh-turn .65s linear infinite}
@keyframes refresh-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#refresh.refreshing .refresh-icon{animation:none}}

/* Compact refresh with a smooth SVG rotation. */
#refresh.refresh-control{height:30px;padding:4px 11px;gap:6px;border-radius:100px;font-size:11px;font-weight:500;box-shadow:0 1px 2px #293e5210;background:#dfe7eb}
#refresh.refresh-control:hover{box-shadow:0 1px 4px #ad494b18;background:#eedbd6}
.refresh-icon{width:15px;height:15px;border:0;border-radius:0;font-size:inherit}
.refresh-icon svg{width:15px;height:15px;display:block;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#refresh.refreshing{box-shadow:none}
#refresh.refreshing .refresh-icon{animation:none}
#refresh.refreshing .refresh-icon svg{animation:refresh-smooth-turn .9s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:center}
@keyframes refresh-smooth-turn{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#refresh.refreshing .refresh-icon svg{animation:none}}

/* Soft red breathing status lamp beside Live. */
#live-state{display:inline-flex;align-items:center;gap:7px}
#live-state::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#c45659;box-shadow:0 0 3px #c4565955;animation:live-lamp-breathe 2.5s ease-in-out infinite}
@keyframes live-lamp-breathe{0%,100%{opacity:.4;box-shadow:0 0 2px #c4565922}50%{opacity:1;box-shadow:0 0 7px 2px #c4565955}}
@media(prefers-reduced-motion:reduce){#live-state::before{animation:none;opacity:.85}}

/* Domain editor: readable labels and a gentle dialog reveal. */
#editor.domain-editor{border:1px solid #d0c0b1;border-top:3px solid #426888;border-radius:17px;box-shadow:0 20px 65px #172d4240}
#editor.domain-editor[open]{animation:domain-dialog-in .32s cubic-bezier(.16,1,.3,1) both}
#editor.domain-editor::backdrop{background:#23394c99;backdrop-filter:blur(5px);animation:domain-backdrop-in .25s ease-out}
#editor.domain-editor h2{font-size:21px;font-weight:750;letter-spacing:-.5px}
#editor.domain-editor label,#editor.domain-editor button{font-weight:650}
#editor.domain-editor input[name=name]{font-weight:600;padding:12px 14px;border-radius:10px;transition:border-color .2s,box-shadow .2s;background:#fffaf1}
#editor.domain-editor input[name=name]:focus{border-color:#426888;box-shadow:0 0 0 3px #42688819;outline:none}
#editor.domain-editor .checkbox{padding:8px 10px;border-radius:8px;background:#eee5da;margin:8px 0;transition:background .2s}
#editor.domain-editor .checkbox:hover{background:#e3e8eb}
.domain-help{font-size:11px;color:#897977;margin:-8px 0 13px}
#editor.domain-editor .dialog-actions{border-top:1px solid #daccc1;padding-top:18px}
#editor-form[aria-busy=true] [type=submit]{opacity:.8;cursor:progress}
.message.domain-success{border:1px solid #7894a8;background:#e3ebef;color:#34536d;font-weight:650;border-radius:11px;animation:domain-success-in .35s cubic-bezier(.16,1,.3,1) both}
.message.domain-success::before{content:"\2713 ";display:inline-block;margin-right:9px;color:#ad494b;font-size:17px}
@keyframes domain-dialog-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes domain-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes domain-success-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Service health header: compact badge remains inside its card. */
.service-health-card{min-width:0;overflow:hidden}
.service-health-card .card-head{align-items:center;gap:12px;flex-wrap:wrap}
.service-health-card .card-head>div{min-width:0;flex:1 1 150px}
.service-health-card .eyebrow{margin-top:0;font-size:9px;letter-spacing:1.4px}
.service-health-card .node-scope{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;line-height:1.3;padding:6px 11px;height:27px;border-radius:8px;background:#e2e9ed;border:1px solid #b3c2cc;color:#42617c;font-weight:600;font-size:10px;white-space:nowrap}
.service-health-card .service-list>div{min-width:0;gap:12px;align-items:center}
.service-health-card .service-list>div>span{overflow-wrap:anywhere}
.service-health-card .footnote{overflow-wrap:anywhere}

/* Connections header and disk capacity fit their card at every width. */
.connections-card{min-width:0;overflow:hidden}
.connections-card .card-head{align-items:center;flex-wrap:wrap;gap:12px}
.connections-card .card-head>div{flex:1 1 150px;min-width:0}
.connections-card .eyebrow{margin-top:0;font-size:9px;letter-spacing:1.4px}
#disk-value{display:inline-flex;align-items:center;align-self:center;flex:0 1 auto;max-width:100%;height:auto;min-height:27px;padding:6px 10px;border-radius:8px;background:#e2e9ed;border:1px solid #b3c2cc;color:#42617c;font:10px/1.4 Consolas,monospace;white-space:normal;overflow-wrap:anywhere}
#connections-chart{width:100%;min-width:0;overflow:hidden;margin:8px 0 14px}
#connections-chart svg{display:block;width:100%;height:100%;overflow:hidden}
.connections-card .footnote{overflow-wrap:anywhere}

.stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.protocol-card{margin-bottom:24px}.protocol-card .card-head{align-items:center;flex-wrap:wrap}.protocol-card .eyebrow{margin-top:0}
.protocol-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.protocol-panel{position:relative;padding:18px 20px;border:1px solid #bdccd6;border-radius:12px;background:#e9eef0;overflow:hidden;--protocol-color:#426888}
.udp-panel{background:#f0e2dc;border-color:#d8b8b2;--protocol-color:#ad494b}
.protocol-heading{display:flex;align-items:center;justify-content:space-between}.protocol-panel .protocol-tag{color:var(--protocol-color);background:#ffffff88;font-weight:700}
.protocol-total{display:block;font:600 36px/1.3 Consolas,monospace;color:var(--protocol-color);margin:12px 0 4px}
.protocol-panel p{font-size:12px;font-weight:650}.protocol-panel small{font-size:10px}.udp-detail{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#897977;margin-top:5px}.udp-detail strong{color:var(--protocol-color);font-family:Consolas,monospace;margin-right:4px}
.protocol-signal{width:6px;height:6px;border-radius:50%;background:var(--protocol-color);opacity:.6}
.protocol-trace{display:flex;gap:3px;height:16px;align-items:center;position:absolute;right:20px;bottom:19px;opacity:.35}
.protocol-trace i{width:3px;height:5px;border-radius:2px;background:var(--protocol-color)}.protocol-trace i:nth-child(2n){height:11px}.protocol-trace i:nth-child(3n){height:16px}
.protocol-panel.metric-changed .protocol-total{animation:protocol-value-in .35s ease-out}.protocol-panel.metric-changed .protocol-trace i{animation:protocol-wave .5s ease-in-out}.protocol-panel.metric-changed .protocol-trace i:nth-child(2n){animation-delay:.06s}.protocol-panel.metric-changed .protocol-signal{animation:protocol-flash .6s ease-out}
@keyframes protocol-value-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes protocol-wave{50%{transform:scaleY(.35);opacity:.5}}
@keyframes protocol-flash{40%{opacity:1;box-shadow:0 0 7px var(--protocol-color)}to{opacity:.6}}
@media(max-width:600px){.protocol-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{padding:13px 10px}.stats strong{font-size:26px}}

/* Compact TCP / UDP summary. */
.protocol-card{padding:16px 18px;margin-bottom:18px}.protocol-card .card-head{margin-bottom:12px;gap:8px}.protocol-card h2{font-size:15px}.protocol-card .eyebrow{font-size:8px;margin-bottom:2px}.protocol-card .pill{padding:4px 8px;font-size:9px;line-height:1.4;align-self:center}
.protocol-grid{gap:10px;margin-bottom:8px}.protocol-panel{padding:11px 14px;border-radius:9px}.protocol-panel .protocol-tag{font-size:9px;padding:3px 7px}.protocol-total{font-size:27px;line-height:1.15;margin:7px 0 3px}.protocol-panel p{font-size:11px}.protocol-panel small,.udp-detail{font-size:9px}.udp-detail{gap:12px;margin-top:3px}.protocol-trace{right:14px;bottom:13px;height:12px}.protocol-trace i:nth-child(3n){height:12px}.protocol-card>.footnote{font-size:9px;line-height:1.5}
@media(max-width:600px){.protocol-grid{grid-template-columns:1fr 1fr}.protocol-panel{padding:10px}.protocol-panel small{display:block;max-width:120px}.protocol-trace{display:none}.udp-detail{gap:4px;flex-direction:column}}

/* Tight Overview spacing, with System pulse first. */
main:has(#overview:not([hidden])) header{margin-bottom:16px}
#overview .telemetry-title{margin-top:0;margin-bottom:12px}
#overview .chart-grid{gap:12px;margin-bottom:14px}
#overview .chart-card{padding:18px}
#overview .stats{gap:12px;margin-bottom:14px}
#overview .stats article{padding:15px 18px}
#overview .stats strong{margin:4px 0;font-size:29px}
#overview .protocol-card{margin-bottom:14px}
#overview .two-columns{gap:12px}
#overview .next-card{margin-top:14px}

#session-loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#426888;font-size:12px}
.session-spinner{width:24px;height:24px;border:2px solid #d7c9bd;border-top-color:#426888;border-right-color:#ad494b;border-radius:50%;animation:refresh-turn 1s linear infinite}
@media(prefers-reduced-motion:reduce){.session-spinner{animation:none}}

/* Refined sidebar wordmark with restrained retro motion. */
aside .brand{gap:11px;align-items:center;padding:4px 0 12px;animation:brand-arrive .65s cubic-bezier(.16,1,.3,1) both}
aside .brand-mark{position:relative;flex:0 0 42px;width:42px;height:44px;border-radius:11px;background:linear-gradient(145deg,#efc5b3,#d88e89);color:#293e52;border:1px solid #f4d9c2;box-shadow:0 3px 0 #152b3b66;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
aside .brand-mark::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff4df66 50%,transparent 60%);transform:translateX(-100%) rotate(12deg);animation:brand-glint 7s ease-in-out infinite}
aside .brand strong{position:relative;display:inline-block;font-size:23px;font-weight:750;letter-spacing:-.8px;line-height:1.25;color:#f4e8d8;transition:letter-spacing .35s,color .35s}
aside .brand strong::after{content:"";position:absolute;left:0;bottom:-5px;width:28px;height:2px;background:#d88e89;border-radius:2px;transition:width .35s cubic-bezier(.16,1,.3,1)}
aside .brand small{margin-top:11px;font-size:8px;letter-spacing:.6px;line-height:1.5;color:#bec9ce}
aside .brand:hover .brand-mark{transform:translateY(-2px) rotate(-5deg);box-shadow:0 5px 0 #152b3b66}
aside .brand:hover strong{color:#fff4e2;letter-spacing:-.4px}aside .brand:hover strong::after{width:100%}
@keyframes brand-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-glint{0%,72%{transform:translateX(-100%) rotate(12deg)}90%,100%{transform:translateX(100%) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){aside .brand,aside .brand-mark::after{animation:none}aside .brand:hover .brand-mark{transform:none}}

/* Final wordmark treatment: crisp lettering, engraved badge and moving accent. */
aside .brand{gap:10px;padding:7px 0 14px;min-width:0}
aside .brand>div:last-child{min-width:0}
aside .brand-mark{flex-basis:39px;width:39px;height:43px;border-radius:10px;background:linear-gradient(145deg,#f4d7c2 0%,#dfaaa0 55%,#cc8181 100%);font:bold 31px/1 Georgia,serif;text-shadow:0 1px 0 #fff2df88;box-shadow:inset 0 0 0 3px #f4d7c244,0 4px 0 #182f40;transform:rotate(-3deg)}
aside .brand-mark::before{content:"";position:absolute;inset:5px;border:1px solid #293e5240;border-radius:6px;pointer-events:none}
aside .brand .brand-wordmark{font-size:22px;letter-spacing:-1px;white-space:nowrap;font-weight:800;line-height:1.2}
aside .brand .brand-wordmark span{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s}
aside .brand .brand-action{color:#e5a4a0}
aside .brand .brand-wordmark::after{width:100%;height:2px;bottom:-7px;background:linear-gradient(90deg,#7797ae 0%,#7797ae 35%,#df9996 35%,#df9996 65%,transparent 65%);background-size:160% 100%;transition:background-position .5s ease}
aside .brand small{font-size:8px;letter-spacing:.35px;margin-top:13px;color:#c4ced3}
aside .brand:hover .brand-mark{transform:translateY(-2px) rotate(2deg);box-shadow:inset 0 0 0 3px #f4d7c244,0 6px 0 #182f40}
aside .brand:hover .brand-wordmark{letter-spacing:-1px}aside .brand:hover .brand-wordmark span:first-child{transform:translateY(-1px)}aside .brand:hover .brand-action{transform:translateY(1px);color:#f0bbb2}
aside .brand:hover .brand-wordmark::after{background-position:100% 0}
@media(prefers-reduced-motion:reduce){aside .brand:hover .brand-wordmark span{transform:none}}

/* Custom network mark: no boxed letter, clear wordmark hierarchy. */
aside .brand-network{gap:11px;padding:0 0 20px;margin-bottom:4px;position:relative;border-bottom:1px solid #7894a830}
.network-emblem{position:relative;width:43px;height:49px;flex:0 0 43px;display:grid;place-items:center;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.network-emblem svg{width:45px;height:45px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.emblem-blue{stroke:#91b0c5;stroke-width:2.1}.emblem-red{stroke:#ecaaa1;stroke-width:2.6;stroke-dasharray:64;animation:brand-signal 5s ease-in-out infinite}
.emblem-node{fill:#293e52;stroke:#91b0c5;stroke-width:1.6;animation:brand-node-pulse 5s ease-in-out infinite}.emblem-node:last-child{animation-delay:.7s}
aside .brand-network .brand-wordmark{font-size:23px;font-weight:750;letter-spacing:-1.1px;line-height:1.15;display:block;color:#f7ede0}
aside .brand-network .brand-action{color:#f7ede0;font-weight:400}
aside .brand-network .brand-wordmark::after{display:none}
aside .brand-network small{font-size:8px;letter-spacing:.5px;margin-top:7px;color:#aebfcb;white-space:nowrap}
aside .brand-network:hover .network-emblem{transform:translateY(-2px)}
aside .brand-network:hover .brand-wordmark span{transform:none;letter-spacing:inherit}
aside .brand-network:hover .brand-action{color:#ecaaa1}
@keyframes brand-signal{0%,12%{stroke-dashoffset:64;opacity:.4}38%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-64;opacity:.4}}
@keyframes brand-node-pulse{0%,100%{fill:#293e52}45%,65%{fill:#91b0c5}}
@media(prefers-reduced-motion:reduce){.emblem-red,.emblem-node{animation:none}.emblem-red{stroke-dashoffset:0}}

/* Polish the existing network emblem without changing its shape. */
.network-emblem{width:45px;flex-basis:45px;height:50px;isolation:isolate}
.network-emblem::before{content:"";position:absolute;inset:3px -1px;border-radius:13px;background:radial-gradient(ellipse at center,#8aaec017,transparent 75%);z-index:-1;transition:opacity .4s;opacity:.7}
.network-emblem svg{width:44px;height:44px;filter:drop-shadow(0 2px 2px #142b3a33)}
.emblem-blue{stroke:#a3c0d2;stroke-width:1.9}
.emblem-red{stroke:#efb0a5;stroke-width:2.4;stroke-dasharray:64;animation:brand-signal-polished 6s cubic-bezier(.45,0,.25,1) infinite;filter:drop-shadow(0 0 2px #efa99b30)}
.emblem-node{stroke:#a3c0d2;stroke-width:1.5;animation:brand-node-soft 6s ease-in-out infinite}
.emblem-node:nth-last-child(2){animation-delay:.35s}.emblem-node:last-child{animation-delay:.7s}
aside .brand-network{gap:9px}
aside .brand-network:hover .network-emblem{transform:translateY(-1px) scale(1.04)}
aside .brand-network:hover .network-emblem::before{opacity:1}
@keyframes brand-signal-polished{0%,10%{stroke-dashoffset:64;opacity:.45}40%,72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-64;opacity:.45}}
@keyframes brand-node-soft{0%,100%{fill:#293e52;stroke:#a3c0d2}45%,60%{fill:#a3c0d2;stroke:#d5e3eb}}
@media(prefers-reduced-motion:reduce){.emblem-red,.emblem-node{animation:none}.emblem-red{stroke-dashoffset:0}aside .brand-network:hover .network-emblem{transform:none}}


/* EMBEDDED LOGIN THEME */
/* Poster-inspired login, scoped to avoid changing the console. */
#login{--login-navy:#082b43;--login-red:#df301f;display:flex;flex-direction:column;min-height:100dvh;padding:28px 4.5vw 22px;background:#f3e5ce;color:var(--login-navy);isolation:isolate;font-family:"Aptos","Segoe UI Variable","Segoe UI",sans-serif;position:relative}
#login::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 20%,#fff7e744,transparent 55%),repeating-linear-gradient(0deg,#092c4205 0 1px,transparent 1px 4px)}
.login-topline,.login-bottomline{display:flex;justify-content:space-between;gap:16px;font:600 10px/1.5 Consolas,monospace;letter-spacing:2px;position:relative;z-index:2}.login-topline{padding-bottom:18px;border-bottom:1px solid #082b4333}.login-topline>span:first-child{font-family:"Arial Black","Segoe UI",sans-serif;font-size:17px;letter-spacing:-.5px}.login-bottomline{padding-top:18px;border-top:1px solid #082b4333;margin-top:auto}.login-bottomline i{display:inline-block;width:6px;height:6px;background:var(--login-red);border-radius:50%;margin:0 10px;animation:login-pulse 2.8s ease-in-out infinite}
.login-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:6vw;align-items:center;max-width:1450px;width:100%;margin:auto;padding:42px 0 48px;position:relative;z-index:2}
.login-artwork{position:relative;animation:login-reveal 1s cubic-bezier(.16,1,.3,1) both;min-width:0}.login-artwork img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 25px 55px #082b4322;animation:poster-float 9s ease-in-out infinite;transform-origin:center;position:relative;z-index:1}.login-art-caption{display:flex;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:1.8px;margin-top:22px}.login-art-caption>span:last-child{font-size:24px;line-height:1}.login-orbit{position:absolute;width:65%;aspect-ratio:1;right:-6%;top:-8%;border:1px solid #df301f55;border-radius:50%;animation:login-orbit 26s linear infinite}.login-orbit::after{content:"";position:absolute;width:10px;height:10px;top:12%;left:12%;border-radius:50%;background:var(--login-red);box-shadow:0 0 0 8px #df301f10}
#login .login-card{width:100%;max-width:440px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;animation:login-reveal 1s .15s cubic-bezier(.16,1,.3,1) both;position:relative}
.login-kicker{display:flex;align-items:center;gap:8px;font:9px Consolas,monospace;letter-spacing:1.1px}.login-kicker>span:last-child{margin-left:auto;color:#082b4380;font-size:8px}.login-signal{width:6px;height:6px;background:var(--login-red);border-radius:50%;box-shadow:0 0 0 4px #df301f12;animation:login-pulse 2.8s ease-in-out infinite}
#login .login-card h1{font-family:"Arial Black","Aptos Display","Segoe UI",sans-serif;font-size:clamp(64px,6.6vw,104px);font-weight:900;line-height:.93;letter-spacing:-6px;margin:28px 0 22px;color:var(--login-navy)}#login h1 em{font-style:normal;color:var(--login-red);display:inline-block;animation:title-wave 6s ease-in-out infinite;transform-origin:0 50%}.login-intro{font-size:14px;line-height:1.7;color:#4d5e65;margin-bottom:30px}
#login form{display:grid;gap:18px;margin:0}#login label{display:grid;gap:8px;margin:0;text-align:left;color:#345063;font-size:10px;font-weight:600;letter-spacing:1px}#login input{width:100%;border:1px solid #082b4338;border-radius:5px;background:#fff8eb88;color:var(--login-navy);padding:14px 16px;font-size:15px;letter-spacing:.4px;transition:background .25s,box-shadow .25s,border-color .25s;outline:none}#login input::placeholder{color:#7d888d;font-size:13px}#login input:focus{background:#fff9ef;border-color:var(--login-navy);box-shadow:0 0 0 4px #082b430a}#login #password{font-family:Consolas,monospace}
#login .primary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--login-navy);border-color:var(--login-navy);color:#fff4e1;border-radius:5px;margin:4px 0 0;font-size:13px;font-weight:600;position:relative;overflow:hidden;isolation:isolate}#login .primary::before{content:"";position:absolute;inset:-130% -10%;z-index:-1;background:var(--login-red);border-radius:42%;transform:translateY(80%) rotate(0deg);transition:transform .65s cubic-bezier(.16,1,.3,1)}#login .primary:hover::before{transform:translateY(0) rotate(12deg)}#login .primary:focus-visible{outline:3px solid var(--login-red);outline-offset:4px}
.login-code-note{display:flex;gap:12px;align-items:center;margin-top:21px;border-top:1px solid #082b4322;padding-top:17px}.login-code-note>span{font-size:24px;color:var(--login-red)}#login .login-code-note small{color:#62717a;font:10px/1.8 "Segoe UI",sans-serif}#login code{color:var(--login-navy);font-family:Consolas,monospace}#login #login-error{font-size:12px;color:#ad2418;margin-top:12px}#login #login-error:empty{display:none}
.login-waves{position:absolute;inset:auto 0 34px;height:135px;overflow:hidden;z-index:0;pointer-events:none;opacity:.22}.login-waves svg{width:100%;height:100%;overflow:visible}.login-waves path{fill:none;stroke:#083b59;stroke-width:1;animation:login-wave 18s linear infinite}.login-waves path:nth-child(2){stroke:#df301f;animation-duration:24s;animation-direction:reverse}.login-waves path:nth-child(3){stroke:#789eaf;animation-duration:30s}
@keyframes login-wave{from{transform:translateX(0)}to{transform:translateX(720px)}}@keyframes poster-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-8px) rotate(.3deg)}}@keyframes title-wave{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1.2deg)}}@keyframes login-pulse{0%,100%{opacity:.55;box-shadow:0 0 0 3px #df301f0a}50%{opacity:1;box-shadow:0 0 0 7px #df301f12}}@keyframes login-orbit{to{transform:rotate(360deg)}}@keyframes login-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.login-layout{gap:100px}.login-artwork{max-width:820px}}
@media(max-width:900px){#login{padding:22px 5vw}.login-layout{gap:5vw;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}#login .login-card h1{font-size:68px;letter-spacing:-4px}.login-kicker>span:last-child{display:none}}
@media(max-width:680px){.login-layout{grid-template-columns:1fr;padding:28px 0;gap:30px}.login-artwork{max-width:440px;margin:auto}.login-art-caption{display:none}#login .login-card{max-width:440px;margin:auto}#login .login-card h1{font-size:64px;margin:20px 0 16px}.login-topline>span:last-child{font-size:8px;letter-spacing:1px}.login-bottomline{font-size:8px;letter-spacing:.6px}.login-waves{bottom:20px}.login-orbit{display:none}}
@media(prefers-reduced-motion:reduce){#login *,#login *::before,#login *::after{animation:none!important;transition:none!important}}
/* Full canvas artwork; all motion sits above the original poster. */
#login{background:#f3e5ce url('/login-art.png?v=0af9159410d2e8c8') center center/cover no-repeat;background-attachment:fixed}
#login::before{background:linear-gradient(90deg,#f3e5ce08 0%,#f3e5ce10 40%,#f3e5ce70 100%);z-index:0}
.login-layout{display:flex;justify-content:flex-end;padding:40px 0;min-height:650px}
.login-artwork{display:none}
#login .login-card{padding:32px 36px;background:#fff5e8e8;border:1px solid #fff8edcc;border-radius:14px;box-shadow:0 25px 70px #082b432b;backdrop-filter:blur(18px);max-width:440px}
#login .login-card h1{font-size:76px;letter-spacing:-4px;margin:24px 0 20px}
.login-topline,.login-bottomline{border-color:#082b4340;text-shadow:0 1px 8px #fff5e8}
.login-waves{inset:0;height:100%;opacity:.3;z-index:1;mix-blend-mode:multiply;display:flex;align-items:flex-end}
.login-waves svg{height:40%;filter:drop-shadow(0 0 10px #fff5e8);transform:scaleY(1.4)}
.login-waves::before,.login-waves::after{content:"";position:absolute;width:50vw;aspect-ratio:1;border:1px solid #fff7e880;border-radius:50%;top:10%;left:7%;animation:background-ripple 12s ease-out infinite}
.login-waves::after{animation-delay:-6s}
@keyframes background-ripple{0%{transform:scale(.35);opacity:0}20%{opacity:.8}100%{transform:scale(1.7);opacity:0}}
@media(max-width:900px){.login-layout{min-height:600px}#login .login-card{max-width:400px;padding:28px}}
@media(max-width:680px){#login{background-position:38% center;background-attachment:scroll}.login-layout{min-height:0;justify-content:center;padding:30px 0}#login .login-card{padding:26px 24px;background:#fff5e8e8}#login .login-card h1{font-size:64px}.login-waves::before,.login-waves::after{width:100vw}.login-topline>span:last-child{background:#f3e5ceaa;padding:4px;border-radius:4px}}
/* Center the form and keep the full poster visible without cropping. */
#login{background-size:contain;background-position:center;background-color:#f3e5ce}
.login-layout{justify-content:center;min-height:0;flex:1}
@media(max-width:680px){#login{background-size:auto 100%;background-position:center}.login-layout{justify-content:center}}
/* Extend the poster into wide-screen gutters with a softened copy. */
#login{background-image:none;overflow-x:hidden}
#login::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/login-art.png?v=0af9159410d2e8c8') center/cover no-repeat;filter:blur(24px) saturate(.75);transform:scale(1.06);opacity:.8}
#login::before{z-index:1;background:linear-gradient(90deg,#f3e5ce12,#f3e5ce08),url('/login-art.png?v=0af9159410d2e8c8') center/contain no-repeat}
.login-waves{z-index:1}
@media(max-width:680px){#login::before{background-size:100% 100%,auto 100%}}
/* The wide landscape fills the canvas directly, without side extensions. */
#login::after{display:none}
#login::before{background:linear-gradient(#f3e5ce08,#f3e5ce08),url('/login-art.png?v=0af9159410d2e8c8') center/cover no-repeat}
@media(max-width:680px){#login::before{background-size:100% 100%,auto 100%;background-position:center,62% center}}
/* Quiet details and a fixed, scrollbar-free login canvas. */
#login{height:100dvh;min-height:0;overflow:hidden;padding:20px 4.5vw 16px}
.login-topline{justify-content:center;align-items:center;gap:18px;padding-bottom:12px;flex-shrink:0}
.login-topline>span{white-space:nowrap}
.login-topline>span:last-child{font-size:9px;letter-spacing:1.5px}
.login-bottomline{flex-shrink:0;padding-top:12px;font-size:9px}
.login-layout{min-height:0;padding:16px 0;margin:0 auto;flex:1}
#login .login-card{padding:24px 30px;max-width:420px;animation:none}
#login .login-card h1{font-size:64px;margin:20px 0 16px}
.login-intro{margin-bottom:22px;font-size:13px}
#login form{gap:14px}
#login input{padding:12px 14px}
.login-code-note{margin-top:16px;padding-top:12px}
#login::before,#login::after,#login h1 em,.login-signal,.login-bottomline i{animation:none!important;transform:none;will-change:auto}
.login-waves{display:none}
.login-kicker{padding-bottom:12px;border-bottom:1px solid #082b431c}
.login-kicker::after{content:"";width:22px;height:3px;background:linear-gradient(90deg,#082b43 0 33%,#df301f 33% 66%,#789eaf 66%);border-radius:2px;flex-shrink:0}
#login .login-card::after{content:"";position:absolute;right:13px;bottom:13px;width:10px;height:10px;border-right:1px solid #082b4350;border-bottom:1px solid #082b4350;pointer-events:none}
@media(max-height:780px){#login .login-card{padding:18px 26px}#login .login-card h1{font-size:52px;margin:14px 0 12px}.login-intro{margin-bottom:16px;font-size:12px}#login form{gap:10px}#login input{padding:10px 13px}.login-code-note{margin-top:12px;padding-top:10px}.login-layout{padding:10px 0}}
@media(max-width:680px){.login-topline{gap:9px}.login-topline>span:first-child{font-size:14px}.login-topline>span:last-child{font-size:7px;letter-spacing:.6px;background:transparent;padding:0}.login-bottomline{font-size:7px;letter-spacing:.3px}#login .login-card{max-width:390px}}
@media(max-height:620px){#login{padding-top:10px;padding-bottom:10px}.login-topline{padding-bottom:7px}.login-bottomline{padding-top:7px}#login .login-card{padding:14px 22px}#login .login-card h1{font-size:40px;margin:10px 0}.login-intro{margin-bottom:12px;line-height:1.4}#login .primary{padding:10px 16px}.login-code-note{margin-top:9px;padding-top:7px}.login-kicker{padding-bottom:7px}}
/* Restore ambient waves while keeping the landscape completely still. */
.login-waves{display:flex}
#login .login-signal,#login .login-bottomline i{animation:login-pulse 2.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){#login .login-signal,#login .login-bottomline i{animation:none!important}}
.login-title-word{display:inline-block;white-space:nowrap}
.login-title-word>span{display:inline-block;animation:login-letter-wave 5.5s ease-in-out infinite;animation-delay:calc(var(--letter)*.11s);transform-origin:50% 80%}
#login h1 em.login-title-word{position:relative}
#login h1 em.login-title-word::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:linear-gradient(90deg,transparent,#df301f88,transparent);transform-origin:left;animation:login-title-line 5.5s ease-in-out infinite;pointer-events:none}
@keyframes login-letter-wave{0%,12%,42%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-2deg)}33%{transform:translateY(2px) rotate(1deg)}}
@keyframes login-title-line{0%,12%,100%{transform:scaleX(.15);opacity:0}28%{transform:scaleX(1);opacity:.65}48%,85%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.login-title-word>span,#login h1 em.login-title-word::after{animation:none!important}}
/* Clearer form typography. */
#login label{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:14px;font-weight:600;letter-spacing:.15px;line-height:1.5;gap:8px}
#login input{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:16px;letter-spacing:.1px}
#login #password{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif}
#login input::placeholder{font-family:inherit;font-size:14px;letter-spacing:0}
#login .primary{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:16px;font-weight:650;letter-spacing:.2px}
#login .login-topline{position:relative;padding-right:112px;padding-left:112px}
#login #beffects-toggle{position:absolute;right:0;top:0;font:600 11px/1.4 "Segoe UI",sans-serif;letter-spacing:.2px;padding:7px 11px;border:1px solid #082b4340;background:#fff5e8dd;color:#082b43;border-radius:20px;display:flex;align-items:center;gap:7px}
#beffects-toggle::after{content:"ON";font:9px Consolas,monospace;color:#082b43}
#beffects-toggle[aria-pressed=false]::after{content:"OFF";color:#7e7770}
#login #beffects-toggle[aria-pressed=false]{background:#f3e5cecc}
.mouse-effects-off .mouse-halo,.mouse-effects-off .cursor-light,.mouse-effects-off .cursor-spark,.mouse-effects-off .cursor-wave{display:none!important}
@media(max-width:680px){#login .login-topline{padding-left:0;padding-right:0;flex-wrap:wrap;justify-content:center;row-gap:8px}#login #beffects-toggle{position:static;font-size:10px;padding:5px 9px}.login-topline>span:last-of-type{font-size:7px;letter-spacing:.4px}}
/* Keep the mouse-effects switch anchored independently of the header. */
#login .login-topline{padding-left:0;padding-right:0}
#login #beffects-toggle{position:fixed;left:24px;bottom:22px;top:auto;right:auto;z-index:10;padding:10px 15px;font-size:12px;box-shadow:0 4px 16px #082b4318;overflow:hidden;isolation:isolate;animation:beffects-arrive .5s ease-out both;transition:box-shadow .25s,background .25s,transform .25s}
#login #beffects-toggle::before{content:"";position:absolute;inset:-60% -80%;background:linear-gradient(110deg,transparent 42%,#ffffff88 50%,transparent 58%);transform:translateX(-60%);animation:beffects-shimmer 7s ease-in-out infinite;pointer-events:none;z-index:-1}
#login #beffects-toggle:hover{transform:translateY(-2px);box-shadow:0 7px 22px #082b4328}
#login #beffects-toggle:active{transform:translateY(0) scale(.97)}
#login #beffects-toggle:focus-visible{outline:2px solid #df301f;outline-offset:4px}
@keyframes beffects-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes beffects-shimmer{0%,65%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@media(max-width:680px){#login #beffects-toggle{left:12px;bottom:12px;padding:8px 11px;font-size:11px}.login-bottomline{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){#login #beffects-toggle,#login #beffects-toggle::before{animation:none!important;transition:none!important}}
aside .nav-label{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:15px;font-weight:650;letter-spacing:1px;color:#d0dce6;line-height:1.5}
aside .nav-label{position:relative;width:fit-content;transition:color .25s ease,transform .3s ease,text-shadow .3s ease;padding-bottom:6px}
aside .nav-label::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,#8db5cf,#e88475);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
aside .nav-label:hover{color:#fff3e5;transform:translateX(4px);text-shadow:0 0 14px #9dc6e044}
aside .nav-label:hover::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){aside .nav-label,aside .nav-label::after{transition:none!important}aside .nav-label:hover{transform:none}}
/* Console palette shared with the landscape login. */
:root{--bg:#f3e5ce;--ink:#082b43;--muted:#69767b;--line:#d8c8af;--accent:#df301f;--accent-light:#f7ded2;--nav:#082b43}
body{background:#f3e5ce;color:#082b43}
.shell{background:radial-gradient(ellipse at top right,#fff5e855,transparent 60%),#f3e5ce}
aside{background:#082b43;color:#fff2dd;border-right:1px solid #123f58}
.brand-action{color:#ef6957!important}.brand small,.aside-bottom small{color:#adc2cb!important}
nav button{color:#bfd0d6}nav button.selected{background:#17465e;color:#fff2dd;box-shadow:inset 3px 0 #ef5541}nav button:hover{background:#123e55;color:#fff6e7}
.stats article,.card{background:#fff5e8;border-color:#d8c8af;box-shadow:0 3px 0 #dcc9ae55}.card:hover{border-color:#b5bcb7;box-shadow:0 5px 0 #cbbda755}
.stats article{border-top-color:#df301f}.stats article:nth-child(2){border-top-color:#082b43}.stats article:nth-child(3){border-top-color:#789eaf}
.primary{background:#082b43;border-color:#082b43;color:#fff3df}.primary:hover{background:#df301f;border-color:#df301f;color:#fff5e8}
button,.button{color:#082b43;border-color:#d8c8af;background:#fff5e8}button:hover,.button:hover{border-color:#789eaf;background:#f6e9d5}
input,select{color:#082b43;background:#fff9ef;border-color:#d8c8af}input:focus,select:focus{border-color:#789eaf;box-shadow:0 0 0 3px #789eaf22}
.chart-head strong,.protocol-total{color:#082b43}.chart-head h2,.card h2{color:#082b43}.legend.download{background:#082b43}.legend.upload{background:#df301f}
.metric-icon[data-icon=cpu],.metric-icon[data-icon=network]{color:#df301f}.metric-icon[data-icon=ram]{color:#082b43}
.badge.active,.live-pill{background:#e3e9e5;color:#082b43;border-color:#b6c7c9}.badge.off,.live-pill.stale{background:#f7ded2;color:#bf3022;border-color:#e2b3a1}
.pill,.protocol-tag{background:#f2e7d5;color:#23475b;border-color:#d8c8af}.protocol-panel{background:#f7ecd9;border-color:#d8c8af}.tcp-panel{border-top-color:#082b43}.udp-panel{border-top-color:#df301f}
.notice{background:#f6decd;border-color:#e1bba3;color:#983c2b}.notice p{color:#8f6b5d}.message{background:#e4e9df;color:#082b43;border-color:#b6c7bc}.message.error{background:#f7ded2;color:#bf3022;border-color:#e2b3a1}
.domain-chip,.permission-chip{background:#e5e8df;color:#23475b}.plan-card{border-top-color:#df301f}.sell-setup-tabs{background:#e9dac2;border-color:#d8c8af}.sell-setup-tabs button.selected{background:#082b43;border-color:#082b43;color:#fff3df}
th{background:#f4e8d5;color:#69767b}.check-list,dialog{background:#fff5e8;border-color:#d8c8af}.danger,.error{color:#bf3022}.aside-bottom button{background:transparent;color:#d0dce1;border-color:#416479}
main::-webkit-scrollbar-track{background:#ebdcc4;border-color:#d8c8af}main::-webkit-scrollbar-thumb{background:#46687a;border-color:#ebdcc4}
aside .brand .brand-copy small{font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:11px;font-weight:600;line-height:1.55;letter-spacing:.1px;color:#9D9FAB!important;margin-top:7px;text-shadow:none}
aside .brand .brand-copy small{animation:brand-caption-shine 5s ease-in-out infinite}
@keyframes brand-caption-shine{0%,55%,100%{color:#9D9FAB;text-shadow:none}70%{color:#dfe3f0;text-shadow:0 0 6px #dfe3f080,0 0 14px #9d9fab40}85%{color:#9D9FAB;text-shadow:none}}
/* Desktop menu expands over the page without moving live charts. */
.workspace-sidebar nav .nav-text{font-size:13px;color:inherit}
#refresh .refresh-cross{display:none}
#refresh.refresh-control{width:26px;height:26px;padding:4px;gap:0;justify-content:center;border-radius:50%}
#refresh .refresh-icon,#refresh .refresh-icon svg{width:15px;height:15px}
#refresh .refresh-arrowhead{stroke-width:2.2}
#refresh.refreshing .refresh-icon,#refresh.refreshing .refresh-icon svg{animation:none!important;transform:none!important}
#refresh.refreshing .refresh-arrow-shape{display:none}
#refresh.refreshing .refresh-cross{display:block;stroke:#df301f;stroke-width:2}
.brand-ba svg{width:100%;height:100%;overflow:visible}
.ba-letters{stroke:#fff2dd;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}
.ba-a{stroke:#adc2cb}
.brand-ba-v2 svg{overflow:visible}
.ba-badge{fill:#fff2dd04;stroke:#adc2cb30;stroke-width:.7}
.ba-solid-b{fill:#fff2dd}
.ba-solid-a{fill:#9db8c7}
.brand-ba-v2 .ba-thunder{stroke:#082b43;stroke-width:2}
.brand-ba-v2 .ba-thunder-glow{stroke-width:4}
.ba-energy{stroke:#ef6957;stroke-width:1.2;stroke-linecap:round;opacity:.5;animation:ba-energy-flow 4s ease-in-out infinite}
@keyframes ba-energy-flow{0%,55%,100%{opacity:.3}65%,75%{opacity:1}}
.ba-thunder{fill:#ef6957;stroke:#082b43;stroke-width:1.2;stroke-linejoin:round;animation:ba-thunder-flash 4s ease-in-out infinite}
.ba-thunder-glow{fill:none;stroke:#efb768;stroke-width:3;stroke-linejoin:round;opacity:0;animation:ba-thunder-glow 4s ease-in-out infinite}
@keyframes ba-thunder-flash{0%,55%,100%{fill:#ef6957;opacity:.75}62%,70%{fill:#ffe1a2;opacity:1}66%{fill:#ef6957;opacity:.85}78%{fill:#efb768;opacity:1}}
@keyframes ba-thunder-glow{0%,55%,85%,100%{opacity:0}62%,70%{opacity:.4}66%{opacity:.08}78%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.brand-ba *{animation:none!important}}
.workspace-sidebar .aside-bottom>.dot,.workspace-sidebar #node-label{display:none!important}
#app .workspace-sidebar .nav-label{transform:none!important;text-shadow:none;transition:color .2s ease!important;border-radius:5px}
#app .workspace-sidebar .nav-label::after{display:none}
#app .workspace-sidebar .nav-label:hover{color:#fff;background-color:transparent;text-shadow:none}
.overview-monitor{display:inline-flex;align-items:center;justify-content:center}
.overview-monitor svg{display:block;width:30px;height:30px;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.monitor-frame,.monitor-stand{stroke:currentColor;stroke-width:1.6;transition:stroke .25s ease}
.monitor-frame{fill:#fff2dd05}
.monitor-grid{stroke:#adc2cb;stroke-width:.5;opacity:.16}
.monitor-pulse{stroke:currentColor;stroke-width:1.5;opacity:.5;stroke-dasharray:42;stroke-dashoffset:0;transition:stroke .25s ease,opacity .25s ease}
.monitor-light{fill:#789eaf;opacity:.55}
.monitor-scan{stroke:#fff2dd;stroke-width:1;opacity:0}
nav button.selected .monitor-pulse{stroke:#ef6957;opacity:1}
nav button.selected .monitor-light{fill:#ef6957;opacity:1}
nav button:hover .monitor-frame,nav button:focus-visible .monitor-frame{stroke:#fff2dd}
nav button:hover .monitor-pulse,nav button:focus-visible .monitor-pulse{stroke:#ef6957;opacity:1;animation:monitor-trace 1.1s ease both}
nav button:hover .monitor-scan,nav button:focus-visible .monitor-scan{animation:monitor-sweep 1.4s ease both}
@keyframes monitor-trace{from{stroke-dashoffset:42}to{stroke-dashoffset:0}}
@keyframes monitor-sweep{0%{opacity:0;transform:translateY(0)}25%{opacity:.3}100%{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.overview-monitor *{animation:none!important;transition:none!important}}
.sell-hand{display:inline-flex;align-items:center;justify-content:center}
.domain-globe{display:inline-flex;align-items:center;justify-content:center}
.remote-computers{display:inline-flex;align-items:center;justify-content:center}
.admin-chess{display:inline-flex;align-items:center;justify-content:center}
.settings-gears{display:inline-flex;align-items:center;justify-content:center}
.logout-scene{display:inline-flex;align-items:center;justify-content:center}
#settings .two-columns{grid-template-columns:minmax(0,1fr)}
.backup-icon{display:inline-flex;align-items:center;justify-content:center}
.backup-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.backup-arrow{stroke:#ef6957}
nav button[data-tab="backup"].selected{color:#fff2dd}
nav button[data-tab="backup"]:hover .backup-arrow{animation:backup-save 1s ease both}
@keyframes backup-save{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.backup-icon *{animation:none!important}}
.logout-scene svg{display:block;width:32px;height:32px;overflow:visible;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.logout-doorframe{stroke:#adc2cb}
.logout-inner-frame{stroke:#789eaf;stroke-width:.65;opacity:.6}
.logout-door-panel{fill:#adc2cb08;stroke:#adc2cb;stroke-width:.6}
.logout-hinges{stroke:#789eaf;stroke-width:1.7}
.logout-handle-plate{fill:#efb768;stroke:none;opacity:.4}
.logout-handle{stroke:#efb768;stroke-width:1.6}
.logout-door-light{stroke:none;fill:#efb768;opacity:0;transition:opacity .45s ease}
#logout:hover .logout-door-light,#logout:focus-visible .logout-door-light{opacity:.22}
#logout:hover .logout-doorframe,#logout:focus-visible .logout-doorframe{stroke:#fff2dd}
.logout-room{fill:#efb768;stroke:none;opacity:0;transition:opacity .4s ease}
.logout-door{fill:#082b43;stroke:#adc2cb;transform-origin:11px 18px;transition:transform .5s cubic-bezier(.22,1,.36,1),stroke .3s ease}
#logout:hover .logout-door,#logout:focus-visible .logout-door{transform:skewY(-14deg) scaleX(.36);stroke:#efb768}
#logout:hover .logout-room,#logout:focus-visible .logout-room{opacity:.18}
@media(prefers-reduced-motion:reduce){.logout-scene *{transition:none!important}}
#page-title.clients-title-motion{position:relative;width:fit-content;color:#082b43;background:linear-gradient(105deg,#082b43 0%,#082b43 40%,#789eaf 47%,#df301f 50%,#789eaf 53%,#082b43 60%,#082b43 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:clients-title-wave 12s ease-in-out infinite}
@keyframes clients-title-wave{0%,5%{background-position:100% 50%}18%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){#page-title.clients-title-motion{animation:none;background:none;-webkit-text-fill-color:currentColor}}
.settings-gears svg{display:block;width:34px;height:34px;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.settings-gear{stroke:currentColor;stroke-width:1.25;transition:stroke .25s ease}
.settings-gear polygon{fill:#082b43}
.gear-main{transform-origin:13px 14px}
.gear-secondary{transform-origin:28px 23px;opacity:.8}
.gear-small{transform-origin:11px 29px;opacity:.6}
.gear-spark{stroke:#efb768;stroke-width:1;opacity:0}
nav button[data-tab="settings"].selected .gear-main{stroke:#efb768}
nav button[data-tab="settings"].selected .gear-secondary{stroke:#ef6957;opacity:1}
nav button[data-tab="settings"].selected .gear-small{stroke:#fff2dd;opacity:.8}
nav button[data-tab="settings"]:hover .gear-main,nav button[data-tab="settings"]:focus-visible .gear-main{stroke:#efb768;animation:settings-gear-turn 1.7s cubic-bezier(.22,1,.36,1) both}
nav button[data-tab="settings"]:hover .gear-secondary,nav button[data-tab="settings"]:focus-visible .gear-secondary{stroke:#ef6957;animation:settings-gear-reverse 1.7s cubic-bezier(.22,1,.36,1) both;opacity:1}
nav button[data-tab="settings"]:hover .gear-small,nav button[data-tab="settings"]:focus-visible .gear-small{stroke:#fff2dd;animation:settings-gear-small 1.7s cubic-bezier(.22,1,.36,1) both;opacity:1}
nav button[data-tab="settings"]:hover .gear-spark,nav button[data-tab="settings"]:focus-visible .gear-spark{animation:settings-gear-shine 1.7s ease both}
@keyframes settings-gear-turn{from{transform:rotate(0)}to{transform:rotate(90deg)}}
@keyframes settings-gear-reverse{from{transform:rotate(0)}to{transform:rotate(-90deg)}}
@keyframes settings-gear-small{from{transform:rotate(0)}to{transform:rotate(-90deg)}}
@keyframes settings-gear-shine{0%,100%{opacity:0}30%,60%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.settings-gears *{animation:none!important;transition:none!important}}
.admin-chess svg{display:block;width:36px;height:34px;overflow:visible;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.chess-side{opacity:.55;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.chess-pawns{opacity:.35;transition:opacity .3s ease}
.chess-queen{fill:#082b43;transform-origin:20px 33px;transition:transform .45s cubic-bezier(.22,1,.36,1),stroke .25s ease}
.queen-crown{fill:#fff2dd08}
.queen-jewel{fill:currentColor;stroke:none}
.queen-spark{stroke:#efb768;opacity:0}
#admins-nav.selected .chess-queen{stroke:#efb768}
#admins-nav.selected .queen-crown{fill:#efb76818}
#admins-nav.selected .queen-jewel{fill:#ef6957}
#admins-nav:hover .chess-bishop,#admins-nav:focus-visible .chess-bishop{transform:translateX(-3px) rotate(-8deg);opacity:.3;transform-origin:5px 30px}
#admins-nav:hover .chess-rook,#admins-nav:focus-visible .chess-rook{transform:translateX(3px) rotate(8deg);opacity:.3;transform-origin:35px 30px}
#admins-nav:hover .chess-pawns,#admins-nav:focus-visible .chess-pawns{opacity:.2}
#admins-nav:hover .chess-queen,#admins-nav:focus-visible .chess-queen{transform:translateY(-1px) scale(1.08);stroke:#efb768}
#admins-nav:hover .queen-spark,#admins-nav:focus-visible .queen-spark{animation:queen-crown-shine 1.2s ease both}
@keyframes queen-crown-shine{0%,100%{opacity:0}35%,65%{opacity:1}}
@media(prefers-reduced-motion:reduce){.admin-chess *{animation:none!important;transition:none!important}.admin-chess .chess-side,.admin-chess .chess-queen{transform:none!important}}
.remote-computers svg{display:block;width:34px;height:34px;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.remote-pc,.remote-plugs{stroke:currentColor;stroke-width:1.3;transition:stroke .25s ease}
.remote-pc rect{fill:#fff2dd05}
.remote-screen-line{stroke-width:.8;opacity:.45}
.remote-cable{stroke:currentColor;stroke-width:1.4;opacity:.55}
.remote-data-pulse{stroke:#ef6957;stroke-width:2;stroke-dasharray:14 100;stroke-dashoffset:14;opacity:0}
.remote-led{fill:#789eaf;opacity:.6;transition:fill .25s ease,opacity .25s ease}
nav button[data-tab="remote"].selected .remote-pc{stroke:#fff2dd}
nav button[data-tab="remote"].selected .remote-cable{stroke:#ef6957;opacity:1}
nav button[data-tab="remote"].selected .remote-led{fill:#efb768;opacity:1}
nav button[data-tab="remote"]:hover .remote-pc,nav button[data-tab="remote"]:focus-visible .remote-pc{stroke:#fff2dd}
nav button[data-tab="remote"]:hover .remote-data-pulse,nav button[data-tab="remote"]:focus-visible .remote-data-pulse{animation:remote-packet 1.5s ease-in-out both}
nav button[data-tab="remote"]:hover .remote-led,nav button[data-tab="remote"]:focus-visible .remote-led{fill:#efb768;animation:remote-led-flash 1.5s ease both}
nav button[data-tab="remote"]:hover .led-right,nav button[data-tab="remote"]:focus-visible .led-right{animation-delay:.4s}
nav button[data-tab="remote"]:hover .remote-screen-line,nav button[data-tab="remote"]:focus-visible .remote-screen-line{animation:remote-screen-glow 1.5s ease both}
@keyframes remote-packet{0%{opacity:0;stroke-dashoffset:14}15%{opacity:1}85%{opacity:1}100%{opacity:0;stroke-dashoffset:-100}}
@keyframes remote-led-flash{0%,100%{opacity:.6}25%,65%{opacity:1}}
@keyframes remote-screen-glow{0%,100%{opacity:.45}50%{opacity:1;stroke:#efb768}}
@media(prefers-reduced-motion:reduce){.remote-computers *{animation:none!important;transition:none!important}}
.domain-globe svg{display:block;width:34px;height:34px;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.globe-lines{stroke:currentColor;stroke-width:1;opacity:.75;transform-origin:18px 18px;transition:stroke .25s ease,opacity .25s ease}
.globe-outline{stroke-width:1.4}
.globe-label-bg{fill:#082b43;stroke:currentColor;stroke-width:.6;transition:stroke .25s ease}
.globe-label{fill:currentColor;font:700 6.2px "Segoe UI",Arial,sans-serif;letter-spacing:.2px;transition:fill .25s ease}
.globe-orbit{stroke:#ef6957;stroke-width:.7;stroke-dasharray:3 5;opacity:0;transform-origin:18px 18px}
.globe-node{fill:#ef6957;opacity:0;transform-origin:18px 18px}
.globe-spark{stroke:#efb768;stroke-width:1;opacity:0}
nav button[data-tab="domains"].selected .globe-lines{stroke:#f0c694;opacity:1}
nav button[data-tab="domains"].selected .globe-label-bg{stroke:#ef6957}
nav button[data-tab="domains"].selected .globe-label{fill:#fff2dd}
nav button[data-tab="domains"]:hover .globe-lines,nav button[data-tab="domains"]:focus-visible .globe-lines{stroke:#fff2dd;opacity:1;animation:domain-globe-tilt 1.3s ease both}
nav button[data-tab="domains"]:hover .globe-orbit,nav button[data-tab="domains"]:focus-visible .globe-orbit{animation:domain-orbit 1.5s ease both}
nav button[data-tab="domains"]:hover .globe-node,nav button[data-tab="domains"]:focus-visible .globe-node{animation:domain-orbit 1.5s ease both}
nav button[data-tab="domains"]:hover .globe-spark,nav button[data-tab="domains"]:focus-visible .globe-spark{animation:domain-spark 1.5s ease both}
@keyframes domain-globe-tilt{0%,100%{transform:rotate(0)}40%{transform:rotate(-10deg)}70%{transform:rotate(4deg)}}
@keyframes domain-orbit{0%{opacity:0;transform:rotate(-40deg)}25%{opacity:.8}75%{opacity:.8}100%{opacity:0;transform:rotate(160deg)}}
@keyframes domain-spark{0%,100%{opacity:0}40%,60%{opacity:1}}
@media(prefers-reduced-motion:reduce){.domain-globe *{animation:none!important;transition:none!important}}
.sell-hand svg{display:block;width:32px;height:32px;overflow:visible;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.sell-palm{transform-origin:7px 26px;transition:stroke .25s ease}
.sell-coin{fill:#082b43;transform-box:fill-box;transform-origin:center;transition:stroke .25s ease,fill .25s ease}
.coin-two{opacity:.8}.coin-three{opacity:.6}
.sell-spark{stroke:#ef6957;opacity:0}
#sell-setup-nav.selected .sell-coin{stroke:#efb768;fill:#efb76814;opacity:1}
#sell-setup-nav:hover .sell-coin,#sell-setup-nav:focus-visible .sell-coin{stroke:#efb768;animation:sell-coin-drop 1.15s cubic-bezier(.22,1,.36,1) both}
#sell-setup-nav:hover .coin-two,#sell-setup-nav:focus-visible .coin-two{animation-delay:.12s}
#sell-setup-nav:hover .coin-three,#sell-setup-nav:focus-visible .coin-three{animation-delay:.24s}
#sell-setup-nav:hover .sell-palm,#sell-setup-nav:focus-visible .sell-palm{stroke:#fff2dd;animation:sell-hand-catch 1.5s ease both}
#sell-setup-nav:hover .sell-spark,#sell-setup-nav:focus-visible .sell-spark{animation:sell-coin-spark 1.5s ease both}
@keyframes sell-coin-drop{0%{opacity:0;transform:translateY(-5px) scale(.75)}30%{opacity:1;transform:translateY(0) scale(1)}65%{opacity:0;transform:translateY(10px) scale(.65)}66%{opacity:0;transform:translateY(-5px) scale(.8)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sell-hand-catch{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg)}65%{transform:rotate(2deg)}}
@keyframes sell-coin-spark{0%,100%{opacity:0}35%,65%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.sell-hand *{animation:none!important;transition:none!important}}
@media(hover:none){#app .workspace-sidebar .nav-text{pointer-events:auto}}
@media(min-width:801px){
  #app.shell{position:relative;grid-template-columns:68px minmax(0,1fr)}
  #app .workspace-sidebar{position:absolute;inset:0 auto 0 0;width:68px;padding:24px 8px;overflow:hidden;z-index:20;transition:width .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
  #app .workspace-sidebar:hover,#app .workspace-sidebar:has(:focus-visible){width:224px;box-shadow:12px 0 32px #082b432b}
  #app main{grid-column:2}
  .workspace-sidebar .brand{width:208px;gap:10px}
  .workspace-sidebar .network-emblem{width:36px;height:36px;flex:0 0 36px;margin-left:8px}
  .workspace-sidebar .brand-copy,.workspace-sidebar .nav-text,.workspace-sidebar #node-label,.workspace-sidebar .aside-bottom small{opacity:0;transform:translateX(-8px);transition:opacity .18s ease,transform .28s ease;white-space:nowrap;pointer-events:none}
  .workspace-sidebar:hover .brand-copy,.workspace-sidebar:hover .nav-text,.workspace-sidebar:hover #node-label,.workspace-sidebar:hover .aside-bottom small,.workspace-sidebar:has(:focus-visible) .brand-copy,.workspace-sidebar:has(:focus-visible) .nav-text,.workspace-sidebar:has(:focus-visible) #node-label,.workspace-sidebar:has(:focus-visible) .aside-bottom small{opacity:1;transform:translateX(0);transition-delay:.08s}
  #app .workspace-sidebar .nav-label{font-size:8px;letter-spacing:0;margin:30px 0 12px;width:52px;text-align:center;transition:font-size .3s ease,letter-spacing .3s ease}
  #app .workspace-sidebar:hover .nav-label,#app .workspace-sidebar:has(:focus-visible) .nav-label{font-size:15px;letter-spacing:1px;width:auto;text-align:left;margin-left:12px}
  #app .workspace-sidebar nav button,#app .workspace-sidebar #logout{display:flex;justify-content:flex-start;align-items:center;gap:12px;height:42px;white-space:nowrap;padding:9px 14px;text-align:left}
  #app .workspace-sidebar .nav-icon{width:24px;flex:0 0 24px;text-align:center;font-size:17px}
  #app .workspace-sidebar .nav-icon svg{width:24px;height:24px}
  #app .workspace-sidebar .nav-text{font:600 13px/1.4 "Segoe UI Variable","Segoe UI",sans-serif;color:inherit}
  .workspace-sidebar .aside-bottom{position:relative;white-space:nowrap;padding-top:30px}
  .workspace-sidebar .aside-bottom small{height:34px;font-size:9px}
  .workspace-sidebar #logout{overflow:hidden}
  .workspace-sidebar nav button:focus-visible,.workspace-sidebar #logout:focus-visible{outline:2px solid #ef6957;outline-offset:-2px}
}
@media(min-width:801px) and (hover:none){
  #app.shell{grid-template-columns:224px minmax(0,1fr)}
  #app .workspace-sidebar{width:224px}
  #app .workspace-sidebar .brand-copy,#app .workspace-sidebar .nav-text,#app .workspace-sidebar #node-label,#app .workspace-sidebar .aside-bottom small{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){#app .workspace-sidebar,#app .workspace-sidebar *{transition:none!important}}
@media(prefers-reduced-motion:reduce){aside .brand .brand-copy small{animation:none!important}}
#logout-dialog{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #d8c8af;border-radius:14px;background:#fff5e8;color:#082b43;box-shadow:0 24px 80px #082b4333}
#logout-description{margin-top:10px}#logout-error:empty{display:none}#logout-error{margin-top:12px}
#logout-dialog::backdrop{background:#082b4380;backdrop-filter:blur(4px)}
#logout-dialog{padding:32px;border-radius:20px;text-align:left;font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif}
#logout-dialog[open]{animation:logout-open .32s cubic-bezier(.16,1,.3,1) both}
#logout-dialog[open]::backdrop{animation:logout-backdrop .25s ease-out both}
#logout-dialog.is-closing{animation:logout-close .18s ease-in both}
#logout-dialog.is-closing::backdrop{animation:logout-backdrop .18s ease-in reverse both}
.logout-symbol{width:48px;height:48px;border-radius:14px;background:#082b430b;border:1px solid #082b4315;display:grid;place-items:center;margin-bottom:22px;color:#082b43}
.logout-symbol svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.logout-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#899097;margin-bottom:8px}
#logout-dialog h2{font-size:25px;font-weight:700;letter-spacing:-.6px;line-height:1.25}
#logout-description{font-size:14px;color:#69767b;line-height:1.75;margin-top:12px}
#logout-dialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;padding:0}
#logout-dialog .dialog-actions button{padding:12px 16px;font-size:14px;font-weight:600;border-radius:10px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
#logout-dialog .primary{display:flex;justify-content:center;align-items:center;gap:12px;background:#082b43;border-color:#082b43;color:#fff3df}
#logout-dialog .primary:hover{background:#bf3022;border-color:#bf3022;box-shadow:0 4px 12px #bf302220}
#logout-dialog .dialog-actions button:hover{transform:translateY(-1px)}#logout-dialog .dialog-actions button:active{transform:translateY(0) scale(.98)}
#logout-dialog button:focus-visible{outline:2px solid #789eaf;outline-offset:3px}
#logout-dialog button:disabled{transform:none;opacity:.6}
#logout{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
#logout:hover{background:#ffffff0c;color:#fff3df;border-color:#789eaf;transform:translateY(-2px)}#logout:active{transform:translateY(0)}
@keyframes logout-open{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes logout-close{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.985)}}
@keyframes logout-backdrop{from{background:#082b4300;backdrop-filter:blur(0)}to{background:#082b4380;backdrop-filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){#logout-dialog,#logout-dialog::backdrop{animation:none!important}#logout:hover{transform:none}}
/* Sell setup actions, with clear roles and restrained motion. */
#clients .row-actions,#plans .row-actions{gap:8px;flex-wrap:wrap;align-items:center}
#plans .row-actions{padding-top:16px;margin-top:8px;border-top:1px solid #d8c8af88}
#clients .row-actions button,#plans .row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;isolation:isolate;overflow:hidden;min-height:34px;padding:7px 11px;border-radius:8px;font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.1px;border:1px solid #082b4322;background:#f4ecdf;color:#082b43;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}
#clients .row-actions button::after,#plans .row-actions button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff66 50%,transparent 75%);transform:translateX(-120%);pointer-events:none;z-index:-1}
#clients .row-actions button:hover::after,#plans .row-actions button:hover::after{animation:sell-action-shine .65s ease-out}
#clients .row-actions button:hover,#plans .row-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #082b4314;border-color:#789eaf}
#clients .row-actions button:active,#plans .row-actions button:active{transform:translateY(0) scale(.96);box-shadow:none}
#clients .row-actions button:focus-visible,#plans .row-actions button:focus-visible{outline:2px solid #789eaf;outline-offset:3px}
#clients .row-actions button[data-action=details]{background:#082b43;border-color:#082b43;color:#fff3df}
#clients .row-actions button[data-action=enable],#plans .row-actions button[data-action=enable]{background:#e6ece4;color:#315d49;border-color:#adc3b4}
#clients .row-actions button[data-action=disable],#plans .row-actions button[data-action=disable]{background:#f1e5d0;color:#8a602b;border-color:#d9c19b}
#clients .row-actions button[data-action=delete],#plans .row-actions button[data-action=delete]{background:#f9e5dd;color:#b83729;border-color:#e8bfb0}
#clients .row-actions button[data-action=delete]:hover,#plans .row-actions button[data-action=delete]:hover{background:#f4d7cd;border-color:#d79583}
#clients .row-actions button:disabled,#plans .row-actions button:disabled{animation:none;transform:none;box-shadow:none;opacity:.55}
@keyframes sell-action-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){#clients .row-actions button,#plans .row-actions button{transition:none!important}#clients .row-actions button:hover,#plans .row-actions button:hover{transform:none}#clients .row-actions button::after,#plans .row-actions button::after{animation:none!important}}
/* Sell setup actions, with clear roles and restrained motion. */
#domains .row-actions,#domains .row-actions{gap:8px;flex-wrap:wrap;align-items:center}
#domains .row-actions{padding-top:16px;margin-top:8px;border-top:1px solid #d8c8af88}
#domains .row-actions button,#domains .row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;isolation:isolate;overflow:hidden;min-height:34px;padding:7px 11px;border-radius:8px;font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.1px;border:1px solid #082b4322;background:#f4ecdf;color:#082b43;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease}
#domains .row-actions button::after,#domains .row-actions button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff66 50%,transparent 75%);transform:translateX(-120%);pointer-events:none;z-index:-1}
#domains .row-actions button:hover::after,#domains .row-actions button:hover::after{animation:sell-action-shine .65s ease-out}
#domains .row-actions button:hover,#domains .row-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #082b4314;border-color:#789eaf}
#domains .row-actions button:active,#domains .row-actions button:active{transform:translateY(0) scale(.96);box-shadow:none}
#domains .row-actions button:focus-visible,#domains .row-actions button:focus-visible{outline:2px solid #789eaf;outline-offset:3px}
#domains .row-actions button[data-action=details]{background:#082b43;border-color:#082b43;color:#fff3df}
#domains .row-actions button[data-action=enable],#domains .row-actions button[data-action=enable]{background:#e6ece4;color:#315d49;border-color:#adc3b4}
#domains .row-actions button[data-action=disable],#domains .row-actions button[data-action=disable]{background:#f1e5d0;color:#8a602b;border-color:#d9c19b}
#domains .row-actions button[data-action=delete],#domains .row-actions button[data-action=delete]{background:#f9e5dd;color:#b83729;border-color:#e8bfb0}
#domains .row-actions button[data-action=delete]:hover,#domains .row-actions button[data-action=delete]:hover{background:#f4d7cd;border-color:#d79583}
#domains .row-actions button:disabled,#domains .row-actions button:disabled{animation:none;transform:none;box-shadow:none;opacity:.55}
@keyframes sell-action-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){#domains .row-actions button,#domains .row-actions button{transition:none!important}#domains .row-actions button:hover,#domains .row-actions button:hover{transform:none}#domains .row-actions button::after,#domains .row-actions button::after{animation:none!important}}
#agent-key-dialog{width:min(520px,calc(100vw - 32px));padding:28px;border-radius:16px}#agent-key-dialog label{display:grid;gap:8px;margin-top:20px}#local-agent-key{width:100%;font:12px Consolas,monospace}#agent-key-copy-status{font-size:12px;margin-top:10px}
#domains .row-actions{padding-top:0;margin-top:0;border-top:0}
.remote-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}.remote-agent-section{margin-top:22px}.remote-agent-section .card-head{margin-bottom:18px}#get-agent-key{margin-top:12px;font-size:12px}#remote-report{max-width:55%;text-align:right;font-size:11px}#remote-chart{height:160px}
@media(max-width:800px){.remote-pulse-grid{grid-template-columns:1fr}#remote-report{max-width:100%;text-align:left}#remote .telemetry-title{flex-wrap:wrap;gap:10px}}

/* Personal effects: BA is intentionally outside these selectors. */
body.effects-off-icon_overview .overview-monitor,body.effects-off-icon_overview .overview-monitor *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_clients .sell-hand,body.effects-off-icon_clients .sell-hand *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_domains .domain-globe,body.effects-off-icon_domains .domain-globe *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_remote .remote-computers,body.effects-off-icon_remote .remote-computers *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_admins .admin-chess,body.effects-off-icon_admins .admin-chess *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_backup .backup-icon,body.effects-off-icon_backup .backup-icon *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_settings .settings-gears,body.effects-off-icon_settings .settings-gears *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-icon_logout .logout-scene,body.effects-off-icon_logout .logout-scene *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-buttons #app button:not([data-effect]),body.effects-off-buttons #app button:not([data-effect]) *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-buttons #app button:not([data-effect])::before,body.effects-off-buttons #app button:not([data-effect])::after{animation:none!important;transition:none!important}
body.effects-off-logout_popup #logout-dialog,body.effects-off-logout_popup #logout-dialog *,body.effects-off-logout_popup #logout-dialog::backdrop{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-brand_caption .brand-copy small{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-metrics .chart-card,body.effects-off-metrics .chart-card *,body.effects-off-metrics .metric-changed,body.effects-off-metrics .metric-changed *,body.effects-off-metrics .connections-card .chart *{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-scroll .scroll-meter,body.effects-off-scroll main::-webkit-scrollbar-thumb{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-login_waves .login-waves,body.effects-off-login_waves .login-waves *,body.effects-off-login_waves .login-waves::before,body.effects-off-login_waves .login-waves::after{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-login_title .login-title-word,body.effects-off-login_title .login-title-word>span,body.effects-off-login_title #login h1 em.login-title-word::after{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-login_details .login-signal,body.effects-off-login_details .login-bottomline i,body.effects-off-login_details .login-orbit{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-beffects_button #beffects-toggle,body.effects-off-beffects_button #beffects-toggle::before{animation:none!important;transition:none!important;transform:none!important}
body.effects-off-title_overview[data-workspace="overview"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_clients[data-workspace="clients"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_domains[data-workspace="domains"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_remote[data-workspace="remote"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_admins[data-workspace="admins"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_backup[data-workspace="backup"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_settings[data-workspace="settings"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-page_transitions .page,body.effects-off-page_transitions .page>*{animation:none!important}
body.effects-off-page_transitions #app .bvoice-person,body.effects-off-page_transitions dialog.staff-profile-popup{animation:none!important}
body.effects-off-scroll .scroll-meter{display:none!important}
body.effects-off-login_waves .login-waves{display:none!important}

.panel-effects{margin-top:22px}.effects-note{font-size:12px;color:var(--muted);margin-bottom:20px}
body.effects-off-sidebar .workspace-sidebar,body.effects-off-sidebar .workspace-sidebar .brand-copy,body.effects-off-sidebar .workspace-sidebar .nav-text,body.effects-off-sidebar .workspace-sidebar .aside-bottom small{transition:none!important}
.effect-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.effect-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.panel-effects .effect-groups{display:block}
.effect-tabs{flex-wrap:wrap;max-width:100%;margin-bottom:18px}
.settings-tabs{flex-wrap:wrap;max-width:100%}
.settings-category-page>.panel-effects{margin-top:0}
.effect-tabs button{padding:9px 16px}
.effect-category-page{border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.effect-category-page h3{margin:0;font-size:15px}
.effect-category-page .effect-row{padding:13px 0}
.effect-group{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;min-width:0}
.effect-group summary{font-size:13px;font-weight:650;color:var(--ink);cursor:pointer;padding:2px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.effect-group summary::-webkit-details-marker,.panel-effects>summary::-webkit-details-marker{display:none}
.effect-group summary::after,.panel-effects>summary::after{content:'+';font-size:19px;color:var(--muted);font-weight:400}
.effect-group[open]>summary::after,.panel-effects[open]>summary::after{content:'\c3 \192 \c2 \a2 \2c6 \2019 '}
.effect-group-content{padding-top:10px}
.panel-effects>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;gap:20px}
.panel-effects>summary .card-head{margin-bottom:0}
.panel-effects[open]>summary{margin-bottom:18px}
.effect-group summary:focus-visible,.panel-effects>summary:focus-visible{outline:2px solid #789eaf;outline-offset:5px;border-radius:4px}
.effect-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;margin:0!important;border-bottom:1px solid #082b430c;font-size:12px;color:var(--ink);cursor:pointer}
.effect-row:last-child{border-bottom:0}.effect-switch{display:flex;align-items:center;gap:8px;flex-shrink:0}
.effect-switch input{appearance:none;width:34px;height:20px;border:0;border-radius:20px;padding:0;margin:0;background:#aab3b4;position:relative;cursor:pointer}
.effect-switch input::before{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#fff5e8}
.effect-switch input:checked{background:#082b43}.effect-switch input:checked::before{left:17px}
.effect-switch input:focus-visible{outline:2px solid #df301f;outline-offset:3px}
.effect-state{width:22px;font-size:11px;color:var(--muted)}#effects-save-status{margin-top:16px;font-size:12px}
@media(max-width:800px){.effect-groups{grid-template-columns:1fr}}

/* Shared surfaces and accents across login and the console. */
:root{--theme-paper:#f3e5ce;--theme-surface:#fff5e8;--theme-field:#fff9ef;--theme-navy:#082b43;--theme-red:#df301f;--theme-blue:#789eaf;--theme-border:#d8c8af;--theme-muted:#69767b;--bg:var(--theme-paper);--ink:var(--theme-navy);--nav:var(--theme-navy);--accent:var(--theme-red);--line:var(--theme-border);--muted:var(--theme-muted);--olive:var(--theme-navy);--ochre:var(--theme-red)}
#login{--login-navy:var(--theme-navy);--login-red:var(--theme-red)}
#login .login-card{background:color-mix(in srgb,var(--theme-surface) 96%,transparent);border-color:var(--theme-border);box-shadow:0 20px 60px #082b4324}
#login label{color:var(--theme-navy)}
#login .login-intro,#login .login-code-note{color:var(--theme-muted)}
#login input{background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-navy);border-radius:8px}
#login input:focus{background:var(--theme-field);border-color:var(--theme-blue);box-shadow:0 0 0 3px #789eaf22}
#login .primary{border-radius:8px;background:var(--theme-navy);border-color:var(--theme-navy);color:var(--theme-surface)}
#app.shell{background:radial-gradient(ellipse at top right,#fff5e877,transparent 65%),var(--theme-paper)}
#app .stats article,#app .card{background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 3px 12px #082b4306}
#app .card:hover{border-color:#b5bcb7;box-shadow:0 5px 16px #082b430c}
#app input,#app select{background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-navy)}
#app input:focus,#app select:focus{border-color:var(--theme-blue);box-shadow:0 0 0 3px #789eaf22}
#app .next-card,#app .check-list{background:#f7ecd9;border-color:var(--theme-border)}
#app .udp-strip{background:#f7ecd9;border-color:var(--theme-border)}
#app .udp-strip strong,#app .security-note{color:var(--theme-navy)}
#app .chart-head strong,#app .plan-details b{color:var(--theme-navy)}
#app .route-focus{background:#e3e9e5!important;border-color:#b6c7c9!important}
#app .effect-category-page{background:var(--theme-field)}
body.panel-background *,body.panel-background *::before,body.panel-background *::after{animation-play-state:paused!important}
#interface-select{max-width:calc(100% - 44px);text-overflow:ellipsis}.chart-card{min-width:0}
#app .panel-effects .effect-switch input{width:42px;height:24px;background:#737d83;border:1px solid #5a646b;box-shadow:inset 0 1px 3px #082b4320;transition:background .2s ease,border-color .2s ease}
#app .panel-effects .effect-switch input::before{width:18px;height:18px;top:2px;left:2px;background:#fff;box-shadow:0 1px 3px #082b4333;transition:left .2s ease}
#app .panel-effects .effect-switch input:checked{background:#082b43;border-color:#082b43}
#app .panel-effects .effect-switch input:checked::before{left:20px;background:#fff5e8}
.panel-effects .effect-state{width:34px;text-align:center;font-size:12px;font-weight:750;color:#59646b}
.panel-effects .effect-switch:has(input:checked) .effect-state{color:#082b43}
#app .panel-effects .effect-switch input:disabled{opacity:.65;cursor:wait}
.effects-reset-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;font-size:12px;color:var(--muted)}
#app .effects-reset{padding:9px 20px;border-radius:8px;background:#082b43;color:#fff5e8;border-color:#082b43;font-weight:650;min-width:82px}
#app .effects-reset:hover{background:#17465e;border-color:#17465e}#app .effects-reset:disabled{opacity:.6;cursor:wait}
#app #effects-reset{display:block;margin:14px 0 16px}
#effects-reset-dialog{width:min(440px,calc(100vw - 32px));padding:30px;border-radius:18px;border:1px solid var(--line);background:var(--theme-surface);color:var(--ink);box-shadow:0 24px 80px #082b4333}
#effects-reset-dialog::backdrop{background:#082b4380;backdrop-filter:blur(4px)}
#effects-reset-dialog[open]{animation:logout-open .28s cubic-bezier(.16,1,.3,1) both}
#effects-reset-dialog h2{font-size:24px;letter-spacing:-.5px}
#effects-reset-description{margin:14px 0 24px;font-size:14px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
#effects-reset-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:0}
#effects-reset-dialog button{border-radius:8px;padding:10px 16px;font-weight:600}
@media(prefers-reduced-motion:reduce){#effects-reset-dialog[open]{animation:none}}
.modes-note{font-size:13px;color:var(--muted);margin:12px 0 20px}.mode-options{display:flex;flex-wrap:wrap;gap:14px}
#app .mode-option{display:grid;gap:12px;text-align:left;width:150px;padding:14px;border-radius:12px;font-weight:650;background:var(--theme-surface);color:var(--ink);border:2px solid var(--line)}
#app .mode-option[aria-pressed=true]{border-color:var(--theme-blue);box-shadow:0 0 0 2px #789eaf22}
.mode-preview{display:block;height:62px;border-radius:6px;background:linear-gradient(90deg,#082b43 22%,#f3e5ce 22% 50%,#fff5e8 50%);border:1px solid #789eaf55}
[data-panel-mode=light] .mode-preview{background:linear-gradient(90deg,#e8eef4 22%,#f7f9fc 22% 50%,#fff 50%)}
[data-panel-mode=dark] .mode-preview{background:linear-gradient(90deg,#080b10 22%,#10151c 22% 50%,#1a212b 50%)}
body[data-mode=light]{--theme-paper:#f3f6fa;--theme-surface:#fff;--theme-field:#f8fafc;--theme-navy:#18384f;--theme-border:#d6dee8;--theme-muted:#58697c;--theme-red:#c63e32;--theme-blue:#547f9f;--mode-sidebar:#e8eef4;--mode-navtext:#24445c;--mode-selected:#d6e4ef;color-scheme:light}
body[data-mode=dark]{--theme-paper:#0e1218;--theme-surface:#171d26;--theme-field:#111720;--theme-navy:#e4edf5;--theme-border:#34404e;--theme-muted:#abb8c6;--theme-red:#ff8170;--theme-blue:#88aecb;--mode-sidebar:#080c12;--mode-navtext:#bac9d8;--mode-selected:#253448;color-scheme:dark}
body[data-mode=light],body[data-mode=dark]{background:var(--theme-paper);color:var(--ink)}
body[data-mode=light] #app,body[data-mode=dark] #app{background:var(--theme-paper)}
body[data-mode]:not([data-mode=default]) #app .workspace-sidebar{background:var(--mode-sidebar);color:var(--mode-navtext);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app nav button,body[data-mode]:not([data-mode=default]) #app #logout{background:transparent;color:var(--mode-navtext);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app nav button.selected,body[data-mode]:not([data-mode=default]) #app nav button:hover{background:var(--mode-selected);color:var(--ink)}
body[data-mode]:not([data-mode=default]) #app .nav-label{color:var(--mode-navtext)}
body[data-mode]:not([data-mode=default]) #app .nav-label:hover{color:var(--ink)}
body[data-mode]:not([data-mode=default]) #app :is(h1,h2,h3,strong,.protocol-total,.chart-head strong,.metric-icon,.security-note,.effect-state){color:var(--ink)}
body[data-mode]:not([data-mode=default]) #app :is(button,.button){background:var(--theme-surface);color:var(--ink);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app :is(.primary,.sell-setup-tabs button.selected,#effects-reset){background:var(--mode-selected);color:var(--ink);border-color:var(--theme-blue)}
body[data-mode]:not([data-mode=default]) #app :is(.sell-setup-tabs,.protocol-panel,.udp-strip,.next-card,.check-list,th,.pill,.protocol-tag,.badge,.live-pill,.domain-chip,.permission-chip,.notice,.message){background:var(--theme-field);color:var(--ink);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app :is(.notice p,.footnote,.muted,.effects-note,form label,.udp-strip p){color:var(--muted)}
body[data-mode]:not([data-mode=default]) :is(dialog,#logout-dialog,#effects-reset-dialog){background:var(--theme-surface);color:var(--ink);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) :is(dialog,#logout-dialog,#effects-reset-dialog) button{background:var(--theme-field);color:var(--ink);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #logout-description{color:var(--muted)}
body[data-mode]:not([data-mode=default]) #app .effect-switch input:checked{background:#315b7c;border-color:#88aecb}
body[data-mode]:not([data-mode=default]) #app .effect-switch input:checked::before{background:#fff}
body[data-mode]:not([data-mode=default]) #app .row-actions button{background:var(--theme-field);color:var(--ink);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app .row-actions button[data-action=delete]{color:var(--theme-red)}
body[data-mode]:not([data-mode=default]) #app main::-webkit-scrollbar-track{background:var(--theme-paper);border-color:var(--line)}
body[data-mode=light] .brand-ba .ba-solid-b{fill:#18384f}body[data-mode=light] .brand-ba .ba-solid-a{fill:#547f9f}
body[data-mode]:not([data-mode=default]){--bg:var(--theme-paper);--ink:var(--theme-navy);--muted:var(--theme-muted);--line:var(--theme-border);--nav:var(--mode-sidebar);--accent:var(--theme-red);--olive:var(--theme-blue);--ochre:var(--theme-red)}
body[data-mode]:not([data-mode=default]) #app :is(.card,.stats article){background:var(--theme-surface);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app .effect-category-page{background:var(--theme-field);border-color:var(--line)}
body[data-mode]:not([data-mode=default]) #app :is(.eyebrow,footer,.effect-state,.effects-reset-row){color:var(--muted)}
body[data-mode]:not([data-mode=default]) #app #page-title.clients-title-motion{background-image:linear-gradient(110deg,var(--ink) 0%,var(--ink) 40%,var(--theme-blue) 48%,var(--theme-red) 52%,var(--ink) 60%,var(--ink) 100%)}
body[data-mode]:not([data-mode=default]) #app .mode-option[aria-pressed=true]{border-color:var(--theme-blue);box-shadow:0 0 0 2px #789eaf33}
body[data-mode=light] #app .nav-icon svg [stroke]{stroke:#365c78}
body[data-mode=dark] #app .chart svg [stroke="#082b43"]{stroke:#88aecb}
body[data-mode=dark] #app .chart svg [stroke="#df301f"]{stroke:#ff8170}
body[data-mode=dark] #app .chart svg text{fill:#abb8c6}
.refresh-toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--ink);box-shadow:0 12px 36px #082b4326;font:600 14px/1.4 "Segoe UI",sans-serif;pointer-events:none;animation:refresh-toast-life 5s ease both}
.refresh-toast[hidden]{display:none}.refresh-toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#789eaf22;color:var(--theme-navy);font-size:18px}
@keyframes refresh-toast-life{0%{opacity:0;transform:translateY(12px)}6%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(6px)}}
@media(max-width:600px){.refresh-toast{right:16px;bottom:16px;max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.refresh-toast{animation:none}}
.refresh-toast{top:24px;bottom:auto;left:50%;right:auto;translate:-50% 0}
@media(max-width:600px){.refresh-toast{top:16px;bottom:auto;left:50%;right:auto;width:max-content}}
body[data-mode=ocean]{--theme-paper:#e5f2f4;--theme-surface:#f5fcfc;--theme-field:#edf8f8;--theme-navy:#123e52;--theme-border:#aecfd3;--theme-muted:#476d78;--theme-red:#c86443;--theme-blue:#23818c;--mode-sidebar:#123e52;--mode-navtext:#c6e9ec;--mode-selected:#c5e7e9;color-scheme:light}
body[data-mode=dusk]{--theme-paper:#191525;--theme-surface:#261f36;--theme-field:#201a2d;--theme-navy:#f0e6f7;--theme-border:#514460;--theme-muted:#baacc9;--theme-red:#eaa0b8;--theme-blue:#b39bdd;--mode-sidebar:#110e1c;--mode-navtext:#dac9ed;--mode-selected:#443454;color-scheme:dark}
[data-panel-mode=ocean] .mode-preview{background:linear-gradient(90deg,#123e52 22%,#e5f2f4 22% 50%,#c5e7e9 50%)}
[data-panel-mode=dusk] .mode-preview{background:linear-gradient(90deg,#110e1c 22%,#261f36 22% 50%,#b39bdd 50%)}
body[data-mode=ocean] #app nav button.selected,body[data-mode=ocean] #app nav button:hover{color:#123e52}
body[data-mode=dusk] #app .chart svg [stroke="#082b43"]{stroke:#b39bdd}
body[data-mode=dusk] #app .chart svg [stroke="#df301f"]{stroke:#eaa0b8}
body[data-mode=dusk] #app .chart svg text{fill:#baacc9}
body[data-mode=ocean],body[data-mode=dusk]{background:var(--theme-paper);color:var(--ink)}
body[data-mode=ocean] #app,body[data-mode=dusk] #app{background:var(--theme-paper)}
body[data-mode]:not([data-mode=default]) #app .workspace-sidebar nav button{background:transparent;color:var(--mode-navtext);border-color:transparent}
body[data-mode]:not([data-mode=default]) #app .workspace-sidebar nav button.selected,body[data-mode]:not([data-mode=default]) #app .workspace-sidebar nav button:hover{background:var(--mode-selected);color:var(--ink)}
body[data-mode=soft]{--theme-paper:#d8d2c5;--theme-surface:#e5dfd2;--theme-field:#dcd6c9;--theme-navy:#343d37;--theme-border:#b2b3a3;--theme-muted:#586158;--theme-red:#895c48;--theme-blue:#5c7464;--mode-sidebar:#303a33;--mode-navtext:#d9ddce;--mode-selected:#bccbb9;color-scheme:light;background:var(--theme-paper);color:var(--ink)}
body[data-mode=soft] #app{background:var(--theme-paper)}
[data-panel-mode=soft] .mode-preview{background:linear-gradient(90deg,#303a33 22%,#d8d2c5 22% 50%,#bccbb9 50%)}
body[data-mode=soft] #app .chart svg [stroke="#082b43"]{stroke:#5c7464}
body[data-mode=soft] #app .chart svg [stroke="#df301f"]{stroke:#895c48}
body[data-mode=soft] #app .chart svg text{fill:#586158}

/* Vector brand inspired by the three-bar Bolteaction wordmark. */
#app .workspace-sidebar .brand-vector{width:208px;display:flex;align-items:center;gap:10px;color:#d9e9ed}
#app .brand-vector .bolte-logo-mark{width:30px;height:26px;flex:0 0 30px;margin-left:11px;display:block}
.bolte-logo-word{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-weight:750;font-size:23px;line-height:1.15;letter-spacing:-1px;color:inherit}
#app .brand-vector .brand-copy{color:inherit}
.login-vector-brand{display:flex;align-items:center;gap:9px;color:#082b43}
.login-vector-brand .bolte-logo-mark{width:27px;height:24px;flex:none}
.login-vector-brand .bolte-logo-word{font-size:25px;letter-spacing:-.8px}
body[data-mode=light] #app .brand-vector{color:#18384f}
body[data-mode=soft] #app .brand-vector{color:#d9ddce}
body[data-mode=dusk] #app .brand-vector{color:#dac9ed}
.bolte-logo-mark{animation:bolte-mark-shine 6s ease-in-out infinite}
@keyframes bolte-mark-shine{0%,65%,100%{filter:none;opacity:1}76%{filter:drop-shadow(0 0 4px #789eaf88);opacity:.78}84%{filter:drop-shadow(0 0 7px #b9ddebaa);opacity:1}92%{filter:drop-shadow(0 0 2px #789eaf44);opacity:1}}
body.effects-off-brand_caption .bolte-logo-mark{animation:none}
@media(prefers-reduced-motion:reduce){.bolte-logo-mark{animation:none}}
#login .login-bottomline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 13px;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:10px 18px;border:1px solid #082b4326;border-radius:24px;background:#fff5e8ed;color:#082b43;font:650 12px/1.5 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:.25px;text-shadow:none;box-shadow:0 2px 10px #082b430c}
#login .login-footer-divider{color:#aa392a;font-size:12px}
@media(max-width:680px){#login .login-bottomline{font-size:10px;gap:5px 8px;padding:8px 12px;margin-bottom:42px}}
#login .login-topline{width:fit-content;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px;background:#fff5e8e8;border:1px solid #082b4326;border-radius:14px;box-shadow:0 4px 18px #082b430c;color:#082b43}
#login .login-topline .login-vector-brand{gap:10px;flex-shrink:0}
#login .login-topline .bolte-logo-word{font-size:26px;font-weight:750;letter-spacing:-.8px}
#login .login-topline>span:nth-child(2){font:650 10px/1.4 "Segoe UI",sans-serif;letter-spacing:1.6px;padding-left:20px;border-left:1px solid #082b4333;color:#345063;white-space:nowrap}
@media(max-width:680px){#login .login-topline{padding:10px 14px;gap:12px}#login .login-topline .bolte-logo-word{font-size:21px}#login .login-topline>span:nth-child(2){font-size:8px;letter-spacing:.7px;padding-left:12px}#login .login-topline .bolte-logo-mark{width:23px;height:22px}}
/* Login glass surfaces, with an opaque fallback for older browsers. */
#login .login-card,#login .login-topline,#login .login-bottomline,#login #beffects-toggle{background:#fff5e8e8;border:1px solid #fffaf1bb;box-shadow:inset 0 1px 0 #ffffffcc,inset 0 -1px 0 #082b4314,0 8px 28px #082b4318;color:#082b43}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #login .login-card,#login .login-topline,#login .login-bottomline,#login #beffects-toggle{background:linear-gradient(135deg,#fffaf180,#fff5e84d 55%,#fffaf16b);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}
 #login .login-card{background:linear-gradient(135deg,#fffaf1b3,#fff5e88c 55%,#fffaf199);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)}
}
#login input{background:#fffaf180;border-color:#082b4340;box-shadow:inset 0 1px 3px #082b4308,inset 0 1px 0 #ffffff80}
#login input:focus{background:#fffaf1b3;border-color:#547f9f;box-shadow:0 0 0 3px #789eaf22,inset 0 1px 0 #ffffff99}
#login #beffects-toggle[aria-pressed=false]{background:linear-gradient(135deg,#fffaf180,#fff5e84d)}
#login #beffects-toggle{position:fixed;left:24px;bottom:24px;top:auto;right:auto;z-index:5}
@media(max-width:680px){#login #beffects-toggle{left:12px;bottom:12px}}
#login .login-topline{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0}
#login .login-code-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #082b4326;text-align:center}
#login .login-code-note>span{display:flex;align-items:center;justify-content:center;flex:0 0 20px;font-size:20px;line-height:1;color:#aa392a}
#login .login-code-note small{display:block;margin:0;font:500 12px/1.5 "Segoe UI",sans-serif;color:#345063;letter-spacing:.1px}
.email-service-card .effects-note{margin:14px 0;color:var(--muted)}
#email-service-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.email-test-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.email-test-row input{max-width:300px;margin:0}
@media(max-width:680px){#email-service-form{grid-template-columns:1fr}}
.ceo-icon svg{display:block;overflow:visible}.ceo-pen{transform-origin:28px 29px;transition:transform .25s ease}.ceo-paper{fill:#789eaf14}.ceo-signature{stroke:#ef9d78;stroke-dasharray:32;stroke-dashoffset:32}
#ceo-nav:hover .ceo-pen,#ceo-nav:focus-visible .ceo-pen{animation:ceo-signing 1.8s ease-in-out both}
#ceo-nav:hover .ceo-signature,#ceo-nav:focus-visible .ceo-signature{animation:ceo-signature-draw 1.8s ease both}
#ceo-nav.selected .ceo-paper{fill:#789eaf33}
@keyframes ceo-signing{0%{transform:translate(2px,-4px) rotate(-9deg)}20%{transform:translate(-3px,3px) rotate(-4deg)}35%{transform:translate(-1px,1px) rotate(4deg)}50%{transform:translate(1px,3px) rotate(-3deg)}65%{transform:translate(4px,2px) rotate(3deg)}80%{transform:translate(6px,3px) rotate(-2deg)}100%{transform:translate(2px,-4px) rotate(-9deg)}}
@keyframes ceo-signature-draw{0%,20%{stroke-dashoffset:32}80%,100%{stroke-dashoffset:0}}
body.effects-off-icon_settings .ceo-pen,body.effects-off-icon_settings .ceo-signature{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.ceo-pen,.ceo-signature{animation:none!important;transition:none!important}.ceo-signature{stroke-dashoffset:0}}
.profile-details{display:grid;gap:14px;margin-top:20px}.profile-details>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.profile-details span{color:var(--muted)}.profile-details strong{overflow-wrap:anywhere}
.profile-activity{margin-top:22px}.profile-activity-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.profile-activity-row span,.profile-activity-row time{color:var(--muted)}
@media(max-width:680px){.profile-activity-row{grid-template-columns:1fr;gap:4px}.profile-details>div{grid-template-columns:1fr;gap:4px}}
#profile .profile-identity{display:flex;align-items:center;gap:18px;border:0}.profile-identity img,.profile-initial{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}.profile-initial{display:grid;place-items:center;font-size:30px;background:var(--theme-field);color:var(--ink)}
#profile .profile-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-account>div{display:grid;gap:3px}.profile-account span{font-size:12px;color:var(--muted)}
#personal-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}#personal-profile-form label{display:grid;gap:7px;color:var(--muted)}#personal-profile-form input,#personal-profile-form select,#personal-profile-form textarea{width:100%;margin:0}#personal-profile-form textarea{background:var(--theme-field);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;min-height:100px;resize:vertical}#personal-profile-form [role=status]{grid-column:1/-1;color:var(--muted)}
@media(max-width:680px){#personal-profile-form,#profile .profile-account{grid-template-columns:1fr}}
#profile .profile-preview,#profile .profile-edit-page{display:block;border:0;padding:0}
#profile .profile-preview[hidden],#profile .profile-edit-page[hidden]{display:none}
.profile-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;padding-top:22px;border-top:1px solid var(--line)}.profile-preview-fields>div{display:grid;gap:6px}.profile-preview-fields span{font-size:12px;color:var(--muted)}.profile-preview-fields strong{font-size:14px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-edit-page>h3{margin:20px 0 0}.profile-preview>button{padding:10px 20px}
@media(max-width:680px){.profile-preview-fields{grid-template-columns:1fr}}
#app .single-settings-gear{color:#9da5ae}
.single-settings-gear svg{display:block;overflow:visible;stroke:#9da5ae;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.single-settings-gear .single-gear-rotor{transform-origin:16px 16px;animation:single-settings-spin 16s linear infinite;animation-play-state:paused}
.single-settings-gear polygon{fill:#9da5ae14}.single-settings-gear .gear-hub{fill:#9da5ae66;stroke-width:1}.single-settings-gear .gear-detail{opacity:.55;stroke-width:1}
#app [data-tab=settings]:hover .single-settings-gear svg,#app [data-tab=settings].selected .single-settings-gear svg{stroke:#c0c6cc}
#app [data-tab=settings]:hover .single-settings-gear polygon{fill:#9da5ae30}
@keyframes single-settings-spin{to{transform:rotate(360deg)}}
body.effects-off-icon_settings .single-gear-rotor{animation:none!important}
@media(prefers-reduced-motion:reduce){.single-settings-gear .single-gear-rotor{animation:none}}

#app [data-tab=settings]:hover .single-gear-rotor{animation-play-state:running}

.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.staff-card{min-width:0}.staff-card .profile-identity{margin-bottom:20px}.staff-card h2{margin:0;font-size:24px}.staff-field{border-top:1px solid var(--theme-border);padding:12px 0}.staff-field>span{font-size:12px;color:var(--theme-muted)}.staff-field p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.staff-icon svg{width:100%;height:100%}

.staff-preview-card{display:flex;flex-direction:column;align-items:flex-start}.staff-preview-card .staff-summary{margin:0 0 20px;color:var(--theme-muted);overflow-wrap:anywhere}.staff-preview-card>button{margin-top:auto}.staff-profile-page>button{margin-bottom:20px}.staff-profile-page>.staff-card{max-width:760px}

.bchat-card{max-width:1000px}.bchat-messages{height:clamp(240px,48vh,560px);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--theme-border);border-radius:16px}.bchat-message{display:flex;gap:12px;align-items:flex-start}.bchat-message>img,.bchat-message>.profile-initial{width:38px;height:38px;min-width:38px;object-fit:cover;border-radius:50%;font-size:18px}.bchat-message>div{min-width:0;max-width:85%;background:var(--theme-field);border:1px solid var(--theme-border);border-radius:12px;padding:12px 16px}.bchat-message.own>div{border-color:var(--theme-blue)}.bchat-message-head{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.bchat-message time{font-size:11px;color:var(--theme-muted)}.bchat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}#bchat-form textarea{width:100%;box-sizing:border-box;margin-top:8px}.bchat-compose{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.bchat-compose small{color:var(--theme-muted)}

.bchat-shell.private{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.bchat-thread{min-width:0}.bchat-contacts{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow:auto}.bchat-contact{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:14px;width:100%}.bchat-contact .profile-initial{width:38px;height:38px;min-width:38px;font-size:18px}.bchat-contact>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.bchat-contact strong{overflow-wrap:anywhere}.bchat-contact small{font-size:11px;opacity:.75}.bchat-contact.selected{border-color:var(--theme-blue);background:var(--theme-field)}.bchat-peer-header{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-field)}.bchat-peer-header>img,.bchat-peer-header>.profile-initial{width:46px;height:46px;min-width:46px;object-fit:cover;border-radius:50%;font-size:21px}.bchat-peer-header>div{display:flex;flex-direction:column;gap:5px}.bchat-peer-header strong{font-size:18px;overflow-wrap:anywhere}.bchat-peer-header small{color:var(--theme-muted)}@media(max-width:700px){.bchat-shell.private{grid-template-columns:minmax(0,1fr)}.bchat-contacts{flex-direction:row;max-height:none;overflow-x:auto}.bchat-contact{min-width:180px;width:auto;flex-shrink:0}}

/* BChat: compact messenger layout, shared theme colors. */
#bchat .bchat-card{max-width:1180px;padding:22px;overflow:hidden}#bchat .bchat-card>h2{font-size:22px;letter-spacing:-.4px;margin:0 0 6px}#bchat .bchat-card>.effects-note{font-size:13px;margin-bottom:20px}.bchat-tabs{gap:6px;margin-bottom:18px;width:fit-content;border:1px solid var(--theme-border);border-radius:14px;padding:5px;background:var(--theme-field)}.bchat-tabs button{border:0;border-radius:10px;padding:10px 18px;font-size:13px}.bchat-shell{border:1px solid var(--theme-border);border-radius:20px;overflow:hidden;background:var(--theme-surface)}.bchat-shell.private{grid-template-columns:250px minmax(0,1fr);gap:0}.bchat-thread{display:flex;flex-direction:column}.bchat-messages{height:clamp(300px,52vh,640px);border:0;border-radius:0;padding:24px;gap:12px;background:var(--theme-paper);scroll-behavior:smooth}.bchat-messages:empty:before{content:attr(data-empty);margin:auto;max-width:260px;text-align:center;color:var(--theme-muted);font-size:14px;line-height:1.7}.bchat-message{gap:9px;align-items:flex-end}.bchat-message>img,.bchat-message>.profile-initial{width:32px;height:32px;min-width:32px;font-size:15px}.bchat-message>div{max-width:min(78%,620px);padding:12px 15px;border-radius:16px 16px 16px 4px;background:var(--theme-surface);box-shadow:0 2px 4px #00000005}.bchat-message.own{flex-direction:row-reverse}.bchat-message.own>div{background:var(--theme-field);border-color:var(--theme-blue);border-radius:16px 16px 4px 16px}.bchat-message-head{justify-content:space-between;gap:18px}.bchat-message-head strong{font-size:12px;color:var(--theme-blue)}.bchat-message p{font-size:14px;line-height:1.65;margin-top:6px}.bchat-message time{font-size:10px;white-space:nowrap}.bchat-day{align-self:center;padding:5px 12px;border:1px solid var(--theme-border);border-radius:20px;color:var(--theme-muted);font-size:11px;margin:8px 0}.bchat-contacts{padding:16px 12px;border-right:1px solid var(--theme-border);max-height:none;gap:6px}.bchat-contacts h3{font-size:14px;margin:0 4px 8px}.bchat-contacts>input{box-sizing:border-box;width:100%;font-size:12px;padding:10px 12px;border-radius:10px;margin-bottom:10px}.bchat-contact{border:1px solid transparent;background:transparent;padding:11px 10px;border-radius:12px}.bchat-contact.selected{border-color:var(--theme-blue);background:var(--theme-field)}.bchat-contact strong{font-size:13px}.bchat-peer-header{border:0;border-bottom:1px solid var(--theme-border);border-radius:0;margin:0;padding:14px 20px;background:var(--theme-surface)}.bchat-peer-header>img,.bchat-peer-header>.profile-initial{width:38px;height:38px;min-width:38px;font-size:18px}.bchat-peer-header strong{font-size:15px}#bchat-status{margin:0;padding:0 18px;font-size:12px;color:var(--theme-muted)}#bchat-status:not(:empty){padding:10px 18px}#bchat-form{padding:14px 18px;border-top:1px solid var(--theme-border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;background:var(--theme-surface)}#bchat-form textarea{margin:0;min-height:46px;max-height:140px;resize:none;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}.bchat-compose{margin:0;display:flex;flex-direction:column-reverse;gap:5px}.bchat-compose small{font-size:9px}.bchat-compose button{display:flex;align-items:center;gap:8px;border-radius:13px;min-height:46px;padding:10px 16px}.bchat-compose svg{width:18px;height:18px;flex-shrink:0}.bchat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){#bchat .bchat-card{padding:14px}.bchat-shell.private{grid-template-columns:minmax(0,1fr)}.bchat-contacts{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--theme-border);max-height:180px;overflow:auto}.bchat-contacts h3{width:100%}.bchat-contacts>input{width:100%;margin-bottom:4px}.bchat-contact{min-width:155px;flex:1}.bchat-messages{padding:16px;height:46vh}.bchat-message>div{max-width:82%}#bchat-form{padding:12px;gap:8px}.bchat-compose button{padding:11px}.bchat-compose button span,.bchat-compose small{display:none}}@media(prefers-reduced-motion:reduce){.bchat-messages{scroll-behavior:auto}}

.bchat-contact>img{width:38px;height:38px;min-width:38px;object-fit:cover;border-radius:50%}.bchat-contact>span:last-child{flex:1;overflow:hidden}.bchat-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:170px}

/* Fit BChat to the viewport; scroll conversation panes rather than the page. */
body[data-workspace="bchat"]:has(#app:not([hidden])){height:100dvh;overflow:hidden}
body[data-workspace="bchat"] #app{height:100dvh;min-height:0;overflow:hidden}
body[data-workspace="bchat"] main{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
body[data-workspace="bchat"] main>header,body[data-workspace="bchat"] main>footer,body[data-workspace="bchat"] main>.message{flex-shrink:0}
body[data-workspace="bchat"] #bchat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
body[data-workspace="bchat"] #bchat>.bchat-tabs{flex-shrink:0}
body[data-workspace="bchat"] #bchat>.bchat-card{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin-bottom:0}
body[data-workspace="bchat"] .bchat-card>h2,body[data-workspace="bchat"] .bchat-card>.effects-note{flex-shrink:0}
body[data-workspace="bchat"] .bchat-shell{flex:1;min-height:0;overflow:hidden;display:flex}
body[data-workspace="bchat"] .bchat-shell.private{display:grid;grid-template-rows:minmax(0,1fr)}
body[data-workspace="bchat"] .bchat-thread{flex:1;min-height:0;overflow:hidden}
body[data-workspace="bchat"] .bchat-messages{height:auto;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
body[data-workspace="bchat"] .bchat-peer-header,body[data-workspace="bchat"] #bchat-status,body[data-workspace="bchat"] #bchat-form{flex-shrink:0}
body[data-workspace="bchat"] .bchat-contacts{min-height:0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){body[data-workspace="bchat"] .bchat-shell.private{grid-template-rows:auto minmax(0,1fr)}body[data-workspace="bchat"] .bchat-contacts{max-height:125px;flex-wrap:nowrap;overflow-x:auto}body[data-workspace="bchat"] .bchat-contacts h3,body[data-workspace="bchat"] .bchat-contacts>input{display:none}}
@media(max-height:650px){body[data-workspace="bchat"] main{padding-top:12px;padding-bottom:12px}body[data-workspace="bchat"] main>header{margin-bottom:10px}body[data-workspace="bchat"] #bchat>.bchat-tabs{margin-bottom:10px}body[data-workspace="bchat"] #bchat>.bchat-card{padding:12px}body[data-workspace="bchat"] .bchat-card>.effects-note{display:none}body[data-workspace="bchat"] #bchat-form textarea{max-height:70px}body[data-workspace="bchat"] .bchat-peer-header{padding:8px 14px}}

/* BChat fills the browser content area at any window size or zoom. */
body[data-workspace="bchat"] main{max-width:none;width:100%;min-width:0;padding:clamp(12px,2vw,28px)}
body[data-workspace="bchat"] main>header{margin-bottom:16px;min-width:0}
body[data-workspace="bchat"] main>footer{padding-top:12px;margin-top:0}
body[data-workspace="bchat"] #bchat>.bchat-card{max-width:none;width:100%;padding:clamp(12px,1.3vw,22px)}
body[data-workspace="bchat"] #bchat>.bchat-tabs{margin-bottom:12px}
body[data-workspace="bchat"] .bchat-card>.effects-note{margin-bottom:14px}
body[data-workspace="bchat"] .bchat-shell.private{grid-template-columns:clamp(200px,20vw,280px) minmax(0,1fr)}
body[data-workspace="bchat"] .bchat-shell,body[data-workspace="bchat"] .bchat-thread,body[data-workspace="bchat"] .bchat-messages{min-width:0}
body[data-workspace="bchat"] #bchat-form textarea{background:var(--theme-field);color:var(--theme-navy);border:1px solid var(--theme-border)}
body[data-workspace="bchat"] #bchat-form textarea::placeholder{color:var(--theme-muted);opacity:.8}
@media(max-width:700px){body[data-workspace="bchat"] main{padding:12px}body[data-workspace="bchat"] .bchat-shell.private{grid-template-columns:minmax(0,1fr)}body[data-workspace="bchat"] main>header{margin-bottom:10px}}
@media(max-height:650px){body[data-workspace="bchat"] main{padding-top:10px;padding-bottom:10px}body[data-workspace="bchat"] main>header{margin-bottom:8px}body[data-workspace="bchat"] main>footer{display:none}body[data-workspace="bchat"] #bchat>.bchat-card>h2{font-size:17px}body[data-workspace="bchat"] #bchat>.bchat-tabs{margin-bottom:8px}}

.bchat-phone svg{display:block;width:100%;height:100%;overflow:visible}.chat-phone-frame{fill:currentColor;fill-opacity:.045}.chat-phone-screen{opacity:.65}.chat-phone-speaker,.chat-phone-home{opacity:.55}.chat-hand,.chat-tap-sparks,.chat-phone-typing{opacity:0;transition:opacity .18s ease}.chat-hand{fill:var(--nav);fill-opacity:.95;transform-box:fill-box;transform-origin:center}.chat-hand-left{transform:translate(-3px,3px)}.chat-hand-right{transform:translate(3px,3px)}[data-tab="bchat"]:hover .chat-hand{opacity:1}[data-tab="bchat"]:hover .chat-hand-left{animation:chat-thumb-left .8s ease-in-out infinite}[data-tab="bchat"]:hover .chat-hand-right{animation:chat-thumb-right .8s ease-in-out infinite}[data-tab="bchat"]:hover .chat-phone-typing{opacity:.9;animation:chat-typing-light .8s ease-in-out infinite}[data-tab="bchat"]:hover .chat-tap-sparks{opacity:.65;animation:chat-typing-light .8s ease-in-out infinite reverse}[data-tab="bchat"]:hover .chat-phone-screen{opacity:.95}@keyframes chat-thumb-left{0%,100%{transform:translate(0,1px) rotate(-3deg)}50%{transform:translate(1px,-1px) rotate(3deg)}}@keyframes chat-thumb-right{0%,100%{transform:translate(-1px,-1px) rotate(-3deg)}50%{transform:translate(0,1px) rotate(3deg)}}@keyframes chat-typing-light{0%,100%{opacity:.3}50%{opacity:1}}body.effects-off-icon_bchat .bchat-phone *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.bchat-phone *{animation:none!important;transition:none!important}}

.bchat-phone svg{transition:transform .24s cubic-bezier(.2,.8,.2,1);transform-origin:center}[data-tab="bchat"]:hover .bchat-phone svg{transform:scale(1.2)}.chat-phone-keyboard{opacity:0;transition:opacity .2s ease}.chat-keyboard-tray{stroke-width:.65;opacity:.7}.phone-key{opacity:.35;transform-box:fill-box;transform-origin:center}[data-tab="bchat"]:hover .chat-phone-keyboard{opacity:1}[data-tab="bchat"]:hover .phone-key{animation:phone-key-press 1.7s ease-in-out infinite}[data-tab="bchat"]:hover .key-b{animation-delay:.2s}[data-tab="bchat"]:hover .key-c{animation-delay:.7s}[data-tab="bchat"]:hover .key-d{animation-delay:1.1s}[data-tab="bchat"]:hover .key-e{animation-delay:.9s}[data-tab="bchat"]:hover .key-f{animation-delay:.4s}[data-tab="bchat"]:hover .key-g{animation-delay:1.3s}[data-tab="bchat"]:hover .key-h{animation-delay:.6s}[data-tab="bchat"]:hover .key-space{animation-delay:1.5s}[data-tab="bchat"]:hover .chat-phone-screen{animation:phone-text-write 1.7s ease-in-out infinite}.bchat-phone .chat-phone-screen path{stroke-dasharray:12;stroke-dashoffset:0}@keyframes phone-key-press{0%,12%,100%{opacity:.35;transform:translateY(0)}5%{opacity:1;transform:translateY(.4px);fill:#efb768}}@keyframes phone-text-write{0%{opacity:.45;stroke-dashoffset:12}65%,100%{opacity:1;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.bchat-phone svg{transition:none}[data-tab="bchat"]:hover .phone-key,[data-tab="bchat"]:hover .chat-phone-screen{animation:none}}

.staff-icon svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.staff-icon .staff-head{fill:currentColor;fill-opacity:.08}.staff-icon .staff-side{opacity:.65}.staff-icon .staff-details{opacity:.45;stroke-width:1}.staff-icon .staff-badge{fill:var(--nav);stroke-width:1.2}.staff-icon .staff-badge-check{stroke-width:1}[data-tab="staff"]:hover .staff-icon svg{transform:scale(1.18)}@media(prefers-reduced-motion:reduce){.staff-icon svg{transition:none}}

/* Staff hover: gentle settle, with a smooth return on pointer leave. */
.staff-icon svg{transition:transform .36s cubic-bezier(.22,1,.36,1);will-change:auto}.staff-icon .staff-side{transition:opacity .3s ease}.staff-icon .staff-badge-check{transition:opacity .3s ease;opacity:.7}[data-tab="staff"]:hover .staff-icon svg{transform:scale(1.2);animation:staff-hover-settle .5s cubic-bezier(.22,1,.36,1) both}[data-tab="staff"]:hover .staff-side,[data-tab="staff"]:hover .staff-badge-check{opacity:1}@keyframes staff-hover-settle{0%{transform:scale(1)}55%{transform:scale(1.24)}100%{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){[data-tab="staff"]:hover .staff-icon svg{animation:none}.staff-icon svg,.staff-icon .staff-side,.staff-icon .staff-badge-check{transition:none}}

.staff-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.staff-profile-actions button{font-size:13px}.staff-message-button{border-color:var(--theme-blue);background:var(--theme-field)}.staff-message-button:disabled{opacity:.45;cursor:not-allowed}.staff-profile-page .staff-message-button{margin-bottom:18px}

#ceo-tools-card>section{padding:20px 0;border-top:1px solid var(--theme-border)}#ceo-tools-card h3{margin-top:0}#ceo-tools-card select{margin:10px 10px 12px 0}#ceo-tools-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}#ceo-tools-card form label{display:flex;flex-direction:column;gap:6px}.ceo-review-messages{max-height:460px;overflow:auto;margin-top:16px}.ceo-review-messages small{margin-left:16px}.ceo-review-messages p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){#ceo-tools-card form{grid-template-columns:1fr}}

.ceo-review-shell{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);height:560px;max-height:65vh;min-height:300px}.ceo-review-contacts{display:flex;flex-direction:column;min-height:0;padding:12px;border-right:1px solid var(--theme-border);gap:12px}.ceo-review-contacts>input{width:100%;box-sizing:border-box}.ceo-review-contacts>div{overflow:auto;min-height:0}.ceo-conversation{display:flex;width:100%;text-align:left;gap:10px;margin-bottom:6px;align-items:center}.ceo-conversation>div{min-width:0}.ceo-conversation strong,.ceo-conversation small{display:block}.ceo-conversation small{font-size:10px;color:var(--theme-muted)}.ceo-conversation p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;margin:5px 0}.ceo-conversation img,.ceo-conversation .profile-initial{width:32px;height:32px;min-width:32px;border-radius:50%;object-fit:cover}.ceo-review-shell .bchat-thread{min-height:0;min-width:0}.ceo-review-shell .ceo-review-messages{height:auto;max-height:none;min-height:0;flex:1;margin:0;overflow:auto;overscroll-behavior:contain}.ceo-review-shell .bchat-peer-header{display:flex;gap:12px;align-items:center}.ceo-review-shell .bchat-peer-header strong{flex:1}.ceo-review-messages>p{text-align:center;color:var(--theme-muted);margin:auto}@media(max-width:650px){.ceo-review-shell{grid-template-columns:1fr;height:650px;max-height:80vh;grid-template-rows:180px minmax(0,1fr)}.ceo-review-contacts{border-right:0;border-bottom:1px solid var(--theme-border)}}

#ceo-tools-card .ceo-tools-tabs{margin:18px 0 8px;flex-wrap:wrap}#ceo-tools-card>section[hidden]{display:none}#ceo-tools-card>section{border-top:0;padding:18px 0 0}#ceo-tools-card>h2{margin-bottom:8px}

#ceo-tool-page-1 .profile-identity{display:flex;align-items:center;gap:16px}#ceo-tool-page-1 .profile-identity img,#ceo-tool-page-1 .profile-identity>.profile-initial{width:64px;height:64px;min-width:64px;border-radius:50%;object-fit:cover;font-size:26px}#ceo-tool-page-1 .profile-identity h2{margin:0;font-size:22px}#ceo-tool-page-1 .profile-identity p{margin:6px 0 0}.ceo-profile-editor{max-width:850px}.ceo-profile-editor>div{margin:20px 0}#ceo-tool-page-1 [hidden]{display:none}

.ceo-review-shell{height:620px;max-height:72vh;border-radius:20px;box-shadow:0 8px 24px #00000008}.ceo-review-shell .bchat-peer-header{flex-wrap:wrap;padding:16px 20px;gap:14px}.ceo-chat-person{display:flex;align-items:center;gap:10px;min-width:0}.ceo-chat-person img,.ceo-chat-person>.profile-initial{width:38px;height:38px;min-width:38px;border-radius:50%;object-fit:cover}.ceo-chat-person strong{display:block;font-size:14px}.ceo-chat-person small,.ceo-chat-sender small{display:block;color:var(--theme-muted);font-size:11px;margin-top:3px}.ceo-chat-divider{color:var(--theme-muted)}.ceo-chat-readonly{margin-left:auto;padding:5px 10px;border:1px solid var(--theme-border);border-radius:20px;font-size:10px;color:var(--theme-muted)}.ceo-review-shell .ceo-review-messages{padding:24px;gap:16px;background:var(--theme-paper);background-image:radial-gradient(var(--theme-border) .6px,transparent .6px);background-size:20px 20px}.ceo-review-shell .bchat-message>div{max-width:min(80%,580px);box-shadow:0 3px 10px #00000006}.ceo-review-shell .bchat-message.own>div{background:var(--theme-field)}.ceo-review-shell .bchat-day{background:var(--theme-surface)}.ceo-review-shell .bchat-message-head{align-items:flex-start}.ceo-review-shell .bchat-message p{margin-top:9px}.ceo-chat-sender small{margin-left:0}@media(max-width:650px){.ceo-review-shell{height:650px;max-height:80vh}.ceo-review-shell .ceo-review-messages{padding:14px}.ceo-review-shell .bchat-peer-header{padding:12px;gap:8px}.ceo-chat-readonly{display:none}.ceo-chat-person strong{font-size:12px}.ceo-chat-person img,.ceo-chat-person>.profile-initial{width:30px;height:30px;min-width:30px}}

/* Keep chat scrollbars visible inside the message and conversation panes. */
.ceo-review-shell .ceo-review-messages,.ceo-review-contacts>div{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--theme-blue) var(--theme-field)}
.ceo-review-shell .ceo-review-messages::-webkit-scrollbar,.ceo-review-contacts>div::-webkit-scrollbar{width:9px}
.ceo-review-shell .ceo-review-messages::-webkit-scrollbar-track,.ceo-review-contacts>div::-webkit-scrollbar-track{background:var(--theme-field);border-radius:12px}
.ceo-review-shell .ceo-review-messages::-webkit-scrollbar-thumb,.ceo-review-contacts>div::-webkit-scrollbar-thumb{background:var(--theme-blue);border:2px solid var(--theme-field);border-radius:12px;min-height:36px}
.ceo-review-shell .ceo-review-messages::-webkit-scrollbar-thumb:hover,.ceo-review-contacts>div::-webkit-scrollbar-thumb:hover{background:var(--theme-muted)}

/* Constrain CEO chat content so messages overflow rather than shrink. */
.ceo-review-shell{grid-template-rows:minmax(0,1fr);box-sizing:border-box}
.ceo-review-shell>.bchat-thread{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;overflow:hidden;min-height:0}
.ceo-review-shell .ceo-review-messages{box-sizing:border-box;height:100%;min-height:0;max-height:100%;overflow-y:scroll;overflow-x:hidden;scroll-behavior:auto;pointer-events:auto}
.ceo-review-shell .ceo-review-messages>*{flex-shrink:0}
.ceo-review-contacts{overflow:hidden;box-sizing:border-box}
.ceo-review-contacts>input{flex-shrink:0}
.ceo-review-contacts>div{flex:1;min-height:0;overflow-y:auto}
.ceo-review-shell .bchat-peer-header>.ceo-chat-person{flex-direction:row}
@media(max-width:650px){.ceo-review-shell{grid-template-rows:180px minmax(0,1fr)}}

/* Consistent profile avatars across CEO conversations and staff cards. */
#ceo-tools-card .profile-initial{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;line-height:1;text-align:center;font-weight:600;border:2px solid var(--theme-border);color:var(--theme-blue);background:var(--theme-paper);overflow:hidden;padding:0;margin:0}
#ceo-tools-card .ceo-chat-person>.profile-initial{width:38px;height:38px;min-width:38px;font-size:17px;border-radius:50%}
#ceo-tools-card .ceo-chat-person{flex-direction:row;align-items:center;gap:10px}
#ceo-tools-card .ceo-chat-person>div{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
#ceo-tools-card .ceo-chat-person strong{line-height:1.25;margin:0}
#ceo-tools-card .ceo-chat-person small{margin:0;line-height:1.3}
#ceo-tools-card .ceo-conversation>.profile-initial,#ceo-tools-card .bchat-message>.profile-initial{width:32px;height:32px;min-width:32px;font-size:14px;border-radius:50%}
#ceo-tools-card .ceo-chat-person>img,#ceo-tools-card .ceo-conversation>img,#ceo-tools-card .bchat-message>img{display:block;flex-shrink:0;box-sizing:border-box;border:2px solid var(--theme-border);object-fit:cover;object-position:center;border-radius:50%}
@media(max-width:650px){#ceo-tools-card .ceo-chat-person>.profile-initial{width:30px;height:30px;min-width:30px;font-size:14px}}

.bchat-ceo-menu{position:fixed;z-index:10000;min-width:210px;padding:8px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-ink);box-shadow:0 12px 35px #0004}.bchat-ceo-menu[hidden]{display:none}.bchat-ceo-menu strong{display:block;padding:8px;color:var(--theme-muted);font-size:12px}.bchat-ceo-menu button{display:block;width:100%;text-align:left;margin:4px 0}.bchat-timeout-dialog{width:min(420px,85vw);padding:24px;border:1px solid var(--theme-border);border-radius:20px;background:var(--theme-surface);color:var(--theme-ink)}.bchat-timeout-dialog::backdrop{background:#0008}.bchat-timeout-dialog select{width:100%;margin:10px 0 20px}.bchat-timeout-dialog button{margin-right:8px}

.bchat-timeout-banner{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;line-height:1.8;color:var(--theme-muted);background:var(--theme-paper);font-size:16px}.bchat-timeout-banner[hidden],#bchat .bchat-messages[hidden],#bchat-form[hidden]{display:none}

/* Soft artwork behind a full-screen glass veil; foreground stays sharp. */
#login::before{inset:-14px;background:url('/login-art.png?v=0af9159410d2e8c8') center/cover no-repeat;filter:blur(9px) saturate(.92);pointer-events:none}
#login::after{display:block;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;transform:none;filter:none;background:linear-gradient(130deg,#fffaf13d 0%,#f3e5ce18 45%,#fffaf14d 100%);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #fff4;-webkit-backdrop-filter:blur(3px) saturate(1.08);backdrop-filter:blur(3px) saturate(1.08)}
@media(max-width:680px){#login::before{background-size:cover;background-position:62% center;filter:blur(7px) saturate(.92)}}

/* Login follows the selected mode while retaining the same glass and motion. */
body[data-mode]:not([data-mode=default]) #login{--login-navy:var(--theme-navy);--login-red:var(--theme-red);background:var(--theme-paper);color:var(--theme-navy)}
body[data-mode]:not([data-mode=default]) #login::before{opacity:.35}
body[data-mode]:not([data-mode=default]) #login::after{background:var(--theme-paper);opacity:.55}
body[data-mode]:not([data-mode=default]) #login .login-card{background:var(--theme-surface);background:color-mix(in srgb,var(--theme-surface) 76%,transparent);border-color:var(--theme-border);color:var(--theme-navy)}
body[data-mode]:not([data-mode=default]) #login :is(label,h1,.login-kicker,.login-vector-brand,.login-topline,.login-bottomline){color:var(--theme-navy)}
body[data-mode]:not([data-mode=default]) #login :is(.login-intro,.login-note,.login-kicker>span:last-child,.login-topline>span:nth-child(2)){color:var(--theme-muted)}
body[data-mode]:not([data-mode=default]) #login input{background:var(--theme-field);color:var(--theme-navy);border-color:var(--theme-border)}
body[data-mode]:not([data-mode=default]) #login input::placeholder{color:var(--theme-muted)}
body[data-mode]:not([data-mode=default]) #login input:focus{background:var(--theme-field);border-color:var(--theme-blue)}
body[data-mode]:not([data-mode=default]) #login .login-bottomline{background:var(--theme-surface);background:color-mix(in srgb,var(--theme-surface) 75%,transparent);border-color:var(--theme-border)}
body[data-mode]:not([data-mode=default]) #login .primary{background:var(--theme-blue);border-color:var(--theme-blue);color:var(--theme-paper)}
body[data-mode]:not([data-mode=default]) #login :is(h1 em,.login-footer-divider){color:var(--theme-red)}

#login .login-modes{position:absolute;left:24px;bottom:24px;z-index:10;color:var(--login-navy)}
#login .login-modes-toggle{padding:10px 18px;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface);color:var(--theme-navy);font-size:14px;font-weight:650;box-shadow:0 4px 16px #0001}
#login .login-modes-menu{position:absolute;bottom:52px;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:260px;padding:12px;border-radius:18px;border:1px solid var(--theme-border);background:var(--theme-surface);background:color-mix(in srgb,var(--theme-surface) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 35px #0002}
#login .login-modes-menu[hidden]{display:none}#login .login-modes-menu button{font-size:12px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);border-radius:12px;padding:10px}#login .login-modes-menu button[aria-pressed=true]{border-color:var(--theme-blue);box-shadow:0 0 0 2px var(--theme-blue)}
@media(max-width:680px){#login .login-modes{left:14px;bottom:14px}#login .login-modes-toggle{padding:8px 14px}#login .login-modes-menu{width:230px}}

#login .login-modes-toggle{display:flex;align-items:center;gap:10px}.login-mode-monitor{width:30px;height:27px;flex:none;overflow:visible}.mode-monitor-screen{fill:var(--theme-blue);animation:mode-screen-colors 9s ease-in-out infinite}.mode-monitor-lines{stroke:var(--theme-paper);opacity:.85;transition:opacity .25s}.login-modes-toggle:hover .mode-monitor-lines{opacity:1}.login-modes-toggle:hover .login-mode-monitor{filter:drop-shadow(0 0 4px var(--theme-blue))}.login-mode-monitor{transition:filter .25s}
@keyframes mode-screen-colors{0%,100%{fill:var(--theme-blue)}33%{fill:var(--theme-red)}66%{fill:var(--theme-muted)}}
@media(prefers-reduced-motion:reduce){.mode-monitor-screen{animation:none}.login-mode-monitor{transition:none}}

/* Monitor remains still until hovered or keyboard-focused. */
.mode-monitor-screen{animation:none;fill:var(--theme-blue)}.mode-monitor-led{fill:var(--theme-blue);opacity:.6}.mode-monitor-reflection{stroke:#fff;opacity:.35}.mode-monitor-scan{stroke:var(--theme-paper);opacity:0;transform:translateY(0)}
.login-modes-toggle:is(:hover,:focus-visible) .mode-monitor-screen{animation:mode-screen-colors 4.8s ease-in-out infinite}
.login-modes-toggle:is(:hover,:focus-visible) .mode-monitor-lines{animation:mode-screen-content 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.login-modes-toggle:is(:hover,:focus-visible) .mode-monitor-scan{animation:mode-monitor-scan 2.4s ease-in-out infinite}
.login-modes-toggle:is(:hover,:focus-visible) .mode-monitor-led{animation:mode-monitor-led 1.6s ease-in-out infinite}
@keyframes mode-screen-content{0%,100%{opacity:.85;transform:translateX(0)}40%{opacity:.2;transform:translateX(2px)}60%{opacity:1;transform:translateX(0)}}
@keyframes mode-monitor-scan{0%,100%{opacity:0;transform:translateY(0)}20%{opacity:.45}80%{opacity:0;transform:translateY(10px)}}
@keyframes mode-monitor-led{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.login-modes-toggle:is(:hover,:focus-visible) .login-mode-monitor *{animation:none}}

#login .login-modes-toggle{padding:8px 12px;gap:7px;border-radius:14px;font-size:12px;font-weight:650;line-height:1.2;min-height:36px;background:var(--theme-surface);background:color-mix(in srgb,var(--theme-surface) 74%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff40,0 3px 10px #0000000d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#login .login-modes-toggle .login-mode-monitor{width:24px;height:22px}
#login .login-modes-menu{bottom:44px}
@media(max-width:680px){#login .login-modes-toggle{padding:7px 10px;min-height:33px;font-size:11px;gap:6px}#login .login-modes-toggle .login-mode-monitor{width:22px;height:20px}}

/* Overview glass surfaces: static gradients keep live chart updates inexpensive. */
body[data-workspace=overview] #app main{background-image:radial-gradient(ellipse at 8% 5%,color-mix(in srgb,var(--theme-blue) 13%,transparent),transparent 48%),radial-gradient(ellipse at 92% 65%,color-mix(in srgb,var(--theme-red) 8%,transparent),transparent 50%)}
#overview :is(.card,.stats article){background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff38,0 8px 26px #00000009;isolation:isolate}
@supports (background:color-mix(in srgb,white,transparent)){
 #overview :is(.card,.stats article){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 78%,transparent),color-mix(in srgb,var(--theme-surface) 58%,transparent));border-color:color-mix(in srgb,var(--theme-border) 75%,#ffffff30);backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)}
 #overview .protocol-panel{background:color-mix(in srgb,var(--theme-field) 64%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff25;border-radius:14px}
 #overview :is(.pill,.protocol-tag,select){background:color-mix(in srgb,var(--theme-field) 78%,transparent);border-color:var(--theme-border);color:var(--theme-navy)}
 #overview .service-list>div{background:color-mix(in srgb,var(--theme-field) 50%,transparent);border-color:var(--theme-border);border-radius:12px}
}
#overview :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff45,0 10px 28px #0000000d;border-color:var(--theme-blue)}
#overview :is(.chart-caption,.footnote,.stats small){color:var(--theme-muted)}
@media(max-width:680px){#overview :is(.card,.stats article){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}

/* Layered edge reflections and translucent tint for Overview glass. */
#overview :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #overview :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#overview :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#overview :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#overview :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=overview] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#overview :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}

/* Sell setup uses the same glass finish as Overview. */
/* Layered edge reflections and translucent tint for Overview glass. */
:is(#clients,#plans) :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 :is(#clients,#plans) :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
:is(#clients,#plans) :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
:is(#clients,#plans) :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
:is(#clients,#plans) :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body:is([data-workspace=clients],[data-workspace=plans]) #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){:is(#clients,#plans) :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}

@supports (background:color-mix(in srgb,white,transparent)){
 :is(#clients,#plans) :is(th,.usage-stats>div,.plan-domains){background:color-mix(in srgb,var(--theme-field) 58%,transparent)}
 :is(#clients,#plans) td{background:transparent;border-color:var(--theme-border)}
 :is(#clients,#plans) tbody tr:hover{background:color-mix(in srgb,var(--theme-blue) 9%,transparent)}
 #sell-setup-tabs{background:color-mix(in srgb,var(--theme-surface) 72%,transparent);border:1px solid var(--theme-border);border-radius:14px;padding:5px;box-shadow:inset 0 1px 0 #ffffff45}
}
:is(#clients,#plans) .card{border-radius:18px}

/* Glass category switch for Clients and Plans. */
#sell-setup-tabs{display:flex;gap:6px;width:fit-content;padding:5px;border-radius:16px;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff60,0 5px 16px #0000000b;backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}
#sell-setup-tabs button{position:relative;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--theme-muted);box-shadow:none;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;transform:none}
#sell-setup-tabs button:hover{color:var(--theme-navy);background:color-mix(in srgb,var(--theme-field) 45%,transparent);transform:none}
#sell-setup-tabs button.selected{color:var(--theme-navy);background:var(--theme-field);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 75%,#ffffff12),color-mix(in srgb,var(--theme-blue) 16%,transparent));border-color:color-mix(in srgb,var(--theme-border) 70%,#ffffff50);box-shadow:inset 0 1px 0 #ffffff75,inset 0 -1px 0 #00000008,0 3px 10px #0000000a}
#sell-setup-tabs button.selected::after{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);pointer-events:none}
#sell-setup-tabs button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#sell-setup-tabs button{transition:none}}

/* Domains glass surfaces. */
/* Layered edge reflections and translucent tint for Overview glass. */
#domains :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #domains :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#domains :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#domains :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#domains :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=domains] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#domains :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}


@supports (background:color-mix(in srgb,white,transparent)){
 #domains th{background:color-mix(in srgb,var(--theme-field) 58%,transparent)}
 #domains td{background:transparent;border-color:var(--theme-border)}
 #domains tbody tr:hover{background:color-mix(in srgb,var(--theme-blue) 9%,transparent)}
 #domains button:not(.primary){background:color-mix(in srgb,var(--theme-field) 72%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff35,0 2px 6px #00000008}
 #domains button:not(.primary):hover{background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-field));border-color:var(--theme-blue)}
 #domains .primary{box-shadow:inset 0 1px 0 #ffffff45,0 4px 12px #00000012;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-red) 88%,#fff),var(--theme-red))}
}
#domains .table-card{border-radius:18px}

/* Glass Add domain action. */
#domains button[data-add=domains]{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#domains button[data-add=domains]{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#domains button[data-add=domains]::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#domains button[data-add=domains]::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#domains button[data-add=domains]:hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#domains button[data-add=domains]:active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#domains button[data-add=domains]:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#domains button[data-add=domains]{transition:none}}

/* Glass Add client action. */
#clients button[data-add=clients]{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#clients button[data-add=clients]{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#clients button[data-add=clients]::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#clients button[data-add=clients]::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#clients button[data-add=clients]:hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#clients button[data-add=clients]:active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#clients button[data-add=clients]:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#clients button[data-add=clients]{transition:none}}

/* Remote node glass surfaces. */
/* Layered edge reflections and translucent tint for Overview glass. */
#remote :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #remote :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#remote :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#remote :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#remote :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=remote] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#remote :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}


/* Remote node glass buttons. */
#remote button{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#remote button{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#remote button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#remote button::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#remote button:hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#remote button:active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#remote button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#remote button{transition:none}}


@supports (background:color-mix(in srgb,white,transparent)){
 #remote :is(input,select){background:color-mix(in srgb,var(--theme-field) 72%,transparent);color:var(--theme-navy);border-color:var(--theme-border);box-shadow:inset 0 1px 3px #00000006}
 #remote :is(.pill,.live-pill){background:color-mix(in srgb,var(--theme-field) 70%,transparent);border-color:var(--theme-border)}
}
#remote :is(input,select):focus{outline:2px solid var(--theme-blue);outline-offset:2px}
#remote button:disabled{transform:none;filter:none;opacity:.5}

/* Backup glass surfaces. */
/* Layered edge reflections and translucent tint for Overview glass. */
#backup :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #backup :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#backup :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#backup :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#backup :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=backup] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#backup :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}


/* Backup glass buttons. */
#backup :is(button,.button){position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#backup :is(button,.button){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#backup :is(button,.button)::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#backup :is(button,.button)::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#backup :is(button,.button):hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#backup :is(button,.button):active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#backup :is(button,.button):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#backup :is(button,.button){transition:none}}


@supports (background:color-mix(in srgb,white,transparent)){
 #backup :is(input,select){background:color-mix(in srgb,var(--theme-field) 72%,transparent);color:var(--theme-navy);border-color:var(--theme-border);box-shadow:inset 0 1px 3px #00000006}
 #backup :is(.pill,.live-pill){background:color-mix(in srgb,var(--theme-field) 70%,transparent);border-color:var(--theme-border)}
}
#backup :is(input,select):focus{outline:2px solid var(--theme-blue);outline-offset:2px}
#backup :is(button,.button):disabled{transform:none;filter:none;opacity:.5}

#backup .download-row{background:color-mix(in srgb,var(--theme-field) 35%,transparent);border-color:var(--theme-border);border-radius:14px;padding:16px;margin-top:12px}#backup #history>div{border-color:var(--theme-border)}

/* BChat: glass frame with readable message surfaces and fixed composition. */
body[data-workspace=bchat] #app main{background-image:radial-gradient(ellipse at 5% 5%,color-mix(in srgb,var(--theme-blue) 19%,transparent),transparent 50%),radial-gradient(ellipse at 95% 95%,color-mix(in srgb,var(--theme-red) 9%,transparent),transparent 50%)}
#bchat .bchat-card{background:var(--theme-surface);border-color:var(--theme-border);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff60,0 8px 26px #0000000c}
@supports (background:color-mix(in srgb,white,transparent)){
 #bchat .bchat-card{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 68%,transparent),color-mix(in srgb,var(--theme-surface) 48%,transparent));backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}
 #bchat .bchat-shell{background:color-mix(in srgb,var(--theme-surface) 30%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff30}
 #bchat .bchat-messages{background:color-mix(in srgb,var(--theme-paper) 40%,transparent);background-image:radial-gradient(color-mix(in srgb,var(--theme-border) 35%,transparent) .6px,transparent .6px);background-size:24px 24px}
 #bchat :is(.bchat-peer-header,#bchat-form,.bchat-contacts){background:color-mix(in srgb,var(--theme-surface) 55%,transparent);border-color:var(--theme-border)}
 #bchat .bchat-message>div{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 88%,transparent),color-mix(in srgb,var(--theme-surface) 70%,transparent));border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff28,0 3px 10px #00000007}
 #bchat .bchat-message.own>div{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface)),color-mix(in srgb,var(--theme-field) 80%,transparent));border-color:color-mix(in srgb,var(--theme-blue) 60%,var(--theme-border))}
 #bchat :is(.bchat-tabs,.bchat-day){background:color-mix(in srgb,var(--theme-surface) 70%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff30}
 #bchat :is(.bchat-tabs button.selected,.bchat-contact.selected){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 80%,transparent),color-mix(in srgb,var(--theme-blue) 14%,transparent));border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff50}
 #bchat :is(textarea,.bchat-contacts>input){background:color-mix(in srgb,var(--theme-field) 70%,transparent);color:var(--theme-navy);border-color:var(--theme-border);box-shadow:inset 0 1px 3px #00000009}
 #bchat .bchat-compose button{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 75%,transparent),color-mix(in srgb,var(--theme-blue) 22%,transparent));color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff60,0 3px 10px #0000000a}
}
#bchat .bchat-tabs button{transition:background .22s,border-color .22s,box-shadow .22s;transform:none}
#bchat .bchat-contact:hover{background:color-mix(in srgb,var(--theme-field) 60%,transparent);transform:none}
#bchat .bchat-message p{color:var(--theme-navy)}
#bchat .profile-initial{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;box-sizing:border-box;background:var(--theme-field);color:var(--theme-navy);border:1px solid var(--theme-border)}
#bchat :is(textarea,.bchat-contacts>input):focus{outline:2px solid var(--theme-blue);outline-offset:2px}
#bchat textarea::placeholder{color:var(--theme-muted)}
#bchat .bchat-compose button:hover{box-shadow:inset 0 1px 0 #ffffff80,0 5px 12px #00000010}
#bchat .bchat-compose button:disabled{opacity:.45;transform:none;box-shadow:none}
@media(max-width:680px){#bchat .bchat-card{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}
@media(prefers-reduced-motion:reduce){#bchat .bchat-tabs button{transition:none}}

/* Staff directory and profile glass. */
/* Layered edge reflections and translucent tint for Overview glass. */
#staff :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #staff :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#staff :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#staff :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#staff :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=staff] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#staff :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}


/* Glass Add domain action. */
#staff button{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#staff button{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#staff button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#staff button::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#staff button:hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#staff button:active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#staff button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#staff button{transition:none}}


@supports (background:color-mix(in srgb,white,transparent)){
 #staff .staff-field{background:color-mix(in srgb,var(--theme-field) 35%,transparent);border:1px solid var(--theme-border);border-radius:12px;padding:14px 16px;margin-top:10px;box-shadow:inset 0 1px 0 #ffffff20}
 #staff .profile-initial{background:color-mix(in srgb,var(--theme-field) 75%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff50}
}
#staff .staff-profile-page>.staff-card{border-radius:20px}
#staff .profile-identity img{object-fit:cover;border:1px solid var(--theme-border);box-shadow:0 3px 10px #0000000a}
#staff .staff-field>span{color:var(--theme-muted)}#staff .staff-field p{color:var(--theme-navy)}
#staff button:disabled{opacity:.45;transform:none;box-shadow:none}

/* Settings glass cards, actions and category navigation. */
/* Layered edge reflections and translucent tint for Overview glass. */
#settings :is(.card,.stats article){position:relative;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #00000012,0 10px 30px #0000000d}
@supports (background:color-mix(in srgb,white,transparent)){
 #settings :is(.card,.stats article){background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 64%,#ffffff12) 0%,color-mix(in srgb,var(--theme-surface) 40%,transparent) 46%,color-mix(in srgb,var(--theme-surface) 62%,transparent) 100%);border-color:color-mix(in srgb,var(--theme-border) 62%,#ffffff45);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
}
#settings :is(.card,.stats article)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(115deg,#ffffff16,transparent 28%,transparent 72%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0c}
#settings :is(.card,.stats article)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);border-radius:100%}
#settings :is(.card,.stats article):hover{box-shadow:inset 0 1px 0 #ffffff88,inset 1px 0 0 #ffffff30,inset 0 -1px 0 #00000012,0 12px 32px #00000012}
body[data-workspace=settings] #app main{background-image:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--theme-blue) 22%,transparent),transparent 48%),radial-gradient(ellipse at 95% 72%,color-mix(in srgb,var(--theme-red) 12%,transparent),transparent 48%)}
@media(max-width:680px){#settings :is(.card,.stats article){backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12)}}


/* Glass Add domain action. */
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button){position:relative;isolation:isolate;overflow:hidden;border-radius:14px;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000c,0 5px 14px #0000000c;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
@supports (background:color-mix(in srgb,white,transparent)){#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 70%,transparent),color-mix(in srgb,var(--theme-blue) 20%,transparent));border-color:color-mix(in srgb,var(--theme-border) 68%,#ffffff50)}}
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button)::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff24,transparent 45%,#ffffff08);z-index:-1}
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button)::after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button):hover{color:var(--theme-navy);border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffffa0,0 7px 18px #00000012;transform:translateY(-1px)}
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button):active{transform:translateY(0);box-shadow:inset 0 1px 4px #00000010}
#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#settings button:not(.effect-toggle):not([role=tab]):not(.mode-option):not(#bvoice-audio-settings button){transition:none}}


/* Glass category switch for Clients and Plans. */
#settings .settings-tabs{display:flex;gap:6px;width:fit-content;padding:5px;border-radius:16px;background:var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff60,0 5px 16px #0000000b;backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}
#settings .settings-tabs button{position:relative;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--theme-muted);box-shadow:none;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;transform:none}
#settings .settings-tabs button:hover{color:var(--theme-navy);background:color-mix(in srgb,var(--theme-field) 45%,transparent);transform:none}
#settings .settings-tabs button.selected{color:var(--theme-navy);background:var(--theme-field);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 75%,#ffffff12),color-mix(in srgb,var(--theme-blue) 16%,transparent));border-color:color-mix(in srgb,var(--theme-border) 70%,#ffffff50);box-shadow:inset 0 1px 0 #ffffff75,inset 0 -1px 0 #00000008,0 3px 10px #0000000a}
#settings .settings-tabs button.selected::after{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#ffffffa0,transparent);pointer-events:none}
#settings .settings-tabs button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#settings .settings-tabs button{transition:none}}


@supports (background:color-mix(in srgb,white,transparent)){
 #settings :is(input,textarea,select){background:color-mix(in srgb,var(--theme-field) 78%,transparent);color:var(--theme-navy);border-color:var(--theme-border)}
 #settings :is(.staff-field,.profile-details>div,.effect-row,.mode-option){background:color-mix(in srgb,var(--theme-field) 58%,transparent);border-color:var(--theme-border);box-shadow:inset 0 1px 0 #ffffff25}
 #settings .mode-option[aria-pressed=true]{border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff50,0 0 0 1px var(--theme-blue)}
}
#settings :is(input,textarea,select):focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}
#settings button:disabled{opacity:.5;transform:none}

/* Personal profile: clear identity header and organized glass information. */
#settings #profile>.card{max-width:1060px;padding:28px}
#settings #profile-details{display:flex;flex-direction:column;gap:22px;margin-top:20px}
#settings #profile-details>.profile-identity{display:flex;align-items:center;gap:20px;padding:22px 24px;border:1px solid var(--theme-border);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--theme-blue) 13%,transparent),color-mix(in srgb,var(--theme-field) 55%,transparent));box-shadow:inset 0 1px 0 #ffffff45}
#settings #profile .profile-identity :is(img,.profile-initial){width:84px;height:84px;min-width:84px;flex-shrink:0;border-radius:50%;border:2px solid var(--theme-border);box-shadow:0 4px 14px #0000000d;object-fit:cover}
#settings #profile .profile-initial{display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;color:var(--theme-navy)}
#settings #profile .profile-identity>strong{font-size:27px;font-weight:700;letter-spacing:-.5px;color:var(--theme-navy)}
#settings #profile-details>.profile-preview,#settings #profile-details>.profile-edit-page{display:block;background:transparent;box-shadow:none;border:0;padding:0}
#settings #profile-details>[hidden]{display:none!important}
#settings #profile .profile-account{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;border:0;margin:0}
#settings #profile .profile-account>div,#settings #profile .profile-preview-fields>div{display:flex;flex-direction:column;gap:7px;padding:16px 18px;min-width:0;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-field) 48%,transparent);box-shadow:inset 0 1px 0 #ffffff25}
#settings #profile .profile-account span,#settings #profile .profile-preview-fields span{font-size:11px;font-weight:500;color:var(--theme-muted)}
#settings #profile .profile-account strong,#settings #profile .profile-preview-fields strong{font-size:14px;line-height:1.6;color:var(--theme-navy);overflow-wrap:anywhere}
#settings #profile .profile-preview-fields{gap:12px;margin:18px 0 22px;padding-top:0;border:0;grid-template-columns:repeat(2,minmax(0,1fr))}
#settings #profile .profile-preview-fields>div:nth-child(4){grid-column:1/-1}
#settings #profile .profile-preview>button{min-width:145px}
#settings #profile .profile-edit-page>h3{font-size:20px;margin:22px 0 18px}
#settings #personal-profile-form{gap:18px}#settings #personal-profile-form label{gap:8px}#settings #personal-profile-form :is(input,textarea,select){border-radius:12px;padding:11px 13px}#settings #personal-profile-form textarea{min-height:100px;resize:vertical}
@media(max-width:800px){#settings #profile .profile-account{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#settings #profile>.card{padding:18px}#settings #profile-details>.profile-identity{padding:18px;gap:14px}#settings #profile .profile-identity :is(img,.profile-initial){width:64px;height:64px;min-width:64px;font-size:26px}#settings #profile .profile-identity>strong{font-size:22px}#settings #profile .profile-preview-fields{grid-template-columns:1fr}}

/* Profile layout: identity first, account summary, then personal information. */
#settings #profile .profile-section-title{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--theme-navy)}
#settings #profile .profile-account{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:26px}
#settings #profile .profile-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
#settings #profile .profile-preview-fields>[data-profile-field]{grid-column:auto}
#settings #profile .profile-preview-fields>[data-profile-field=display_name]{display:none}
#settings #profile .profile-preview-fields>[data-profile-field=bio]{grid-column:1/-1;order:2;min-height:90px}
#settings #profile .profile-preview-fields>[data-profile-field=contact]{order:3}
#settings #profile .profile-preview-fields>[data-profile-field=signature]{order:4}
#settings #profile .profile-preview-fields>[data-profile-field=language]{order:5}
#settings #profile .profile-preview-fields>[data-profile-field=timezone]{order:6}
#settings #profile .profile-preview>button{display:inline-flex;align-items:center;justify-content:center;margin-top:0}
#settings #profile .profile-preview>[role=status]:not(:empty){margin-top:12px}
#settings #personal-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#settings #personal-profile-form label:has([name=bio]),#settings #personal-profile-form label:has(input[type=file]),#settings #personal-profile-form>[role=status]{grid-column:1/-1}
#settings #personal-profile-form label:has([name=bio]){grid-row:3}
#settings #personal-profile-form>button{align-self:end;margin:0;min-height:42px}
@media(max-width:600px){#settings #profile .profile-account,#settings #profile .profile-preview-fields,#settings #personal-profile-form{grid-template-columns:1fr}#settings #personal-profile-form label:has([name=bio]){grid-row:auto}#settings #profile .profile-preview>button{width:100%}}

/* Workspace glass shell; icon animation rules remain intact. */
#app .workspace-sidebar{background:var(--nav);border-right:1px solid #ffffff20;box-shadow:inset -1px 0 0 #ffffff0c,8px 0 25px #0000000c;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
@supports (background:color-mix(in srgb,white,transparent)){
 #app .workspace-sidebar{background:linear-gradient(145deg,color-mix(in srgb,var(--nav) 88%,transparent),color-mix(in srgb,var(--nav) 74%,transparent));border-right-color:color-mix(in srgb,var(--theme-border) 30%,transparent)}
 #app .workspace-sidebar nav button.selected{background:linear-gradient(135deg,#ffffff18,#ffffff08);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff40,0 3px 10px #00000010}
 #app .workspace-sidebar nav button:hover{background:linear-gradient(135deg,#ffffff12,#ffffff06)}
 #app .workspace-sidebar .aside-bottom button{background:linear-gradient(135deg,#ffffff0c,transparent);border-color:#ffffff25;box-shadow:inset 0 1px 0 #ffffff20}
}

#app .workspace-sidebar nav{position:relative;isolation:isolate}
.workspace-glass-drop{position:absolute;pointer-events:none;z-index:0;border:1px solid #ffffff48;border-radius:13px;background:linear-gradient(135deg,#ffffff26,#ffffff08 52%,#ffffff17);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000012,0 4px 12px #00000012;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#app .workspace-sidebar nav button{position:relative;z-index:1}
#app .workspace-sidebar nav button.selected,#app .workspace-sidebar nav button:hover{background:transparent;box-shadow:none;border-color:transparent}
.workspace-glass-drop::before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#ffffffb0,transparent)}

/* Shared mode-aware glass tokens prevent opaque mode overrides. */
body{--glass-opacity:64%;--glass-end:48%;--glass-edge:#ffffff50;--glass-highlight:#ffffff65;--glass-shadow:#0000000d;--glass-nav-tint:#ffffff16;--glass-nav-edge:#ffffff40}
body[data-mode=light]{--glass-opacity:76%;--glass-end:60%;--glass-edge:#ffffff90;--glass-highlight:#ffffffc0;--glass-shadow:#18384f10;--glass-nav-tint:#18384f12;--glass-nav-edge:#18384f30}
body[data-mode=dark]{--glass-opacity:78%;--glass-end:62%;--glass-edge:#b9d6ee28;--glass-highlight:#d3e9ff30;--glass-shadow:#00000030;--glass-nav-tint:#9dc4e51c;--glass-nav-edge:#bddcff35}
body[data-mode=ocean]{--glass-opacity:68%;--glass-end:52%;--glass-edge:#cefaff85;--glass-highlight:#edffffa0;--glass-shadow:#123e5210;--glass-nav-tint:#91e0e51c;--glass-nav-edge:#b7f5f550}
body[data-mode=dusk]{--glass-opacity:78%;--glass-end:64%;--glass-edge:#d7baff30;--glass-highlight:#e4d4ff35;--glass-shadow:#08031135;--glass-nav-tint:#ceb1f523;--glass-nav-edge:#d6bdff40}
body[data-mode=soft]{--glass-opacity:84%;--glass-end:72%;--glass-edge:#f0ebdc50;--glass-highlight:#f4f0e260;--glass-shadow:#303a3310;--glass-nav-tint:#d8dfc915;--glass-nav-edge:#e0e5d530}
@supports (background:color-mix(in srgb,white,transparent)){
 body #app :is(#overview,#clients,#plans,#domains,#remote,#backup,#staff,#settings,#bchat) :is(.card,.stats article){background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) var(--glass-opacity),transparent),color-mix(in srgb,var(--theme-surface) var(--glass-end),transparent));border-color:color-mix(in srgb,var(--theme-border) 75%,var(--glass-edge));box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 #0000000b,0 8px 26px var(--glass-shadow)}
 body #app .workspace-sidebar{background:linear-gradient(135deg,color-mix(in srgb,var(--nav) 90%,transparent),color-mix(in srgb,var(--nav) 80%,transparent));border-color:var(--glass-nav-edge)}
}
body #app .workspace-sidebar nav button.selected,body #app .workspace-sidebar nav button:hover{background:transparent;box-shadow:none;border-color:transparent;color:var(--mode-navtext,#e5edf2)}
body #app .workspace-glass-drop{background:linear-gradient(135deg,var(--glass-nav-tint),transparent 60%,var(--glass-nav-tint));border-color:var(--glass-nav-edge);box-shadow:inset 0 1px 0 var(--glass-highlight),0 4px 12px var(--glass-shadow)}
body[data-mode=light] #app .workspace-sidebar nav button{color:#365c78}
body #app :is(#clients,#plans,#domains,#remote,#backup,#staff,#settings) :is(button.primary,a.button){color:var(--theme-navy)}
body #app :is(#clients,#plans,#domains) .row-actions button[data-action=delete]{color:var(--theme-red)}
body:is([data-mode=dark],[data-mode=dusk]) #login::before{opacity:.2}
body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login .login-card{box-shadow:none}
body #app :is(#overview,#clients,#plans,#domains,#remote,#backup,#staff,#settings) .card::after{background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent)}

/* Keep Workspace branding legible against Ocean and Soft sidebar glass. */
body[data-mode=ocean] #app .workspace-sidebar .brand-vector{color:#e3fcff}
body[data-mode=soft] #app .workspace-sidebar .brand-vector{color:#f0f2e5}
body:is([data-mode=ocean],[data-mode=soft]) #app .workspace-sidebar .brand-vector :is(.brand-copy,.bolte-logo-word,.bolte-logo-mark){color:inherit}
body[data-mode=ocean] #app .workspace-sidebar .brand small{color:#b8dade!important}
body[data-mode=soft] #app .workspace-sidebar .brand small{color:#c3ccb9!important}

@media(min-width:901px){
 body #app .workspace-sidebar:not(:hover):not(:has(:focus-visible)) .brand-copy{opacity:0;visibility:hidden;pointer-events:none}
 body #app .workspace-sidebar:hover .brand-copy,body #app .workspace-sidebar:has(:focus-visible) .brand-copy{opacity:1;visibility:visible}
}

#sell-setup-tabs{position:relative;isolation:isolate}
.sell-glass-drop{position:absolute;z-index:0;pointer-events:none;border-radius:11px;border:1px solid var(--theme-border);background:var(--theme-field);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 76%,transparent),color-mix(in srgb,var(--theme-blue) 18%,transparent));box-shadow:inset 0 1px 0 var(--glass-highlight,#ffffff70),0 3px 10px var(--glass-shadow,#0000000a)}
.sell-glass-drop::before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--glass-highlight,#ffffff90),transparent)}
#sell-setup-tabs button{z-index:1;position:relative}
#sell-setup-tabs button.selected,#sell-setup-tabs button:hover{background:transparent;border-color:transparent;box-shadow:none;color:var(--theme-navy)}
#sell-setup-tabs button.selected::after{display:none}

/* Stronger optical edge makes the category droplet visible in all modes. */
#sell-setup-tabs .sell-glass-drop{border:1px solid color-mix(in srgb,var(--theme-blue) 62%,var(--glass-edge));background:linear-gradient(120deg,color-mix(in srgb,var(--theme-blue) 25%,var(--theme-field)),color-mix(in srgb,var(--theme-field) 70%,transparent) 48%,color-mix(in srgb,var(--theme-blue) 22%,var(--theme-field)));box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 color-mix(in srgb,var(--theme-blue) 35%,transparent),0 3px 9px var(--glass-shadow);border-radius:13px}
#sell-setup-tabs .sell-glass-drop::before{left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent)}
#sell-setup-tabs .sell-glass-drop::after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#ffffff1c,transparent 42%,transparent 65%,#ffffff10);box-shadow:inset 1px 0 0 var(--glass-highlight)}

/* Static category glass while the preserved motion preset is disabled. */
#app .workspace-sidebar #report-nav .report-mail-icon{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}
#app .workspace-sidebar #report-nav .report-mail-icon svg{width:32px;height:32px;flex-shrink:0;overflow:hidden}
#report-nav .report-envelope,#report-nav .report-plane{transform-origin:20px 20px}
#report-nav .report-plane{opacity:0}
#report-nav .report-envelope{opacity:0;transform:translateY(9px) scale(.8)}
#report-nav .report-pocket{opacity:1;transform-origin:20px 25px}
#report-nav.selected .report-pocket{opacity:0}
#report-nav.selected .report-envelope{opacity:1;transform:none}
#report-nav .report-fold-left,#report-nav .report-fold-right,#report-nav .report-fold-center{transform-origin:20px 20px;opacity:0}
#report-nav.selected .report-envelope{animation:report-unfold-sheet 1.1s ease-in-out both}
#report-nav.selected .report-plane{animation:report-unfold-plane 1.1s ease-in-out both}
@media(hover:hover){
#report-nav:hover .report-pocket{animation:report-pocket-release 3.8s ease-in-out both}
#report-nav:hover .report-envelope{animation:report-sheet-fold 3.8s ease-in-out both}
#report-nav:hover .report-plane{animation:report-fold-flight 3.8s ease-in-out both}
#report-nav:hover .report-fold-left{animation:report-fold-left 3.8s ease-in-out both}
#report-nav:hover .report-fold-right{animation:report-fold-right 3.8s ease-in-out both}
#report-nav:hover .report-fold-center{animation:report-fold-center 3.8s ease-in-out both}
#report-nav:hover .report-sheet-text{animation:report-text-fold 3.8s ease-in-out both}
}
@keyframes report-pocket-release{0%,24%{opacity:1;transform:none}32%{opacity:.6;transform:translateY(2px)}38%,90%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes report-sheet-fold{0%{opacity:0;transform:translateY(12px) scale(.72);clip-path:inset(0 0 65% 0)}8%{opacity:1;transform:translateY(10px) scale(.72);clip-path:inset(0 0 55% 0)}24%{opacity:1;transform:translateY(-2px) scale(.85);clip-path:inset(0)}38%,42%{opacity:1;transform:scale(1);clip-path:inset(0)}52%{opacity:1;transform:scale(.78,.95) rotate(6deg)}62%{opacity:1;transform:scale(.62,.7) rotate(15deg)}70%{opacity:.5;transform:scale(.9,.35) rotate(25deg)}74%,100%{opacity:0;transform:scale(1,.3) rotate(25deg)}}
#report-nav.selected:hover .report-pocket{animation:report-selected-pocket 3.8s ease-in-out both}
#report-nav.selected:hover .report-envelope{animation:report-selected-fold 3.8s ease-in-out both}
@keyframes report-selected-pocket{0%{opacity:0}8%,24%{opacity:1;transform:none}32%{opacity:.6;transform:translateY(2px)}38%,100%{opacity:0;transform:translateY(5px)}}
@keyframes report-selected-fold{0%{opacity:1;transform:none;clip-path:inset(0)}8%{opacity:1;transform:translateY(10px) scale(.72);clip-path:inset(0 0 55% 0)}24%{opacity:1;transform:translateY(-2px) scale(.85);clip-path:inset(0)}38%,42%{opacity:1;transform:scale(1)}52%{opacity:1;transform:scale(.78,.95) rotate(6deg)}62%{opacity:1;transform:scale(.62,.7) rotate(15deg)}70%{opacity:.5;transform:scale(.9,.35) rotate(25deg)}74%,91%{opacity:0;transform:scale(1,.3) rotate(25deg)}100%{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes report-fold-left{0%,42%,91%,100%{opacity:0;transform:scaleX(1)}45%{opacity:1;transform:scaleX(1)}54%,80%{opacity:1;transform:scaleX(.1) skewY(25deg)}}
@keyframes report-fold-right{0%,53%,91%,100%{opacity:0;transform:scaleX(1)}56%{opacity:1;transform:scaleX(1)}64%,80%{opacity:1;transform:scaleX(.1) skewY(-25deg)}}
@keyframes report-fold-center{0%,63%,91%,100%{opacity:0;transform:scaleY(1)}66%{opacity:1;transform:scaleY(1)}72%,80%{opacity:1;transform:scaleY(.15)}}
@keyframes report-text-fold{0%,42%,100%{opacity:.65}55%,91%{opacity:0}}
@keyframes report-fold-flight{0%,68%{opacity:0;transform:scale(.85,.4) rotate(25deg)}74%,78%{opacity:1;transform:scale(1) rotate(0)}91%{opacity:0;transform:translateX(36px) rotate(-5deg)}94%,100%{opacity:0;transform:translateX(0)}}
@keyframes report-unfold-sheet{0%,20%{opacity:0;transform:scale(1,.2) rotate(22deg)}45%{opacity:.7;transform:scale(.75,.5) rotate(10deg)}70%{opacity:1;transform:scale(.9,.85) rotate(4deg)}100%{opacity:1;transform:scale(1)}}
@keyframes report-unfold-plane{0%,20%{opacity:1;transform:scale(1)}55%{opacity:0;transform:scale(.85,.5) rotate(15deg)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#report-nav .report-mail-icon *{animation:none!important}}
body.effects-off-sidebar #report-nav .report-mail-icon *{animation:none!important}
#app .workspace-sidebar #ceotable-nav .ceo-sign-icon{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}
#app .workspace-sidebar #ceotable-nav .ceo-sign-icon svg{width:32px;height:32px;flex-shrink:0;overflow:visible}
#ceotable-nav .ceo-sign-paper{fill:currentColor;fill-opacity:.05}
#ceotable-nav .ceo-sign-ink{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .8s ease}
#ceotable-nav .ceo-sign-pen{transform-origin:23px 27px}
#ceotable-nav.selected .ceo-sign-ink{stroke-dashoffset:0}
@media(hover:hover){#ceotable-nav:hover .ceo-sign-ink{stroke-dashoffset:0}#ceotable-nav:hover .ceo-sign-pen{animation:ceo-sign-writing 1.3.8s ease-in-out both}}
@keyframes ceo-sign-writing{0%{transform:translate(-7px,0) rotate(-5deg)}25%{transform:translate(-4px,-2px) rotate(4deg)}50%{transform:translate(-2px,1px) rotate(-4deg)}75%{transform:translate(1px,-1px) rotate(3deg)}100%{transform:translate(0,0) rotate(0)}}
@media(prefers-reduced-motion:reduce){#ceotable-nav .ceo-sign-pen{animation:none!important}#ceotable-nav .ceo-sign-ink{transition:none}}
body.effects-off-sidebar #ceotable-nav .ceo-sign-pen{animation:none!important}
body.effects-off-sidebar #ceotable-nav .ceo-sign-ink{transition:none}
#app .workspace-sidebar #admins-nav .admin-desk-icon{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}
#app .workspace-sidebar #admins-nav .admin-desk-icon svg{width:32px;height:32px;flex-shrink:0;overflow:visible}
#admins-nav .admin-chair{opacity:.35}
#admins-nav .admin-desktop{fill:currentColor;fill-opacity:.08}
#admins-nav .admin-desk-front{fill:currentColor;fill-opacity:.12}
#admins-nav .admin-arm{opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1);transform-box:view-box;transform:translateY(-2px)}
#admins-nav .admin-hand{stroke-width:2.4;stroke-linecap:round}
#admins-nav.selected .admin-arm{opacity:1;transform:translateY(0)}
@media(hover:hover){#admins-nav:hover .admin-arm{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#admins-nav .admin-arm{transition:none}}
body.effects-off-icon_admins #admins-nav .admin-arm,body.effects-off-sidebar #admins-nav .admin-arm{transition:none}
#app .workspace-sidebar #management-nav .workshop-icon{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}
#app .workspace-sidebar #management-nav .workshop-icon svg{width:32px;height:32px;flex-shrink:0;overflow:visible}
#management-nav .workshop-gear{transform-origin:20px 19px}
#management-nav .workshop-hammer{transform-origin:31px 30px;transform:rotate(28deg)}
#management-nav .workshop-sparks{opacity:0}
@media(hover:hover){
#management-nav:hover .workshop-gear{animation:workshop-turn 2.4s ease-in-out infinite}
#management-nav:hover .workshop-hammer{animation:workshop-strike 1.2s ease-in-out infinite}
#management-nav:hover .workshop-sparks{animation:workshop-spark 1.2s ease-in-out infinite}
}
#management-nav .workshop-bench{fill:currentColor;fill-opacity:.08}
#management-nav .workshop-edge{fill:currentColor;fill-opacity:.22}
#management-nav .workshop-legs{fill:currentColor;fill-opacity:.12}
#management-nav .workshop-block{fill:currentColor;fill-opacity:.2}
@keyframes workshop-turn{0%,38%{transform:rotate(0)}50%,88%{transform:rotate(-30deg)}100%{transform:rotate(-60deg)}}
@keyframes workshop-strike{0%,100%{transform:rotate(28deg)}25%{transform:rotate(40deg)}42%,48%{transform:rotate(0)}65%{transform:rotate(28deg)}}
@keyframes workshop-spark{0%,39%,58%,100%{opacity:0}44%,48%{opacity:.85}}
body.effects-off-icon_overview #management-nav .workshop-icon *,body.effects-off-sidebar #management-nav .workshop-icon *{animation:none!important}
@media(prefers-reduced-motion:reduce){#management-nav .workshop-icon *{animation:none!important}}
#app .workspace-sidebar #preview-nav .home-icon{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}
#app .workspace-sidebar #preview-nav .home-icon svg{width:32px;height:32px;flex-shrink:0;overflow:visible;transition:transform .24s ease,filter .24s ease;transform-origin:50% 85%}
#preview-nav .home-wall{fill:currentColor;fill-opacity:.06}
#preview-nav .home-window{fill:currentColor;fill-opacity:.12;transition:fill-opacity .24s ease}
#preview-nav:hover .home-icon svg,#preview-nav:focus-visible .home-icon svg{transform:translateY(-1px) scale(1.08)}
#preview-nav.selected .home-window,#preview-nav:hover .home-window{fill-opacity:.4}
#preview-nav.selected .home-icon svg{filter:drop-shadow(0 0 4px color-mix(in srgb,currentColor 25%,transparent))}
#preview-nav .home-house{transform-origin:20px 35px;animation:home-breathe 5s ease-in-out infinite}
#preview-nav .home-window{animation:home-window-glow 5s ease-in-out infinite}
#preview-nav:hover .home-house,#preview-nav:focus-visible .home-house{animation:home-welcome .65s ease-in-out both}
@keyframes home-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes home-window-glow{0%,100%{fill-opacity:.12}45%,60%{fill-opacity:.55}}
@keyframes home-welcome{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-3deg)}70%{transform:translateY(-1px) rotate(2deg)}}
body.effects-off-sidebar #preview-nav .home-house,body.effects-off-sidebar #preview-nav .home-window{animation:none}
@media(prefers-reduced-motion:reduce){#app .workspace-sidebar #preview-nav .home-icon svg{transition:none;transform:none}#preview-nav .home-window{transition:none;animation:none!important}#preview-nav .home-house{animation:none!important}}
#sell-setup-tabs[data-glass-motion=off] button.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-field) 80%,transparent),color-mix(in srgb,var(--theme-blue) 18%,transparent));border-color:var(--theme-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 3px 10px var(--glass-shadow)}
#sell-setup-tabs[data-glass-motion=off] button:hover{background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-field));border-color:var(--theme-blue)}
#sell-setup-tabs[data-glass-motion=off] button{transition:none;transform:none}

/* Selected Report shows only a stationary sheet, including on hover. */
#report-nav.selected .report-mail-icon,#report-nav.selected .report-mail-icon *{animation:none!important;transition:none!important}
#report-nav.selected .report-envelope{opacity:1!important;transform:none!important}
#report-nav.selected .report-sheet-outline,#report-nav.selected .report-sheet-text{opacity:1!important;transform:none!important}
#report-nav.selected .report-pocket,#report-nav.selected .report-plane,#report-nav.selected .report-fold-left,#report-nav.selected .report-fold-right,#report-nav.selected .report-fold-center{display:none!important}

/* Report choreography: open flap, extract letter, close/remove envelope, fold, fly. */
#report-nav .report-flap{transform-box:fill-box;transform-origin:center top;fill:var(--surface,#789eaf);fill-opacity:.14}
#report-nav .report-pocket{transform-origin:20px 25px}
@media(hover:hover){
#report-nav:not(.selected):hover .report-pocket{animation:report-pocket-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-flap{animation:report-flap-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-envelope{animation:report-letter-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-fold-left{animation:report-left-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-fold-right{animation:report-right-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-fold-center{animation:report-center-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-sheet-text{animation:report-writing-sequence 5.6s ease-in-out both}
#report-nav:not(.selected):hover .report-plane{animation:report-plane-sequence 5.6s ease-in-out both}
}
@keyframes report-flap-sequence{0%,3%{transform:perspective(80px) rotateX(0deg)}12%,29%{transform:perspective(80px) rotateX(170deg)}36%,100%{transform:perspective(80px) rotateX(0deg)}}
@keyframes report-pocket-sequence{0%,36%{opacity:1;transform:none}45%{opacity:0;transform:translate(-7px,5px) scale(.8)}93%{opacity:0;transform:translate(-7px,5px) scale(.8)}100%{opacity:1;transform:none}}
@keyframes report-letter-sequence{0%,10%{opacity:0;transform:translate(0,11px) scale(.65);clip-path:inset(0 0 65% 0)}13%{opacity:1;transform:translate(0,9px) scale(.65);clip-path:inset(0 0 55% 0)}24%{opacity:1;transform:translate(0,-6px) scale(.65);clip-path:inset(0)}33%,46%{opacity:1;transform:translate(6px,0) scale(.75);clip-path:inset(0)}52%{opacity:1;transform:translate(3px,0) scale(.85)}61%{opacity:1;transform:scale(.72,.95) rotate(5deg)}69%{opacity:1;transform:scale(.58,.7) rotate(13deg)}76%{opacity:0;transform:scale(.9,.3) rotate(22deg)}100%{opacity:0;transform:scale(.9,.3) rotate(22deg)}}
@keyframes report-left-sequence{0%,52%{opacity:0;transform:scaleX(1)}55%{opacity:1;transform:scaleX(1)}63%,76%{opacity:1;transform:scaleX(.12) skewY(25deg)}80%,100%{opacity:0}}
@keyframes report-right-sequence{0%,60%{opacity:0;transform:scaleX(1)}63%{opacity:1;transform:scaleX(1)}70%,76%{opacity:1;transform:scaleX(.12) skewY(-25deg)}80%,100%{opacity:0}}
@keyframes report-center-sequence{0%,68%{opacity:0;transform:scaleY(1)}71%{opacity:1;transform:scaleY(1)}76%{opacity:1;transform:scaleY(.15)}80%,100%{opacity:0}}
@keyframes report-writing-sequence{0%,52%{opacity:.65}68%,100%{opacity:0}}
@keyframes report-plane-sequence{0%,73%{opacity:0;transform:scale(.85,.35) rotate(22deg)}78%,83%{opacity:1;transform:scale(1) rotate(0)}93%{opacity:0;transform:translate(36px,-8px) rotate(-12deg)}100%{opacity:0;transform:translate(36px,-8px)}}
#report-nav.selected .report-flap{display:none!important}

/* Folded microphone at rest; unfolded on hover, focus, or selection. */
#support-nav .support-headset svg{overflow:visible}
#support-nav .support-microphone{transform-origin:26px 22px;transform:rotate(112deg) scale(.25);opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .18s ease}
#support-nav:hover .support-microphone,#support-nav:focus-visible .support-microphone,#support-nav.selected .support-microphone{transform:rotate(0deg) scale(1);opacity:1}
@media(prefers-reduced-motion:reduce){#support-nav .support-microphone{transition:none}}

/* One compact scale for every workspace topic icon. */
#app .workspace-sidebar nav button[data-tab] .nav-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:16px}
#app .workspace-sidebar nav button[data-tab] .nav-icon svg{width:22px!important;height:22px!important;flex:0 0 22px!important;max-width:none;max-height:none}

/* Accessible, high-contrast effect switches, independent of theme checkbox styling. */
#app #panel-effects .effect-switch{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
#app #panel-effects .effect-switch input{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:block!important;width:44px!important;height:25px!important;min-width:44px!important;margin:0!important;padding:0!important;border:2px solid #89949f!important;border-radius:999px!important;background:#444c57!important;cursor:pointer;opacity:1!important}
#app #panel-effects .effect-switch input::before{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#fff!important;transform:translateX(0)!important;transition:transform .18s ease}
#app #panel-effects .effect-switch input:checked{background:#12754d!important;border-color:#38c68a!important}
#app #panel-effects .effect-switch input:checked::before{transform:translateX(19px)!important}
#app #panel-effects .effect-switch input:focus-visible{outline:3px solid var(--theme-blue)!important;outline-offset:3px}
#app #panel-effects .effect-switch input:disabled{cursor:wait;opacity:.6!important}
#app #panel-effects .effect-state{min-width:28px;font-weight:750;color:var(--theme-navy)}
body.effects-off-icon_preview #app [data-tab="preview"] .nav-icon,body.effects-off-icon_preview #app [data-tab="preview"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_support #app [data-tab="support"] .nav-icon,body.effects-off-icon_support #app [data-tab="support"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_ceotable #app [data-tab="ceotable"] .nav-icon,body.effects-off-icon_ceotable #app [data-tab="ceotable"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_management #app [data-tab="management"] .nav-icon,body.effects-off-icon_management #app [data-tab="management"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_owner #app [data-tab="ceo"] .nav-icon,body.effects-off-icon_owner #app [data-tab="ceo"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_admins #app [data-tab="admins"] .nav-icon,body.effects-off-icon_admins #app [data-tab="admins"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_bchat #app [data-tab="bchat"] .nav-icon,body.effects-off-icon_bchat #app [data-tab="bchat"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_staff #app [data-tab="staff"] .nav-icon,body.effects-off-icon_staff #app [data-tab="staff"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_report #app [data-tab="report"] .nav-icon,body.effects-off-icon_report #app [data-tab="report"] .nav-icon *{animation:none!important;transition:none!important}
body.effects-off-icon_report #report-nav:not(.selected) .report-pocket{opacity:1!important;transform:none!important}
body.effects-off-icon_report #report-nav:not(.selected) .report-envelope,body.effects-off-icon_report #report-nav:not(.selected) .report-plane{opacity:0!important}
body.effects-off-icon_support #support-nav:not(.selected) .support-microphone{opacity:0!important;transform:rotate(112deg) scale(.25)!important}

/* Title effect controls for current topics. */
body.effects-off-title_preview[data-workspace="preview"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_support[data-workspace="support"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_management[data-workspace="management"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_owner[data-workspace="ceo"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_ceotable[data-workspace="ceotable"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_admins[data-workspace="admins"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_bchat[data-workspace="bchat"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_staff[data-workspace="staff"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_clients[data-workspace="clients"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_report[data-workspace="report"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.effects-off-title_settings[data-workspace="settings"] #page-title{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}

.task-form{display:flex;align-items:end;gap:12px;margin:20px 0}.task-form label{flex:1;margin:0}.task-form button{flex-shrink:0}.task-list{display:grid;gap:10px}.task-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);margin:0}.task-row input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--theme-blue)}.task-row span{overflow-wrap:anywhere}.task-done span{text-decoration:line-through;opacity:.6}@media(max-width:600px){.task-form{align-items:stretch;flex-direction:column}}

/* Assigned-task sections and circular completion indicators. */
.home-task-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-task-sections .task-card{min-width:0}.home-task-sections .task-row{position:relative;cursor:pointer;align-items:flex-start}.task-completion-input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.task-circle{display:block;width:20px;height:20px;flex:0 0 20px;border:2px solid var(--theme-blue);border-radius:50%;background:transparent;box-sizing:border-box;transition:background .2s,border-color .2s;position:relative}
.task-completion-input:checked+.task-circle{background:#1f9b63;border-color:#1f9b63}.task-completion-input:checked+.task-circle::after{content:'';position:absolute;width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);left:4px;top:4px}.task-completion-input:focus-visible+.task-circle{outline:3px solid var(--theme-blue);outline-offset:3px}.task-completion-input:disabled+.task-circle{opacity:.6}.task-empty{padding:22px 0;color:var(--theme-navy);opacity:.65;font-size:14px}@media(max-width:1100px){.home-task-sections{grid-template-columns:1fr}}

.tasks-preview-card{display:flex!important;flex-direction:column;align-items:flex-start;gap:16px;width:min(100%,460px);text-align:left;padding:28px!important;cursor:pointer;color:var(--theme-navy)!important;background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 #ffffff60,0 10px 30px #00000012;backdrop-filter:blur(14px)}.tasks-preview-card strong{font-size:28px}.tasks-preview-card:hover{border-color:var(--theme-blue)!important}.tasks-preview-periods{display:flex;gap:8px;flex-wrap:wrap}.tasks-preview-periods span{padding:7px 10px;border-radius:10px;background:var(--theme-field);font-size:12px}.tasks-preview-link{font-weight:650;color:var(--theme-blue)}.tasks-back{margin-bottom:20px}.tasks-preview-card[hidden],.home-task-sections[hidden]{display:none!important}

.employee-view-toggle{display:flex;gap:8px;margin:20px 0}.employee-view-toggle button{padding:9px 16px;border-radius:12px}.employee-view-toggle .selected{border-color:var(--theme-blue);background:var(--theme-field);color:var(--theme-navy)}.employee-directory{display:grid;gap:14px}.employee-view-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.employee-account-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-field);color:var(--theme-navy)}.employee-view-cards .employee-account-card{flex-direction:column;align-items:flex-start;padding:26px}.employee-account-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--theme-surface);border:1px solid var(--theme-border);font-size:22px;font-weight:700;flex-shrink:0}.employee-account-name{display:flex;flex-direction:column;gap:5px;min-width:0}.employee-account-name strong{overflow-wrap:anywhere;font-size:18px}.employee-account-name small,.employee-account-details small{font-size:12px;opacity:.7}.employee-account-role{font-weight:650;text-transform:capitalize}.employee-account-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employee-view-rows .employee-account-card{display:grid;grid-template-columns:44px minmax(120px,1fr) minmax(90px,.6fr) minmax(160px,1fr)}@media(max-width:650px){.employee-view-rows .employee-account-card{grid-template-columns:36px minmax(0,1fr)}.employee-view-rows .employee-account-role,.employee-view-rows .employee-account-details{grid-column:2}.employee-account-mark{width:36px;height:36px}}

.employee-assign-task{white-space:nowrap}.employee-view-rows .employee-account-card{grid-template-columns:44px minmax(120px,1fr) minmax(90px,.6fr) minmax(160px,1fr) auto}.employee-task-dialog{width:min(460px,calc(100vw - 40px));box-sizing:border-box;border:1px solid var(--theme-border);border-radius:22px;background:var(--theme-surface);color:var(--theme-navy);padding:28px;backdrop-filter:blur(20px)}.employee-task-dialog::backdrop{background:#00000065;backdrop-filter:blur(5px)}.employee-task-dialog form{display:grid;gap:16px}.employee-task-dialog label{display:grid;gap:8px}.employee-task-dialog textarea{resize:vertical;min-height:90px}.employee-task-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:650px){.employee-view-rows .employee-account-card{grid-template-columns:36px minmax(0,1fr)}.employee-view-rows .employee-assign-task{grid-column:2;justify-self:start}}

/* Assignment composer: compact glass schedule and numbered slots. */
.employee-task-dialog{width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px!important;background:var(--theme-surface)!important;box-shadow:inset 0 1px 0 #ffffff55,0 28px 90px #00000040}.employee-task-dialog h2{margin:0;font-size:28px;letter-spacing:-.8px}.employee-task-dialog form{gap:20px}.assignment-description{margin:0;font-size:14px;opacity:.7;line-height:1.6}.assignment-field-title{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.assignment-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.assignment-period{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:15px!important;border-radius:14px!important;background:var(--theme-field)!important;color:var(--theme-navy)!important;border:1px solid var(--theme-border)!important}.assignment-period strong{font-size:15px}.assignment-period span{font-size:11px;opacity:.65}.assignment-period.selected,.assignment-number.selected{border-color:var(--theme-blue)!important;box-shadow:inset 0 0 0 1px var(--theme-blue),0 4px 12px #00000012}.assignment-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.assignment-number{padding:12px!important;border-radius:12px!important;font-size:15px!important;font-weight:700;background:var(--theme-field)!important;color:var(--theme-navy)!important;border:1px solid var(--theme-border)!important}.assignment-period:hover,.assignment-number:hover{filter:brightness(1.06)}.employee-task-dialog textarea{width:100%;box-sizing:border-box;padding:16px!important;border-radius:16px!important;line-height:1.7;font-family:inherit!important;font-size:15px!important;background:var(--theme-field)!important;color:var(--theme-navy)!important}.employee-task-actions{padding-top:8px}.employee-task-actions button{border-radius:13px!important;padding:12px 20px!important}.assignment-period-field select[hidden],.assignment-number-field select[hidden]{display:none!important}@media(max-width:480px){.employee-task-dialog{padding:22px!important}.assignment-period{padding:11px!important}.employee-task-dialog h2{font-size:24px}}

.assignment-preset-choices{display:flex;flex-wrap:wrap;gap:8px}.assignment-preset{padding:9px 12px!important;font-size:12px!important;border-radius:12px!important;background:var(--theme-field)!important;color:var(--theme-navy)!important;border:1px solid var(--theme-border)!important}.assignment-preset.selected{border-color:var(--theme-blue)!important;box-shadow:inset 0 0 0 1px var(--theme-blue)}

/* Home: static glass reflections keep rendering costs low. */
#preview .home-welcome{padding:12px 0 28px;max-width:680px}#preview .home-welcome h2{font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-1.2px;margin:12px 0;color:var(--theme-navy)}#preview .home-welcome-copy{color:var(--theme-navy);opacity:.7;font-size:15px;line-height:1.7}#preview .home-welcome[hidden]{display:none!important}
#preview .tasks-preview-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,640px);min-height:290px;padding:32px!important;gap:18px;background:linear-gradient(135deg,#ffffff24,transparent 48%,#ffffff0d),color-mix(in srgb,var(--theme-surface) 58%,transparent)!important;border:1px solid color-mix(in srgb,var(--theme-border) 65%,#ffffff60)!important;box-shadow:inset 0 1px 1px #ffffff85,inset 1px 0 0 #ffffff25,inset 0 -1px 1px #ffffff20,0 16px 40px #00000012!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-radius:28px!important}
#preview .tasks-preview-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,#ffffff20 0%,transparent 32%,transparent 72%,#ffffff12 100%)}#preview .tasks-preview-card strong{font-size:34px;letter-spacing:-1px}#preview .tasks-preview-card:hover{box-shadow:inset 0 1px 1px #ffffff95,0 20px 44px #0000001a!important}#preview .tasks-preview-card:focus-visible{outline:3px solid var(--theme-blue);outline-offset:4px}#preview .tasks-preview-periods{padding-right:110px}#preview .tasks-preview-periods span{background:color-mix(in srgb,var(--theme-field) 55%,transparent);border:1px solid color-mix(in srgb,var(--theme-border) 65%,transparent);box-shadow:inset 0 1px 0 #ffffff30;padding:9px 12px;border-radius:12px}#preview .tasks-preview-link{margin-top:auto;font-size:14px}
.home-task-ring{position:absolute;right:32px;top:36px;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:700;color:var(--theme-navy);background:radial-gradient(circle at center,var(--theme-surface) 60%,transparent 62%),conic-gradient(var(--theme-blue) var(--progress,0deg),color-mix(in srgb,var(--theme-blue) 20%,transparent) 0);box-shadow:inset 0 1px 1px #ffffff40,0 8px 20px #0000000c}
#preview .home-task-sections .task-card{background:linear-gradient(140deg,#ffffff18,transparent 60%),color-mix(in srgb,var(--theme-surface) 66%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px;box-shadow:inset 0 1px 0 #ffffff55,0 10px 28px #0000000d}#preview .task-row{background:color-mix(in srgb,var(--theme-field) 65%,transparent);border-radius:14px}@media(max-width:480px){#preview .tasks-preview-card{padding:24px!important}.home-task-ring{right:24px;top:30px;width:62px;height:62px;font-size:14px}#preview .tasks-preview-periods{padding-right:0}#preview .tasks-preview-card strong{font-size:30px}}

#preview .home-notifications{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:left;width:min(100%,640px);margin-top:20px;padding:26px!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff18,transparent),color-mix(in srgb,var(--theme-surface) 60%,transparent)!important;border:1px solid var(--theme-border)!important;color:var(--theme-navy)!important;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff55,0 12px 30px #00000010}#preview .home-notifications strong{font-size:24px}.home-notifications.has-unread strong::after{content:'';display:inline-block;width:8px;height:8px;background:var(--theme-red);border-radius:50%;margin-left:12px}#preview .home-notifications[hidden]{display:none!important}

.home-inbox{display:none}.home-inbox[open]{display:grid;gap:18px}.home-inbox-list{display:grid;gap:10px;max-height:45dvh;overflow:auto}.home-inbox-person{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:16px!important;background:var(--theme-field)!important;color:var(--theme-navy)!important;border-radius:14px!important;text-align:left}.home-inbox-person small{opacity:.65}

.home-dashboard-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;max-width:1100px}.home-dashboard-sections[hidden]{display:none!important}#preview .home-dashboard-card{min-width:0;border-radius:24px!important;padding:26px!important;background:linear-gradient(135deg,#ffffff18,transparent),color-mix(in srgb,var(--theme-surface) 62%,transparent)!important;border:1px solid var(--theme-border)!important;box-shadow:inset 0 1px 0 #ffffff50,0 12px 30px #0000000c;backdrop-filter:blur(16px);color:var(--theme-navy)}.home-dashboard-card h3{margin:0 0 10px;font-size:20px;letter-spacing:-.4px}.home-dashboard-body{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.home-empty{width:100%;margin:0;padding:12px 0;font-size:14px;opacity:.65}.home-progress-row,.home-update-row{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 0;border-bottom:1px solid var(--theme-border)}.home-progress-row span,.home-update-row small{font-size:12px;opacity:.7}.home-update-row strong{overflow-wrap:anywhere;font-size:14px}.home-shortcut-links{display:flex;flex-wrap:wrap;gap:8px}.home-dashboard-body button{border-radius:12px!important}.home-dashboard-body details{width:100%;margin-top:8px}.home-dashboard-body summary{cursor:pointer;font-size:12px;font-weight:650}.home-shortcut-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.home-shortcut-choices label{display:flex;align-items:center;gap:8px;margin:0}.home-shortcut-choices input{width:16px;height:16px;margin:0;accent-color:var(--theme-blue)}@media(max-width:760px){.home-dashboard-sections{grid-template-columns:1fr}}

/* Stable Home grid; remove inherited decorative button layers. */
#preview .home-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;max-width:1100px;align-items:stretch}#preview .home-top-grid[hidden]{display:none!important}#preview .home-top-grid>.card{width:100%!important;min-width:0;box-sizing:border-box;margin:0!important;min-height:280px}#preview .home-notifications{justify-content:flex-start}#preview .home-notifications>.tasks-preview-link{margin-top:auto}#preview .home-dashboard-sections{align-items:stretch}#preview .home-dashboard-card{box-sizing:border-box;position:relative;overflow:hidden;isolation:isolate}#preview .home-top-grid>.card,#preview .home-dashboard-card,#preview .home-top-grid>.card:hover,#preview .home-top-grid>.card:active{transform:none!important;animation:none!important;transition:border-color .18s ease!important}#preview .home-top-grid>.card::before,#preview .home-top-grid>.card::after,#preview .home-dashboard-card::before,#preview .home-dashboard-card::after{content:none!important;display:none!important}#preview .home-top-grid>.card{background:linear-gradient(135deg,#ffffff24,transparent 50%,#ffffff0e),color-mix(in srgb,var(--theme-surface) 62%,transparent)!important;border-radius:24px!important;background-clip:padding-box!important}#preview .home-welcome{max-width:1100px}#preview .home-dashboard-body{align-content:flex-start}#preview .home-dashboard-card{min-height:220px}#preview .home-dashboard-card:nth-child(4){grid-column:1;grid-row:1}#preview .home-dashboard-card:nth-child(5){grid-column:2;grid-row:1}@media(max-width:760px){#preview .home-top-grid{grid-template-columns:1fr}#preview .home-top-grid>.card{min-height:240px}#preview .home-dashboard-card:nth-child(4),#preview .home-dashboard-card:nth-child(5){grid-column:auto;grid-row:auto}}

/* Keep Home edges stable: no hover shadow replacement or nested blur layers. */
body #app #preview .card,body #app #preview .card:hover,body #app #preview .card:active,body #app #preview .card:focus{box-shadow:inset 0 1px 0 #ffffff45,0 10px 28px #00000010!important;transform:none!important;translate:none!important;scale:none!important;filter:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 94%,white),var(--theme-surface) 55%,color-mix(in srgb,var(--theme-surface) 96%,var(--theme-blue)))!important;border:1px solid var(--theme-border)!important;overflow:hidden;isolation:auto!important}
body #app #preview .card::before,body #app #preview .card::after{display:none!important;content:none!important}body #app #preview button:hover,body #app #preview button:active{transform:none!important}body #app #preview.workspace-enter{animation:none!important;transform:none!important}

/* Home hover uses only color and opacity; card geometry stays fixed. */
body #app #preview .card{position:relative;isolation:isolate!important;transition:border-color .24s ease!important}
body #app #preview .card::before{content:''!important;display:block!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 12% 0%,#ffffff30,transparent 62%);opacity:0;transition:opacity .3s ease}
body #app #preview .card::after{content:''!important;display:block!important;position:absolute;top:0;left:18%;right:18%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb0,transparent);opacity:.35;transition:opacity .3s ease}
body #app #preview .card:hover,body #app #preview .card:focus-within{border-color:var(--theme-blue)!important}
body #app #preview .card:hover::before,body #app #preview .card:focus-within::before{opacity:1}
body #app #preview .card:hover::after,body #app #preview .card:focus-within::after{opacity:1}
#preview .tasks-preview-link{transition:color .24s ease}#preview .card:hover .tasks-preview-link{color:var(--theme-navy)}
body.effects-off-buttons #app #preview .card::before,body.effects-off-buttons #app #preview .card::after{display:none!important}
@media(prefers-reduced-motion:reduce){body #app #preview .card,body #app #preview .card::before,body #app #preview .card::after{transition:none!important}}

/* Small pointer tilt; no blur or layout changes. */
body #app #preview .card{transition:transform .2s ease-out,border-color .24s ease!important;transform-origin:center}
body #app #preview .card.home-tilting,body #app #preview .card.home-tilting:hover,body #app #preview .card.home-tilting:active{transform:perspective(1100px) rotateX(var(--home-tilt-x,0deg)) rotateY(var(--home-tilt-y,0deg))!important}
body.effects-off-buttons #app #preview .card.home-tilting{transform:none!important}
@media(prefers-reduced-motion:reduce){body #app #preview .card.home-tilting{transform:none!important;transition:none!important}}

body #app #preview .card{transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .3s ease!important}

/* Additional coordinated theme palettes. */
body[data-mode=rose]{--theme-paper:#faedf1;--theme-surface:#fff7fa;--theme-field:#fff0f5;--theme-navy:#502b3a;--theme-border:#dec4cf;--theme-muted:#7b5868;--theme-red:#b44c70;--theme-blue:#ad5e80;--mode-sidebar:#f0dce5;--mode-navtext:#502b3a;--mode-selected:#ead0dd;--glass-highlight:#ffffff60;--glass-edge:var(--theme-border);--glass-shadow:#00000014;color-scheme:light}
[data-panel-mode=rose] .mode-preview{background:linear-gradient(90deg,#f0dce5 0 33%,#faedf1 33% 66%,#ad5e80 66%)}
body[data-mode=rose] #app{background:var(--theme-paper)}body[data-mode=rose] #app .workspace-sidebar .brand-vector{color:var(--mode-navtext)}body[data-mode=rose] #app .workspace-sidebar .brand small{color:var(--mode-navtext)!important}
body[data-mode=lavender]{--theme-paper:#f1eef9;--theme-surface:#fbf9ff;--theme-field:#f5f0ff;--theme-navy:#3e335a;--theme-border:#cfc6e0;--theme-muted:#736583;--theme-red:#9860a0;--theme-blue:#8670ad;--mode-sidebar:#e7e0f1;--mode-navtext:#3e335a;--mode-selected:#dbcfec;--glass-highlight:#ffffff60;--glass-edge:var(--theme-border);--glass-shadow:#00000014;color-scheme:light}
[data-panel-mode=lavender] .mode-preview{background:linear-gradient(90deg,#e7e0f1 0 33%,#f1eef9 33% 66%,#8670ad 66%)}
body[data-mode=lavender] #app{background:var(--theme-paper)}body[data-mode=lavender] #app .workspace-sidebar .brand-vector{color:var(--mode-navtext)}body[data-mode=lavender] #app .workspace-sidebar .brand small{color:var(--mode-navtext)!important}
body[data-mode=peach]{--theme-paper:#fff0e7;--theme-surface:#fff9f3;--theme-field:#fff3eb;--theme-navy:#553b32;--theme-border:#e4cebd;--theme-muted:#82685c;--theme-red:#bb604a;--theme-blue:#b27a5e;--mode-sidebar:#f1e1d3;--mode-navtext:#553b32;--mode-selected:#ead5c2;--glass-highlight:#ffffff60;--glass-edge:var(--theme-border);--glass-shadow:#00000014;color-scheme:light}
[data-panel-mode=peach] .mode-preview{background:linear-gradient(90deg,#f1e1d3 0 33%,#fff0e7 33% 66%,#b27a5e 66%)}
body[data-mode=peach] #app{background:var(--theme-paper)}body[data-mode=peach] #app .workspace-sidebar .brand-vector{color:var(--mode-navtext)}body[data-mode=peach] #app .workspace-sidebar .brand small{color:var(--mode-navtext)!important}
body[data-mode=midnight]{--theme-paper:#101827;--theme-surface:#192437;--theme-field:#131e30;--theme-navy:#e4edf9;--theme-border:#354962;--theme-muted:#a8b8d0;--theme-red:#f18b79;--theme-blue:#7ca8dd;--mode-sidebar:#0b1320;--mode-navtext:#c9dbf1;--mode-selected:#273d5b;--glass-highlight:#ffffff60;--glass-edge:var(--theme-border);--glass-shadow:#00000014;color-scheme:dark}
[data-panel-mode=midnight] .mode-preview{background:linear-gradient(90deg,#0b1320 0 33%,#101827 33% 66%,#7ca8dd 66%)}
body[data-mode=midnight] #app{background:var(--theme-paper)}body[data-mode=midnight] #app .workspace-sidebar .brand-vector{color:var(--mode-navtext)}body[data-mode=midnight] #app .workspace-sidebar .brand small{color:var(--mode-navtext)!important}
body[data-mode=steel]{--theme-paper:#e9edf1;--theme-surface:#f7f9fc;--theme-field:#edf2f7;--theme-navy:#273c50;--theme-border:#bfccd8;--theme-muted:#627588;--theme-red:#b75750;--theme-blue:#5d83a6;--mode-sidebar:#d3dce5;--mode-navtext:#273c50;--mode-selected:#c2d1df;--glass-highlight:#ffffff60;--glass-edge:var(--theme-border);--glass-shadow:#00000014;color-scheme:light}
[data-panel-mode=steel] .mode-preview{background:linear-gradient(90deg,#d3dce5 0 33%,#e9edf1 33% 66%,#5d83a6 66%)}
body[data-mode=steel] #app{background:var(--theme-paper)}body[data-mode=steel] #app .workspace-sidebar .brand-vector{color:var(--mode-navtext)}body[data-mode=steel] #app .workspace-sidebar .brand small{color:var(--mode-navtext)!important}

/* CEO tools: clear categories and theme permission cards. */
#ceo-tools-card{padding:28px!important}#ceo-tools-card>h2{font-size:26px;letter-spacing:-.7px;margin-bottom:20px}.ceo-tools-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px!important;margin-bottom:28px!important;border-radius:17px!important}.ceo-tools-tabs button{padding:11px 18px!important;border-radius:12px!important;font-size:13px!important}.ceo-tools-tabs button.selected{border-color:var(--theme-blue)!important;background:var(--mode-selected,var(--theme-field))!important}.ceo-mode-access>h3{font-size:23px;margin:0 0 8px}.ceo-mode-access>p{font-size:14px;color:var(--theme-muted)}.ceo-mode-access>select{width:min(100%,400px);margin:22px 0;padding:13px 16px!important;border-radius:13px!important;background:var(--theme-field)!important;color:var(--theme-navy)!important}.ceo-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;margin-bottom:24px}.ceo-mode-choice{position:relative;display:flex!important;flex-direction:column;gap:16px;padding:18px!important;margin:0!important;border:1px solid var(--theme-border);border-radius:18px;background:color-mix(in srgb,var(--theme-surface) 80%,transparent);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff30}.ceo-mode-choice.enabled{border-color:var(--theme-blue);box-shadow:inset 0 0 0 1px var(--theme-blue)}.ceo-mode-choice .mode-preview{display:block;width:100%;height:66px;border-radius:11px;border:1px solid var(--theme-border)}.ceo-mode-copy{display:flex;flex-direction:column;gap:6px;padding-right:38px}.ceo-mode-copy strong{font-size:15px}.ceo-mode-copy small{font-size:11px;color:var(--theme-muted)}.ceo-mode-choice input{position:absolute;right:18px;bottom:23px;width:20px;height:20px;margin:0;accent-color:var(--theme-blue);cursor:pointer}.ceo-mode-choice:focus-within{outline:2px solid var(--theme-blue);outline-offset:3px}.ceo-mode-choice:has(input:disabled){cursor:default}.ceo-mode-status{margin-top:14px!important;font-size:13px!important}.ceo-mode-access>button{padding:12px 22px!important;border-radius:13px!important}#ceo-tools-card>section[role=tabpanel]{min-width:0}@media(max-width:600px){#ceo-tools-card{padding:20px!important}.ceo-tools-tabs button{flex:1;padding:10px 12px!important}.ceo-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ceo-mode-choice{padding:13px!important}.ceo-mode-copy{padding-right:22px}.ceo-mode-choice input{right:12px}}

/* Theme-specific startup screens, driven by real session loading. */
body #session-loading{position:fixed;inset:0;z-index:2000;height:100dvh;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--theme-blue) 14%,var(--theme-paper)),var(--theme-paper) 70%);color:var(--theme-navy);gap:16px}#session-loading[hidden]{display:none!important}.loading-brand{font-size:24px;letter-spacing:-.7px}.loading-theme-name::after{content:'Default / Paper';font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--theme-muted)}#session-loading-text{font-size:13px;color:var(--theme-muted)}.theme-loading-art{position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:16px}.loading-core{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;font-size:32px;font-weight:800;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff55,0 10px 30px #00000010}.loading-orbit{position:absolute;inset:0;border:1px solid var(--theme-border);border-top:2px solid var(--theme-blue);border-bottom:2px solid var(--theme-red);border-radius:50%;animation:theme-loader-orbit 2.8s linear infinite}.loading-spark{position:absolute;top:3px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--theme-blue);box-shadow:0 0 14px var(--theme-blue)}@keyframes theme-loader-orbit{to{transform:rotate(360deg)}}
body[data-mode=light] .loading-theme-name::after{content:'Light / Clarity'}body[data-mode=light] .loading-core{border-radius:50%}
body[data-mode=dark] .loading-theme-name::after{content:'Dark / Night'}body[data-mode=dark] .loading-orbit{border-style:dashed}
body[data-mode=ocean] .loading-theme-name::after{content:'Ocean / Tides'}body[data-mode=ocean] .loading-orbit{border-radius:43% 57% 55% 45%}
body[data-mode=dusk] .loading-theme-name::after{content:'Dusk / Twilight'}body[data-mode=dusk] .loading-core{box-shadow:0 0 35px color-mix(in srgb,var(--theme-blue) 25%,transparent)}
body[data-mode=soft] .loading-theme-name::after{content:'Soft / Calm'}body[data-mode=soft] .loading-orbit{animation-duration:5s;border-bottom-color:var(--theme-border)}
body[data-mode=rose] .loading-theme-name::after{content:'Rose / Bloom'}body[data-mode=rose] .loading-orbit{border-radius:38% 62% 38% 62%}
body[data-mode=lavender] .loading-theme-name::after{content:'Lavender / Dream'}body[data-mode=lavender] .loading-orbit{border-radius:30%;animation-duration:4s}
body[data-mode=peach] .loading-theme-name::after{content:'Peach / Sunrise'}body[data-mode=peach] .loading-core{border-radius:50%;box-shadow:0 0 30px color-mix(in srgb,var(--theme-red) 18%,transparent)}
body[data-mode=midnight] .loading-theme-name::after{content:'Midnight / Orbit'}body[data-mode=midnight] .loading-orbit{border-width:2px;border-left-style:dotted;border-right-style:dotted}
body[data-mode=steel] .loading-theme-name::after{content:'Steel / Precision'}body[data-mode=steel] .loading-orbit{border-radius:22%;border-style:dashed}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none!important}}

.loading-preview-controls{display:flex;gap:12px;align-items:center;margin-top:24px;max-width:calc(100vw - 32px)}.loading-preview-controls[hidden]{display:none!important}.loading-preview-controls select,.loading-preview-controls button{background:var(--theme-surface)!important;color:var(--theme-navy)!important;border:1px solid var(--theme-border)!important;border-radius:12px;padding:12px 16px}.loading-preview-button{margin-top:22px}

/* Loading composition: themed ambience, restrained brand motion. */
body #session-loading{overflow:hidden;background:radial-gradient(ellipse at 24% 30%,color-mix(in srgb,var(--theme-blue) 16%,var(--theme-paper)),transparent 55%),radial-gradient(ellipse at 80% 72%,color-mix(in srgb,var(--theme-red) 10%,var(--theme-paper)),transparent 50%),var(--theme-paper)}
body #session-loading::before{content:'';position:absolute;width:min(65vw,700px);height:min(65vw,700px);border:1px solid color-mix(in srgb,var(--theme-blue) 14%,transparent);border-radius:50%;pointer-events:none;box-shadow:0 0 0 70px color-mix(in srgb,var(--theme-blue) 3%,transparent),0 0 0 140px color-mix(in srgb,var(--theme-blue) 2%,transparent)}
body #session-loading>*{position:relative;z-index:1}.theme-loading-art{width:150px;height:150px;margin-bottom:30px}.loading-core{width:82px;height:82px;font-size:44px;letter-spacing:-3px;border-radius:24px;background:linear-gradient(135deg,#ffffff20,transparent),var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff70,0 18px 50px color-mix(in srgb,var(--theme-blue) 15%,transparent);animation:loading-brand-breathe 3.5s ease-in-out infinite}.loading-orbit{inset:0;border:1px solid color-mix(in srgb,var(--theme-blue) 18%,transparent);border-top:2px solid var(--theme-blue);border-bottom-color:transparent;animation-duration:3.8s}.loading-orbit::after{content:'';position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--theme-blue) 30%,transparent);border-radius:inherit}.loading-spark{width:5px;height:5px;top:0}.loading-brand{font-size:30px;font-family:'Segoe UI',sans-serif;font-weight:750;letter-spacing:-1px}.loading-theme-name{order:3;margin:4px 0 12px}.loading-theme-name::after{font-size:9px;letter-spacing:2.5px}#session-loading-text{order:4;letter-spacing:.2px}.loading-preview-controls{order:5}#session-retry{order:5}
.theme-loading-art::after{content:'';position:absolute;bottom:-24px;width:90px;height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--theme-blue),transparent);animation:loading-light-breathe 2s ease-in-out infinite}
@keyframes loading-brand-breathe{0%,100%{box-shadow:inset 0 1px 0 #ffffff70,0 12px 35px color-mix(in srgb,var(--theme-blue) 10%,transparent)}50%{box-shadow:inset 0 1px 0 #ffffff70,0 18px 55px color-mix(in srgb,var(--theme-blue) 23%,transparent)}}@keyframes loading-light-breathe{0%,100%{opacity:.25}50%{opacity:1}}
body[data-mode=ocean] .loading-orbit{inset:-4px;border-radius:42% 58% 48% 52%;border-bottom:2px solid color-mix(in srgb,var(--theme-blue) 45%,transparent)}
body[data-mode=rose] .loading-orbit{border-radius:32% 68% 32% 68%;border:1px solid var(--theme-blue)}body[data-mode=rose] .loading-orbit::after{inset:8px;border-radius:68% 32% 68% 32%;border-style:solid}
body[data-mode=lavender] .loading-orbit{border-radius:28%;border-style:solid;animation-duration:8s}body[data-mode=lavender] .loading-orbit::after{inset:14px;transform:rotate(45deg);border-style:solid}
body[data-mode=peach] .loading-orbit{border:1px solid color-mix(in srgb,var(--theme-red) 30%,transparent);border-top:3px solid var(--theme-red);border-radius:50%}body[data-mode=peach] .loading-orbit::after{border-style:solid;border-bottom-color:var(--theme-blue)}
body[data-mode=midnight] #session-loading::before{border-style:dashed}body[data-mode=midnight] .loading-orbit{transform:rotate(-25deg);border-radius:50%;border-left:2px solid var(--theme-blue)}
body[data-mode=steel] .loading-orbit{border-radius:18px;border:1px solid var(--theme-blue);animation:none}body[data-mode=steel] .loading-orbit::after{border-radius:10px;animation:loading-light-breathe 2.8s ease-in-out infinite}
body[data-mode=soft] .loading-orbit{border-radius:50%;animation-duration:10s}body[data-mode=soft] .loading-core{animation-duration:6s}
body[data-mode=dusk] .loading-orbit{border-left:2px solid var(--theme-red);border-radius:50%}body[data-mode=light] .loading-orbit::after{border-style:solid}body[data-mode=dark] .loading-orbit::after{border-style:dotted}
@media(prefers-reduced-motion:reduce){.loading-core,.loading-orbit,.loading-orbit::after,.theme-loading-art::after{animation:none!important}}

/* Refined default palette: warm porcelain, ink and restrained vermilion. */
body[data-mode=default]{--theme-paper:#eee7dc;--theme-surface:#faf6ef;--theme-field:#f5efe5;--theme-navy:#153446;--theme-red:#b65443;--theme-blue:#638795;--theme-border:#d3cbbf;--theme-muted:#737c7e;--glass-highlight:#ffffff70;--glass-edge:#d3cbbf;--glass-shadow:#15344612}
body[data-mode=default] #app{background:radial-gradient(ellipse at 85% 0%,#ffffff48,transparent 55%),var(--theme-paper)}body[data-mode=default] #app .card{border-color:var(--theme-border)}
body[data-mode=default] #session-loading{background:radial-gradient(ellipse at 75% 25%,#d7e2df60,transparent 55%),radial-gradient(ellipse at 25% 80%,#e7cbbc40,transparent 60%),#eee7dc}
body[data-mode=default] #session-loading::before{width:min(78vw,620px);height:min(78vw,620px);border-color:#1534460d;box-shadow:0 0 0 70px #15344603,0 0 0 140px #15344602}
body[data-mode=default] .loading-core{background:linear-gradient(145deg,#ffffffa0,#faf6ef);border:1px solid #ffffffb0;color:#153446;border-radius:23px;box-shadow:inset 0 1px 0 white,0 15px 40px #15344614;animation:loading-brand-breathe 4.5s ease-in-out infinite}
body[data-mode=default] .loading-orbit{inset:-8px;border:1px solid #15344614;border-top:2px solid #638795;border-right-color:#63879550;animation-duration:5.5s}body[data-mode=default] .loading-orbit::after{inset:16px;border:1px solid #15344612;border-bottom-color:#b6544365}
body[data-mode=default] .loading-spark{background:#b65443;box-shadow:0 0 12px #b6544330;width:4px;height:4px}body[data-mode=default] .loading-theme-name::after{content:'Default / Porcelain';color:#737c7e}body[data-mode=default] .loading-brand{color:#153446}
[data-panel-mode=default] .mode-preview{background:linear-gradient(90deg,#153446 0 33%,#eee7dc 33% 66%,#faf6ef 66%)}

/* CEO tools contrast: derive both background and text from the same palette. */
body #app #ceo-tools-card .ceo-tools-tabs button{color:var(--theme-navy)!important;opacity:1!important;background:var(--theme-field)!important;border:1px solid var(--theme-border)!important}
body #app #ceo-tools-card .ceo-tools-tabs button.selected{color:var(--theme-navy)!important;background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))!important;border-color:var(--theme-blue)!important;font-weight:750}
body #app #ceo-tools-card .ceo-review-contacts{background:var(--theme-field)!important;color:var(--theme-navy)!important;border-right:1px solid var(--theme-border)}
body #app #ceo-tools-card .ceo-conversation{background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;color:var(--theme-navy)!important;opacity:1!important;padding:16px!important;margin:0 0 10px;border-radius:14px}
body #app #ceo-tools-card .ceo-conversation :is(strong,p){color:var(--theme-navy)!important;opacity:1!important}body #app #ceo-tools-card .ceo-conversation small{color:var(--theme-muted)!important;opacity:1!important}
body #app #ceo-tools-card .ceo-conversation.selected{background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface))!important;border-color:var(--theme-blue)!important}
body #app #ceo-tools-card .ceo-review-contacts input{background:var(--theme-surface)!important;color:var(--theme-navy)!important;border-color:var(--theme-border)!important}body #app #ceo-tools-card .ceo-review-contacts input::placeholder{color:var(--theme-muted)!important;opacity:1}
body #app #ceo-tools-card .bchat-peer-header,body #app #ceo-tools-card .ceo-review-messages{color:var(--theme-navy)!important}body #app #ceo-tools-card .profile-initial{color:var(--theme-navy)!important;background:var(--theme-field)!important}

/* Shared contrast contract across workspace topics and all mode palettes. */
body{--readable-muted:color-mix(in srgb,var(--theme-navy) 78%,var(--theme-surface))}
body #app main{color:var(--theme-navy)}
body #app main :is(h1,h2,h3,h4,strong,label,td,.profile-initial,.profile-name,.bchat-message p,.bchat-contact p){color:var(--theme-navy)!important}
body #app main :is(.muted,.footnote,.effects-note,.eyebrow,small,time,.assignment-description,.home-empty,.home-welcome-copy,.mode-note,.modes-note,.task-empty){color:var(--readable-muted)!important;opacity:1!important}
body #app main :is(button,.button){background:var(--theme-surface)!important;color:var(--theme-navy)!important;border-color:var(--theme-border)!important}
body #app main :is(button.selected,button[aria-selected=true],button[aria-pressed=true],button.primary,.button.primary){background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))!important;color:var(--theme-navy)!important;border-color:var(--theme-blue)!important}
body #app main :is(button,.button) :is(span,strong,small){color:inherit!important}
body #app main :is(button.danger,.button.danger){color:var(--theme-red)!important;border-color:var(--theme-red)!important}
body #app main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){background:var(--theme-field)!important;color:var(--theme-navy)!important;border-color:var(--theme-border)!important}
body #app main :is(input,textarea)::placeholder{color:var(--readable-muted)!important;opacity:1!important}
body #app main :is(.bchat-contacts,.ceo-review-contacts){background:var(--theme-field)!important;color:var(--theme-navy)!important}
body #app main :is(.bchat-message>div,.bchat-peer-header,.profile-preview-field,.employee-account-card,.task-row){background:var(--theme-surface)!important;color:var(--theme-navy)!important;border-color:var(--theme-border)!important}
body #app main :is(.bchat-message.own>div,.bchat-contact.selected){background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface))!important}
body #app main :is(th,.badge,.pill,.effect-state,.bchat-day){color:var(--theme-navy)!important;background:var(--theme-field)!important;border-color:var(--theme-border)!important}
body #app main :is(.home-progress-row span,.home-update-row small,.employee-account-name small,.employee-account-details small){color:var(--readable-muted)!important;opacity:1!important}
body dialog{color:var(--theme-navy)!important;background:var(--theme-surface)!important}body dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){color:var(--theme-navy)!important;background:var(--theme-field)!important;border-color:var(--theme-border)!important}body dialog :is(p,label,strong,h2,h3){color:var(--theme-navy)!important}body dialog :is(small,.effects-note,.assignment-description){color:var(--readable-muted)!important;opacity:1!important}


/* Structural cards stay still while controls are hovered or focused. */
html body #app main .card:hover,html body #app main .card:active{transform:none!important;}
/* Cross-topic surfaces, overflow and semantic states. */
body #app main :is(.card,.stats article,.bchat-shell,.bchat-thread){color:var(--theme-navy);border-color:var(--theme-border)!important;background-color:var(--theme-surface)!important;min-width:0}
body #app main :is(.sell-setup-tabs,.settings-tabs,.bchat-tabs,.ceo-tools-tabs){background:color-mix(in srgb,var(--theme-field) 85%,transparent)!important;border-color:var(--theme-border)!important;flex-wrap:wrap;max-width:100%}
body #app main :is(.bchat-messages,.ceo-review-messages){background:var(--theme-paper)!important;color:var(--theme-navy)!important}
body #app main :is(.profile-field,.profile-preview-fields>div,.profile-account>div,.staff-card,.employee-account-card){color:var(--theme-navy)!important;background-color:var(--theme-field)!important;border-color:var(--theme-border)!important}
body #app main :is(.card,.staff-card,.employee-account-card) :is(p,dd,dt){color:var(--theme-navy)}
body #app main :is(.table-wrap,.table-scroll){overflow-x:auto;max-width:100%}body #app main table{color:var(--theme-navy)!important;background:var(--theme-surface)!important}body #app main :is(td,th){border-color:var(--theme-border)!important}body #app main tbody tr:hover{background:var(--theme-field)!important}
body #app main .badge.active{color:color-mix(in srgb,#218055 75%,var(--theme-navy))!important;background:color-mix(in srgb,#218055 13%,var(--theme-surface))!important}body #app main .badge.off{color:var(--theme-red)!important;background:color-mix(in srgb,var(--theme-red) 10%,var(--theme-surface))!important}
body #app main :is(button,input,select,textarea):focus-visible,body dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--theme-blue)!important;outline-offset:3px}body #app main button:disabled{opacity:.65!important}
body #app main .effect-row[data-enabled=true] .effect-state{color:var(--theme-navy)!important;background:color-mix(in srgb,#218055 20%,var(--theme-surface))!important}body #app main .effect-row[data-enabled=false] .effect-state{color:var(--readable-muted)!important;background:var(--theme-field)!important}
body #app main :is(.task-done,.home-update-row,.staff-card) strong{overflow-wrap:anywhere}body #app main .mode-preview{color:transparent!important}

/* Shared gentle pointer response for topic cards. */
body #app main .card{position:relative;transform-origin:center;transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .3s ease!important}
body #app main .card.home-tilting,body #app main .card.home-tilting:hover,body #app main .card.home-tilting:active{transform:perspective(1100px) rotateX(var(--home-tilt-x,0deg)) rotateY(var(--home-tilt-y,0deg))!important;border-color:var(--theme-blue)!important}
body #app main .card.home-tilting{box-shadow:inset 0 1px 0 #ffffff55,0 10px 28px #00000010}
body.effects-off-buttons #app main .card.home-tilting{transform:none!important}
@media(prefers-reduced-motion:reduce){body #app main .card.home-tilting{transform:none!important;transition:none!important}}

body #app main #bchat .card,body #app main #bchat .card.home-tilting,body #app main #bchat .card:hover{transform:none!important;transition:border-color .2s ease!important}

body[data-workspace=ceotable] #app main .card,body[data-workspace=ceotable] #app main .card.home-tilting,body[data-workspace=ceotable] #app main .card:hover{transform:none!important;transition:border-color .2s ease!important}

body[data-workspace=management] #app main .card,body[data-workspace=management] #app main .card.home-tilting,body[data-workspace=management] #app main .card:hover{transform:none!important;transition:border-color .2s ease!important}

body:is([data-workspace=ceo],[data-workspace=admins],[data-workspace=report],[data-workspace=clients],[data-workspace=plans]) #app main .card,body:is([data-workspace=ceo],[data-workspace=admins],[data-workspace=report],[data-workspace=clients],[data-workspace=plans]) #app main .card.home-tilting,body:is([data-workspace=ceo],[data-workspace=admins],[data-workspace=report],[data-workspace=clients],[data-workspace=plans]) #app main .card:hover{transform:none!important;transition:border-color .2s ease!important}

.login-code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px}.login-code-card{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px;border:1px solid var(--theme-border);border-radius:22px;background:linear-gradient(135deg,#ffffff12,transparent),var(--theme-field);box-shadow:inset 0 1px 0 #ffffff35}.login-code-identity{display:flex;align-items:center;gap:14px}.login-code-identity>div{display:flex;flex-direction:column;gap:5px;min-width:0}.login-code-identity strong{font-size:18px;overflow-wrap:anywhere}.login-code-identity small{text-transform:capitalize}.login-code-card>button{align-self:flex-start;padding:10px 18px;border-radius:12px}.login-code-result{display:flex;gap:8px;align-items:center}.login-code-result[hidden]{display:none!important}.login-code-result input{width:100%;min-width:0;font-family:monospace;font-size:14px;letter-spacing:.4px;padding:12px;border-radius:10px}.login-code-result button{flex-shrink:0;border-radius:10px}.login-code-card>.effects-note{font-size:12px;min-height:20px}

/* CEO table: consistent spacing, controls and quiet glass surfaces. */
body #app #ceotable{max-width:1280px;width:100%;min-width:0}
body #app #ceotable>.settings-tabs{display:flex;gap:7px;padding:7px!important;margin-bottom:26px;border-radius:19px!important;align-items:center;background:color-mix(in srgb,var(--theme-field) 85%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff35,0 6px 20px #00000006}
body #app #ceotable>.settings-tabs button{padding:11px 16px!important;border-radius:12px!important;font-size:13px;font-weight:650;white-space:nowrap}
body #app #ceotable .settings-category-page>.card{padding:30px!important;border-radius:24px!important;background:linear-gradient(140deg,#ffffff12,transparent 55%),color-mix(in srgb,var(--theme-surface) 90%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff50,0 10px 30px #00000009;border:1px solid var(--theme-border)!important}
body #app #ceotable :is(.card>h2,.section-head h2){font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:0 0 12px}
body #app #ceotable .card>.effects-note{max-width:740px;line-height:1.7;margin-bottom:20px}
body #app #ceotable .section-head{align-items:center;gap:18px;margin-bottom:24px}
body #app #ceotable form{max-width:100%}body #app #ceotable form label{font-size:13px;font-weight:600;line-height:1.6}
body #app #ceotable :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:12px!important;padding:12px 14px!important;max-width:100%;box-sizing:border-box;font-size:14px}
body #app #ceotable button{border-radius:12px;font-weight:600;min-height:38px}
body #app #ceotable .employee-view-toggle{padding:4px;border:1px solid var(--theme-border);border-radius:14px;width:fit-content;background:var(--theme-field)}
body #app #ceotable .employee-account-card{border-radius:20px;padding:22px;background:var(--theme-field);box-shadow:inset 0 1px 0 #ffffff30}
body #app #ceotable .staff-grid{gap:18px}body #app #ceotable .ceo-review-shell{border-radius:20px;overflow:hidden;border-color:var(--theme-border)}
body #app #ceotable .ceo-review-contacts{padding:18px!important}body #app #ceotable .ceo-review-contacts>input{margin-bottom:18px}
body #app #ceotable .ceo-tools-tabs{margin-top:22px;margin-bottom:28px!important}body #app #ceotable #ceo-tools-card>section>h3{margin:0 0 12px;font-size:21px;letter-spacing:-.4px}
body #app #ceotable table th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;padding:14px}body #app #ceotable table td{padding:15px 14px;font-size:13px}
body #app #ceotable .login-code-grid{gap:18px}body #app #ceotable .login-code-card{padding:24px;border-radius:20px}
body #app #ceotable button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(max-width:700px){body #app #ceotable .settings-category-page>.card{padding:20px!important}body #app #ceotable>.settings-tabs{gap:5px}body #app #ceotable>.settings-tabs button{padding:10px 12px!important}body #app #ceotable .section-head{flex-wrap:wrap}body #app #ceotable .login-code-grid{grid-template-columns:1fr}}

.interface-picker-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;margin-bottom:12px;text-align:left;border-radius:13px!important;padding:11px 14px!important}.interface-picker-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.interface-picker-menu{width:min(560px,calc(100vw - 32px));max-height:75dvh;padding:20px;border:1px solid var(--theme-border);border-radius:22px;box-shadow:0 22px 70px #00000030}.interface-picker-menu::backdrop{background:#00000040;backdrop-filter:blur(4px)}.interface-picker-menu>input{width:100%;padding:12px 14px;border-radius:12px;margin-bottom:14px}.interface-picker-options{display:grid;gap:6px;max-height:48dvh;overflow-y:auto;margin-bottom:16px}.interface-picker-option{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:12px!important;border-radius:10px;font-family:inherit;font-size:12px;line-height:1.6}.interface-picker-option span:first-child{overflow-wrap:anywhere}.interface-picker-option[aria-pressed=true]{background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))!important;border-color:var(--theme-blue)!important}.interface-picker-options::-webkit-scrollbar{width:6px}.interface-picker-options::-webkit-scrollbar-thumb{background:var(--theme-blue);border-radius:6px}

.terminal-shell{border:1px solid var(--theme-border);border-radius:18px;overflow:hidden;margin-top:22px;min-width:0}.terminal-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:var(--theme-field);border-bottom:1px solid var(--theme-border);color:var(--theme-navy);font-size:12px;font-weight:600}.terminal-connection{padding:4px 10px;border-radius:20px;border:1px solid var(--theme-border);font-size:11px;color:var(--readable-muted)}body #app main .terminal-screen{background:var(--theme-paper)!important;color:var(--theme-navy)!important;min-height:300px;max-height:60dvh;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px;font-family:'Cascadia Code',Consolas,monospace;line-height:1.7;white-space:normal;margin:0;border:0;border-radius:0;min-width:0}.terminal-empty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:420px}.terminal-symbol{display:grid;place-items:center;width:64px;height:64px;background:var(--theme-field);border:1px solid var(--theme-border);border-radius:17px;font-size:24px;color:var(--theme-blue)}.terminal-empty strong{font-family:'Segoe UI',sans-serif;font-size:17px}.terminal-empty p{font-family:'Segoe UI',sans-serif;font-size:13px;color:var(--readable-muted)!important;overflow-wrap:anywhere}@media(max-width:600px){.terminal-topbar{padding:12px;flex-wrap:wrap}body #app main .terminal-screen{min-height:250px;padding:20px}}

/* Overview charts: contain controls and align chart/card geometry. */
body #app main #overview #interface-select{display:none!important}body #app main #overview .chart-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:20px!important}body #app main #overview .chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;flex-wrap:wrap;margin-bottom:12px}body #app main #overview .chart-head h2{font-size:18px!important;margin:0!important;letter-spacing:-.4px}body #app main #overview .chart-head strong{font-size:15px;white-space:nowrap}body #app main #overview .interface-picker-trigger{width:100%!important;max-width:100%!important;box-sizing:border-box;min-height:40px;flex-shrink:0}body #app main #overview .interface-picker-trigger[hidden]{display:none!important}body #app main #overview .chart{width:100%;min-width:0;height:160px;flex-shrink:0}body #app main #overview .chart-caption{font-size:11px;line-height:1.6;margin-top:12px;min-height:34px;overflow-wrap:anywhere;font-family:inherit}body #app main #overview .chart-grid{align-items:stretch;gap:16px}body #app main #overview .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body #app main #overview .stats article{min-width:0}body #app main #overview .two-columns{gap:16px;align-items:stretch}@media(max-width:800px){body #app main #overview .chart-grid,body #app main #overview .two-columns{grid-template-columns:1fr}body #app main #overview .chart-card:last-child{grid-column:auto}body #app main #overview .chart{height:180px}}

#settings .settings-category-page .home-shortcut-choices{margin-top:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}#settings .home-shortcut-choices label{padding:16px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-field);cursor:pointer}#settings .home-shortcut-choices label:has(input:checked){border-color:var(--theme-blue)}

#report form{display:grid;gap:18px;margin:24px 0;max-width:760px}#report form label{display:grid;gap:8px}#report textarea{resize:vertical;font-family:inherit}#report form button{justify-self:start}.formal-report{padding:18px;margin-top:12px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-field)}.formal-report summary{font-weight:650;cursor:pointer;overflow-wrap:anywhere}.formal-report-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.formal-report .effects-note{margin-top:12px}

.report-recipient-picker{margin:0;padding:0;border:0;min-width:0}.report-recipient-picker legend{font-size:13px;font-weight:650;margin-bottom:12px;color:var(--theme-navy)}.report-recipient-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-recipient-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:22px!important;border-radius:18px!important;min-height:110px}.report-recipient-option strong{font-size:18px}.report-recipient-option span{font-size:12px;line-height:1.7}.report-recipient-option.selected{box-shadow:inset 0 0 0 1px var(--theme-blue)}@media(max-width:550px){.report-recipient-options{grid-template-columns:1fr}}

#report .report-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start;max-width:1260px}#report .report-compose-card,#report .report-history-card{padding:30px;border-radius:24px;min-width:0;box-shadow:inset 0 1px 0 #ffffff45,0 12px 36px #0000000c}#report .report-compose-card>h2{font-size:29px;letter-spacing:-.8px;margin:10px 0}#report .report-history-card>h2{font-size:22px;margin:10px 0}#report .eyebrow{text-align:left;font-size:9px;letter-spacing:1.8px}#report .report-compose-card>.effects-note,#report .report-history-card>.effects-note{font-size:13px;line-height:1.8}#report form{gap:24px;margin:28px 0 0}#report form>label{font-size:13px;font-weight:650;gap:10px}#report form input:not([type=hidden]),#report textarea{width:100%;padding:15px 17px!important;border-radius:14px;font-family:inherit;font-size:14px;line-height:1.8}#report textarea{min-height:230px}#report .report-recipient-option{padding:20px!important;gap:8px;min-height:120px;position:relative}#report .report-recipient-option.selected::after{content:'\2713 ';position:absolute;top:16px;right:16px;color:var(--theme-navy);font-weight:700}#report .report-recipient-option strong{padding-right:22px}#report .report-recipient-option span{font-size:12px;font-weight:400}#report form>button{padding:13px 24px;border-radius:13px;font-size:14px;min-width:160px}#report .report-history-card .formal-report{padding:16px;border-radius:14px}#report .report-history-card .formal-report summary{font-size:14px;line-height:1.6}#report .report-history-card .formal-report-body{font-size:13px;line-height:1.8}@media(max-width:1050px){#report .report-layout{grid-template-columns:1fr}}@media(max-width:550px){#report .report-compose-card,#report .report-history-card{padding:22px}#report .report-compose-card>h2{font-size:25px}#report textarea{min-height:190px}}

/* Report layout: consistent button sizing and viewport-aware form density. */
body #app main #report{width:100%;min-width:0}body #app main #report .report-layout{width:100%;max-width:none;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px;align-items:start}body #app main #report .report-compose-card,body #app main #report .report-history-card{width:100%;min-width:0;padding:26px!important;box-sizing:border-box}body #app main #report form{max-width:none;width:100%;gap:18px;margin-top:22px}body #app main #report .report-recipient-picker{width:100%;padding:0;margin:0;min-width:0}body #app main #report .report-recipient-options{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-items:stretch}body #app main #report .report-recipient-options .report-recipient-option{width:100%!important;min-width:0;max-width:none;box-sizing:border-box;margin:0!important;display:flex!important;justify-content:flex-start;align-items:flex-start;min-height:100px;padding:17px!important;line-height:1.6}body #app main #report .report-recipient-option span{white-space:normal;overflow-wrap:anywhere}body #app main #report form>label{margin:0!important;gap:8px}body #app main #report form input:not([type=hidden]){height:48px;padding:11px 14px!important}body #app main #report textarea{height:clamp(160px,22dvh,230px);min-height:160px;padding:14px!important;resize:vertical}body #app main #report .report-history-card{min-height:260px}body #app main #report form>button{margin:0!important;min-height:44px;padding:11px 20px!important}body #app main #report form>p:empty{display:none}body #app main #report .report-compose-card>h2{font-size:26px;margin:8px 0}body #app main #report .report-compose-card>.effects-note{max-width:600px}@media(max-width:1050px){body #app main #report .report-layout{grid-template-columns:1fr}}@media(max-width:550px){body #app main #report .report-recipient-options{grid-template-columns:1fr}body #app main #report .report-compose-card,body #app main #report .report-history-card{padding:20px!important}}

.formal-report summary{display:flex;flex-direction:column;gap:8px}.report-summary-sender{font-size:12px;font-weight:650;color:var(--theme-navy)}.report-summary-subject{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.report-summary-date{font-size:11px;font-weight:400;color:var(--readable-muted)}.formal-report summary::after{content:'View report \2193 ';font-size:11px;color:var(--readable-muted);margin-top:4px}.formal-report[open] summary::after{content:'Close report \2191 '}

.formal-reports-list{display:grid;gap:14px;margin-top:24px}.formal-reports-list .inbox-report{margin:0;padding:20px;border-radius:18px;background:linear-gradient(135deg,#ffffff12,transparent),var(--theme-field);box-shadow:inset 0 1px 0 #ffffff25}.formal-reports-list .inbox-report>summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:16px;list-style:none}.formal-reports-list .inbox-report>summary::-webkit-details-marker{display:none}.formal-reports-list .inbox-report>summary::after{display:none}.report-sender-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--theme-surface);border:1px solid var(--theme-border);font-size:19px;font-weight:750;color:var(--theme-navy)}.report-summary-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.report-open-action{font-size:12px;padding:9px 12px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);white-space:nowrap;color:var(--theme-navy)}.formal-reports-list .inbox-report[open]{border-color:var(--theme-blue)}.formal-reports-list .inbox-report[open]>.effects-note{padding-top:18px;margin-top:18px;border-top:1px solid var(--theme-border)}.formal-reports-list .formal-report-body{line-height:1.9;padding:18px;border-radius:12px;background:var(--theme-surface);font-size:14px}.formal-reports-list .report-summary-date{max-width:160px;text-align:right}@media(max-width:750px){.formal-reports-list .inbox-report>summary{grid-template-columns:40px minmax(0,1fr)}.formal-reports-list .report-summary-date{grid-column:2;text-align:left}.report-open-action{grid-column:2;justify-self:start}}

.report-replies{display:grid;gap:12px;margin-top:18px}.report-reply{display:flex;flex-direction:column;gap:8px;padding:16px;border-left:3px solid var(--theme-blue);border-radius:12px;background:var(--theme-surface)}.report-reply p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.report-reply-form{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--theme-border)}.report-reply-form label{display:grid;gap:8px}.report-reply-form textarea{width:100%;padding:14px;min-height:100px;border-radius:12px;resize:vertical;font-family:inherit}.report-reply-form button{justify-self:start}.report-reply-form p:empty{display:none}

.report-confirm-dialog{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid var(--theme-border);border-radius:22px;box-shadow:0 24px 70px #00000030}.report-confirm-dialog::backdrop{background:#00000050;backdrop-filter:blur(4px)}.report-confirm-dialog h2{font-size:24px;margin-bottom:12px}.report-confirm-dialog>.effects-note{margin:12px 0}.report-confirm-dialog>strong{display:block;font-size:18px;overflow-wrap:anywhere}.report-confirm-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding:18px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-field);margin:18px 0}.report-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

body .report-confirm-dialog{width:min(660px,calc(100vw - 32px));padding:32px;max-height:calc(100dvh - 48px);border-radius:26px;background:linear-gradient(135deg,#ffffff18,transparent),var(--theme-surface)!important;box-shadow:inset 0 1px 0 #ffffff60,0 30px 90px #00000035}.report-confirm-dialog>.eyebrow{display:block;text-align:left;font-size:9px;letter-spacing:2px;margin-bottom:12px}.report-confirm-dialog h2{font-size:28px;letter-spacing:-.8px;margin:0 0 10px}.report-confirm-dialog>.effects-note{font-size:13px;line-height:1.8;max-width:500px;margin-bottom:22px}.report-confirm-recipient{display:inline-flex;align-items:center;padding:8px 12px!important;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-field);font-size:12px;font-weight:700;margin-bottom:16px}.report-confirm-subject{display:block;padding:0 0 14px;font-size:19px;line-height:1.6;letter-spacing:-.3px;border-bottom:1px solid var(--theme-border)}.report-confirm-body{margin:16px 0 24px;min-height:100px;max-height:35dvh;overflow-y:auto;padding:20px;border-radius:16px;font-size:14px;line-height:1.9}.report-confirm-actions{padding-top:18px;border-top:1px solid var(--theme-border);gap:12px}.report-confirm-actions button{padding:12px 18px;border-radius:12px;min-height:44px;font-weight:650}.report-confirm-actions .primary{background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface))!important;border-color:var(--theme-blue)!important}.report-confirm-actions button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}@media(max-width:500px){body .report-confirm-dialog{padding:22px}.report-confirm-dialog h2{font-size:24px}.report-confirm-actions button{flex:1}.report-confirm-body{padding:16px}}

.report-preview-label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--readable-muted);margin:12px 0 8px}

.report-confirm-dialog .report-confirm-subject,.report-confirm-dialog .report-confirm-body{width:100%;box-sizing:border-box;font-family:inherit;padding:14px 16px;border:1px solid var(--theme-border);border-radius:12px}.report-confirm-dialog .report-confirm-body{height:200px;resize:vertical;font-size:14px}.report-confirm-dialog .report-confirm-subject{font-size:17px}

.report-confirm-dialog .report-confirm-body{margin-bottom:5px}.report-confirm-dialog>.report-preview-hint{margin:0 2px 18px!important;font-size:11px!important;line-height:1.5}

/* Final review actions: small lift, no dialog tilt. */
.report-confirm-dialog .report-confirm-actions button{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease!important;box-shadow:inset 0 1px 0 #ffffff35;will-change:auto}
.report-confirm-dialog .report-confirm-actions button:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #ffffff60,0 5px 12px #00000012;border-color:var(--theme-blue)!important}
.report-confirm-dialog .report-confirm-actions button:active:not(:disabled){transform:translateY(0)!important;box-shadow:inset 0 1px 3px #00000010}
.report-confirm-dialog .report-confirm-actions button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
body.effects-off-buttons .report-confirm-dialog .report-confirm-actions button{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.report-confirm-dialog .report-confirm-actions button{transition:none!important;transform:none!important}}

.report-confirm-dialog .report-message-label{margin:18px 0 5px}.report-confirm-dialog .report-message-label+.report-confirm-body{margin-top:0}

#report .report-history-card .formal-report>summary::after{display:none}#report .report-history-card .formal-report>summary{gap:8px}#report .report-history-card .report-summary-sender{font-size:11px}#report .report-history-card .report-summary-subject{font-size:15px}

.report-thread-dialog{width:min(720px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid var(--theme-border);border-radius:24px;box-shadow:0 25px 80px #00000035}.report-thread-dialog::backdrop{background:#00000050;backdrop-filter:blur(4px)}.report-thread-dialog h2{margin:14px 0;font-size:24px;overflow-wrap:anywhere}.report-thread-dialog .formal-report-body{padding:18px;border-radius:14px;background:var(--theme-field);margin-bottom:20px}.report-thread-dialog .report-reply{margin:12px 0}.report-thread-dialog>button{margin-top:20px}.report-thread-dialog .report-reply-form textarea{background:var(--theme-field)}

body .report-thread-dialog{padding:30px;border-radius:26px;width:min(760px,calc(100vw - 32px));box-shadow:inset 0 1px 0 #ffffff55,0 28px 90px #00000030}.report-thread-heading{padding-bottom:16px;border-bottom:1px solid var(--theme-border);margin-bottom:18px}.report-thread-heading .eyebrow{text-align:left;font-size:9px;letter-spacing:1.8px;margin-bottom:14px}.report-thread-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.report-thread-route>span:first-child,.report-thread-route>strong{padding:8px 12px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-field)}.report-thread-heading h2{margin:18px 0 0;font-size:25px}.report-thread-dialog .report-reply{border:1px solid var(--theme-border);border-left:3px solid var(--theme-blue);background:var(--theme-field);padding:18px;border-radius:14px}.report-thread-dialog .report-reply-form label{font-size:13px;font-weight:650;gap:10px}.report-thread-dialog .report-reply-form textarea{min-height:110px;padding:16px;font-size:14px;line-height:1.8}.report-thread-dialog .report-reply-form button{border-radius:12px;padding:12px 22px;min-height:44px;background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface))!important;border-color:var(--theme-blue)!important;transition:transform .2s ease,box-shadow .2s ease}.report-thread-dialog .report-reply-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #00000012}.report-thread-dialog>button{display:block;margin-left:auto;margin-top:18px;border-radius:12px;padding:10px 18px}.report-thread-dialog .report-reply-form p:empty{display:none}@media(max-width:500px){body .report-thread-dialog{padding:22px}.report-thread-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.report-thread-dialog button{transition:none!important;transform:none!important}}

.report-thread-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--theme-border)}.report-thread-dialog .report-thread-actions button{margin:0!important;min-height:44px;padding:11px 20px;border-radius:12px}.report-thread-dialog .report-thread-actions button:not(.primary){background:var(--theme-surface)!important;border-color:var(--theme-border)!important;box-shadow:none}@media(max-width:480px){.report-thread-actions button{flex:1}}

.report-backup-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;margin:12px 0 20px;border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-surface)}.report-backup-tools p{margin:0}.report-backup-tools button{min-height:42px}

/* Employee mode picker: custom searchable dialog instead of native select. */
.ceo-employee-picker{display:flex!important;align-items:center;gap:12px;width:min(100%,440px);padding:14px!important;border-radius:16px!important;margin:16px 0 20px!important;text-align:left;min-height:66px}.ceo-employee-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-surface));color:var(--theme-navy);font-weight:700}.ceo-employee-change{margin-left:auto;font-size:11px;color:var(--theme-navy)}.ceo-employee-dialog{width:min(460px,calc(100vw - 32px));padding:24px;border-radius:22px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-line);box-shadow:0 24px 80px #0005}.ceo-employee-dialog::backdrop{background:#07152180;backdrop-filter:blur(7px)}.ceo-employee-dialog h2{margin:0 0 16px}.ceo-employee-dialog>input{width:100%;padding:12px;border-radius:12px;margin-bottom:12px}.ceo-employee-options{display:grid;gap:8px;max-height:45dvh;overflow:auto;margin-bottom:16px}.ceo-employee-option{width:100%;display:flex!important;align-items:center;gap:12px;padding:12px!important;text-align:left;border-radius:14px!important}.ceo-employee-option>span:last-child{margin-left:auto}.ceo-employee-option strong,.ceo-employee-option small{display:block}.ceo-employee-option small{margin-top:4px;font-size:12px}.ceo-employee-option:hover{background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface))!important}.ceo-employee-option:focus-visible,.ceo-employee-picker:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}

/* Persistent team directory and adjacent theme editor. */
.ceo-mode-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.ceo-mode-rail{border:1px solid var(--theme-line);border-radius:20px;padding:18px;background:color-mix(in srgb,var(--theme-surface) 92%,var(--theme-blue));min-width:0}.ceo-mode-rail h3{margin:6px 0 16px}.ceo-mode-rail>input{width:100%;min-width:0;border-radius:12px;padding:12px;margin-bottom:14px}.ceo-mode-rail .ceo-employee-options{max-height:55dvh;margin:0}.ceo-mode-rail .ceo-employee-option{border:1px solid transparent!important;transition:background .18s,border-color .18s}.ceo-mode-rail .ceo-employee-option.selected{border-color:var(--theme-blue)!important;background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))!important}.ceo-mode-editor{min-width:0;padding:22px;border:1px solid var(--theme-line);border-radius:20px;background:var(--theme-surface)}.ceo-mode-editor-heading{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--theme-line)}.ceo-mode-editor-heading h3{font-size:24px;margin:6px 0 8px}.ceo-mode-editor-heading p{margin:0}.ceo-mode-editor .ceo-mode-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.ceo-mode-editor .ceo-mode-choice{min-height:145px;padding:16px;border-radius:18px}.ceo-mode-editor .mode-preview{height:48px}.ceo-mode-editor>button{margin-top:20px;min-height:44px;padding:12px 22px!important;border-radius:12px!important}.ceo-mode-editor .ceo-mode-status:empty{display:none}@media(max-width:800px){.ceo-mode-layout{grid-template-columns:1fr}.ceo-mode-rail .ceo-employee-options{max-height:220px}.ceo-mode-editor{padding:16px}}

/* Mode editor: bounded content, no sidebar element styles inherited. */
body:has(#ceotable:not([hidden]) .ceo-mode-access:not([hidden])){overflow:hidden}body:has(#ceotable:not([hidden]) .ceo-mode-access:not([hidden])) #app main{overflow:hidden}
#ceotable .ceo-mode-access:not([hidden]){height:var(--mode-height,calc(100dvh - 330px));min-height:0;display:flex;flex-direction:column;overflow:hidden}
#ceotable .ceo-mode-access>h3{margin:0 0 4px}#ceotable .ceo-mode-access>p{margin:0;font-size:12px}
#ceotable .ceo-mode-layout{flex:1;min-height:0;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:14px;align-items:stretch;overflow:hidden}
#ceotable .ceo-mode-rail{min-height:0;padding:16px;display:flex;flex-direction:column;overflow:hidden;color:var(--theme-navy)}
#ceotable .ceo-mode-rail h3{margin:4px 0 10px}#ceotable .ceo-mode-rail>input{flex-shrink:0}#ceotable .ceo-mode-rail .ceo-employee-options{flex:1;min-height:0;max-height:none;overflow:auto}
#ceotable .ceo-mode-editor{min-height:0;padding:16px;display:flex;flex-direction:column;overflow:hidden}#ceotable .ceo-mode-editor-heading{flex-shrink:0;padding-bottom:10px;margin-bottom:12px}#ceotable .ceo-mode-editor-heading h3{font-size:20px;margin:4px 0}#ceotable .ceo-mode-editor-heading .effects-note{font-size:12px}
#ceotable .ceo-mode-editor .ceo-mode-grid{flex:1;min-height:0;overflow:auto;align-content:start;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;padding:2px 8px 2px 2px}#ceotable .ceo-mode-editor .ceo-mode-choice{min-height:120px;padding:12px}#ceotable .ceo-mode-editor .mode-preview{height:38px}
#ceotable .ceo-mode-editor>button{flex-shrink:0;align-self:flex-start;margin-top:10px;min-height:38px}#ceotable .ceo-mode-status{flex-shrink:0;margin:4px 0 0;font-size:12px}
@media(max-width:700px){#ceotable .ceo-mode-layout{grid-template-columns:150px minmax(0,1fr);gap:10px}#ceotable .ceo-mode-rail{padding:10px}#ceotable .ceo-employee-option{gap:6px;padding:8px!important}#ceotable .ceo-employee-avatar{width:26px;height:26px}#ceotable .ceo-mode-editor-heading .effects-note{display:none}}

#ceotable .ceo-mode-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}#ceotable .ceo-mode-editor .ceo-mode-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}#ceotable .ceo-mode-editor .ceo-mode-choice{min-height:162px;padding:18px}#ceotable .ceo-mode-editor .mode-preview{height:62px}#ceotable .ceo-mode-editor .ceo-mode-copy strong{font-size:16px}#ceotable .ceo-mode-editor-heading h3{font-size:24px}#ceotable .ceo-mode-rail .ceo-employee-option{min-height:68px}@media(max-width:700px){#ceotable .ceo-mode-layout{grid-template-columns:150px minmax(0,1fr)}#ceotable .ceo-mode-editor .ceo-mode-grid{grid-template-columns:1fr}}

/* Shared browser viewport sizing: topic roots must fill the available main area. */
body #app main{width:100%;max-width:none;min-width:0;box-sizing:border-box}
body #app main>.workspace,body #app main :is(#preview,#support,#report,#ceotable,#management,#ceo,#admins,#clients,#plans,#staff,#settings,#bchat,#backup,#remote){width:100%;max-width:none;min-width:0;box-sizing:border-box}
body #app main #preview .home-top-grid,body #app main #preview .home-welcome,body #app main #settings #profile>.card,body #app main .staff-profile-page>.staff-card{width:100%;max-width:none;min-width:0}
body #app main :is(.ceo-mode-layout,.report-layout,.home-top-grid,.home-dashboard-grid){min-width:0}
body #app main :is(.ceo-mode-layout,.report-layout,.home-top-grid,.home-dashboard-grid)>*{min-width:0;box-sizing:border-box}
body #app main #ceotable .ceo-mode-access{width:100%;max-width:none}
body #app main #ceotable .ceo-mode-rail{padding:16px!important}
body #app main #ceotable .ceo-mode-editor .ceo-mode-grid{scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent;scrollbar-gutter:stable}
body #app main #ceotable .ceo-mode-editor .ceo-mode-grid::-webkit-scrollbar{width:7px}body #app main #ceotable .ceo-mode-editor .ceo-mode-grid::-webkit-scrollbar-track{background:transparent}body #app main #ceotable .ceo-mode-editor .ceo-mode-grid::-webkit-scrollbar-thumb{background:var(--theme-blue);border-radius:8px}
@media(min-width:1100px){body #app main #ceotable .ceo-mode-editor .ceo-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Overview remains vertically scrollable in every table. */
body:has(#overview:not([hidden])){overflow-y:auto}
body:has(#overview:not([hidden])) #app main{overflow-y:auto!important;overflow-x:hidden;max-height:100dvh;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent}
body #app main #overview{height:auto;max-height:none;overflow:visible;padding-bottom:24px}

/* Mode access v2: independent layout without legacy viewport constraints. */
.mode-access-v2{margin-top:24px;min-width:0}.mav-head{margin-bottom:24px}.mav-title{font-size:24px;font-weight:700;letter-spacing:-.5px}.mav-head p{margin-top:5px}.mav-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.mav-directory{border:1px solid var(--theme-border);background:var(--theme-field);border-radius:20px;padding:20px}.mav-directory h3{margin:0 0 14px}.mav-directory>input{width:100%;min-width:0;margin-bottom:16px}.mav-people{display:grid;gap:8px;max-height:500px;overflow:auto}.mav-person{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px!important;text-align:left;border-radius:14px!important;border:1px solid transparent!important;background:transparent!important}.mav-person[aria-pressed=true]{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))!important;border-color:var(--theme-blue)!important}.mav-person>span:last-child{margin-left:auto}.mav-person strong,.mav-person small{display:block}.mav-person small{font-size:11px;margin-top:3px}.mav-avatar{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));font-weight:700;color:var(--theme-navy)}.mav-avatar.large{width:54px;height:54px;font-size:22px;border-radius:17px}.mav-editor{min-width:0}.mav-identity{display:flex;align-items:center;gap:16px;margin-bottom:18px}.mav-identity h3{font-size:24px;margin:2px 0 4px}.mav-identity p{margin:0;font-size:12px}.mav-count{display:block;font-size:12px;font-weight:600;margin:0 0 14px;color:var(--theme-navy)}.mav-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.mav-theme{position:relative;display:grid!important;grid-template-columns:1fr auto;gap:12px;padding:16px!important;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface);cursor:pointer;transition:border-color .18s,background .18s}.mav-theme.enabled{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 9%,var(--theme-surface))}.mav-theme:hover{border-color:var(--theme-blue)}.mav-theme>.mode-preview{grid-column:1/-1;width:100%;height:58px;border-radius:11px;display:block}.mav-theme-copy strong,.mav-theme-copy small{display:block}.mav-theme-copy strong{font-size:15px}.mav-theme-copy small{font-size:11px;margin-top:3px}.mav-theme input{width:18px!important;height:18px;align-self:center;accent-color:var(--theme-blue);margin:0}.mav-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;margin-top:22px;border-top:1px solid var(--theme-border)}.mav-status{font-size:12px;margin:0}.mav-footer button{min-height:44px;padding:12px 22px!important;border-radius:12px!important}@media(max-width:850px){.mav-layout{grid-template-columns:1fr}.mav-people{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:200px}.mav-directory{padding:16px}.mav-theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}

/* Clear theme permission cards with a full-width state control. */
.mode-access-v2 .mav-theme-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.mode-access-v2 .mav-theme{grid-template-columns:1fr;padding:18px!important;gap:14px;border:1px solid var(--theme-border);border-radius:22px;overflow:hidden;box-shadow:0 4px 16px #00000008;transition:border-color .2s,box-shadow .2s,background .2s}
.mode-access-v2 .mav-theme>.mode-preview{height:82px;border-radius:14px;border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff60}
.mode-access-v2 .mav-theme-copy strong{font-size:18px;line-height:1.4}.mode-access-v2 .mav-theme-copy small{font-size:12px;line-height:1.6;margin-top:6px}
.mav-theme-indicator{display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--theme-border);border-radius:10px;font-size:12px;font-weight:700;background:var(--theme-field);color:var(--theme-navy)}
.mode-access-v2 .mav-theme.enabled{border:2px solid var(--theme-blue);padding:17px!important;background:color-mix(in srgb,var(--theme-blue) 8%,var(--theme-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-blue) 10%,transparent)}
.mav-theme.enabled .mav-theme-indicator{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));border-color:var(--theme-blue)}
.mode-access-v2 .mav-theme input{position:absolute;opacity:0;width:1px!important;height:1px;pointer-events:none}
.mode-access-v2 .mav-theme:focus-within{outline:2px solid var(--theme-blue);outline-offset:4px}
.mode-access-v2 .mav-theme[data-panel-mode=default]{cursor:default}.mode-access-v2 .mav-theme:hover{box-shadow:0 6px 22px #00000014}
@media(max-width:600px){.mode-access-v2 .mav-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-access-v2 .mav-theme{padding:12px!important;border-radius:16px}.mode-access-v2 .mav-theme.enabled{padding:11px!important}.mode-access-v2 .mav-theme>.mode-preview{height:60px}.mode-access-v2 .mav-theme-copy strong{font-size:16px}}

/* Independent theme assignment box. */
.mode-access-v2 .mav-editor{padding:24px;border:1px solid var(--theme-border);border-radius:24px;background:linear-gradient(135deg,#ffffff0c,transparent),var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff20,0 8px 28px #0000000a;overflow:hidden}
.mode-access-v2 .mav-identity{padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--theme-border)}
.mode-access-v2 .mav-footer{margin-bottom:0}
@media(max-width:600px){.mode-access-v2 .mav-editor{padding:16px;border-radius:18px}}

/* Scroll containment applies exclusively to the visible Mode access section. */
body:has(#ceotable:not([hidden]) .mode-access-v2:not([hidden])){overflow:hidden!important}
body:has(#ceotable:not([hidden]) .mode-access-v2:not([hidden])) #app main{overflow:hidden!important}
#ceotable .mode-access-v2:not([hidden]){height:var(--mav-height,calc(100dvh - 350px));min-height:0;display:flex;flex-direction:column;overflow:hidden}
#ceotable .mode-access-v2 .mav-head{flex-shrink:0;margin-bottom:16px}
#ceotable .mode-access-v2 .mav-layout{flex:1;min-height:0;align-items:stretch;overflow:hidden}
#ceotable .mode-access-v2 .mav-editor{min-height:0;display:flex;flex-direction:column}
#ceotable .mode-access-v2 .mav-identity,#ceotable .mode-access-v2 .mav-count,#ceotable .mode-access-v2 .mav-footer{flex-shrink:0}
#ceotable .mode-access-v2 .mav-theme-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;padding:4px 10px 4px 4px;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent;overscroll-behavior:contain}
#ceotable .mode-access-v2 .mav-theme-grid::-webkit-scrollbar{width:7px}#ceotable .mode-access-v2 .mav-theme-grid::-webkit-scrollbar-track{background:transparent}#ceotable .mode-access-v2 .mav-theme-grid::-webkit-scrollbar-thumb{background:var(--theme-blue);border-radius:10px}
#ceotable .mode-access-v2 .mav-directory{min-height:0;overflow:hidden}#ceotable .mode-access-v2 .mav-people{max-height:none;overflow:visible}
@media(max-width:850px){#ceotable .mode-access-v2 .mav-layout{grid-template-columns:220px minmax(0,1fr)}#ceotable .mode-access-v2 .mav-people{grid-template-columns:1fr}#ceotable .mode-access-v2 .mav-editor{padding:16px}}
@media(max-width:600px){#ceotable .mode-access-v2 .mav-layout{grid-template-columns:140px minmax(0,1fr);gap:10px}#ceotable .mode-access-v2 .mav-directory{padding:10px}#ceotable .mode-access-v2 .mav-person{gap:6px;padding:8px!important}#ceotable .mode-access-v2 .mav-person .mav-avatar{display:none}#ceotable .mode-access-v2 .mav-theme-grid{grid-template-columns:1fr}#ceotable .mode-access-v2 .mav-identity .mav-avatar{display:none}#ceotable .mode-access-v2 .mav-identity h3{font-size:18px}}

/* Employee-first flow: directory cards, then one dedicated theme editor. */
#ceotable .mode-access-v2 .mav-layout{grid-template-columns:minmax(0,1fr)!important}
#ceotable .mode-access-v2 .mav-directory{padding:0!important;border:0;background:transparent;display:flex;flex-direction:column;min-height:0}
#ceotable .mode-access-v2 .mav-directory>input{width:min(100%,380px);flex-shrink:0}
#ceotable .mode-access-v2 .mav-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;align-content:start;overflow-y:auto;min-height:0;padding:4px;scrollbar-width:thin}
#ceotable .mode-access-v2 .mav-person{padding:22px!important;min-height:128px;border:1px solid var(--theme-border)!important;border-radius:20px!important;background:var(--theme-surface)!important;transition:border-color .2s,background .2s}
#ceotable .mode-access-v2 .mav-person:hover{border-color:var(--theme-blue)!important;background:color-mix(in srgb,var(--theme-blue) 10%,var(--theme-surface))!important}
#ceotable .mode-access-v2 .mav-person .mav-avatar{display:grid;width:52px;height:52px;font-size:20px;border-radius:16px}
#ceotable .mode-access-v2 .mav-person strong{font-size:17px}#ceotable .mode-access-v2 .mav-person small{margin-top:7px;font-size:12px}
#ceotable .mode-access-v2 .mav-back{align-self:flex-start;flex-shrink:0;margin:0 0 18px;border-radius:10px;padding:8px 14px!important}
#ceotable .mode-access-v2 .mav-editor[hidden],#ceotable .mode-access-v2 .mav-directory[hidden]{display:none!important}
@media(max-width:600px){#ceotable .mode-access-v2 .mav-people{grid-template-columns:1fr}#ceotable .mode-access-v2 .mav-person{min-height:100px;padding:16px!important}}

/* Detailed theme catalogue for the selected employee. */
#ceotable .mode-access-v2.editing-employee .mav-editor{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
#ceotable .mode-access-v2.editing-employee .mav-theme-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;padding:6px 12px 6px 4px}
#ceotable .mode-access-v2 .mav-theme{display:flex!important;flex-direction:column;gap:12px;padding:22px!important;border-radius:24px;background:var(--theme-surface);min-height:360px}
#ceotable .mode-access-v2 .mav-theme.enabled{padding:21px!important}
#ceotable .mode-access-v2 .mav-theme>.mode-preview{position:relative;min-height:115px;width:100%;border-radius:16px;overflow:hidden}
.mav-mini-screen{position:absolute;inset:17px 22px;display:flex;border:1px solid #ffffff90;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0003;background:#ffffff66}
.mav-mini-nav{width:22%;background:#142a3a99}.mav-mini-content{flex:1;position:relative;background:#ffffff44}.mav-mini-content:before{content:'';position:absolute;left:12px;right:12px;top:12px;height:8px;border-radius:4px;background:#ffffffa0}.mav-mini-content:after{content:'';position:absolute;inset:30px 12px 12px;border-radius:6px;border:1px solid #ffffffa0;background:linear-gradient(90deg,#ffffff70 46%,transparent 46% 53%,#ffffff40 53%)}
#ceotable .mode-access-v2 .mav-theme-copy strong{font-size:22px;margin:3px 0 8px}.mav-theme-style{text-transform:uppercase;letter-spacing:1.5px;font-size:9px!important}.mav-theme-description{font-size:13px;line-height:1.7;margin:0;color:var(--theme-navy)}
.mav-theme-facts{display:grid;gap:6px;border-top:1px solid var(--theme-border);padding-top:12px;font-size:11px;color:var(--theme-navy)}.mav-theme-facts span:before{content:'\b7 ';margin-right:8px;color:var(--theme-blue)}
#ceotable .mode-access-v2 .mav-theme>small{font-size:11px;margin-top:auto}.mav-theme-indicator{margin-top:2px;min-height:40px}
@media(max-width:600px){#ceotable .mode-access-v2.editing-employee .mav-theme-grid{grid-template-columns:1fr}}

/* Employee themes open in a dedicated modal. */
body .mav-dialog{width:min(1160px,calc(100vw - 48px));height:min(850px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid var(--theme-border);border-radius:26px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 30px 100px #0006;overflow:hidden}
.mav-dialog::backdrop{background:#07121d99;backdrop-filter:blur(8px)}
.mav-dialog .mav-editor{height:100%;min-height:0;display:flex;flex-direction:column;padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden}
.mav-dialog .mav-back{align-self:flex-end;flex-shrink:0;margin-bottom:14px}.mav-dialog .mav-identity,.mav-dialog .mav-count,.mav-dialog .mav-footer{flex-shrink:0}.mav-dialog .mav-theme-grid{flex:1;min-height:0;overflow-y:auto;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-content:start;padding:6px 12px 6px 4px;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent;gap:20px}
.mav-dialog .mav-theme{display:flex!important;flex-direction:column;min-height:350px;padding:20px!important;gap:12px}.mav-dialog .mav-theme.enabled{padding:19px!important}.mav-dialog .mav-theme>.mode-preview{position:relative;min-height:110px;overflow:hidden}.mav-dialog .mav-theme-copy strong{font-size:22px}.mav-dialog .mav-theme>small{margin-top:auto;font-size:11px}.mav-dialog .mav-theme input{position:absolute;opacity:0;width:1px!important;height:1px}.mav-dialog .mav-theme:focus-within{outline:2px solid var(--theme-blue);outline-offset:2px}.mav-dialog .mav-footer{margin-top:16px;padding-top:16px}.mav-dialog .mav-editor[hidden]{display:none!important}
@media(max-width:600px){body .mav-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:16px;border-radius:18px}.mav-dialog .mav-theme-grid{grid-template-columns:1fr}}

.mav-dialog .mav-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--theme-border)}.mav-dialog .mav-dialog-header>strong{font-size:16px}.mav-dialog .mav-dialog-header .mav-back{margin:0;width:38px;height:38px;min-width:38px;padding:0!important;display:grid;place-items:center;border-radius:50%;font-size:24px;line-height:1;align-self:center}.mav-dialog .mav-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0;padding:16px 0 0;margin-top:16px;background:var(--theme-surface)}.mav-dialog .mav-footer .mav-status{margin-right:auto}.mav-dialog .mav-footer button{min-width:150px;min-height:44px;border-radius:12px;padding:10px 22px!important}.mav-dialog .mav-identity{margin-bottom:12px;padding-bottom:0;border-bottom:0}@media(max-width:600px){.mav-dialog .mav-footer button{min-width:125px}.mav-dialog .mav-dialog-header{margin-bottom:14px}}

/* Separate permission cards and emphasize their state. */
.mav-dialog .mav-theme-grid{gap:26px;padding:10px 16px 10px 6px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.mav-dialog .mav-theme{position:relative;border:2px solid var(--theme-border);padding:20px!important;border-radius:22px;box-shadow:0 3px 12px #0000000a}
.mav-dialog .mav-theme.enabled{padding:20px!important;border:2px solid var(--theme-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-blue) 12%,transparent);background:color-mix(in srgb,var(--theme-blue) 10%,var(--theme-surface))}
.mav-dialog .mav-theme-indicator{min-height:46px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:750;letter-spacing:.2px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);border-radius:12px;margin-top:8px}
.mav-dialog .mav-theme:not(.enabled) .mav-theme-indicator:before{content:'\25cb ';font-size:20px;margin-right:9px}
.mav-dialog .mav-theme.enabled .mav-theme-indicator{background:var(--theme-blue);color:white;border-color:var(--theme-blue)}
.mav-dialog .mav-theme:not(.enabled)>.mode-preview{opacity:.78}
.mav-dialog .mav-theme>small{padding-top:8px;border-top:1px solid var(--theme-border);color:var(--theme-navy)}
@media(max-width:600px){.mav-dialog .mav-theme-grid{grid-template-columns:1fr;gap:22px;padding-right:10px}}

/* Fix card overflow: grid tracks must include the complete permission control. */
body .mav-dialog .mav-theme-grid{grid-auto-rows:minmax(min-content,max-content);align-items:stretch;align-content:start}
body .mav-dialog .mav-theme,body .mav-dialog .mav-theme.enabled{height:auto;min-height:0;max-height:none;overflow:hidden;display:flex!important;flex-direction:column;box-sizing:border-box;padding:20px!important}
body .mav-dialog .mav-theme>*{flex-shrink:0;min-width:0}
body .mav-dialog .mav-theme>.mode-preview{height:110px;min-height:110px;flex:0 0 110px}
body .mav-dialog .mav-theme-copy{display:block;white-space:normal;overflow-wrap:anywhere}
body .mav-dialog .mav-theme-description{min-height:44px}
body .mav-dialog .mav-theme>small{margin:0;padding-top:12px}
body .mav-dialog .mav-theme-indicator{position:static;transform:none;display:flex!important;width:100%;height:46px;min-height:46px;margin:0;flex:0 0 46px;box-sizing:border-box}
body .mav-dialog .mav-theme input{position:absolute;left:0;top:0;margin:0;opacity:0;pointer-events:none}

/* Theme toggles change color only; track geometry and scroll anchoring stay stable. */
body .mav-dialog .mav-theme-grid{overflow-anchor:none;scroll-behavior:auto}
body .mav-dialog .mav-theme,body .mav-dialog .mav-theme.enabled{border-width:2px;padding:20px!important;transition:background-color .18s,border-color .18s,box-shadow .18s}
body .mav-dialog .mav-theme>small{height:34px;min-height:34px;max-height:34px;white-space:nowrap;font-size:11px;line-height:20px;padding-top:12px;overflow:hidden}
body .mav-dialog .mav-status{min-height:22px;line-height:22px;margin:0}
body .mav-dialog .mav-theme-indicator{height:46px;min-height:46px;max-height:46px;padding:0;line-height:20px}

/* Prevent native label focus scrolling to the invisible checkbox. */
body .mav-dialog{overflow-anchor:none;scroll-behavior:auto}
body .mav-dialog .mav-theme-grid{grid-auto-rows:500px!important;overflow-anchor:none}
body .mav-dialog .mav-theme,body .mav-dialog .mav-theme.enabled{height:500px!important;min-height:500px!important;max-height:500px!important;gap:12px;transform:none!important}
body .mav-dialog .mav-theme-copy{height:110px;min-height:110px;overflow:hidden}
body .mav-dialog .mav-theme-facts{height:86px;min-height:86px;overflow:hidden;font-size:11px;line-height:18px;gap:4px}
body .mav-dialog .mav-theme>small{padding-top:0;height:20px;min-height:20px;max-height:20px;line-height:20px}
body .mav-dialog .mav-theme input{left:20px;top:20px;width:1px!important;height:1px;scroll-margin:0}
body .mav-dialog .mav-count{height:22px;line-height:22px}

/* Refined glass finish; preserve stable card dimensions and scrolling. */
body .mav-dialog{background:linear-gradient(135deg,#ffffff12,transparent 48%),color-mix(in srgb,var(--theme-surface) 92%,transparent)!important;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);border-color:color-mix(in srgb,var(--theme-border) 70%,#ffffff55);box-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #ffffff0c,0 32px 100px #00000055}
body .mav-dialog .mav-theme{isolation:isolate;background:linear-gradient(145deg,#ffffff12,transparent 45%),color-mix(in srgb,var(--theme-surface) 85%,transparent);border-color:color-mix(in srgb,var(--theme-border) 80%,#ffffff30);box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #ffffff08,0 8px 22px #00000012}
body .mav-dialog .mav-theme.enabled{background:linear-gradient(145deg,#ffffff18,transparent 50%),color-mix(in srgb,var(--theme-blue) 13%,var(--theme-surface));border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff40,0 0 0 3px color-mix(in srgb,var(--theme-blue) 10%,transparent),0 8px 24px #00000018}
body .mav-dialog .mav-theme:hover{box-shadow:inset 0 1px 0 #ffffff45,0 10px 28px #00000020;border-color:var(--theme-blue)}
body .mav-dialog .mav-theme>.mode-preview{box-shadow:inset 0 1px 0 #ffffff65,0 4px 14px #00000015;border-color:#ffffff35}
body .mav-dialog .mav-mini-screen{background:#ffffff30;box-shadow:inset 0 1px 0 #ffffff60,0 6px 20px #00000020;border-color:#ffffff60}
body .mav-dialog .mav-theme-indicator{background:linear-gradient(135deg,#ffffff12,transparent),color-mix(in srgb,var(--theme-field) 88%,transparent);box-shadow:inset 0 1px 0 #ffffff20}
body .mav-dialog .mav-theme.enabled .mav-theme-indicator{background:linear-gradient(135deg,#ffffff18,transparent),var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff35}
body .mav-dialog .mav-footer{background:transparent;border-top-color:color-mix(in srgb,var(--theme-border) 80%,#ffffff20)}
body .mav-dialog .mav-footer button,body .mav-dialog .mav-back{background:linear-gradient(135deg,#ffffff18,transparent),color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))!important;box-shadow:inset 0 1px 0 #ffffff35;transition:background .18s,box-shadow .18s,border-color .18s}
body .mav-dialog .mav-footer button:hover,body .mav-dialog .mav-back:hover{box-shadow:inset 0 1px 0 #ffffff55,0 4px 14px #00000015;border-color:var(--theme-blue);transform:none}

/* Cohesive CEO tools header and glass employee directory. */
body #app #ceo-tools-card{padding:28px!important;border-radius:26px;background:linear-gradient(125deg,#ffffff10,transparent 55%),color-mix(in srgb,var(--theme-surface) 92%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff25,0 12px 36px #0000000d}
body #app #ceo-tools-card>h2{font-size:25px;margin:0 0 20px;letter-spacing:-.5px}
body #app #ceo-tools-card>.effects-note:empty{display:none}
body #app #ceo-tools-card .ceo-tools-tabs{gap:6px;padding:6px!important;margin:0 0 22px!important;max-width:100%;border:1px solid var(--theme-border);border-radius:16px!important;background:linear-gradient(135deg,#ffffff0c,transparent),color-mix(in srgb,var(--theme-field) 80%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff18}
body #app #ceo-tools-card .ceo-tools-tabs button{min-height:42px;padding:10px 18px!important;background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;transition:background .18s,border-color .18s;transform:none!important}
body #app #ceo-tools-card .ceo-tools-tabs button.selected{background:linear-gradient(135deg,#ffffff16,transparent),color-mix(in srgb,var(--theme-blue) 22%,var(--theme-surface))!important;border-color:var(--theme-blue)!important;box-shadow:inset 0 1px 0 #ffffff25}
body #app #ceo-tools-card .ceo-tools-tabs button:hover{background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface))!important}
body #app #ceo-tools-card .mode-access-v2{margin-top:0}.mode-access-v2 .mav-head{padding:6px 0 18px;border-bottom:1px solid var(--theme-border);margin-bottom:18px}.mode-access-v2 .mav-title{font-size:23px}.mode-access-v2 .mav-head .effects-note{font-size:13px;line-height:1.7}
body #app #ceo-tools-card .mode-access-v2 .mav-directory h3{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 12px;color:var(--theme-navy)}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>input{width:min(100%,440px);min-height:46px;border-radius:14px!important;background:color-mix(in srgb,var(--theme-field) 85%,transparent)!important;margin-bottom:18px}
body #app #ceo-tools-card .mode-access-v2 .mav-people{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px;padding:4px 6px 12px 4px}
body #app #ceo-tools-card .mode-access-v2 .mav-person{min-height:116px;padding:20px!important;border-radius:20px!important;background:linear-gradient(135deg,#ffffff10,transparent),color-mix(in srgb,var(--theme-surface) 82%,var(--theme-field))!important;box-shadow:inset 0 1px 0 #ffffff20,0 5px 18px #0000000b;transform:none!important}
body #app #ceo-tools-card .mode-access-v2 .mav-person:hover{background:linear-gradient(135deg,#ffffff16,transparent),color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface))!important;box-shadow:inset 0 1px 0 #ffffff35,0 8px 22px #00000012}
body #app #ceo-tools-card .mode-access-v2 .mav-avatar{box-shadow:inset 0 1px 0 #ffffff25;border:1px solid color-mix(in srgb,var(--theme-blue) 40%,transparent)}
body #app #ceo-tools-card .mode-access-v2 .mav-person>span:last-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--theme-border);border-radius:50%;font-size:17px}
@media(max-width:600px){body #app #ceo-tools-card{padding:18px!important}body #app #ceo-tools-card .mode-access-v2 .mav-people{grid-template-columns:1fr}}

/* Align entry actions and use a stable SVG close control. */
body #app #ceo-tools-card .mode-access-v2 .mav-person{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:10px 14px;align-items:center}
body #app #ceo-tools-card .mode-access-v2 .mav-person>span:nth-child(2){min-width:0}
body #app #ceo-tools-card .mode-access-v2 .mav-person>span:last-child{grid-column:2;justify-self:start;display:inline-flex;align-items:center;justify-content:center;width:auto;height:32px;margin:0;padding:0 12px;border-radius:9px;font-size:11px;font-weight:650;border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface));white-space:nowrap}
body .mav-dialog .mav-dialog-header{position:relative;display:flex;align-items:center;min-height:44px;padding:0 0 16px;margin:0 0 20px;gap:24px}
body .mav-dialog .mav-dialog-header .mav-back{flex:0 0 36px;width:36px;height:36px;min-width:36px;margin:0 0 0 auto;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center;line-height:1;background:var(--theme-field)!important;border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff20;outline-offset:3px;transform:none!important}
body .mav-dialog .mav-dialog-header .mav-back svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body .mav-dialog .mav-dialog-header .mav-back:focus-visible{outline:2px solid var(--theme-blue)}
body .mav-dialog .mav-dialog-header .mav-back:hover{background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))!important;border-color:var(--theme-blue)}
body .mav-dialog .mav-dialog-header .mav-back::before,body .mav-dialog .mav-dialog-header .mav-back::after{display:none!important}

/* Consistent, stronger typography for CEO tools and employee theme modal. */
body #app #ceo-tools-card,body .mav-dialog{font-family:'Segoe UI Variable','Segoe UI',Tahoma,sans-serif;font-size:14px;font-weight:550;line-height:1.65}
body #app #ceo-tools-card h2,body #app #ceo-tools-card h3,body #app #ceo-tools-card strong,body .mav-dialog h2,body .mav-dialog h3,body .mav-dialog strong{font-weight:750}
body #app #ceo-tools-card .ceo-tools-tabs button,body #app #ceo-tools-card button,body .mav-dialog button{font-family:inherit;font-weight:700}
body #app #ceo-tools-card .ceo-tools-tabs button{font-size:13px!important}
body #app #ceo-tools-card .effects-note,body #app #ceo-tools-card .mav-person small{font-weight:600}
body #app #ceo-tools-card .mav-person strong{font-size:18px;line-height:1.4}
body .mav-dialog .mav-dialog-header>strong{font-size:17px;font-weight:750}
body .mav-dialog .mav-identity h3{font-size:25px;font-weight:750;letter-spacing:-.4px}
body .mav-dialog .mav-identity .effects-note{font-size:13px;font-weight:600}
body .mav-dialog .mav-theme-copy strong{font-size:23px;font-weight:750;line-height:1.35}
body .mav-dialog .mav-theme-description{font-size:13px;font-weight:600;line-height:1.65}
body .mav-dialog .mav-theme-facts{font-size:12px;font-weight:600;line-height:18px}
body .mav-dialog .mav-theme-style,body .mav-dialog .eyebrow{font-weight:700;letter-spacing:1.2px}
body .mav-dialog .mav-count,body .mav-dialog .mav-theme>small,body .mav-dialog .mav-status{font-size:12px;font-weight:650}
body .mav-dialog .mav-theme-indicator{font-size:14px;font-weight:750}

/* Structural profile containers are transparent; only individual cards paint glass. */
body #app main :is(.profile-preview,.profile-account,.profile-preview-fields,.staff-profile-page,.profile-edit-page){background:transparent!important;background-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important}
body #app main #profile-details>.profile-preview,body #app main #profile-details>.profile-edit-page{padding:0!important;border-radius:0}
body #app main .staff-profile-page{padding:0;background:transparent!important}
body #app main :is(.profile-account>div,.profile-preview-fields>div,.staff-field){background:linear-gradient(135deg,#ffffff08,transparent),color-mix(in srgb,var(--theme-field) 82%,var(--theme-surface))!important;box-shadow:inset 0 1px 0 #ffffff12!important;border:1px solid var(--theme-border)!important;border-radius:14px;overflow:hidden}
body[data-panel-mode=dark] #app main :is(.profile-identity,.staff-card),body[data-panel-mode=dusk] #app main :is(.profile-identity,.staff-card),body[data-panel-mode=midnight] #app main :is(.profile-identity,.staff-card){box-shadow:inset 0 1px 0 #ffffff12,0 8px 24px #00000016!important}
body #app main .profile-details>div{border-bottom:0}

body #app main #settings #profile-details>.profile-preview,body #app main #settings #profile-details>.profile-edit-page,body #app main #settings #profile .profile-account,body #app main #staff .staff-profile-page{background:none!important;background-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}

/* Employee search: clear contrast and safe inset inside the directory. */
body #app #ceo-tools-card .mode-access-v2 .mav-directory{padding:6px!important;min-width:0;box-sizing:border-box}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>h3{margin:0 0 14px;padding:0 2px;line-height:1.6;overflow:visible}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>input{display:block;width:min(100%,460px);max-width:100%;min-width:0;box-sizing:border-box;min-height:48px;padding:12px 16px!important;margin:0 0 18px;border:1px solid color-mix(in srgb,var(--theme-blue) 50%,var(--theme-border))!important;background:var(--theme-surface)!important;color:var(--theme-navy)!important;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff25,0 2px 8px #00000008}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>input::placeholder{color:var(--theme-navy)!important;opacity:.78}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>input:focus{outline:2px solid color-mix(in srgb,var(--theme-blue) 60%,transparent);outline-offset:2px;border-color:var(--theme-blue)!important}
body #app #ceo-tools-card .mode-access-v2 .mav-people{padding:4px 4px 12px}

/* Employee directory scrolls independently while its search stays fixed. */
body #app #ceo-tools-card .mode-access-v2 .mav-directory{display:flex;flex-direction:column;min-height:0;overflow:hidden}
body #app #ceo-tools-card .mode-access-v2 .mav-directory>h3,body #app #ceo-tools-card .mode-access-v2 .mav-directory>input{flex-shrink:0}
body #app #ceo-tools-card .mode-access-v2 .mav-people{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent;padding:6px 12px 12px 4px}
body #app #ceo-tools-card .mode-access-v2 .mav-people::-webkit-scrollbar{width:8px}
body #app #ceo-tools-card .mode-access-v2 .mav-people::-webkit-scrollbar-track{background:transparent}
body #app #ceo-tools-card .mode-access-v2 .mav-people::-webkit-scrollbar-thumb{border-radius:8px;background:var(--theme-blue);border:2px solid transparent;background-clip:padding-box}

/* Theme-aware topic animation colors; animation timing and geometry are unchanged. */
body{--topic-ink:#c0d8e5;--topic-active:#f0fbff;--topic-glow:#90c5e5}
body[data-mode=light]{--topic-ink:#46637c;--topic-active:#164d74;--topic-glow:#638fab}
body[data-mode=dark]{--topic-ink:#a7bfd0;--topic-active:#e0f3ff;--topic-glow:#7bb5de}
body[data-mode=ocean]{--topic-ink:#a6dae0;--topic-active:#defcff;--topic-glow:#64d5df}
body[data-mode=dusk]{--topic-ink:#c3afd9;--topic-active:#f0e0ff;--topic-glow:#ba8fea}
body[data-mode=soft]{--topic-ink:#c5d2be;--topic-active:#f1f6e9;--topic-glow:#b0caa1}
body[data-mode=rose]{--topic-ink:#89576e;--topic-active:#96365f;--topic-glow:#c781a1}
body[data-mode=lavender]{--topic-ink:#77658f;--topic-active:#68429a;--topic-glow:#a18acb}
body[data-mode=peach]{--topic-ink:#8c654f;--topic-active:#a2502b;--topic-glow:#cf9878}
body[data-mode=midnight]{--topic-ink:#a2bbd9;--topic-active:#d3eaff;--topic-glow:#72a9e8}
body[data-mode=steel]{--topic-ink:#4a6780;--topic-active:#244f77;--topic-glow:#7a9ebd}
body #app .workspace-sidebar nav button[data-tab] .nav-icon{color:var(--topic-ink)!important;transition:color .2s,filter .2s}
body #app .workspace-sidebar nav button[data-tab]:is(:hover,:focus-visible,.selected) .nav-icon{color:var(--topic-active)!important;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--topic-glow) 55%,transparent))}
body #app .workspace-sidebar nav button[data-tab] .nav-icon svg{color:inherit!important}
body #app .workspace-sidebar nav button[data-tab] .nav-icon svg [stroke]:not([stroke=none]){stroke:currentColor}
body #app .workspace-sidebar nav button[data-tab] .nav-icon svg [fill=currentColor]{fill:currentColor}

.profile-upload-progress{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10020;width:min(460px,calc(100vw - 32px));padding:16px 20px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border);border-radius:16px;box-shadow:0 10px 40px #0004}.profile-upload-progress strong{display:block;font-size:13px;margin-bottom:8px}.profile-upload-progress progress{width:100%;height:8px;accent-color:var(--theme-blue)}.profile-crop-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 24px 80px #0005}.profile-crop-dialog::backdrop{background:#07152199;backdrop-filter:blur(8px)}.profile-crop-dialog h2{font-size:22px;margin-bottom:8px}.profile-crop-dialog p{font-size:13px;margin-bottom:18px}.profile-crop-dialog canvas{display:block;width:min(320px,100%);height:auto;margin:auto;border-radius:14px;touch-action:none;cursor:grab}.profile-crop-dialog>input{width:100%;margin:20px 0;accent-color:var(--theme-blue)}.profile-crop-actions{display:flex;justify-content:flex-end;gap:10px}

/* Profile crop editor: clear frame and compact controls. */
body .profile-crop-dialog{width:min(500px,calc(100vw - 32px));padding:28px;border-radius:28px;background:linear-gradient(140deg,#ffffff14,transparent 55%),color-mix(in srgb,var(--theme-surface) 94%,transparent);backdrop-filter:blur(20px);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff35,0 28px 90px #0005;font-family:'Segoe UI',Tahoma,sans-serif}
.profile-crop-dialog>.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 8px;color:var(--theme-navy)}.profile-crop-dialog h2{font-size:25px;line-height:1.35;letter-spacing:-.5px;font-weight:750;margin-bottom:8px}.profile-crop-dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0 0 20px}
.profile-crop-frame{padding:16px;border:1px solid var(--theme-border);border-radius:20px;background:color-mix(in srgb,var(--theme-field) 80%,transparent);box-shadow:inset 0 1px 0 #ffffff18}.profile-crop-frame canvas{border-radius:14px;box-shadow:0 6px 20px #0002}
.profile-crop-zoom{display:flex;align-items:center;gap:14px;padding:16px 14px;margin:16px 0 20px;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-field) 65%,transparent);font-size:12px;font-weight:650}.profile-crop-zoom input{flex:1;min-width:0;accent-color:var(--theme-blue);padding:0!important;border:0!important;box-shadow:none!important;height:20px}.profile-crop-zoom strong{width:42px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
.profile-crop-actions{padding-top:18px;border-top:1px solid var(--theme-border);gap:12px;justify-content:space-between}.profile-crop-actions button{min-height:44px;min-width:100px;border-radius:12px;padding:10px 18px;font-weight:700}.profile-crop-actions .primary{background:color-mix(in srgb,var(--theme-blue) 28%,var(--theme-surface))!important;color:var(--theme-navy)!important;border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff35}
@media(max-width:500px){body .profile-crop-dialog{padding:20px}.profile-crop-frame{padding:10px}.profile-crop-dialog h2{font-size:22px}}

.keyboard-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.keyboard-shortcut-card{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--theme-border);border-radius:20px;background:linear-gradient(135deg,#ffffff10,transparent),var(--theme-surface)}.keyboard-shortcut-card small{font-size:10px;letter-spacing:1.5px;font-weight:700}.keyboard-shortcut-card button{text-align:left;white-space:normal;min-height:44px}.keyboard-shortcut-card .shortcut-record{font-weight:700;font-family:Consolas,monospace;background:var(--theme-field)!important}.keyboard-shortcut-card .shortcut-clear{align-self:flex-end;min-height:32px;font-size:12px}.shortcut-destination-dialog{width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface);color:var(--theme-navy)}.shortcut-destination-dialog::backdrop{background:#07152199;backdrop-filter:blur(6px)}.shortcut-destination-dialog>input{width:100%;margin:18px 0}.shortcut-destinations{display:grid;gap:8px;max-height:50dvh;overflow:auto;margin-bottom:18px}.shortcut-destinations button{text-align:left}@media(max-width:800px){.keyboard-shortcut-grid{grid-template-columns:1fr}}
/* VPS command terminal: fixed output viewport; no card tilt. */
#ceo-terminal .terminal-screen{height:clamp(240px,46vh,560px);overflow:auto;display:block;padding:18px;background:#0b111b!important;color:#e0e9f5!important;user-select:text}
.vps-terminal-output{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:600 14px/1.6 Consolas,'Courier New',monospace;color:inherit!important;direction:ltr;text-align:left}
.vps-terminal-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 12px;align-items:center}
.vps-terminal-controls button:last-child{margin-left:auto}
#ceo-terminal .vps-terminal-input{display:flex;gap:10px;grid-template-columns:none;align-items:center}
#ceo-terminal .vps-terminal-input input{flex:1;min-width:0;margin:0;font-family:Consolas,monospace}
#ceo-terminal .vps-terminal-input button{flex:none;margin:0}

/* Commands are entered inside the terminal output viewport. */
body #app main #ceo-terminal .terminal-screen .vps-terminal-input{display:flex;margin:0;padding:0;gap:0;background:transparent;min-height:32px;border:0;box-shadow:none}
body #app main #ceo-terminal .terminal-screen .vps-terminal-input input{display:block;width:100%;min-height:32px;height:32px;padding:0;margin:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none!important;color:#e0e9f5!important;font:600 14px/1.6 Consolas,'Courier New',monospace;caret-color:#8fc7ff;opacity:1}
body #app main #ceo-terminal .terminal-screen .vps-terminal-input input::placeholder{color:#8b9fb9!important;font-weight:500}
#ceo-terminal .terminal-screen:focus-within{outline:1px solid #86b6e3;outline-offset:-1px}
#ceo-terminal .vps-terminal-input [hidden]{display:none!important}
#ceo-terminal .terminal-live{cursor:text}

.website-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin-top:20px}.website-client-card{min-width:0}.website-client-card dd{margin:4px 0 14px;overflow-wrap:anywhere}.website-client-card dt{font-size:12px;opacity:.75}.website-client-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:18px 0}.website-client-search{display:block;max-width:480px}.website-client-search input{width:100%;box-sizing:border-box}

.website-client-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.website-client-identity{display:flex;align-items:center;gap:12px;min-width:0}.website-client-identity h2{margin:0;overflow-wrap:anywhere}.website-client-identity .employee-account-mark{flex-shrink:0}.website-client-card-header .website-client-edit{flex:0 0 auto;margin:0;padding:8px 14px;min-height:36px;font-size:12px;border-radius:12px}.website-client-card dl{margin-top:0}

.website-client-editor{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border-radius:26px;border:1px solid var(--line);color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 90%,white 10%),color-mix(in srgb,var(--bg) 96%,transparent));backdrop-filter:blur(24px);box-shadow:0 24px 90px #0005,inset 0 1px 0 #ffffff25}.website-client-editor::backdrop{background:#07132199;backdrop-filter:blur(8px)}.website-client-editor-header{position:relative;padding-right:48px;margin-bottom:22px}.website-client-editor-header h2{margin:4px 0;font-size:26px;line-height:1.3}.website-client-editor-header .eyebrow{margin:0}.website-client-editor-header .website-client-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:38px;height:38px;padding:0;font-size:24px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.website-client-editor-identity{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;margin-bottom:22px;background:color-mix(in srgb,var(--ink) 4%,transparent)}.website-client-editor-identity strong{font-size:18px;overflow-wrap:anywhere}.website-client-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.website-client-editor label{display:grid;gap:7px;margin:0;font-size:12px;font-weight:700;color:var(--ink)}.website-client-editor label:first-child{grid-column:1/-1}.website-client-editor input{width:100%;min-width:0;margin:0;border-radius:12px;padding:12px 14px;border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--bg) 94%,var(--ink) 6%)}.website-client-editor .dialog-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.website-client-editor .dialog-actions button{min-width:116px;border-radius:12px;transition:transform .18s,box-shadow .18s}.website-client-editor .dialog-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0002}.website-client-editor-meta{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:16px}@media(max-width:520px){.website-client-editor{padding:20px}.website-client-editor .form-grid{grid-template-columns:1fr}.website-client-editor .dialog-actions button{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){.website-client-editor .dialog-actions button{transition:none}.website-client-editor .dialog-actions button:hover:not(:disabled){transform:none}}

.support-workspace{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px}.support-customer-list{max-height:65dvh;overflow:auto}.support-customer{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:12px;text-align:start}.support-message-list{max-height:52dvh;overflow:auto;min-height:180px}.support-message{border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;overflow-wrap:anywhere}.support-message.staff{background:color-mix(in srgb,var(--ink) 5%,transparent)}.support-message p{white-space:pre-wrap}.support-thread textarea{width:100%;box-sizing:border-box;margin-bottom:12px}.support-thread-head{margin-bottom:20px}@media(max-width:760px){.support-workspace{grid-template-columns:1fr}}

.oversight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;margin:22px 0}.oversight-account{min-width:0;overflow-wrap:anywhere}.oversight-account button{margin-top:14px}.oversight-list{max-height:65dvh;overflow:auto;display:grid;gap:12px}.oversight-row{padding:16px;border:1px solid var(--line);border-radius:16px;display:grid;gap:5px;overflow-wrap:anywhere}.moderation-dialog{width:min(660px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:28px;border-radius:24px;color:var(--ink);background:var(--bg);border:1px solid var(--line)}.moderation-dialog::backdrop{background:#07132199;backdrop-filter:blur(8px)}.moderation-options{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.moderation-options button[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,var(--bg))}.moderation-dialog textarea{width:100%;box-sizing:border-box}.moderation-banner{margin-bottom:18px;overflow-wrap:anywhere}

.oversight-account-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.oversight-account-identity{min-width:0}.oversight-account-identity h3{margin:4px 0 0;overflow-wrap:anywhere}.oversight-account-header .oversight-manage{flex-shrink:0;margin:0;padding:8px 12px;font-size:12px;border-radius:12px}.oversight-account-header .oversight-manage:focus-visible{outline-offset:3px}

/* CEO update center */
.updates-card{max-width:1100px}.updates-heading h2{margin:10px 0}.updates-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.12em;opacity:.75}.updates-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin:24px 0;border:1px solid #637b9166;border-radius:18px;background:linear-gradient(115deg,#83acdd14,transparent)}.updates-summary strong{display:block;font-size:28px;margin-top:10px}.updates-status{padding:8px 14px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:700;opacity:.7}.updates-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.updates-steps>div{padding:18px;border:1px solid #637b9166;border-radius:14px}.updates-steps h3{margin:0 0 10px;font-size:15px}.updates-actions{display:flex;gap:12px;flex-wrap:wrap}.updates-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.updates-steps{grid-template-columns:1fr}.updates-summary{align-items:flex-start;flex-direction:column}}

/* Explicit email-login account and verification stages. */
#login .login-step{font-size:11px;font-weight:750;letter-spacing:.1em;margin:0 0 12px;color:var(--theme-muted,var(--login-navy))}#login .login-method-notice{font-size:12px;line-height:1.6;margin-top:12px;color:var(--theme-muted,var(--login-navy))}#login .login-method-notice:empty{display:none}#login #login-form .login-method-toggle{background:transparent;color:inherit;font-size:12px;font-weight:650;box-shadow:none}#login #login-form button:disabled{cursor:not-allowed}

/* Keep the version below the sidebar action, independent of its hit area. */
#app .workspace-sidebar .aside-bottom .workspace-version{display:block;height:auto;margin:12px 0 0;padding:0 14px;text-align:left;font:600 10px/1.4 "Segoe UI",sans-serif;letter-spacing:.6px;color:inherit!important;opacity:.65;white-space:nowrap}
@media(min-width:801px) and (hover:hover){
 #app .workspace-sidebar .aside-bottom .workspace-version{opacity:0}
 #app .workspace-sidebar:hover .aside-bottom .workspace-version,#app .workspace-sidebar:has(:focus-visible) .aside-bottom .workspace-version{opacity:.65}
}

/* Employee access editor follows the selected theme. */
body #admin-editor{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--theme-border,var(--line));border-radius:24px;color:var(--theme-navy,var(--ink));background:linear-gradient(135deg,#ffffff0c,transparent 60%),var(--theme-surface,var(--bg));box-shadow:0 28px 90px #0005,inset 0 1px 0 #ffffff20;overflow:auto}
#admin-editor::backdrop{background:#07132199;backdrop-filter:blur(8px)}
#admin-form{display:grid;gap:18px}#admin-form .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 4px}
#admin-form h2{font-size:26px;line-height:1.3}#admin-form .employee-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--theme-blue,var(--muted));margin-bottom:8px}.employee-editor-note{font-size:12px;color:var(--muted);margin-top:8px}
body #admin-form #close-admin{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:12px;font-size:24px;line-height:1;background:transparent;color:inherit;border:1px solid var(--theme-border,var(--line))}
#admin-form>label:not(.checkbox){display:grid;gap:7px;margin:0;font-size:12px;font-weight:700}#admin-form input:not([type=checkbox]){width:100%;min-width:0;margin:0;padding:12px 14px;border-radius:12px;color:inherit;background:color-mix(in srgb,var(--theme-navy,var(--ink)) 4%,var(--theme-surface,var(--bg)));border:1px solid var(--theme-border,var(--line))}
.employee-field-title{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.employee-role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body #admin-editor .employee-role-option{display:flex;flex-direction:column;gap:5px;text-align:left;padding:14px;border:1px solid var(--theme-border,var(--line));border-radius:14px;color:inherit;background:transparent;min-width:0}
#admin-editor .employee-role-option strong{font-size:14px}#admin-editor .employee-role-option small{font-size:11px;color:var(--muted);line-height:1.5;white-space:normal}
body #admin-editor .employee-role-option[aria-pressed=true]{border-color:var(--theme-blue,var(--accent));background:color-mix(in srgb,var(--theme-blue,var(--accent)) 16%,var(--theme-surface,var(--bg)));box-shadow:inset 0 0 0 1px var(--theme-blue,var(--accent))}
#admin-editor .employee-permission-details{border:1px solid var(--theme-border,var(--line));border-radius:12px;padding:12px;font-size:12px}#admin-editor summary{cursor:pointer;font-weight:700}#admin-editor .check-list{margin-top:12px;background:transparent;color:inherit;border:0}#admin-editor .dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--theme-border,var(--line));padding-top:18px;margin:0}#admin-editor .dialog-actions button{min-width:110px;border-radius:12px}
.employee-roles .section-head{align-items:center;gap:20px}.employee-roles #add-admin{border-radius:12px;padding:12px 18px;font-weight:700;white-space:nowrap}.employee-roles .table-card{border-radius:18px;overflow:auto}.employee-roles table td{vertical-align:middle;padding:16px}.employee-roles .footnote{margin-top:16px}
@media(max-width:520px){body #admin-editor{padding:20px}.employee-role-options{grid-template-columns:1fr}.employee-roles .section-head{flex-wrap:wrap}}

/* Layered glass for employee access, using the active theme palette. */
body #admin-editor{padding:0;border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-blue,var(--accent)) 10%,transparent),transparent 48%),color-mix(in srgb,var(--theme-surface,var(--bg)) 94%,transparent);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);border-color:color-mix(in srgb,var(--theme-blue,var(--accent)) 32%,var(--theme-border,var(--line)));box-shadow:0 32px 100px #0006,inset 0 1px 0 #ffffff35,inset 1px 0 0 #ffffff12}
#admin-editor::backdrop{background:linear-gradient(135deg,#071321a8,#07132170);backdrop-filter:blur(10px) saturate(75%)}
#admin-form{padding:28px;gap:20px}#admin-form .dialog-head{padding-bottom:22px;border-bottom:1px solid color-mix(in srgb,var(--theme-blue,var(--accent)) 18%,var(--theme-border,var(--line)))}
#admin-form .employee-eyebrow{display:inline-block;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--theme-blue,var(--accent)) 12%,transparent);font-size:9px;letter-spacing:1.8px;margin-bottom:12px}#admin-form h2{font-size:28px;font-weight:750;letter-spacing:-.7px}#admin-form .employee-editor-note{line-height:1.6}
body #admin-form #close-admin{background:linear-gradient(140deg,#ffffff15,#ffffff03);box-shadow:inset 0 1px 0 #ffffff20;transition:background .18s,border-color .18s}body #admin-form #close-admin:hover{background:color-mix(in srgb,var(--theme-blue,var(--accent)) 17%,transparent);border-color:var(--theme-blue,var(--accent));transform:none}
#admin-form input:not([type=checkbox]){min-height:48px;background:linear-gradient(140deg,#ffffff05,transparent),color-mix(in srgb,var(--theme-surface,var(--bg)) 88%,var(--theme-navy,var(--ink)) 12%);box-shadow:inset 0 1px 3px #00000009;transition:border-color .18s,box-shadow .18s}#admin-form input:not([type=checkbox]):focus-visible{outline:2px solid color-mix(in srgb,var(--theme-blue,var(--accent)) 55%,transparent);outline-offset:3px;border-color:var(--theme-blue,var(--accent))}
body #admin-editor .employee-role-option{position:relative;padding:16px 40px 16px 16px;min-height:88px;background:linear-gradient(140deg,#ffffff0b,transparent 75%);box-shadow:inset 0 1px 0 #ffffff12;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
#admin-editor .employee-role-option:after{content:'';position:absolute;right:15px;top:18px;width:15px;height:15px;border:1.5px solid var(--theme-border,var(--line));border-radius:50%;box-sizing:border-box}
body #admin-editor .employee-role-option[aria-pressed=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue,var(--accent)) 24%,transparent),color-mix(in srgb,var(--theme-blue,var(--accent)) 9%,transparent));box-shadow:inset 0 1px 0 #ffffff30,0 4px 16px #0000000c}
#admin-editor .employee-role-option[aria-pressed=true]:after{border:4px solid var(--theme-blue,var(--accent));background:var(--theme-surface,var(--bg))}
body #admin-editor .employee-role-option:hover{transform:translateY(-2px);border-color:var(--theme-blue,var(--accent));box-shadow:inset 0 1px 0 #ffffff25,0 7px 18px #00000012}#admin-editor .employee-role-option:focus-visible{outline:2px solid var(--theme-blue,var(--accent));outline-offset:3px}
#admin-editor .employee-permission-details{background:color-mix(in srgb,var(--theme-blue,var(--accent)) 4%,transparent);padding:14px 16px}#admin-editor .employee-permission-details summary{color:var(--muted)}
#admin-form>.checkbox{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;border:1px solid var(--theme-border,var(--line));margin:0;background:linear-gradient(110deg,#ffffff08,transparent);font-weight:600}#admin-form input[type=checkbox]{accent-color:var(--theme-blue,var(--accent))}
#admin-editor .dialog-actions{padding-top:20px}#admin-editor .dialog-actions button{min-height:46px;font-weight:700}body #admin-editor .dialog-actions .primary{background:color-mix(in srgb,var(--theme-blue,var(--accent)) 20%,var(--theme-surface,var(--bg)));color:var(--theme-navy,var(--ink));border-color:var(--theme-blue,var(--accent));box-shadow:inset 0 1px 0 #ffffff30,0 4px 12px #00000010}#admin-editor .dialog-actions button:hover:not(:disabled){transform:translateY(-2px)}
.employee-roles>.section-head{padding:22px 24px;border:1px solid var(--theme-border,var(--line));border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--theme-blue,var(--accent)) 10%,transparent),transparent),color-mix(in srgb,var(--theme-surface,var(--bg)) 90%,transparent);box-shadow:inset 0 1px 0 #ffffff20;margin-bottom:18px}.employee-roles>.section-head h2{font-size:24px;letter-spacing:-.5px}.employee-roles .table-card{background:linear-gradient(140deg,#ffffff08,transparent),var(--theme-surface,var(--bg));box-shadow:inset 0 1px 0 #ffffff18}.employee-roles table tbody tr:hover{background:color-mix(in srgb,var(--theme-blue,var(--accent)) 6%,transparent)}
@media(max-width:520px){#admin-form{padding:20px}.employee-roles>.section-head{padding:18px}#admin-form h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){body #admin-editor .employee-role-option,body #admin-editor .dialog-actions button{transition:none;transform:none!important}}

#admin-form .employee-private-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid var(--theme-border,var(--line));border-radius:16px;background:color-mix(in srgb,var(--theme-blue,var(--accent)) 6%,transparent)}#admin-form .employee-private-fields label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:0;min-width:0}#admin-form .employee-private-fields small{grid-column:1/-1;color:var(--muted);font-size:11px}.employee-account-identity{display:grid;gap:4px}.employee-account-identity small{font-size:12px;color:var(--muted)}@media(max-width:520px){#admin-form .employee-private-fields{grid-template-columns:1fr}}

.staff-presence{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;line-height:1.5;margin-top:7px;padding:3px 9px;border:1px solid var(--theme-border,var(--line));border-radius:99px;color:var(--muted);background:color-mix(in srgb,var(--theme-surface,var(--bg)) 85%,transparent)}.staff-presence::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.staff-presence[data-online=true]{color:var(--theme-navy,var(--ink));border-color:color-mix(in srgb,#35b579 45%,var(--theme-border,var(--line)))}.staff-presence[data-online=true]::before{background:#35b579;box-shadow:0 0 0 3px #35b57918}

.activity-heading{margin-bottom:24px}.activity-heading h2{font-size:26px}.activity-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:20px;margin-top:16px}.activity-panel{min-width:0;padding:22px;border:1px solid var(--theme-border,var(--line));border-radius:20px;background:linear-gradient(140deg,#ffffff0b,transparent),color-mix(in srgb,var(--theme-surface,var(--bg)) 94%,transparent);box-shadow:inset 0 1px 0 #ffffff20}.activity-panel h3{font-size:17px;margin:0 0 4px}.activity-events,.activity-people{max-height:58dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;gap:12px;margin-top:20px}.activity-event,.activity-person{padding:14px;border:1px solid var(--theme-border,var(--line));border-radius:13px;display:grid;gap:5px;overflow-wrap:anywhere}.activity-event span,.activity-person p{font-size:12px}.activity-event small,.activity-person small{color:var(--muted);font-size:10px}.activity-person{grid-template-columns:minmax(0,1fr) auto;align-items:center}.activity-person>div{display:grid;gap:4px}.activity-person p{grid-column:1/-1;color:var(--muted)}.activity-person .staff-presence{margin:0}.activity-panel>button{margin-top:14px;width:100%}@media(max-width:1000px){.activity-dashboard{grid-template-columns:1fr}}

body .activity-profile-button{padding:0;border:0;background:transparent;color:var(--theme-navy,var(--ink));font-size:14px;font-weight:750;text-align:left;width:fit-content}body .activity-profile-button:hover{text-decoration:underline;background:transparent;transform:none}.employee-activity-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:26px;border-radius:24px;border:1px solid var(--theme-border,var(--line));background:linear-gradient(140deg,#ffffff0c,transparent),var(--theme-surface,var(--bg));color:var(--theme-navy,var(--ink));box-shadow:0 25px 90px #0005}.employee-activity-dialog::backdrop{background:#07132199;backdrop-filter:blur(8px)}.employee-activity-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.employee-activity-header h2{font-size:22px;overflow-wrap:anywhere}.employee-activity-header button{width:36px;height:36px;padding:0;font-size:23px;border-radius:12px;flex:none}.employee-activity-dialog>.activity-events{max-height:55dvh}.employee-activity-dialog>button{width:100%;margin-top:16px}

.activity-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;border:1px solid var(--theme-border,var(--line));border-radius:16px;margin-bottom:18px}.activity-filters label{display:grid;gap:5px;font-size:11px;margin:0}.activity-filters input{color:var(--theme-navy,var(--ink));background:var(--theme-surface,var(--bg));border:1px solid var(--theme-border,var(--line));border-radius:10px;padding:9px}.activity-tiers{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%}.activity-tiers button{font-size:12px;border-radius:99px}.activity-tiers button[aria-pressed=true]{box-shadow:inset 0 0 0 1px currentColor}.activity-tier{display:inline-flex;width:fit-content;padding:3px 8px;font-size:10px;font-weight:700;border-radius:99px;border:1px solid currentColor}.activity-tier[data-tier=low],.activity-tiers button[data-tier=low]{color:#269f83}.activity-tier[data-tier=medium],.activity-tiers button[data-tier=medium]{color:#bd8b24}.activity-tier[data-tier=high],.activity-tiers button[data-tier=high]{color:#d97937}.activity-tier[data-tier=critical],.activity-tiers button[data-tier=critical]{color:#d85f75}.activity-event[data-tier=critical]{border-inline-start:3px solid #d85f75}.activity-event[data-tier=high]{border-inline-start:3px solid #d97937}.activity-event[data-tier=medium]{border-inline-start:3px solid #bd8b24}.activity-event[data-tier=low]{border-inline-start:3px solid #269f83}

.employee-details-dialog{width:min(780px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid var(--theme-border,var(--line));border-radius:24px;color:var(--theme-navy,var(--ink));background:linear-gradient(135deg,#ffffff0d,transparent),var(--theme-surface,var(--bg));box-shadow:0 28px 90px #0005}.employee-details-dialog::backdrop{background:#07132199;backdrop-filter:blur(8px)}.employee-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-detail-field{padding:14px;border:1px solid var(--theme-border,var(--line));border-radius:12px;display:grid;gap:7px;min-width:0;overflow-wrap:anywhere}.employee-detail-field span{font-size:11px;color:var(--muted)}.employee-detail-field strong{font-size:13px;font-weight:600;white-space:pre-wrap}@media(max-width:560px){.employee-details-grid{grid-template-columns:1fr}}

.employee-request-box{margin-top:24px;padding:22px;border:1px solid var(--theme-border,var(--line));border-radius:18px;background:linear-gradient(140deg,#ffffff0a,transparent),var(--theme-surface,var(--bg))}.employee-request-box h3{margin:0 0 16px}.employee-request-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--theme-border,var(--line));border-radius:12px;margin-top:10px;overflow-wrap:anywhere}.employee-request-row p,.employee-request-row small{font-size:12px;color:var(--muted)}@media(max-width:650px){.employee-request-row{align-items:flex-start;flex-direction:column}}

.bchat-receipt{display:inline-flex;align-items:center;color:var(--theme-muted);margin-left:4px}.bchat-receipt svg{width:24px;height:17px}.bchat-receipt[data-seen="true"]{color:var(--theme-blue)}.bchat-message[data-deleted="true"] p{font-style:italic;color:var(--theme-muted)}

.bchat-message-footer{display:flex;justify-content:flex-start;align-items:center;direction:ltr;margin-top:4px}.bchat-message-footer .bchat-receipt{margin:0}

.staff-profile-popup{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--theme-border);border-radius:24px;padding:24px;background:var(--theme-surface);color:var(--theme-ink);box-shadow:0 24px 80px #0005}.staff-profile-popup::backdrop{background:#0007;backdrop-filter:blur(8px)}.staff-popup-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.staff-popup-header h2{margin:0}.staff-popup-header button{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:24px;border-radius:50%;flex:none}.staff-profile-popup .staff-card{margin:0;box-sizing:border-box;width:100%}.staff-profile-popup .staff-field p{overflow-wrap:anywhere;white-space:pre-wrap}

/* BChat conversation layout: theme-driven bubbles and a compact composer. */
body #app #bchat{--chat-incoming:var(--theme-surface);--chat-outgoing:color-mix(in srgb,var(--theme-blue) 23%,var(--theme-surface));--chat-canvas:color-mix(in srgb,var(--theme-paper) 92%,var(--theme-blue));gap:10px}
body #app #bchat>.bchat-tabs{align-self:flex-start;margin:0;padding:4px;border-radius:16px;gap:4px}
body #app #bchat .bchat-tabs button{border-radius:12px;padding:10px 22px;font-size:13px;border-color:transparent;font-weight:700}
body #app #bchat .bchat-tabs button.selected{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border))}
body #app #bchat>.bchat-card{padding:0;max-width:1440px;align-self:center;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #00000010}
body #app #bchat .bchat-card>h2{display:none}
body #app #bchat .bchat-shell{border:0;border-radius:0;margin:0;box-shadow:none}
body #app #bchat .bchat-shell.private{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}
body #app #bchat .bchat-thread{display:flex;flex-direction:column;border:0;background:var(--chat-canvas)!important}
body #app #bchat .bchat-peer-header{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 20px;box-sizing:border-box;border:0;border-bottom:1px solid var(--theme-border);background:var(--theme-surface)!important}
body #app #bchat .bchat-peer-header :is(img,.profile-initial,.bchat-group-mark){width:38px;height:38px;min-width:38px;border-radius:50%;object-fit:cover}
body #app #bchat .bchat-peer-header strong{font-size:15px;letter-spacing:-.2px}
body #app #bchat .bchat-peer-header small{display:block;margin-top:3px;color:var(--theme-muted);font-size:12px}
body #app #bchat .bchat-group-mark{display:grid;place-items:center;background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-field));color:var(--theme-navy)}
body #app #bchat .bchat-group-mark svg{width:23px;height:23px}
body #app #bchat .bchat-messages{padding:18px clamp(14px,2.5vw,36px);gap:8px;border:0;border-radius:0;background-color:var(--chat-canvas)!important;background-image:radial-gradient(color-mix(in srgb,var(--theme-blue) 17%,transparent) .8px,transparent .8px)!important;background-size:22px 22px;scrollbar-width:thin;scrollbar-color:var(--theme-border) transparent}
body #app #bchat .bchat-day{align-self:center;position:static;margin:10px auto 14px;padding:5px 13px;border-radius:20px;border:0;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--theme-surface) 80%,var(--theme-paper))!important;box-shadow:0 2px 6px #00000008}
body #app #bchat .bchat-message{width:100%;display:flex;align-items:flex-end;gap:8px;margin:0;flex:none;animation:none}
body #app #bchat .bchat-message.own{flex-direction:row-reverse}
body #app #bchat .bchat-message>:is(img,.profile-initial){width:34px;height:34px;min-width:34px;font-size:14px;margin-bottom:2px}
body #app #bchat .bchat-message.own>img{display:block}body #app #bchat .bchat-message.own>.profile-initial{display:inline-flex}
body #app #bchat .bchat-message>div{box-sizing:border-box;width:fit-content;min-width:96px;max-width:min(calc(100% - 46px),560px);padding:9px 13px 6px;border:1px solid color-mix(in srgb,var(--theme-border) 50%,transparent);border-radius:16px 16px 16px 5px;background:var(--chat-incoming)!important;box-shadow:0 2px 5px #00000009;position:relative}
body #app #bchat .bchat-message.own>div{border-radius:16px 16px 5px 16px;background:var(--chat-outgoing)!important;border-color:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-border))}
body #app #bchat .bchat-message-head{gap:0;min-height:0}
body #app #bchat .bchat-message-head strong{font-size:12px;font-weight:750;color:var(--theme-blue)!important;line-height:1.4}
body #app #bchat .bchat-message.own .bchat-message-head{display:none}
body #app #bchat .bchat-message p{font-size:15px;font-weight:450;line-height:1.55;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
body #app #bchat .bchat-message-footer{display:flex;justify-content:flex-start;gap:5px;align-items:center;margin:4px 0 0;direction:ltr;min-height:16px}
body #app #bchat .bchat-message time{font-size:11px;line-height:1.2;color:var(--theme-muted)}
body #app #bchat .bchat-receipt svg{width:20px;height:14px}
body #app #bchat #bchat-status{margin:0;padding:5px 20px;font-size:12px;background:var(--theme-surface);color:var(--theme-muted)}
body #app #bchat #bchat-status:empty{display:none}
body #app #bchat #bchat-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:end;gap:10px;padding:12px 16px;border:0;border-top:1px solid var(--theme-border);background:var(--theme-surface)!important;margin:0}
body #app #bchat #bchat-text{display:block;min-height:46px;max-height:140px;width:100%;box-sizing:border-box;margin:0;padding:11px 15px;border-radius:16px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);font-size:15px;line-height:22px;resize:none;box-shadow:none;overflow-y:auto}
body #app #bchat .bchat-compose{display:block;margin:0;padding:0}
body #app #bchat .bchat-compose button{display:grid;place-items:center;width:46px;height:46px;min-width:0;padding:0;border-radius:50%;border:1px solid var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 28%,var(--theme-field));color:var(--theme-navy);box-shadow:none;transition:background .18s,box-shadow .18s}
body #app #bchat .bchat-compose button span{display:none}
body #app #bchat .bchat-compose button svg{width:23px;height:23px;margin:0}
body #app #bchat .bchat-compose button:hover:not(:disabled){background:color-mix(in srgb,var(--theme-blue) 42%,var(--theme-field));box-shadow:0 3px 12px color-mix(in srgb,var(--theme-blue) 24%,transparent);transform:none}
body #app #bchat .bchat-contacts{padding:18px 10px;border-right:1px solid var(--theme-border);background:var(--theme-surface)!important}
body #app #bchat .bchat-contacts h3{font-size:15px;margin:0 10px 14px}
body #app #bchat .bchat-contacts>input{box-sizing:border-box;width:calc(100% - 12px);margin:0 6px 12px;border-radius:18px;padding:11px 13px}
body #app #bchat .bchat-contact{border:0;border-radius:14px;margin:3px 0;padding:12px 10px;gap:10px;box-shadow:none}
body #app #bchat .bchat-contact.selected{background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))!important}
body #app #bchat .bchat-contact strong{font-size:13px}.bchat-ceo-menu button:hover{background:var(--theme-field);border-color:var(--theme-blue)}
@media(max-width:760px){body #app #bchat .bchat-shell.private{display:flex;flex-direction:column}body #app #bchat .bchat-contacts{max-height:150px;flex:none;border-right:0;border-bottom:1px solid var(--theme-border)}body #app #bchat .bchat-message>div{max-width:calc(100% - 42px)}body #app #bchat .bchat-message p{font-size:14px}body #app #bchat .bchat-message>:is(img,.profile-initial){width:30px;height:30px;min-width:30px}body #app #bchat .bchat-peer-header{min-height:60px;padding:10px 16px}body #app #bchat #bchat-form{padding:10px 12px}body #app #bchat .bchat-messages{padding:14px 12px}body #app #bchat>.bchat-tabs{width:fit-content}body #app #bchat .bchat-tabs button{padding:9px 15px}}
@media(prefers-reduced-motion:reduce){body #app #bchat .bchat-compose button{transition:none}}

body #app #bchat #bchat-text{font-family:inherit}body #app #bchat .bchat-contact>span:last-child{min-width:0;flex:1}body #app #bchat .bchat-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}

body #app #bchat .bchat-receipt[data-delivery="sending"]{color:var(--theme-muted)}body #app #bchat .bchat-receipt[data-delivery="failed"]{color:var(--theme-red)}body #app #bchat .bchat-retry{font-size:11px;line-height:1.3;padding:3px 7px;margin-left:4px;border-radius:8px;min-height:0;color:var(--theme-red);border:1px solid var(--theme-border);background:var(--theme-field)}body #app #bchat .bchat-retry[hidden]{display:none}

/* Conversation details, accessible controls and quiet status cues. */
body #app #bchat .bchat-thread{position:relative}
body #app #bchat .bchat-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:7px 20px;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 60%,transparent);background:var(--theme-surface);color:var(--theme-muted);font-size:11px}
body #app #bchat .bchat-sync-note{display:inline-flex;align-items:center;gap:7px}.bchat-sync-note:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--theme-blue)}
body #app #bchat .bchat-status-legend{position:relative;margin:0;padding:0;border:0;background:none;box-shadow:none}
body #app #bchat .bchat-status-legend summary{cursor:pointer;font-weight:600;list-style:none;padding:3px 0;color:var(--theme-muted);font-size:11px}
body #app #bchat .bchat-status-legend summary:hover{color:var(--theme-navy)}
body #app #bchat .bchat-status-legend>div{position:absolute;right:0;top:26px;z-index:5;width:min(260px,65vw);padding:12px 16px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 10px 28px #0002}
body #app #bchat .bchat-status-legend p{margin:5px 0;font-size:12px;line-height:1.6}
body #app #bchat .bchat-jump-latest{position:absolute;right:22px;bottom:110px;z-index:4;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 4px 16px #0003;transition:background .18s}
body #app #bchat .bchat-jump-latest[hidden]{display:none}body #app #bchat .bchat-jump-latest svg{width:20px;height:20px}
body #app #bchat .bchat-jump-count{position:absolute;top:-7px;right:-4px;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:750;border:1px solid var(--theme-blue);background:var(--theme-field);color:var(--theme-navy)}
body #app #bchat .bchat-new-divider{align-self:stretch;text-align:center;padding:7px 10px;margin:6px 0;font-size:11px;font-weight:700;color:var(--theme-navy);border-block:1px solid color-mix(in srgb,var(--theme-blue) 30%,transparent);background:color-mix(in srgb,var(--theme-blue) 10%,transparent)}
body #app #bchat .bchat-composer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--theme-muted);padding-inline:3px;margin-top:-3px;min-height:13px}
body #app #bchat .bchat-composer-meta [data-warning="true"]{color:var(--theme-red);font-weight:700}
body #app #bchat .bchat-message>div{transition:box-shadow .16s,border-color .16s}body #app #bchat .bchat-message>div:hover{border-color:color-mix(in srgb,var(--theme-blue) 50%,var(--theme-border));box-shadow:0 3px 12px #00000012}
body #app #bchat .bchat-receipt{cursor:help}.bchat-ceo-menu{padding:6px;border-radius:16px;background:color-mix(in srgb,var(--theme-surface) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0004;max-width:calc(100vw - 16px)}.bchat-ceo-menu button{padding:10px 13px;border:0;border-radius:10px;background:transparent;font-size:13px;font-weight:600;transition:background .15s;transform:none}.bchat-ceo-menu button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:-2px}.bchat-ceo-menu strong{padding:9px 13px;border-bottom:1px solid var(--theme-border);margin-bottom:4px}
@media(max-width:760px){body #app #bchat .bchat-tools{padding:6px 14px}body #app #bchat .bchat-jump-latest{right:14px;bottom:104px}body #app #bchat .bchat-composer-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){body #app #bchat .bchat-message>div,body #app #bchat .bchat-jump-latest,.bchat-ceo-menu button{transition:none}}

.bchat-ceo-menu{color:var(--theme-navy)}.bchat-ceo-menu button{color:var(--theme-navy)!important}.bchat-ceo-menu button:hover,.bchat-ceo-menu button:focus-visible{background:var(--theme-field)}

/* Public staff-profile dialog uses the active palette, including dark modes. */
body .staff-profile-popup{width:min(620px,calc(100vw - 28px));max-height:min(860px,88dvh);padding:0;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 28px 90px #0006;overflow:hidden;isolation:isolate}
body .staff-profile-popup[open]{display:flex;flex-direction:column}
body .staff-profile-popup::backdrop{background:color-mix(in srgb,var(--theme-paper) 30%,#0008);backdrop-filter:blur(10px)}
body .staff-profile-popup .staff-popup-header{flex:none;padding:16px 22px;margin:0;border-bottom:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-field) 60%,var(--theme-surface))}
body .staff-profile-popup .staff-popup-header h2{color:var(--theme-muted);font-size:13px;font-weight:700;letter-spacing:.3px}
body .staff-profile-popup button{font-family:inherit;color:var(--theme-navy);border:1px solid var(--theme-border);background:var(--theme-field);box-shadow:inset 0 1px 0 #ffffff0c;transition:background .16s,border-color .16s,box-shadow .16s;transform:none}
body .staff-profile-popup button:hover:not(:disabled){background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-field));border-color:var(--theme-blue);box-shadow:0 3px 12px #00000012}
body .staff-profile-popup button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
body .staff-profile-popup .staff-popup-header button{width:34px;height:34px;min-width:34px;border-radius:50%;padding:7px;display:grid;place-items:center}
body .staff-profile-popup .staff-popup-header button svg{width:18px;height:18px}
body .staff-profile-popup .staff-popup-content{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--theme-border) transparent;overscroll-behavior:contain}
body .staff-profile-popup .staff-popup-content>p{margin:0;padding:28px;color:var(--theme-muted);font-size:14px;line-height:1.7}
body .staff-profile-popup .staff-card{padding:0 24px 22px;border:0;border-radius:0;box-shadow:none;background:var(--theme-surface);color:var(--theme-navy);min-width:0;max-width:none}
body .staff-profile-popup .profile-identity{display:flex;flex-direction:row;align-items:center;gap:18px;position:relative;margin:0 -24px 22px;padding:28px 24px;border:0;border-bottom:1px solid var(--theme-border);border-radius:0;background:radial-gradient(ellipse at 10% 10%,color-mix(in srgb,var(--theme-blue) 18%,transparent),transparent 75%),var(--theme-surface);box-shadow:none}
body .staff-profile-popup .profile-identity>:is(img,.profile-initial){width:80px;height:80px;min-width:80px;border-radius:24px;object-fit:cover;border:2px solid color-mix(in srgb,var(--theme-blue) 40%,var(--theme-border));box-shadow:0 5px 18px #00000015;background:var(--theme-field);color:var(--theme-navy);font-size:30px;display:flex;align-items:center;justify-content:center}
body .staff-profile-popup .profile-identity>div{min-width:0}
body .staff-profile-popup .profile-identity h2{font-size:24px;letter-spacing:-.5px;font-weight:750;line-height:1.25;margin:0 0 6px;overflow-wrap:anywhere;color:var(--theme-navy)}
body .staff-profile-popup .profile-identity p{font-size:12px;margin:0 0 10px;color:var(--theme-muted);overflow-wrap:anywhere}
body .staff-profile-popup .staff-presence{font-size:11px;line-height:1.3;padding:4px 9px;background:var(--theme-field);border:1px solid var(--theme-border);color:var(--theme-muted);border-radius:20px;display:inline-flex;align-items:center;gap:5px}
body .staff-profile-popup .staff-presence[data-online="true"]{color:var(--theme-navy);border-color:color-mix(in srgb,var(--theme-blue) 60%,var(--theme-border));background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-field))}
body .staff-profile-popup .staff-popup-section-title{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--theme-muted)}
body .staff-profile-popup .staff-popup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body .staff-profile-popup .staff-field{margin:0;min-width:0;border:1px solid var(--theme-border);border-radius:14px;padding:13px 15px;background:color-mix(in srgb,var(--theme-field) 75%,var(--theme-surface));color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff08}
body .staff-profile-popup .staff-field:is([data-profile-field="bio"],[data-profile-field="signature"],[data-profile-field="contact"]){grid-column:1/-1}
body .staff-profile-popup .staff-field>span{display:block;color:var(--theme-muted);font-size:11px;font-weight:600;margin-bottom:5px}
body .staff-profile-popup .staff-field p{color:var(--theme-navy);font-size:14px;font-weight:550;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}
body .staff-profile-popup .staff-popup-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--theme-border);background:var(--theme-surface)}
body .staff-profile-popup .staff-popup-actions button{margin:0;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:700;min-height:42px}
body .staff-profile-popup .staff-popup-actions .primary{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-surface));color:var(--theme-navy)}
body .staff-profile-popup button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:480px){body .staff-profile-popup{border-radius:20px;max-height:90dvh}body .staff-profile-popup .staff-popup-fields{grid-template-columns:1fr}body .staff-profile-popup .profile-identity{padding:22px 20px;gap:14px}body .staff-profile-popup .profile-identity>:is(img,.profile-initial){width:64px;height:64px;min-width:64px;border-radius:20px;font-size:25px}body .staff-profile-popup .profile-identity h2{font-size:21px}body .staff-profile-popup .staff-popup-actions{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){body .staff-profile-popup button{transition:none}}

body .staff-profile-popup .staff-photo-open{width:80px;height:80px;min-width:80px;display:block;position:relative;padding:0;overflow:hidden;border-radius:24px;cursor:zoom-in;border:2px solid color-mix(in srgb,var(--theme-blue) 40%,var(--theme-border));background:var(--theme-field);box-shadow:0 5px 18px #00000015}
body .staff-profile-popup .staff-photo-open img{width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:0;margin:0}
body .staff-profile-popup .staff-photo-open::after{content:'⤢';position:absolute;right:3px;bottom:3px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--theme-surface);color:var(--theme-navy);font-size:16px;line-height:1}
body .staff-photo-viewer{box-sizing:border-box;width:min(580px,calc(100vw - 32px));height:min(660px,80dvh);max-width:none;max-height:80dvh;padding:0;overflow:hidden;border:1px solid var(--theme-border);border-radius:22px;background:var(--theme-paper);color:var(--theme-navy);box-shadow:0 24px 100px #0008}
body .staff-photo-viewer[open]{display:flex;flex-direction:column}
body .staff-photo-viewer::backdrop{background:#000a;backdrop-filter:blur(12px)}
body .staff-photo-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;flex:none;border-bottom:1px solid var(--theme-border);background:var(--theme-surface)}
body .staff-photo-header h2{margin:0;font-size:14px;font-weight:700;color:var(--theme-navy);overflow-wrap:anywhere}
body .staff-photo-header button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--theme-border);border-radius:50%;background:var(--theme-field);color:var(--theme-navy);font-size:24px;cursor:pointer}
body .staff-photo-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
body .staff-photo-stage img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:6px;cursor:default}
body .staff-photo-viewer button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
@media(max-width:480px){body .staff-profile-popup .staff-photo-open{width:64px;height:64px;min-width:64px;border-radius:20px}body .staff-photo-stage{padding:10px}body .staff-photo-header{padding:12px 14px}}

/* Compact photo viewer, framed by the active theme. */
body .staff-photo-viewer{border-radius:24px;background:var(--theme-surface);box-shadow:0 24px 70px #0005}
body .staff-photo-header{padding:16px 20px;background:linear-gradient(120deg,color-mix(in srgb,var(--theme-blue) 10%,var(--theme-surface)),var(--theme-surface));gap:18px}
body .staff-photo-heading{min-width:0}.staff-photo-heading>span{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.5;color:var(--theme-muted);margin-bottom:4px}
body .staff-photo-header h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;font-weight:750}
body .staff-photo-header button{width:34px;height:34px;padding:7px;background:var(--theme-field);transition:background .15s,border-color .15s;box-shadow:none}
body .staff-photo-header button svg{display:block;width:18px;height:18px}
body .staff-photo-header button:hover{background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-field));border-color:var(--theme-blue);transform:none}
body .staff-photo-stage{padding:18px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--theme-blue) 8%,transparent),transparent 70%)}
body .staff-photo-stage img{border-radius:14px;filter:drop-shadow(0 5px 16px #0002)}
body .staff-photo-viewer::backdrop{background:#0008;backdrop-filter:blur(8px)}
@media(max-width:480px){body .staff-photo-viewer{width:calc(100vw - 24px);height:min(540px,76dvh);border-radius:20px}body .staff-photo-stage{padding:12px}body .staff-photo-header{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){body .staff-photo-header button{transition:none}}

/* Profile portraits remain circular in the card and enlarged viewer. */
body .staff-profile-popup .profile-identity>:is(img,.profile-initial),body .staff-profile-popup .staff-photo-open{border-radius:50%}
body .staff-profile-popup .staff-photo-open img{border-radius:50%}
body .staff-photo-stage img{width:min(100%,470px,calc(76dvh - 140px));height:auto;max-height:none;aspect-ratio:1;object-fit:cover;border-radius:50%}


/* Mobile workspace. Desktop styles are untouched outside data-layout=mobile. */
.mobile-menu-toggle{display:none}
html[data-layout="mobile"]{overflow-x:clip}
html[data-layout="mobile"] body{min-width:0;overflow-x:clip;-webkit-text-size-adjust:100%}
html[data-layout="mobile"] body #app{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0;height:auto;min-height:100dvh}
html[data-layout="mobile"] body #app main{width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:16px 14px calc(20px + env(safe-area-inset-bottom))!important;overflow-x:clip}
html[data-layout="mobile"] body #app main>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding-top:env(safe-area-inset-top)}
html[data-layout="mobile"] body #app main>header>div:first-of-type{min-width:0;flex:1}
html[data-layout="mobile"] body #app main>header h1{font-size:23px;line-height:1.3;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app main>header .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:4px}
html[data-layout="mobile"] body #app .header-actions{margin-left:auto;gap:7px;flex-wrap:wrap;justify-content:flex-end}
html[data-layout="mobile"] body #app .header-actions .pill{max-width:180px;text-overflow:ellipsis;overflow:hidden;padding:4px 8px;font-size:10px}
html[data-layout="mobile"] body #app .mobile-menu-toggle{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:10px;border-radius:13px;color:var(--theme-navy);background:var(--theme-surface);border:1px solid var(--theme-border);box-shadow:none}
.mobile-menu-toggle svg{width:21px;height:21px}
html[data-layout="mobile"] body #app main :is(.page,.card,section,article,.form-grid){min-width:0;max-width:100%;box-sizing:border-box}
html[data-layout="mobile"] body #app main .card{padding:18px;border-radius:18px}
html[data-layout="mobile"] body #app main :is(.two-columns,.form-grid,.staff-grid,.stats,.home-top-grid,.home-main-grid,.home-grid,.support-workspace,.report-layout,.report-grid,.activity-dashboard,.keyboard-shortcut-grid,.profile-account,.profile-preview-fields,.employee-private-fields,.employee-details-grid){grid-template-columns:minmax(0,1fr)!important;gap:14px}
html[data-layout="mobile"] body #app main .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-layout="mobile"] body #app main :is(.section-head,.card-head,.row-actions,.website-client-toolbar){flex-wrap:wrap;gap:10px}
html[data-layout="mobile"] body #app main :is(input,textarea,select){font-size:16px;max-width:100%;min-width:0}
html[data-layout="mobile"] body #app main :is(button,.button){min-height:42px;touch-action:manipulation}
html[data-layout="mobile"] body #app main :is(.settings-tabs,.ceo-tools-tabs,.sell-setup-tabs,.table-tabs,.category-tabs){display:flex;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;width:100%;scrollbar-width:thin;overscroll-behavior-x:contain;padding:5px;gap:5px}
html[data-layout="mobile"] body #app main :is(.settings-tabs,.ceo-tools-tabs,.sell-setup-tabs,.table-tabs,.category-tabs)>button{flex:none;white-space:nowrap;padding:9px 12px;font-size:12px}
html[data-layout="mobile"] body #app main table{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-x:contain;font-size:12px}
html[data-layout="mobile"] body #app main :is(th,td){padding:10px;white-space:nowrap}
html[data-layout="mobile"] body dialog{max-width:calc(100vw - 24px);max-height:calc(var(--mobile-viewport-height,100dvh) - 24px)}
html[data-layout="mobile"] body #app #ceo-tools-card{padding:18px!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html[data-layout="mobile"] body #app #ceo-tools-card .mav-people{grid-template-columns:1fr!important}
html[data-layout="mobile"] body #app #settings #profile>.card{padding:18px!important}
html[data-layout="mobile"] body #app #settings .profile-identity{padding:16px!important;gap:12px!important}
html[data-layout="mobile"] body #app #settings .profile-identity :is(img,.profile-initial){width:64px!important;height:64px!important;min-width:64px!important}
html[data-layout="mobile"] body #app #settings .profile-identity>strong{font-size:22px!important}
html[data-layout="mobile"] body[data-workspace="bchat"] #app{height:var(--mobile-viewport-height,100dvh)!important;min-height:0!important;overflow:hidden}
html[data-layout="mobile"] body[data-workspace="bchat"] #app main{height:100%!important;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
html[data-layout="mobile"] body[data-workspace="bchat"] main>footer{display:none}
html[data-layout="mobile"] body #app #bchat>.bchat-card{padding:0;border-radius:16px;min-height:0}
html[data-layout="mobile"] body #app #bchat .bchat-tabs{max-width:100%;margin-bottom:0}
html[data-layout="mobile"] body #app #bchat .bchat-peer-header{padding:10px 12px;min-height:60px}
html[data-layout="mobile"] body #app #bchat .bchat-shell.private{display:flex;flex-direction:column}
html[data-layout="mobile"] body #app #bchat .bchat-contacts{max-height:160px;flex:none;display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-right:0;border-bottom:1px solid var(--theme-border)}
html[data-layout="mobile"] body #app #bchat .bchat-contacts h3{width:100%;margin:0 0 5px}
html[data-layout="mobile"] body #app #bchat .bchat-contacts>input{width:100%;margin:0 0 5px;font-size:16px}
html[data-layout="mobile"] body #app #bchat .bchat-contact{flex:1;min-width:150px;padding:8px}
html[data-layout="mobile"] body #app #bchat .bchat-messages{padding:12px 10px}
html[data-layout="mobile"] body #app #bchat .bchat-message>div{max-width:calc(100% - 42px)}
html[data-layout="mobile"] body #app #bchat #bchat-form{padding:10px;gap:7px}
html[data-layout="mobile"] body #app #bchat #bchat-text{font-size:16px}
html[data-layout="mobile"] body #app #bchat .bchat-composer-meta>span:first-child{font-size:0}
html[data-layout="mobile"] body #app #bchat .bchat-composer-meta>span:first-child::after{content:'Shift + Enter · New line';font-size:9px}
html[data-layout="mobile"] body #login{padding:18px 16px;min-height:100dvh;overflow:auto}
html[data-layout="mobile"] body #login .login-layout{display:block;width:100%;padding:22px 0}
html[data-layout="mobile"] body #login .login-artwork{display:none}
html[data-layout="mobile"] body #login .login-card{width:100%;max-width:440px;margin:auto;padding:24px;box-sizing:border-box}
html[data-layout="mobile"] body #login .login-card h1{font-size:52px}
html[data-layout="mobile"] body #login :is(input,button){font-size:16px;min-height:46px}
html[data-layout="mobile"] body #login .login-topline{flex-wrap:wrap;gap:10px}
html[data-layout="mobile"] body #login .login-bottomline{flex-wrap:wrap;font-size:10px}

html[data-layout="mobile"] body #app #account-badge{display:inline-block;max-width:110px}
html[data-layout="mobile"] body #app .header-actions{max-width:150px}

.bchat-mobile-actions{display:none}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions{display:grid;place-items:center;min-height:30px;min-width:32px;padding:5px;margin-left:auto;border:0;border-radius:8px;background:transparent;color:var(--theme-muted);box-shadow:none}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions svg{width:18px;height:18px}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions:active{background:var(--theme-field)}
html[data-layout="mobile"] body #app main :is(.chart-grid,.plan-grid,.pulse-grid,.telemetry-grid,.overview-grid,.overview-bottom-grid){grid-template-columns:minmax(0,1fr)!important}
html[data-layout="mobile"] body #app main .profile-details>div:not(.profile-identity){min-width:0;overflow-wrap:anywhere}

html[data-layout="mobile"] body #app main>header .eyebrow{display:none}
html[data-layout="mobile"] body #app main>header h1{font-size:22px}
html[data-layout="mobile"] body #app .header-actions .live-pill{display:none}
html[data-layout="mobile"] body #app .header-actions{max-width:130px}
html[data-layout="mobile"] body #app #account-badge{max-width:90px;font-size:9px}

/* Mobile section launcher: a dedicated first page instead of a drawer. */
.mobile-topic-home{display:none}
html[data-layout="mobile"] body #app>.workspace-sidebar{display:none!important}
html[data-layout="mobile"][data-mobile-page="topics"] body #app main>.page,html[data-layout="mobile"][data-mobile-page="topics"] body #app main>#sell-setup-tabs{display:none!important}
html[data-layout="mobile"][data-mobile-page="topics"] body #app .mobile-topic-home:not([hidden]){display:block}
html[data-layout="mobile"] body #app .mobile-topic-intro{padding:14px 2px 22px}
html[data-layout="mobile"] body #app .mobile-topic-intro .eyebrow{font-size:9px;letter-spacing:1.6px;text-align:left;color:var(--theme-muted);margin:0 0 10px}
html[data-layout="mobile"] body #app .mobile-topic-intro h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;max-width:290px;color:var(--theme-navy);margin:0 0 10px;outline:none}
html[data-layout="mobile"] body #app .mobile-topic-intro>p:last-child{font-size:12px;color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-layout="mobile"] body #app .mobile-topic-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left;min-height:160px;padding:18px 15px;border:1px solid var(--theme-border);border-radius:20px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--theme-blue) 11%,transparent),transparent 75%),var(--theme-surface);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff12,0 5px 18px #00000008;overflow:hidden;transform:none;transition:border-color .16s,background .16s}
html[data-layout="mobile"] body #app .mobile-topic-card:active{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border-color:var(--theme-blue)}
html[data-layout="mobile"] body #app .mobile-topic-card:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
html[data-layout="mobile"] body #app .mobile-topic-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--theme-blue) 30%,var(--theme-border));border-radius:15px;background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-field));color:var(--theme-navy)}
html[data-layout="mobile"] body #app .mobile-topic-icon svg{width:27px;height:27px;animation:none!important;transform:none}
html[data-layout="mobile"] body #app .mobile-topic-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:14px;font-weight:750;line-height:1.3;color:var(--theme-navy);overflow-wrap:anywhere}
html[data-layout="mobile"] body #app .mobile-topic-copy small{font-size:11px;line-height:1.5;color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-topic-arrow{position:absolute;right:12px;top:18px;color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-topic-arrow svg{width:14px;height:14px}
html[data-layout="mobile"] body #app .mobile-topic-footer{padding:22px 0 8px;display:flex;justify-content:center}
html[data-layout="mobile"] body #app .mobile-topic-footer button{width:100%;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-muted);border-radius:14px;font-size:13px}
html[data-layout="mobile"] body #app .mobile-topic-back{display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:66px;height:40px;padding:8px 10px;border-radius:12px}
html[data-layout="mobile"] body #app .mobile-topic-back svg{width:18px;height:18px;flex:none}
html[data-layout="mobile"] body #app .mobile-topic-back span{font-size:11px;font-weight:700}
html[data-layout="mobile"][data-mobile-page="topics"] body #app main>footer{margin-top:12px}
@media(max-width:360px){html[data-layout="mobile"] body #app .mobile-topic-grid{gap:10px}html[data-layout="mobile"] body #app .mobile-topic-card{min-height:148px;padding:16px 12px;gap:14px}html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:13px}html[data-layout="mobile"] body #app .mobile-topic-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html[data-layout="mobile"] body #app .mobile-topic-card{transition:none}}

/* A distinct mobile experience, built from each active theme's palette. */
html[data-layout="mobile"] body #app main{background-image:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--theme-blue) 10%,transparent),transparent 55%)}
html[data-layout="mobile"] body #app main>header{position:sticky;top:0;z-index:20;padding:10px 0;margin-bottom:16px;background:color-mix(in srgb,var(--theme-paper) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--theme-border) 55%,transparent)}
html[data-layout="mobile"] body #app main>header h1{font-size:21px;font-weight:750;letter-spacing:-.5px}
html[data-layout="mobile"] body #app .mobile-topic-intro{position:relative;isolation:isolate;padding:20px;margin:4px 0 20px;border:1px solid color-mix(in srgb,var(--theme-blue) 35%,var(--theme-border));border-radius:26px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--theme-blue) 28%,transparent),transparent 75%),linear-gradient(130deg,var(--theme-surface),var(--theme-field));box-shadow:inset 0 1px 0 #ffffff18,0 10px 28px #0000000c;overflow:hidden}
html[data-layout="mobile"] body #app .mobile-topic-intro:after{content:'';position:absolute;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--theme-blue) 22%,transparent);border-radius:50%;right:-55px;bottom:-80px;z-index:-1;box-shadow:0 0 0 22px color-mix(in srgb,var(--theme-blue) 5%,transparent),0 0 0 44px color-mix(in srgb,var(--theme-blue) 3%,transparent)}
html[data-layout="mobile"] body #app .mobile-welcome-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}
html[data-layout="mobile"] body #app .mobile-welcome-top .eyebrow{margin:0;font-size:8px;letter-spacing:1.4px}
html[data-layout="mobile"] body #app .mobile-welcome-date{font-size:10px;color:var(--theme-muted);white-space:nowrap}
html[data-layout="mobile"] body #app .mobile-welcome-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;border:1px solid color-mix(in srgb,var(--theme-blue) 38%,var(--theme-border));background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-surface));color:var(--theme-navy);font-size:21px;font-weight:750;margin-bottom:14px;box-shadow:inset 0 1px 0 #ffffff20}
html[data-layout="mobile"] body #app .mobile-topic-intro h2{font-size:30px;font-weight:750;letter-spacing:-1px;margin-bottom:7px;max-width:100%;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app .mobile-topic-intro>p:last-child{font-size:12px;margin:0;color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-topic-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-surface);box-shadow:0 3px 12px #00000006;margin-bottom:24px}
html[data-layout="mobile"] body #app .mobile-topic-search>span{display:grid;place-items:center;color:var(--theme-muted);flex:none}
html[data-layout="mobile"] body #app .mobile-topic-search svg{width:20px;height:20px}
html[data-layout="mobile"] body #app .mobile-topic-search input{width:100%;min-width:0;padding:13px 0;margin:0;outline:none;border:0;box-shadow:none;background:transparent;color:var(--theme-navy);font-size:16px;border-radius:0}
html[data-layout="mobile"] body #app .mobile-topic-search:focus-within{border-color:var(--theme-blue);outline:2px solid color-mix(in srgb,var(--theme-blue) 20%,transparent);outline-offset:2px}
html[data-layout="mobile"] body #app .mobile-topic-search button{width:30px;min-width:30px;min-height:30px;padding:0;border:0;border-radius:50%;font-size:20px;background:var(--theme-field);color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
html[data-layout="mobile"] body #app .mobile-section-heading h3{margin:0;font-size:14px;font-weight:750;color:var(--theme-navy)}
html[data-layout="mobile"] body #app .mobile-section-heading>span{font-size:10px;color:var(--theme-muted);border:1px solid var(--theme-border);border-radius:20px;padding:3px 8px;background:var(--theme-surface)}
html[data-layout="mobile"] body #app .mobile-topic-grid{gap:12px}
html[data-layout="mobile"] body #app .mobile-topic-card{--tile-accent:var(--theme-blue);min-height:158px;padding:17px 15px;gap:17px;border-radius:23px;border-color:color-mix(in srgb,var(--tile-accent) 18%,var(--theme-border));background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tile-accent) 13%,transparent),transparent 85%),var(--theme-surface);box-shadow:inset 0 1px 0 #ffffff16,0 6px 18px #00000009;transition:transform .16s,border-color .16s,box-shadow .16s}
html[data-layout="mobile"] body #app .mobile-topic-card[data-topic-group="manage"]{--tile-accent:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-red))}
html[data-layout="mobile"] body #app .mobile-topic-card[data-topic-group="connect"]{--tile-accent:var(--theme-red)}
html[data-layout="mobile"] body #app .mobile-topic-card:active{transform:scale(.98);border-color:var(--tile-accent);box-shadow:inset 0 2px 8px #00000010}
html[data-layout="mobile"] body #app .mobile-topic-card .mobile-topic-icon{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile-accent) 25%,var(--theme-field)),color-mix(in srgb,var(--tile-accent) 10%,var(--theme-surface)));border-color:color-mix(in srgb,var(--tile-accent) 38%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff20,0 4px 10px #00000008}
html[data-layout="mobile"] body #app .mobile-topic-card .mobile-topic-icon svg{width:26px;height:26px}
html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:14px;letter-spacing:-.25px}
html[data-layout="mobile"] body #app .mobile-topic-copy small{font-size:10px;line-height:1.55}
html[data-layout="mobile"] body #app .mobile-topic-arrow{right:12px;top:16px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--tile-accent) 20%,var(--theme-border));background:color-mix(in srgb,var(--theme-field) 65%,transparent)}
html[data-layout="mobile"] body #app .mobile-topic-arrow svg{width:11px;height:11px}
html[data-layout="mobile"] body #app .mobile-topic-empty{padding:28px 18px;text-align:center;border:1px dashed var(--theme-border);border-radius:20px;background:var(--theme-surface);color:var(--theme-muted);font-size:13px}
html[data-layout="mobile"] body #app .mobile-topic-footer{flex-direction:column;align-items:center;gap:12px;padding-top:26px}
html[data-layout="mobile"] body #app .mobile-topic-footer>span{font-size:10px;color:var(--theme-muted)}
html[data-layout="mobile"] body #app .mobile-topic-footer button{min-height:46px;background:color-mix(in srgb,var(--theme-field) 75%,var(--theme-surface));border-radius:16px}
html[data-layout="mobile"] body #app main .card{border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0c,0 5px 20px #00000008}
html[data-layout="mobile"] body #app main :is(.settings-tabs,.ceo-tools-tabs,.sell-setup-tabs){border-radius:17px;scrollbar-width:none}
html[data-layout="mobile"] body #app main :is(.settings-tabs,.ceo-tools-tabs,.sell-setup-tabs)::-webkit-scrollbar{display:none}
html[data-layout="mobile"] body #app main :is(.settings-tabs,.ceo-tools-tabs,.sell-setup-tabs)>button{border-radius:12px;min-height:42px}
html[data-layout="mobile"] body #app main :is(input,textarea,select){border-radius:14px}
html[data-layout="mobile"] body #app .mobile-topic-back{border-radius:14px;background:var(--theme-surface);box-shadow:0 2px 8px #00000008}
html[data-layout="mobile"] body #app #bchat>.bchat-card{border-radius:20px}
@media(max-width:360px){html[data-layout="mobile"] body #app .mobile-topic-intro{padding:18px}html[data-layout="mobile"] body #app .mobile-topic-intro h2{font-size:27px}html[data-layout="mobile"] body #app .mobile-topic-card{min-height:150px;padding:15px 12px}html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html[data-layout="mobile"] body #app .mobile-topic-card{transition:none}html[data-layout="mobile"] body #app .mobile-topic-card:active{transform:none}}

html[data-layout="mobile"] body #app .mobile-topic-search input:focus{outline:none!important;box-shadow:none!important}html[data-layout="mobile"] body #app .mobile-topic-search input::-webkit-search-cancel-button{-webkit-appearance:none}

/* Persistent in-panel mobile preview, independent of browser emulation. */
.mobile-preview-bar{display:none}
html[data-mobile-preview="true"] body #app{max-width:430px!important;margin:0 auto!important;border-inline:1px solid var(--theme-border);box-shadow:0 0 70px #0003;background:var(--theme-paper)}
html[data-mobile-preview="true"] body #app .mobile-preview-bar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0 10px;flex:none;color:var(--theme-muted);font-size:9px;letter-spacing:1px}
html[data-mobile-preview="true"] body #app .mobile-preview-bar button{min-height:30px;padding:3px 9px;border-radius:9px;border:1px solid var(--theme-border);color:var(--theme-muted);background:var(--theme-field);font-size:10px;letter-spacing:0}
html[data-mobile-preview="true"] body #app #bchat .bchat-message>div{max-width:calc(100% - 42px)}
html[data-mobile-preview="true"] body #app #report .report-recipient-options{grid-template-columns:1fr}
html[data-mobile-preview="true"] body #app .profile-account,html[data-mobile-preview="true"] body #app .profile-preview-fields{grid-template-columns:1fr!important}

/* Mobile quality pass: compact bubbles, bounded overlays and legible detail. */
html[data-layout="mobile"] body #app #bchat .bchat-messages{padding:16px 12px;gap:10px;background-image:none!important}
html[data-layout="mobile"] body #app #bchat .bchat-message{gap:7px;position:relative}
html[data-layout="mobile"] body #app #bchat .bchat-message>div{max-width:calc(100% - 76px);min-width:100px;padding:9px 12px 7px;border-radius:16px 16px 16px 5px;box-shadow:0 2px 5px #00000010}
html[data-layout="mobile"] body #app #bchat .bchat-message.own>div{border-radius:16px 16px 5px 16px}
html[data-layout="mobile"] body #app #bchat .bchat-message>:is(img,.profile-initial){width:28px;height:28px;min-width:28px;font-size:13px;flex:none}
html[data-layout="mobile"] body #app #bchat .bchat-message p{font-size:15px;line-height:1.55;margin:2px 0 0;font-weight:450}
html[data-layout="mobile"] body #app #bchat .bchat-message-footer{min-height:15px;margin-top:4px;gap:5px}
html[data-layout="mobile"] body #app #bchat .bchat-message time{font-size:10px;line-height:1.2}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions{position:absolute;right:-34px;left:auto;bottom:0;margin:0;width:30px;height:30px;min-width:30px;min-height:30px;padding:6px;border:0;border-radius:50%;background:transparent;color:var(--theme-muted);opacity:.8}
html[data-layout="mobile"] body #app #bchat .bchat-message.own .bchat-mobile-actions{right:auto;left:-34px}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions svg{width:16px;height:16px}
html[data-layout="mobile"] body #app #bchat .bchat-mobile-actions:focus-visible{outline:2px solid var(--theme-blue);outline-offset:0;opacity:1}
html[data-layout="mobile"] body #app #bchat .bchat-tools{padding:5px 12px;font-size:10px}
html[data-layout="mobile"] body #app #bchat .bchat-status-legend summary{font-size:10px}
html[data-layout="mobile"] body #app #bchat .bchat-peer-header{min-height:56px;padding:9px 13px}
html[data-layout="mobile"] body #app #bchat .bchat-peer-header :is(img,.profile-initial,.bchat-group-mark){width:34px;height:34px;min-width:34px}
html[data-layout="mobile"] body #app #bchat .bchat-peer-header strong{font-size:14px}
html[data-layout="mobile"] body #app #bchat .bchat-peer-header small{font-size:10px}
html[data-layout="mobile"] body #app #bchat #bchat-form{padding:10px;gap:8px;grid-template-columns:minmax(0,1fr) 44px}
html[data-layout="mobile"] body #app #bchat #bchat-text{min-height:44px;padding:10px 13px;line-height:22px;border-radius:18px;font-size:16px}
html[data-layout="mobile"] body #app #bchat .bchat-compose button{width:44px;height:44px;min-height:44px}
html[data-layout="mobile"] body #app #bchat .bchat-composer-meta{display:none}
html[data-layout="mobile"] body #app #bchat .bchat-jump-latest{bottom:80px;width:38px;height:38px;min-height:38px}
html[data-layout="mobile"] body #app #bchat .bchat-contacts{box-sizing:border-box;max-height:150px;width:100%;border-radius:0;align-content:flex-start}
html[data-layout="mobile"] body #app #bchat .bchat-contact{max-width:100%;min-width:0;flex:1 1 150px}
html[data-layout="mobile"] body #app #bchat .bchat-contact small{max-width:155px}
html[data-mobile-preview="true"] body dialog{width:min(406px,calc(100vw - 24px));max-width:min(406px,calc(100vw - 24px))!important;box-sizing:border-box}
html[data-mobile-preview="true"] body :is(.staff-popup-fields,.employee-details-grid,.website-client-editor .form-grid,.employee-role-options,#admin-form .employee-private-fields){grid-template-columns:minmax(0,1fr)!important}
html[data-mobile-preview="true"] body .staff-profile-popup .profile-identity{padding:20px;gap:13px}
html[data-mobile-preview="true"] body .staff-profile-popup .staff-photo-open{width:64px;height:64px;min-width:64px}
html[data-mobile-preview="true"] body .staff-profile-popup .profile-identity h2{font-size:22px}
html[data-mobile-preview="true"] body #refresh-toast{max-width:calc(430px - 36px);width:max-content;box-sizing:border-box;font-size:12px}
html[data-layout="mobile"] body #app main{scrollbar-width:thin;scrollbar-color:var(--theme-border) transparent}
html[data-layout="mobile"] body #app main :is(input,textarea,select,button){-webkit-tap-highlight-color:transparent}

.bchat-peer-back{display:none}
html[data-layout="mobile"] body #app #bchat .bchat-contacts{flex-direction:column;flex-wrap:nowrap;align-content:normal;align-items:stretch;gap:8px;overflow-x:hidden;padding:14px}
html[data-layout="mobile"] body #app #bchat .bchat-contacts h3{flex:none;margin:0 0 6px;font-size:16px}
html[data-layout="mobile"] body #app #bchat .bchat-contacts>input{flex:none;margin:0 0 6px;width:100%;min-height:44px}
html[data-layout="mobile"] body #app #bchat .bchat-contact{flex:none;width:100%;min-height:66px;height:auto;max-width:100%;padding:12px;border-radius:15px;align-items:center}
html[data-layout="mobile"] body #app #bchat .bchat-contact>img,html[data-layout="mobile"] body #app #bchat .bchat-contact>.profile-initial{width:38px;height:38px;min-width:38px;flex:none}
html[data-layout="mobile"] body #app #bchat .bchat-contact small{max-width:230px}
html[data-layout="mobile"] body #app #bchat .bchat-shell.private[data-peer-selected="false"] .bchat-contacts{flex:1;max-height:none;border:0;overflow-y:auto}
html[data-layout="mobile"] body #app #bchat .bchat-shell.private[data-peer-selected="false"] .bchat-thread{display:none}
html[data-layout="mobile"] body #app #bchat .bchat-shell.private[data-peer-selected="true"] .bchat-contacts{display:none}
html[data-layout="mobile"] body #app #bchat .bchat-peer-back{display:grid;place-items:center;width:32px;height:34px;min-width:32px;min-height:34px;padding:6px;border:0;border-radius:10px;background:transparent;color:var(--theme-navy);box-shadow:none}
html[data-layout="mobile"] body #app #bchat .bchat-peer-back svg{width:20px;height:20px}

html[data-layout="mobile"] body dialog :is(input,textarea,select){font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
html[data-layout="mobile"] body dialog :is(.form-grid,.employee-details-grid){grid-template-columns:minmax(0,1fr)}
html[data-layout="mobile"] body .mav-dialog{padding:18px}
html[data-layout="mobile"] body .mav-dialog .mav-theme-grid{grid-template-columns:minmax(0,1fr);padding-inline:2px}
html[data-layout="mobile"] body .profile-crop-dialog{padding:20px}
html[data-layout="mobile"] body .profile-crop-dialog canvas{max-width:100%;height:auto}
html[data-mobile-preview="true"] body #session-loading{left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%);overflow:hidden}
html[data-mobile-preview="true"] body .profile-upload-progress{max-width:min(406px,calc(100vw - 24px))}

/* Workspace: open typography above a consistent, theme-aware glass grid. */
html[data-layout="mobile"] body #app .mobile-topic-home{--workspace-glass:color-mix(in srgb,var(--theme-surface) 76%,transparent);--workspace-edge:color-mix(in srgb,var(--theme-border) 80%,var(--theme-blue));--workspace-secondary:color-mix(in srgb,var(--theme-navy) 82%,var(--theme-surface))}
html[data-layout="mobile"][data-mobile-page="topics"] body #app main{background-image:radial-gradient(ellipse at 100% 5%,color-mix(in srgb,var(--theme-blue) 18%,transparent),transparent 48%),radial-gradient(ellipse at 0 65%,color-mix(in srgb,var(--theme-red) 7%,transparent),transparent 55%);background-color:var(--theme-paper)}
html[data-layout="mobile"] body #app .mobile-topic-intro{position:relative;padding:16px 4px 6px;margin:0 0 22px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto}
html[data-layout="mobile"] body #app .mobile-topic-intro:after{display:none;content:none}
html[data-layout="mobile"] body #app .mobile-welcome-top{margin:0 0 18px;gap:12px}
html[data-layout="mobile"] body #app .mobile-welcome-top .eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--workspace-secondary)}
html[data-layout="mobile"] body #app .mobile-welcome-date{font-size:11px;color:var(--workspace-secondary);padding:5px 9px;border:1px solid var(--workspace-edge);border-radius:20px;background:var(--workspace-glass)}
html[data-layout="mobile"] body #app .mobile-topic-intro h2{max-width:100%;font-size:34px;line-height:1.15;letter-spacing:-1.1px;font-weight:750;margin:0 0 11px;color:var(--theme-navy);text-shadow:none;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app .mobile-topic-intro>p:last-child{font-size:13px;line-height:1.65;max-width:290px;color:var(--workspace-secondary)}
html[data-layout="mobile"] body #app .mobile-topic-search{border-color:var(--workspace-edge);background:var(--workspace-glass);box-shadow:inset 0 1px 0 #ffffff24,0 4px 15px #00000007;backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12);margin-bottom:24px}
html[data-layout="mobile"] body #app .mobile-topic-search :is(input,input::placeholder,span){color:var(--workspace-secondary)}
html[data-layout="mobile"] body #app .mobile-topic-search input{color:var(--theme-navy);-webkit-text-fill-color:var(--theme-navy);opacity:1}
html[data-layout="mobile"] body #app .mobile-topic-card{min-height:154px;border:1px solid var(--workspace-edge);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile-accent) 8%,transparent),transparent 65%),var(--workspace-glass);backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000007,0 5px 18px #00000008;color:var(--theme-navy);filter:none}
html[data-layout="mobile"] body #app .mobile-topic-card:before{content:'';position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,#ffffff40,transparent);pointer-events:none}
html[data-layout="mobile"] body #app .mobile-topic-card .mobile-topic-icon{width:46px;height:46px;border-radius:15px;border:1px solid color-mix(in srgb,var(--tile-accent) 30%,var(--theme-border));background:color-mix(in srgb,var(--tile-accent) 13%,var(--theme-field));color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff20;filter:none}
html[data-layout="mobile"] body #app .mobile-topic-card .mobile-topic-icon svg{width:27px;height:27px;display:block;stroke:currentColor;filter:none;opacity:1}
html[data-layout="mobile"] body #app .mobile-topic-copy{width:100%;min-width:0}
html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:14px;line-height:1.35;font-weight:750;color:var(--theme-navy)!important;-webkit-text-fill-color:var(--theme-navy);text-shadow:none}
html[data-layout="mobile"] body #app .mobile-topic-copy small{font-size:11px;line-height:1.5;font-weight:500;color:var(--workspace-secondary)!important;-webkit-text-fill-color:var(--workspace-secondary);opacity:1;white-space:normal;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app .mobile-topic-arrow{color:var(--workspace-secondary);border-color:var(--workspace-edge);background:color-mix(in srgb,var(--theme-surface) 60%,transparent);box-shadow:inset 0 1px 0 #ffffff12}
html[data-layout="mobile"] body #app .mobile-section-heading h3{color:var(--theme-navy);font-size:14px;font-weight:700}
html[data-layout="mobile"] body #app .mobile-section-heading>span{color:var(--workspace-secondary);border-color:var(--workspace-edge);background:var(--workspace-glass)}
html[data-layout="mobile"] body #app .mobile-topic-card:hover{border-color:color-mix(in srgb,var(--tile-accent) 55%,var(--theme-border));background:linear-gradient(145deg,color-mix(in srgb,var(--tile-accent) 12%,transparent),transparent 70%),var(--workspace-glass);color:var(--theme-navy);transform:none}
html[data-layout="mobile"] body #app .mobile-topic-card:active{transform:translateY(1px);background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface));box-shadow:inset 0 1px 5px #00000010}
html[data-layout="mobile"] body #app .mobile-topic-empty{border-color:var(--workspace-edge);color:var(--workspace-secondary);background:var(--workspace-glass)}
html[data-layout="mobile"] body #app .mobile-topic-footer>span{color:var(--workspace-secondary)}
html[data-layout="mobile"] body #app .mobile-topic-footer button{background:var(--workspace-glass);border-color:var(--workspace-edge);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff18}
@supports not (backdrop-filter:blur(1px)){html[data-layout="mobile"] body #app .mobile-topic-card,html[data-layout="mobile"] body #app .mobile-topic-search{background:var(--theme-surface)}}
@media(max-width:360px){html[data-layout="mobile"] body #app .mobile-topic-intro{padding:14px 2px 4px}html[data-layout="mobile"] body #app .mobile-topic-intro h2{font-size:30px}html[data-layout="mobile"] body #app .mobile-topic-card{min-height:148px}html[data-layout="mobile"] body #app .mobile-topic-copy strong{font-size:13px}html[data-layout="mobile"] body #app .mobile-topic-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html[data-layout="mobile"] body #app .mobile-topic-card:active{transform:none}}

html[data-layout="mobile"] body #app .mobile-topic-search input{background:transparent!important;border:0!important;box-shadow:none!important;font-weight:500}html[data-layout="mobile"] body #app .mobile-topic-search input::placeholder{color:var(--workspace-secondary);opacity:1;font-weight:500}

/* Mobile Home keeps work first, with compact glass panels and no desktop grid tracks. */
html[data-layout="mobile"] body #app #preview{--home-glass:color-mix(in srgb,var(--theme-surface) 82%,transparent)}
html[data-layout="mobile"] body #app #preview .home-welcome{padding:10px 2px 20px}
html[data-layout="mobile"] body #app #preview .home-welcome h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;max-width:310px;margin:10px 0}
html[data-layout="mobile"] body #app #preview .home-welcome-copy{font-size:13px;line-height:1.6;margin-bottom:0}
html[data-layout="mobile"] body #app #preview :is(.home-top-grid,.home-dashboard-sections,.home-task-sections){display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:100%;min-width:0}
html[data-layout="mobile"] body #app #preview :is(.home-top-grid,.home-dashboard-sections,.home-task-sections)[hidden]{display:none!important}
html[data-layout="mobile"] body #app #preview .home-top-grid>.card{min-height:0;padding:22px!important;border-radius:22px!important;background:linear-gradient(130deg,color-mix(in srgb,var(--theme-blue) 9%,transparent),transparent 65%),var(--home-glass)!important;border:1px solid var(--theme-border)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff25,0 5px 18px #00000008!important}
html[data-layout="mobile"] body #app #preview .tasks-preview-card{gap:12px;min-height:206px!important;align-items:flex-start}
html[data-layout="mobile"] body #app #preview .tasks-preview-card>strong{font-size:28px;letter-spacing:-.6px;padding-right:76px}
html[data-layout="mobile"] body #app #preview .tasks-preview-card>span:not([class]){font-size:13px;line-height:1.5;padding-right:70px}
html[data-layout="mobile"] body #app #preview .home-task-ring{width:62px;height:62px;right:20px;top:24px;font-size:14px}
html[data-layout="mobile"] body #app #preview .tasks-preview-periods{padding:0;gap:6px;width:100%;margin-top:4px}
html[data-layout="mobile"] body #app #preview .tasks-preview-periods span{font-size:11px;padding:7px 9px;border-radius:9px;white-space:nowrap}
html[data-layout="mobile"] body #app #preview .tasks-preview-link{font-size:12px;color:var(--theme-navy);font-weight:750;margin-top:5px}
html[data-layout="mobile"] body #app #preview .home-notifications{gap:8px}
html[data-layout="mobile"] body #app #preview .home-notifications strong{font-size:21px}
html[data-layout="mobile"] body #app #preview .home-notification-summary{font-size:13px;line-height:1.5}
html[data-layout="mobile"] body #app #preview .home-dashboard-sections{margin-top:18px}
html[data-layout="mobile"] body #app #preview .home-dashboard-card{grid-column:auto!important;grid-row:auto!important;min-height:0;padding:20px!important;border-radius:20px!important;background:var(--home-glass)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--theme-border)!important;box-shadow:inset 0 1px 0 #ffffff20,0 4px 15px #00000006!important}
html[data-layout="mobile"] body #app #preview .home-dashboard-card[data-home-section="my-progress"]{order:-2}
html[data-layout="mobile"] body #app #preview .home-dashboard-card[data-home-section="latest-updates"]{order:-1}
html[data-layout="mobile"] body #app #preview .home-dashboard-card h3{font-size:18px;margin:0 0 7px;letter-spacing:-.3px}
html[data-layout="mobile"] body #app #preview .home-dashboard-card :is(.assignment-description,.home-empty){font-size:12px;line-height:1.65;margin:6px 0 10px}
html[data-layout="mobile"] body #app #preview .home-progress-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}
html[data-layout="mobile"] body #app #preview .home-progress-row strong{font-size:13px}
html[data-layout="mobile"] body #app #preview .home-progress-row span{font-size:11px;text-align:right;line-height:1.5}
html[data-layout="mobile"] body #app #preview .home-update-row{padding:12px 0;gap:5px;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app #preview .home-update-row strong{font-size:14px;line-height:1.5}
html[data-layout="mobile"] body #app #preview .home-dashboard-body button{min-height:42px;margin:6px 8px 0 0;padding:10px 13px;font-size:12px;border-radius:12px}
html[data-layout="mobile"] body #app #preview .task-card{padding:20px!important;min-width:0}
html[data-layout="mobile"] body #app #preview .task-card h2{font-size:21px}
html[data-layout="mobile"] body #app #preview .task-row{min-height:48px;padding:12px;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app #preview .tasks-back{min-height:44px;margin:0 0 16px;border-radius:12px}
html[data-layout="mobile"] body #app main .card.home-tilting{transform:none!important}

/* Keep a bounded scroll surface even when mobile media rules give main height:auto. */
html[data-layout="mobile"] body #app{height:var(--mobile-viewport-height,100dvh)!important;min-height:0!important;overflow:hidden}
html[data-layout="mobile"] body:not([data-workspace="bchat"]) #app main{height:100%!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent}

/* Mobile app bar: stable controls and a readable glass surface while scrolling. */
html[data-layout="mobile"] body #app main>header{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:62px;padding:10px 12px;margin:0 0 22px;border:1px solid color-mix(in srgb,var(--theme-border) 85%,var(--theme-blue));border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 8%,transparent),transparent 75%),color-mix(in srgb,var(--theme-surface) 88%,transparent);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);box-shadow:inset 0 1px 0 #ffffff28,0 6px 22px #00000012;isolation:isolate}
html[data-layout="mobile"] body #app main>header>div:first-of-type{flex:1 1 auto;min-width:0}
html[data-layout="mobile"] body #app main>header h1{font-size:19px;line-height:1.3;letter-spacing:-.45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--theme-navy)}
html[data-layout="mobile"] body #app main>header .header-actions{flex:0 0 auto;max-width:48%;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin:0;min-width:0}
html[data-layout="mobile"] body #app main>header .header-actions .pill{display:block;min-width:0;max-width:112px;padding:4px 8px;border:1px solid var(--theme-border);border-radius:20px;background:color-mix(in srgb,var(--theme-field) 80%,transparent);color:var(--theme-navy);font-size:10px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-layout="mobile"] body #app main>header #refresh{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border-radius:12px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-field) 70%,transparent);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff18;transform:none}
html[data-layout="mobile"] body #app main>header #refresh svg{width:18px;height:18px;flex-shrink:0}
html[data-layout="mobile"] body #app main>header .mobile-topic-back{flex:0 0 36px;min-width:36px;width:36px;height:36px;min-height:36px;padding:8px;border-radius:12px;font-size:0;gap:0;background:color-mix(in srgb,var(--theme-field) 70%,transparent)}
html[data-layout="mobile"] body #app main>header :is(#refresh,.mobile-topic-back):hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface))}
html[data-layout="mobile"] body #app main>header :is(#refresh,.mobile-topic-back):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}

/* A full touch target for returning to the mobile section launcher. */
html[data-layout="mobile"] body #app main>header .mobile-topic-back{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:11px;border-radius:15px;border:1px solid color-mix(in srgb,var(--theme-blue) 40%,var(--theme-border));background:linear-gradient(140deg,color-mix(in srgb,var(--theme-blue) 16%,transparent),transparent),color-mix(in srgb,var(--theme-field) 85%,transparent);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff30,0 3px 9px #00000008;transition:background .16s,border-color .16s,box-shadow .16s;touch-action:manipulation}
html[data-layout="mobile"] body #app main>header .mobile-topic-back span{display:none}
html[data-layout="mobile"] body #app main>header .mobile-topic-back svg{display:block;width:21px;height:21px;stroke-width:2;transition:transform .16s}
html[data-layout="mobile"] body #app main>header .mobile-topic-back:hover{border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff35,0 4px 12px #00000012}
html[data-layout="mobile"] body #app main>header .mobile-topic-back:hover svg{transform:translateX(-2px)}
html[data-layout="mobile"] body #app main>header .mobile-topic-back:active{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));box-shadow:inset 0 2px 5px #00000012}
@media(prefers-reduced-motion:reduce){html[data-layout="mobile"] body #app main>header .mobile-topic-back svg{transition:none;transform:none!important}}

/* Make the return action explicit, with a compact labelled glass control. */
html[data-layout="mobile"] body #app main>header{gap:9px}
html[data-layout="mobile"] body #app main>header .mobile-topic-back{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;width:auto;min-width:76px;height:44px;min-height:44px;padding:10px 12px;border-radius:14px;font-size:12px;font-weight:700;line-height:1;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 18%,transparent),transparent),color-mix(in srgb,var(--theme-surface) 88%,transparent);box-shadow:inset 0 1px 0 #ffffff30,0 3px 10px #0000000a}
html[data-layout="mobile"] body #app main>header .mobile-topic-back span{display:inline;color:var(--theme-navy);-webkit-text-fill-color:var(--theme-navy)}
html[data-layout="mobile"] body #app main>header .mobile-topic-back svg{width:17px;height:17px;flex:0 0 17px}
html[data-layout="mobile"] body #app main>header .header-actions .pill{max-width:82px}
html[data-layout="mobile"] body #app main>header .mobile-topic-back:active{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-surface));box-shadow:inset 0 2px 5px #00000014}
@media(max-width:360px){html[data-layout="mobile"] body #app main>header .header-actions .pill{display:none}}

/* CEO mobile workspace: touch-sized categories and full-width working panels. */
html[data-layout="mobile"] body #app #ceotable>[role="tablist"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;overflow:visible;border-radius:20px;background:color-mix(in srgb,var(--theme-surface) 84%,transparent);border:1px solid var(--theme-border);backdrop-filter:blur(16px);margin-bottom:18px}
html[data-layout="mobile"] body #app #ceotable>[role="tablist"]>button{width:100%;min-width:0;min-height:46px;white-space:normal;line-height:1.35;padding:10px 8px;font-size:12px;border-radius:12px;text-align:center}
html[data-layout="mobile"] body #app #ceotable [role="tab"][aria-selected="true"]{color:var(--theme-navy);border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface));box-shadow:inset 0 1px 0 #ffffff25}
html[data-layout="mobile"] body #app #ceotable .card,html[data-layout="mobile"] body #app #ceo-tools-card{padding:18px!important;border-radius:22px!important;min-width:0;max-width:100%;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app #ceotable .card h2{font-size:22px;line-height:1.35;margin-bottom:14px}
html[data-layout="mobile"] body #app #ceotable .card h3{font-size:18px;line-height:1.4}
html[data-layout="mobile"] body #app #ceotable .ceo-tools-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;overflow:visible;margin-bottom:20px;border-radius:16px}
html[data-layout="mobile"] body #app #ceotable .ceo-tools-tabs>button{min-width:0;min-height:44px;white-space:normal;line-height:1.35;padding:9px 6px;font-size:11px;border-radius:11px}
html[data-layout="mobile"] body #app #ceotable .ceo-review-shell{display:flex!important;flex-direction:column;height:auto;min-height:0;max-height:none;border-radius:16px}
html[data-layout="mobile"] body #app #ceotable .ceo-review-contacts{width:100%;min-width:0;height:auto;max-height:300px;min-height:0;overflow-y:auto;border-right:0;border-bottom:1px solid var(--theme-border);padding:12px}
html[data-layout="mobile"] body #app #ceotable .ceo-review-contacts input{width:100%;min-width:0;font-size:16px}
html[data-layout="mobile"] body #app #ceotable .ceo-review-shell .bchat-thread{min-width:0;min-height:150px;width:100%}
html[data-layout="mobile"] body #app #ceotable .ceo-review-messages{height:350px;max-height:50dvh;min-height:120px;overflow-y:auto;padding:14px}
html[data-layout="mobile"] body #app #ceotable :is(.form-grid,.updates-steps,.oversight-grid,.assignment-grid,.employee-role-options){grid-template-columns:minmax(0,1fr)!important;gap:12px}
html[data-layout="mobile"] body #app #ceotable :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box;font-size:16px}
html[data-layout="mobile"] body #app #ceotable :is(.updates-summary,.activity-heading,.section-head){flex-direction:column;align-items:flex-start;gap:12px}
html[data-layout="mobile"] body #app #ceotable .updates-summary{padding:16px;margin:18px 0}
html[data-layout="mobile"] body #app #ceotable .updates-summary strong{font-size:23px}
html[data-layout="mobile"] body #app #ceotable .updates-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html[data-layout="mobile"] body #app #ceotable .mode-access-v2:not([hidden]){height:auto!important;min-height:0;overflow:visible}
html[data-layout="mobile"] body #app #ceotable .mode-access-v2 :is(.mav-layout,.mav-directory){height:auto;overflow:visible}
html[data-layout="mobile"] body #app #ceotable .mode-access-v2 .mav-people{max-height:420px;overflow-y:auto;padding:4px;gap:12px}
html[data-layout="mobile"] body #app #ceotable .mode-access-v2 .mav-person{padding:16px!important;min-height:100px}

html[data-layout="mobile"] body:has(#ceotable:not([hidden])) #app main{overflow-y:auto!important;overflow-x:hidden!important}

html[data-layout="mobile"] body:has(#ceotable:not([hidden]) .mode-access-v2:not([hidden])) #app main{overflow-y:auto!important;overflow-x:hidden!important}

/* Personal settings, arranged for touch rather than compressed desktop columns. */
html[data-layout="mobile"] body #app #settings>.settings-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px;border-radius:20px;background:color-mix(in srgb,var(--theme-surface) 85%,transparent);backdrop-filter:blur(16px);overflow:visible;margin-bottom:18px}
html[data-layout="mobile"] body #app #settings>.settings-tabs>button{min-width:0;width:100%;min-height:46px;white-space:normal;font-size:12px;border-radius:12px}
html[data-layout="mobile"] body #app #settings [role="tab"][aria-selected="true"]{background:color-mix(in srgb,var(--theme-blue) 19%,var(--theme-surface));border-color:var(--theme-blue);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff25}
html[data-layout="mobile"] body #app #settings .card{padding:18px!important;border-radius:22px!important;overflow-wrap:anywhere}
html[data-layout="mobile"] body #app #settings .card h2{font-size:22px;line-height:1.35;margin-bottom:16px}
html[data-layout="mobile"] body #app #settings .profile-identity{display:flex;align-items:center;padding:18px!important;border-radius:18px;margin-bottom:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 13%,transparent),transparent),color-mix(in srgb,var(--theme-surface) 80%,transparent);border:1px solid var(--theme-border)}
html[data-layout="mobile"] body #app #settings .profile-identity strong{min-width:0;overflow-wrap:anywhere;font-size:23px!important;line-height:1.3}
html[data-layout="mobile"] body #app #settings :is(.profile-account,.profile-preview-fields){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:9px}
html[data-layout="mobile"] body #app #settings :is(.profile-account,.profile-preview-fields)>div{min-height:68px;padding:13px 15px!important;border-radius:14px!important}
html[data-layout="mobile"] body #app #settings :is(.profile-account,.profile-preview-fields)>div>span{display:block;font-size:11px;line-height:1.5;margin-bottom:4px}
html[data-layout="mobile"] body #app #settings :is(.profile-account,.profile-preview-fields)>div>strong{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
html[data-layout="mobile"] body #app #settings .profile-section-title{font-size:14px;margin:22px 0 11px}
html[data-layout="mobile"] body #app #settings .profile-preview>button{width:100%;min-height:46px;border-radius:14px;margin-top:20px}
html[data-layout="mobile"] body #app #settings #personal-profile-form{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
html[data-layout="mobile"] body #app #settings #personal-profile-form label{min-width:0;font-size:12px;line-height:1.6}
html[data-layout="mobile"] body #app #settings :is(input,select,textarea){font-size:16px;min-width:0;max-width:100%;box-sizing:border-box;border-radius:12px}
html[data-layout="mobile"] body #app #settings textarea{min-height:104px;resize:vertical}
html[data-layout="mobile"] body #app #settings .profile-edit-page>button{min-height:44px;margin-bottom:16px;border-radius:12px}
html[data-layout="mobile"] body #app #settings :is(.effect-groups,.keyboard-shortcut-grid){grid-template-columns:minmax(0,1fr)!important;gap:12px}
html[data-layout="mobile"] body #app #settings .mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-layout="mobile"] body #app #settings .mode-option{width:100%;min-width:0;padding:12px;gap:9px;border-radius:16px;font-size:13px}
html[data-layout="mobile"] body #app #settings .mode-preview{width:100%;min-width:0}
html[data-layout="mobile"] body #app #settings .keyboard-shortcut-card{padding:16px;border-radius:16px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html[data-layout="mobile"] body #app #settings .keyboard-shortcut-card button{width:100%;min-height:44px;font-size:13px;border-radius:12px;white-space:normal}
html[data-layout="mobile"] body #app #settings .effect-group{padding:15px;border-radius:16px}
html[data-layout="mobile"] body #app #settings .effect-group summary{min-height:36px;font-size:13px}

/* Profile mobile detail view and editor use their own compact, predictable flow. */
html[data-layout="mobile"] body #app #settings #profile-details{gap:14px;margin-top:12px}
html[data-layout="mobile"] body #app #settings #profile-details>.profile-identity{flex-direction:column;justify-content:center;text-align:center;gap:12px!important;padding:22px 16px!important;margin:0 0 4px;border-radius:20px}
html[data-layout="mobile"] body #app #settings #profile-details>.profile-identity :is(img,.profile-initial){width:80px!important;height:80px!important;min-width:80px!important;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--theme-blue) 45%,var(--theme-border));box-shadow:0 5px 18px #00000015}
html[data-layout="mobile"] body #app #settings #profile-details>.profile-preview{display:block;grid-template-columns:none;padding:0;border:0;background:transparent;box-shadow:none}
html[data-layout="mobile"] body #app #settings .profile-section-title{padding:0 2px;margin:18px 0 10px;letter-spacing:.1px}
html[data-layout="mobile"] body #app #settings .profile-account{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-layout="mobile"] body #app #settings .profile-account>div{padding:12px!important;min-height:74px}
html[data-layout="mobile"] body #app #settings .profile-account strong{font-size:13px}
html[data-layout="mobile"] body #app #settings #profile-details>.profile-edit-page{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
html[data-layout="mobile"] body #app #settings .profile-edit-page>h3{margin:4px 0 14px;font-size:19px}
html[data-layout="mobile"] body #app #settings .profile-edit-page>button{margin:0 0 14px;padding:8px 13px;font-size:12px}
html[data-layout="mobile"] body #app #settings #personal-profile-form{gap:16px;margin-top:0}
html[data-layout="mobile"] body #app #settings #personal-profile-form>label{grid-column:1!important;grid-row:auto!important;order:0!important;display:flex;flex-direction:column;gap:7px;margin:0;padding:0;min-width:0}
html[data-layout="mobile"] body #app #settings #personal-profile-form>label>span{font-size:12px;line-height:1.4;font-weight:650}
html[data-layout="mobile"] body #app #settings #personal-profile-form :is(input,select){min-height:46px;padding:11px 12px;margin:0}
html[data-layout="mobile"] body #app #settings #personal-profile-form textarea{margin:0;padding:12px;line-height:1.6;min-height:112px}
html[data-layout="mobile"] body #app #settings #personal-profile-form input[type="file"]{height:auto;padding:10px;font-size:12px;background:color-mix(in srgb,var(--theme-field) 80%,transparent);border:1px dashed var(--theme-border);border-radius:14px;white-space:normal}
html[data-layout="mobile"] body #app #settings #personal-profile-form input[type="file"]::file-selector-button{padding:9px 12px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);color:var(--theme-navy);font:inherit;margin-right:8px}
html[data-layout="mobile"] body #app #settings #personal-profile-form>button{grid-column:1!important;grid-row:auto!important;width:100%;min-height:46px;margin:0;border-radius:13px}
html[data-layout="mobile"] body #app #settings #personal-profile-form>button[type="submit"]{font-weight:750;border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface));color:var(--theme-navy)}
html[data-layout="mobile"] body #app #settings :is(.profile-preview,.profile-edit-page)[hidden]{display:none!important}

/* Dedicated mobile editor, grouped into comfortable touch panels. */
.profile-edit-group,.profile-editor-actions{display:contents}
.profile-edit-group-title,.profile-editor-cancel{display:none}
html[data-layout="mobile"] body #app #settings #personal-profile-form{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-group{display:flex;flex-direction:column;gap:17px;padding:17px;border:1px solid var(--theme-border);border-radius:18px;background:linear-gradient(140deg,#ffffff08,transparent),color-mix(in srgb,var(--theme-field) 48%,transparent);box-shadow:inset 0 1px 0 #ffffff15}
html[data-layout="mobile"] body #app #settings .profile-edit-group-title{display:block;margin:0 0 2px;font-size:14px;line-height:1.4;font-weight:750;color:var(--theme-navy)}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-group>label{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;min-width:0;order:0!important}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-group :is(input,select,textarea){width:100%;font-size:16px;line-height:1.5;min-height:48px;padding:12px;border-radius:13px;margin:0}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-group label>span{font-size:12px;font-weight:650;line-height:1.4}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-photo{order:-1}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-edit-photo>button{align-self:flex-start;min-height:40px;margin:0;padding:8px 12px;border-radius:11px;font-size:12px;background:transparent;color:var(--theme-navy)}
html[data-layout="mobile"] body #app #settings #personal-profile-form .profile-editor-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;position:sticky;bottom:0;z-index:5;padding:12px 0 4px;background:color-mix(in srgb,var(--theme-surface) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--theme-border)}
html[data-layout="mobile"] body #app #settings .profile-editor-actions button{display:block;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 9px;border-radius:13px;font-size:14px;font-weight:700}
html[data-layout="mobile"] body #app #settings .profile-editor-actions button[type="submit"]{background:color-mix(in srgb,var(--theme-blue) 26%,var(--theme-surface));border-color:var(--theme-blue);color:var(--theme-navy)}
html[data-layout="mobile"] body #app #settings .profile-editor-actions .profile-editor-cancel{background:var(--theme-field);color:var(--theme-navy)}
html[data-layout="mobile"] body #app #settings .profile-edit-page>button{display:none}
html[data-layout="mobile"] body #app #settings .profile-edit-page>h3{margin:4px 0 16px;font-size:20px}

.profile-more-details{display:none}
html[data-layout="mobile"] body #app #settings .profile-summary-view:not(.profile-details-expanded) .profile-preview-fields>[data-profile-field]:not([data-profile-field="position"]):not([data-profile-field="team"]){display:none!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view:not(.profile-details-expanded) .profile-account>div:nth-child(2){display:none!important}
html[data-layout="mobile"] body #app #settings .profile-more-details{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-field) 65%,transparent);color:var(--theme-navy);font-size:12px;font-weight:650}
html[data-layout="mobile"] body #app #settings .profile-more-details::after{content:'';width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-left:3px;margin-top:-4px}
html[data-layout="mobile"] body #app #settings .profile-more-details[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:4px}
html[data-layout="mobile"] body #app #settings .profile-preview>button:not(.profile-more-details){margin-top:10px}

/* Refined mobile profile summary: quiet facts, clear primary action. */
html[data-layout="mobile"] body #app #settings #profile-details>.profile-identity{position:relative;padding:24px 16px 20px!important;gap:11px!important;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--theme-blue) 19%,transparent),transparent 75%),color-mix(in srgb,var(--theme-surface) 85%,transparent);border-color:color-mix(in srgb,var(--theme-blue) 30%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff2a,0 5px 18px #00000008}
html[data-layout="mobile"] body #app #settings #profile-details>.profile-identity strong{font-size:24px!important;font-weight:750;letter-spacing:-.4px}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account{display:flex;flex-direction:column;gap:0;border:1px solid var(--theme-border);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--theme-field) 45%,transparent)}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;padding:12px 14px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 65%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account>div:last-child{border-bottom:0!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account>div>span{margin:0;font-size:12px}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account>div>strong{font-size:13px;text-align:end;max-width:65%;line-height:1.5}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-preview-fields{gap:9px}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-preview-fields>div{min-height:64px;padding:12px 14px!important;background:color-mix(in srgb,var(--theme-field) 40%,transparent)!important;border:1px solid color-mix(in srgb,var(--theme-border) 75%,transparent)!important;box-shadow:inset 0 1px 0 #ffffff10!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-section-title{font-size:12px;font-weight:750;letter-spacing:.3px;margin:20px 0 10px}
html[data-layout="mobile"] body #app #settings .profile-summary-view>.profile-more-details{min-height:44px;margin-top:13px;border-style:dashed;background:transparent;box-shadow:none;font-size:12px}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button:not(.profile-more-details){display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin-top:12px;border-radius:14px;background:linear-gradient(130deg,color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface)),color-mix(in srgb,var(--theme-blue) 13%,var(--theme-surface)));border:1px solid var(--theme-blue);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff30,0 4px 12px #0000000b;font-size:14px;font-weight:750}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button:not(.profile-more-details)::before{content:'';width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m15 5 4 4M4 20l4-1L20 7a2.8 2.8 0 0 0-4-4L4 15l-1 6z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button:hover{border-color:var(--theme-blue);filter:brightness(1.04)}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button:active{box-shadow:inset 0 2px 5px #00000012;filter:none}

html[data-layout="mobile"] body #app #settings .profile-summary-view .profile-account>div{flex-direction:row!important;align-items:center!important;text-align:start;min-height:49px!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button::before,html[data-layout="mobile"] body #app #settings .profile-summary-view>button::after{position:static!important;inset:auto!important;flex-shrink:0;pointer-events:none}
html[data-layout="mobile"] body #app #settings .profile-summary-view>button:not(.profile-more-details)::after{content:none!important}
html[data-layout="mobile"] body #app #settings .profile-summary-view>.profile-more-details::before{content:none!important}

/* Fit the chat to the visible viewport, including keyboards that pan the page. */
html[data-layout="mobile"] body[data-workspace="bchat"] #app{position:relative;top:var(--mobile-viewport-top,0px)}
html[data-layout="mobile"] body[data-workspace="bchat"] #app main{min-height:0!important;overflow:hidden!important}
html[data-layout="mobile"] body #app #bchat,html[data-layout="mobile"] body #app #bchat :is(.bchat-card,.bchat-shell,.bchat-thread){min-height:0!important;min-width:0}
html[data-layout="mobile"] body #app #bchat .bchat-messages{min-height:0!important;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
html[data-layout="mobile"] body #app #bchat #bchat-form{flex-shrink:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
html[data-layout="mobile"][data-mobile-keyboard="true"] body[data-workspace="bchat"] #app main{padding-top:6px!important;padding-bottom:0!important}
html[data-layout="mobile"][data-mobile-keyboard="true"] body[data-workspace="bchat"] #app main>header{position:relative;top:0;min-height:46px;padding:5px 10px;margin-bottom:6px;border-radius:14px;flex-shrink:0}
html[data-layout="mobile"][data-mobile-keyboard="true"] body[data-workspace="bchat"] .mobile-preview-bar{display:none!important}
html[data-layout="mobile"][data-mobile-keyboard="true"] body #app #bchat .bchat-peer-header{min-height:42px;padding:6px 10px}
html[data-layout="mobile"][data-mobile-keyboard="true"] body #app #bchat .bchat-toolbar{display:none}
html[data-layout="mobile"][data-mobile-keyboard="true"] body #app #bchat #bchat-text{max-height:84px;scroll-margin-bottom:12px}

/* BChat owns the workspace viewport; only the conversation panes scroll. */
body[data-workspace="bchat"] #app main{padding:12px!important;display:flex;flex-direction:column;box-sizing:border-box;height:100%!important;min-height:0;overflow:hidden!important;gap:10px}
body[data-workspace="bchat"] #app main>header{flex:0 0 auto;margin:0!important;padding:0;min-height:42px}
body[data-workspace="bchat"] #app main>header h1{font-size:22px;line-height:1.3}
body[data-workspace="bchat"] #app main>header .eyebrow,body[data-workspace="bchat"] #app main>footer{display:none!important}
body[data-workspace="bchat"] #app #bchat{flex:1 1 0;min-height:0!important;width:100%;max-width:none;margin:0;gap:8px;overflow:hidden}
body[data-workspace="bchat"] #app #bchat>.bchat-card{flex:1 1 0;align-self:stretch;width:100%;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:16px}
body[data-workspace="bchat"] #app #bchat .bchat-shell{height:100%;min-height:0!important;flex:1 1 0}
body[data-workspace="bchat"] #app #bchat .bchat-thread{min-height:0!important;min-width:0;display:flex;flex-direction:column;overflow:hidden}
body[data-workspace="bchat"] #app #bchat .bchat-messages{flex:1 1 0;height:0;min-height:0!important;overflow-y:auto;overflow-x:hidden}
body[data-workspace="bchat"] #app #bchat #bchat-form{flex:0 0 auto;margin:0;position:relative}
html[data-layout="mobile"] body[data-workspace="bchat"] #app main{padding:8px!important;gap:6px}
html[data-layout="mobile"] body[data-workspace="bchat"] #app main>header{padding:6px 10px;min-height:54px;border-radius:16px}
html[data-layout="mobile"] body[data-workspace="bchat"] #app #bchat>.bchat-card{border-radius:14px}
html[data-layout="mobile"][data-mobile-keyboard="true"] body[data-workspace="bchat"] #app main{padding:4px!important;gap:4px}

body #app #bchat .bchat-custom-groups{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0;gap:12px;overflow:hidden}
.bchat-custom-groups[hidden]{display:none!important}.bchat-group-directory,.bchat-custom-room{min-height:0;min-width:0;padding:14px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface);display:flex;flex-direction:column;gap:10px;overflow:hidden}.bchat-group-list{overflow:auto;display:flex;flex-direction:column;gap:8px}.bchat-room-option{text-align:start;overflow-wrap:anywhere}.bchat-room-option[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}.bchat-custom-room h3{margin:0}.bchat-custom-room>.effects-note{font-size:11px;max-height:48px;overflow:auto}.bchat-custom-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:8px}.bchat-room-message{max-width:85%;align-self:flex-start;border:1px solid var(--theme-border);padding:10px 13px;border-radius:15px;background:var(--theme-field);overflow-wrap:anywhere}.bchat-room-message.own{align-self:flex-end;background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}.bchat-room-message p{white-space:pre-wrap}.bchat-room-message strong,.bchat-room-message small{font-size:11px}.bchat-custom-room form{display:flex;gap:10px;flex:none}.bchat-custom-room textarea{flex:1;min-width:0;max-height:110px;padding:12px;font:inherit;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);border-radius:12px}.bchat-custom-groups>p{grid-column:1/-1;margin:0;font-size:12px}.bchat-create-group{width:min(480px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px;border-radius:22px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border)}.bchat-create-group form{display:flex;flex-direction:column;gap:14px}.bchat-create-group input:not([type=checkbox]){width:100%;font-size:16px}.bchat-group-members{max-height:32dvh;overflow:auto;display:grid;gap:8px}.bchat-group-members label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--theme-border);border-radius:12px}.bchat-group-members input{width:18px;height:18px;margin:0;flex:none}.bchat-create-group::backdrop{background:#07152199;backdrop-filter:blur(8px)}
html[data-layout=mobile] body #app #bchat .bchat-custom-groups{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px}html[data-layout=mobile] .bchat-group-directory{max-height:155px;padding:8px}html[data-layout=mobile] .bchat-group-list{flex-direction:row;overflow:auto}html[data-layout=mobile] .bchat-room-option{flex:none;max-width:180px}html[data-layout=mobile] .bchat-custom-room{padding:10px}html[data-layout=mobile] .bchat-custom-room textarea{font-size:16px}

body #app #bchat .bchat-custom-groups{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0;gap:10px;overflow:hidden}.bchat-custom-groups[hidden]{display:none!important}.bchat-group-directory,.bchat-custom-room{min-height:0;min-width:0;padding:14px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface);display:flex;flex-direction:column;gap:10px;overflow:hidden}.bchat-group-list{overflow:auto;display:flex;flex-direction:column;gap:8px}.bchat-room-option{text-align:start;overflow-wrap:anywhere}.bchat-room-option[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}.bchat-custom-room h3{margin:0}.bchat-custom-room>.effects-note{font-size:11px;max-height:44px;overflow:auto}.bchat-custom-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:8px}.bchat-room-message{max-width:85%;align-self:flex-start;border:1px solid var(--theme-border);padding:10px 13px;border-radius:15px;background:var(--theme-field);overflow-wrap:anywhere}.bchat-room-message.own{align-self:flex-end;background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}.bchat-room-message p{white-space:pre-wrap}.bchat-room-message strong,.bchat-room-message small{font-size:11px}.bchat-custom-room form{display:flex;gap:8px;flex:none}.bchat-custom-room textarea{flex:1;min-width:0;max-height:110px;padding:12px;font:inherit;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);border-radius:12px}.bchat-custom-groups>p{grid-column:1/-1;margin:0;font-size:12px}.bchat-create-group{width:min(480px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px;border-radius:22px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border)}.bchat-create-group form{display:flex;flex-direction:column;gap:14px}.bchat-create-group input:not([type=checkbox]){width:100%;font-size:16px}.bchat-group-members{max-height:32dvh;overflow:auto;display:grid;gap:8px}.bchat-group-members label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--theme-border);border-radius:12px}.bchat-group-members input{width:18px;height:18px;margin:0;flex:none}.bchat-create-group::backdrop{background:#07152199;backdrop-filter:blur(8px)}
html[data-layout=mobile] body #app #bchat .bchat-custom-groups{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px}html[data-layout=mobile] .bchat-group-directory{max-height:155px;padding:8px}html[data-layout=mobile] .bchat-group-list{flex-direction:row;overflow:auto}html[data-layout=mobile] .bchat-room-option{flex:none;max-width:180px}html[data-layout=mobile] .bchat-custom-room{padding:10px}html[data-layout=mobile] .bchat-custom-room textarea{font-size:16px}

/* Group creation dialog. */
body .bchat-create-group{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:85dvh;padding:0;border:1px solid color-mix(in srgb,var(--theme-blue) 35%,var(--theme-border));border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 9%,transparent),transparent 55%),color-mix(in srgb,var(--theme-surface) 96%,transparent);color:var(--theme-navy);box-shadow:inset 0 1px 0 #ffffff30,0 24px 90px #0005;backdrop-filter:blur(24px)}
body .bchat-create-group form{padding:26px;gap:18px}
body .bchat-create-group h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.5px}
body .bchat-create-group h3{margin:2px 0 -6px;font-size:13px;font-weight:750}
body .bchat-create-group form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650}
body .bchat-create-group input:not([type=checkbox]){box-sizing:border-box;min-height:48px;margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);font-size:16px}
body .bchat-create-group input:not([type=checkbox]):focus{outline:2px solid color-mix(in srgb,var(--theme-blue) 65%,transparent);outline-offset:2px}
body .bchat-create-group .bchat-group-members{gap:9px;max-height:32dvh;padding:3px;scrollbar-width:thin;scrollbar-color:var(--theme-blue) transparent}
body .bchat-create-group .bchat-group-members label{min-height:54px;margin:0;padding:12px 14px;gap:12px;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-field) 60%,transparent);cursor:pointer;font-size:13px;line-height:1.5;transition:border-color .15s,background .15s}
body .bchat-create-group .bchat-group-members label:has(input:checked){border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))}
body .bchat-create-group .bchat-group-members input{width:19px;height:19px;accent-color:var(--theme-blue);cursor:pointer}
body .bchat-create-group .bchat-group-members span{min-width:0;overflow-wrap:anywhere;color:var(--theme-navy)}
body .bchat-create-group .effects-note{font-size:11px;line-height:1.6;padding:12px 14px;border-radius:12px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-blue) 6%,var(--theme-field));margin:0}
body .bchat-create-group .dialog-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin:0;padding-top:16px;border-top:1px solid var(--theme-border)}
body .bchat-create-group .dialog-actions button{min-height:46px;margin:0;padding:11px 12px;border-radius:13px;font-size:13px;font-weight:700;background:var(--theme-field);color:var(--theme-navy);border:1px solid var(--theme-border)}
body .bchat-create-group .dialog-actions button[type=submit]{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff25}
body .bchat-create-group .dialog-actions button:hover{border-color:var(--theme-blue)}
body .bchat-create-group::backdrop{background:#07131f99;backdrop-filter:blur(9px)}
html[data-layout=mobile] body .bchat-create-group{border-radius:22px;max-height:calc(var(--mobile-viewport-height,100dvh) - 24px)}
html[data-layout=mobile] body .bchat-create-group form{padding:20px;gap:16px}

body .bchat-create-group .bchat-member-avatar{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-field));border:1px solid var(--theme-border);font-size:16px;font-weight:750}
body .bchat-create-group .bchat-member-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}
body .bchat-create-group .bchat-member-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
body .bchat-create-group .bchat-member-copy small{font-size:11px;line-height:1.4;color:var(--theme-navy);opacity:.75}
body .bchat-create-group .bchat-member-role{flex:none;padding:4px 7px;border-radius:8px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-blue) 10%,var(--theme-field));font-size:10px;font-weight:700;line-height:1.4}
body .bchat-create-group .bchat-group-members label{gap:10px;padding:11px}

/* Group-member selection stays stable while its emphasis eases in. */
body .bchat-create-group .bchat-group-members label{position:relative;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;transform:none!important;box-shadow:inset 0 0 0 1px transparent}
body .bchat-create-group .bchat-group-members label:hover{border-color:color-mix(in srgb,var(--theme-blue) 65%,var(--theme-border));background:color-mix(in srgb,var(--theme-blue) 8%,var(--theme-field))}
body .bchat-create-group .bchat-group-members label:has(input:checked){border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 19%,var(--theme-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-blue) 35%,transparent),0 3px 12px #0000000a}
body .bchat-create-group .bchat-group-members input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;border:1.5px solid var(--theme-border);border-radius:7px;background:var(--theme-surface);box-shadow:none;transition:background .2s,border-color .2s}
body .bchat-create-group .bchat-group-members input[type=checkbox]::after{content:'';width:5px;height:9px;border:solid var(--theme-navy);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.4);opacity:0;margin-top:-3px;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .15s}
body .bchat-create-group .bchat-group-members input:checked{background:color-mix(in srgb,var(--theme-blue) 45%,var(--theme-surface));border-color:var(--theme-blue)}
body .bchat-create-group .bchat-group-members input:checked::after{opacity:1;transform:rotate(45deg) scale(1)}
body .bchat-create-group .bchat-group-members label:focus-within{outline:2px solid var(--theme-blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){body .bchat-create-group .bchat-group-members label,body .bchat-create-group .bchat-group-members input,body .bchat-create-group .bchat-group-members input::after{transition:none}}

/* Selected members gain a quiet glass highlight, without moving the list. */
body .bchat-create-group .bchat-group-members label{isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff12;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
body .bchat-create-group .bchat-group-members label::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,color-mix(in srgb,var(--theme-blue) 16%,transparent),transparent 70%);opacity:0;transition:opacity .25s ease}
body .bchat-create-group .bchat-group-members label:has(input:checked)::before{opacity:1}
body .bchat-create-group .bchat-group-members .bchat-member-avatar{transition:border-color .25s ease,box-shadow .25s ease}
body .bchat-create-group .bchat-group-members label:has(input:checked) .bchat-member-avatar{border-color:var(--theme-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-blue) 17%,transparent)}
body .bchat-create-group .bchat-group-members label:has(input:checked){box-shadow:inset 3px 0 0 var(--theme-blue),inset 0 1px 0 #ffffff25,0 3px 12px #0000000a}
body .bchat-create-group .bchat-group-members label:active{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-field));box-shadow:inset 0 2px 7px #00000012}
body .bchat-create-group .bchat-group-members input:checked{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-blue) 13%,transparent);transition:background .22s,border-color .22s,box-shadow .22s}
body .bchat-create-group .bchat-group-members input:checked::after{animation:member-check-in .24s ease-out}
@keyframes member-check-in{0%{opacity:0;transform:rotate(45deg) scale(.55)}70%{opacity:1;transform:rotate(45deg) scale(1.12)}100%{transform:rotate(45deg) scale(1)}}
@media(prefers-reduced-motion:reduce){body .bchat-create-group .bchat-group-members label::before,body .bchat-create-group .bchat-group-members .bchat-member-avatar{transition:none}body .bchat-create-group .bchat-group-members input:checked::after{animation:none}}

body #app #bvoice .bvoice-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:720px;margin:24px auto;padding:48px 24px;border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 12%,transparent),transparent),var(--theme-surface);border:1px solid var(--theme-border)}.bvoice-symbol{display:grid;place-items:center;width:84px;height:84px;border:1px solid var(--theme-border);border-radius:26px;background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-field));color:var(--theme-navy)}.bvoice-symbol svg{width:42px;height:42px}.bvoice-pending{padding:6px 14px;font-size:12px;font-weight:700;border-radius:20px;background:var(--theme-field);border:1px solid var(--theme-border)}body #app #bvoice h2{font-size:32px;margin:0}html[data-layout=mobile] body #app #bvoice .bvoice-welcome{margin:0;padding:32px 20px!important}

body #app #bvoice .bvoice-tabs{display:flex;gap:6px;padding:6px;width:fit-content;border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-surface);margin-bottom:24px}.bvoice-tabs button{min-width:100px;min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--theme-navy);font-weight:700}.bvoice-tabs button[aria-selected=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}.bvoice-heading{margin-bottom:22px}.bvoice-heading h2{font-size:26px;margin:6px 0}.bvoice-heading>p:last-child{font-size:13px;color:var(--theme-navy);opacity:.75}.bvoice-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.bvoice-room{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px;border:1px solid var(--theme-border);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 9%,transparent),transparent),color-mix(in srgb,var(--theme-surface) 90%,transparent);box-shadow:inset 0 1px 0 #ffffff20;backdrop-filter:blur(14px)}.bvoice-room-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--theme-blue) 17%,var(--theme-field));color:var(--theme-navy)}.bvoice-room-icon svg{width:25px;height:25px}.bvoice-room h3{margin:0 0 4px;font-size:18px}.bvoice-room p{font-size:11px;line-height:1.5}.bvoice-room-state{grid-column:1/-1;font-size:11px;opacity:.7}.bvoice-room button{grid-column:1/-1;min-height:44px;border-radius:13px;border:1px solid var(--theme-border);color:var(--theme-navy);background:var(--theme-field);font-weight:700}.bvoice-room button:hover{border-color:var(--theme-blue)}.bvoice-search{display:flex;flex-direction:column;gap:7px;font-size:12px;max-width:440px;margin-bottom:20px}.bvoice-search input{font-size:16px;width:100%;min-height:46px;border-radius:14px}.bvoice-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.bvoice-person{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface)}.bvoice-person>div{flex:1;min-width:0}.bvoice-person strong,.bvoice-person small{display:block;overflow-wrap:anywhere}.bvoice-person small{font-size:11px}.bvoice-avatar{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:50%;object-fit:cover;background:var(--theme-field);border:1px solid var(--theme-border)}.bvoice-person button{min-height:42px;border-radius:12px}#bvoice-status{margin-top:18px}html[data-layout=mobile] body #app #bvoice .bvoice-room-grid,html[data-layout=mobile] body #app #bvoice .bvoice-people{grid-template-columns:minmax(0,1fr)}html[data-layout=mobile] body #app #bvoice .bvoice-tabs{width:100%}html[data-layout=mobile] .bvoice-tabs button{flex:1}

.bvoice-controls{position:sticky;bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding:14px;border:1px solid var(--theme-blue);border-radius:18px;background:var(--theme-surface);box-shadow:0 6px 24px #0003;z-index:5}.bvoice-controls strong{flex:1;min-width:120px}.bvoice-controls button{min-height:42px;font-size:12px}.bvoice-incoming{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10005;display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:min(500px,calc(100vw - 28px));padding:18px;border:1px solid var(--theme-blue);border-radius:20px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 16px 60px #0005}.bvoice-incoming strong{flex:1 1 100%;font-size:15px}.bvoice-incoming button{min-height:44px;flex:1}.bvoice-incoming button:first-of-type{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}

body #app #bvoice button:disabled{cursor:not-allowed}body #app #bvoice .bvoice-join{cursor:pointer}.bvoice-setup{padding:20px;margin:0 0 24px;border:1px solid var(--theme-border);border-radius:20px;background:color-mix(in srgb,var(--theme-blue) 9%,var(--theme-surface));color:var(--theme-navy);scroll-margin-top:90px}.bvoice-setup h3{font-size:18px;margin:0 0 10px}.bvoice-setup p,.bvoice-setup li{font-size:13px;line-height:1.7}.bvoice-setup ol{padding-inline-start:22px;margin:14px 0}.bvoice-setup code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;padding:13px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);font-size:12px;margin:12px 0}.bvoice-setup button{min-height:44px;border-radius:12px}

.bvoice-security{display:grid;gap:12px;margin-top:14px}.bvoice-security>section{display:grid;gap:10px;padding:18px;border:1px solid var(--theme-blue);border-radius:18px;background:var(--theme-surface);color:var(--theme-navy)}.bvoice-security code{font-size:17px;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere;user-select:all}.bvoice-security p{font-size:12px;line-height:1.6}.bvoice-security button{min-height:44px;border-radius:12px}

.bvoice-preview-button{margin:0 0 20px;min-height:44px;border-radius:13px}.bvoice-preview-dialog{width:min(660px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:26px;border-radius:26px;border:1px solid var(--theme-border);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--theme-blue) 16%,transparent),transparent 65%),var(--theme-surface);color:var(--theme-navy);box-shadow:0 24px 100px #0006}.bvoice-preview-dialog::backdrop{background:#07131f99;backdrop-filter:blur(9px)}.bvoice-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.bvoice-preview-heading button{border-radius:12px}.bvoice-preview-dialog h2{font-size:28px;margin:0 0 6px}.bvoice-preview-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.bvoice-preview-person{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border:1px solid var(--theme-border);border-radius:20px;background:color-mix(in srgb,var(--theme-field) 70%,transparent)}.bvoice-preview-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-field));font-size:23px;font-weight:750;border:2px solid var(--theme-border)}.bvoice-preview-person[data-speaking=true] .bvoice-preview-avatar{border-color:#50c996;box-shadow:0 0 0 5px #50c99620;animation:bvoice-speaking 1.5s ease-in-out infinite}.bvoice-preview-person strong{font-size:15px}.bvoice-preview-person small{font-size:11px}.bvoice-preview-presence{font-size:11px;margin-top:6px}.bvoice-preview-person[data-speaking=true] .bvoice-preview-presence{color:#50c996}.bvoice-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--theme-border)}.bvoice-preview-actions button{flex:1;min-height:46px;border-radius:13px}.bvoice-preview-actions button[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface))}@keyframes bvoice-speaking{50%{box-shadow:0 0 0 8px #50c99610}}html[data-layout=mobile] .bvoice-preview-people{grid-template-columns:1fr}.bvoice-preview-dialog .effects-note{font-size:12px}@media(prefers-reduced-motion:reduce){.bvoice-preview-person[data-speaking=true] .bvoice-preview-avatar{animation:none}}

.bvoice-demo-stage{min-height:420px;padding:26px;border:1px solid var(--theme-border);border-radius:24px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--theme-blue) 13%,transparent),transparent 70%),var(--theme-surface);scroll-margin-top:90px}.bvoice-demo-stage h2{font-size:30px;margin:16px 0 8px}.bvoice-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bvoice-demo-head button{border-radius:12px}.bvoice-demo-stage .bvoice-preview-people{max-width:850px;margin:38px auto}.bvoice-demo-stage .bvoice-preview-person{padding:32px 16px;min-height:210px}.bvoice-demo-stage .bvoice-preview-avatar{width:80px;height:80px;font-size:28px}.bvoice-demo-stage .bvoice-preview-actions{max-width:650px;margin:24px auto 0}.bvoice-demo-active .bvoice-setup,.bvoice-demo-active>#bvoice-status,.bvoice-demo-active>.bvoice-preview-button{display:none!important}body #app #bvoice .bvoice-demo-enter{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));color:var(--theme-navy)}html[data-layout=mobile] .bvoice-demo-stage{padding:18px}.bvoice-demo-stage .effects-note{font-size:12px}

body .bvoice-icon-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border-radius:13px;font-weight:700}body .bvoice-icon-control svg{display:block;width:20px;height:20px;flex:0 0 20px}body .bvoice-icon-control.bvoice-control-off{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface));color:var(--theme-navy)}body .bvoice-icon-control.bvoice-disconnect{border-color:color-mix(in srgb,var(--theme-red) 65%,var(--theme-border));background:color-mix(in srgb,var(--theme-red) 14%,var(--theme-surface));color:var(--theme-navy)}body .bvoice-icon-control.bvoice-disconnect:hover{background:color-mix(in srgb,var(--theme-red) 24%,var(--theme-surface));border-color:var(--theme-red)}

body .bvoice-icon-control{position:relative;flex:0 0 48px!important;width:48px;min-width:48px;min-height:48px;padding:12px;overflow:visible}body .bvoice-icon-control>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body .bvoice-icon-control::after{content:attr(data-voice-hint);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:max-content;max-width:190px;white-space:normal;padding:7px 10px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 5px 20px #0003;font-size:11px;font-weight:500;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:20}body .bvoice-icon-control:is(:hover,:focus-visible)::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.bvoice-preview-actions{justify-content:center}body .bvoice-icon-control:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}@media(prefers-reduced-motion:reduce){body .bvoice-icon-control::after{transition:none}}

body #app #bvoice .bvoice-room-grid{align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.bvoice-room-members{grid-column:1/-1;display:grid;gap:8px;min-height:54px;max-height:280px;overflow-y:auto;padding:10px 0;border-top:1px solid var(--theme-border);scrollbar-width:thin}.bvoice-room-member{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--theme-field) 70%,transparent)}.bvoice-room-member-avatar{display:grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border:1px solid var(--theme-border);font-size:13px;font-weight:750}.bvoice-room-member>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.bvoice-room-member strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.bvoice-room-member small{font-size:10px;text-transform:capitalize}.bvoice-room-empty{padding:10px 4px;font-size:12px;opacity:.7}.bvoice-room-state{font-weight:650}

body .bvoice-floating-controls{position:fixed;bottom:16px;right:20px;left:auto;z-index:1000;width:min(580px,calc(100vw - 100px));margin:0;padding:10px 14px;background:color-mix(in srgb,var(--theme-surface) 95%,transparent);color:var(--theme-navy);backdrop-filter:blur(18px);box-shadow:0 10px 35px #0004;border-radius:18px;gap:8px}body .bvoice-floating-controls strong{font-size:12px;min-width:95px}body .bvoice-floating-controls button{min-height:42px}body.has-floating-voice #app main{padding-bottom:100px!important}body[data-workspace=bchat].has-floating-voice #app main{padding-bottom:92px!important}html[data-layout=mobile] body .bvoice-floating-controls{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;padding:10px;gap:7px}html[data-layout=mobile] body .bvoice-floating-controls strong{flex:1 1 100%;min-width:0}html[data-layout=mobile] body.has-floating-voice #app main{padding-bottom:140px!important}html[data-layout=mobile] body[data-workspace=bchat].has-floating-voice #app main{padding-bottom:132px!important}

body .bvoice-floating-controls{width:auto;max-width:calc(100vw - 100px);padding:9px 12px;gap:8px;flex-wrap:nowrap;align-items:center;border-radius:17px}body .bvoice-floating-controls strong{flex:none;min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}body .bvoice-floating-controls .bvoice-return-control{display:none}body .bvoice-floating-controls .bvoice-icon-control{flex:0 0 40px!important;width:40px;min-width:40px;min-height:40px;padding:9px;border-radius:12px}html[data-layout=mobile] body .bvoice-floating-controls{left:auto;right:10px;max-width:calc(100vw - 20px);width:auto;flex-wrap:nowrap}html[data-layout=mobile] body .bvoice-floating-controls strong{flex:none;max-width:100px;font-size:11px}html[data-layout=mobile] body.has-floating-voice #app main{padding-bottom:88px!important}html[data-layout=mobile] body[data-workspace=bchat].has-floating-voice #app main{padding-bottom:80px!important}

.bvoice-devices{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;margin-bottom:20px;border:1px solid var(--theme-border);border-radius:19px;background:var(--theme-surface);color:var(--theme-navy)}.bvoice-devices h3,.bvoice-devices>p{grid-column:1/-1;margin:0}.bvoice-devices h3{font-size:16px}.bvoice-devices label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}.bvoice-devices select{width:100%;min-width:0;min-height:44px;font-size:14px;border-radius:12px}.bvoice-devices>button{min-height:44px;border-radius:12px;justify-self:start}.bvoice-devices>p{font-size:12px;line-height:1.6}html[data-layout=mobile] .bvoice-devices{grid-template-columns:1fr}html[data-layout=mobile] .bvoice-devices select{font-size:16px}

.bvoice-room-member .bvoice-room-member-avatar{transition:box-shadow .09s linear,border-color .12s;box-shadow:0 0 0 0 transparent}.bvoice-room-member[data-speaking=true] .bvoice-room-member-avatar{border-color:#48c78e;box-shadow:0 0 0 calc(2px + var(--voice-level,0)*6px) #48c78e40,0 0 calc(6px + var(--voice-level,0)*12px) #48c78e25}.bvoice-room-member[data-speaking=true]{background:color-mix(in srgb,#48c78e 9%,var(--theme-field))}.bvoice-room-member[data-speaking=true] strong::after{content:' · Speaking';font-size:10px;font-weight:600;color:var(--theme-navy)}@media(prefers-reduced-motion:reduce){.bvoice-room-member .bvoice-room-member-avatar{transition:none}.bvoice-room-member[data-speaking=true] .bvoice-room-member-avatar{box-shadow:0 0 0 3px #48c78e40}}

body #app #settings .audio-settings-card{max-width:900px}body #app #settings .bvoice-devices{margin:20px 0 0}html[data-layout=mobile] body #app #settings .bvoice-devices{padding:14px}

.bvoice-channel-form{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0}.bvoice-channel-form label{display:grid;gap:8px}.bvoice-channel-form label:first-child{flex:1;min-width:180px}.bvoice-channel-form input{width:100%}.bvoice-channel-form label:nth-child(2){width:170px}.bvoice-channel-form p{flex-basis:100%;margin:0}

/* BVoice room layout and clear connection states. */
body #app #bvoice{--voice-glass:color-mix(in srgb,var(--theme-surface) 88%,transparent)}
body #app #bvoice .bvoice-heading{padding:8px 0 4px}
body #app #bvoice .bvoice-tabs{box-shadow:inset 0 1px 0 #ffffff18;backdrop-filter:blur(18px)}
body #app #bvoice .bvoice-channel-form{padding:20px;border:1px solid var(--theme-border);border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 8%,transparent),transparent),var(--voice-glass);box-shadow:inset 0 1px 0 #ffffff18;backdrop-filter:blur(18px)}
body #app #bvoice .bvoice-channel-form button{min-height:46px;border-radius:13px}
body #app #bvoice .bvoice-channel-form p:empty{display:none}
body #app #bvoice .bvoice-room-grid{align-items:stretch;gap:20px}
body #app #bvoice .bvoice-room{grid-template-rows:auto auto 1fr auto;gap:14px;padding:24px;min-width:0;transition:border-color .18s,box-shadow .18s}
body #app #bvoice .bvoice-room[data-connected=true]{border-color:var(--theme-blue);box-shadow:inset 0 1px 0 #ffffff25,0 0 0 1px color-mix(in srgb,var(--theme-blue) 30%,transparent)}
body #app #bvoice .bvoice-room-state{opacity:1;justify-self:start;padding:5px 10px;border-radius:30px;background:var(--theme-field);border:1px solid var(--theme-border);font-size:11px}
body #app #bvoice .bvoice-room-members{align-content:start;min-height:88px;margin:0;padding:12px 0}
body #app #bvoice .bvoice-room button{align-self:end;min-height:46px;background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-field))}
body #app #bvoice .bvoice-room[data-connected=true] button{background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-field))}
body #app #bvoice #bvoice-status{padding:14px 18px;border:1px solid var(--theme-border);border-radius:14px;background:var(--voice-glass);line-height:1.7;overflow-wrap:anywhere}
body #app #bvoice .bvoice-person{background:var(--voice-glass);box-shadow:inset 0 1px 0 #ffffff18}
body #app #bvoice button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
html[data-layout=mobile] body #app #bvoice .bvoice-channel-form{padding:16px;gap:12px}
html[data-layout=mobile] body #app #bvoice .bvoice-channel-form label,html[data-layout=mobile] body #app #bvoice .bvoice-channel-form button{width:100%;min-width:0;flex-basis:100%}
html[data-layout=mobile] body #app #bvoice .bvoice-room{padding:18px}
@media(prefers-reduced-motion:reduce){body #app #bvoice .bvoice-room{transition:none}}

/* Voice channel creation: focused composer and an honest empty directory. */
#bvoice .bvoice-channel-composer{margin:20px 0 24px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--panel) 82%,transparent);padding:18px 22px;box-shadow:inset 0 1px 0 #ffffff12;backdrop-filter:blur(18px)}
#bvoice .bvoice-channel-composer>summary{cursor:pointer;font-weight:800;font-size:16px;padding:6px 0;color:var(--text)}
#bvoice .bvoice-channel-composer>.effects-note{margin:16px 0 0;line-height:1.6}
#bvoice .bvoice-channel-composer .bvoice-channel-form{margin:16px 0 0;background:transparent;border:0;padding:0;box-shadow:none;backdrop-filter:none;align-items:end}
#bvoice .bvoice-channel-form label{display:grid;gap:10px;font-weight:700;min-width:0}
#bvoice .bvoice-channel-form input{width:100%;box-sizing:border-box;min-height:48px}
#bvoice .bvoice-channel-form>button{min-height:48px;font-weight:800}
#bvoice .bvoice-channel-empty{text-align:center;padding:54px 24px;border:1px dashed var(--border);border-radius:24px;background:color-mix(in srgb,var(--panel) 65%,transparent)}
#bvoice .bvoice-channel-empty h3{font-size:22px;margin:0 0 12px}
#bvoice .bvoice-channel-empty p{opacity:.75;line-height:1.7;margin:0}
@media(max-width:640px){#bvoice .bvoice-channel-composer{padding:16px}#bvoice .bvoice-channel-empty{padding:36px 18px}}

/* BVoice creator uses the panel's actual theme tokens. */
#bvoice #bvoice-status:empty{display:none}
.bvoice-channel-create{margin:18px 0 24px;min-height:48px;font-weight:800}
body .bvoice-channel-dialog{--voice-surface:var(--theme-surface);box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid var(--theme-border);border-radius:24px;color:var(--theme-navy);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 10%,transparent),transparent 65%),var(--voice-surface);box-shadow:0 24px 90px #0005,inset 0 1px 0 #ffffff15;backdrop-filter:blur(22px);text-align:left}
.bvoice-channel-dialog::backdrop{background:#060d1880;backdrop-filter:blur(10px)}
.bvoice-create-badge{display:block;margin:0 0 12px;color:var(--theme-muted);font-size:10px;font-weight:800;letter-spacing:.16em}
.bvoice-channel-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.bvoice-channel-dialog-header h2{margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:inherit}
body .bvoice-channel-close{display:grid;place-items:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:0;line-height:1;font-size:25px;border-radius:12px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy)}
.bvoice-channel-dialog>.effects-note{margin:12px 0 22px;color:var(--theme-muted);font-size:13px;line-height:1.6}
body .bvoice-channel-dialog .bvoice-channel-form{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:0;padding:0;border:0;background:none;box-shadow:none}
body .bvoice-channel-dialog .bvoice-create-section{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:18px;border:1px solid var(--theme-border);border-radius:18px;background:color-mix(in srgb,var(--theme-field) 80%,transparent)}
.bvoice-create-section h3{margin:0;color:var(--theme-navy);font-size:14px;line-height:1.4;font-weight:800}
body .bvoice-channel-dialog .bvoice-create-section label{display:grid;gap:8px;width:100%;min-width:0;margin:0;flex:initial;grid-column:auto;font-size:13px;font-weight:700;color:var(--theme-navy)}
body .bvoice-channel-dialog input:not([type=checkbox]),body .bvoice-channel-dialog select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:10px 13px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-field);color:var(--theme-navy);font:inherit;font-size:14px}
.bvoice-channel-dialog input::placeholder{color:var(--theme-muted)}
.bvoice-channel-dialog :is(input,select,button):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
.bvoice-create-section .effects-note{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.65}
body .bvoice-channel-dialog .bvoice-access-options{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;max-height:200px;overflow:auto;margin:0;padding:0;border:0;background:none}
body .bvoice-channel-dialog .bvoice-access-options[hidden]{display:none}
body .bvoice-channel-dialog .bvoice-access-options label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface);cursor:pointer;overflow-wrap:anywhere}
body .bvoice-channel-dialog .bvoice-access-options input{appearance:auto;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--theme-blue)}
.bvoice-access-options label:has(input:checked){border-color:var(--theme-blue)!important;background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))!important}
.bvoice-create-footer{display:flex;justify-content:flex-end;gap:10px;margin:0;padding-top:18px;border-top:1px solid var(--theme-border)}
body .bvoice-create-footer button{width:auto;min-height:46px;margin:0;padding:10px 20px;border-radius:12px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);font-weight:800;transform:none}
body .bvoice-create-footer .primary{flex:1;max-width:250px;border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 26%,var(--theme-surface));color:var(--theme-navy)}
body .bvoice-create-footer button:hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));color:var(--theme-navy)}
.bvoice-channel-form>p:empty{display:none}
.bvoice-channel-form>p:not(:empty){margin:0;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--theme-red) 12%,var(--theme-surface));color:var(--theme-navy);font-size:13px;line-height:1.6}
@media(max-width:600px){body .bvoice-channel-dialog{padding:20px;border-radius:20px}.bvoice-channel-dialog-header h2{font-size:21px}body .bvoice-channel-dialog .bvoice-create-section{padding:15px}}

/* Access picker: clear choices, selection count and compact member list. */
body .bvoice-channel-dialog .bvoice-access-native{display:none!important}
.bvoice-access-choices{display:grid;gap:9px}
body .bvoice-channel-dialog .bvoice-access-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px;text-align:left;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-surface);color:var(--theme-navy);transform:none}
.bvoice-access-choice>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.bvoice-access-choice strong{font-size:13px;font-weight:800;line-height:1.4}
.bvoice-access-choice small{font-size:11px;line-height:1.5;color:var(--theme-muted)}
.bvoice-access-choice-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:color-mix(in srgb,var(--theme-blue) 12%,transparent);font-size:22px;color:var(--theme-navy)}
.bvoice-access-choice-mark{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;border:1px solid var(--theme-border);font-size:12px;color:transparent}
body .bvoice-channel-dialog .bvoice-access-choice[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-blue) 30%,transparent)}
.bvoice-access-choice[aria-pressed=true] .bvoice-access-choice-mark{color:var(--theme-navy);background:color-mix(in srgb,var(--theme-blue) 35%,var(--theme-surface));border-color:var(--theme-blue)}
.bvoice-access-hint{font-size:12px;color:var(--theme-muted);line-height:1.6;margin:0}
.bvoice-access-count{justify-self:start;font-size:11px;font-weight:800;border-radius:7px;padding:3px 9px;background:color-mix(in srgb,var(--theme-blue) 14%,var(--theme-surface));color:var(--theme-navy)}

/* Channel details: readable fields and a bounded capacity stepper. */
body .bvoice-channel-dialog .bvoice-detail-field{position:relative;gap:9px;padding:14px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface)}
.bvoice-detail-help{display:block;font-size:11px;line-height:1.6;color:var(--theme-muted);font-weight:400}
.bvoice-name-counter{position:absolute;top:14px;right:14px;font-size:10px;font-weight:600;color:var(--theme-muted)}
body .bvoice-channel-dialog .bvoice-detail-field>input{font-size:15px;font-weight:600;background:var(--theme-field)}
.bvoice-capacity-control{display:flex;align-items:center;gap:10px}
body .bvoice-channel-dialog .bvoice-capacity-control button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;min-height:44px;padding:0;border:1px solid var(--theme-border);border-radius:11px;background:color-mix(in srgb,var(--theme-blue) 10%,var(--theme-field));color:var(--theme-navy);font-size:23px;line-height:1;transform:none}
body .bvoice-channel-dialog .bvoice-capacity-control input{flex:1;width:0;min-width:50px;text-align:center;font-size:18px;font-weight:800;appearance:textfield}
.bvoice-capacity-control input::-webkit-inner-spin-button,.bvoice-capacity-control input::-webkit-outer-spin-button{appearance:none;margin:0}
body .bvoice-channel-dialog .bvoice-capacity-control button:disabled{cursor:default;opacity:.35}

/* Voice channel creation trigger. */
body #bvoice .bvoice-channel-create{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;margin:20px 0 26px;padding:9px 19px 9px 10px;border:1px solid color-mix(in srgb,var(--theme-blue) 65%,var(--theme-border));border-radius:15px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface)),var(--theme-surface));color:var(--theme-navy);font-size:14px;font-weight:800;line-height:1.3;box-shadow:inset 0 1px 0 #ffffff25,0 5px 16px #00000010;transition:background .18s,border-color .18s,box-shadow .18s;transform:none}
.bvoice-create-trigger-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;border:1px solid color-mix(in srgb,var(--theme-blue) 40%,transparent);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-field));font-size:24px;font-weight:400;line-height:1}
body #bvoice .bvoice-channel-create:hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-surface));box-shadow:inset 0 1px 0 #ffffff30,0 6px 20px #00000018;transform:none}
body #bvoice .bvoice-channel-create:focus-visible{outline:2px solid var(--theme-blue);outline-offset:4px}
@media(max-width:600px){body #bvoice .bvoice-channel-create{width:100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){body #bvoice .bvoice-channel-create{transition:none}}

#bvoice-rooms>.bvoice-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center;margin-bottom:24px}
#bvoice-rooms>.bvoice-heading>.eyebrow{grid-column:1;grid-row:1}
#bvoice-rooms>.bvoice-heading>h2{grid-column:1;grid-row:2;margin:0}
body #bvoice #bvoice-rooms>.bvoice-heading>.bvoice-channel-create{grid-column:2;grid-row:1 / 3;margin:0;width:auto}
@media(max-width:600px){#bvoice-rooms>.bvoice-heading{column-gap:12px}body #bvoice #bvoice-rooms>.bvoice-heading>.bvoice-channel-create{font-size:12px;gap:8px;padding:8px 12px 8px 8px;min-height:44px}.bvoice-create-trigger-icon{width:28px;height:28px;flex-basis:28px}#bvoice-rooms>.bvoice-heading>h2{font-size:20px}}

body #bvoice .bvoice-room .bvoice-join{display:block;grid-column:1/-1;width:100%;min-height:46px;margin-top:auto;border-radius:12px;border:1px solid var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface));color:var(--theme-navy);font-weight:800}

/* Speaking waves follow measured microphone levels, with a stable color per member. */
.bvoice-speaking-halo{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:7px;isolation:isolate}
.bvoice-speaking-halo::before,.bvoice-speaking-halo::after{content:'';position:absolute;inset:-3px;border:2px solid var(--speaker-color,var(--theme-blue));border-radius:50%;pointer-events:none;opacity:0;transform:scale(1)}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{animation:bvoice-live-wave 1.4s ease-out infinite}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{animation:bvoice-live-wave 1.4s .7s ease-out infinite}
.bvoice-room-member[data-speaking=true] .bvoice-room-member-avatar{border-color:var(--speaker-color);box-shadow:0 0 0 calc(2px + var(--voice-level,0)*5px) color-mix(in srgb,var(--speaker-color) 30%,transparent),0 0 calc(8px + var(--voice-level,0)*16px) color-mix(in srgb,var(--speaker-color) 25%,transparent)}
.bvoice-room-member[data-speaking=true]{background:color-mix(in srgb,var(--speaker-color) 10%,var(--theme-field))}
@keyframes bvoice-live-wave{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(calc(1.3 + var(--voice-level,0)*.55))}}
@media(prefers-reduced-motion:reduce){.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before,.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{animation:none}.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{opacity:.7;transform:scale(1.1)}}

.bvoice-active-people{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;padding:16px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface)}
.bvoice-floating-people{display:flex;align-items:center;max-width:160px;overflow:auto;padding:5px;gap:4px;scrollbar-width:thin}
.bvoice-floating-people:empty{display:none}
.bvoice-floating-people .bvoice-room-member{padding:0;background:transparent;flex:0 0 auto}
.bvoice-floating-people .bvoice-speaking-halo{width:28px;height:28px;flex-basis:28px;margin:6px}
.bvoice-floating-people .bvoice-room-member-avatar{width:28px;height:28px;min-width:28px;font-size:11px}
.bvoice-floating-people .bvoice-room-member>span:last-child{display:grid}
@media(max-width:600px){.bvoice-floating-people{max-width:95px}}

.bvoice-quality{position:relative;flex:0 0 auto}
body .bvoice-quality-button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);color:var(--theme-muted);font-size:11px;font-weight:800;white-space:nowrap}
.bvoice-quality-icon{display:flex;align-items:flex-end;gap:3px;height:18px}
.bvoice-quality-icon i{display:block;width:4px;border-radius:3px;background:currentColor;opacity:.22}
.bvoice-quality-icon i:nth-child(1){height:6px}.bvoice-quality-icon i:nth-child(2){height:12px}.bvoice-quality-icon i:nth-child(3){height:18px}
.bvoice-quality-button[data-level='3']{color:#3cbb89}.bvoice-quality-button[data-level='2']{color:#c49328}.bvoice-quality-button[data-level='1']{color:var(--theme-red)}
.bvoice-quality-button[data-level='1'] i:first-child,.bvoice-quality-button[data-level='2'] i:nth-child(-n+2),.bvoice-quality-button[data-level='3'] i{opacity:1}
.bvoice-quality-panel{position:absolute;bottom:calc(100% + 14px);right:0;width:min(290px,calc(100vw - 36px));padding:18px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 15px 50px #0004;z-index:30;white-space:normal}
.bvoice-quality-panel>strong{display:block;margin-bottom:12px;font-size:14px}.bvoice-quality-panel>div>div{display:flex;justify-content:space-between;gap:18px;padding:6px 0;font-size:12px}.bvoice-quality-panel>div>div>span{color:var(--theme-muted)}
.bvoice-quality-warning{margin:12px 0 0;font-size:11px;line-height:1.6;color:var(--theme-muted)}
.bvoice-quality[data-weak=true] .bvoice-quality-button{border-color:var(--theme-red)}.bvoice-quality[data-weak=true] .bvoice-quality-warning{color:var(--theme-red)}
body .bvoice-controls.bvoice-floating-controls{overflow:visible}

.bvoice-member-menu{position:fixed;z-index:10000;box-sizing:border-box;width:min(260px,calc(100vw - 16px));padding:16px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 16px 50px #0005;display:grid;gap:10px}
.bvoice-member-menu>strong{font-size:14px;overflow-wrap:anywhere;padding-bottom:8px;border-bottom:1px solid var(--theme-border)}
body .bvoice-member-menu>button{text-align:left;min-height:40px;border-radius:10px;background:var(--theme-field);color:var(--theme-navy);border:1px solid var(--theme-border);font-weight:700}
.bvoice-member-menu label{display:grid;grid-template-columns:1fr auto;gap:12px;margin:6px 0 0;font-size:12px;font-weight:700}
.bvoice-member-menu input[type=range]{grid-column:1/-1;grid-row:2;width:100%;padding:0;accent-color:var(--theme-blue)}
.bvoice-member-menu label>span{grid-column:2;grid-row:1}
.bvoice-room-member[data-voice-user]{cursor:context-menu}

/* Consistent BVoice icon sizing and navigation rhythm. */
body #app #bvoice .bvoice-tabs{gap:5px;padding:5px;border-radius:15px;margin-bottom:24px}
body #bvoice .bvoice-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:112px;height:44px;min-height:44px;padding:0 18px;border-radius:11px;font-size:14px;line-height:1;font-weight:800}
.bvoice-tabs svg{display:block;width:19px;height:19px;flex:0 0 19px}
body #bvoice .bvoice-room{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px;border-radius:20px}
body #bvoice .bvoice-room-icon{width:44px;height:44px;border-radius:13px}
body #bvoice .bvoice-room-icon svg{display:block;width:22px;height:22px}
body #bvoice .bvoice-room h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
body .bvoice-controls.bvoice-floating-controls{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--theme-border);max-width:calc(100vw - 100px)}
body .bvoice-floating-controls>.bvoice-icon-control{display:grid;place-items:center;flex:0 0 40px!important;width:40px;height:40px;min-height:40px;min-width:40px;padding:9px;border-radius:12px}
body .bvoice-icon-control svg{display:block;width:21px;height:21px;flex:none}
body .bvoice-floating-controls>strong{font-size:12px;max-width:125px;line-height:1.4}
@media(max-width:600px){body #bvoice .bvoice-tabs{width:100%}body #bvoice .bvoice-tabs button{flex:1;min-width:0}body #bvoice .bvoice-room{padding:18px}body .bvoice-controls.bvoice-floating-controls{left:10px;right:10px;width:auto;max-width:calc(100vw - 20px);flex-wrap:wrap;justify-content:flex-end;gap:8px}body .bvoice-floating-controls>strong{flex:1;max-width:none;min-width:70px}body .bvoice-floating-controls .bvoice-floating-people{max-width:95px}body .bvoice-quality-button{min-height:40px}.bvoice-quality-panel{right:0}}

/* Limit workspace adjustments to desktop button metrics; keep existing navigation layout. */
@media(min-width:801px){
html:not([data-layout=mobile]) #app .workspace-sidebar nav{gap:6px}
html:not([data-layout=mobile]) #app .workspace-sidebar nav button[data-tab]{height:40px;min-height:40px;padding-top:8px;padding-bottom:8px;margin-top:0;margin-bottom:0;gap:12px}
html:not([data-layout=mobile]) #app .workspace-sidebar nav button[data-tab] .nav-text{font-size:13px;line-height:1.4}
}

/* Audio settings: stable controls, theme colors and a single status area. */
body #app #settings .audio-settings-card{width:100%;max-width:860px;padding:26px;border-radius:22px}
body #app #settings .audio-settings-card>.effects-note{margin-top:8px;font-size:13px;line-height:1.6}
body #app #settings #bvoice-audio-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0 0;padding:20px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-field);color:var(--theme-navy)}
#settings #bvoice-audio-settings h3{display:none}
body #app #settings #bvoice-audio-settings label{display:grid;align-content:start;gap:10px;margin:0;min-width:0;font-size:13px;font-weight:800}
body #app #settings #bvoice-audio-settings select{width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-surface);color:var(--theme-navy);font-size:14px;box-shadow:none}
body #app #settings #bvoice-audio-settings>button{grid-column:1/-1;justify-self:start;min-height:44px;margin:0;padding:10px 18px;border-radius:12px;font-weight:800}
body #app #settings #bvoice-audio-settings>p{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--theme-border);font-size:12px;color:var(--theme-muted);line-height:1.7;overflow-wrap:anywhere}
@media(max-width:700px){body #app #settings .audio-settings-card{padding:18px}body #app #settings #bvoice-audio-settings{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}body #app #settings #bvoice-audio-settings select{font-size:16px}}
html[data-layout=mobile] body #app #settings #bvoice-audio-settings{grid-template-columns:minmax(0,1fr)}

/* Incoming calls are visible across workspaces without taking focus from a draft. */
body .bvoice-incoming{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;width:min(480px,calc(100vw - 28px));padding:18px;border-radius:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 12%,transparent),transparent),var(--theme-surface);backdrop-filter:blur(18px);bottom:calc(24px + env(safe-area-inset-bottom))}
.bvoice-incoming-avatar{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;border:1px solid var(--theme-border);background:var(--theme-field);font-size:21px;font-weight:800}
.bvoice-incoming-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.bvoice-incoming-copy{display:grid;gap:3px;flex:1;min-width:0}
.bvoice-incoming-copy small{font-size:11px;color:var(--theme-muted)}
body .bvoice-incoming .bvoice-incoming-copy strong{flex:none;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.bvoice-incoming-copy>span{font-size:11px;color:var(--theme-muted);overflow-wrap:anywhere}
body .bvoice-incoming button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:11px;border-radius:50%;border:1px solid transparent}
.bvoice-incoming button svg{width:21px;height:21px}
body .bvoice-incoming .bvoice-incoming-accept{background:#207d58;color:#fff;border-color:#3b9f76}
body .bvoice-incoming .bvoice-incoming-decline{background:#a83445;color:#fff;border-color:#c55464}
.bvoice-incoming-decline svg{transform:rotate(135deg)}
.bvoice-incoming button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:4px}
@media(max-width:480px){body .bvoice-incoming{gap:10px;padding:14px}.bvoice-incoming-avatar{width:44px;height:44px;flex-basis:44px}body .bvoice-incoming button{flex-basis:40px;width:40px;height:40px;min-height:40px;padding:10px}}

/* Voice channel delete control */
#bvoice .bvoice-room{position:relative;}
body #app #bvoice .bvoice-room > .bvoice-delete-channel{position:absolute;grid-area:auto;align-self:auto;justify-self:auto;inset:8px 8px auto auto;z-index:2;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--theme-border);border-radius:11px;color:var(--theme-muted);background:color-mix(in srgb,var(--theme-surface) 72%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 10px rgba(0,0,0,.08);backdrop-filter:blur(12px);cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .16s;}
body #app #bvoice .bvoice-room > .bvoice-delete-channel[hidden]{display:none;}
body #app #bvoice .bvoice-room > .bvoice-delete-channel svg{display:block;pointer-events:none;}
body #app #bvoice .bvoice-room > .bvoice-delete-channel:hover{color:#fff;border-color:#dc354b;background:#dc354b;box-shadow:0 4px 14px rgba(220,53,75,.3);transform:translateY(-1px);}
body #app #bvoice .bvoice-room > .bvoice-delete-channel:active{transform:scale(.94);}
body #app #bvoice .bvoice-room > .bvoice-delete-channel:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
body #app #bvoice .bvoice-room > .bvoice-delete-channel:disabled{opacity:.45;cursor:wait;transform:none;}
#bvoice .bvoice-room h3{padding-right:32px;}

.bvoice-delete-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:26px;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 24px 80px #0005;backdrop-filter:blur(24px);}
.bvoice-delete-dialog::backdrop{background:#0008;backdrop-filter:blur(8px);}
.bvoice-delete-dialog h3{margin:0 0 12px;font-size:21px;}
.bvoice-delete-dialog p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;}
.bvoice-delete-dialog input{box-sizing:border-box;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);color:var(--theme-navy);font:inherit;}
.bvoice-delete-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;}
.bvoice-delete-dialog button{min-height:42px;padding:10px 18px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);color:var(--theme-navy);font-weight:700;cursor:pointer;}
.bvoice-delete-dialog .bvoice-delete-confirm{background:#b32638;color:white;border-color:#b32638;}
.bvoice-delete-dialog button:disabled{opacity:.4;cursor:not-allowed;}
.bvoice-delete-dialog [hidden]{display:none;}

/* Keep channel delete hover above shared panel button effects. */
html body #app #bvoice .bvoice-room > button.bvoice-delete-channel:hover,
html body #app #bvoice .bvoice-room[data-connected] > button.bvoice-delete-channel:hover{background:#dc354b !important;background-image:none !important;color:#fff !important;border-color:#dc354b !important;opacity:1 !important;box-shadow:0 4px 14px rgba(220,53,75,.3) !important;}
html body #app #bvoice .bvoice-room > button.bvoice-delete-channel:hover::before,
html body #app #bvoice .bvoice-room > button.bvoice-delete-channel:hover::after{background:none !important;opacity:0 !important;}

body .bvoice-controls.bvoice-floating-controls .bvoice-return-control{display:grid;place-items:center;order:-1;flex:0 0 36px;width:36px;min-width:36px;height:40px;min-height:40px;padding:8px;border-radius:12px;}

/* Stable compact voice dock: only the local avatar, independent of room roster. */
body .bvoice-controls.bvoice-floating-controls{flex-wrap:nowrap;gap:6px;min-height:60px;box-sizing:border-box;}
body .bvoice-controls.bvoice-floating-controls>strong{display:none;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people{display:flex;flex:0 0 44px;width:44px;max-width:44px;height:44px;padding:0;overflow:visible;gap:0;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people .bvoice-room-member{width:44px;height:44px;min-width:44px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-quality-button{width:76px;min-width:76px;font-variant-numeric:tabular-nums;}
@media(max-width:600px){body .bvoice-controls.bvoice-floating-controls{left:auto;right:8px;width:auto;max-width:calc(100vw - 16px);padding:8px;gap:4px;flex-wrap:nowrap;}body .bvoice-controls.bvoice-floating-controls .bvoice-icon-control{flex-basis:36px!important;width:36px;min-width:36px;padding:7px;}body .bvoice-controls.bvoice-floating-controls .bvoice-quality-button{width:64px;min-width:64px;font-size:11px;}}

body .bvoice-controls.bvoice-floating-controls .bvoice-dock-move,body .bvoice-controls.bvoice-floating-controls .bvoice-dock-lock{display:grid;place-items:center;flex:0 0 28px;width:28px;min-width:28px;min-height:36px;padding:4px;border-radius:10px;color:var(--theme-navy);}
body .bvoice-controls .bvoice-dock-move{order:-2;touch-action:none;cursor:grab;font-size:21px;user-select:none;}
body .bvoice-controls .bvoice-dock-move:active{cursor:grabbing;}
body .bvoice-controls .bvoice-dock-move:disabled{opacity:.35;cursor:default;}
body .bvoice-controls .bvoice-dock-lock[aria-pressed=true]{background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface));border-color:var(--theme-blue);}

.bvoice-wave-setting{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding:16px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-field);}.bvoice-wave-setting input[type=color]{width:48px;min-width:48px;height:40px;padding:3px;cursor:pointer;}.bvoice-wave-setting>span:first-child{font-weight:700;}.bvoice-wave-setting button{padding:10px 14px;border-radius:12px;}

body .audio-settings-card .bvoice-wave-setting{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 52px auto;align-items:center;gap:18px;padding:24px;margin-top:24px;border:1px solid var(--theme-border);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 10%,transparent),transparent),color-mix(in srgb,var(--theme-surface) 88%,transparent);box-shadow:inset 0 1px 0 #ffffff20;backdrop-filter:blur(16px);}
.bvoice-wave-copy{display:flex;flex-direction:column;gap:6px;min-width:0;}.bvoice-wave-copy>span{font-size:15px;font-weight:750;}.bvoice-wave-copy small{font-size:12px;line-height:1.5;color:var(--theme-muted);}
.bvoice-wave-preview{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:6px;border-radius:50%;background:var(--theme-field);color:var(--theme-navy);font-size:21px;border:2px solid var(--wave-preview-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--wave-preview-color) 15%,transparent);}
.bvoice-wave-preview::after{content:'';position:absolute;inset:-7px;border:1px solid var(--wave-preview-color);border-radius:50%;animation:bvoice-color-preview 2s ease-out infinite;pointer-events:none;}
@keyframes bvoice-color-preview{from{transform:scale(.95);opacity:.65}to{transform:scale(1.23);opacity:0}}
body .audio-settings-card .bvoice-wave-setting input[type=color]{box-sizing:border-box;width:52px;min-width:52px;height:44px;padding:5px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-field);}
body .audio-settings-card .bvoice-wave-setting button{min-height:44px;padding:10px 18px;border:1px solid var(--theme-border);border-radius:13px;color:var(--theme-navy);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));font-weight:750;cursor:pointer;}
body .audio-settings-card .bvoice-wave-setting button:disabled{opacity:.5;cursor:wait;}
body .audio-settings-card .bvoice-wave-setting>span:last-child:not(:empty){grid-column:2/-1;font-size:12px;color:var(--theme-muted);}
@media(max-width:600px){body .audio-settings-card .bvoice-wave-setting{grid-template-columns:48px minmax(0,1fr) 52px;gap:12px;padding:18px;}body .audio-settings-card .bvoice-wave-setting button{grid-column:1/-1;width:100%;}.bvoice-wave-preview{width:36px;height:36px;}.bvoice-wave-copy small{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.bvoice-wave-preview::after{animation:none;}}

/* Soft, bounded speaking rings, driven by measured audio level. */
.bvoice-speaking-halo::before,.bvoice-speaking-halo::after{inset:-2px;border-width:1.5px;transition:opacity .22s ease;transform-origin:center;}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{animation:bvoice-soft-wave 1.8s cubic-bezier(.16,.55,.35,1) infinite;}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{animation:bvoice-soft-wave 1.8s cubic-bezier(.16,.55,.35,1) -.9s infinite;border-width:1px;}
.bvoice-room-member .bvoice-room-member-avatar{transition:border-color .18s ease,box-shadow .18s ease;}
.bvoice-room-member[data-speaking=true] .bvoice-room-member-avatar{border-color:var(--speaker-color);box-shadow:0 0 0 calc(2px + var(--voice-level,0)*3px) color-mix(in srgb,var(--speaker-color) 19%,transparent),0 0 calc(5px + var(--voice-level,0)*10px) color-mix(in srgb,var(--speaker-color) 24%,transparent);}
.bvoice-room-member[data-speaking=true]{background:color-mix(in srgb,var(--speaker-color) 7%,var(--theme-field));}
body .bvoice-floating-people .bvoice-room-member[data-speaking=true]{background:transparent;}
@keyframes bvoice-soft-wave{0%{opacity:0;transform:scale(1)}18%{opacity:.65}100%{opacity:0;transform:scale(calc(1.16 + var(--voice-level,0)*.26))}}
@media(prefers-reduced-motion:reduce){.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before,.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{animation:none;}.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{opacity:.6;transform:scale(1.08);}}

/* Speaking: responsive inner rim and a restrained drifting outer halo. */
.bvoice-room-member .bvoice-speaking-halo{border-radius:50%;transition:filter .24s ease;}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo{filter:drop-shadow(0 0 calc(2px + var(--voice-level,0)*5px) color-mix(in srgb,var(--speaker-color) 38%,transparent));}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{inset:-4px;border:2px solid var(--speaker-color);opacity:calc(.45 + var(--voice-level,0)*.45);transform:scale(calc(1 + var(--voice-level,0)*.14));animation:none;transition:transform .1s ease-out,opacity .16s ease;box-shadow:0 0 0 2px color-mix(in srgb,var(--speaker-color) 8%,transparent);}
.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{inset:-5px;border:1px solid var(--speaker-color);animation:bvoice-refined-ripple 1.65s cubic-bezier(.2,.6,.3,1) infinite;}
.bvoice-room-member[data-speaking=true] .bvoice-room-member-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--speaker-color) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--speaker-color) 30%,transparent);}
@keyframes bvoice-refined-ripple{0%{transform:scale(1);opacity:0}20%{opacity:.38}100%{transform:scale(calc(1.18 + var(--voice-level,0)*.18));opacity:0}}
@media(prefers-reduced-motion:reduce){.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo{filter:none}.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::before{transform:none;transition:none;opacity:.7}.bvoice-room-member[data-speaking=true] .bvoice-speaking-halo::after{animation:none;opacity:0}}

/* Theme-aware connection popover. */
body .bvoice-controls .bvoice-quality-panel{box-sizing:border-box;width:min(320px,calc(100vw - 24px));padding:20px;border:1px solid var(--theme-border);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-blue) 10%,transparent),transparent 65%),color-mix(in srgb,var(--theme-surface) 96%,transparent);color:var(--theme-navy);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(24px) saturate(125%);font-family:inherit;max-height:min(480px,70dvh);overflow:auto;}
body .bvoice-controls .bvoice-quality-panel>strong{display:block;max-width:none;min-width:0;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--theme-border);font-size:15px;line-height:1.5;font-weight:750;color:var(--theme-navy);}
body .bvoice-controls .bvoice-quality-panel>div{display:grid;gap:6px;}
body .bvoice-controls .bvoice-quality-panel>div>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--theme-field) 65%,transparent);font-size:12px;line-height:1.5;}
body .bvoice-controls .bvoice-quality-panel>div>div>span{color:var(--theme-muted);}
body .bvoice-controls .bvoice-quality-panel>div>div>strong{flex:none;min-width:0;max-width:60%;padding:0;font-size:12px;font-weight:750;text-align:right;white-space:normal;overflow-wrap:anywhere;color:var(--theme-navy);font-variant-numeric:tabular-nums;}
body .bvoice-controls .bvoice-quality-warning{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--theme-border);color:var(--theme-muted);font-size:11px;line-height:1.7;}
body .bvoice-controls .bvoice-quality[data-weak=true] .bvoice-quality-warning{color:var(--theme-red,#e66b74);}

/* Ordered, locked-by-default compact audio dock. */
body .bvoice-controls.bvoice-floating-controls{direction:ltr;}
body .bvoice-controls.bvoice-floating-controls .bvoice-quality[hidden],body .bvoice-controls.bvoice-floating-controls .bvoice-dock-move[hidden]{display:none!important;}
body .bvoice-controls.bvoice-floating-controls .bvoice-return-control{position:absolute;left:0;bottom:calc(100% + 6px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .16s,transform .16s,visibility .16s;background:var(--theme-surface);border:1px solid var(--theme-border);box-shadow:0 4px 14px #0002;}
body .bvoice-controls.bvoice-floating-controls::before{content:'';position:absolute;left:0;bottom:100%;width:48px;height:12px;}
body .bvoice-controls.bvoice-floating-controls:hover .bvoice-return-control,body .bvoice-controls.bvoice-floating-controls:has(:focus-visible) .bvoice-return-control{visibility:visible;opacity:1;pointer-events:auto;transform:none;}
@media(hover:none){body .bvoice-controls.bvoice-floating-controls .bvoice-return-control{visibility:visible;opacity:1;pointer-events:auto;transform:none;}}

/* Unified floating audio control sizing. */
body .bvoice-controls.bvoice-floating-controls{--dock-control:40px;gap:6px;padding:9px 11px;min-height:60px;border:1px solid var(--theme-border);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 8%,transparent),transparent),color-mix(in srgb,var(--theme-surface) 95%,transparent);box-shadow:inset 0 1px 0 #ffffff20,0 12px 32px #0003;backdrop-filter:blur(22px) saturate(120%);align-items:center;}
body .bvoice-controls.bvoice-floating-controls .bvoice-icon-control,body .bvoice-controls.bvoice-floating-controls .bvoice-dock-lock,body .bvoice-controls.bvoice-floating-controls .bvoice-dock-move,body .bvoice-controls.bvoice-floating-controls .bvoice-return-control{box-sizing:border-box;flex:0 0 var(--dock-control)!important;width:var(--dock-control);min-width:var(--dock-control);height:var(--dock-control);min-height:var(--dock-control);padding:10px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-field) 80%,transparent);color:var(--theme-navy);transition:background .15s,border-color .15s,box-shadow .15s;}
body .bvoice-controls.bvoice-floating-controls button svg{width:18px;height:18px;flex:none;}
body .bvoice-controls.bvoice-floating-controls button:hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-field));}
body .bvoice-controls.bvoice-floating-controls button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-dock-lock{margin-left:3px;opacity:.8;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people{flex-basis:44px;width:44px;height:44px;margin-right:5px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-quality-button{height:40px;min-height:40px;padding:6px 9px;border-radius:12px;gap:6px;}
@media(max-width:600px){body .bvoice-controls.bvoice-floating-controls{--dock-control:36px;padding:8px;gap:5px;border-radius:18px;}body .bvoice-controls.bvoice-floating-controls .bvoice-icon-control{min-width:36px;width:36px;padding:8px;}body .bvoice-controls.bvoice-floating-controls .bvoice-dock-lock{margin-left:0;}}

body .bvoice-controls.bvoice-floating-controls[data-locked=false]{cursor:grab;touch-action:none;user-select:none;}body .bvoice-controls.bvoice-floating-controls[data-dragging=true]{cursor:grabbing;}body .bvoice-controls.bvoice-floating-controls[data-locked=false] button{touch-action:manipulation;}

.bvoice-call-timer{font:700 12px/1.4 inherit;font-variant-numeric:tabular-nums;color:var(--theme-navy);min-width:42px;text-align:center;}.bvoice-call-timer[hidden]{display:none;}

.bvoice-member-status{margin-left:auto;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap;color:var(--theme-muted);background:var(--theme-field);border:1px solid var(--theme-border);}.bvoice-member-status[data-kind=server]{color:#e66b74;border-color:#e66b7455;}.bvoice-member-status[hidden]{display:none!important;}.bvoice-floating-people .bvoice-member-status{display:none!important;}

.bvoice-dock-settings{margin-top:24px;padding:22px;border:1px solid var(--theme-border);border-radius:22px;background:var(--theme-surface);}.bvoice-dock-settings h3{margin:0 0 16px;font-size:17px;}.bvoice-dock-choices{display:flex;gap:8px;margin-bottom:12px;}.bvoice-dock-choices button{flex:1;padding:12px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);color:var(--theme-navy);font-weight:700;cursor:pointer;}.bvoice-dock-choices button[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-field));}.bvoice-dock-stage{position:relative;height:310px;overflow:hidden;border:1px solid var(--theme-border);border-radius:16px;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--theme-blue) 12%,transparent),transparent),var(--theme-field);}.bvoice-dock-sample{position:absolute;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);box-shadow:0 8px 22px #0002;cursor:grab;touch-action:none;user-select:none;}.bvoice-dock-sample>span{display:grid;place-items:center;min-width:32px;height:32px;padding:0 3px;border-radius:9px;background:var(--theme-field);color:var(--theme-navy);font-size:10px;font-weight:700;}.bvoice-dock-sample .bvoice-sample-avatar{border-radius:50%;background:color-mix(in srgb,var(--theme-blue) 22%,var(--theme-field));}.bvoice-dock-sample[data-orientation=vertical]{flex-direction:column;}.bvoice-dock-sample:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical]{flex-direction:column;width:64px;max-width:64px;gap:7px;padding:10px;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-floating-people{margin:0;flex:0 0 44px;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-dock-lock{margin:0;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-quality-button{width:44px;min-width:44px;padding:4px;flex-direction:column;font-size:9px;gap:2px;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-quality-panel{position:fixed;left:12px;right:auto;bottom:12px;max-width:calc(100vw - 24px);}

.bvoice-dock-stage{height:360px;background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--theme-blue) 18%,transparent),transparent 65%),var(--theme-field);}
.bvoice-dock-sample{gap:6px;padding:9px 11px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 8%,transparent),transparent),var(--theme-surface);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff20,0 12px 32px #0003;}
.bvoice-dock-sample>span.bvoice-sample-control{box-sizing:border-box;width:40px;min-width:40px;height:40px;padding:10px;border:1px solid var(--theme-border);border-radius:12px;}
.bvoice-dock-sample .bvoice-sample-control svg{width:18px;height:18px;}
.bvoice-dock-sample>span.bvoice-sample-avatar{box-sizing:border-box;width:40px;height:40px;min-width:40px;padding:0;font-size:16px;overflow:hidden;border:2px solid var(--theme-blue);}
.bvoice-sample-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.bvoice-dock-sample>span.bvoice-sample-time{min-width:42px;background:transparent;font-size:12px;font-variant-numeric:tabular-nums;}
.bvoice-dock-sample>span.bvoice-sample-end{background:color-mix(in srgb,#dc354b 15%,var(--theme-field));color:#e56878;}
@media(max-width:600px){.bvoice-dock-settings{padding:14px;}.bvoice-dock-sample{gap:4px;padding:8px;}.bvoice-dock-sample>span.bvoice-sample-control{width:34px;min-width:34px;height:36px;padding:8px;}.bvoice-dock-sample>span.bvoice-sample-avatar{width:34px;min-width:34px;height:34px;}.bvoice-dock-sample>span.bvoice-sample-time{min-width:35px;font-size:11px;}}

/* Isolated wave color card, unaffected by form-label layout rules. */
html body #app #settings .audio-settings-card .bvoice-wave-setting{box-sizing:border-box;display:grid;grid-template-columns:56px minmax(0,1fr) 52px auto;grid-template-rows:auto;align-items:center;gap:16px;width:100%;min-width:0;padding:22px;margin:22px 0 0;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-preview{grid-column:1;grid-row:1;box-sizing:border-box;display:grid;width:44px;height:44px;min-width:44px;margin:6px;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;padding:0;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-copy>span{font-size:15px;line-height:1.5;font-weight:750;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-copy small{white-space:normal;font-size:12px;line-height:1.6;}
html body #app #settings .bvoice-wave-setting input[type=color]{grid-column:3;grid-row:1;width:52px;min-width:52px;max-width:52px;height:44px;margin:0;padding:5px;}
html body #app #settings .bvoice-wave-setting>button{grid-column:4;grid-row:1;width:auto;min-height:44px;margin:0;white-space:nowrap;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-feedback{grid-column:2/-1;grid-row:2;margin:0;padding:0;font-size:12px;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-feedback:empty{display:none;}
@media(max-width:650px){html body #app #settings .audio-settings-card .bvoice-wave-setting{grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;padding:16px;}html body #app #settings .bvoice-wave-setting .bvoice-wave-preview{width:36px;height:36px;min-width:36px;}html body #app #settings .bvoice-wave-setting input[type=color]{width:48px;min-width:48px;max-width:48px;}html body #app #settings .bvoice-wave-setting>button{grid-column:1/-1;grid-row:2;width:100%;}html body #app #settings .bvoice-wave-setting .bvoice-wave-feedback{grid-column:1/-1;grid-row:3;}}

html body #app #settings .audio-settings-card .bvoice-wave-setting{max-width:620px;grid-template-columns:44px minmax(0,1fr) 48px auto;gap:12px;padding:16px 18px;border-radius:18px;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-preview{width:32px;height:32px;min-width:32px;font-size:16px;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-copy>span{font-size:14px;}
html body #app #settings .bvoice-wave-setting input[type=color]{width:48px;min-width:48px;max-width:48px;height:40px;}
html body #app #settings .bvoice-wave-setting>button{min-height:40px;padding:8px 16px;}
@media(max-width:650px){html body #app #settings .audio-settings-card .bvoice-wave-setting{grid-template-columns:40px minmax(0,1fr) 44px;gap:10px;padding:14px;max-width:100%;}html body #app #settings .bvoice-wave-setting input[type=color]{width:44px;min-width:44px;max-width:44px;}html body #app #settings .bvoice-wave-setting>button{grid-column:1/-1;grid-row:2;}}

/* A simple preference row rather than a separate oversized card. */
html body #app #settings .audio-settings-card .bvoice-wave-setting{display:grid;grid-template-columns:minmax(0,1fr) 42px 44px auto;max-width:none;width:100%;gap:12px;margin-top:20px;padding:20px 0 0;border:0;border-top:1px solid var(--theme-border);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-copy{grid-column:1;grid-row:1;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-preview{grid-column:2;grid-row:1;width:30px;height:30px;min-width:30px;margin:6px;}
html body #app #settings .bvoice-wave-setting input[type=color]{grid-column:3;grid-row:1;width:44px;min-width:44px;max-width:44px;height:40px;}
html body #app #settings .bvoice-wave-setting>button{grid-column:4;grid-row:1;width:auto;min-height:40px;}
html body #app #settings .bvoice-wave-setting .bvoice-wave-feedback{grid-column:1/-1;grid-row:2;}
@media(max-width:480px){html body #app #settings .audio-settings-card .bvoice-wave-setting{grid-template-columns:minmax(0,1fr) 36px 40px auto;gap:7px;padding-top:16px;}html body #app #settings .bvoice-wave-setting .bvoice-wave-copy>span{font-size:12px;}html body #app #settings .bvoice-wave-setting input[type=color]{width:40px;min-width:40px;max-width:40px;}html body #app #settings .bvoice-wave-setting>button{grid-column:4;grid-row:1;padding:8px 10px;}html body #app #settings .bvoice-wave-setting .bvoice-wave-preview{width:26px;min-width:26px;height:26px;margin:5px;}}

/* Audio sections occupy complete rows; only device selectors share columns. */
html body #app #settings .audio-settings-card{box-sizing:border-box;width:100%;max-width:none;min-width:0;}
html body #app #settings #bvoice-audio-settings{box-sizing:border-box;padding:0;border:0;background:none;gap:20px;}
html body #app #settings #bvoice-audio-settings>.bvoice-dock-settings,html body #app #settings #bvoice-audio-settings>.bvoice-wave-setting{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;}
html body #app #settings #bvoice-audio-settings>.bvoice-wave-setting{order:5;margin:0;padding:20px 0;border-top:1px solid var(--theme-border);border-bottom:1px solid var(--theme-border);}
html body #app #settings #bvoice-audio-settings>.bvoice-dock-settings{order:6;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
html body #app #settings #bvoice-audio-settings>.bvoice-dock-settings h3{display:block;margin:0 0 14px;font-size:16px;}
html body #app #settings #bvoice-audio-settings>label{padding:16px;border:1px solid var(--theme-border);border-radius:16px;background:color-mix(in srgb,var(--theme-field) 70%,transparent);}
html body #app #settings #bvoice-audio-settings>p{padding:0;border:0;}
html body #app #settings #bvoice-audio-settings>.bvoice-dock-settings .effects-note{margin:12px 0;font-size:12px;line-height:1.6;}
html body #app #settings .bvoice-dock-stage{width:100%;box-sizing:border-box;}

#bvoice .bvoice-call-page-timer{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border:1px solid var(--theme-border);border-radius:12px;background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface));color:var(--theme-navy);font-size:14px;font-weight:750;font-variant-numeric:tabular-nums;}
#bvoice .bvoice-call-page-timer::before{content:'';width:7px;height:7px;border-radius:50%;background:#4bc999;}
#bvoice .bvoice-call-page-timer[hidden]{display:none;}

.bvoice-room-member .bvoice-member-status{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 7px;border-radius:9px;line-height:1;color:var(--theme-muted);background:color-mix(in srgb,var(--theme-field) 85%,transparent);}
.bvoice-member-status>span{display:inline-flex;align-items:center;}.bvoice-member-status svg{display:block;}.bvoice-member-status>span[data-kind=server]{color:#eb6d7b;}.bvoice-member-status>span[data-kind=deaf]{color:var(--theme-blue);}

body .bvoice-controls.bvoice-floating-controls .bvoice-call-timer{display:block;flex:0 0 auto;min-width:40px;margin:0 5px 0 -3px;padding:0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;text-align:left;font-variant-numeric:tabular-nums;}
body .bvoice-controls.bvoice-floating-controls .bvoice-call-timer[hidden]{display:none;}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-call-timer{min-width:0;width:100%;margin:0 0 3px;text-align:center;font-size:11px;}

body .bvoice-controls.bvoice-floating-controls[data-high-ping=true] .bvoice-call-timer{display:none;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people{flex:0 0 52px;width:52px;max-width:52px;height:52px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people .bvoice-room-member{width:52px;height:52px;min-width:52px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people .bvoice-speaking-halo{width:38px;height:38px;flex-basis:38px;margin:7px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-floating-people .bvoice-room-member-avatar{width:38px;height:38px;min-width:38px;font-size:15px;}
body .bvoice-controls.bvoice-floating-controls .bvoice-return-control{left:auto;right:0;}
body .bvoice-controls.bvoice-floating-controls::before{left:auto;right:0;}
@media(hover:hover){body .bvoice-controls.bvoice-floating-controls:hover .bvoice-return-control{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(4px);}body .bvoice-controls.bvoice-floating-controls[data-show-return=true] .bvoice-return-control,body .bvoice-controls.bvoice-floating-controls:has(:focus-visible) .bvoice-return-control{visibility:visible;opacity:1;pointer-events:auto;transform:none;}}
body .bvoice-controls.bvoice-floating-controls[data-orientation=vertical] .bvoice-floating-people{flex-basis:52px;width:52px;height:52px;}

/* Chromium-native controls with consistent sizing and focus behavior. */
html body #app #settings .audio-settings-card,html body #app #settings .audio-settings-card *{box-sizing:border-box;}
html body #app #settings #bvoice-audio-settings select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%238a98aa' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;background-repeat:no-repeat;text-overflow:ellipsis;cursor:pointer;}
html body #app #settings #bvoice-audio-settings select:disabled{cursor:not-allowed;opacity:.55;}
html body #app #settings .bvoice-wave-setting input[type=color]{appearance:none;-webkit-appearance:none;display:block;overflow:hidden;padding:4px;cursor:pointer;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:11px;}
html body #app #settings .bvoice-wave-setting input[type=color]::-webkit-color-swatch-wrapper{padding:0;}
html body #app #settings .bvoice-wave-setting input[type=color]::-webkit-color-swatch{border:0;border-radius:7px;}
html body #app #settings .audio-settings-card :is(button,input,select):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
html body #app #settings .audio-settings-card button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
html body #app #settings .bvoice-dock-stage{isolation:isolate;overscroll-behavior:contain;}
html body #app #settings .bvoice-dock-sample{width:max-content;max-width:100%;-webkit-user-select:none;}
html body #app #settings .bvoice-dock-sample svg{pointer-events:none;}
html body #app #settings .bvoice-dock-sample img{-webkit-user-drag:none;pointer-events:none;}
@supports not (backdrop-filter:blur(1px)){html body #app #settings .bvoice-dock-sample{background:var(--theme-surface);}}
@media(max-width:700px){html body #app #settings #bvoice-audio-settings select{font-size:16px;}html body #app #settings .audio-settings-card{max-width:100%;overflow-wrap:anywhere;}}

.bvoice-call-presence{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--theme-muted);font-size:11px;font-weight:650;}.bvoice-call-presence::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--theme-muted);}.bvoice-call-presence[data-online=true]::before{background:#43c58c;box-shadow:0 0 0 3px #43c58c18;}

.bvoice-room-timer{display:inline-block;margin-top:6px;color:var(--theme-navy);opacity:.8;font-size:12px;font-variant-numeric:tabular-nums;}
.bvoice-room-timer[hidden]{display:none;}

#bvoice-audio-settings .bvoice-device-picker{position:relative;min-width:0;width:100%;margin-top:12px;}
#bvoice-audio-settings .bvoice-device-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;padding:12px 14px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border);border-radius:14px;overflow-wrap:anywhere;}
#bvoice-audio-settings .bvoice-device-trigger::after{content:'⌄';font-size:18px;flex-shrink:0;opacity:.7;}
#bvoice-audio-settings .bvoice-device-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;max-height:260px;overflow:auto;padding:6px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface);backdrop-filter:blur(28px);box-shadow:0 16px 40px #0003;}
#bvoice-audio-settings .bvoice-device-options[hidden]{display:none;}
#bvoice-audio-settings .bvoice-device-options button{display:block;width:100%;text-align:start;padding:12px;border:0;border-radius:10px;box-shadow:none;background:transparent;color:var(--theme-navy);overflow-wrap:anywhere;}
#bvoice-audio-settings .bvoice-device-options button:hover,#bvoice-audio-settings .bvoice-device-options button:focus-visible,#bvoice-audio-settings .bvoice-device-options button[aria-selected=true]{background:color-mix(in srgb,var(--theme-blue) 18%,transparent);}
#bvoice-audio-settings select[hidden]{display:none!important;}

#bvoice-audio-settings .bvoice-device-options{padding:10px;}
#bvoice-audio-settings .bvoice-device-options button{position:relative;min-height:48px;padding:14px 38px 14px 14px;line-height:1.5;border:1px solid transparent;}
#bvoice-audio-settings .bvoice-device-options button+button{margin-top:8px;}
#bvoice-audio-settings .bvoice-device-options button[aria-selected=true]{border-color:var(--theme-blue);font-weight:700;}
#bvoice-audio-settings .bvoice-device-options button[aria-selected=true]::after{content:'✓';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--theme-blue);font-size:17px;}

#bvoice-audio-settings .bvoice-device-trigger::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease,opacity .22s ease;opacity:.65;margin-inline:6px;}
#bvoice-audio-settings .bvoice-device-trigger[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg);opacity:1;}
@media(prefers-reduced-motion:reduce){#bvoice-audio-settings .bvoice-device-trigger::after{transition:none;}}

/* Voice channels: compact channel headers with participants underneath. */
html body #app #bvoice .bvoice-room-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;}
html body #app #bvoice .bvoice-room{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto 32px;grid-template-rows:auto auto;align-items:center;gap:10px 14px;padding:16px 18px;min-height:0;border-radius:14px;background:color-mix(in srgb,var(--theme-surface) 75%,transparent);box-shadow:none;}
html body #app #bvoice .bvoice-room-icon{grid-column:1;grid-row:1;width:30px;height:30px;padding:4px;border:0;background:none;border-radius:8px;opacity:.75;}
html body #app #bvoice .bvoice-room-icon+div{grid-column:2;grid-row:1;min-width:0;}
html body #app #bvoice .bvoice-room h3{margin:0;font-size:15px;overflow-wrap:anywhere;}
html body #app #bvoice .bvoice-room-icon+div>p{display:none;}
html body #app #bvoice .bvoice-room-state{grid-column:3;grid-row:1;margin:0;padding:5px 9px;font-size:11px;white-space:nowrap;}
html body #app #bvoice .bvoice-join{grid-column:4;grid-row:1;width:auto;min-height:34px;margin:0;padding:7px 16px;border-radius:9px;font-size:12px;}
html body #app #bvoice .bvoice-delete-channel{position:static!important;grid-column:5;grid-row:1;align-self:center;margin:0!important;transform:none!important;}
html body #app #bvoice .bvoice-room-members{grid-column:2/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;min-height:0;max-height:240px;padding:8px 0 0;border:0;margin:0;}
html body #app #bvoice .bvoice-room-member{padding:7px 10px;background:color-mix(in srgb,var(--theme-field) 65%,transparent);border-radius:10px;gap:9px;}
html body #app #bvoice .bvoice-room-empty{margin:0;padding:0;font-size:11px;}
html body #app #bvoice .bvoice-room-timer{margin-top:3px;font-size:11px;}
html body .bvoice-channel-dialog{width:min(540px,calc(100vw - 28px));max-width:540px;max-height:calc(100dvh - 40px);padding:26px;border-radius:18px;overflow:auto;}
html body .bvoice-channel-dialog .bvoice-channel-form{display:flex;flex-direction:column;gap:20px;}
html body .bvoice-channel-dialog .bvoice-create-section{width:100%;min-width:0;padding:0;border:0;background:none;box-shadow:none;}
html body .bvoice-channel-dialog .bvoice-create-section h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;opacity:.75;}
html body .bvoice-channel-dialog .bvoice-create-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;border-top:1px solid var(--theme-border);}
html body .bvoice-channel-dialog .bvoice-create-footer button{min-height:40px;border-radius:10px;}
@media(max-width:650px){html body #app #bvoice .bvoice-room{grid-template-columns:26px minmax(0,1fr) auto 30px;padding:13px;gap:10px;}html body #app #bvoice .bvoice-room-state{grid-column:2;grid-row:2;justify-self:start;}html body #app #bvoice .bvoice-join{grid-column:3;grid-row:1;padding:7px 10px;}html body #app #bvoice .bvoice-delete-channel{grid-column:4;}html body #app #bvoice .bvoice-room-members{grid-row:3;grid-column:2/-1;}html body .bvoice-channel-dialog{padding:20px;}}

/* Keep the panel signature visible at the bottom on every workspace. */
html body #app main>footer{display:flex!important;position:fixed;inset:auto 12px 4px auto;z-index:20;width:max-content;max-width:calc(100vw - 24px);margin:0!important;padding:3px 9px!important;min-height:0;flex:none;align-items:center;pointer-events:none;border:0;border-radius:6px;background:color-mix(in srgb,var(--theme-paper,var(--bg)) 88%,transparent);backdrop-filter:blur(10px);color:var(--theme-navy,var(--ink));font-size:9px;line-height:1.5;letter-spacing:.08em;opacity:.8;}

/* Consistent channel actions, with clear interaction states. */
html body #app #bvoice :is(.bvoice-tabs button,.bvoice-channel-create,.bvoice-join,.bvoice-person>button){display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;line-height:1.3;border:1px solid var(--theme-border);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
html body #app #bvoice .bvoice-tabs{display:inline-flex;gap:5px;padding:5px;border-radius:15px;background:color-mix(in srgb,var(--theme-field) 75%,transparent);border:1px solid var(--theme-border);}
html body #app #bvoice .bvoice-tabs button{min-height:40px;padding:10px 20px;border-radius:10px;background:transparent;border-color:transparent;box-shadow:none;}
html body #app #bvoice .bvoice-tabs button[aria-selected=true],html body #app #bvoice .bvoice-tabs button.selected{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border));box-shadow:0 2px 8px #0001;}
html body #app #bvoice .bvoice-channel-create{min-height:42px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-surface));color:var(--theme-navy);box-shadow:inset 0 1px #ffffff12;}
html body #app #bvoice .bvoice-create-trigger-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--theme-blue) 18%,transparent);font-size:20px;line-height:1;}
html body #app #bvoice .bvoice-join{min-height:36px;padding:8px 16px;background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-blue) 45%,var(--theme-border));color:var(--theme-navy);}
html body #app #bvoice :is(.bvoice-channel-create,.bvoice-join,.bvoice-person>button):not(:disabled):hover{background:color-mix(in srgb,var(--theme-blue) 27%,var(--theme-surface));border-color:var(--theme-blue);box-shadow:0 4px 12px #0002;transform:translateY(-1px);}
html body #app #bvoice :is(.bvoice-tabs button,.bvoice-channel-create,.bvoice-join,.bvoice-person>button):not(:disabled):active{transform:translateY(0);box-shadow:none;}
html body #app #bvoice button:focus-visible,html body .bvoice-channel-dialog button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
html body #app #bvoice button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none;}
html body #app #bvoice .bvoice-delete-channel{width:32px;height:32px;min-height:32px;padding:7px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,color .18s;}
html body #app #bvoice .bvoice-delete-channel[hidden]{display:none!important;}
html body .bvoice-channel-dialog .bvoice-create-footer button{min-width:96px;padding:10px 18px;font-weight:700;}
html body .bvoice-channel-dialog .bvoice-create-footer .primary{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));border-color:var(--theme-blue);color:var(--theme-navy);}
@media(max-width:650px){html body #app #bvoice .bvoice-channel-create{min-height:44px;padding:10px 12px;font-size:12px;}html body #app #bvoice .bvoice-tabs button{min-height:42px;padding:10px 16px;}html body #app #bvoice .bvoice-join{min-height:40px;padding:8px 12px;}}
@media(prefers-reduced-motion:reduce){html body #app #bvoice button{transition:none!important;transform:none!important;}}

html body #app #bvoice .bvoice-room-member .bvoice-member-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;padding:2px 0;margin-inline-end:12px;}
html body #app #bvoice .bvoice-member-info>strong{display:block;font-size:13px;line-height:1.4;font-weight:750;overflow-wrap:anywhere;}
html body #app #bvoice .bvoice-member-info>small{display:inline-block;margin:0;padding:2px 7px;font-size:10px;line-height:1.4;border-radius:5px;background:color-mix(in srgb,var(--theme-blue) 12%,transparent);color:var(--theme-navy);opacity:.75;text-transform:capitalize;}
html body #app #bvoice .bvoice-room-member{gap:12px;min-height:58px;}

html body #app #bvoice .bvoice-channel-create{gap:11px;min-height:46px;padding:7px 17px 7px 8px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface)),var(--theme-surface));border-color:color-mix(in srgb,var(--theme-blue) 40%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff25,0 3px 10px #0000000c;font-size:13px;letter-spacing:.01em;}
html body #app #bvoice .bvoice-create-trigger-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:color-mix(in srgb,var(--theme-blue) 16%,transparent);border:1px solid color-mix(in srgb,var(--theme-blue) 28%,transparent);transition:background .18s ease;}
html body #app #bvoice .bvoice-create-trigger-icon svg{width:17px;height:17px;display:block;}
html body #app #bvoice .bvoice-channel-create:not(:disabled):hover .bvoice-create-trigger-icon{background:color-mix(in srgb,var(--theme-blue) 28%,transparent);}

html body #bvoice-status.bvoice-status-toast{position:fixed;top:22px;right:22px;z-index:900;width:max-content;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;margin:0;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 10px 35px #0003;backdrop-filter:blur(24px);font-size:12px;line-height:1.6;pointer-events:none;}
html body .bvoice-lost-dialog{width:min(420px,calc(100vw - 32px));padding:26px;border:1px solid var(--theme-border);border-radius:20px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 24px 80px #0005;}
html body .bvoice-lost-dialog::backdrop{background:#0007;backdrop-filter:blur(5px);}
html body .bvoice-lost-dialog h2{font-size:19px;margin:0 0 12px;}
html body .bvoice-lost-dialog p{margin:0 0 22px;font-size:13px;line-height:1.8;opacity:.8;}
html body .bvoice-lost-dialog button{display:block;margin-inline-start:auto;min-width:90px;border-radius:10px;color:var(--theme-navy);border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface));}



html body #app #settings #bvoice-audio-settings .bvoice-noise-setting{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:18px;margin:8px 0 0;border:1px solid var(--theme-border);border-radius:16px;background:color-mix(in srgb,var(--theme-field) 60%,transparent);box-shadow:inset 0 1px #ffffff10;}
html body .bvoice-noise-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--theme-navy);background:color-mix(in srgb,var(--theme-blue) 15%,transparent);border:1px solid color-mix(in srgb,var(--theme-blue) 22%,transparent);}
.bvoice-noise-icon svg{width:22px;height:22px;}
html body .bvoice-noise-setting>div{display:flex;flex-direction:column;gap:4px;min-width:0;}.bvoice-noise-setting strong{font-size:13px;font-weight:700;line-height:1.5;}.bvoice-noise-setting small{font-size:11px;line-height:1.5;opacity:.65;}
html body .bvoice-noise-setting button[role=switch]{position:relative;min-width:72px;height:36px;padding:6px 12px 6px 32px;font-size:11px;font-weight:750;line-height:1.3;border:1px solid var(--theme-border);border-radius:24px;background:var(--theme-field);color:var(--theme-navy);box-shadow:none;transition:background .2s,border-color .2s;}
html body .bvoice-noise-setting button[role=switch]::before{content:'';position:absolute;left:8px;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:50%;background:currentColor;opacity:.4;transition:opacity .2s,box-shadow .2s;}
html body .bvoice-noise-setting button[aria-checked=true]{background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface));border-color:var(--theme-blue);}
html body .bvoice-noise-setting button[aria-checked=true]::before{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-blue) 20%,transparent);}
html body .bvoice-noise-setting>p{grid-column:2/-1;font-size:11px;line-height:1.6;margin:0;opacity:.75;}.bvoice-noise-setting>p:empty{display:none;}
@media(max-width:480px){html body #app #settings #bvoice-audio-settings .bvoice-noise-setting{padding:13px;grid-template-columns:36px minmax(0,1fr) auto;gap:8px 10px;}html body .bvoice-noise-icon{width:36px;height:36px;border-radius:10px;}html body .bvoice-noise-setting button[role=switch]{min-width:62px;padding-right:9px;font-size:10px;}}
@media(prefers-reduced-motion:reduce){html body .bvoice-noise-setting button,html body .bvoice-noise-setting button::before{transition:none;}}

html body #app #settings .bvoice-noise-setting button[aria-checked=true]::before{background:#24c875;opacity:1;box-shadow:0 0 0 3px #24c87522;}

html body #app #settings #bvoice-audio-settings .bvoice-device-trigger{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:12px 48px 12px 14px;text-align:start;}
html body #app #settings #bvoice-audio-settings .bvoice-device-trigger::after{content:'';position:absolute;display:block;right:18px;left:auto;top:50%;bottom:auto;box-sizing:border-box;width:10px;height:10px;margin:0;padding:0;background:none;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0;opacity:.9;transform-origin:center;transform:translateY(-70%) rotate(45deg);transition:transform .28s ease;pointer-events:none;}
html body #app #settings #bvoice-audio-settings .bvoice-device-trigger[aria-expanded=true]::after{transform:translateY(-25%) rotate(225deg);opacity:1;}
@media(prefers-reduced-motion:reduce){html body #app #settings #bvoice-audio-settings .bvoice-device-trigger::after{transition:none;}}

/* Align channel header actions independently of the participant area. */
html body #app #bvoice .bvoice-room{grid-template-rows:minmax(38px,auto) auto;align-content:start;align-items:center;column-gap:12px;row-gap:12px;}
html body #app #bvoice .bvoice-room-state{align-self:center;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:28px;line-height:1.2;padding:6px 10px;}
html body #app #bvoice .bvoice-join{align-self:center;justify-self:end;min-width:108px;height:36px;min-height:36px;line-height:1.2;margin:0;}
html body #app #bvoice .bvoice-delete-channel{align-self:center;justify-self:end;width:34px;height:34px;min-height:34px;}
html body #app #bvoice .bvoice-room-members{align-self:start;align-content:start;margin:0;padding-top:10px;border-top:1px solid var(--theme-border);}
html body #app #bvoice .bvoice-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-bottom:20px;}html body #app #bvoice .bvoice-heading>.eyebrow{grid-column:1;grid-row:1;}html body #app #bvoice .bvoice-heading>h2{grid-column:1;grid-row:2;}html body #app #bvoice .bvoice-heading>.bvoice-channel-create{grid-column:2;grid-row:1/4;}html body #app #bvoice .bvoice-heading>p:not(.eyebrow){grid-column:1;grid-row:3;}
html body #app #bvoice .bvoice-heading .bvoice-channel-create{margin:0;flex:none;}
@media(max-width:650px){html body #app #bvoice .bvoice-room{grid-template-rows:auto auto auto;column-gap:10px;row-gap:10px;}html body #app #bvoice .bvoice-room-state{justify-self:start;}html body #app #bvoice .bvoice-join{min-width:82px;height:38px;min-height:38px;}html body #app #bvoice .bvoice-heading{gap:12px;margin-bottom:16px;}}

html body #app #bvoice .bvoice-room{grid-template-columns:30px minmax(0,1fr) auto auto 34px 34px;}
html body #app #bvoice .bvoice-edit-channel{grid-column:5;grid-row:1;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:34px;height:34px;padding:7px;border-radius:9px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);}
html body #app #bvoice .bvoice-edit-channel:hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));}
html body #app #bvoice .bvoice-delete-channel{grid-column:6;}
html body #app #bvoice .bvoice-edit-channel[hidden]{display:none!important;}
@media(max-width:650px){html body #app #bvoice .bvoice-room{grid-template-columns:26px minmax(0,1fr) auto 34px 34px;}html body #app #bvoice .bvoice-edit-channel{grid-column:4;}html body #app #bvoice .bvoice-delete-channel{grid-column:5;}}

html body #app #settings #bvoice-audio-settings .bvoice-noise-strength{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(80px,1fr) 44px;align-items:center;gap:14px;padding-top:12px;font-size:12px;font-weight:500;}
html body #app #settings .bvoice-noise-strength input{width:100%;min-width:0;accent-color:var(--theme-blue);}
html body #app #settings .bvoice-noise-strength span{font-size:11px;text-align:end;font-variant-numeric:tabular-nums;}

html body #app #bvoice .bvoice-edit-channel{width:34px;height:34px;min-height:34px;padding:8px;border-radius:10px;color:var(--theme-navy);background:color-mix(in srgb,var(--theme-blue) 8%,var(--theme-surface));border:1px solid color-mix(in srgb,var(--theme-blue) 30%,var(--theme-border));box-shadow:inset 0 1px #ffffff10;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer;}
html body #app #bvoice .bvoice-edit-channel svg{display:block;width:17px;height:17px;flex:none;stroke-width:1.9;}
html body #app #bvoice .bvoice-edit-channel:not(:disabled):hover{background:color-mix(in srgb,var(--theme-blue) 24%,var(--theme-surface));border-color:var(--theme-blue);box-shadow:0 2px 8px #0002;}
html body #app #bvoice .bvoice-edit-channel:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
html body #app #bvoice .bvoice-edit-channel:active{background:color-mix(in srgb,var(--theme-blue) 32%,var(--theme-surface));box-shadow:none;}
@media(prefers-reduced-motion:reduce){html body #app #bvoice .bvoice-edit-channel{transition:none;}}

html body #app #bvoice .bvoice-room{grid-template-columns:30px minmax(0,1fr) auto auto 72px 34px;}
html body #app #bvoice .bvoice-edit-channel{width:72px;gap:7px;padding:8px 10px;font-size:12px;font-weight:650;line-height:1.2;}
html body #app #bvoice .bvoice-edit-channel span{display:inline;}
html body .bvoice-channel-dialog[data-editing=true]{width:min(600px,calc(100vw - 28px));max-width:600px;padding:26px;border-radius:20px;color:var(--theme-navy);background:var(--theme-surface);}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-badge{display:block;background:none;border:0;padding:0;margin:0 0 8px;color:var(--theme-muted);font-size:10px;letter-spacing:.12em;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-channel-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;}
html body .bvoice-channel-dialog[data-editing=true] h2{font-size:23px;line-height:1.4;margin:0;}
html body .bvoice-channel-dialog[data-editing=true]>.effects-note{margin:5px 0 24px;font-size:13px;color:var(--theme-muted);overflow-wrap:anywhere;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-channel-close{display:grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:1px solid var(--theme-border);background:var(--theme-field);border-radius:9px;color:var(--theme-navy);font-size:23px;line-height:1;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-section{padding:18px;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-field) 60%,transparent);}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-section h3{margin:0 0 16px;font-size:12px;letter-spacing:0;text-transform:none;color:var(--theme-navy);opacity:1;font-weight:750;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-channel-form{gap:16px;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-footer{margin:0;padding-top:18px;gap:10px;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-footer button{min-width:110px;min-height:42px;border-radius:10px;}
html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-footer .primary{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface));color:var(--theme-navy);font-weight:750;}
@media(max-width:650px){html body #app #bvoice .bvoice-room{grid-template-columns:26px minmax(0,1fr) auto 34px 34px;}html body #app #bvoice .bvoice-edit-channel{width:34px;padding:8px;}html body #app #bvoice .bvoice-edit-channel span{display:none;}html body .bvoice-channel-dialog[data-editing=true]{padding:18px;}html body .bvoice-channel-dialog[data-editing=true] .bvoice-create-section{padding:14px;}}

html body #app #settings #bvoice-audio-settings .bvoice-sound-settings{grid-column:1/-1;order:7;padding-top:22px;border-top:1px solid var(--theme-border);min-width:0;}
html body #app #settings #bvoice-audio-settings .bvoice-sound-settings h3{display:block;margin:0 0 14px;font-size:14px;color:var(--theme-navy);}
.bvoice-sound-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;}
html body #app #settings .bvoice-sound-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(70px,130px) 38px 34px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--theme-border);min-width:0;}
html body #app #settings #bvoice-audio-settings .bvoice-sound-row label{display:block;font-size:12px;font-weight:600;color:var(--theme-navy);}
html body #app #settings .bvoice-sound-row input[type=range]{width:100%;min-width:0;padding:0;accent-color:var(--theme-blue);}
.bvoice-sound-row output{font-size:11px;text-align:end;font-variant-numeric:tabular-nums;color:var(--theme-muted);}
html body #app #settings .bvoice-sound-row button{display:grid;place-items:center;min-height:34px;width:34px;padding:7px;border-radius:9px;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-navy);}
html body #app #settings .bvoice-sound-row button:hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface));}
.bvoice-sound-settings>p{margin-top:10px;font-size:12px;color:var(--theme-muted);}.bvoice-sound-settings>p:empty{display:none;}
@media(max-width:1100px){.bvoice-sound-rows{grid-template-columns:minmax(0,1fr);}}
@media(max-width:480px){html body #app #settings .bvoice-sound-row{grid-template-columns:minmax(0,1fr) 38px 34px;gap:8px;}html body #app #settings #bvoice-audio-settings .bvoice-sound-row label{grid-column:1/-1;}html body #app #settings .bvoice-sound-row input{grid-column:1;}}

html body #app #settings #bvoice-audio-settings .bvoice-sound-row input[type=range],html body #app #settings #bvoice-audio-settings .bvoice-noise-strength input[type=range]{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;height:32px;min-height:32px;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-y;transition:none;}
html body #app #settings input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:color-mix(in srgb,var(--theme-blue) 40%,var(--theme-field));border:1px solid var(--theme-border);}
html body #app #settings input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--theme-surface);border-radius:50%;background:var(--theme-blue);box-shadow:0 1px 4px #0004;cursor:ew-resize;}
html body #app #settings input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:color-mix(in srgb,var(--theme-blue) 40%,var(--theme-field));}
html body #app #settings input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--theme-surface);border-radius:50%;background:var(--theme-blue);}
html body #app #settings .bvoice-sound-row input[type=range]:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;border-radius:6px;}

html body #app #settings .bvoice-sound-rows{gap:0 32px;}
html body #app #settings .bvoice-sound-row{grid-template-columns:minmax(110px,1fr) minmax(100px,160px) 42px 38px;gap:12px;padding:16px 0;}
html body #app #settings .bvoice-sound-row input[type=range]::-webkit-slider-runnable-track{height:5px;border:0;background:linear-gradient(to right,var(--theme-blue) 0%,var(--theme-blue) var(--sound-fill),var(--theme-border) var(--sound-fill),var(--theme-border) 100%);}
html body #app #settings .bvoice-sound-row input[type=range]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;border:3px solid var(--theme-surface);background:var(--theme-blue);box-shadow:0 0 0 1px var(--theme-blue),0 1px 3px #0002;}
html body #app #settings .bvoice-sound-row input[type=range]::-moz-range-progress{height:5px;background:var(--theme-blue);border-radius:4px;}
html body #app #settings .bvoice-sound-row output{display:block;font-size:11px;font-weight:650;color:var(--theme-navy);opacity:.8;line-height:1;}
html body #app #settings .bvoice-sound-row button{width:38px;height:38px;min-height:38px;border-radius:10px;padding:10px;box-shadow:none;transition:background .16s,border-color .16s;}
html body #app #settings .bvoice-sound-row button svg{display:block;width:16px;height:16px;}
html body #app #settings .bvoice-sound-row button:hover{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border-color:var(--theme-blue);}
html body #app #settings .bvoice-sound-row button:active{background:color-mix(in srgb,var(--theme-blue) 30%,var(--theme-surface));}
html body #app #settings .bvoice-sound-row button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px;}
@media(max-width:480px){html body #app #settings .bvoice-sound-row{grid-template-columns:minmax(0,1fr) 42px 38px;gap:8px 12px;padding:14px 0;}html body #app #settings #bvoice-audio-settings .bvoice-sound-row label{grid-column:1/-1;margin-bottom:2px;}}
@media(prefers-reduced-motion:reduce){html body #app #settings .bvoice-sound-row button{transition:none;}}

html body #app #bvoice .bvoice-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;min-width:0;}
html body #app #bvoice .bvoice-status-row>.bvoice-tabs{margin:0;flex:none;}
html body #app #bvoice .bvoice-status-row>#bvoice-status{position:static;inset:auto;z-index:auto;width:auto;max-width:min(560px,55%);min-width:0;margin:0;padding:10px 15px;font-size:12px;line-height:1.5;box-shadow:none;border-radius:11px;overflow-wrap:anywhere;color:var(--theme-navy);background:var(--theme-field);border:1px solid var(--theme-border);}
@media(max-width:650px){html body #app #bvoice .bvoice-status-row{flex-wrap:wrap;gap:10px;margin-bottom:20px;}html body #app #bvoice .bvoice-status-row>#bvoice-status{max-width:100%;width:100%;}}

html body .staff-call-confirm{width:min(380px,calc(100vw - 32px));padding:24px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 20px 60px #0004;}
.staff-call-confirm::backdrop{background:#0006;backdrop-filter:blur(4px);}
.staff-call-confirm h2{font-size:19px;margin:0 0 10px;}.staff-call-confirm p{margin:0 0 24px;font-size:13px;overflow-wrap:anywhere;}
.staff-call-confirm-actions{display:flex;justify-content:flex-end;gap:10px;}.staff-call-confirm-actions button{min-width:85px;min-height:40px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-navy);}
.staff-call-confirm-actions button.primary{background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-surface));border-color:var(--theme-blue);}

html body .bvoice-call-menu{position:fixed;z-index:1200;display:grid;gap:4px;min-width:180px;padding:6px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-surface);color:var(--theme-navy);box-shadow:0 12px 36px #0004;}
html body .bvoice-call-menu[hidden]{display:none;}
html body .bvoice-call-menu button{display:block;width:100%;text-align:start;border:0;border-radius:7px;background:transparent;color:var(--theme-navy);font-size:12px;padding:10px 12px;box-shadow:none;}
html body .bvoice-call-menu button:hover,html body .bvoice-call-menu button:focus-visible{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));outline:none;}
html body #app #bvoice .bvoice-person-pin{display:inline-flex;align-self:flex-start;margin-top:5px;padding:2px 7px;border-radius:5px;font-size:10px;line-height:1.5;color:var(--theme-navy);background:color-mix(in srgb,var(--theme-blue) 16%,transparent);}
html body #app #bvoice .bvoice-person[data-pinned=true]{border-color:color-mix(in srgb,var(--theme-blue) 45%,var(--theme-border));}

html body #app #bvoice .bvoice-person-actions{display:flex;flex-direction:row;align-items:center;gap:7px;margin-inline-start:auto;flex-shrink:0;}
html body #app #bvoice .bvoice-person-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid var(--theme-border);border-radius:9px;font-size:12px;line-height:1.2;color:var(--theme-navy);background:var(--theme-field);}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):hover{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-surface));}
@media(max-width:480px){html body #app #bvoice .bvoice-person{flex-wrap:wrap;}html body #app #bvoice .bvoice-person-actions{justify-content:flex-end;width:100%;margin-top:6px;}html body #app #bvoice .bvoice-person-actions button{min-height:40px;}}

html body #app #bvoice .bvoice-person{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:16px;min-width:0;}
html body #app #bvoice .bvoice-person>.bvoice-avatar{grid-column:1;grid-row:1;align-self:start;}
html body #app #bvoice .bvoice-person>div:not(.bvoice-person-actions){grid-column:2;grid-row:1;min-width:0;}
html body #app #bvoice .bvoice-person>.bvoice-person-actions{grid-column:1/-1;grid-row:2;display:flex;flex:none;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;width:100%;min-width:0;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--theme-border);}
html body #app #bvoice .bvoice-person-actions button{flex:0 0 auto;width:auto;min-width:78px;height:36px;min-height:36px;margin:0;white-space:nowrap;}
@media(max-width:480px){html body #app #bvoice .bvoice-person-actions button{flex:1;min-width:0;height:40px;min-height:40px;}}

html body #app #bvoice .bvoice-person{grid-template-columns:36px minmax(0,1fr);gap:8px 10px;padding:12px;border-radius:13px;}
html body #app #bvoice .bvoice-person>.bvoice-avatar{width:36px;height:36px;min-width:36px;font-size:12px;}
html body #app #bvoice .bvoice-person strong{font-size:13px;line-height:1.4;}
html body #app #bvoice .bvoice-person small{font-size:10px;line-height:1.4;}
html body #app #bvoice .bvoice-person>.bvoice-person-actions{margin:0;padding-top:8px;gap:6px;}
html body #app #bvoice .bvoice-person-actions button{min-width:66px;height:30px;min-height:30px;padding:6px 10px;font-size:11px;border-radius:7px;}
html body #app #bvoice .bvoice-person-pin{margin-top:3px;padding:1px 5px;font-size:9px;}
@media(max-width:480px){html body #app #bvoice .bvoice-person-actions button{height:36px;min-height:36px;}}

html body .staff-profile-popup .staff-popup-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;}
html body .staff-profile-popup .staff-popup-actions button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:76px;min-height:38px;margin:0;padding:9px 15px;border-radius:10px;line-height:1.3;}
html body .staff-profile-popup .staff-popup-actions .staff-call-button{background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-surface));border:1px solid var(--theme-blue);color:var(--theme-navy);font-weight:700;}
html body .staff-profile-popup .staff-popup-section-title{margin-top:0;}

/* Call directory: left-aligned heading, restrained cards and consistent actions. */
html body #app #bvoice #bvoice-calls>.bvoice-heading{display:block;margin-bottom:22px;text-align:start;}
html body #app #bvoice #bvoice-calls>.bvoice-heading .eyebrow{margin-bottom:5px;}
html body #app #bvoice #bvoice-calls>.bvoice-heading h2{font-size:25px;line-height:1.4;margin:0 0 5px;}
html body #app #bvoice #bvoice-calls>.bvoice-heading>p:last-child{font-size:12px;opacity:.65;}
html body #app #bvoice .bvoice-search{max-width:480px;gap:7px;margin-bottom:20px;}
html body #app #bvoice .bvoice-search input{height:44px;min-height:44px;font-size:13px;border-radius:11px;padding:10px 14px;}
html body #app #bvoice .bvoice-people{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:12px;align-items:start;}
html body #app #bvoice .bvoice-person{padding:14px;gap:10px 12px;border-radius:14px;background:var(--theme-surface);box-shadow:none;transition:border-color .16s;}
html body #app #bvoice .bvoice-person:hover{border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border));}
html body #app #bvoice .bvoice-person>.bvoice-avatar{width:36px;height:36px;min-width:36px;align-self:center;}
html body #app #bvoice .bvoice-person-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px;}
html body #app #bvoice .bvoice-person-info strong{font-size:13px;line-height:1.4;}
html body #app #bvoice .bvoice-person-info small{font-size:10px;line-height:1.4;color:var(--theme-muted);}
html body #app #bvoice .bvoice-person-info .bvoice-call-presence{font-size:10px;line-height:1.5;margin-top:1px;}
html body #app #bvoice .bvoice-person-actions{padding-top:10px;gap:8px;}
html body #app #bvoice .bvoice-person-actions button{height:32px;min-height:32px;padding:7px 12px;font-size:11px;min-width:72px;}
html body #app #bvoice .bvoice-person-actions .bvoice-person-call{border-color:color-mix(in srgb,var(--theme-blue) 50%,var(--theme-border));background:color-mix(in srgb,var(--theme-blue) 15%,var(--theme-surface));font-weight:700;}
html body #app #bvoice .bvoice-person-actions button:disabled{opacity:.4;cursor:not-allowed;}
@media(max-width:480px){html body #app #bvoice #bvoice-calls>.bvoice-heading h2{font-size:22px;}html body #app #bvoice .bvoice-person-actions button{height:38px;min-height:38px;}}
@media(prefers-reduced-motion:reduce){html body #app #bvoice .bvoice-person{transition:none;}}

html body[data-workspace=bvoice] #app main{width:100%;max-width:none;min-width:0;}
html body #app #bvoice,html body #app #bvoice #bvoice-calls{width:100%;max-width:none;min-width:0;}
html body #app #bvoice #bvoice-calls{min-height:calc(100dvh - 240px);}
html body #app #bvoice #bvoice-calls .bvoice-search{width:100%;max-width:none;}
html body #app #bvoice #bvoice-people{width:100%;max-width:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-content:start;}
@media(max-width:650px){html body #app #bvoice #bvoice-calls{min-height:calc(100dvh - 180px);}html body #app #bvoice #bvoice-people{grid-template-columns:minmax(0,1fr);}}

/* Small motion cues in the call directory; no layout movement while polling. */
html body #app #bvoice #bvoice-people .bvoice-person{position:relative;animation:bvoice-person-enter .32s ease both;transition:border-color .18s ease,box-shadow .18s ease;}
html body #app #bvoice #bvoice-people .bvoice-person:nth-child(2){animation-delay:35ms;}
html body #app #bvoice #bvoice-people .bvoice-person:nth-child(3){animation-delay:70ms;}
html body #app #bvoice #bvoice-people .bvoice-person:nth-child(n+4){animation-delay:100ms;}
html body #app #bvoice #bvoice-people .bvoice-person:hover{box-shadow:0 4px 16px #00000012;}
html body #app #bvoice .bvoice-person-actions button{transition:background .18s ease,border-color .18s ease,transform .14s ease;}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):active{transform:scale(.96);}
html body #app #bvoice .bvoice-person-info .bvoice-call-presence[data-online=true]::before{animation:bvoice-online-pulse 2.8s ease-out infinite;}
html body #app #bvoice .bvoice-search input{transition:border-color .18s ease,box-shadow .18s ease;}
html body #app #bvoice .bvoice-search input:focus{border-color:var(--theme-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-blue) 12%,transparent);}
@keyframes bvoice-person-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes bvoice-online-pulse{0%,100%{box-shadow:0 0 0 0 #32be8400}30%{box-shadow:0 0 0 4px #32be841a}65%{box-shadow:0 0 0 6px #32be8400}}
@media(prefers-reduced-motion:reduce){html body #app #bvoice #bvoice-people .bvoice-person,html body #app #bvoice .bvoice-person-info .bvoice-call-presence::before{animation:none!important;}html body #app #bvoice .bvoice-person-actions button,html body #app #bvoice .bvoice-search input{transition:none;}}

html body #app #bvoice #bvoice-people .bvoice-person{grid-template-columns:52px minmax(0,1fr);column-gap:14px;}
html body #app #bvoice #bvoice-people .bvoice-person>.bvoice-avatar{width:52px;height:52px;min-width:52px;font-size:18px;border-radius:50%;object-fit:cover;}

/* BVoice action motion: only user interaction, never polling-driven. */
html body #app #bvoice :is(.bvoice-person-actions button,.bvoice-channel-create,.bvoice-join,.bvoice-edit-channel,.bvoice-tabs button){position:relative;isolation:isolate;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease,background .2s ease;}
html body #app #bvoice :is(.bvoice-person-actions button,.bvoice-channel-create,.bvoice-join,.bvoice-edit-channel,.bvoice-tabs button)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--theme-blue) 35%,transparent) 50%,transparent 80%);transform:translateX(-140%);transition:transform .55s ease;}
@media(hover:hover){html body #app #bvoice :is(.bvoice-person-actions button,.bvoice-channel-create,.bvoice-join,.bvoice-edit-channel,.bvoice-tabs button):not(:disabled):hover{transform:translateY(-2px);border-color:var(--theme-blue);box-shadow:0 5px 14px color-mix(in srgb,var(--theme-blue) 24%,transparent);}
html body #app #bvoice :is(.bvoice-person-actions button,.bvoice-channel-create,.bvoice-join,.bvoice-edit-channel,.bvoice-tabs button):not(:disabled):hover::after{transform:translateX(140%);}}
html body #app #bvoice :is(.bvoice-person-actions button,.bvoice-channel-create,.bvoice-join,.bvoice-edit-channel,.bvoice-tabs button):not(:disabled):active{transform:translateY(0) scale(.94);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-blue) 16%,transparent);transition-duration:.08s;}
html body #app #bvoice .bvoice-channel-create:hover .bvoice-create-trigger-icon svg{transform:rotate(90deg);}
html body #app #bvoice .bvoice-create-trigger-icon svg{transition:transform .3s cubic-bezier(.2,.8,.2,1);}
@media(prefers-reduced-motion:reduce){html body #app #bvoice button,html body #app #bvoice button::after,html body #app #bvoice .bvoice-create-trigger-icon svg{transition:none!important;transform:none!important;}html body #app #bvoice button::after{display:none;}}

html body #app #bvoice .bvoice-person-actions button{gap:7px;}
html body #app #bvoice .bvoice-person-actions button svg{display:block;width:15px;height:15px;min-width:15px;flex:none;}

html body #app #bvoice .bvoice-person-actions button{height:38px;min-height:38px;min-width:92px;padding:9px 15px;font-size:12px;border-radius:9px;gap:8px;}
html body #app #bvoice .bvoice-person-actions button svg{width:17px;height:17px;min-width:17px;}
@media(max-width:480px){html body #app #bvoice .bvoice-person-actions button{height:42px;min-height:42px;min-width:0;}}

html body #app #bvoice .bvoice-person-actions button svg{transform-origin:center;}
@media(hover:hover){html body #app #bvoice .bvoice-person-call:not(:disabled):hover svg{animation:bvoice-call-ring .65s ease-in-out;}
html body #app #bvoice .bvoice-person-message:not(:disabled):hover svg{animation:bvoice-message-pop .55s cubic-bezier(.2,.8,.2,1);}}
html body #app #bvoice .bvoice-person-call:not(:disabled):focus-visible svg{animation:bvoice-call-ring .65s ease-in-out;}
html body #app #bvoice .bvoice-person-message:not(:disabled):focus-visible svg{animation:bvoice-message-pop .55s ease;}
@keyframes bvoice-call-ring{0%,100%{transform:rotate(0)}18%{transform:rotate(-18deg)}36%{transform:rotate(16deg)}54%{transform:rotate(-12deg)}72%{transform:rotate(8deg)}}
@keyframes bvoice-message-pop{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.12)}65%{transform:translateY(1px) scale(.96)}}
@media(prefers-reduced-motion:reduce){html body #app #bvoice .bvoice-person-actions button svg{animation:none!important;transform:none!important;}}

/* Frosted action surfaces with a moving light reflection. */
html body #app #bvoice .bvoice-person-actions button{background:linear-gradient(145deg,#ffffff18,transparent 58%),color-mix(in srgb,var(--theme-surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--theme-blue) 24%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #0000000a,0 2px 6px #00000012;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);}
html body #app #bvoice .bvoice-person-actions button::after{z-index:0;background:linear-gradient(110deg,transparent 20%,#ffffff30 48%,color-mix(in srgb,var(--theme-blue) 20%,transparent) 54%,transparent 80%);}
html body #app #bvoice .bvoice-person-actions button>svg,html body #app #bvoice .bvoice-person-actions button>span{position:relative;z-index:1;}
html body #app #bvoice .bvoice-person-actions button>svg{filter:drop-shadow(0 1px 1px #00000018);}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):hover{background:linear-gradient(145deg,#ffffff25,transparent 65%),color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));box-shadow:inset 0 1px 0 #ffffff55,0 5px 16px color-mix(in srgb,var(--theme-blue) 20%,transparent);}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):active{box-shadow:inset 0 2px 5px #00000012,inset 0 1px 0 #ffffff20;}
@supports not (backdrop-filter:blur(1px)){html body #app #bvoice .bvoice-person-actions button{background:var(--theme-surface);}}

html body #app #bvoice .bvoice-status-row>.bvoice-tabs{display:inline-flex;align-items:center;gap:6px;padding:6px;width:fit-content;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-field);box-shadow:none;backdrop-filter:none;}
html body #app #bvoice .bvoice-tabs button{position:relative;min-width:0;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--theme-navy);font-size:13px;font-weight:650;line-height:1.4;box-shadow:none;transform:none;gap:8px;transition:background .16s,border-color .16s;}
html body #app #bvoice .bvoice-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--theme-blue) 16%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border));box-shadow:none;}
html body #app #bvoice .bvoice-tabs button:not(:disabled):hover{background:color-mix(in srgb,var(--theme-blue) 10%,var(--theme-surface));border-color:var(--theme-border);box-shadow:none;transform:none;}
html body #app #bvoice .bvoice-tabs button:not(:disabled):active{transform:none;box-shadow:none;}
html body #app #bvoice .bvoice-tabs button::after{display:none;}
html body #app #bvoice .bvoice-tabs button svg{width:16px;height:16px;}
@media(prefers-reduced-motion:reduce){html body #app #bvoice .bvoice-tabs button{transition:none;}}

/* Crisp glass: stable geometry, fine highlights and short interaction motion. */
html body #app #bvoice #bvoice-people .bvoice-person{background:linear-gradient(135deg,#ffffff09,transparent 65%),color-mix(in srgb,var(--theme-surface) 94%,transparent);border:1px solid var(--theme-border);box-shadow:inset 0 1px 0 #ffffff18;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:13px;transition:border-color .16s ease,box-shadow .16s ease;}
html body #app #bvoice #bvoice-people .bvoice-person:hover{border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff25,0 3px 12px #00000014;}
html body #app #bvoice .bvoice-person-actions button{border-radius:8px;background:linear-gradient(160deg,#ffffff14,transparent 55%),color-mix(in srgb,var(--theme-surface) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #ffffff30,0 1px 3px #00000014;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
html body #app #bvoice .bvoice-person-actions button::after{background:linear-gradient(110deg,transparent 30%,#ffffff38 49%,#ffffff0c 56%,transparent 70%);transition:transform .42s ease;}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff45,0 3px 9px #00000020;border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 12%,var(--theme-surface));}
html body #app #bvoice .bvoice-person-actions button:not(:disabled):active{transform:translateY(0);box-shadow:inset 0 1px 3px #00000020;transition-duration:.08s;}
html body #app #bvoice .bvoice-channel-create:not(:disabled):active,html body #app #bvoice .bvoice-join:not(:disabled):active,html body #app #bvoice .bvoice-edit-channel:not(:disabled):active{transform:translateY(0);box-shadow:inset 0 1px 3px #00000018;}
@keyframes bvoice-message-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-2px)}70%{transform:translateY(0)}}
@keyframes bvoice-call-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){html body #app #bvoice #bvoice-people .bvoice-person,html body #app #bvoice .bvoice-person-actions button,html body #app #bvoice .bvoice-person-actions button::after{animation:none!important;transition:none!important;transform:none!important;}}

/* Staff profile: translucent layered surfaces with restrained motion. */
html body dialog.staff-profile-popup{background:linear-gradient(135deg,#ffffff0c,transparent 55%),color-mix(in srgb,var(--theme-surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--theme-blue) 25%,var(--theme-border));box-shadow:inset 0 1px 0 #ffffff25,0 24px 80px #0005;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);}
html body dialog.staff-profile-popup[open]{animation:staff-glass-open .24s ease-out;}
html body dialog.staff-profile-popup::backdrop{background:#0006;backdrop-filter:blur(7px);}
html body .staff-profile-popup .staff-popup-header,html body .staff-profile-popup .staff-popup-actions{background:color-mix(in srgb,var(--theme-surface) 65%,transparent);box-shadow:inset 0 1px #ffffff0c;}
html body .staff-profile-popup .profile-identity{background:linear-gradient(125deg,color-mix(in srgb,var(--theme-blue) 17%,transparent),transparent 75%);}
html body .staff-profile-popup .staff-field{background:linear-gradient(145deg,#ffffff08,transparent 70%),color-mix(in srgb,var(--theme-field) 78%,transparent);box-shadow:inset 0 1px 0 #ffffff14;transition:border-color .18s ease,background .18s ease;}
html body .staff-profile-popup .staff-field:hover{border-color:color-mix(in srgb,var(--theme-blue) 55%,var(--theme-border));background:color-mix(in srgb,var(--theme-blue) 7%,var(--theme-field));}
html body .staff-profile-popup .staff-popup-actions button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#ffffff14,transparent 60%),color-mix(in srgb,var(--theme-surface) 85%,transparent);box-shadow:inset 0 1px #ffffff25;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
html body .staff-profile-popup .staff-popup-actions button::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff25 50%,transparent 75%);transform:translateX(-140%);transition:transform .45s ease;}
@media(hover:hover){html body .staff-profile-popup .staff-popup-actions button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--theme-blue);box-shadow:inset 0 1px #ffffff40,0 3px 10px #0002;}html body .staff-profile-popup .staff-popup-actions button:not(:disabled):hover::after{transform:translateX(140%);}}
html body .staff-profile-popup .staff-popup-actions button:active{transform:translateY(0);}
@keyframes staff-glass-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html body dialog.staff-profile-popup[open],html body .staff-profile-popup .staff-field,html body .staff-profile-popup button,html body .staff-profile-popup button::after{animation:none!important;transition:none!important;transform:none!important;}}
@supports not (backdrop-filter:blur(1px)){html body dialog.staff-profile-popup{background:var(--theme-surface);}}

/* Clear profile glass: lighter tint and less frosting. */
html body dialog.staff-profile-popup{background:linear-gradient(135deg,#ffffff08,transparent 55%),color-mix(in srgb,var(--theme-surface) 68%,transparent);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);box-shadow:inset 0 1px 0 #ffffff30,0 18px 55px #0003;}
html body dialog.staff-profile-popup::backdrop{background:#00000030;backdrop-filter:blur(2px);}
html body .staff-profile-popup .staff-popup-header,html body .staff-profile-popup .staff-popup-actions{background:color-mix(in srgb,var(--theme-surface) 45%,transparent);}
html body .staff-profile-popup .staff-field{background:linear-gradient(145deg,#ffffff06,transparent 70%),color-mix(in srgb,var(--theme-field) 48%,transparent);}
html body .staff-profile-popup .staff-popup-actions button{background:linear-gradient(145deg,#ffffff14,transparent 60%),color-mix(in srgb,var(--theme-surface) 55%,transparent);}
@supports not (backdrop-filter:blur(1px)){html body dialog.staff-profile-popup{background:var(--theme-surface);}}

/* Clearer glass across workspaces; keep text and input contrast intact. */

html body :is(.bvoice-channel-dialog,.bvoice-delete-dialog,.bvoice-incoming,.bvoice-member-menu,.bvoice-call-menu,.staff-call-confirm,.bvoice-lost-dialog){background:linear-gradient(135deg,#ffffff08,transparent 65%),color-mix(in srgb,var(--theme-surface) 76%,transparent);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);}
html body .bvoice-controls.bvoice-floating-controls,html body .bvoice-controls .bvoice-quality-panel,html body .bvoice-dock-sample{background:linear-gradient(135deg,#ffffff0a,transparent 65%),color-mix(in srgb,var(--theme-surface) 75%,transparent);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);}
html body #app #bvoice #bvoice-people .bvoice-person,html body #app #bvoice .bvoice-room{background:linear-gradient(135deg,#ffffff06,transparent 65%),color-mix(in srgb,var(--theme-surface) 78%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
html body #app #settings #bvoice-audio-settings .bvoice-device-options{background:color-mix(in srgb,var(--theme-surface) 90%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
html body dialog:not(.staff-profile-popup)::backdrop{background:#00000038;backdrop-filter:blur(2px);}
@supports not (backdrop-filter:blur(1px)){html body :is(.bvoice-channel-dialog,.bvoice-delete-dialog,.bvoice-incoming,.bvoice-member-menu,.bvoice-call-menu,.staff-call-confirm,.bvoice-lost-dialog),html body .bvoice-controls.bvoice-floating-controls{background:var(--theme-surface);}}

/* Override the older opaque cross-topic layers, rather than adding tint over them. */
html body #app main :is(.card,.stats article){background:linear-gradient(135deg,#ffffff06,transparent 65%),color-mix(in srgb,var(--theme-surface) 58%,transparent)!important;}
html body #app main #bchat :is(.bchat-card,.bchat-shell,.bchat-thread){background:color-mix(in srgb,var(--theme-surface) 18%,transparent)!important;backdrop-filter:none;-webkit-backdrop-filter:none;}
html body #app #bchat .bchat-messages,html body #app main .ceo-review-messages{background:color-mix(in srgb,var(--theme-paper) 30%,transparent)!important;}
html body #app #bchat :is(.bchat-peer-header,#bchat-form,.bchat-contacts){background:color-mix(in srgb,var(--theme-surface) 48%,transparent)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
html body #app main :is(.profile-preview-field,.employee-account-card,.task-row){background:color-mix(in srgb,var(--theme-surface) 50%,transparent)!important;}
html body #app main :is(.settings-tabs,.sell-setup-tabs,.bchat-tabs,.ceo-tools-tabs){background:color-mix(in srgb,var(--theme-field) 50%,transparent)!important;}

html body #app #settings .profile-preview>.profile-more-details{margin-inline-end:12px;margin-bottom:8px;}
html body #app #settings .profile-preview>.profile-more-details+button{margin-inline-start:0;margin-bottom:8px;}

/* Prevent the profile card's decorative layer from forming a vertical stripe. */
html body #app #settings #settings-page-0 .card::before{content:none!important;display:none!important;}

/* BChat pins: one component definition, isolated from general button effects. */
html body #app main #bchat .bchat-pinned-messages{box-sizing:border-box;flex:0 0 auto;align-self:stretch;position:relative;width:auto;margin:10px 20px 4px;padding:0;max-height:156px;overflow:auto;scrollbar-width:thin;border:1px solid color-mix(in srgb,var(--theme-navy) 16%,transparent);border-inline-start:3px solid color-mix(in srgb,var(--theme-navy) 65%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-surface) 55%,transparent);box-shadow:none}
html body #app main #bchat .bchat-pinned-messages[hidden]{display:none}
html body #app main #bchat .bchat-pinned-messages>div{display:flex;align-items:center;min-width:0;gap:10px;padding:3px 8px 3px 2px;background:transparent}
html body #app main #bchat .bchat-pinned-messages>div+div{border-top:1px solid color-mix(in srgb,var(--theme-navy) 14%,transparent)}
html body #app main #bchat .bchat-pinned-messages button{color:var(--theme-navy);background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important;animation:none!important;outline-offset:2px}
html body #app main #bchat .bchat-pinned-messages button::before,html body #app main #bchat .bchat-pinned-messages button::after{content:none!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-preview{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:54px;height:auto;padding:7px 10px;border:0!important;border-radius:6px;white-space:normal;text-align:start}
html body #app main #bchat .bchat-pin-icon{display:grid;place-items:center;width:28px;height:32px;flex:0 0 28px;opacity:.8}
html body #app main #bchat .bchat-pin-icon svg{width:18px;height:18px}
html body #app main #bchat .bchat-pin-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;flex:1;line-height:1.4}
html body #app main #bchat .bchat-pin-copy strong{font-size:11px;font-weight:700;letter-spacing:.02em;opacity:.85}
html body #app main #bchat .bchat-pin-copy small{font-size:10px;opacity:.65;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #app main #bchat .bchat-pin-text{grid-column:1/-1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.5;opacity:.92}
html body #app main #bchat .bchat-pinned-messages button[aria-label="Unpin message"]{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:7px;font-size:18px;opacity:.6;transition:opacity .15s ease,background-color .15s ease}
html body #app main #bchat .bchat-pinned-messages button[aria-label="Unpin message"]:is(:hover,:focus-visible){background:color-mix(in srgb,var(--theme-navy) 12%,transparent)!important;opacity:1}
/* Prevent transient controls and status overlays from changing the scroll region. */
html body #app main #bchat .bchat-timeout-banner{flex:0 0 auto}
html body #app main #bchat .bchat-status-legend{position:relative;z-index:5}
html body #app main #bchat .bchat-status-legend>div{z-index:6;max-width:min(320px,calc(100vw - 100px));box-sizing:border-box}
html body #app main #bchat .bchat-thread{isolation:isolate;min-width:0}
@media(max-width:760px){html body #app main #bchat .bchat-pinned-messages{margin:8px 14px 4px}}
html[data-layout="mobile"] body #app main #bchat .bchat-pinned-messages{margin:8px 12px 4px}

/* Settings surfaces must not composite stacked glass layers at their edges. */
html body #app main #settings .settings-category-page .card{background:var(--theme-surface)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;isolation:isolate;border:1px solid var(--theme-border)!important}
html body #app main #settings .settings-category-page .card::before,
html body #app main #settings .settings-category-page .card::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;animation:none!important}
html body #app main #settings #profile-details .profile-identity,
html body #app main #settings #profile-details .profile-field{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}

/* The details toggle applies to desktop and mobile alike. */
html body #app #settings .profile-summary-view:not(.profile-details-expanded) .profile-preview-fields>[data-profile-field]:not([data-profile-field="position"]):not([data-profile-field="team"]){display:none!important}
html body #app #settings .profile-summary-view:not(.profile-details-expanded) .profile-account>div:nth-child(2){display:none!important}

/* BChat uses the selected panel palette across conversation surfaces. */
html body #app main #bchat{--chat-divider:color-mix(in srgb,var(--theme-border) 75%,transparent);--chat-outgoing:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));--chat-incoming:color-mix(in srgb,var(--theme-field) 75%,var(--theme-surface));color:var(--theme-navy)}
html body #app main #bchat :is(.bchat-card,.bchat-shell,.bchat-thread){background:transparent!important;border-color:var(--chat-divider)!important}
html body #app main #bchat :is(.bchat-peer-header,.bchat-contacts,#bchat-form,.bchat-tools){color:var(--theme-navy);background:color-mix(in srgb,var(--theme-surface) 80%,transparent)!important;border-color:var(--chat-divider)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html body #app main #bchat :is(.bchat-messages,.bchat-custom-messages){background:color-mix(in srgb,var(--theme-paper) 45%,transparent)!important;background-image:none!important;color:var(--theme-navy);scrollbar-color:var(--theme-border) transparent}
html body #app main #bchat .bchat-message>div,html body #app main #bchat .bchat-room-message{background:var(--chat-incoming)!important;color:var(--theme-navy)!important;border:1px solid var(--chat-divider);box-shadow:none!important}
html body #app main #bchat .bchat-message.own>div,html body #app main #bchat .bchat-room-message.own{background:var(--chat-outgoing)!important;border-color:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-border))}
html body #app main #bchat .bchat-message p{color:inherit}
html body #app main #bchat :is(.bchat-message small,.bchat-sync-note,.bchat-peer-header small,.bchat-composer-meta){color:var(--theme-muted)!important}
html body #app main #bchat :is(#bchat-text,.bchat-custom-room textarea,.bchat-contacts input){background:var(--theme-field)!important;color:var(--theme-navy)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
html body #app main #bchat :is(#bchat-text,.bchat-custom-room textarea,.bchat-contacts input)::placeholder{color:var(--theme-muted);opacity:.85}
html body #app main #bchat :is(#bchat-text,.bchat-custom-room textarea,.bchat-contacts input):focus{border-color:var(--theme-blue)!important;outline:2px solid color-mix(in srgb,var(--theme-blue) 16%,transparent);outline-offset:1px}
html body #app main #bchat :is(.bchat-date-divider,.bchat-group-mark){color:var(--theme-navy);background:color-mix(in srgb,var(--theme-surface) 90%,transparent);border-color:var(--chat-divider)}
html body #app main #bchat .bchat-status-legend>div{background:var(--theme-surface)!important;color:var(--theme-navy);border:1px solid var(--theme-border)}
html body .bchat-ceo-menu{background:var(--theme-surface)!important;color:var(--theme-navy);border-color:var(--theme-border)!important}
html body .bchat-ceo-menu button{color:var(--theme-navy)!important;background:transparent!important}
html body .bchat-ceo-menu button:hover{background:color-mix(in srgb,var(--theme-blue) 14%,var(--theme-surface))!important}

/* Keep the pin accent and frame consistent in every theme. */
html body #app main #bchat .bchat-pinned-messages{border:1px solid var(--theme-border)!important;border-inline-start:3px solid var(--theme-blue)!important;background:color-mix(in srgb,var(--theme-surface) 94%,var(--theme-blue) 6%)!important;box-shadow:none!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-icon{color:var(--theme-blue);opacity:1;background:transparent!important;border:0!important;box-shadow:none!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-copy strong{color:var(--theme-navy);opacity:1}
html body #app main #bchat .bchat-pinned-messages>div+div{border-color:var(--theme-border)}

/* A single continuous border avoids the mismatched accent at rounded corners. */
html body #app main #bchat .bchat-pinned-messages{border:1px solid var(--theme-border)!important;border-inline-start:1px solid var(--theme-border)!important;border-radius:10px!important;background:var(--theme-surface)!important;background-image:none!important;overflow:hidden;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #app main #bchat .bchat-pinned-messages::before,html body #app main #bchat .bchat-pinned-messages::after,html body #app main #bchat .bchat-pinned-messages>div::before,html body #app main #bchat .bchat-pinned-messages>div::after{content:none!important;display:none!important}
html body #app main #bchat .bchat-pinned-messages>div{background:transparent!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}

/* Draw the pin frame inside the surface to avoid a separate left-edge seam. */
html body #app main #bchat .bchat-thread>.bchat-pinned-messages,
html body #app main #bchat .bchat-custom-room>.bchat-pinned-messages{border:0!important;border-inline:0!important;border-left:0!important;border-right:0!important;outline:none!important;box-shadow:inset 0 0 0 1px var(--theme-border)!important;background:var(--theme-surface)!important;background-clip:border-box!important;border-radius:10px!important;transform:none!important}

/* The pin strip shares its parent surface instead of painting a darker inset. */
html body #app main #bchat .bchat-thread>.bchat-pinned-messages,
html body #app main #bchat .bchat-custom-room>.bchat-pinned-messages{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-preview,
html body #app main #bchat .bchat-pinned-messages .bchat-pin-copy,
html body #app main #bchat .bchat-pinned-messages .bchat-pin-icon{background:transparent!important;background-image:none!important}

/* Match pinned-message surfaces to BChat's own conversation palette. */
html body #app main #bchat .bchat-thread>.bchat-pinned-messages,
html body #app main #bchat .bchat-custom-room>.bchat-pinned-messages{background:var(--chat-incoming)!important;background-color:var(--chat-incoming)!important;background-image:none!important;box-shadow:inset 0 0 0 1px var(--chat-divider)!important;color:var(--theme-navy)!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-icon{color:var(--theme-muted)!important}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-copy strong,
html body #app main #bchat .bchat-pinned-messages .bchat-pin-text{color:var(--theme-navy)!important;opacity:1}
html body #app main #bchat .bchat-pinned-messages .bchat-pin-copy small,
html body #app main #bchat .bchat-pinned-messages button[aria-label="Unpin message"]{color:var(--theme-muted)!important;opacity:1}

/* Contain pin rendering: no outer glow, filter, or oversized effect layer. */
html body #app main #bchat .bchat-thread>.bchat-pinned-messages,
html body #app main #bchat .bchat-custom-room>.bchat-pinned-messages{contain:paint;isolation:isolate;overflow:hidden;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;outline:none!important;border:1px solid var(--chat-divider)!important;border-inline:1px solid var(--chat-divider)!important}
html body #app main #bchat .bchat-pinned-messages *,
html body #app main #bchat .bchat-pinned-messages *:hover,
html body #app main #bchat .bchat-pinned-messages *:active{box-shadow:none!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body #app main #bchat .bchat-pinned-messages *::before,
html body #app main #bchat .bchat-pinned-messages *::after{content:none!important;display:none!important}

/* One continuous conversation canvas, including the space around pins. */
html body #app main #bchat .bchat-thread{background:var(--theme-surface)!important;background-image:none!important}
html body #app main #bchat .bchat-thread>.bchat-messages{background:transparent!important;background-color:transparent!important;background-image:none!important}
html body #app main #bchat .bchat-thread>.bchat-pinned-messages{background:var(--theme-surface)!important;background-color:var(--theme-surface)!important}
html body #app main #bchat .bchat-card{box-shadow:none!important}

/* Keep the conversation title aligned with its icon. */
html body #app main #bchat .bchat-peer-header{align-items:center;gap:12px;margin:0;min-height:64px;padding:12px 20px;border-radius:0}
html body #app main #bchat .bchat-peer-header>div{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
html body #app main #bchat .bchat-peer-header strong{display:block;margin:0;line-height:1.3}
html body #app main #bchat .bchat-peer-header small{margin:0;line-height:1.4}
/* Group keeps its directory and permissions, with the public conversation layout. */
html body #app main #bchat .bchat-custom-room{padding:0;gap:0;background:var(--theme-surface)!important}
html body #app main #bchat .bchat-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--chat-divider);flex:none}
html body #app main #bchat .bchat-group-header h3{font-size:15px;margin:0 0 4px}
html body #app main #bchat .bchat-group-header p{margin:0;font-size:11px;color:var(--theme-muted);max-height:38px;overflow:auto}
html body #app main #bchat .bchat-custom-messages{padding:20px;gap:12px;background:transparent}
html body #app main #bchat .bchat-room-message{display:flex;align-items:flex-end;gap:9px;align-self:stretch;max-width:none;padding:0;border:0!important;background:transparent!important;box-shadow:none!important}
html body #app main #bchat .bchat-room-message.own{flex-direction:row-reverse}
html body #app main #bchat .bchat-room-message>img,html body #app main #bchat .bchat-room-message>.profile-initial{width:32px;height:32px;min-width:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--theme-field);font-size:14px}
html body #app main #bchat .bchat-group-bubble{max-width:min(78%,620px);padding:10px 14px;border:1px solid var(--chat-divider);border-radius:16px 16px 16px 4px;background:var(--chat-incoming);min-width:0}
html body #app main #bchat .own>.bchat-group-bubble{background:var(--chat-outgoing);border-radius:16px 16px 4px 16px}
html body #app main #bchat .bchat-group-bubble strong{font-size:12px;color:var(--theme-blue)}
html body #app main #bchat .bchat-group-bubble p{margin:5px 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
html body #app main #bchat .bchat-group-bubble time{display:block;text-align:end;font-size:10px;color:var(--theme-muted)}
html body #app main #bchat .bchat-group-composer{padding:12px 16px;border-top:1px solid var(--chat-divider);align-items:flex-end;gap:10px}
html body #app main #bchat .bchat-group-composer textarea{resize:none;box-sizing:border-box;min-height:46px;max-height:140px;border-radius:20px;line-height:20px;padding:12px 15px}
html body #app main #bchat .bchat-group-composer button{display:grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;border-radius:50%}
html body #app main #bchat .bchat-group-composer svg{width:23px;height:23px}
/* Telegram-inspired group directory and conversation information. */
html body #app main #bchat .bchat-custom-groups{grid-template-columns:300px minmax(0,1fr);gap:0;border:1px solid var(--chat-divider);border-radius:18px;background:var(--theme-surface)}
html body #app main #bchat .bchat-group-directory{border:0;border-right:1px solid var(--chat-divider);border-radius:0;padding:12px;gap:12px}
html body #app main #bchat .bchat-custom-room{border:0;border-radius:0}
html body #app main #bchat .bchat-group-directory>input{width:100%;box-sizing:border-box;border-radius:22px;padding:11px 15px}
html body #app main #bchat .bchat-room-option{display:flex;align-items:center;gap:12px;padding:12px 10px;border:0;border-radius:12px;min-height:76px;background:transparent;box-shadow:none;text-align:start;width:100%}
html body #app main #bchat .bchat-room-option[aria-pressed=true]{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))!important}
html body #app main #bchat .bchat-group-avatar{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:50%;background:color-mix(in srgb,var(--theme-blue) 25%,var(--theme-field));color:var(--theme-navy);font-size:20px}
html body #app main #bchat .bchat-group-list-copy{display:grid;gap:6px;min-width:0;flex:1}
html body #app main #bchat .bchat-group-list-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
html body #app main #bchat .bchat-group-list-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #app main #bchat .bchat-group-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-muted);font-size:12px}
html body #app main #bchat .bchat-group-list-top time{font-size:10px;color:var(--theme-muted);white-space:nowrap}
html body #app main #bchat .bchat-group-header>div{flex:1;min-width:0}
html body #app main #bchat .bchat-group-header button{font-size:12px;padding:8px 11px;white-space:nowrap}
.bchat-group-info{width:min(420px,calc(100vw - 32px));box-sizing:border-box;max-height:80dvh;overflow:auto;padding:24px;border:1px solid var(--theme-border);border-radius:20px;background:var(--theme-surface);color:var(--theme-navy)}
.bchat-group-info::backdrop{background:#0008}
.bchat-info-member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--theme-border)}
.bchat-info-member>img,.bchat-info-member>.profile-initial{width:42px;height:42px;min-width:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--theme-field)}
.bchat-info-member>span:last-child{display:grid;gap:5px}.bchat-info-member small{color:var(--theme-muted)}
.bchat-group-info>button{margin-top:18px}
html[data-layout=mobile] body #app main #bchat .bchat-custom-groups{grid-template-columns:minmax(0,1fr)}
html[data-layout=mobile] body #app main #bchat .bchat-group-directory{max-height:200px;border-right:0;border-bottom:1px solid var(--chat-divider)}
html[data-layout=mobile] body #app main #bchat .bchat-room-option{min-width:210px}
.bchat-group-photo{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 16px}.bchat-group-photo[hidden],.bchat-group-edit[hidden]{display:none!important}.bchat-group-info h2{text-align:center}.bchat-group-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.bchat-group-info>small{display:block;color:var(--theme-muted);margin:12px 0}.bchat-group-edit{display:grid;gap:12px;margin-top:16px}.bchat-group-edit input:not([type=file]),.bchat-group-edit textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);color:var(--theme-navy);font:inherit}.bchat-group-edit textarea{min-height:100px;resize:vertical}.bchat-group-edit label{display:grid;gap:8px}.bchat-group-avatar{object-fit:cover}
html body #app main #bchat .bchat-group-header{min-height:82px;padding:14px 20px;gap:14px;background:var(--theme-surface)}
html body #app main #bchat .bchat-group-header-avatar{display:grid;place-items:center;width:50px;height:50px;min-width:50px;padding:0;overflow:hidden;border-radius:50%;border:1px solid var(--chat-divider);background:color-mix(in srgb,var(--theme-blue) 20%,var(--theme-field));box-shadow:none;flex:none;font-size:22px;color:var(--theme-navy)}
html body #app main #bchat .bchat-group-header-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html body #app main #bchat .bchat-group-header h3{font-size:16px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}
html body #app main #bchat .bchat-group-header p{font-size:12px;margin:0}
html body #app main #bchat .bchat-group-list{gap:4px}
html body #app main #bchat .bchat-room-option{transition:background .18s ease;border:1px solid transparent}
html body #app main #bchat .bchat-room-option:hover{background:var(--theme-field)}
html body #app main #bchat .bchat-room-option[aria-pressed=true]{border-color:color-mix(in srgb,var(--theme-blue) 35%,var(--theme-border))}
html body #app main #bchat .bchat-group-avatar{width:52px;height:52px;min-width:52px;border:1px solid var(--chat-divider);box-sizing:border-box}
@media(max-width:600px){html body #app main #bchat .bchat-group-header{flex-wrap:wrap;padding:12px;gap:10px}html body #app main #bchat .bchat-group-header>div{flex-basis:calc(100% - 64px)}html body #app main #bchat .bchat-group-header-avatar{width:44px;height:44px;min-width:44px}}
/* Group information: clear identity, details and member list. */
html body .bchat-group-info{width:min(460px,calc(100vw - 32px));max-height:85dvh;padding:26px;border-radius:22px;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border);box-shadow:0 20px 70px #0005;overflow:auto;scrollbar-width:thin}
html body .bchat-group-info .bchat-group-photo{width:96px;height:96px;margin:2px auto 16px;border:3px solid var(--theme-field);box-shadow:0 0 0 1px var(--theme-border)}
html body .bchat-group-info>h2{font-size:22px;line-height:1.35;margin:0 0 18px;text-align:center;overflow-wrap:anywhere}
html body .bchat-group-info>.bchat-group-description{padding:14px 16px;margin:0 0 12px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-field);font-size:14px;line-height:1.7}
html body .bchat-group-info>small{padding:0 2px 16px;margin:0;color:var(--theme-muted);font-size:11px;border-bottom:1px solid var(--theme-border);line-height:1.6}
html body .bchat-group-info>.bchat-info-members{margin:16px 0;max-height:300px;overflow:auto;scrollbar-width:thin}
html body .bchat-group-info .bchat-info-member{padding:11px 4px;gap:13px;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 60%,transparent)}
html body .bchat-group-info .bchat-info-member:last-child{border-bottom:0}
html body .bchat-group-info .bchat-info-member>img,html body .bchat-group-info .bchat-info-member>.profile-initial{width:44px;height:44px;min-width:44px}
html body .bchat-group-info .bchat-info-member strong{font-size:14px;overflow-wrap:anywhere}
html body .bchat-group-info .bchat-info-member small{font-size:11px}
html body .bchat-group-info>button{margin:8px 8px 0 0;min-height:40px;padding:9px 18px;border-radius:11px;font-size:13px}
html body .bchat-group-info .bchat-group-edit{padding:16px;margin:16px 0 0;border-radius:14px;background:var(--theme-field);border:1px solid var(--theme-border)}
html body .bchat-group-info::backdrop{background:#0008;backdrop-filter:blur(5px)}
/* Group layout boundary: prevent shared panel styles from reshaping chat UI. */
html body #app main #bchat .bchat-custom-groups{min-width:0;min-height:360px;overflow:hidden;align-items:stretch}
html body #app main #bchat .bchat-custom-room{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
html body #app main #bchat .bchat-group-header{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:auto;max-width:none;margin:0;transform:none;box-shadow:none;flex:none}
html body #app main #bchat .bchat-group-header>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;flex:1;min-width:0;margin:0}
html body #app main #bchat .bchat-group-header h3,html body #app main #bchat .bchat-group-header p{margin:0;text-align:start}
html body #app main #bchat .bchat-group-header>button:not(.bchat-group-header-avatar){flex:none;width:auto;min-height:36px;transform:none}
html body #app main #bchat .bchat-group-directory>button{flex:none;width:100%;margin:0}
html body #app main #bchat .bchat-room-option[hidden],html body #app main #bchat .bchat-group-header [hidden],html body .bchat-group-info [hidden]{display:none!important}
html body #app main #bchat .bchat-custom-messages{min-height:140px;overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin}
html body #app main #bchat .bchat-custom-room>.bchat-pinned-messages{flex:none;max-height:140px;overflow:auto}
html body #app main #bchat .bchat-group-composer{margin:0;width:auto;max-width:none;box-sizing:border-box;flex:none}
html body #app main #bchat .bchat-custom-groups>p:empty{display:none}
html body dialog.bchat-group-info:not([open]){display:none!important}
html body dialog.bchat-group-info[open]{display:block!important;position:fixed;inset:0;margin:auto;box-sizing:border-box;min-width:0;height:fit-content;max-height:85dvh;overflow:auto;text-align:start;transform:none;animation:none}
html body dialog.bchat-group-info>div.bchat-info-members{display:block!important;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;max-height:280px;overflow:auto}
html body dialog.bchat-group-info .bchat-info-member{display:flex!important;align-items:center;justify-content:flex-start;min-width:0;box-shadow:none;border-radius:0;background:transparent}
html body dialog.bchat-group-info .bchat-info-member>span:last-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px}
html body dialog.bchat-group-info .bchat-group-edit:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr);width:auto;box-sizing:border-box}
html body dialog.bchat-group-info .bchat-group-edit input[type=file]{width:100%;min-width:0;font-size:12px}
html body dialog.bchat-group-info button{transform:none;box-shadow:none;white-space:nowrap}
html body dialog.bchat-group-info>button{display:inline-flex;align-items:center;justify-content:center;width:auto;vertical-align:middle}
html body dialog.bchat-group-info .bchat-group-photo{object-fit:cover;flex:none}
html body dialog.bchat-create-group:not([open]){display:none!important}
html body dialog.bchat-create-group[open]{display:block!important;box-sizing:border-box;margin:auto;inset:0;position:fixed;height:fit-content;max-height:85dvh;overflow:auto}
@media(max-width:600px){html body #app main #bchat .bchat-group-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px}html body #app main #bchat .bchat-group-header>div{min-width:0}html body #app main #bchat .bchat-group-header>button:not(.bchat-group-header-avatar){justify-self:start}html body dialog.bchat-group-info[open]{padding:20px;max-height:90dvh}}
/* Consistent spacing between group conversations. */
html body #app main #bchat .bchat-group-list{display:flex;flex-direction:column;gap:10px;padding:4px 2px;scroll-padding:8px}
html body #app main #bchat .bchat-group-list>.bchat-room-option{margin:0;flex-shrink:0;padding:13px 12px;border:1px solid var(--chat-divider);border-radius:13px;min-height:80px;box-sizing:border-box}
html[data-layout=mobile] body #app main #bchat .bchat-group-list{flex-direction:row;gap:10px;padding:4px 2px 8px}
html body #app main #bchat .bchat-group-directory{position:relative}
html body #app main #bchat .bchat-group-directory>.bchat-group-list{flex:1;min-height:0}
html body #app main #bchat .bchat-group-directory>.bchat-create-group-fab{display:grid;place-items:center;align-self:flex-end;flex:none;width:50px;height:50px;min-width:50px;min-height:50px;padding:0;margin:4px 2px 2px;border-radius:50%;border:1px solid var(--theme-blue);background:var(--theme-blue);color:var(--theme-surface);box-shadow:0 4px 12px #0002}
html body #app main #bchat .bchat-create-group-fab svg{display:block;width:24px;height:24px}
html body #app main #bchat .bchat-create-group-fab:hover{filter:brightness(1.1)}
html body #app main #bchat .bchat-create-group-fab[hidden]{display:none!important}
html[data-layout=mobile] body #app main #bchat .bchat-group-directory{max-height:260px}
/* Compact group avatars in the conversation list and header. */
html body #app main #bchat .bchat-group-list .bchat-group-avatar{width:40px;height:40px;min-width:40px;font-size:17px}
html body #app main #bchat .bchat-group-header>.bchat-group-header-avatar{width:40px;height:40px;min-width:40px;min-height:40px;font-size:18px}
html body #app main #bchat .bchat-group-list>.bchat-room-option{min-height:68px;gap:10px;padding:11px 12px}
@media(max-width:600px){html body #app main #bchat .bchat-group-header{grid-template-columns:40px minmax(0,1fr)}}
/* Stable group chat sizing and interaction states. */
html body #app main #bchat .bchat-custom-room>form[hidden]{display:none!important}
html body #app main #bchat .bchat-room-message{flex-shrink:0;position:relative;transform:none!important;animation:none!important;filter:none!important;backdrop-filter:none!important}
html body #app main #bchat .bchat-room-message::before,html body #app main #bchat .bchat-room-message::after,html body #app main #bchat .bchat-group-directory::before,html body #app main #bchat .bchat-custom-room::before{content:none!important;display:none!important}
html body #app main #bchat .bchat-group-bubble{box-sizing:border-box;overflow-wrap:anywhere;white-space:normal;box-shadow:none!important;transform:none!important}
html body #app main #bchat .bchat-group-composer textarea{display:block;margin:0;flex:1;width:0;min-width:0;box-shadow:none!important}
html body #app main #bchat .bchat-group-composer button{flex:none;margin:0;transform:none!important}
html body #app main #bchat .bchat-group-header-avatar:empty{visibility:hidden}
html body #app main #bchat .bchat-room-option{transform:none!important;animation:none!important}
html body #app main #bchat .bchat-room-option::before,html body #app main #bchat .bchat-room-option::after{content:none!important}
/* All BChat conversation types share the same message engine and canvas. */
html body #app main #bchat .bchat-custom-room>.bchat-thread{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%}
html body #app main #bchat .bchat-custom-room .bchat-peer-header[hidden]{display:none!important}
html body #app main #bchat .bchat-custom-room .bchat-messages{flex:1;min-height:140px;height:auto;overflow:auto}
html body #app main #bchat .bchat-custom-room #bchat-form{flex:none;margin:0}
html body dialog.bchat-moderation-dialog{width:min(520px,calc(100vw - 28px));box-sizing:border-box;padding:24px;max-height:85dvh;overflow:auto;background:var(--theme-surface);color:var(--theme-navy);border:1px solid var(--theme-border);border-radius:20px}
html body .bchat-moderation-dialog form{display:flex;flex-direction:column;gap:16px}
html body .bchat-moderation-dialog h3,html body .bchat-moderation-dialog h4,html body .bchat-moderation-dialog p{margin:0}
html body .bchat-moderation-dialog .effects-note{font-size:12px;color:var(--theme-muted)}
html body .bchat-moderation-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body .bchat-moderation-modes button{padding:11px 8px;min-height:48px;font-size:12px;white-space:normal;line-height:1.4;transform:none}
html body .bchat-moderation-modes button[aria-pressed=true]{background:var(--theme-field);border-color:var(--theme-blue);box-shadow:inset 0 -2px var(--theme-blue)}
html body .bchat-moderation-section{display:grid;gap:14px;padding:16px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-field)}
html body .bchat-moderation-section h4{font-size:14px}.bchat-moderation-section p{font-size:13px;line-height:1.6}
html body .bchat-moderation-dialog [hidden]{display:none!important}
html body .bchat-custom-duration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
html body .bchat-moderation-dialog input,html body .bchat-moderation-dialog select{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:11px 12px;border-radius:10px}
html body .bchat-moderation-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
html body .bchat-moderation-actions button{margin:0;transform:none}
html body .bchat-moderation-actions button[data-danger=true]{background:#b92e42;color:#fff;border-color:#b92e42}

/* Letter animation offsets comply with the strict self-only style policy. */
.login-title-word>span[data-letter="0"]{--letter:0}
.login-title-word>span[data-letter="1"]{--letter:1}
.login-title-word>span[data-letter="2"]{--letter:2}
.login-title-word>span[data-letter="3"]{--letter:3}
.login-title-word>span[data-letter="4"]{--letter:4}
.login-title-word>span[data-letter="5"]{--letter:5}
.login-title-word>span[data-letter="6"]{--letter:6}
.login-title-word>span[data-letter="7"]{--letter:7}
.login-title-word>span[data-letter="8"]{--letter:8}
.login-title-word>span[data-letter="9"]{--letter:9}

.bvoice-diagnostics-output{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;max-height:320px;overflow:auto}

/* SMS provider configuration */
#sms-service-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}#sms-service-form label{display:flex;flex-direction:column;gap:8px;min-width:0}#sms-service-form label[hidden]{display:none!important}#sms-service-form textarea{min-height:120px;resize:vertical;font-family:monospace}#sms-service-form input,#sms-service-form select,#sms-service-form textarea{width:100%;box-sizing:border-box}#sms-service-form>button{justify-self:start;align-self:end}#sms-service-card .email-test-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}#sms-service-card .email-test-row input{max-width:240px}@media(max-width:700px){#sms-service-form{grid-template-columns:1fr}}

.sms-compose{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--theme-border)}.sms-compose label{display:flex;flex-direction:column;gap:8px}.sms-compose textarea{min-height:130px;resize:vertical}.sms-compose input,.sms-compose textarea{width:100%;box-sizing:border-box}.sms-compose>button{justify-self:start}

/* Login method categories */
#login .login-method-tabs{display:flex;gap:5px;padding:5px;margin:0 0 18px;border:1px solid var(--theme-border,#bccbd5);border-radius:13px;background:var(--theme-field,#eaf0f4);isolation:isolate}
#login .login-method-tabs button{flex:1;min-width:0;min-height:42px;margin:0;padding:10px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--theme-muted,#526879);font:650 13px/1.3 "Segoe UI",sans-serif;box-shadow:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
#login .login-method-tabs button.active{background:var(--theme-surface);border-color:var(--theme-blue);color:var(--theme-navy);box-shadow:0 2px 5px #0000000a}
#login .login-method-tabs button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}
#login .login-method-tabs button:disabled{cursor:wait;opacity:.65}

/* Login category glass uses the same palette as every panel theme. */
#login .login-method-tabs{background:color-mix(in srgb,var(--theme-field) 55%,transparent);border-color:var(--theme-border);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-navy) 8%,transparent),0 4px 14px color-mix(in srgb,var(--theme-navy) 5%,transparent)}
#login .login-method-tabs button{background:color-mix(in srgb,var(--theme-surface) 22%,transparent);border-color:color-mix(in srgb,var(--theme-border) 65%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-navy) 5%,transparent);color:var(--theme-navy)}
#login .login-method-tabs button:hover{background:color-mix(in srgb,var(--theme-blue) 14%,var(--theme-surface));border-color:var(--theme-blue);color:var(--theme-navy)}
#login .login-method-tabs button.active{background:linear-gradient(145deg,color-mix(in srgb,var(--theme-surface) 40%,transparent),transparent),color-mix(in srgb,var(--theme-blue) 23%,var(--theme-field));border-color:var(--theme-blue);color:var(--theme-navy);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-navy) 10%,transparent),0 2px 7px color-mix(in srgb,var(--theme-navy) 7%,transparent)}
#login .login-method-tabs button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}

#login #login-form button[type="submit"]{justify-content:center;font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:.15px}#login #login-form button[type="submit"]>span{font:inherit;letter-spacing:inherit;transform:none}

/* Theme-aware login validation and server errors. */
#login #login-error:not(:empty){display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--theme-red) 50%,var(--theme-border));border-radius:12px;background:color-mix(in srgb,var(--theme-red) 9%,var(--theme-surface));color:var(--theme-navy);font:500 13px/1.6 "Segoe UI",sans-serif;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-surface) 65%,transparent)}
#login #login-error:not(:empty)::before{content:"!";display:inline-flex;justify-content:center;align-items:center;flex:0 0 20px;height:20px;margin-top:1px;border:1px solid currentColor;border-radius:50%;color:var(--theme-red);font:700 12px/1 "Segoe UI",sans-serif}
#login input[aria-invalid="true"]{border-color:var(--theme-red);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-red) 14%,transparent)}

/* Inline login feedback follows its related field. */
#login #login-form #login-error:not(:empty){margin: -3px 0 2px;padding:10px 12px;font-size:12px;line-height:1.5;border-radius:10px}
#login .login-method-tabs+#login-error:not(:empty){margin:0 0 14px}

.sms-template-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--theme-border)}.sms-template-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sms-template-heading h3{margin:0}.sms-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.sms-template-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--theme-border);border-radius:16px;background:color-mix(in srgb,var(--theme-field) 85%,transparent);min-width:0}.sms-template-card label{display:flex;flex-direction:column;gap:8px}.sms-template-card input,.sms-template-card textarea{width:100%;box-sizing:border-box}.sms-template-card textarea{resize:vertical;min-height:100px}.sms-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:64px;padding:14px;border-radius:12px;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-navy);font-size:13px;line-height:1.7}.sms-template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.sms-template-card .effects-note:empty{display:none}

/* SMS pages: one task per section, using the panel palette. */
#sms-service-card .sms-section-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:6px;margin:18px 0 22px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-field) 70%,transparent)}
#sms-service-card .sms-section-tabs button{padding:10px 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--theme-muted);font-weight:650}
#sms-service-card .sms-section-tabs button.active{background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface));border-color:var(--theme-blue);color:var(--theme-navy)}
#sms-service-card .sms-section-tabs button:focus-visible{outline:2px solid var(--theme-blue);outline-offset:2px}
#sms-service-card .sms-settings-page[hidden]{display:none!important}
#sms-service-card .sms-settings-page>h3{margin:0 0 6px}#sms-service-card .sms-settings-page>.effects-note{margin:0 0 24px}
#sms-service-card .sms-settings-page>.sms-template-section,#sms-service-card .sms-settings-page>.sms-compose{border-top:0;margin-top:0;padding-top:0}
#sms-service-card .sms-login-text{display:grid;gap:12px;margin:24px 0;padding:20px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-field)}
#sms-service-card .sms-login-text label{display:flex;flex-direction:column;gap:10px}#sms-service-card .sms-login-text textarea{width:100%;min-height:110px;box-sizing:border-box;resize:vertical}#sms-service-card .sms-login-text button{justify-self:start}
#sms-service-card>.effects-note:empty{display:none}#sms-service-card .sms-settings-page>.sms-compose>h3{display:none}
@media(max-width:560px){#sms-service-card .sms-section-tabs button{flex:1 1 42%;padding:10px 8px}}

/* Keep the login frame aligned with its real bounds in dark themes. */
#login .login-card{box-sizing:border-box}
body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login .login-card{box-shadow:none;filter:none;border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-surface) 88%,transparent)}
body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login .login-card::after{content:none;display:none}

/* Dark palettes: contain glass edges without oversized shadows or light halos. */
body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]){--glass-shadow:transparent;--glass-highlight:#ffffff0a}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #app main :is(.card,.stats article,.bchat-card,.bvoice-room,.sms-template-card,.login-code-card),
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) .workspace-sidebar{box-sizing:border-box;box-shadow:none!important;filter:none}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #app main .card::before,
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #app main .card::after{content:none!important;display:none!important;box-shadow:none!important}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) :is(dialog,.bvoice-floating-controls,.login-modes-menu){box-sizing:border-box;box-shadow:0 5px 16px #00000024!important;border-color:var(--theme-border)}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #app main :is(.profile-preview,.profile-summary-view,.profile-preview-fields>div,.profile-field){box-sizing:border-box;box-shadow:none!important}

/* Login Modes control: no inherited halo on dark palettes. */
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login :is(.login-modes-toggle,.login-modes-menu,.login-modes-menu button,#beffects-toggle){box-sizing:border-box;box-shadow:none!important;filter:none!important;background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-navy)}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login :is(.login-modes-toggle,.login-modes-menu,.login-modes-menu button,#beffects-toggle)::before,
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login :is(.login-modes-toggle,.login-modes-menu,.login-modes-menu button,#beffects-toggle)::after{content:none!important;display:none!important}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login .login-modes-menu button[aria-pressed=true]{border-color:var(--theme-blue);background:color-mix(in srgb,var(--theme-blue) 18%,var(--theme-surface))}
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login :is(.login-modes-toggle,.login-modes-menu button):focus-visible{outline:2px solid var(--theme-blue);outline-offset:3px}
/* Keep the brand separator visible against dark login backgrounds. */
html body:is([data-mode=dark],[data-mode=dusk],[data-mode=midnight]) #login .login-topline>span:nth-child(2){border-left:1px solid color-mix(in srgb,var(--theme-navy) 48%,transparent);text-shadow:none}