:root{
  --sidebar:#0b3155;--sidebar-2:#0f4c81;--primary:#1267a8;--primary-dark:#0d548d;--accent:#2f92d0;
  --bg:#eef4f8;--card:#fff;--text:#17324a;--muted:#657b8e;--line:#dbe5ec;--soft:#f5f9fc;
  --success:#198754;--danger:#c0392b;--warning:#a86500;--shadow:0 8px 26px rgba(17,55,86,.08);
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}
a{color:var(--primary);text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));color:#fff;display:flex;flex-direction:column;z-index:40;box-shadow:8px 0 24px rgba(8,36,61,.12)}
.brand-block{height:76px;padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#fff,#bce4ff);color:var(--sidebar-2);display:grid;place-items:center;font-weight:800;letter-spacing:.5px;box-shadow:0 5px 15px rgba(0,0,0,.15)}.brand-block strong{display:block;font-size:15px}.brand-block span{display:block;font-size:12px;color:#b9d7ea;margin-top:1px}
.side-nav{padding:12px 10px;overflow-y:auto;flex:1}.nav-section{padding:14px 12px 6px;color:#88b9d8;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.1px}.side-nav a{display:flex;align-items:center;gap:11px;color:#d9ecf8;padding:9px 11px;border-radius:9px;margin:2px 0;font-size:13px;transition:.16s ease}.side-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(255,255,255,.21),rgba(255,255,255,.10));color:#fff;box-shadow:inset 3px 0 0 #70c7ff}.nav-icon{width:20px;text-align:center;font-size:15px;font-weight:700}
.sidebar-user{margin:10px;padding:11px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--sidebar-2);display:grid;place-items:center;font-weight:800}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta strong{font-size:12px}.user-meta span{font-size:11px;color:#b9d7ea}.logout-link{color:#fff;font-size:18px;padding:5px}
.main-panel{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:25}.topbar-left{display:flex;align-items:center;gap:13px}.topbar h1{font-size:20px;line-height:1.2;margin:1px 0 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700}.menu-toggle{display:none;background:var(--soft);color:var(--text);border:1px solid var(--line);width:38px;height:38px;padding:0;margin:0}.topbar-status{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);background:var(--soft);border:1px solid var(--line);padding:7px 10px;border-radius:999px}.status-dot{width:8px;height:8px;border-radius:50%;background:#9aa9b5}.status-dot.online{background:#20a464;box-shadow:0 0 0 4px rgba(32,164,100,.12)}.status-dot.offline{background:#cf5346;box-shadow:0 0 0 4px rgba(207,83,70,.11)}
.content-area{max-width:1500px;margin:0 auto;padding:20px 22px 34px}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:14px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.card h2{font-size:19px}.card h3{font-size:16px}.card p:last-child{margin-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}.stat{margin:0;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-28px;background:rgba(18,103,168,.08)}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:29px;line-height:1.25;color:var(--primary-dark)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px}.stat-value{font-size:25px;font-weight:800;color:var(--primary-dark)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
label{font-weight:650;font-size:12px;color:#36536a}input,textarea,select{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #cfdce5;border-radius:8px;padding:9px 10px;margin:5px 0 11px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#5ca8d7;box-shadow:0 0 0 3px rgba(47,146,208,.12)}textarea{min-height:110px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;margin:0 7px 0 0}
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;padding:8px 12px;font:600 12px/1.2 inherit;cursor:pointer;margin:2px;transition:.15s ease}button:hover,.btn:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}button.gray,.btn.gray,button.secondary,.btn.secondary{background:#fff;color:var(--text);border-color:#cbd9e3}button.gray:hover,.btn.gray:hover,button.secondary:hover,.btn.secondary:hover{background:var(--soft);color:var(--text)}button.green,.btn.green{background:var(--success)}button.red,.btn.red{background:var(--danger)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;min-width:820px}th,td{padding:10px 11px;border-bottom:1px solid #e7eef3;text-align:left;vertical-align:top}th{background:#f2f7fa;color:#36536a;position:sticky;top:0;z-index:2;font-size:11px;text-transform:uppercase;letter-spacing:.35px}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdfe}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#e8eef3;color:#4c6578;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge.need_human,.badge.need,.badge.human_handover,.badge.failed{background:#fde8e6;color:#9e2d23}.badge.sent,.badge.human_replied,.badge.correct,.badge.improved{background:#e2f5e9;color:#176c42}.badge.draft,.badge.website,.badge.website_general,.badge.website_product,.badge.crawled_product{background:#e4f1fb;color:#145f96}.badge.manual,.badge.pending{background:#fff1d7;color:#8a5700}.badge.faq,.badge.human_approved{background:#e9e5fb;color:#5944a3}
.notice,.success,.error,.alert{padding:10px 12px;border-radius:9px;margin:10px 0;border:1px solid}.notice{background:#fff8e7;border-color:#f0d28d;color:#6d4a00}.success{background:#e8f7ee;border-color:#9cd5b2;color:#155f3c}.error{background:#fdebea;border-color:#efb5b0;color:#8c2920}.small{font-size:11px;color:var(--muted)}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;margin:2px;font-size:11px;font-weight:700}.pill.blue{background:#e4f1fb;color:#145f96}.pill.red{background:#fde8e6;color:#9e2d23}.quick-stats{margin:9px 0}.filter-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,2fr) auto;gap:11px;align-items:end}.filter-actions{padding-bottom:10px;white-space:nowrap}.actions-row{display:flex;align-items:center;flex-wrap:wrap}.nav{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.nav a{display:inline-flex;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--text)}.nav a.primary{background:var(--primary);border-color:var(--primary);color:#fff}.toggle-box{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:11px}.toggle-box label{display:block;margin:7px 0}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.toggle-line{display:block;border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:9px}.toggle-line .small{display:block;margin-left:22px}.conversation-bubble{max-width:78%;padding:10px 12px;border-radius:12px;margin:8px 0;white-space:pre-wrap}.conversation-bubble.user{margin-left:auto;background:#dff0fb;border-bottom-right-radius:3px}.conversation-bubble.assistant{background:#fff;border:1px solid var(--line);border-bottom-left-radius:3px}.conversation-bubble.human{background:#e5f6ea;border:1px solid #b9dfc6;border-bottom-left-radius:3px}.conversation-meta{font-size:10px;color:var(--muted);margin-top:5px}details{border:1px solid var(--line);border-radius:9px;padding:9px;margin:8px 0;background:var(--soft)}summary{cursor:pointer;font-weight:700}pre{background:#102b42;color:#e8f4fb;border-radius:10px;padding:13px;overflow:auto;font-size:12px}.sidebar-overlay{display:none}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.sidebar{transform:translateX(-102%);transition:transform .2s ease}.main-panel{margin-left:0}.menu-toggle{display:inline-grid;place-items:center}.sidebar-overlay{display:block;position:fixed;inset:0;border:0;border-radius:0;margin:0;background:rgba(8,30,47,.42);opacity:0;pointer-events:none;z-index:35}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-open{overflow:hidden}}
@media(max-width:720px){.content-area{padding:13px 9px 24px}.topbar{height:68px;padding:0 12px}.topbar-status{display:none}.topbar h1{font-size:17px}.card{padding:13px;border-radius:10px}.stats-grid,.grid-2,.grid-4,.perm-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr}.filter-actions{padding-bottom:0}.conversation-bubble{max-width:92%}.table-card{border-radius:10px}}
/* Focused V26 workspace */
.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h2,.section-heading h3{margin-bottom:3px}.inline-form{display:inline;margin:0}.inline-form input{display:none}.table-actions{display:flex;flex-wrap:wrap;gap:4px}.table-actions .btn{white-space:nowrap}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.stat-date{font-size:14px!important;line-height:1.35;padding-top:6px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#fff 55%,#e7f4fc)}.hero-card h2{font-size:24px;margin:3px 0 6px}.hero-card p{max-width:760px;color:var(--muted)}.hero-status{min-width:245px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}.hero-status strong{font-size:13px}.hero-status span:last-child{grid-column:2;color:var(--muted);font-size:11px}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{align-items:start}.section-heading{margin-bottom:10px}.conversation-list{display:flex;flex-direction:column}.conversation-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--text)}.conversation-list>a:last-child{border-bottom:0}.conversation-list>a:hover strong{color:var(--primary)}.conversation-list span>strong,.conversation-list span>small{display:block}.conversation-list time{font-size:10px;color:var(--muted);white-space:nowrap}.small-avatar{width:32px;height:32px;font-size:12px;background:#e3f2fb}.flow-list{display:grid;gap:8px}.flow-list>div{display:flex;gap:11px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px}.flow-list>div>span{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.flow-list p{margin:0}.flow-list strong,.flow-list small{display:block}.flow-list small{color:var(--muted);margin-top:2px}.dashboard-actions{margin-top:12px}.conversation-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);align-items:start}.conversation-panel{min-height:470px;background:#f8fbfd}.memory-card{border-top:3px solid var(--accent)}.detail-list{margin:0}.detail-list>div{padding:9px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700}.detail-list dd{margin:3px 0 0}.question-box{background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;padding:13px;margin:12px 0}.reply-editor{min-height:270px}.review-layout{align-items:start}.field-help{font-size:11px;color:var(--muted);margin:-6px 0 11px}.feature-toggle-list{display:grid;gap:8px}.feature-toggle{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:10px;cursor:pointer}.feature-toggle input{margin-top:3px}.feature-toggle strong,.feature-toggle small{display:block}.feature-toggle small{color:var(--muted);font-weight:400;margin-top:2px}.sticky-actions{position:sticky;bottom:12px;display:flex;justify-content:flex-end;background:rgba(238,244,248,.9);backdrop-filter:blur(5px);padding:8px;border-radius:10px}.check-list{display:grid;gap:8px}.check-list>div{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.check-list>div:last-child{border:0}.check-list strong,.check-list small{display:block}.check-list small{color:var(--muted)}.check-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800}.check-icon.ok{background:#e2f5e9;color:#176c42}.check-icon.missing{background:#fff1d7;color:#8a5700}.setup-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.setup-steps li{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--soft)}.setup-steps li>span{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.setup-steps p{margin:0}.setup-steps strong,.setup-steps small{display:block}.setup-steps small{color:var(--muted);margin-top:2px}.whatsapp-hero{background:linear-gradient(120deg,#fff 55%,#e5f7ed)}code{background:#edf3f7;border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12px}
@media(max-width:1050px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-layout{grid-template-columns:1fr}.hero-card{align-items:flex-start}.hero-status{min-width:220px}}
@media(max-width:720px){.page-heading,.section-heading,.hero-card{align-items:stretch;flex-direction:column}.hero-status{min-width:0}.dashboard-stats{grid-template-columns:1fr}.conversation-list>a{grid-template-columns:auto minmax(0,1fr)}.conversation-list time{grid-column:2}.table-actions{flex-direction:column}.table-actions .btn{width:100%}.reply-editor{min-height:220px}}

/* V26 Coexistence queue */
.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading-row h3{margin-top:0}.compact-stats{margin:14px 0}.inline-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.badge-success{background:#e6f7ed;color:#17663a}.badge-warning{background:#fff4d8;color:#8a5b00}@media(max-width:720px){.section-heading-row{display:block}.section-heading-row .badge{display:inline-flex;margin-top:8px}}

/* V27 website-first + mobile PWA */
.install-app{margin:8px 12px 0;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-weight:700}.install-app:hover{background:rgba(255,255,255,.18)}
.urgent-stat{border-left:4px solid var(--danger)}.stat-text{font-size:18px!important;text-transform:capitalize}.crawler-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.conversation-directory{display:grid;gap:9px}.conversation-directory-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--text);margin:0;padding:13px}.conversation-directory-item p{margin:3px 0;color:var(--text)}.conversation-directory-item small{color:var(--muted)}
.human-tabs{display:flex;gap:8px;margin:12px 0;overflow:auto}.human-tabs a{white-space:nowrap;padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--text)}.human-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.human-tabs strong{margin-left:5px}.human-case-list{display:grid;gap:12px}.human-case{margin:0}.open-case{border-left:4px solid #d97706}.case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.case-head strong,.case-head small{display:block}.case-head small{color:var(--muted)}.case-number{display:block;font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.case-question{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:11px;margin:12px 0}.case-question label,.approved-reply label,.ai-staff-note label{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.case-question p,.approved-reply p,.ai-staff-note p{margin:5px 0}.human-reply-form textarea{min-height:120px}.human-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.approved-reply{background:#e8f7ee;border:1px solid #b9dfc6;border-radius:10px;padding:11px;margin:12px 0}.small-link{display:inline-block;margin-top:9px;font-size:11px}.empty-state{text-align:center;padding:28px}.module-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px}.module-check{display:flex!important;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--soft);margin:0!important;cursor:pointer}.module-check input{width:auto}.simple-user-list{display:grid}.simple-user-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text)}.simple-user-list a:last-child{border:0}.simple-user-list strong,.simple-user-list small{display:block}.simple-user-list small{color:var(--muted)}.crawl-result-list{display:grid}.crawl-result-list>div{padding:10px 0;border-bottom:1px solid var(--line)}.crawl-result-list>div:last-child{border:0}.crawl-result-list strong,.crawl-result-list small{display:block}.crawl-result-list small{color:var(--muted);word-break:break-word}
@media(max-width:720px){.crawler-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-directory-item{grid-template-columns:auto minmax(0,1fr)}.conversation-directory-item>.badge{grid-column:2;justify-self:start}.module-access-grid{grid-template-columns:1fr}.human-case{padding:13px}.human-actions{display:grid;grid-template-columns:1fr 1fr}.human-actions button{width:100%;margin:0}.human-reply-form textarea{min-height:150px}.topbar{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.content-area{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}

.ai-staff-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:11px;margin:12px 0}.ai-staff-note label{font-size:10px;text-transform:uppercase;color:#9a3412;font-weight:800}