/* Shared presentation only. Authorization and business state remain server-owned. */
:root{--bg:#F7F5F2;--panel:#fff;--panel2:#F0EDE8;--text:#202124;--muted:#565C65;--line:#D3D0CA;--red:#B4232F;--red2:#8F1923;--green:#17633A;--amber:#805000;--shadow:0 4px 18px #2021240a;color-scheme:light}
html,body{background:var(--bg)!important;color:var(--text)!important;font-size:16px;line-height:1.5}
body :is(h1,h2,h3,h4,strong){color:var(--text)}
body :is(.sidebar,.mobile-nav,.mb-workspace,.mb-workspace-header,.mb-online-auth-card,.owner-dashboard-section,.owner-dashboard-hero,.mb-cabinet-item,.mb-workspace-section,.mb-notification-row,.mb-task-result-row,.owner-action-card,.owner-attention-card,.business-copilot-answer,.business-copilot-item,.modal-card){background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}
body :is(.mb-online-auth-overlay,#mbServerAuthOverlay){background:var(--bg)!important}
body :is(.btn,.icon-btn,.mb-cabinet-tabs button,.mb-workspace-nav button){min-height:44px;background:var(--panel2);color:var(--text);border-color:var(--line);font-size:14px}
body :is(.btn.primary,.mb-cabinet-tabs button.active,.mb-workspace-nav button.active){background:var(--red)!important;color:white!important;border-color:var(--red)!important}
body .btn.primary:hover{background:var(--red2)!important}
body .btn.danger{color:#A51D29;background:#FCECEE}
body .mb-online-auth-card .btn:not(.primary){background:#F0EDE8!important;color:#202124!important;border-color:#D3D0CA!important}
body .mb-online-auth-card .btn.danger{background:#FCECEE!important;color:#A51D29!important}
body :is(button,input,select,textarea):focus-visible,body [tabindex]:focus-visible{outline:3px solid #B4232F!important;outline-offset:3px}
body :is(.input,input:not([type=checkbox]):not([type=radio]),select,textarea){background:white!important;color:var(--text)!important;border-color:#8B8E94!important;font-size:16px;min-height:44px}
body input::placeholder,body textarea::placeholder{color:#626872;opacity:1}
body :is(p,.hint,.eyebrow,.home-kicker,.home-group-label,.owner-action-copy>span,.owner-action-meta,.mb-cabinet-item>span,.mb-workspace-greeting>span,.mb-workspace-cards span,.mb-workspace-salary small,.mb-task-result-row>span,.mb-notification-state,.field label,.home-task-main>span){color:var(--muted)!important;font-size:14px;line-height:1.5}
body :is(.warning,.mb-cabinet-notice,.mb-workspace-notice,.owner-dashboard-empty,.owner-empty){background:#F7F5F2!important;color:#565C65!important;border-color:var(--line)!important;font-size:16px}
body :is(.mb-cabinet-item,.mb-workspace-cards article,.owner-dashboard-stat,.owner-dashboard-card){background:var(--panel2)!important;color:var(--text)!important}
body :is(.home-task-row,.mb-task-result-row,.mb-notification-row){overflow-wrap:anywhere}
body .nav-btn,body .mobile-nav button{min-height:48px;font-size:14px;color:var(--muted)!important}
body .nav-btn.active,body .mobile-nav button.active{background:#FCECEE!important;color:var(--red)!important}
.owner-module-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.owner-module-menu button{text-align:left;min-height:56px}
.owner-queue-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.owner-queue-tabs button[aria-pressed=true]{background:#B4232F;color:white}
body .business-copilot-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
body .business-copilot-prompts{display:flex;flex-wrap:wrap;gap:8px}
body .mb-cabinet-nav{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
body .mb-cabinet-nav button{flex:0 1 auto;white-space:normal;font-size:14px;min-height:44px;background:var(--panel2);color:var(--text);border-color:var(--line)}
body .mb-cabinet-nav button.active{background:var(--red);color:white;border-color:var(--red)}
body .mb-cabinet-item strong{font-size:18px}
body .owner-dashboard-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body .owner-dashboard-stat{padding:12px!important}
body .owner-dashboard-stat span{font-size:14px!important;color:var(--muted)!important}
body .owner-dashboard-stat strong{font-size:24px!important;color:var(--text)!important}
body :is(.home-today-count,.business-copilot-badge,.home-status,.mb-online-kicker){font-size:14px!important;color:var(--muted)!important;background:var(--panel2)!important}
body .owner-dashboard-hero .home-group-label{display:none}
body .owner-dashboard-hero h2{font-size:22px}
body .owner-dashboard-hero p{margin:6px 0 12px}
body .mb-online-auth-brand span{font-size:14px!important;color:var(--muted)!important}
body .mb-task-toast{background:#FFFFFF!important;color:#202124!important;border:1px solid #D3D0CA;border-left:5px solid #17633A;border-radius:12px;font-size:16px;line-height:1.5;box-shadow:0 8px 28px #20212433}
body .mb-task-toast.error{border-left-color:#B4232F}
body.owner-workspace .btn.primary{background:#B4232F!important;border-color:#B4232F!important;color:#FFFFFF!important}
body .mb-online-auth-card.mb-cabinet-card{width:min(1100px,100%);padding:24px}
body .modal-card{max-width:calc(100vw - 24px)}
body #modal{padding:0;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box}
body #modal .modal-card{width:100%;max-width:100%;box-sizing:border-box}
body .modal-head{gap:12px}.modal-head h3{overflow-wrap:anywhere}
body .mb-workspace-nav{display:flex!important;flex-wrap:wrap;gap:8px;position:static!important;background:white!important;padding:12px!important}
body .mb-workspace-nav button{flex:1 1 auto}
body .mb-online-auth-card :is(h2,h3){color:var(--text)!important}
body [hidden]{display:none!important}
@media(max-width:760px){body .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px calc(6px + env(safe-area-inset-bottom))}body .mobile-nav button{font-size:14px}body .mb-online-auth-card.mb-cabinet-card{padding:16px}body .mb-cabinet-tabs{gap:6px}body .business-copilot-form,.owner-module-menu{grid-template-columns:1fr}body .topbar .btn{display:inline-flex}body .owner-dashboard-section-head{flex-wrap:wrap}body .owner-action-actions{flex-wrap:wrap}.modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}