/* Studio 6.0 — approved LiveStars-App-Concept, applied to the live CMS. */
html[data-route="admin"]{--bg:#12151a;--paper:#1b1f26;--raised:#252b35;--ink:#f1f3f7;--muted:#a6aebb;--line:#303640;--accent:#d6c4a5;--green:#9ddac8;--radius:19px;color-scheme:dark}
html[data-route="admin"] body,html[data-route="admin"] #adminView{background:var(--bg);color:var(--ink)}
html[data-route="admin"] #adminView{font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
html[data-route="admin"] #adminView .admin-page:not([hidden]){animation:none!important;opacity:1;transform:none}
html[data-route="admin"] #adminView :is(.primary,.btn.primary,#chatSend){background:#f1f3f7;color:#12151a;border:1px solid #f1f3f7;border-radius:12px;box-shadow:none;font-weight:600;min-height:44px}
html[data-route="admin"] #adminView :is(.primary,.btn.primary,#chatSend):hover{background:#fff;color:#12151a;box-shadow:none}
html[data-route="admin"] #adminView :is(.primary,.btn.primary,#chatSend)::before,html[data-route="admin"] #adminView :is(.primary,.btn.primary,#chatSend)::after{display:none}
html[data-route="admin"] #adminView :is(.secondary,.btn:not(.primary),.icon-btn){background:#ffffff03;border:1px solid var(--line);border-radius:12px;color:var(--muted);box-shadow:none;min-height:40px}
html[data-route="admin"] #adminView .icon-btn{width:40px;height:40px}
html[data-route="admin"] #adminView :is(input,textarea,select){background:#222832;color:var(--ink);border:1px solid var(--line);border-radius:12px;font-size:14px;box-shadow:none}
html[data-route="admin"] #adminView :is(input,textarea,select):focus-visible{outline:2px solid #a9c3ed;outline-offset:3px}
html[data-route="admin"] #adminView :is(.panel,.admin-panel,.admin-metrics article,.site-metrics article,.cr-users,.autopost-card,.report-card,.automation-card,.cms-preview){background:var(--paper);border:1px solid var(--line);border-radius:19px;box-shadow:none}
html[data-route="admin"] #adminView .topbar{background:#12151af5;border-color:var(--line);box-shadow:none;backdrop-filter:blur(18px)}
html[data-route="admin"] #adminView #adminMenu{background:#101318;border-color:var(--line)}
html[data-route="admin"] #adminView #adminMenu .cms-nav-link{font-size:13px;border:1px solid transparent;border-radius:12px;color:var(--muted)}
html[data-route="admin"] #adminView #adminMenu .cms-nav-link.active{background:#d6c4a50d;border-color:#d6c4a526;color:var(--accent);box-shadow:none}
html[data-route="admin"] #adminView #adminMenu .cms-nav-caption{font-size:10px;color:var(--muted);letter-spacing:1.2px}
html[data-route="admin"] #adminView .cr-sidebar-brand small{color:var(--muted);font-size:9px}
html[data-route="admin"] #adminView .cr-top-context{color:var(--muted);font-size:12px}
html[data-route="admin"] #adminView .cr-top-context strong{color:var(--ink)}
html[data-route="admin"] #adminView .cr-home .page-heading h1{font-weight:600;font-size:30px;letter-spacing:-.8px;color:var(--ink)}
html[data-route="admin"] #adminView .cr-home .page-heading p{font-size:13px;color:var(--muted);margin-top:8px}
html[data-route="admin"] #adminView .cr-home .page-heading .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.4px}
html[data-route="admin"] #adminView .cr-project-tabs{display:flex;gap:4px;padding:4px;background:#0e1116;border-radius:13px;max-width:450px;margin-bottom:18px}
html[data-route="admin"] #adminView .cr-project-tabs button{flex:1;min-height:40px;border-radius:10px;font-size:13px;display:flex;gap:8px;align-items:center;justify-content:center;color:var(--muted)}
html[data-route="admin"] #adminView .cr-project-tabs button[aria-pressed=true]{background:var(--raised);color:var(--ink);box-shadow:0 2px 7px #0002}
html[data-route="admin"] #adminView .cr-project-tabs i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
html[data-route="admin"] #adminView .cr-project-tabs button:last-child i{background:#a9c3ed}
html[data-route="admin"] #adminView .cr-period-bar>div{padding:0;gap:3px;border:0;background:none;border-radius:0}
html[data-route="admin"] #adminView .cr-period-bar button{font-size:12px;min-height:40px;padding:8px 12px;color:var(--muted);border-radius:9px}
html[data-route="admin"] #adminView .cr-period-bar button[aria-pressed=true]{background:#d6c4a50c;color:var(--accent)}
html[data-route="admin"] #adminView .cr-period-bar>span{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:none;border:0;border-radius:0;gap:12px;padding:0;box-shadow:none;margin-bottom:22px;overflow:visible}
html[data-route="admin"] #adminView .cr-home .kpi{display:block;padding:18px;min-height:136px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:none}
html[data-route="admin"] #adminView .cr-home .kpi:nth-child(3){background:#d6c4a512;border-color:#d6c4a533}
html[data-route="admin"] #adminView .cr-home .kpi-label{font-size:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .kpi-label svg{color:var(--muted);width:15px;height:15px}
html[data-route="admin"] #adminView .cr-home .kpi-bottom{display:flex;margin-top:13px;flex-wrap:wrap;gap:8px}
html[data-route="admin"] #adminView .cr-home .kpi-value{font-size:34px;line-height:1.1;color:var(--ink);font-weight:400;letter-spacing:-1px}
html[data-route="admin"] #adminView .cr-home .kpi:nth-child(3) .kpi-value{color:var(--accent)}
html[data-route="admin"] #adminView .cr-home .kpi-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}
html[data-route="admin"] #adminView .cr-home .kpi-change{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .dashboard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}
html[data-route="admin"] #adminView .cr-home .panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;box-shadow:none}
html[data-route="admin"] #adminView .cr-home .block-head{padding:18px 20px;min-height:68px}
html[data-route="admin"] #adminView .cr-home .block-head h2{font-size:15px;font-weight:600}
html[data-route="admin"] #adminView .cr-home .block-head p{font-size:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .pill{font-size:11px;line-height:1.5}
html[data-route="admin"] #adminView .cr-support-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 20px 20px}
html[data-route="admin"] #adminView .cr-support-summary b{display:block;font-weight:500;font-size:13px}
html[data-route="admin"] #adminView .cr-support-summary div>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
html[data-route="admin"] #adminView .cr-support-summary button{min-width:44px;min-height:44px;color:var(--green)}
html[data-route="admin"] #adminView .cr-support-summary .kpi-value{color:var(--green);font-size:30px}
html[data-route="admin"] #adminView .cr-home .person-text b{font-size:13px;font-weight:500}
html[data-route="admin"] #adminView .cr-home .person-text p{font-size:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .priority-item{padding:16px 0;gap:12px}
html[data-route="admin"] #adminView .cr-home .priority-meta{max-width:100px;text-align:right}
html[data-route="admin"] #adminView .cr-home .person-time{font-size:10px;white-space:normal;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .reply-link{font-size:11px;color:var(--accent)}
html[data-route="admin"] #adminView .cr-home .priority-footer{font-size:11px;flex-wrap:wrap;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .priority-footer .text-btn{font-size:12px}
html[data-route="admin"] #adminView .avatar{background:#a9c3ed13;color:#a9c3ed;border:0;border-radius:11px;width:36px;height:36px}
html[data-route="admin"] #adminView .avatar.sage{background:#9ddac815;color:#9ddac8}
html[data-route="admin"] #adminView .cr-home .funnel-content{display:block;padding:0 20px 14px}
html[data-route="admin"] #adminView .cr-home .conversion-card{display:flex;align-items:center;gap:20px;padding:0 0 22px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0}
html[data-route="admin"] #adminView .cr-home .conversion-number{font-size:44px;line-height:1.1;letter-spacing:-1.5px;color:var(--accent);flex:none}
html[data-route="admin"] #adminView .cr-home .conversion-number small{font-size:26px}
html[data-route="admin"] #adminView .cr-home .conversion-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:320px}
html[data-route="admin"] #adminView .cr-home .conversion-card p b{font-weight:500;color:var(--ink)}
html[data-route="admin"] #adminView .cr-home .funnel-caption{font-size:11px;color:var(--muted);padding:14px 0 7px}
html[data-route="admin"] #adminView .cr-home .funnel-line{padding:11px 0;gap:7px 10px;min-height:48px}
html[data-route="admin"] #adminView .cr-home .funnel-name{font-size:13px;color:var(--ink)}
html[data-route="admin"] #adminView .cr-home .funnel-value{font-size:13px;color:var(--ink)}
html[data-route="admin"] #adminView .cr-home .funnel-share,html[data-route="admin"] #adminView .cr-home .step-index{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-home .funnel-track{height:3px;background:#ffffff09}
html[data-route="admin"] #adminView .cr-home .funnel-track i{background:#a9c3ed}
html[data-route="admin"] #adminView .cr-home .funnel-line:last-child .funnel-track i{background:var(--accent)}
html[data-route="admin"] #adminView .cr-home .block-note{font-size:11px;line-height:1.7;color:var(--muted);padding:14px 20px}
html[data-route="admin"] #adminView .people-table{color:var(--ink);background:none}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics){background:none;border:0;box-shadow:none;padding:0;gap:12px}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics) article{min-height:115px;padding:18px;border-radius:16px}
html[data-route="admin"] #adminView .people-table th{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .people-table td{font-size:13px}
html[data-route="admin"] #adminView .people-table .name-btn b{font-size:14px}
@media(min-width:651px){html[data-route="admin"] #adminView .cr-users{display:block;min-height:0}html[data-route="admin"] #adminView .cr-users .cr-table-wrap{width:100%;overflow-x:auto}html[data-route="admin"] #adminView .cr-users .people-table{display:table;width:100%;min-width:700px;table-layout:fixed}html[data-route="admin"] #adminView .cr-users .people-table thead{display:table-header-group}html[data-route="admin"] #adminView .cr-users .people-table tbody{display:table-row-group}html[data-route="admin"] #adminView .cr-users .people-table tr{display:table-row;height:auto}html[data-route="admin"] #adminView .cr-users .people-table :is(th,td){padding:16px 18px;vertical-align:middle;border-bottom:1px solid var(--line)}}
html[data-route="admin"] #adminView .sub,html[data-route="admin"] #adminView .cr-user-toolbar span{font-size:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-overlay{background:#06080cb3;backdrop-filter:blur(8px)}
html[data-route="admin"] #adminView .cr-overlay :is(.modal,.drawer){background:#222832;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 80px #0004}
html[data-route="admin"] #adminView .cr-overlay .modal-head h2{font-size:22px;font-weight:600;letter-spacing:-.5px}
html[data-route="admin"] #adminView .cr-overlay .modal-head p{font-size:13px;color:var(--muted)}
html[data-route="admin"] #adminView .profile-details{display:block}
html[data-route="admin"] #adminView .profile-details>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}
html[data-route="admin"] #adminView .profile-details dt{flex:1;color:var(--muted);font-size:12px}
html[data-route="admin"] #adminView .profile-details dd{flex:1;font-size:13px;text-align:right;overflow-wrap:anywhere;color:var(--ink);margin:0}
html[data-route="admin"] #adminView :is(.profile-step,.form-note,.cr-timeline-event time,.cr-timeline-event p){font-size:12px;line-height:1.7;color:var(--muted)}
html[data-route="admin"] #adminView .cr-timeline-event b{font-size:13px;color:var(--ink)}
html[data-route="admin"] #adminView .chat-workspace{background:var(--paper);border-color:var(--line);border-radius:19px}
html[data-route="admin"] #adminView .chat-ticket{min-height:76px;color:var(--ink)}
html[data-route="admin"] #adminView .chat-ticket.is-selected{background:#a9c3ed0b;box-shadow:inset 2px 0 #a9c3ed}
html[data-route="admin"] #adminView .chat-ticket-content>span{font-size:13px;color:var(--muted)}
html[data-route="admin"] #adminView .chat-ticket-status{flex:none;align-self:center;padding:5px 8px;border-radius:7px;background:#ffffff08;color:var(--muted);font-size:11px;white-space:nowrap}
html[data-route="admin"] #adminView .chat-ticket-status.is-waiting{background:#9ddac80c;color:var(--green)}
html[data-route="admin"] #adminView #chatSearchToggle{display:none}
html[data-route="admin"] #adminView .chat-message{background:#252b35;color:var(--ink);font-size:14px;line-height:1.65;border:1px solid var(--line);border-radius:16px 16px 16px 4px;box-shadow:none;padding:14px}
html[data-route="admin"] #adminView .chat-message.from-admin{background:#31443e;border-color:#9ddac824;border-radius:16px 16px 4px 16px;color:#e0eee8}
html[data-route="admin"] #adminView .chat-composer{background:var(--bg);border-color:var(--line);border-radius:0}
html[data-route="admin"] #adminView .chat-composer textarea{background:#222832;border-color:var(--line);font-size:14px;border-radius:14px}
html[data-route="admin"] #adminView .chat-person-details{background:#222832;border-color:var(--line)}
html[data-route="admin"] #adminView #chatNavBadge{background:var(--green);color:#12151a;border:0;box-shadow:none}
@media(max-width:1000px){html[data-route="admin"] #adminView .cr-home .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){html[data-route="admin"] #adminView .cr-home .dashboard{display:flex;flex-direction:column}html[data-route="admin"] #adminView .cr-home .dashboard>.panel{width:100%}}
@media(max-width:650px){
 html[data-route="admin"] body.admin-authorized #adminView,html[data-route="admin"] #adminView{padding:0 20px calc(94px + env(safe-area-inset-bottom))}
 html[data-route="admin"] body.admin-authorized #adminView>.topbar{margin:0 -20px 24px;padding:14px 20px;width:calc(100% + 40px)}
 html[data-route="admin"] #adminView #adminBrand .brand-copy{display:flex;flex-direction:column;gap:4px}
 html[data-route="admin"] #adminView #adminBrand .brand-name{font-size:17px}
 html[data-route="admin"] #adminView #adminBrand .brand-suffix{display:block;font-size:7px;letter-spacing:1.8px;color:var(--muted);margin:0}
 html[data-route="admin"] #adminView .top-actions{gap:6px}
 html[data-route="admin"] #adminView .top-actions>.row{gap:0}
 html[data-route="admin"] #adminView .top-actions :is(.project-control,.search-trigger){display:none}
 html[data-route="admin"] #adminView #adminMenu{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 14px calc(10px + env(safe-area-inset-bottom));background:#15191ff5;border-color:var(--line)}
 html[data-route="admin"] #adminView #adminMenu>.cms-nav-link{font-size:11px;padding:7px 2px;min-height:55px;gap:6px;border:0;border-radius:13px}
 html[data-route="admin"] #adminView #adminMenu>.cms-nav-link svg{width:22px;height:22px}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-link.active{background:#d6c4a50a;border:0}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary{position:fixed;inset:74px 0 calc(78px + env(safe-area-inset-bottom));max-height:none;margin:0;padding:28px 20px;overflow:auto;background:var(--bg);border:0;border-radius:0;box-shadow:none;align-content:start;gap:0}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-caption{display:block;margin:0;padding:0 0 24px;font-size:26px;font-weight:600;letter-spacing:-.6px;color:var(--ink)}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link{background:var(--paper);border:1px solid var(--line);border-bottom:0;border-radius:0;padding:20px 16px;min-height:68px;font-size:14px}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link:nth-child(2){border-radius:19px 19px 0 0}
 html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link:last-child{border-radius:0 0 19px 19px;border-bottom:1px solid var(--line)}
 html[data-route="admin"] #adminView .cr-home .page-heading h1{font-size:27px}
 html[data-route="admin"] #adminView .cr-home .page-heading p{font-size:12px}
 html[data-route="admin"] #adminView .cr-home .heading-actions .primary{display:none}
 html[data-route="admin"] #adminView .cr-project-tabs{max-width:none}
 html[data-route="admin"] #adminView .cr-period-bar>div{width:100%}
 html[data-route="admin"] #adminView .cr-period-bar button{flex:1;padding:8px 6px;font-size:12px}
 html[data-route="admin"] #adminView .cr-period-bar>span{font-size:10px}
 html[data-route="admin"] #adminView .cr-home .kpi-grid{gap:10px}
 html[data-route="admin"] #adminView .cr-home .kpi,html[data-route="admin"] #adminView .cr-home .kpi:last-child{display:block;grid-column:auto;min-height:130px;padding:15px}
 html[data-route="admin"] #adminView .cr-home .kpi:last-child .kpi-bottom{max-width:none;justify-content:space-between}
 html[data-route="admin"] #adminView .cr-home .kpi-value{font-size:32px}
 html[data-route="admin"] #adminView .cr-home .dashboard{gap:16px}
 html[data-route="admin"] #adminView .cr-home .block-head{padding:18px 16px}
 html[data-route="admin"] #adminView .cr-home .block-head .head-icon{display:none}
 html[data-route="admin"] #adminView .cr-home :is(.priority-list,.funnel-content){padding-left:16px;padding-right:16px}
 html[data-route="admin"] #adminView .cr-support-summary{padding:0 16px 16px}
 html[data-route="admin"] #adminView .cr-home .priority-meta{max-width:72px}
 html[data-route="admin"] #adminView .cr-home .conversion-number{font-size:40px}
 html[data-route="admin"] #adminView .cr-overlay,html[data-route="admin"] #adminView .drawer-overlay{display:flex;align-items:flex-end;padding:10px}
 html[data-route="admin"] #adminView .cr-overlay :is(.modal,.drawer){width:100%;max-height:calc(100dvh - 30px);border-radius:24px;padding:22px 18px}
 html[data-route="admin"] #adminView .cr-overlay .modal-head h2{font-size:21px}
 html[data-route="admin"] #adminView :is(input,textarea,select){font-size:16px}
 html[data-route="admin"] #adminView:has(.support-page.chat-open)>.topbar,html[data-route="admin"] #adminView:has(.support-page.chat-open)>#adminMenu{display:none}
 html[data-route="admin"] #adminView:has(.support-page.chat-open){padding:0}
 html[data-route="admin"] #adminView .support-page.chat-open{padding:0;margin:0;min-height:100dvh}
 html[data-route="admin"] #adminView .support-page.chat-open .chat-workspace{border:0;border-radius:0}
 html[data-route="admin"] #adminView .chat-message{max-width:92%}
}
@media(max-width:350px){
 html[data-route="admin"] #adminView,html[data-route="admin"] body.admin-authorized #adminView{padding-left:15px;padding-right:15px}
 html[data-route="admin"] body.admin-authorized #adminView>.topbar{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);padding-left:15px;padding-right:15px}
 html[data-route="admin"] #adminView .cr-home .kpi{padding:13px}
 html[data-route="admin"] #adminView .cr-home .kpi-label{font-size:11px}
 html[data-route="admin"] #adminView .cr-home .kpi-note{font-size:10px}
 html[data-route="admin"] #adminView .cr-home .funnel-name{font-size:12px}
 html[data-route="admin"] #adminView .cr-home .page-heading h1{font-size:25px}
 html[data-route="admin"] #adminView #adminBrand .brand-copy{display:flex}
}
@media(max-width:650px){
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head{margin:18px 0 18px;align-items:center}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head h2{font-size:28px;letter-spacing:-.8px}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head p{font-size:13px;color:var(--muted)}
 html[data-route="admin"] #adminView #chatSearchToggle{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--line);border-radius:11px;background:#ffffff03;color:var(--muted)}
 html[data-route="admin"] #adminView #chatSearchToggle svg{width:18px;height:18px}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-workspace{display:block;min-height:0;border:0;background:none;overflow:visible}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-sidebar{padding:0;border:0}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-search{display:none;margin-bottom:12px}
 html[data-route="admin"] #adminView .support-page.search-open:not(.chat-open) .chat-search{display:grid}
 html[data-route="admin"] #adminView .chat-filters{flex-wrap:nowrap;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 16px}
 html[data-route="admin"] #adminView .chat-filters::-webkit-scrollbar{display:none}
 html[data-route="admin"] #adminView .chat-filters button{flex:none;min-height:36px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);white-space:nowrap;font-size:12px}
 html[data-route="admin"] #adminView .chat-filters button[aria-pressed=true]{background:#d6c4a510;border-color:#d6c4a526;color:var(--accent)}
 html[data-route="admin"] #adminView .chat-list{display:block;max-height:none;overflow:visible;border:1px solid var(--line);border-radius:19px;background:var(--paper)}
 html[data-route="admin"] #adminView button.chat-ticket{display:flex;align-items:center;gap:11px;min-height:77px;padding:14px 15px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
 html[data-route="admin"] #adminView button.chat-ticket:last-of-type{border-bottom:0}
 html[data-route="admin"] #adminView .chat-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px;background:#293440;color:#bad1e9;font-size:12px}
 html[data-route="admin"] #adminView .chat-ticket:nth-child(2) .chat-avatar{background:#253a35;color:#b1dfcf}
 html[data-route="admin"] #adminView .chat-ticket:nth-child(3) .chat-avatar{background:#3b2d38;color:#dfbcd2}
 html[data-route="admin"] #adminView .chat-ticket-content{gap:4px}
 html[data-route="admin"] #adminView .chat-ticket-content strong{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .chat-ticket-content>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .chat-ticket-content small,html[data-route="admin"] #adminView .chat-ticket .chat-unread{display:none}
 html[data-route="admin"] #adminView .chat-ticket-status{font-size:10px}
 html[data-route="admin"] #adminView #adminMenu>.cms-nav-link.active{color:var(--accent)}
}
/* Audience rows follow the app concept; complete details stay in the profile. */
html[data-route="admin"] #adminView .cr-mobile-users{display:none}
html[data-route="admin"] #adminView .cr-overlay .profile-drawer{display:flex;flex-direction:column;overflow:hidden;padding:0}
html[data-route="admin"] #adminView .profile-drawer>.modal-head{flex:none;margin:0;padding:20px 22px;border-bottom:1px solid var(--line)}
html[data-route="admin"] #adminView .profile-drawer>.modal-head .icon-btn{width:40px;height:40px;min-height:40px;border-radius:11px}
html[data-route="admin"] #adminView .profile-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 22px;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3a4452 transparent}
html[data-route="admin"] #adminView .profile-scroll>.primary{width:100%;margin-top:18px}
@media(max-width:650px){
 html[data-route="admin"] #adminView .cr-users{background:var(--paper);border-color:var(--line);border-radius:19px}
 html[data-route="admin"] #adminView .cr-users>.cr-table-wrap{display:none}
 html[data-route="admin"] #adminView .cr-mobile-users{display:block}
 html[data-route="admin"] #adminView .cr-user-row{display:flex;width:100%;min-height:76px;align-items:center;gap:11px;padding:15px;text-align:left;border-bottom:1px solid var(--line);border-radius:0;background:none}
 html[data-route="admin"] #adminView .cr-user-row:last-child{border-bottom:0}
 html[data-route="admin"] #adminView .cr-user-row .avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;font-size:11px}
 html[data-route="admin"] #adminView .cr-user-person{flex:1;min-width:0;display:grid;gap:5px}
 html[data-route="admin"] #adminView .cr-user-person b{font-size:14px;font-weight:550;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .cr-user-person>span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .cr-user-meta{flex:none;display:grid;justify-items:end;gap:5px;font-size:10px;color:var(--muted)}
 html[data-route="admin"] #adminView .cr-user-state{font-size:9px;padding:4px 6px;border-radius:5px;background:#ffffff06}
 html[data-route="admin"] #adminView .cr-user-state.online{background:#9ddac80b;color:var(--green)}
 html[data-route="admin"] #adminView .cr-user-state.blocked{background:#d6c4a50b;color:var(--accent)}
 html[data-route="admin"] #adminView .cr-user-toolbar{display:block}
 html[data-route="admin"] #adminView .cr-user-toolbar>span{display:none}
 html[data-route="admin"] #adminView .cr-user-toolbar input{width:100%;max-width:none;min-height:43px;font-size:14px;border-radius:12px}
 html[data-route="admin"] #adminView .cr-overlay.drawer-overlay{align-items:flex-end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}
 html[data-route="admin"] #adminView .cr-overlay .profile-drawer{width:100%;height:min(850px,calc(100dvh - 32px));border-radius:24px;padding:0}
 html[data-route="admin"] #adminView .profile-drawer>.modal-head{padding:14px 18px}
 html[data-route="admin"] #adminView .profile-drawer>.modal-head h2{font-size:18px}
 html[data-route="admin"] #adminView .profile-scroll{padding:20px 18px}
}
@media(prefers-reduced-motion:reduce){html[data-route="admin"] #adminView *{scroll-behavior:auto;transition:none;animation:none}}
/* 8.0.2: compact activity and site visitors, matching the audience list. */
html[data-route="admin"] #adminView .cr-user-row{min-height:80px;padding:12px 15px}
html[data-route="admin"] #adminView .cr-user-person{gap:3px}
html[data-route="admin"] #adminView .cr-user-person>.cr-user-activity,html[data-route="admin"] #adminView td>.cr-user-activity{font-size:11px;color:var(--muted);line-height:15px}
html[data-route="admin"] #adminView #siteRecent{display:block;gap:0;border:1px solid var(--line);border-radius:19px;background:var(--paper);overflow:hidden}
html[data-route="admin"] #adminView #siteRecent .site-visit-row{margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
html[data-route="admin"] #adminView #siteRecent .site-visit-row:last-child{border-bottom:0}
html[data-route="admin"] #adminView #siteRecent .site-visit-summary{display:flex;align-items:center;gap:11px;min-height:80px;padding:12px 32px 12px 15px;background:transparent}
html[data-route="admin"] #adminView #siteRecent .site-visit-summary:after{right:14px;bottom:auto;top:calc(50% - 5px);width:6px;height:6px}
html[data-route="admin"] #adminView #siteRecent .site-visit-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#a5b0c71a;color:#a5b0c7}
html[data-route="admin"] #adminView #siteRecent .online .site-visit-avatar{background:#9ddac81a;color:var(--green)}
html[data-route="admin"] #adminView #siteRecent .site-visit-avatar svg{width:18px;height:18px}
html[data-route="admin"] #adminView #siteRecent .site-visit-person{display:grid;gap:3px;flex:1;min-width:0}
html[data-route="admin"] #adminView #siteRecent .site-visit-person :is(strong,time,.site-visit-preview){display:block;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}
html[data-route="admin"] #adminView #siteRecent .site-visit-person strong{font-size:14px;font-weight:550;line-height:18px;color:var(--ink)}
html[data-route="admin"] #adminView #siteRecent .site-visit-person :is(time,.site-visit-preview){font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView #siteRecent .online time{color:var(--green)}
html[data-route="admin"] #adminView #siteRecent .site-visit-compact-meta{display:grid;justify-items:end;gap:5px;flex:none;font-size:10px;color:var(--muted)}
html[data-route="admin"] #adminView #siteRecent .site-visit-result{max-width:90px;padding:4px 6px;border-radius:5px;background:#d6c4a50b;font-size:9px;line-height:13px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-route="admin"] #adminView #siteRecent .site-visit-details{padding:4px 15px 15px;border-top:1px solid var(--line)}
html[data-route="admin"] #adminView #siteRecent .site-visit-location{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px 15px;padding:12px 0;font-size:11px;border:0;background:transparent}
html[data-route="admin"] #adminView #siteRecent .site-visit-location :is(span,b){min-width:0;font-size:11px;overflow-wrap:anywhere}
html[data-route="admin"] #adminView #siteRecent .site-visit-actions{display:grid;gap:8px;font-size:11px}
/* 8.0.3: activity in the corner; name and guide status keep two quiet lines. */
/* CMS 8.0.4 — the same compact audience component on web and Android. */
html[data-route="admin"] #adminView .cr-mobile-users{display:block}
html[data-route="admin"] #adminView .cr-users>.cr-table-wrap{display:none}
html[data-route="admin"] #adminView .cr-user-row{display:flex;width:100%;min-height:76px;align-items:center;gap:11px;padding:12px 15px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:inherit}
html[data-route="admin"] #adminView .cr-user-row:last-child{border-bottom:0}
html[data-route="admin"] #adminView .cr-user-row:hover{background:#ffffff03}
html[data-route="admin"] #adminView .cr-user-row:focus-visible{outline:2px solid #a9c3ed;outline-offset:-3px}
html[data-route="admin"] #adminView .cr-user-row .avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;font-size:11px}
html[data-route="admin"] #adminView .cr-user-person{flex:1;min-width:0;display:grid;gap:3px}
html[data-route="admin"] #adminView .cr-user-person b{font-size:14px;line-height:20px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-route="admin"] #adminView .cr-user-person>span{font-size:12px;line-height:18px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-route="admin"] #adminView .cr-user-meta{box-sizing:border-box;width:104px;flex:0 0 104px;display:grid;justify-items:end;align-self:center;gap:5px;padding:6px 7px;border:1px solid #303640a6;border-radius:9px;background:#252b3573}
html[data-route="admin"] #adminView .cr-user-flags{display:flex;width:100%;align-items:center;justify-content:space-between;gap:5px;font-size:9px;line-height:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-user-language{max-width:25px;overflow:hidden;text-overflow:ellipsis}
html[data-route="admin"] #adminView .cr-user-state{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:0;border:0;border-radius:0;background:none;font-size:9px;line-height:12px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-user-state i{width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}
html[data-route="admin"] #adminView .cr-user-state.online{background:none;color:var(--green)}
html[data-route="admin"] #adminView .cr-user-state.blocked{background:none;color:var(--accent)}
html[data-route="admin"] #adminView .cr-user-activity{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:0;border:0;background:none;color:var(--muted);font-size:10px;line-height:13px;white-space:nowrap}
html[data-route="admin"] #adminView .cr-user-activity>svg{width:11px;height:11px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-route="admin"] #adminView .cr-user-activity>[data-last-activity]{overflow:hidden;text-overflow:ellipsis}
/* Profile typography and progress mirror UserProfileSheet in the native app. */
html[data-route="admin"] #adminView .profile-hero h2{font-size:23px;line-height:28px;font-weight:500}
html[data-route="admin"] #adminView .profile-hero p{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-timeline h3{font-size:13px;font-weight:500}
html[data-route="admin"] #adminView .cr-timeline-event b{font-size:12px;font-weight:400}
html[data-route="admin"] #adminView .cr-timeline-event time,html[data-route="admin"] #adminView .cr-timeline-event p{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .profile-steps{display:grid;grid-template-columns:1fr;gap:12px}
html[data-route="admin"] #adminView .profile-step{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;font-size:12px}
html[data-route="admin"] #adminView .profile-step>span{width:22px;height:22px;flex:none;border-radius:50%;font-size:11px}

html[data-route="admin"] #adminView .cr-overlay .profile-drawer{background:var(--raised);border-color:var(--line)}

/* One app shell at every viewport; desktop keeps the native navigation model. */
html[data-route="admin"] body.admin-authorized #adminView{width:100%;max-width:900px;min-height:100dvh;margin:0 auto;padding:0 14px calc(88px + env(safe-area-inset-bottom));background:var(--bg)}
html[data-route="admin"] body.admin-authorized #adminView>.topbar{position:sticky;top:0;min-height:68px;width:calc(100% + 28px);margin:0 -14px 18px;padding:10px 14px;border-bottom:0;background:var(--bg);gap:0;box-shadow:none}
html[data-route="admin"] body.admin-authorized #adminView>.topbar>.brand{display:flex;gap:10px;min-width:0}
html[data-route="admin"] #adminView #adminBrand>.cr-brand-logo{width:40px;height:40px;flex:0 0 40px}
html[data-route="admin"] #adminView #adminBrand .brand-copy{display:flex;flex-direction:column;gap:3px}
html[data-route="admin"] #adminView #adminBrand .brand-name{font-size:18px;font-weight:500;line-height:22px;letter-spacing:-.5px}
html[data-route="admin"] #adminView #adminBrand .brand-suffix{display:block;margin:0;color:var(--muted);font-size:8px;font-weight:400;line-height:11px;letter-spacing:1.6px}
html[data-route="admin"] #adminView .cr-top-context,
html[data-route="admin"] #adminView .top-actions :is(.project-control,.search-trigger,.automation-shortcut,.admin-app-link){display:none}
html[data-route="admin"] #adminView .top-actions{gap:0;margin-left:auto}
html[data-route="admin"] #adminView .top-actions>.row{gap:0}
html[data-route="admin"] #adminView .top-actions :is(.notification-bell,.admin-top-logout){width:48px;height:48px;min-width:48px;padding:12px;border:0;border-radius:12px;background:none}
html[data-route="admin"] #adminView .top-actions svg{width:24px;height:24px}
html[data-route="admin"] #adminView #adminMenu{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);width:100%;max-width:900px;height:auto;max-height:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:5px 12px calc(5px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);border-radius:0;background:var(--paper);overflow:visible;backdrop-filter:none}
html[data-route="admin"] #adminView #adminMenu>:is(.cr-sidebar-brand,.cms-nav-caption,.cms-nav-footer){display:none}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;height:60px;padding:0;border:0;border-radius:13px;background:none;font-size:11px;line-height:16px;color:var(--muted)}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link.active{background:none;border:0;color:var(--accent)}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link>span{display:block}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link>.cr-nav-glyph{display:grid;place-items:center;position:relative;width:44px;height:29px;border-radius:10px}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link.active>.cr-nav-glyph{background:#d6c4a517}
html[data-route="admin"] #adminView #adminMenu>.cms-nav-link svg{width:23px;height:23px;stroke-width:1.5}
html[data-route="admin"] #adminView #chatNavBadge{position:absolute;top:-2px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;font-size:9px;line-height:14px}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary{display:none;position:fixed;inset:auto 0 calc(70px + env(safe-area-inset-bottom));width:100%;max-height:calc(100dvh - 138px);margin:0;padding:24px 14px;gap:0;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:19px 19px 0 0;box-shadow:0 -12px 40px #0003}
html[data-route="admin"] #adminView #adminMenu.is-expanded .cms-nav-secondary{display:grid}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-caption{display:block;margin:0;padding:0 0 20px;font-size:25px;line-height:31px;font-weight:500;letter-spacing:-.6px;color:var(--ink)}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;min-height:68px;padding:18px 16px;border:1px solid var(--line);border-bottom:0;border-radius:0;background:var(--paper);font-size:14px}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link>span{display:block}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link:nth-child(2){border-radius:19px 19px 0 0}
html[data-route="admin"] #adminView #adminMenu .cms-nav-secondary>.cms-nav-link:last-child{border-bottom:1px solid var(--line);border-radius:0 0 19px 19px}
html[data-route="admin"] #adminView .cr-home .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-route="admin"] #adminView .cr-home .dashboard{display:flex;flex-direction:column;gap:16px}
html[data-route="admin"] #adminView .cr-home .dashboard>.panel{width:100%}
html[data-route="admin"] #adminView .cr-home .page-heading h1{font-size:25px;line-height:31px;font-weight:500;letter-spacing:-.6px}
html[data-route="admin"] #adminView .cr-home .heading-actions .primary{display:none}
html[data-route="admin"] #adminView .cr-overlay .profile-drawer{width:100%;max-width:560px;max-height:90dvh}
html[data-route="admin"] #adminView .profile-scroll{display:flex;flex-direction:column;gap:18px;padding:20px;scrollbar-gutter:stable}
html[data-route="admin"] #adminView .profile-hero{padding:0;border:0;gap:12px}
html[data-route="admin"] #adminView .profile-hero .avatar{width:48px;height:48px;flex:0 0 48px}
html[data-route="admin"] #adminView .profile-badges{display:flex;gap:9px;align-items:center}
html[data-route="admin"] #adminView .cr-timeline{padding:0;border:0}
html[data-route="admin"] #adminView .cr-timeline h3{margin:0 0 14px;line-height:18px}
html[data-route="admin"] #adminView .cr-timeline-event{padding:0 0 14px;gap:12px}
html[data-route="admin"] #adminView .cr-timeline-event>span{width:6px;height:6px;flex-basis:6px}
html[data-route="admin"] #adminView .cr-timeline-event b{line-height:18px}
html[data-route="admin"] #adminView .cr-timeline-event time{margin-top:4px;line-height:16px}
html[data-route="admin"] #adminView .cr-timeline .form-note{margin:0;padding:0;font-size:11px;line-height:16px}
html[data-route="admin"] #adminView .profile-details{margin:0;border-top:1px solid var(--line)}
html[data-route="admin"] #adminView .profile-details>div{padding:18px 0}
html[data-route="admin"] #adminView .profile-current{margin:0;padding:13px;gap:10px}
html[data-route="admin"] #adminView .profile-current span{font-size:11px}
html[data-route="admin"] #adminView .profile-current b{font-size:12px;font-weight:400}
html[data-route="admin"] #adminView .profile-journey{padding-top:18px;border-color:var(--line)}
html[data-route="admin"] #adminView .profile-journey h3{font-size:12px;font-weight:500}
html[data-route="admin"] #adminView .profile-scroll>.primary{flex:none;min-height:44px;margin-top:0}
@media(min-width:651px){html[data-route="admin"] #adminView .drawer-overlay{align-items:flex-end;justify-content:center;padding:12px}}

html[data-route="admin"] #adminView #adminMenu>.cms-nav-link>.cr-nav-glyph{font-style:normal}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics)>article{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:76px;height:auto;padding:10px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics)>article>span{font-size:11px;line-height:14px;color:var(--muted)}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics)>article>strong{font-size:26px;line-height:30px;font-weight:400;color:var(--ink)}
html[data-route="admin"] #adminView :is(.admin-metrics,.site-metrics)>.metric-online>strong{color:var(--green)}
html[data-route="admin"] #adminView .admin-metrics>.metric-blocked>strong{color:var(--accent)}
html[data-route="admin"] #adminView .admin-title.compact h2{font-size:25px;line-height:31px;font-weight:500;letter-spacing:-.6px}
html[data-route="admin"] #adminView .admin-title.compact .eyebrow{font-size:11px;line-height:16px;letter-spacing:1.5px;color:var(--muted)}
html[data-route="admin"] #adminView :is(.site-funnel-panel,.models-funnel-panel){padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:none}
html[data-route="admin"] #adminView .site-funnel{display:flex;flex-direction:column;gap:8px}
html[data-route="admin"] #adminView .site-funnel .cms-conversion{display:flex;justify-content:flex-start;align-items:center;gap:18px;text-align:left;padding:8px 0;border:0}
html[data-route="admin"] #adminView .cms-conversion-ring{width:auto;height:auto;flex:none}
html[data-route="admin"] #adminView .cms-conversion-ring svg{display:none}
html[data-route="admin"] #adminView .cms-conversion-ring strong{font-size:40px;line-height:46px;font-weight:400;color:var(--accent)}
html[data-route="admin"] #adminView .cms-conversion-ring strong small{font-size:24px;color:inherit}
html[data-route="admin"] #adminView .cms-conversion>p{margin:0;font-size:12px;line-height:18px;color:var(--ink)}
html[data-route="admin"] #adminView .cms-conversion>p small{font-size:11px;line-height:16px;color:var(--muted)}
html[data-route="admin"] #adminView .site-funnel .funnel-journey{width:100%;display:grid;gap:0}
html[data-route="admin"] #adminView .site-funnel .site-funnel-step{min-height:48px;padding:8px 0;grid-template-columns:20px minmax(0,1fr) 36px 30px;border:0;border-radius:0;background:none;gap:7px}
html[data-route="admin"] #adminView .site-funnel-step .funnel-step-body strong{font-size:12px;line-height:18px;font-weight:400;color:var(--ink)}
html[data-route="admin"] #adminView .site-funnel-step .funnel-step-body i{height:3px;background:#ffffff09}
html[data-route="admin"] #adminView .site-funnel-step .funnel-step-body u{background:#a9c3ed}
html[data-route="admin"] #adminView .site-funnel-step:last-child .funnel-step-body u{background:var(--accent)}
html[data-route="admin"] #adminView .cr-user-toolbar{display:grid;gap:6px;margin:12px 0}
html[data-route="admin"] #adminView .cr-user-toolbar>span{font-size:11px;color:var(--muted)}
html[data-route="admin"] #adminView .cr-user-toolbar input{width:100%;max-width:none;min-height:48px;padding:12px 14px;border-radius:12px;background:transparent;font-size:14px}
html[data-route="admin"] #adminView .user-filter-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:10px;scrollbar-width:thin}
html[data-route="admin"] #adminView .user-filter-chips button{flex:none;min-height:32px;font-size:12px;padding:6px 10px;border-radius:8px}

/* The inbox follows the native list → conversation flow on desktop as well. */
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head{margin:18px 0 18px;align-items:center}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head h2{font-size:28px;letter-spacing:-.8px}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-page-head p{font-size:13px;color:var(--muted)}
 html[data-route="admin"] #adminView #chatSearchToggle{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--line);border-radius:11px;background:#ffffff03;color:var(--muted)}
 html[data-route="admin"] #adminView #chatSearchToggle svg{width:18px;height:18px}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-workspace{display:block;min-height:0;border:0;background:none;overflow:visible}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-sidebar{padding:0;border:0}
 html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-search{display:none;margin-bottom:12px}
 html[data-route="admin"] #adminView .support-page.search-open:not(.chat-open) .chat-search{display:grid}
 html[data-route="admin"] #adminView .chat-filters{flex-wrap:nowrap;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 16px}
 html[data-route="admin"] #adminView .chat-filters::-webkit-scrollbar{display:none}
 html[data-route="admin"] #adminView .chat-filters button{flex:none;min-height:36px;padding:8px 11px;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);white-space:nowrap;font-size:12px}
 html[data-route="admin"] #adminView .chat-filters button[aria-pressed=true]{background:#d6c4a510;border-color:#d6c4a526;color:var(--accent)}
 html[data-route="admin"] #adminView .chat-list{display:block;max-height:none;overflow:visible;border:1px solid var(--line);border-radius:19px;background:var(--paper)}
 html[data-route="admin"] #adminView button.chat-ticket{display:flex;align-items:center;gap:11px;min-height:77px;padding:14px 15px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
 html[data-route="admin"] #adminView button.chat-ticket:last-of-type{border-bottom:0}
 html[data-route="admin"] #adminView .chat-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px;background:#293440;color:#bad1e9;font-size:12px}
 html[data-route="admin"] #adminView .chat-ticket:nth-child(2) .chat-avatar{background:#253a35;color:#b1dfcf}
 html[data-route="admin"] #adminView .chat-ticket:nth-child(3) .chat-avatar{background:#3b2d38;color:#dfbcd2}
 html[data-route="admin"] #adminView .chat-ticket-content{gap:4px}
 html[data-route="admin"] #adminView .chat-ticket-content strong{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .chat-ticket-content>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html[data-route="admin"] #adminView .chat-ticket-content small,html[data-route="admin"] #adminView .chat-ticket .chat-unread{display:none}
 html[data-route="admin"] #adminView .chat-ticket-status{font-size:10px}
 html[data-route="admin"] #adminView #adminMenu>.cms-nav-link.active{color:var(--accent)}
html[data-route="admin"] #adminView .support-page:not(.chat-open) .chat-thread{display:none}
html[data-route="admin"] #adminView:has(.support-page.chat-open)>.topbar,
html[data-route="admin"] #adminView:has(.support-page.chat-open)>#adminMenu{display:none}
html[data-route="admin"] body.admin-authorized #adminView:has(.support-page.chat-open){padding:0}
html[data-route="admin"] #adminView .support-page.chat-open{position:fixed;inset:0 auto 0 50%;transform:translateX(-50%);width:100%;max-width:900px;height:100dvh;min-height:0;margin:0;padding:0;background:var(--bg);z-index:60}
html[data-route="admin"] #adminView .support-page.chat-open .chat-page-head,
html[data-route="admin"] #adminView .support-page.chat-open .chat-sidebar{display:none}
html[data-route="admin"] #adminView .support-page.chat-open .chat-workspace{display:flex;flex-direction:column;height:100%;min-height:0;border:0;border-radius:0;background:var(--bg)}
html[data-route="admin"] #adminView .support-page.chat-open .chat-thread{display:flex;flex-direction:column;flex:1;min-height:0;padding:14px;overflow:hidden}
html[data-route="admin"] #adminView .support-page.chat-open #chatBack{align-self:flex-start;flex:none;margin-bottom:12px;min-height:40px}
html[data-route="admin"] #adminView .support-page.chat-open #chatBody{display:flex;flex-direction:column;flex:1;min-height:0}
html[data-route="admin"] #adminView .support-page.chat-open .chat-thread-head{flex:none;padding-bottom:12px;border-bottom:1px solid var(--line)}
html[data-route="admin"] #adminView .support-page.chat-open .chat-thread-head h3{font-size:17px;font-weight:500}
html[data-route="admin"] #adminView .support-page.chat-open .chat-messages{height:auto;min-height:0;flex:1;overflow-y:auto;padding:14px 0;overscroll-behavior:contain}
html[data-route="admin"] #adminView .support-page.chat-open .chat-composer{flex:none;max-height:46dvh;overflow-y:auto;padding-top:10px;padding-bottom:env(safe-area-inset-bottom)}
html[data-route="admin"] #adminView .support-page.chat-open .chat-composer textarea{min-height:52px;height:52px}
html[data-route="admin"] #adminView .cr-user-row .avatar{border-radius:9px;font-size:12px;font-weight:500;background:#a9c3ed1f;border:1px solid #a9c3ed0f}
html[data-route="admin"] #adminView .cr-user-row .avatar.sage{background:#9ddac81f;border-color:#9ddac80f}

/* 8.0.5: independent language, presence and visit time; no enclosing badge. */
html[data-route="admin"] #adminView .cr-user-title{display:flex;align-items:center;gap:7px;min-width:0}
html[data-route="admin"] #adminView .cr-user-title b{flex:0 1 auto;min-width:0}
html[data-route="admin"] #adminView .cr-user-title .cr-user-language{flex:none;max-width:28px;padding:1px 4px;border:1px solid #303640;border-radius:4px;background:none;color:var(--muted);font-size:9px;line-height:13px;letter-spacing:.3px}
html[data-route="admin"] #adminView .cr-user-meta{width:90px;flex-basis:90px;gap:6px;padding:0;border:0;border-radius:0;background:none}
html[data-route="admin"] #adminView .cr-user-flags{justify-content:flex-end}
html[data-route="admin"] #adminView .cr-user-state{font-size:10px;line-height:14px;gap:5px}
html[data-route="admin"] #adminView .cr-user-state i{width:4px;height:4px}
html[data-route="admin"] #adminView .cr-user-activity{font-size:10px;line-height:14px;color:var(--muted)}

/* 8.0.6: compact audience dimensions, one tabbed card. */
html[data-route="admin"] #adminView .site-breakdowns{display:block;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:none}
html[data-route="admin"] #adminView .site-breakdown-tabs{display:flex;gap:4px;padding:0;margin:0 0 10px;border:0;background:none}
html[data-route="admin"] #adminView .site-breakdown-tab{flex:1;min-width:0;min-height:34px;padding:8px 5px;border:0;border-radius:8px;background:none;color:var(--muted);font-size:11px;line-height:16px;white-space:nowrap}
html[data-route="admin"] #adminView .site-breakdown-tab.active{background:var(--raised);color:var(--ink);box-shadow:none;border:0}
html[data-route="admin"] #adminView .site-breakdown-views{padding:0;border:0;background:none}
html[data-route="admin"] #adminView .site-breakdown-view{max-height:192px;overflow-y:auto;padding:0;border:0;background:none;scrollbar-width:thin}
html[data-route="admin"] #adminView .site-breakdown-row{min-height:32px;padding:6px 0;border:0;border-radius:0;background:none}
html[data-route="admin"] #adminView .site-breakdown-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-route="admin"] #adminView .site-breakdown-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;font-weight:400;color:var(--ink)}
html[data-route="admin"] #adminView .site-breakdown-value{display:flex;align-items:center;gap:10px;flex:none}
html[data-route="admin"] #adminView .site-breakdown-value b{font-size:12px;line-height:18px;font-weight:400;color:var(--accent)}
html[data-route="admin"] #adminView .site-breakdown-value small{width:32px;text-align:right;font-size:10px;line-height:15px;color:var(--muted)}
html[data-route="admin"] #adminView .site-breakdown-row>i{display:none}
html[data-route="admin"] #adminView .site-visit-actions small{font-size:10px;line-height:15px;color:var(--muted)}

html[data-route="admin"] #adminView .site-breakdown-tab::before,html[data-route="admin"] #adminView .site-breakdown-tab::after{display:none;content:none}
html[data-route="admin"] #adminView .site-breakdown-row{box-shadow:none}

html[data-route="admin"] #adminView #siteRecent .site-visit-actions{grid-template-columns:1fr;gap:8px}
html[data-route="admin"] #adminView #siteRecent .site-visit-location b{font-weight:400;color:var(--ink)}