:root{--color-background:#f5f7fb;--color-surface:#fff;--color-surfaceElevated:#fff;--color-sidebar:#0c182c;--color-sidebarHover:#172b4b;--color-primary:#2563eb;--color-secondary:#14b8a6;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-textPrimary:#0f172a;--color-textSecondary:#64748b;--color-border:#e5eaf2;--radius-sm:8px;--radius-md:13px;--radius-lg:18px;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 12px 32px #0f172a12;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--typography-xs:11px;--typography-sm:13px;--typography-md:15px;--sidebar:244px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--color-textPrimary);background:var(--color-background);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:var(--typography-sm);line-height:1.5}button,input{font:inherit}button{cursor:pointer}.icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}.center,.boot{min-height:100vh;display:grid;place-items:center}.boot{align-content:center;gap:14px;color:var(--color-textSecondary)}.spinner{width:30px;height:30px;border:3px solid #dbe5f4;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--color-primary);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.muted{color:var(--color-textSecondary)}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:#fff}.login-brand{padding:48px clamp(34px,6vw,92px);background:linear-gradient(145deg,#0b172a,#102846);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #20c7b22e;border-radius:50%;right:-180px;bottom:-190px;box-shadow:0 0 0 70px #2563eb0d,0 0 0 140px #20c7b209}.brand{display:flex;align-items:center;gap:11px}.logo{width:38px;height:38px;display:grid;place-items:center;color:#20c7b2;font-size:38px}.brand strong,.brand small{display:block}.brand strong{color:#fff;font-size:20px}.brand small{color:#9fb0c8;font-size:10px}.login-copy{position:relative;z-index:1;max-width:520px;margin:auto 0}.login-copy .eyebrow{color:#5eead4}.login-copy h1{color:#fff;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-2px;margin:14px 0}.login-copy p{color:#b7c5d9;font-size:16px}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(420px,100%)}.login-card h2{font-size:30px;margin:8px 0}.mobile-brand{display:none}.login-card label{display:grid;gap:7px;margin:20px 0;font-weight:700}.login-card input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:13px 14px;outline:none}.login-card input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb21}.primary{border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;padding:13px 18px;font-weight:700}.login-card .primary{width:100%}.primary:disabled{opacity:.55}.security{font-size:11px;color:var(--color-textSecondary);text-align:center}.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--color-sidebar);padding:22px 15px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 5px 22px;border-bottom:1px solid #ffffff14}.sidebar nav{display:grid;gap:4px;margin-top:17px}.nav-item{border:1px solid transparent;background:transparent;color:#b9c7da;min-height:43px;border-radius:8px;display:flex;align-items:center;gap:13px;padding:9px 12px;text-align:left;transition:.18s}.nav-item:hover{background:var(--color-sidebarHover);color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2563eb57,#2563eb2e);border-color:#4a87ff99}.side-status{margin-top:auto;border:1px solid #ffffff14;border-radius:13px;padding:13px;background:#ffffff06}.side-status small{display:block;color:#8295af;margin-top:4px}.workspace{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:#fffffff0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.search{width:min(460px,42vw);height:42px;display:flex;align-items:center;gap:10px;background:#f1f5f9;border-radius:8px;padding:0 13px;color:#8a99af}.search kbd{margin-left:auto;background:#e8edf5;border-radius:5px;padding:2px 7px;font-size:10px}.actions,.user{display:flex;align-items:center}.actions{gap:12px}.user{gap:10px;padding:0 12px;border-left:1px solid var(--color-border)}.user strong,.user small{display:block}.user small{color:var(--color-textSecondary);font-size:11px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#667eea,#2563eb);font-weight:700}.round{width:40px;height:40px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#64748b}.round:hover{background:#f1f5f9;color:var(--color-primary)}.page{width:100%;max-width:1600px;margin:auto;padding:27px clamp(18px,2.2vw,34px) 42px;flex:1}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.page-header h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:4px 0}.page-header p{color:var(--color-textSecondary);font-size:15px;margin:0}.date{text-align:right}.date strong,.date span{display:block}.date strong{text-transform:capitalize}.date span{color:var(--color-textSecondary)}footer{min-height:58px;border-top:1px solid var(--color-border);background:#fff;display:flex;align-items:center;gap:16px;padding:0 28px;color:var(--color-textSecondary);font-size:11px}footer strong{color:var(--color-textPrimary)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric{min-height:142px;background:#fff;border:1px solid var(--color-border);border-radius:13px;box-shadow:var(--shadow-sm);padding:17px;display:flex;gap:14px;transition:.18s}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric p,.metric small{color:var(--color-textSecondary);margin:0}.metric strong{display:block;font-size:26px;margin:5px 0}.metric.unavailable strong{font-size:14px}.metric-symbol{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px}.blue{color:#1d69df;background:#e7f1ff}.green{color:#07966f;background:#dff8ee}.purple{color:#7046df;background:#eee7ff}.orange{color:#dc6705;background:#fff0cf}.red{color:#c52f3f;background:#fee8eb}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.main-column{min-width:0;display:grid;gap:16px}.panel{background:#fff;border:1px solid var(--color-border);border-radius:13px;box-shadow:var(--shadow-sm);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.panel h2,.integration-card h2,.health-card h2{font-size:15px;margin:0}.panel-head p,.integration-card p,.health-card p{color:var(--color-textSecondary);margin:3px 0 0;font-size:11px}.activity{min-height:310px}.empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-textSecondary);padding:24px}.empty>.icon{width:34px;height:34px;border-radius:10px;background:#eef3fb;color:#7790b1;margin-bottom:10px}.empty strong{color:var(--color-textPrimary)}.empty p{max-width:420px;margin:5px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split .panel{min-height:290px}.context{display:grid;align-content:start;gap:16px}.beta{font-size:10px;font-weight:800;color:#7248dc;background:#eee7ff;border-radius:999px;padding:4px 8px}.insights{display:grid;gap:10px}.insight{display:flex;gap:11px;padding:13px;border:1px solid var(--color-border);border-radius:8px}.insight>.icon{width:32px;height:32px;border-radius:50%;background:#eef2f7}.insight.success>.icon{color:#078c65;background:#e1f8ef}.insight.warning>.icon{color:#d26500;background:#fff0db}.insight strong{font-size:12px}.insight p{font-size:11px;color:var(--color-textSecondary);margin:2px 0}.health-title{display:flex;align-items:center;gap:12px}.health-title p{margin:2px 0;color:var(--color-textSecondary);font-size:11px}.health{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.health-list{list-style:none;padding:0;margin:12px 0 0}.health-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--color-border);font-size:11px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{color:#087a57;background:#e3f8ef}.badge.warning{color:#b75500;background:#fff0d8}.badge.neutral{color:#64748b;background:#eef2f7}.distribution{display:grid;place-items:center}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--color-success) 0 var(--closed),var(--color-info) var(--closed) var(--active),var(--color-warning) var(--active) var(--waiting),var(--color-danger) var(--waiting));position:relative}.donut:after{content:"";position:absolute;inset:27px;background:#fff;border-radius:50%}.distribution ul{list-style:none;width:100%;padding:0;margin:14px 0 0}.distribution li{display:flex;align-items:center;gap:8px;padding:4px}.distribution li strong{margin-left:auto}.distribution li i{width:8px;height:8px;border-radius:3px}.module-empty{min-height:380px}.integration-grid,.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-card,.health-card{background:#fff;border:1px solid var(--color-border);border-radius:13px;padding:18px;display:flex;align-items:flex-start;gap:13px}.integration-card>div,.health-card>div{flex:1;min-width:0}.integration-card small{color:var(--color-textSecondary);font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:8px}.technical{margin-top:18px;border-top:1px solid var(--color-border);padding-top:12px}.technical summary{cursor:pointer;color:var(--color-primary);font-weight:700}.technical pre{overflow:auto;background:#f4f6f9;padding:13px;border-radius:8px;font-size:11px}.mobile-nav,.drawer{display:none}.error-page{width:min(480px,calc(100% - 32px));text-align:center;background:#fff;padding:38px;border-radius:18px;box-shadow:var(--shadow-md)}
@media(max-width:1200px){.dashboard{grid-template-columns:1fr}.context{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.integration-grid,.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:76px}.sidebar{padding:18px 10px}.sidebar .brand{justify-content:center}.sidebar .brand div,.side-status small,.sidebar .nav-item span:not(.icon){display:none}.sidebar .nav-item{justify-content:center}.side-status{display:grid;place-items:center}.side-status .badge{font-size:0}.user div{display:none}.split{grid-template-columns:1fr}}
@media(max-width:680px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px;padding:0 14px}.search{width:auto;flex:1}.search kbd{display:none}.actions{gap:3px}.user{padding:0 5px}.avatar{width:34px;height:34px}.page{padding:18px 13px 82px}.page-header{display:block}.page-header h1{font-size:24px}.date{text-align:left;margin-top:10px}.date strong{display:none}.metrics,.context,.integration-grid,.health-grid{grid-template-columns:1fr}.metric{min-height:110px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:#fff;border-top:1px solid var(--color-border);z-index:40;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #0f172a0f}.mobile-nav .nav-item{color:#718198;display:grid;place-items:center;gap:1px;padding:5px 2px;min-height:49px;font-size:9px}.mobile-nav .nav-item.active{color:var(--color-primary);background:#edf4ff}.drawer{display:block;position:fixed;inset:0;z-index:60;pointer-events:none}.drawer.open{pointer-events:auto}.backdrop{position:absolute;inset:0;border:0;background:#07122285;opacity:0;transition:.2s}.drawer.open .backdrop{opacity:1}.drawer section{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.2s}.drawer.open section{transform:none}.drawer section>i{display:block;width:38px;height:4px;border-radius:9px;background:#d5dce7;margin:2px auto 14px}.drawer .nav-item{width:100%;color:var(--color-textPrimary)}footer{display:none}}
@media(max-width:380px){.metric{padding:14px}.actions>.round:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid #2563eb59;outline-offset:2px}
.mobile-conversation-back{display:none}
@media(max-width:680px){.mobile-conversation-back{display:grid}}
.sidebar,.workspace{transition:width .18s ease,margin-left .18s ease}.sidebar-collapse-control{position:absolute;top:42%;right:-19px;width:38px;height:48px;border:1px solid #2f73dc;border-radius:22px;background:#102544;color:#fff;box-shadow:0 7px 20px #0712224d;display:grid;place-items:center;font-size:27px;line-height:1;z-index:2}.sidebar-collapse-control:hover,.sidebar-collapse-control:focus-visible{background:#17345d;border-color:#4b91ff}.sidebar-collapse-control:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:max-content;max-width:190px;padding:8px 10px;border-radius:8px;background:#102038;color:#fff;font-size:11px;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .15s}.sidebar-collapse-control:hover:after,.sidebar-collapse-control:focus-visible:after{opacity:1}.sidebar-collapsed .sidebar{width:76px;padding-inline:10px}.sidebar-collapsed .workspace{margin-left:76px}.sidebar-collapsed .sidebar .brand{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar .brand div,.sidebar-collapsed .sidebar .nav-item span:not(.icon),.sidebar-collapsed .side-status small{display:none}.sidebar-collapsed .sidebar .nav-item{justify-content:center;padding-inline:8px}.sidebar-collapsed .side-status{display:grid;place-items:center;padding:10px}.sidebar-collapsed .side-status .badge{font-size:0;padding:7px}.sidebar-collapsed .sidebar-collapse-control:after{left:calc(100% + 10px)}
@media(max-width:900px){.sidebar-collapse-control{display:none}}@media(max-width:680px){.sidebar-collapsed .workspace{margin-left:0}}
.safe-banner{display:flex;align-items:center;gap:12px;background:#ecfdf5;color:#086b4e;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:13px 16px;margin-bottom:16px}.safe-banner span{color:#3d6659}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-form label,.person-card label{display:grid;gap:6px;color:var(--color-textSecondary);font-size:11px;font-weight:700}.admin-form input,.person-card select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:11px;background:#fff;color:var(--color-textPrimary)}.admin-form input:focus,.person-card select:focus{border-color:var(--color-primary);outline:3px solid #2563eb1f}.admin-form .check{display:flex;align-items:center;grid-column:1/-1}.admin-form .check input{width:auto}.form-actions{grid-column:1/-1;display:flex;gap:8px}.secondary{border:1px solid #cdd8e8;background:#fff;color:var(--color-primary);border-radius:var(--radius-sm);padding:9px 12px;font-weight:700}.secondary:hover{background:#eff5ff}.setting-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setting-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:11px;margin-top:8px}.setting-card strong{font-size:12px;text-transform:capitalize}.setting-card p{font-size:10px;color:var(--color-textSecondary);margin:2px 0}.field-help{color:var(--color-textSecondary);font-size:11px}.person-card{display:grid;grid-template-columns:auto 1fr;align-items:center}.person-card label{grid-column:1/-1;margin-top:12px}.holiday-list{list-style:none;padding:0;margin:0}.holiday-list li{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--color-border);padding:9px 0}.holiday-list time{color:var(--color-textSecondary);font-variant-numeric:tabular-nums}.channel-card{flex-wrap:wrap}.channel-card .secondary{width:100%}
@media(max-width:680px){.admin-grid,.admin-form,.setting-list{grid-template-columns:1fr}.safe-banner{align-items:flex-start;flex-direction:column}}

/* Colaborador brand assets */
.brand-mark{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto}
.sidebar .brand-mark{width:40px;height:40px}
.login-brand{background:linear-gradient(145deg,#07162b,#0b2444)}
.login-brand-art{position:absolute;width:min(32vw,430px);height:auto;right:-9%;top:17%;opacity:.17;filter:saturate(1.08);transform:rotate(-8deg);pointer-events:none}
.login-copy{position:relative;z-index:1}
.footer-brand{display:flex;align-items:center;gap:7px}
.footer-brand .brand-mark{width:24px;height:24px}
.boot-mark{width:58px;height:58px}.error-mark{width:72px;height:72px;margin:0 auto 18px}.boot .spinner{width:22px;height:22px}
.channel-heading{flex:1;min-width:0}.channel-card>.badge{margin-left:auto}.channel-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:4px 0 0;padding:14px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.channel-facts div{min-width:0}.channel-facts dt{color:var(--color-textSecondary);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.channel-facts dd{margin:2px 0 0;font-size:12px;overflow-wrap:anywhere}.channel-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.channel-actions button:disabled{cursor:not-allowed;opacity:.68}.channel-error{width:100%;padding:10px;border-radius:var(--radius-sm);background:#fff0d8;color:#944800}.channel-card .technical{width:100%;margin-top:4px}
.modality-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.configuration-source{grid-column:1/-1;color:var(--color-textSecondary);margin-top:10px}
.channel-qr{width:100%;display:grid;place-items:center;gap:9px;margin:4px 0;padding:18px;border-radius:var(--radius-md);background:#f7f9fc}.channel-qr img{display:block;width:min(280px,100%);height:auto;background:#fff;border:10px solid #fff;border-radius:12px;box-shadow:var(--shadow-sm)}.channel-qr figcaption{color:var(--color-textSecondary);font-size:11px;text-align:center}
.page-actions{display:flex;justify-content:flex-end;margin:-62px 0 22px}.danger-note{width:100%;padding:10px;border-radius:8px;background:#fff7ed;color:#9a4a08}.entity-form select,.entity-form input,.table-tools input,.table-tools select{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:11px;background:#fff}.entity-form fieldset{grid-column:1/-1;border:1px solid var(--color-border);border-radius:10px}.entity-form fieldset .check{display:inline-flex;margin:8px}.entity-form fieldset input{width:auto}dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:16px;padding:22px;box-shadow:0 24px 80px #0f172a38}dialog::backdrop{background:#07122290}.dialog-head{margin-bottom:18px}.table-tools{display:flex;gap:10px;margin-bottom:14px}.user-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto 150px 210px auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:10px}.user-row small{display:block;color:var(--color-textSecondary)}
@media(max-width:900px){.user-row{grid-template-columns:auto 1fr auto}.user-row>span:not(.avatar):not(.badge){display:none}}
@media(max-width:680px){.page-actions{margin:0 0 16px;justify-content:stretch}.page-actions button{width:100%}.table-tools{display:grid}.entity-form{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar .brand-mark{width:44px;height:44px}}
@media(max-width:680px){.login-page{display:block;background:#f7f9fc}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.mobile-brand .brand-mark{width:48px;height:48px}.mobile-brand strong{font-size:21px}.channel-facts{grid-template-columns:1fr}}
.page-actions{margin:0 0 18px;position:relative}.qr-focus{border:2px solid #93c5fd;background:#eff6ff}.qr-focus h3,.qr-focus p,.qr-focus small{margin:0;text-align:center}.qr-focus strong{color:#1d4ed8}.qr-expired{background:#fff7ed;border:1px solid #fdba74}
.channel-card>.danger-note{display:none}.danger-menu{width:100%;border-top:1px solid var(--color-border);padding-top:10px}.danger-menu summary{cursor:pointer;color:var(--color-textSecondary);font-weight:700}.danger-menu-content{display:grid;gap:8px;margin-top:10px}.danger-menu-content .danger-note{display:block}.danger-menu-content button{width:100%}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.channel-form{max-width:920px}.channel-form textarea{resize:vertical;min-height:76px}.channel-form label b{color:var(--color-error)}.advanced-fields{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.advanced-fields summary{cursor:pointer;font-weight:700}.advanced-fields[open] summary{margin-bottom:14px}.connection-progress,.pairing-flow{text-align:center;padding:36px 20px}.pairing-flow{display:grid;justify-items:center;gap:14px}.pairing-qr{width:min(340px,80vw);height:auto;border:12px solid #fff;border-radius:18px;box-shadow:var(--shadow-sm)}.pairing-success{padding:26px;color:var(--color-success);font-size:1.2rem;font-weight:700}
@media(max-width:680px){.form-grid,.message-fields{grid-template-columns:1fr}.pairing-flow{padding:22px 8px}}
.setup-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.setup-nav{display:grid;align-content:start;gap:6px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.setup-tab{border:0;background:transparent;border-radius:9px;padding:11px 12px;text-align:left;color:var(--color-textSecondary);cursor:pointer}.setup-tab.active{background:#eaf2ff;color:#165be8;font-weight:700}.setup-workspace{min-width:0}.setup-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-weight:700}.setup-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.readiness-card{display:flex;align-items:center;gap:18px}.readiness-ring{--progress:0;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a calc(var(--progress)*1%),#e5e7eb 0);position:relative}.readiness-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.readiness-ring strong{position:relative;font-size:20px}.readiness-card progress{width:100%;accent-color:#2563eb}.setup-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.setup-module{display:grid;gap:10px;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:16px;cursor:pointer}.setup-module>span:last-child{color:#2563eb}
.edit-section{display:grid;gap:18px}.edit-section label,.secret-draft label{display:grid;gap:7px;font-weight:600}.edit-section input,.edit-section select,.secret-draft input{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--color-text)}.edit-section fieldset,.calendar-draft-grid fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.edit-section legend,.calendar-draft-grid legend{font-weight:700;padding:0 6px}.secret-draft{display:grid;grid-template-columns:1fr minmax(260px,1fr);gap:14px;align-items:center;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:16px;background:#eff6ff}.secret-draft small{grid-column:1/-1;color:var(--color-textSecondary)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:30px 14px 14px}.comparison>b{position:absolute;top:8px;left:14px;font-size:12px;color:var(--color-textSecondary)}.comparison>span{display:grid;gap:4px;padding:10px;border-radius:10px;background:#f8fafc}.comparison small{color:var(--color-textSecondary)}.calendar-draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.holiday-draft{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-bottom:10px}.notice{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px}.publish-setup:disabled{cursor:not-allowed;opacity:.55}
.openai-settings .switch-row{grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:64px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:#f8fafc}.switch-row span{display:grid;gap:4px}.switch-row small{font-weight:400;color:var(--color-textSecondary)}.edit-section .switch-control{appearance:none;width:42px;min-height:24px;height:24px;padding:2px;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;position:relative;transition:background .18s ease}.edit-section .switch-control::after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a33;transition:transform .18s ease}.edit-section .switch-control:checked{background:var(--color-primary)}.edit-section .switch-control:checked::after{transform:translateX(18px)}.edit-section .switch-control:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.edit-section input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.save-openai-settings:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:1024px){.setup-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.setup-shell{grid-template-columns:1fr}.setup-nav{display:flex;overflow-x:auto;position:sticky;top:0;z-index:2}.setup-tab{white-space:nowrap}.setup-overview,.calendar-draft-grid,.secret-draft{grid-template-columns:1fr}.secret-draft small{grid-column:auto}.holiday-draft{grid-template-columns:1fr}}@media(max-width:430px){.setup-module-grid{grid-template-columns:1fr}.setup-toolbar{align-items:flex-start;flex-direction:column}.readiness-card{align-items:flex-start;flex-direction:column}.comparison{grid-template-columns:1fr}}
.operation-tools,.operation-tabs,.operation-head,.conversation-summary{display:flex;align-items:center;gap:10px}.operation-tools{margin-bottom:12px}.operation-tools input{flex:1;min-height:42px;border:1px solid var(--color-border);border-radius:9px;padding:0 13px}.operation-tabs{margin-bottom:14px;overflow:auto}.operation-tab.active{background:#eaf2ff}.operation-list{padding:0;overflow:hidden}.operation-head{justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.operation-row{width:100%;display:grid;grid-template-columns:minmax(220px,1fr) auto 130px 150px 165px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--color-border);background:#fff;padding:13px 16px;text-align:left;color:var(--color-textPrimary)}button.operation-row{cursor:pointer}.operation-row:hover{background:#f8fbff}.operation-row small{display:block;color:var(--color-textSecondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operation-row time{color:var(--color-textSecondary);font-size:11px}.member-list{display:grid;gap:5px;margin-top:10px;font-size:11px}.conversation-summary{flex-wrap:wrap;padding:12px;background:#f8fafc;border-radius:9px}.message-history{display:grid;gap:8px;max-height:55vh;overflow:auto;margin:14px 0;padding:4px}.message-read{width:min(82%,680px);padding:11px 13px;border-radius:12px;background:#f1f5f9}.message-read.outbound{justify-self:end;background:#e8f3ff}.message-read>div{display:flex;justify-content:space-between;gap:16px}.message-read p{white-space:pre-wrap;margin:7px 0}.message-read time{font-size:10px;color:var(--color-textSecondary)}#conversation-read-dialog{width:min(900px,calc(100% - 28px))}#conversation-read-dialog .dialog-head{display:flex;justify-content:space-between}
@media(max-width:900px){.operation-row{grid-template-columns:minmax(180px,1fr) auto 130px}.operation-row>span:nth-of-type(4),.operation-row>time{display:none}}
.conversation-timeline{display:flex;gap:12px;overflow:auto;padding:14px 2px;border-bottom:1px solid var(--color-border)}.conversation-timeline span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;min-width:145px;font-size:10px}.conversation-timeline i{grid-row:1/3;width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--color-primary)}.conversation-timeline time{color:var(--color-textSecondary)}
@media(max-width:680px){.operation-tools{display:grid;grid-template-columns:1fr auto}.operation-row{grid-template-columns:minmax(0,1fr) auto}.operation-row>span:nth-of-type(n+3),.operation-row>time{display:none}.message-read{width:94%}}
#view:has(.attendance-console){max-width:none;min-height:calc(100dvh - 76px);display:flex;flex-direction:column;padding-bottom:0}.attendance-console{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr) minmax(250px,310px);width:100%;max-width:none;min-height:0;flex:1 1 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:grid-template-columns .18s ease}.attendance-console.inbox-collapsed{grid-template-columns:48px minmax(0,1fr) minmax(250px,310px)}
.conversation-inbox{position:relative;min-width:0;min-height:0;border-right:1px solid var(--color-border);overflow:hidden}.conversation-inbox .operation-head{min-height:58px}.conversation-inbox-content{height:calc(100% - 58px);overflow-y:auto}.inbox-collapse-control{flex:0 0 34px;width:34px;height:34px;margin-left:auto;border:1px solid var(--color-border);background:#fff}.inbox-collapsed .conversation-inbox .operation-head{padding:12px 7px}.inbox-collapsed .conversation-inbox .operation-head strong,.inbox-collapsed .conversation-inbox .operation-head small,.inbox-collapsed .conversation-inbox-content{display:none}.conversation-inbox-row{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 12px;border:0;border-bottom:1px solid var(--color-border);background:#fff;text-align:left;color:var(--color-textPrimary)}.conversation-inbox-row:hover,.conversation-inbox-row.selected{background:#eef5ff}.conversation-inbox-row.selected{box-shadow:inset 3px 0 var(--color-primary)}.conversation-inbox-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-textSecondary)}.conversation-inbox-row time{font-size:10px;color:var(--color-textSecondary)}.conversation-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8eef8;color:#34506f;font-weight:800}.compact-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.compact-tags .badge{padding:3px 6px}.unread-count{position:absolute;right:10px;bottom:10px;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;background:var(--color-primary);color:#fff;font-size:10px}
.conversation-center{width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;background:#f8fafc}.conversation-center>header{width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#fff;border-bottom:1px solid var(--color-border)}.conversation-center h2,.customer-context h2{margin:3px 0;font-size:17px}.conversation-center .conversation-summary{width:100%;flex:0 0 auto;margin:0;border-radius:0}.conversation-center .message-history{width:100%;min-width:0;min-height:0;flex:1 1 auto;align-content:start;overflow-y:auto;max-height:none;margin:0;padding:16px clamp(12px,2vw,24px)}.conversation-center .message-read{max-width:min(760px,92%)}.readonly-composer{flex:0 0 auto;margin:10px 18px 16px;padding:13px;border:1px dashed #c9d4e4;border-radius:10px;background:#fff;color:var(--color-textSecondary);text-align:center;font-size:11px}.empty-conversation{display:grid;place-items:center}.customer-context{min-width:0;min-height:0;border-left:1px solid var(--color-border);padding:18px;background:#fff;overflow-y:auto}.customer-context dl{display:grid;grid-template-columns:1fr;gap:0;margin:16px 0}.customer-context dt{padding-top:10px;border-top:1px solid var(--color-border);color:var(--color-textSecondary);font-size:10px;font-weight:700;text-transform:uppercase}.customer-context dd{margin:2px 0 10px;overflow-wrap:anywhere}.customer-context .technical p{margin:7px 0;color:var(--color-textSecondary)}
@media(max-width:1100px){.attendance-console{grid-template-columns:minmax(250px,280px) minmax(0,1fr)}.attendance-console.inbox-collapsed{grid-template-columns:48px minmax(0,1fr)}.customer-context{position:fixed;right:0;top:76px;bottom:0;width:min(330px,88vw);z-index:25;box-shadow:-12px 0 30px #0f172a1a}.conversation-center:has(+.customer-context){padding-right:0}.conversation-center .message-history{padding-inline:14px}}
@media(max-width:680px){#view:has(.attendance-console){min-height:calc(100dvh - 62px)}.attendance-console,.attendance-console.inbox-collapsed{display:block;min-height:0}.conversation-inbox{height:100%;border:0}.inbox-collapse-control{display:none}.conversation-center,.customer-context{position:fixed;inset:62px 0 62px;z-index:35;width:auto;height:auto}.customer-context{display:none}.conversation-center .message-history{max-height:none}.conversation-inbox-row{grid-template-columns:38px minmax(0,1fr) auto}.operation-tabs{scrollbar-width:none}}
.sidebar-collapse-control{top:50%;transform:translateY(-50%)}
#view:has(.attendance-console){height:calc(100dvh - 76px);min-height:0;overflow:hidden}
@media(max-width:680px){#view:has(.attendance-console){height:calc(100dvh - 62px);min-height:0}}
.app:has(.attendance-console) .workspace{height:100dvh;min-height:0;overflow:hidden}
#view:has(.attendance-console){height:auto;min-height:0;flex:1 1 0;overflow:hidden}
.attendance-console{grid-template-rows:minmax(0,1fr)}
.customer-context-toggle,.customer-context-close{display:none}
@media(max-width:1100px){.sidebar{width:76px;padding-inline:10px}.workspace{margin-left:76px}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar .brand div,.sidebar .nav-item span:not(.icon),.side-status small{display:none}.sidebar .nav-item{justify-content:center;padding-inline:8px}.side-status{display:grid;place-items:center;padding:10px}.side-status .badge{font-size:0;padding:7px}.sidebar-collapse-control{display:none}.customer-context{display:none}.attendance-console.context-open .customer-context{display:block}.customer-context-toggle,.customer-context-close{display:grid}.customer-context-close{margin-left:auto}}
@media(max-width:680px){.workspace{margin-left:0}.attendance-console.context-open .customer-context{display:block}}
.sidebar-collapse-control{right:-15px;width:30px;height:60px;border-color:#24528d;border-radius:0 14px 14px 0;background:linear-gradient(180deg,#17345d,#102544);box-shadow:2px 3px 9px #07122226;font-size:22px;transition:width .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}.sidebar-collapse-control:hover{width:32px;background:linear-gradient(180deg,#1d4274,#15335b);box-shadow:2px 4px 11px #07122233}.sidebar-expanded .sidebar-collapse-control:hover{transform:translate(-2px,-50%)}.sidebar-collapsed .sidebar-collapse-control:hover{transform:translate(2px,-50%)}.sidebar-collapse-control:focus-visible{outline:0;box-shadow:0 0 0 3px #60a5fa66,2px 4px 11px #0712222e}.conversation-center{overflow:hidden}.conversation-center .message-history{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#94a3b8 #e8edf4;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.conversation-center .message-history::-webkit-scrollbar{width:8px}.conversation-center .message-history::-webkit-scrollbar-track{background:#e8edf4}.conversation-center .message-history::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #e8edf4;border-radius:999px}.conversation-center .message-history:focus-visible{outline:2px solid #60a5fa80;outline-offset:-2px}
.sidebar-collapse-control{right:-12px;width:24px;height:54px;border:1px solid #263b59;border-left:0;border-radius:0 12px 12px 0;background:var(--color-sidebar);box-shadow:3px 2px 7px #0712221f;color:#c7d5e8;font-size:19px}.sidebar-collapse-control:before{content:"";position:absolute;inset:0 auto 0 -10px;width:11px;background:var(--color-sidebar)}.sidebar-collapse-control:hover{width:26px;background:#132744;color:#fff;box-shadow:3px 2px 8px #07122229}.sidebar-collapse-control:hover:before{background:#132744}.sidebar-collapse-control:focus-visible{outline:0;box-shadow:0 0 0 2px #60a5fa70,3px 2px 8px #07122224}
.sidebar-collapse-control:hover{width:24px;background:var(--color-sidebar);color:#c7d5e8;box-shadow:3px 2px 7px #0712221f;transform:translateY(-50%)}.sidebar-collapse-control:hover:before{background:var(--color-sidebar)}
.sidebar-collapse-control:hover:after{opacity:0}.sidebar-collapse-control:active{transform:translateY(-50%) scale(.92);background:#172c49;color:#fff;box-shadow:inset 2px 2px 5px #050d1970,1px 1px 3px #0712221a}.sidebar-collapse-control:active:before{background:#172c49}
.sidebar-expanded .sidebar-collapse-control:hover,.sidebar-collapsed .sidebar-collapse-control:hover{transform:translateY(-50%)}.sidebar-expanded .sidebar-collapse-control:active,.sidebar-collapsed .sidebar-collapse-control:active{transform:translateY(-50%) scale(.92)}
.sidebar-collapse-control{right:-24px;transform-origin:left center}.sidebar-collapse-control:before{display:none}.sidebar-collapse-control:hover{transform:translateY(-50%)}.sidebar-collapse-control:active{transform:translateY(-50%) scale(.92)}.sidebar-expanded .sidebar-collapse-control:hover,.sidebar-collapsed .sidebar-collapse-control:hover{transform:translateY(-50%)}.sidebar-expanded .sidebar-collapse-control:active,.sidebar-collapsed .sidebar-collapse-control:active{transform:translateY(-50%) scale(.92)}
#view:has(.attendance-console){display:grid;grid-template-rows:auto auto auto auto minmax(260px,1fr);gap:10px;padding-top:16px;padding-bottom:16px}.app:has(.attendance-console) footer{display:none}#view:has(.attendance-console) .page-header,#view:has(.attendance-console) .safe-banner,#view:has(.attendance-console) .operation-tools,#view:has(.attendance-console) .operation-tabs{margin:0}#view:has(.attendance-console) .page-header{align-items:center}#view:has(.attendance-console) .page-header h1{font-size:26px;margin-block:2px}#view:has(.attendance-console) .page-header p{font-size:13px}#view:has(.attendance-console) .safe-banner{padding:9px 14px}.attendance-console{height:100%;min-height:260px}.conversation-inbox{display:flex;flex-direction:column}.conversation-inbox-content{height:auto;min-height:0;flex:1 1 auto;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8190a5 #edf1f6}.conversation-inbox-content::-webkit-scrollbar{width:10px}.conversation-inbox-content::-webkit-scrollbar-track{background:#edf1f6}.conversation-inbox-content::-webkit-scrollbar-thumb{background:#8190a5;border:2px solid #edf1f6;border-radius:999px}.conversation-inbox-row{min-height:106px;flex:none}.conversation-loading,.conversation-load-error{min-height:100%;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--color-textSecondary)}.conversation-load-error strong{color:var(--color-error)}.conversation-load-error span{font-size:12px}
@media(max-width:900px){#view:has(.attendance-console){grid-template-rows:auto auto auto auto minmax(220px,1fr);gap:8px;padding-top:12px}.operation-tools{flex-wrap:wrap}.operation-tools input{flex-basis:100%}.operation-tools select{flex:1 1 150px}.operation-tools button{flex:1 1 150px}}
#view:has(.attendance-console){grid-template-rows:auto auto minmax(320px,1fr);gap:9px;padding-top:12px;padding-bottom:12px}.attendance-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.attendance-header h1{margin:1px 0 0;font-size:24px;line-height:1.1}.attendance-readonly{padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#087456;font-size:11px;font-weight:800}.operation-commandbar{display:flex;align-items:center;gap:12px;min-width:0}.operation-commandbar .operation-tabs{flex:0 0 auto}.operation-primary-tools{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.operation-primary-tools>input{min-width:160px;flex:1;height:38px;border:1px solid var(--color-border);border-radius:9px;padding:0 12px;background:#fff}.operation-filter-menu{position:relative;flex:0 0 auto}.operation-filter-menu>summary{list-style:none;cursor:pointer;border:1px solid #cdd8e8;border-radius:9px;padding:10px 13px;color:var(--color-primary);font-size:11px;font-weight:800;background:#fff}.operation-filter-menu>summary::-webkit-details-marker{display:none}.operation-filter-menu>summary:before{content:"⌄";margin-right:7px}.operation-filter-menu[open]>summary:before{content:"⌃"}.operation-filter-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:18;width:min(560px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:0 16px 42px #0f172a24}.operation-filter-panel label{display:grid;gap:5px;color:var(--color-textSecondary);font-size:10px;font-weight:700}.operation-filter-panel select{width:100%;min-height:38px;border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:7px}.attendance-console{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(220px,270px)}.attendance-console.inbox-collapsed{grid-template-columns:48px minmax(0,1fr) minmax(220px,270px)}
@media(max-width:900px){#view:has(.attendance-console){grid-template-rows:auto auto minmax(260px,1fr)}.operation-commandbar{align-items:stretch;flex-direction:column}.operation-commandbar .operation-tabs{width:100%;overflow-x:auto}.operation-primary-tools{width:100%}.operation-filter-panel{left:auto;right:0}.attendance-readonly{white-space:nowrap}}
@media(max-width:680px){.attendance-header{align-items:flex-start}.attendance-header h1{font-size:21px}.operation-primary-tools>input{min-width:0}.operation-filter-panel{position:fixed;inset:auto 10px 72px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow-y:auto}}
.topbar{height:56px;justify-content:flex-end;padding-inline:20px}.topbar>.search,.topbar>.actions>.round:first-child{display:none}.topbar .actions{margin-left:auto}.topbar .user{border-left:0;padding-left:0}
@media(max-width:1100px){.customer-context{top:56px}}
@media(max-width:680px){.topbar{height:56px;padding-inline:10px}.conversation-center,.customer-context{inset:56px 0 62px}.topbar .user div{display:block}.topbar .user small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.channel-domain-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.channel-domain-heading h2{margin:4px 0 0}.channel-usage{margin-bottom:20px}.channel-usage .admin-form{max-width:none}.settings-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.settings-tab{white-space:nowrap;border:1px solid var(--color-border);border-radius:9px;background:#fff;color:var(--color-textSecondary);padding:9px 12px;font-weight:700}.settings-tab.active{border-color:#93b4f8;background:#edf4ff;color:var(--color-primary)}.settings-workspace{min-width:0}.setup-owner-link{display:grid;gap:12px;justify-items:start}.operational-controls{margin-top:18px}
.channel-usage .draft-status{margin:0;color:#9a5a00;font-size:13px;font-weight:700}
@media(max-width:680px){.channel-domain-heading{align-items:stretch;flex-direction:column}.channel-domain-heading .page-actions,.channel-domain-heading .page-actions button{width:100%}.settings-nav{margin-inline:-4px}}

/* Design System V2 — semantic foundation. Legacy variables remain aliases. */
:root{
--bg-app:#f5f7fb;--bg-sidebar:#0c182c;--bg-surface:#fff;--bg-surface-muted:#f1f5f9;--bg-elevated:#fff;
--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#8291a6;--text-inverse:#fff;
--border-default:#e5eaf2;--border-strong:#cbd5e1;
--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eaf2ff;--accent-gradient:linear-gradient(135deg,#2563eb,#4f46e5);
--success:#10b981;--success-soft:#e3f8ef;--warning:#f59e0b;--warning-soft:#fff0d8;
--danger:#ef4444;--danger-soft:#fee8eb;--info:#3b82f6;--info-soft:#e7f1ff;
--shadow-lg:0 24px 64px #0f172a1f;--radius-xl:24px;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
--control-height:42px;--card-padding:18px;--row-padding:13px;
--color-background:var(--bg-app);--color-surface:var(--bg-surface);--color-surfaceElevated:var(--bg-elevated);--color-sidebar:var(--bg-sidebar);
--color-primary:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-danger:var(--danger);--color-info:var(--info);
--color-textPrimary:var(--text-primary);--color-textSecondary:var(--text-secondary);--color-border:var(--border-default)
}
:root[data-theme="night"]{--bg-app:#071426;--bg-sidebar:#050e1d;--bg-surface:#0d1d32;--bg-surface-muted:#122740;--bg-elevated:#142b47;--text-primary:#edf5ff;--text-secondary:#adc0d8;--text-muted:#829ab7;--border-default:#233b58;--border-strong:#385577;--accent:#4f8cff;--accent-hover:#70a3ff;--accent-soft:#17345d;--accent-gradient:linear-gradient(135deg,#155eef 0%,#3157e8 58%,#5945d8 100%);--night-sidebar-gradient:linear-gradient(165deg,#040c19 0%,#071b38 52%,#102b5c 100%);--night-app-gradient:radial-gradient(circle at 72% -18%,#183f821f 0%,transparent 42%),linear-gradient(155deg,#071426 0%,#08182b 48%,#0a1930 100%);--night-identity-gradient:linear-gradient(125deg,#16a8f4 0%,#2563eb 48%,#5b4ae4 100%);--shadow-sm:0 2px 8px #02081755;--shadow-md:0 12px 32px #02081770;--shadow-lg:0 24px 64px #0208178a}
:root[data-theme="sunset"]{--bg-app:#171923;--bg-sidebar:#10121a;--bg-surface:#22242f;--bg-surface-muted:#2a2c38;--bg-elevated:#30323e;--text-primary:#fff7ed;--text-secondary:#d3c4b6;--text-muted:#a99a8e;--border-default:#403d43;--border-strong:#5c5350;--accent:#ea7a25;--accent-hover:#f59e42;--accent-soft:#3b2a22;--accent-gradient:linear-gradient(135deg,#ea7a25,#b45309);--shadow-sm:0 2px 8px #090a1055;--shadow-md:0 12px 32px #090a1070;--shadow-lg:0 24px 64px #090a108a}
:root[data-theme="emerald"]{--bg-app:#eaf3f1;--bg-sidebar:#062925;--bg-surface:#fff;--bg-surface-muted:#edf6f4;--bg-elevated:#fff;--text-primary:#102a27;--text-secondary:#52716c;--text-muted:#718b87;--border-default:#d2e3df;--border-strong:#abc9c2;--accent:#078a70;--accent-hover:#056b58;--accent-soft:#dff5ef;--accent-gradient:linear-gradient(135deg,#078a70,#0d9488)}
:root[data-theme="light"]{color-scheme:light}:root[data-theme="night"],:root[data-theme="sunset"]{color-scheme:dark}
body,.workspace,.page{background:var(--bg-app);color:var(--text-primary)}.panel,.metric,.integration-card,.health-card,.setting-card,.user-row,.conversation-center>header,.customer-context,dialog,.drawer section,.mobile-nav,footer{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}
.conversation-center,.conversation-summary,.channel-qr,.operation-filter-panel,.search{background:var(--bg-surface-muted)}
input,select,textarea,.secondary,.settings-tab,.operation-filter-menu>summary,.readonly-composer{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}
.secondary:hover{background:var(--accent-soft)}.primary{background:var(--accent)}.primary:hover{background:var(--accent-hover)}
.nav-item.active{background:var(--accent-gradient)}.badge.success{color:var(--success);background:var(--success-soft)}.badge.warning{color:#a65000;background:var(--warning-soft)}
:root[data-theme="night"] body,:root[data-theme="night"] .workspace,:root[data-theme="night"] .page{background:var(--night-app-gradient)}
:root[data-theme="night"] .sidebar,:root[data-theme="night"] .preview-sidebar{background:var(--night-sidebar-gradient)}
:root[data-theme="night"] .primary{background:var(--accent-gradient);box-shadow:0 7px 18px #155eef26}
:root[data-theme="night"] .primary:hover{background:linear-gradient(135deg,#2874ff 0%,#4268f3 58%,#6857ea 100%);box-shadow:0 9px 22px #155eef35}
:root[data-theme="night"] .logo,:root[data-theme="night"] .metric-symbol.blue,:root[data-theme="night"] .readiness-ring{background:var(--night-identity-gradient);color:#fff}
:root[data-theme="night"] progress{accent-color:#3f7cff}:root[data-theme="night"] .donut{filter:saturate(.92)}
:root[data-theme="night"] .nav-item.active{border-color:#628cff8f;box-shadow:inset 0 1px 0 #ffffff1a}

/* Reusable neutral primitives. Existing classes share the same foundation. */
.ds-button,.ds-icon-button,.primary,.secondary,.round{min-height:var(--control-height);border-radius:var(--radius-sm);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.ds-icon-button,.round{min-width:var(--control-height);display:inline-grid;place-items:center}
.ds-input,.ds-search-input,.ds-select,input,select,textarea{min-height:var(--control-height)}
.ds-card,.ds-stat-card,.panel,.metric{padding:var(--card-padding);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}
.ds-alert,.safe-banner{border:1px solid var(--border-default);border-radius:var(--radius-md)}
.ds-tooltip,[role="tooltip"]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-sidebar);color:var(--text-inverse);box-shadow:var(--shadow-md);font-size:12px}
.ds-badge,.ds-status,.badge{line-height:1.2}.ds-tabs,.ds-secondary-navigation{display:flex;gap:var(--space-2);overflow-x:auto}
.ds-drawer,.drawer,.ds-modal,dialog{box-shadow:var(--shadow-lg)}.ds-empty-state,.empty{text-align:center;color:var(--text-secondary)}
.ds-progress,progress{accent-color:var(--accent)}.ds-timeline,.timeline{border-color:var(--border-default)}
.ds-technical-details,.technical,.ds-advanced-settings{color:var(--text-secondary)}
.ds-checkbox,.ds-radio,.ds-switch,input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
[role="button"]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}

/* Appearance preview is intentionally contained in the current settings overview. */
.appearance-foundation{margin-top:var(--space-4)}.theme-picker{border:0;padding:0;margin:0}.theme-picker legend{font-weight:800;margin-bottom:var(--space-3)}
.theme-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.theme-choice{min-height:118px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-align:left}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.theme-choice strong,.theme-choice small{display:block}.theme-choice small{margin-top:3px;color:var(--text-secondary)}
.theme-preview{height:38px;margin-bottom:var(--space-2);border:1px solid #ffffff30;border-radius:8px;display:grid;grid-template-columns:25% 1fr;grid-template-rows:1fr 1fr;overflow:hidden;background:#f5f7fb}.theme-preview i{grid-row:1/3;background:#0c182c}.theme-preview b,.theme-preview em{margin:5px;border-radius:4px;background:#fff}.theme-preview em{margin-top:0;background:#2563eb}.theme-night .theme-preview{background:#071426}.theme-night .theme-preview i{background:#050e1d}.theme-night .theme-preview b{background:#0d1d32}.theme-night .theme-preview em{background:#4f8cff}.theme-sunset .theme-preview{background:#171923}.theme-sunset .theme-preview i{background:#10121a}.theme-sunset .theme-preview b{background:#2a2c38}.theme-sunset .theme-preview em{background:#ea7a25}.theme-emerald .theme-preview{background:#eaf3f1}.theme-emerald .theme-preview i{background:#062925}.theme-emerald .theme-preview em{background:#078a70}.theme-auto .theme-preview{background:linear-gradient(90deg,#071426 50%,#f5f7fb 50%)}
.appearance-options{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:var(--space-3);margin-top:var(--space-5)}.appearance-options label{display:grid;gap:6px;font-weight:700;color:var(--text-secondary)}.appearance-check{display:flex!important;align-items:center;min-height:var(--control-height);gap:8px}.appearance-feedback{min-height:20px;color:var(--success);margin-bottom:0}
:root[data-density="compact"]{--control-height:36px;--card-padding:14px;--row-padding:9px}.conversation-inbox-row{padding-block:var(--row-padding)}
:root[data-motion="reduced"] *, :root[data-motion="reduced"] *:before, :root[data-motion="reduced"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:root[data-motion="full"] *, :root[data-motion="full"] *:before, :root[data-motion="full"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:1100px){.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-options{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.theme-picker{grid-template-columns:1fr 1fr}.appearance-options{grid-template-columns:1fr}.theme-choice{min-height:108px}}

/* Isolated Design System V2 visual acceptance surface. */
.visual-preview-page{min-height:100vh;background:var(--bg-app);color:var(--text-primary)}.preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.preview-toolbar>div{margin-right:auto}.preview-toolbar strong,.preview-toolbar small{display:block}.preview-toolbar small{color:var(--text-secondary)}.preview-toolbar label{display:grid;gap:3px;color:var(--text-secondary);font-size:11px;font-weight:700}.preview-toolbar select{min-width:138px}.preview-canvas{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 70px)}.preview-sidebar{padding:var(--space-5);background:var(--bg-sidebar)}.preview-sidebar nav{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.preview-content{min-width:0;padding:var(--space-6);display:grid;align-content:start;gap:var(--space-4)}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.preview-heading h1{margin:3px 0;font-size:28px}.preview-heading p{margin:0;color:var(--text-secondary)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.preview-statuses{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.preview-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.preview-form label{display:grid;gap:5px;color:var(--text-secondary);font-size:11px;font-weight:700}.error-field input{border-color:var(--danger)}.preview-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.tertiary{min-height:var(--control-height);border:0;background:transparent;color:var(--accent);font-weight:700}.danger-button{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-weight:700}.badge.danger{color:#b42333;background:var(--danger-soft)}.badge.info{color:#1764c0;background:var(--info-soft)}.preview-chat{display:grid;gap:var(--space-3);background:var(--bg-surface-muted)}.preview-message{width:min(72%,680px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.preview-message p{margin:6px 0}.preview-message small{color:var(--text-secondary)}.preview-message.customer{background:var(--message-customer,var(--bg-surface));border:1px solid var(--border-default)}.preview-message.agent{justify-self:end;background:var(--message-agent,var(--accent-soft));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border-default))}.preview-list>div{display:flex;align-items:center;gap:var(--space-3);padding:var(--row-padding);border-top:1px solid var(--border-default)}.preview-list p{display:grid;flex:1;margin:0}.preview-list small{color:var(--text-secondary)}
@media(max-width:1024px){.preview-toolbar{flex-wrap:wrap}.preview-toolbar>div{flex-basis:100%}.preview-canvas{grid-template-columns:76px minmax(0,1fr)}.preview-sidebar{padding-inline:10px}.preview-sidebar .brand div,.preview-sidebar .nav-item span{display:none}.preview-sidebar .brand,.preview-sidebar .nav-item{justify-content:center}}
@media(max-width:768px){.preview-toolbar{position:static;align-items:stretch}.preview-toolbar label{flex:1 1 140px}.preview-toolbar select{width:100%;min-width:0}.preview-grid,.preview-statuses{grid-template-columns:1fr}.preview-content{padding:var(--space-4)}}
@media(max-width:480px){.preview-canvas{display:block}.preview-sidebar{display:none}.preview-toolbar{padding:var(--space-3)}.preview-toolbar label{flex-basis:100%}.preview-content{padding:var(--space-3)}.preview-heading{align-items:flex-start;flex-direction:column}.preview-form{grid-template-columns:1fr}.preview-message{width:92%}.preview-list>div{align-items:flex-start;flex-wrap:wrap}.preview-list p{min-width:150px}}

/* Phase 2 — shared application shell. Functional workspaces keep their own internals. */
:root{--shell-sidebar-width:252px;--shell-sidebar-collapsed-width:72px;--shell-header-height:58px;--shell-sidebar-bg:linear-gradient(165deg,#071426 0%,#0a203d 58%,#102b50 100%);--shell-sidebar-text:#c4d3e7;--shell-sidebar-muted:#8198b5;--shell-sidebar-border:#ffffff14;--shell-active-bg:var(--accent-gradient);--shell-active-border:#ffffff24}
:root[data-theme="light"]{--shell-sidebar-bg:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);--shell-sidebar-text:#334155;--shell-sidebar-muted:#718096;--shell-sidebar-border:#dce4ef;--shell-active-bg:linear-gradient(135deg,#e8f1ff,#eef0ff);--shell-active-border:#8bb1f5}
:root[data-theme="night"]{--shell-sidebar-bg:var(--night-sidebar-gradient);--shell-sidebar-text:#c9d8ed;--shell-sidebar-muted:#829ab7;--shell-sidebar-border:#ffffff17;--shell-active-bg:var(--accent-gradient);--shell-active-border:#789bff8f}
:root[data-theme="sunset"]{--shell-sidebar-bg:linear-gradient(165deg,#11131c 0%,#1d1b24 62%,#302118 100%);--shell-sidebar-text:#eaded2;--shell-sidebar-muted:#ae9d91;--shell-sidebar-border:#ffffff14;--shell-active-bg:linear-gradient(135deg,#c9611d,#8f3f12);--shell-active-border:#f6a45b70}
:root[data-theme="emerald"]{--shell-sidebar-bg:linear-gradient(165deg,#041b1a 0%,#062925 58%,#0a4138 100%);--shell-sidebar-text:#c8e4de;--shell-sidebar-muted:#82aaa2;--shell-sidebar-border:#ffffff14;--shell-active-bg:linear-gradient(135deg,#087e69,#0b5f55);--shell-active-border:#5ed8c28a}
.app{min-height:100dvh}.sidebar{width:var(--shell-sidebar-width);padding:18px 14px 16px;background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);box-shadow:8px 0 30px #0712220d}.sidebar .brand{min-height:62px;padding:0 6px 17px;border-color:var(--shell-sidebar-border)}.sidebar .brand strong{font-size:18px;letter-spacing:-.2px}.sidebar .brand small{color:var(--shell-sidebar-muted)}.sidebar nav{display:flex;min-height:0;overflow-y:auto;flex:1;flex-direction:column;gap:5px;margin-top:14px;padding:1px 0 12px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-item{position:relative;width:100%;min-height:44px;padding:9px 11px;border-radius:10px;color:var(--shell-sidebar-text);font-weight:600}.sidebar .nav-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-inverse)}:root[data-theme="light"] .sidebar .nav-item:hover{color:var(--text-primary)}.sidebar .nav-item.active{background:var(--shell-active-bg);border-color:var(--shell-active-border);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent)}:root[data-theme="light"] .sidebar .nav-item.active{color:#164a9f;box-shadow:none}.sidebar .nav-item.active:before{content:"";position:absolute;left:5px;width:3px;height:18px;border-radius:99px;background:currentColor}.side-status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;margin-top:8px;padding:10px 11px;border-color:var(--shell-sidebar-border);background:#ffffff07}.side-status .system-dot{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}.side-status strong{color:var(--shell-sidebar-text);font-size:11px}.side-status small{margin:0;color:var(--shell-sidebar-muted);font-size:10px}.workspace{min-width:0;min-height:100dvh;margin-left:var(--shell-sidebar-width);background:var(--bg-app)}.topbar{height:var(--shell-header-height);min-height:var(--shell-header-height);padding:0 22px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border-color:var(--border-default);justify-content:space-between}.global-area-title{overflow:hidden;color:var(--text-secondary);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.topbar .actions{margin-left:auto}.topbar .user{min-width:0;border-left:0;padding:0}.topbar .user strong{font-size:12px}.topbar .avatar{width:34px;height:34px}.topbar .round{min-height:36px;min-width:36px;width:36px;height:36px}.page{max-width:none;margin:0;padding:20px clamp(16px,2vw,30px) 34px;min-width:0}.page-header{align-items:flex-start;margin-bottom:17px}.page-header h1{margin:0 0 3px;font-size:clamp(24px,2vw,29px)}.page-header p{font-size:14px}.page-header .eyebrow,.page-header .date{display:none}footer{min-height:48px;padding:0 22px;background:var(--bg-surface);border-color:var(--border-default)}
.sidebar-collapse-control{top:50%;right:-28px;width:28px;height:58px;border:1px solid var(--shell-sidebar-border);border-left:0;border-radius:0 12px 12px 0;background:var(--shell-sidebar-bg);color:var(--shell-sidebar-text);box-shadow:4px 2px 10px #0712221f;transform:translateY(-50%);transform-origin:left center;transition:transform .15s ease,color .15s ease}.sidebar-collapse-control:before{display:none}.sidebar-collapse-control:hover,.sidebar-expanded .sidebar-collapse-control:hover,.sidebar-collapsed .sidebar-collapse-control:hover{width:28px;background:var(--shell-sidebar-bg);color:#fff;box-shadow:4px 2px 10px #0712221f;transform:translate(1px,-50%)}:root[data-theme="light"] .sidebar-collapse-control:hover{color:var(--accent)}.sidebar-collapse-control:active,.sidebar-expanded .sidebar-collapse-control:active,.sidebar-collapsed .sidebar-collapse-control:active{transform:translate(1px,-50%) scale(.94);box-shadow:inset 2px 2px 5px #050d1950}.sidebar-handle-help{position:absolute;left:calc(100% + 9px);top:50%;width:max-content;max-width:180px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--bg-sidebar);color:#fff;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(-50%)}.sidebar-collapse-control:focus-visible .sidebar-handle-help{opacity:1}
.sidebar-collapsed .sidebar{width:var(--shell-sidebar-collapsed-width);padding-inline:10px}.sidebar-collapsed .workspace{margin-left:var(--shell-sidebar-collapsed-width)}.sidebar-collapsed .sidebar .brand{min-height:58px}.sidebar-collapsed .sidebar .brand-mark{width:38px;height:38px}.sidebar-collapsed .sidebar .nav-item{padding-inline:8px}.sidebar-collapsed .sidebar .nav-item.active:before{left:2px}.sidebar-collapsed .side-status{display:grid;grid-template-columns:1fr;place-items:center;padding:11px}.sidebar-collapsed .side-status strong,.sidebar-collapsed .side-status small{display:none}.sidebar-collapsed .side-status .system-dot{grid-row:auto}
.secondary-navigation{display:flex;flex-direction:column;gap:4px;min-width:190px}.secondary-navigation-item{min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);text-align:left;font-weight:650}.secondary-navigation-item:hover{background:var(--bg-surface-muted);color:var(--text-primary)}.secondary-navigation-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,var(--border-default));color:var(--accent)}
@media(max-width:1100px){.sidebar{width:var(--shell-sidebar-collapsed-width);padding-inline:10px}.workspace{margin-left:var(--shell-sidebar-collapsed-width)}.sidebar .brand div,.sidebar .nav-item span:not(.icon),.side-status strong,.side-status small{display:none}.sidebar .brand,.sidebar .nav-item{justify-content:center}.sidebar-collapse-control{display:none}.secondary-navigation{min-width:168px}}
@media(max-width:680px){.sidebar{display:none}.workspace,.sidebar-collapsed .workspace{margin-left:0}.topbar{height:var(--shell-header-height);padding-inline:12px}.global-area-title{max-width:38vw}.topbar .user small{max-width:120px}.page{padding:16px 12px calc(76px + env(safe-area-inset-bottom))}.mobile-nav{background:var(--bg-elevated);border-color:var(--border-default)}.mobile-nav .nav-item{color:var(--text-secondary)}.mobile-nav .nav-item.active{color:var(--accent);background:var(--accent-soft);border-color:transparent}.drawer section{background:var(--bg-elevated);color:var(--text-primary)}.drawer .nav-item{color:var(--text-primary)}.secondary-navigation{min-width:0;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:3px}.secondary-navigation-item{flex:0 0 auto}}

/* Phase 2 isolated shell preview. */
.shell-preview{grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);transition:grid-template-columns .18s ease}.shell-preview .preview-sidebar{position:relative;display:flex;min-width:0;flex-direction:column;padding:18px 14px 16px;background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border)}.shell-preview .preview-sidebar .brand{min-height:62px;padding:0 6px 17px;border-bottom:1px solid var(--shell-sidebar-border)}.shell-preview .preview-sidebar .brand strong{color:var(--shell-sidebar-text)}.shell-preview .preview-sidebar .brand small{color:var(--shell-sidebar-muted)}.shell-preview .preview-sidebar nav{display:flex;min-height:0;flex:1;flex-direction:column;gap:5px;margin-top:14px}.shell-preview .preview-sidebar .nav-item{width:100%;min-height:44px;padding:9px 11px;color:var(--shell-sidebar-text);font-weight:600}.shell-preview .preview-sidebar .nav-item.active{background:var(--shell-active-bg);border-color:var(--shell-active-border);color:#fff}.shell-preview .sidebar-collapse-control{display:grid}.preview-shell-main{display:flex;min-width:0;min-height:calc(100vh - 70px);flex-direction:column}.preview-global-header{display:flex;min-height:var(--shell-header-height);align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border-default);background:var(--bg-elevated)}.preview-global-header>strong{color:var(--text-secondary);font-size:12px}.preview-global-header .user{border:0}.preview-content{flex:1}.preview-mobile-nav{display:none}.shell-preview.sidebar-collapsed{grid-template-columns:var(--shell-sidebar-collapsed-width) minmax(0,1fr)}.shell-preview.sidebar-collapsed .preview-sidebar{padding-inline:10px}.shell-preview.sidebar-collapsed .preview-sidebar .brand{justify-content:center;padding-inline:0}.shell-preview.sidebar-collapsed .preview-sidebar .brand div,.shell-preview.sidebar-collapsed .preview-sidebar .nav-item span,.shell-preview.sidebar-collapsed .side-status strong,.shell-preview.sidebar-collapsed .side-status small{display:none}.shell-preview.sidebar-collapsed .preview-sidebar .nav-item{justify-content:center;padding-inline:8px}.shell-preview.sidebar-collapsed .side-status{display:grid;place-items:center;padding:11px}
@media(max-width:1024px){.shell-preview{grid-template-columns:var(--shell-sidebar-collapsed-width) minmax(0,1fr)}.shell-preview .preview-sidebar{padding-inline:10px}.shell-preview .preview-sidebar .brand{justify-content:center}.shell-preview .preview-sidebar .brand div,.shell-preview .preview-sidebar .nav-item span,.shell-preview .side-status strong,.shell-preview .side-status small,.shell-preview .sidebar-collapse-control{display:none}.shell-preview .preview-sidebar .nav-item{justify-content:center}}
@media(max-width:680px){.shell-preview,.shell-preview.sidebar-collapsed{display:block}.shell-preview .preview-sidebar{display:none}.preview-shell-main{min-height:calc(100vh - 70px)}.preview-global-header{padding-inline:14px}.preview-content{padding-bottom:82px}.preview-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;z-index:40;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:0 -6px 18px #0f172a0f}.preview-mobile-nav .nav-item{display:grid;min-height:52px;place-items:center;gap:1px;padding:5px 2px;border:0;background:transparent;color:var(--text-secondary);font-size:9px}.preview-mobile-nav .nav-item span{display:block}.preview-mobile-nav .nav-item.active{background:var(--accent-soft);color:var(--accent)}}

/* Phase 3 — Settings information architecture on existing contracts. */
.settings-layout{display:grid;grid-template-columns:minmax(210px,240px) minmax(0,1fr);align-items:start;gap:var(--space-5)}.settings-layout>.secondary-navigation{position:sticky;top:calc(var(--shell-header-height) + var(--space-4));padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.settings-layout .secondary-navigation-item{min-height:42px}.settings-workspace{min-width:0;display:grid;align-content:start;gap:var(--space-4)}.settings-current-label,.settings-mobile-index,.settings-mobile-back{display:none}.settings-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.settings-section-heading h2{margin:0;font-size:20px}.settings-section-heading p{margin:3px 0 0;color:var(--text-secondary)}.settings-section-heading.subsection{margin-top:var(--space-2)}.company-profile-card{max-width:920px}.company-facts,.compact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.company-facts div,.compact-facts div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.company-facts dt,.compact-facts dt{color:var(--text-secondary);font-size:11px;font-weight:700}.company-facts dd,.compact-facts dd{margin:4px 0 0;font-weight:700}.information-note{margin-top:var(--space-4);padding:var(--space-3);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);color:var(--text-secondary)}.ai-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.ai-resource-grid .setting-card{min-height:110px}.settings-subsection-label{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.settings-subsection-label span{color:var(--text-secondary);font-size:11px}.settings-advanced summary,.advanced-fields summary{font-weight:750;cursor:pointer}.integration-settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:var(--space-4)}.integration-operational-card,.integration-reference{display:grid;align-content:start;gap:var(--space-3)}.sgp-editor{margin-top:0}.team-users .panel-head{align-items:center}.team-user-card{grid-template-columns:auto minmax(180px,1fr) auto auto}.team-user-card .chips{margin-top:6px}.responsible-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.responsible-settings-grid .responsible-form{display:grid;align-content:start;gap:var(--space-3)}.responsible-settings-grid label{display:grid;gap:5px;font-weight:700}.access-security-summary{border-left:3px solid var(--accent)}.assisted-readiness{max-width:840px}.assisted-owner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.assisted-owner-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-sm)}.assisted-owner-list>button>span:last-child{grid-column:1/-1;color:var(--accent);font-size:11px;font-weight:700}.settings-mobile-index{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.settings-mobile-index button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--border-default);background:transparent;color:var(--text-primary);text-align:left}.settings-mobile-index button:last-child{border-bottom:0}.settings-mobile-index b{color:var(--accent);font-size:20px}
@media(max-width:1024px){.settings-layout{grid-template-columns:190px minmax(0,1fr)}.ai-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-settings-grid{grid-template-columns:1fr}.responsible-settings-grid{grid-template-columns:1fr}.team-user-card{grid-template-columns:auto minmax(0,1fr) auto}.team-user-card>button{grid-column:2/-1;justify-self:start}}
@media(max-width:768px){.settings-layout{display:block}.settings-layout>.secondary-navigation{display:none}.settings-mobile-index.active{display:block}.settings-layout.mobile-root{display:none}.settings-workspace{gap:var(--space-3)}.settings-mobile-back{display:inline-flex;width:max-content;align-items:center;min-height:40px;padding:0;border:0;background:transparent;color:var(--accent);font-weight:750}.settings-current-label{display:block;color:var(--text-secondary);font-size:11px;font-weight:700}.company-facts,.compact-facts,.ai-resource-grid,.assisted-owner-list{grid-template-columns:1fr}.settings-section-heading{display:block}.settings-subsection-label{display:block}.settings-subsection-label span{display:block;margin-top:3px}.team-users .panel-head{align-items:stretch;flex-direction:column}.team-users .panel-head button{width:100%}.team-user-card{grid-template-columns:auto minmax(0,1fr)}.team-user-card>.badge{justify-self:start}.team-user-card>button{grid-column:1/-1;width:100%}}
.preview-settings-phase3{margin-top:var(--space-2)}.preview-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4)}.preview-settings-layout>.secondary-navigation{padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-muted)}.preview-settings-content{min-height:250px;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.preview-settings-content h3{margin-top:0;font-size:20px}.preview-settings-content p{color:var(--text-secondary)}.preview-settings-content progress{width:min(460px,100%)}
@media(max-width:768px){.preview-settings-layout{grid-template-columns:1fr}.preview-settings-layout>.secondary-navigation{position:static;display:flex;flex-direction:row;overflow-x:auto}.preview-settings-layout .secondary-navigation-item{flex:0 0 auto}}
.preview-page-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.preview-page-heading h1{margin:3px 0;font-size:28px}.preview-page-heading p{margin:0;color:var(--text-secondary)}#preview-view{min-width:0}.preview-attendance{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr) minmax(170px,230px);min-height:430px;margin-top:var(--space-4);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.preview-attendance>aside,.preview-attendance>section{padding:var(--space-3);border-right:1px solid var(--border-default)}.preview-attendance>section{border-right:0;border-left:1px solid var(--border-default)}.preview-attendance .preview-list>div{padding-inline:4px}.preview-attendance .preview-chat{align-content:center;padding:var(--space-4);background:var(--bg-surface-muted)}.preview-timeline{display:grid;gap:var(--space-3)}.preview-timeline article{display:grid;grid-template-columns:90px 1fr;gap:var(--space-3);padding:var(--space-3);border-left:3px solid var(--accent);background:var(--bg-surface-muted)}.preview-timeline small{display:block;color:var(--text-secondary)}.preview-appearance-themes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.preview-appearance-themes .theme-choice{min-height:70px}.preview-settings-content>label{display:grid;gap:5px;margin-top:var(--space-3);color:var(--text-secondary);font-weight:700}.preview-more-menu{display:none}
@media(max-width:1024px){.preview-attendance{grid-template-columns:220px minmax(0,1fr)}.preview-attendance>section{display:none}.preview-appearance-themes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.preview-page-heading{display:block}.preview-page-heading>.badge{margin-top:var(--space-2)}.preview-attendance{display:block;min-height:0}.preview-attendance>aside{display:none}.preview-attendance .preview-chat{min-height:360px}.preview-more-menu{display:block;position:fixed;inset:0;z-index:70;pointer-events:none}.preview-more-menu.open{pointer-events:auto}.preview-more-backdrop{position:absolute;inset:0;border:0;background:#07122290}.preview-more-menu section{position:absolute;right:0;bottom:0;left:0;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--bg-elevated);transform:translateY(105%);transition:transform .18s ease}.preview-more-menu.open section{transform:none}.preview-more-menu h2{margin:0 0 var(--space-3)}.preview-more-menu .nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:46px;border:0;background:transparent;color:var(--text-primary);text-align:left}.preview-appearance-themes{grid-template-columns:1fr 1fr}.preview-settings-layout.mobile-root{display:none}}

/* Phase 4 — channels operational center. */
.channels-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.channels-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.channels-summary span{display:flex;align-items:baseline;gap:5px;padding:7px 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-size:11px}.channels-summary strong{color:var(--text-primary);font-size:14px}.channel-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border-default));border-radius:var(--radius-md);background:var(--warning-soft)}.channel-alert strong,.channel-alert p{display:block;margin:3px 0}.channels-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.channel-v2-card{display:grid;align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.channel-v2-card>header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.channel-v2-card>header>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.channel-v2-card h2{margin:0;font-size:21px}.channel-address,.channel-card-section p{margin:0;color:var(--text-secondary)}.channel-identity-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.channel-identity-badge.lab{background:var(--bg-surface-muted);color:var(--text-secondary)}.channel-card-section{display:grid;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--border-default)}.channel-card-section>small,.channel-updated{color:var(--text-muted);font-size:10px;font-weight:700}.channel-card-actions{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.channel-empty{grid-column:1/-1;text-align:center}.channel-manager-dialog{width:min(720px,calc(100% - 28px));height:min(92vh,860px);margin:4vh 0 4vh auto;border-radius:var(--radius-lg) 0 0 var(--radius-lg);overflow-y:auto}.channel-manager-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.channel-manager-head h2,.channel-manager-head p{margin:3px 0}.channel-manager-overview{margin-top:var(--space-4)}.channel-manager-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:0}.channel-manager-facts div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.channel-manager-facts dt{color:var(--text-secondary);font-size:10px;font-weight:700}.channel-manager-facts dd{margin:4px 0 0}.channel-manager-section{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md)}.channel-manager-section>summary{font-weight:800;cursor:pointer}.channel-manager-section .channel-usage{margin:var(--space-3) 0 0;border:0;box-shadow:none}.channel-manager-section .channel-usage>.panel-head{display:none}.sensitive-actions .channel-actions{margin-top:var(--space-3)}
@media(max-width:900px){.channels-v2-grid{grid-template-columns:1fr 1fr}.channel-v2-card{padding:var(--space-4)}}
@media(max-width:720px){.channels-toolbar,.channel-alert{align-items:stretch;flex-direction:column}.channels-toolbar>.primary,.channel-alert>.secondary{width:100%}.channels-v2-grid{grid-template-columns:1fr}.channel-manager-dialog{width:100%;max-width:none;height:92vh;margin:8vh 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.channel-manager-facts{grid-template-columns:1fr}.sensitive-actions .channel-actions{display:grid}.sensitive-actions .channel-actions button{width:100%}}

/* Phase 5 — conversation-first attendance workspace. */
.app:has(.attendance-workspace-v2) footer{display:none}.app:has(.attendance-workspace-v2) .workspace{height:100dvh;min-height:0;overflow:hidden}.app:has(.attendance-workspace-v2) #view{height:auto;min-height:0;flex:1 1 0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;padding:0;overflow:hidden;background:var(--bg-surface-muted)}
.attendance-operational-bar{position:relative;z-index:12;display:flex;align-items:center;gap:8px;min-width:0;min-height:50px;padding:7px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.attendance-search{display:flex;align-items:center;gap:8px;min-width:180px;max-width:440px;flex:1;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.attendance-search input{width:100%;height:34px;padding:0;border:0;background:transparent;color:var(--text-primary);outline:0}.attendance-readonly{margin-left:auto;white-space:nowrap}.operation-filter-menu>summary b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px}.active-filter-chips{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto}.active-filter-chips span{flex:none;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700}.clear-operation-filters{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:800;cursor:pointer}
.attendance-workspace-v2{display:grid;grid-template-columns:minmax(280px,320px) minmax(460px,1fr) minmax(260px,300px);grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;border:0;border-radius:0;background:var(--bg-surface);box-shadow:none;overflow:hidden;transition:grid-template-columns .18s ease}.attendance-workspace-v2.inbox-collapsed{grid-template-columns:38px minmax(460px,1fr) minmax(260px,300px)}.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(280px,320px) minmax(460px,1fr) 0}.attendance-workspace-v2.inbox-collapsed.context-collapsed,.attendance-workspace-v2.focus-mode{grid-template-columns:38px minmax(0,1fr) 0}
.conversation-inbox{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border-default);background:var(--bg-surface)}.conversation-inbox .operation-head{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 11px}.operation-head>span{display:flex;align-items:center;gap:7px}.operation-head small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--bg-surface-muted);color:var(--text-secondary);font-weight:800}.workspace-panel-handle{position:absolute;right:-10px;top:50%;z-index:4;width:20px;height:38px;padding:0;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-surface);color:var(--text-secondary);box-shadow:var(--shadow-sm);transform:translateY(-50%);cursor:pointer}.workspace-panel-handle:active{transform:translateY(-50%) scale(.94)}.conversation-inbox-content{height:auto;min-height:0;flex:1 1 auto;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.inbox-collapsed .conversation-inbox .operation-head{height:100%;min-height:0;padding:0}.inbox-collapsed .conversation-inbox .operation-head>span,.inbox-collapsed .conversation-inbox-content{display:none}.inbox-collapsed .workspace-panel-handle{right:8px}
.conversation-inbox-row{position:relative;min-height:82px;padding:11px 12px;grid-template-columns:38px minmax(0,1fr) auto;border-bottom:1px solid var(--border-default);background:transparent}.conversation-inbox-row:hover{background:var(--bg-surface-muted)}.conversation-inbox-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.conversation-inbox-row.selected:after{content:"";position:absolute;left:10px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.conversation-inbox-copy{min-width:0}.conversation-inbox-copy strong,.conversation-inbox-copy small,.conversation-inbox-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-inbox-copy small{margin-top:3px}.conversation-inbox-copy>span{margin-top:7px;color:var(--text-muted);font-size:10px;font-weight:700}.unread-count{right:11px;bottom:9px}
.conversation-center{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--bg-surface-muted)}.conversation-v2-header{display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 14px!important;background:var(--bg-surface)!important}.conversation-v2-header .conversation-avatar{flex:none}.conversation-v2-identity{min-width:0;flex:1}.conversation-v2-identity h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-v2-identity p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:11px}.conversation-v2-identity p span{margin:0 3px;color:var(--text-muted)}.conversation-v2-actions{display:flex;align-items:center;gap:7px}.conversation-v2-actions .secondary{padding:7px 9px;font-size:10px}.message-history{display:flex!important;flex:1 1 auto!important;flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0;min-height:0;margin:0!important;padding:16px clamp(14px,3vw,34px)!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;background:var(--bg-surface-muted)}.message-read{flex:none;width:auto;max-width:min(74%,720px);padding:10px 13px;border:1px solid var(--border-default);border-radius:5px 14px 14px 14px;background:var(--bg-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 7%,transparent)}.message-read.outbound{align-self:flex-end;border-radius:14px 5px 14px 14px;background:var(--accent-soft)}.message-read.ai-message{border-left:3px solid var(--accent)}.message-read>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}.message-read p{margin:6px 0 0;line-height:1.5}.message-read time,.message-edited{color:var(--text-muted);font-size:9px;font-weight:500}.message-media{display:flex!important;align-items:center;justify-content:flex-start!important;gap:9px!important;margin-top:8px;padding:9px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-surface) 68%,var(--bg-app))}.message-media>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:900}.message-media strong,.message-media small{display:block}.message-media small{margin-top:2px;color:var(--text-secondary);font-size:10px}.message-history-more{align-self:center;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:800;cursor:pointer}.readonly-composer{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border-default);border-radius:0;background:var(--bg-surface);text-align:left}.readonly-composer input{min-width:0;flex:1;height:38px;padding:0 12px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface-muted)}.readonly-composer button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--bg-surface-muted);color:var(--text-muted)}.readonly-composer span{white-space:nowrap;color:var(--text-muted);font-size:9px;font-weight:700}
.customer-context{display:block;min-width:0;min-height:0;padding:0;border-left:1px solid var(--border-default);background:var(--bg-surface);overflow-y:auto;overscroll-behavior:contain}.context-collapsed>.customer-context{display:none}.customer-context>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 14px;border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.customer-context-summary{display:flex;align-items:center;gap:10px;padding:16px 14px}.customer-context-summary h2{margin:0 0 5px}.customer-context dl{margin:0;padding:0 14px}.customer-context dt{padding-top:9px}.customer-context dd{margin-bottom:9px}.customer-context-details{margin:10px 14px;padding:10px 0;border-top:1px solid var(--border-default)}.customer-context-details summary{cursor:pointer;font-weight:800}.customer-context-details p{color:var(--text-secondary);font-size:11px}.customer-context>.field-help{margin:14px;padding:11px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.conversation-skeleton{display:grid;gap:14px;padding-top:20px}.conversation-skeleton i{display:block;width:56%;height:64px;border-radius:14px;background:linear-gradient(90deg,var(--bg-surface),var(--border-default),var(--bg-surface));background-size:220% 100%;animation:skeleton 1.5s infinite}.conversation-skeleton i:nth-child(2){justify-self:end;width:48%}.conversation-skeleton i:nth-child(3){width:68%}@keyframes skeleton{to{background-position:-220% 0}}.attendance-loading{display:grid;gap:10px;padding:18px}.attendance-loading i{height:64px;border-radius:var(--radius-sm);background:var(--bg-surface)}
.attendance-focus .workspace{margin-left:var(--shell-sidebar-collapsed-width)}.attendance-focus .sidebar{width:var(--shell-sidebar-collapsed-width);padding-inline:8px}.attendance-focus .sidebar .brand div,.attendance-focus .sidebar .nav-item span:not(.icon),.attendance-focus .side-status small{display:none}.attendance-focus .sidebar .nav-item{justify-content:center}.attendance-focus .sidebar-collapse-control{display:none}
@media(max-width:1100px){.attendance-workspace-v2,.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.attendance-workspace-v2.inbox-collapsed,.attendance-workspace-v2.inbox-collapsed.context-collapsed{grid-template-columns:38px minmax(0,1fr)}.attendance-workspace-v2>.customer-context{position:fixed;inset:56px 0 0 auto;z-index:30;display:none;width:min(340px,88vw);box-shadow:var(--shadow-lg)}.attendance-workspace-v2:not(.context-collapsed)>.customer-context{display:block}.conversation-v2-actions .attendance-focus-toggle{display:none}}
@media(max-width:680px){.app:has(.attendance-workspace-v2) #view{position:fixed;inset:56px 0 62px;z-index:20}.attendance-operational-bar{min-height:54px}.attendance-readonly,.active-filter-chips{display:none}.attendance-search{min-width:0}.operation-filter-panel{position:fixed;left:10px;right:10px;top:auto;bottom:72px;width:auto;max-height:70vh;overflow-y:auto;grid-template-columns:1fr}.attendance-workspace-v2,.attendance-workspace-v2.inbox-collapsed,.attendance-workspace-v2.context-collapsed,.attendance-workspace-v2.inbox-collapsed.context-collapsed{display:block}.attendance-workspace-v2 .conversation-inbox{display:block;height:100%}.attendance-workspace-v2:has(.conversation-center:not(.empty-conversation)) .conversation-inbox{display:none}.conversation-center{position:static;width:100%;height:100%}.conversation-v2-header{min-height:58px;padding-inline:9px!important}.conversation-v2-header .mobile-conversation-back{display:grid}.conversation-v2-identity p span,.conversation-v2-identity p span~*{display:none}.conversation-v2-actions>.badge{display:none}.message-history{padding:12px 10px!important}.message-read{max-width:88%}.readonly-composer{padding-inline:8px}.readonly-composer span{display:none}.attendance-workspace-v2>.customer-context{inset:56px 0 62px;width:100%}.workspace-panel-handle{display:none}.conversation-inbox-row{min-height:76px}.customer-context-toggle,.customer-context-close{display:grid}}
.visual-preview-page #preview-view:has(.attendance-workspace-v2){display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - var(--shell-header-height));min-height:0;overflow:hidden}.visual-preview-page .preview-content:has(.attendance-workspace-v2){min-height:0;align-content:stretch;padding:0;overflow:hidden}.visual-preview-page .attendance-workspace-v2{min-height:0}.preview-filter-sheet{position:absolute;z-index:25;top:58px;right:18px;display:grid;gap:7px;width:240px;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.preview-filter-sheet button{min-height:36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary)}
@media(max-width:680px){.visual-preview-page #preview-view:has(.attendance-workspace-v2){height:calc(100dvh - var(--shell-header-height) - 62px);min-height:0}.visual-preview-page .attendance-workspace-v2:has(.conversation-center) .conversation-inbox{display:none}.preview-filter-sheet{position:fixed;inset:auto 10px 72px;width:auto}}

/* Phase 6 — operational financial center. */
.financial-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-4);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.financial-summary-item{position:relative;display:grid;gap:3px;min-width:0;padding:14px 16px;border-right:1px solid var(--border-default)}.financial-summary-item:last-child{border-right:0}.financial-summary-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.financial-summary-item.green:before{background:var(--success)}.financial-summary-item.warning:before{background:var(--warning)}.financial-summary-item.purple:before{background:var(--purple)}.financial-summary-item span,.financial-summary-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:10px}.financial-summary-item strong{font-size:23px;line-height:1.1}.financial-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:var(--space-4);align-items:stretch}.financial-workspace>.panel{margin:0}.financial-priorities,.financial-lookup,.financial-activity{padding:var(--space-5)}.financial-priority-list{display:grid;margin-top:var(--space-3);border-top:1px solid var(--border-default)}.financial-priority-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-default)}.financial-priority-item:last-child{border-bottom:0}.financial-priority-item p{margin:3px 0 0;color:var(--text-secondary);font-size:11px}.financial-priority-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg-surface-muted);color:var(--text-secondary);font-weight:900}.financial-priority-icon.warning{background:var(--warning-soft);color:var(--warning)}.financial-search{display:flex;align-items:center;gap:9px;margin-top:var(--space-4);padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.financial-search:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.financial-search input{width:100%;height:44px;padding:0;border:0;background:transparent;color:var(--text-primary);outline:0}.financial-source-note{margin-top:var(--space-4);padding:14px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.financial-source-note p{margin:5px 0 0;color:var(--text-secondary);font-size:11px;line-height:1.5}.financial-activity{margin-top:var(--space-4)}.financial-activity>.empty{min-height:150px}.financial-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:var(--space-3) 0}.financial-filter-row button{min-height:38px;padding:0 13px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-weight:750}.financial-filter-row button.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-default));background:var(--accent-soft);color:var(--accent)}.financial-result-card{display:grid;gap:12px;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-muted)}.financial-result-card header{display:flex;align-items:start;justify-content:space-between;gap:10px}.financial-result-card h3,.financial-result-card p{margin:0}.financial-result-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.financial-result-card dl div{padding:10px;border-radius:var(--radius-sm);background:var(--bg-surface)}.financial-result-card dt{color:var(--text-secondary);font-size:9px;font-weight:800;text-transform:uppercase}.financial-result-card dd{margin:4px 0 0;font-weight:750}.financial-detail-dialog{width:min(520px,calc(100% - 24px));max-height:88vh;overflow-y:auto}.financial-detail-dialog::backdrop{background:#07122299}.financial-detail-body{display:grid;gap:12px}.financial-detail-body h2,.financial-detail-body p{margin:0}.financial-detail-facts{display:grid;gap:8px}.financial-detail-facts div{display:flex;justify-content:space-between;gap:15px;padding:11px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.financial-preview-label{color:var(--text-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1024px){.financial-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-summary-item:nth-child(2){border-right:0}.financial-summary-item:nth-child(-n+2){border-bottom:1px solid var(--border-default)}.financial-workspace{grid-template-columns:1fr}.financial-activity{margin-top:var(--space-3)}}
@media(max-width:680px){.financial-summary{grid-template-columns:1fr 1fr;margin-bottom:12px}.financial-summary-item{padding:12px}.financial-summary-item strong{font-size:20px}.financial-workspace{gap:12px}.financial-priorities,.financial-lookup,.financial-activity{padding:14px}.financial-workspace .panel-head{align-items:start}.financial-priority-item{grid-template-columns:auto minmax(0,1fr)}.financial-priority-item>.badge{grid-column:2;justify-self:start}.financial-activity{margin-top:12px}.financial-result-card dl{grid-template-columns:1fr}.financial-search input{font-size:16px}.financial-detail-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.financial-detail-facts div{align-items:start;flex-direction:column}}
.financial-priority-list button.financial-priority-item{width:100%;border:0;border-bottom:1px solid var(--border-default);border-radius:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.financial-priority-list button.financial-priority-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}

/* Phase 7 — intelligence and automation operational center. */
.ai-state-band{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:var(--space-3);padding:14px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border-default));border-radius:var(--radius-md);background:linear-gradient(105deg,var(--accent-soft),var(--bg-surface) 58%);box-shadow:var(--shadow-sm)}.ai-state-band:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent-gradient)}.ai-state-band strong,.ai-state-band small{display:block}.ai-state-band small{margin-top:3px;color:var(--text-secondary)}.ai-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--space-4);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.ai-summary-strip>div{display:grid;gap:4px;min-width:0;padding:13px 15px;border-right:1px solid var(--border-default)}.ai-summary-strip>div:last-child{border-right:0}.ai-summary-strip span{color:var(--text-secondary);font-size:10px;font-weight:750}.ai-summary-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ai-summary-strip small{color:var(--text-muted);font-size:9px;line-height:1.35}.ai-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:var(--space-4)}.ai-dashboard-grid>.panel{margin:0;padding:var(--space-5)}.ai-proof-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:var(--space-3)}.ai-proof-usage article{display:grid;gap:4px;padding:13px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.ai-proof-usage span,.ai-proof-usage small{color:var(--text-secondary);font-size:9px}.ai-proof-usage strong{font-size:21px}.ai-telemetry-note{margin-top:var(--space-3);padding:12px 14px;border-left:3px solid var(--warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--warning-soft)}.ai-telemetry-note p{margin:4px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.45}.ai-model-list{display:grid;margin-top:var(--space-3);border-top:1px solid var(--border-default)}.ai-model-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-default)}.ai-model-list span{color:var(--text-secondary)}.ai-model-list strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-resource-list{display:grid;margin-top:var(--space-3)}.ai-resource-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border-default)}.ai-resource-list article:last-child{border-bottom:0}.ai-resource-list strong,.ai-resource-list small{display:block}.ai-resource-list small{margin-top:3px;color:var(--text-secondary);font-size:9px}.ai-resource-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.ai-opportunities-panel{align-self:start}.ai-period-selector{display:flex;gap:6px;overflow-x:auto;margin-bottom:var(--space-3);padding-bottom:2px}.ai-period-selector button{flex:none;min-height:38px;padding:0 13px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-weight:750}.ai-period-selector button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--border-default));background:var(--accent-soft);color:var(--accent)}.ai-resource-usage-bar{height:6px;overflow:hidden;border-radius:999px;background:var(--bg-surface-muted)}.ai-resource-usage-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent-gradient)}.ai-alert-list{display:grid;gap:8px;margin-top:var(--space-3)}.ai-alert-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);text-align:left}.ai-resource-dialog{width:min(600px,calc(100% - 24px));max-height:88vh;overflow-y:auto}.ai-resource-dialog::backdrop{background:#07122299}.ai-resource-detail{display:grid;gap:14px}.ai-resource-detail h2,.ai-resource-detail p{margin:0}.ai-resource-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ai-resource-detail-grid div{padding:12px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.ai-resource-detail-grid span,.ai-resource-detail-grid strong{display:block}.ai-resource-detail-grid span{color:var(--text-secondary);font-size:9px}.ai-resource-detail-grid strong{margin-top:4px}
@media(max-width:1024px){.ai-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-summary-strip>div:nth-child(2){border-right:0}.ai-summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border-default)}.ai-dashboard-grid{grid-template-columns:1fr}.ai-models-panel{grid-row:auto}}
@media(max-width:680px){.ai-state-band{grid-template-columns:minmax(0,1fr) auto;padding:12px}.ai-state-band>.secondary{grid-column:1/-1;width:100%}.ai-summary-strip{grid-template-columns:1fr}.ai-summary-strip>div{border-right:0;border-bottom:1px solid var(--border-default)}.ai-summary-strip>div:last-child{border-bottom:0}.ai-dashboard-grid{gap:12px}.ai-dashboard-grid>.panel{padding:14px}.ai-proof-usage{grid-template-columns:1fr}.ai-resource-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ai-resource-detail-grid{grid-template-columns:1fr}.ai-alert-item{grid-template-columns:auto minmax(0,1fr)}.ai-alert-item>.badge{grid-column:2;justify-self:start}}

/* Phase 8 — Horários e Disponibilidade. */
.schedule-now{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:20px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--bg-surface),var(--bg-surface-muted));box-shadow:var(--shadow-sm)}.schedule-now.is-open{border-color:color-mix(in srgb,var(--success) 28%,var(--border-default));background:linear-gradient(120deg,var(--bg-surface),var(--success-soft))}.schedule-now.is-closed{border-color:color-mix(in srgb,var(--warning) 28%,var(--border-default));background:linear-gradient(120deg,var(--bg-surface),var(--warning-soft))}.schedule-now-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-gradient);color:#fff;font-size:21px;font-weight:900}.schedule-now h2,.schedule-now p{margin:2px 0}.schedule-now p{color:var(--text-secondary)}.schedule-next-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.schedule-next-band>div{display:grid;gap:3px;padding:14px 16px}.schedule-next-band>div+div{border-left:1px solid var(--border-default)}.schedule-next-band span,.schedule-next-band small{color:var(--text-secondary)}.schedule-next-band span{font-size:11px;font-weight:750}.schedule-dashboard-grid,.schedule-calendar-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px}.schedule-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-window-list,.coverage-list{display:grid;gap:8px;margin-top:12px}.weekly-window-list article,.coverage-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.weekly-window-list strong,.weekly-window-list small{display:block}.weekly-window-list small{color:var(--text-secondary)}.weekly-window-list b{font-size:15px}.schedule-source-note,.schedule-neutral-note{margin-top:12px;padding:11px;border-radius:var(--radius-sm);background:var(--info-soft);color:var(--text-secondary)}.schedule-source-note p{margin:3px 0 0}.schedule-event-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.schedule-event-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border-top:1px solid var(--border-default)}.schedule-event-list time{font-weight:800;color:var(--accent)}.schedule-event-list strong,.schedule-event-list small{display:block}.schedule-event-list small{margin-top:2px;color:var(--text-secondary)}.schedule-scenarios{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px}.schedule-scenarios button{flex:none}.schedule-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:900px){.schedule-dashboard-grid,.schedule-calendar-grid{grid-template-columns:1fr}.schedule-now{grid-template-columns:auto minmax(0,1fr)}.schedule-now>.badge{grid-column:2;justify-self:start}}
@media(max-width:680px){.schedule-next-band{grid-template-columns:1fr}.schedule-next-band>div+div{border-left:0;border-top:1px solid var(--border-default)}.schedule-now{padding:14px}.schedule-now-icon{width:40px;height:40px}.schedule-event-list li{grid-template-columns:1fr}.schedule-event-list .badge{justify-self:start}.weekly-window-list article{align-items:flex-start;flex-direction:column}.schedule-preview-actions button{width:100%}}

/* Phase 9 — operational audit timeline. */
.audit-coverage-note{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warning) 24%,var(--border-default));border-radius:var(--radius-md);background:linear-gradient(120deg,var(--bg-surface),var(--warning-soft))}.audit-coverage-note strong,.audit-coverage-note p{display:block;margin:2px 0}.audit-coverage-note p{color:var(--text-secondary)}.audit-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,auto);gap:8px;margin-bottom:14px}.audit-search{display:flex;align-items:center;gap:8px;min-height:var(--control-height);padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface)}.audit-search input{width:100%;border:0;background:transparent;box-shadow:none}.audit-timeline{min-height:360px}.audit-partial-state{margin-top:16px;padding:12px;border-radius:var(--radius-sm);background:var(--info-soft);color:var(--text-secondary)}.audit-partial-state p{margin:4px 0 0}.audit-day{display:grid;gap:10px;margin-top:16px}.audit-day>h2{position:sticky;top:var(--shell-header-height);z-index:2;margin:0;padding:8px 0;background:var(--bg-app);font-size:13px}.audit-event{display:grid;grid-template-columns:64px 34px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-sm)}.audit-event:hover{border-color:color-mix(in srgb,var(--accent) 26%,var(--border-default))}.audit-event time{color:var(--text-secondary);font-variant-numeric:tabular-nums}.audit-event-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:900}.audit-event-copy{min-width:0}.audit-event-copy strong,.audit-event-copy small{display:block}.audit-event-copy p{margin:4px 0;color:var(--text-secondary)}.audit-event-copy small{color:var(--text-tertiary)}.audit-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 12px}.audit-filter-chips button{min-height:30px;padding:0 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--accent-soft);color:var(--accent)}.audit-drawer{position:fixed;z-index:90;inset:0 0 0 auto;width:min(520px,100%);padding:0;border:0;border-left:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-lg)}.audit-drawer::backdrop{background:#0712228c}.audit-drawer-body{display:grid;gap:15px;padding:22px}.audit-drawer-head{display:flex;justify-content:space-between;gap:12px}.audit-detail-grid,.audit-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.audit-detail-grid>div,.audit-change-grid>div{padding:12px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.audit-detail-grid span,.audit-detail-grid strong,.audit-change-grid span,.audit-change-grid strong{display:block}.audit-detail-grid span,.audit-change-grid span{color:var(--text-secondary);font-size:10px}.audit-detail-grid strong,.audit-change-grid strong{margin-top:4px}.audit-technical{color:var(--text-secondary)}
@media(max-width:900px){.audit-toolbar{grid-template-columns:1fr auto}.audit-toolbar .secondary:not(:first-of-type){display:none}.audit-event{grid-template-columns:54px 32px minmax(0,1fr)}.audit-event>.badge{grid-column:3;justify-self:start}}
@media(max-width:680px){.audit-coverage-note{grid-template-columns:1fr}.audit-coverage-note>.badge{justify-self:start}.audit-toolbar{grid-template-columns:1fr}.audit-toolbar .secondary{display:block!important}.audit-event{grid-template-columns:46px minmax(0,1fr);gap:9px}.audit-event-icon{display:none}.audit-event-copy{grid-column:2}.audit-event>.badge{grid-column:2}.audit-detail-grid,.audit-change-grid{grid-template-columns:1fr}.audit-drawer{inset:auto 0 0;width:100%;max-height:88dvh;border-left:0;border-top:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto}}

/* Phase 10 — operational health center. */
.diagnostic-global{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:14px;padding:18px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--bg-surface),var(--bg-surface-muted));box-shadow:var(--shadow-sm)}.diagnostic-global.requires-attention{border-color:color-mix(in srgb,var(--warning) 28%,var(--border-default));background:linear-gradient(120deg,var(--bg-surface),var(--warning-soft))}.diagnostic-global-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-gradient);color:#fff;font-size:20px;font-weight:900}.diagnostic-global h2,.diagnostic-global p{margin:2px 0}.diagnostic-global p{color:var(--text-secondary)}.diagnostic-first-fold{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;margin-bottom:14px}.diagnostic-service-list{display:grid;gap:7px;margin-top:12px}.diagnostic-service{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;width:100%;padding:11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);text-align:left}.diagnostic-service:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-default))}.diagnostic-service>span:nth-child(2){min-width:0}.diagnostic-service strong,.diagnostic-service small{display:block}.diagnostic-service small{margin-top:2px;color:var(--text-secondary)}.diagnostic-service-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg-surface-muted);font-weight:900}.diagnostic-service-icon.success{background:var(--success-soft);color:var(--success)}.diagnostic-service-icon.warning{background:var(--warning-soft);color:var(--warning)}.diagnostic-impact article{padding:11px 0;border-top:1px solid var(--border-default)}.diagnostic-impact article p{margin:4px 0;color:var(--text-secondary)}.diagnostic-quiet{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.diagnostic-quiet>span{color:var(--success);font-weight:900}.diagnostic-quiet p{margin:3px 0 0;color:var(--text-secondary)}.diagnostic-partial-note{margin-top:11px;padding:11px;border-radius:var(--radius-sm);background:var(--info-soft)}.diagnostic-partial-note p{margin:3px 0;color:var(--text-secondary)}.diagnostic-controls,.diagnostic-occurrences{margin-bottom:14px}.diagnostic-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.diagnostic-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);text-align:left}.diagnostic-control strong,.diagnostic-control small{display:block}.diagnostic-control small{margin-top:3px;color:var(--text-secondary)}.diagnostic-drawer{position:fixed;z-index:90;inset:0 0 0 auto;width:min(500px,100%);padding:0;border:0;border-left:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-lg)}.diagnostic-drawer::backdrop{background:#0712228c}.diagnostic-drawer-body{display:grid;gap:15px;padding:22px}.diagnostic-drawer-head{display:flex;justify-content:space-between;gap:12px}.diagnostic-drawer-head h2{margin:4px 0}.diagnostic-technical{color:var(--text-secondary)}.diagnostic-preview-scenarios{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px}.diagnostic-preview-scenarios button{flex:none}
@media(max-width:900px){.diagnostic-first-fold{grid-template-columns:1fr}.diagnostic-control-grid{grid-template-columns:1fr}}
@media(max-width:680px){.diagnostic-global{grid-template-columns:auto minmax(0,1fr);padding:14px}.diagnostic-global>.badge{grid-column:2;justify-self:start}.diagnostic-global-icon{width:40px;height:40px}.diagnostic-service{grid-template-columns:auto minmax(0,1fr)}.diagnostic-service>.badge{grid-column:2;justify-self:start}.diagnostic-service>b{display:none}.diagnostic-drawer{inset:auto 0 0;width:100%;max-height:88dvh;overflow-y:auto;border-left:0;border-top:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}

/* Phase 11 — executive-operational overview. */
.overview-situation{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:12px;padding:17px 19px;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(112deg,var(--bg-surface),var(--bg-surface-muted));box-shadow:var(--shadow-sm)}.overview-situation:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent-gradient)}.overview-situation.stable{border-color:color-mix(in srgb,var(--success) 25%,var(--border-default));background:linear-gradient(112deg,var(--bg-surface),var(--success-soft))}.overview-situation.requires-attention{border-color:color-mix(in srgb,var(--warning) 30%,var(--border-default));background:linear-gradient(112deg,var(--bg-surface),var(--warning-soft))}.overview-situation-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--accent-gradient);color:#fff;font-size:19px;font-weight:900}.overview-situation h2,.overview-situation p{margin:2px 0}.overview-situation p,.overview-situation>small{color:var(--text-secondary)}
.overview-first-fold{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:12px;margin-bottom:12px}.overview-first-fold>.panel,.overview-module-grid>.panel,.overview-lower-grid>.panel{margin:0;padding:15px}.overview-attention-list{display:grid;gap:7px;margin-top:10px}.overview-attention-list>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);text-align:left}.overview-attention-list strong,.overview-attention-list small{display:block}.overview-attention-list small{margin-top:2px;color:var(--text-secondary)}.overview-attention-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--warning-soft);color:var(--warning);font-weight:900}.overview-quiet{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:var(--radius-sm);background:var(--success-soft)}.overview-quiet>span{color:var(--success);font-weight:900}.overview-quiet p{margin:3px 0 0;color:var(--text-secondary)}.overview-availability-list{display:grid;margin-top:7px}.overview-availability-list article{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--border-default)}.overview-availability-list span,.overview-availability-list small{color:var(--text-secondary);font-size:10px}.overview-availability>.overview-owner-link{margin-top:7px}
.overview-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.overview-module{display:flex!important;flex-direction:column;min-width:0}.overview-module>header{display:flex;align-items:center;gap:10px}.overview-module h2{margin:2px 0 0;font-size:16px}.overview-module-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:900}.overview-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:11px 0}.overview-kpis>div{display:grid;gap:2px;padding:10px;border-radius:var(--radius-sm);background:var(--bg-surface-muted)}.overview-kpis strong{font-size:21px}.overview-kpis span{color:var(--text-secondary);font-size:9px;line-height:1.3}.overview-module>p{flex:1;margin:0 0 10px;color:var(--text-secondary);font-size:10px;line-height:1.45}.overview-owner-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:800;text-align:left;cursor:pointer}.overview-owner-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.overview-lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(220px,.75fr));gap:12px}.overview-channel-list{display:grid}.overview-channel-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border-default)}.overview-channel-list strong,.overview-channel-list small{display:block}.overview-channel-list small{margin-top:2px;color:var(--text-secondary);font-size:9px}.overview-partial{padding:11px;border-radius:var(--radius-sm);background:var(--info-soft)}.overview-partial p{margin:4px 0 0;color:var(--text-secondary);font-size:10px;line-height:1.45}
@media(max-width:1100px){.overview-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-module-grid>.intelligence{grid-column:1/-1}.overview-lower-grid{grid-template-columns:1fr 1fr}.overview-channels{grid-column:1/-1}}
@media(max-width:780px){.overview-first-fold,.overview-lower-grid{grid-template-columns:1fr}.overview-channels{grid-column:auto}.overview-module-grid{grid-template-columns:1fr}.overview-module-grid>.intelligence{grid-column:auto}}
@media(max-width:520px){.overview-situation{grid-template-columns:auto minmax(0,1fr);padding:14px}.overview-situation>small,.overview-situation>.badge{grid-column:2;justify-self:start}.overview-situation-icon{width:38px;height:38px}.overview-first-fold>.panel,.overview-module-grid>.panel,.overview-lower-grid>.panel{padding:13px}.overview-module-grid,.overview-first-fold,.overview-lower-grid{gap:10px}.overview-kpis strong{font-size:19px}.overview-channel-list article{align-items:flex-start;flex-direction:column}.overview-owner-link{min-height:44px;width:100%}}

/* Wave A — shared presentation states and consolidated preview polish. */
.global-visual-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:180px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.global-visual-state p{margin:4px 0 0;color:var(--text-secondary)}.global-state-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--bg-surface-muted);color:var(--text-secondary);font-weight:900}.global-visual-state.loading .global-state-icon{background:linear-gradient(90deg,var(--bg-surface-muted),var(--border-default),var(--bg-surface-muted));background-size:220% 100%;animation:skeleton 1.5s infinite}.global-visual-state.error{border-color:color-mix(in srgb,var(--danger) 24%,var(--border-default))}.global-visual-state.error .global-state-icon{background:var(--danger-soft);color:var(--danger)}.global-visual-state.partial .global-state-icon,.global-visual-state.unknown .global-state-icon{background:var(--info-soft);color:var(--text-secondary)}.preview-state-selector{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.preview-state-selector button{flex:none;min-height:34px;padding:0 11px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-size:10px;font-weight:750}.preview-state-selector button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--border-default));background:var(--accent-soft);color:var(--accent)}
.visual-preview-page .preview-page-heading{margin-bottom:12px}.visual-preview-page .overview-module>.overview-owner-link{margin-top:auto}.visual-preview-page .diagnostic-service{cursor:default}.visual-preview-page .preview-content{width:100%;max-width:1680px;margin-inline:auto}.visual-preview-page .attendance-operational-bar{position:relative}.visual-preview-page .attendance-console{width:100%}
@media(max-width:1366px){.page{padding-inline:18px}.attendance-workspace-v2{grid-template-columns:minmax(250px,286px) minmax(420px,1fr) minmax(230px,260px)}.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(250px,286px) minmax(420px,1fr) 0}.conversation-v2-actions{gap:4px}.conversation-v2-actions .secondary{padding-inline:7px}.overview-first-fold>.panel,.overview-module-grid>.panel,.overview-lower-grid>.panel{padding:13px}}

/* Attendance reference implementation — dense, conversation-first and read-only. */
.attendance-workspace-v2{grid-template-columns:minmax(280px,308px) minmax(480px,1fr) minmax(260px,292px)}
.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(280px,308px) minmax(480px,1fr) 0}
.conversation-inbox .operation-head{min-height:52px;padding:8px 12px}
.conversation-inbox-content{height:auto}
.conversation-inbox-row{min-height:76px;padding:9px 11px;gap:9px;grid-template-columns:36px minmax(0,1fr) auto}
.conversation-inbox-row .conversation-avatar{width:36px;height:36px}
.conversation-inbox-copy strong{font-size:12px;line-height:1.25}
.conversation-inbox-copy small{font-size:10px;line-height:1.3}
.conversation-row-meta{display:flex!important;align-items:center;gap:5px;margin-top:5px!important}
.conversation-row-meta em,.conversation-row-meta i{display:inline-flex;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:999px;background:var(--bg-surface-muted);color:var(--text-secondary);font-size:9px;font-style:normal;font-weight:700}
.conversation-row-meta em{background:var(--warning-soft);color:var(--warning)}
.conversation-inbox-row time{font-size:9px}
.unread-count{right:9px;bottom:7px;min-width:18px;height:18px;font-size:9px}
.conversation-v2-header{min-height:58px;padding:7px 12px!important}
.conversation-v2-header .conversation-avatar{width:36px;height:36px}
.conversation-v2-identity h2{margin:0;font-size:15px}
.conversation-v2-identity p{margin-top:2px;font-size:10px}
.message-history{gap:8px;padding:12px clamp(12px,2.5vw,28px)!important}
.message-read{max-width:min(72%,700px);padding:8px 11px}
.message-read>div:first-child{gap:14px}
.message-read p{margin-top:4px;line-height:1.42}
.message-media{margin-top:6px;padding:7px}
.readonly-composer{min-height:56px;max-height:132px;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
.readonly-composer textarea{min-width:0;min-height:38px;max-height:96px;flex:1;resize:none;overflow-y:auto;padding:9px 13px;border:1px solid var(--border-default);border-radius:18px;background:var(--bg-surface-muted);color:var(--text-muted);font:inherit;line-height:18px}
.readonly-composer button{width:36px;height:36px}
.readonly-composer span{font-size:9px}
.customer-context>header{min-height:44px;padding:7px 12px}
.customer-context-section{border-bottom:1px solid var(--border-default)}
.customer-context-summary{padding:12px}
.customer-context-section>h3{margin:0;padding:11px 12px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.customer-context dl{padding-inline:12px}
.customer-context dt{padding-top:8px;font-size:9px}
.customer-context dd{margin-bottom:8px;font-size:11px}
.customer-context-details{margin:8px 12px;padding-top:8px}
@media(max-width:1366px){.attendance-workspace-v2{grid-template-columns:minmax(250px,286px) minmax(420px,1fr) minmax(230px,260px)}.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(250px,286px) minmax(420px,1fr) 0}.conversation-inbox-row{min-height:74px}.readonly-composer span{display:none}}
@media(max-width:1100px){.attendance-workspace-v2,.attendance-workspace-v2.context-collapsed{grid-template-columns:minmax(260px,292px) minmax(0,1fr)}}
@media(max-width:680px){.conversation-inbox-row{min-height:72px}.conversation-v2-header{min-height:56px}.message-read{max-width:88%}.readonly-composer{min-height:54px;max-height:126px}.readonly-composer textarea{max-height:90px}}
@media(max-width:680px){.global-visual-state{grid-template-columns:auto minmax(0,1fr);min-height:150px;padding:16px}.global-visual-state>.secondary{grid-column:2;width:100%}.preview-state-selector button{min-height:40px}.visual-preview-page .preview-page-heading .eyebrow{display:none}}

/* Wave A visual QA fixes. */
:root[data-theme="light"] .shell-preview .preview-sidebar .nav-item.active{color:#164a9f;box-shadow:none}
.preview-more-backdrop{opacity:0;transition:opacity .18s ease}
.preview-more-menu.open .preview-more-backdrop{opacity:1}
@media(max-width:480px){
  .preview-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 12px}
  .preview-toolbar>div{grid-column:1/-1;margin:0}
  .preview-toolbar label{min-width:0;display:grid;gap:3px;flex-basis:auto;font-size:9px}
  .preview-toolbar select{width:100%;min-width:0;min-height:34px;padding:5px 7px;font-size:10px}
}

/* Wave A final operator corrections: keep compact navigation pictograms visible. */
.shell-preview.sidebar-collapsed .preview-sidebar .nav-item>.icon{display:inline-grid}
@media(max-width:1024px){.shell-preview .preview-sidebar .nav-item>.icon{display:inline-grid}}

/* Wave A final QView: the application shell owns the full viewport. */
.visual-preview-page .preview-canvas,.visual-preview-page .preview-shell-main{min-height:100vh}
@media(max-width:680px){.visual-preview-page .preview-shell-main{min-height:100vh}}