:root{--brand:#92722a;--brand-deep:#7c5e24;--gold:#b68a35;--gold-soft:#e6d7a2;--sand:#f9f7ed;--paper:#fff;--ink:#1b1d21;--muted:#5f646d;--line:#e6dfc8;--good:#347542;--warn:#b2550b;--bad:#d83731;--teal:#0f766e}*{box-sizing:border-box}body{background:var(--sand);color:var(--ink);margin:0;font-family:Segoe UI,Tahoma,-apple-system,Noto Sans Arabic,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}a{color:var(--brand)}button{font:inherit;cursor:pointer}.masthead{background:var(--paper);color:var(--ink);border-block-end:3px solid var(--gold)}.masthead-inner{align-items:center;gap:14px;max-width:1160px;margin:0 auto;padding:12px 20px;display:flex}.wordmark{align-items:center;gap:12px;display:flex}.wordmark-title{letter-spacing:.2px;color:var(--brand-deep);font-size:17px;font-weight:700}.wordmark-sub{color:var(--muted);font-size:12px}.masthead-spacer{flex:1}.user-chip{background:var(--sand);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex}.user-chip .user-title{color:var(--brand-deep);font-size:11px}.user-chip button{color:var(--brand-deep);border:1px solid var(--gold);background:0 0;border-radius:8px;padding:4px 10px;font-size:12px}.avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;block-size:34px;inline-size:34px;font-weight:700;display:inline-flex}.locale-toggle{border:1px solid var(--line);border-radius:9px;display:inline-flex;overflow:hidden}.locale-toggle button{color:var(--brand-deep);background:0 0;border:0;padding:5px 12px;font-size:12.5px}.locale-toggle button.active{background:var(--brand);color:#fff;font-weight:700}.signin-card .locale-toggle{border-color:var(--line)}.signin-card .locale-toggle button{color:var(--ink)}.tabbar{background:var(--paper);border-block-end:1px solid var(--line)}.tabbar-inner{gap:4px;max-width:1160px;margin:0 auto;padding:0 20px;display:flex}.tabbar a{color:var(--muted);border-block-end:3px solid #0000;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none}.tabbar a.active{color:var(--brand);border-block-end-color:var(--gold)}.page{max-width:1160px;margin:0 auto;padding:22px 20px 64px}.signin-wrap{background:radial-gradient(1200px 500px at 80% -10%, #b68a3524, transparent), var(--sand);justify-content:center;align-items:center;min-height:100vh;display:flex}.signin-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:18px;width:400px;padding:34px;box-shadow:0 18px 50px #92722a24}.signin-toggle{justify-content:flex-end;display:flex}.signin-card h1{color:var(--brand);margin:12px 0 2px;font-size:22px}.signin-card .sub{color:var(--muted);font-size:13px}.signin-card .sub2{margin:18px 0 8px;font-size:13px;font-weight:600}.account-btn{text-align:start;background:var(--sand);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;width:100%;margin-block-start:9px;padding:11px 14px;display:flex}.account-btn:hover{border-color:var(--gold)}.account-btn .role{color:var(--muted);font-size:12px}.signin-foot{color:var(--muted);margin-block-start:18px;font-size:11.5px}.hero{background:linear-gradient(160deg, var(--brand-deep), var(--brand) 70%);color:#fff;border-radius:18px;margin-block-end:20px;padding:34px 34px 30px;position:relative;overflow:hidden}.hero:after{content:"";border:30px solid #ffffff47;border-radius:50%;block-size:220px;inline-size:220px;position:absolute;inset-block-start:-60px;inset-inline-end:-60px}.hero h1{margin:10px 0 6px;font-size:26px}.hero p{color:#f9f7ed;max-width:640px;margin:0;font-size:14.5px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-pad{padding:18px 20px}.card h2{color:var(--brand);margin:0 0 12px;font-size:15px}.grid-2{grid-template-columns:1.2fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.stack{gap:18px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-block-end:16px;display:flex}.page-head h1{margin:0;font-size:21px}.page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.small{font-size:12.5px}.empty{color:var(--muted);text-align:center;padding:20px}.field-label{margin:12px 0 6px;font-size:13px;font-weight:600;display:block}.field{border:1px solid var(--line);background:var(--sand);width:100%;font:inherit;color:var(--ink);border-radius:10px;padding:10px 12px}.field:focus{outline:2px solid var(--gold);border-color:var(--gold)}.attach-row{gap:8px;display:flex}.compose-card{border-inline-start:4px solid var(--gold);margin-block-end:16px}.compose-title{margin:0 0 4px;font-size:17px}.compose-hint{margin:0 0 10px;font-size:13px}.compose-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-block-start:4px;display:flex}.compose-name{flex:1;min-width:220px}.compose-actions{gap:8px;padding-block-end:2px;display:flex}.btn.primary.active{background:var(--brand-deep);outline:2px solid var(--gold)}.attach-chips{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.chip{background:var(--sand);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;padding:0;font-size:14px}.btn{border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-deep)}.btn.primary:disabled{cursor:not-allowed;background:#cbb98c}.btn.ghost{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn.ghost.active{border-color:var(--brand);color:var(--brand)}.btn.big{width:100%;margin-block-start:16px;padding:12px;font-size:15px}.btn.small{padding:5px 10px;font-size:12px}.form-foot{color:var(--muted);text-align:center;margin-block-start:10px;font-size:12px}.charter{gap:8px;margin:0;padding-inline-start:18px;font-size:13.5px;display:grid}.charter.small{font-size:12.5px}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:start;color:var(--muted);border-block-end:1px solid var(--line);padding:10px 14px;font-size:12px;font-weight:600}.table td{border-block-end:1px solid var(--line);vertical-align:top;padding:10px 14px}.table tr:last-child td{border-block-end:0}.rowlink{cursor:pointer}.rowlink:hover td{background:var(--sand)}.excerpt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:12px;overflow:hidden}.table.kv td:first-child{color:var(--muted);width:40%}.table.log td{padding:7px 10px;font-size:12.5px}.table.compare td.good,.kpi-value.good{color:var(--good);font-weight:700}.badge{vertical-align:middle;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2.5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.st-submitted{color:#6b6059;background:#f1ece5}.badge.st-triaging,.badge.st-replying{color:var(--teal);background:#e6f2f1;border-color:#bcdedb}.badge.st-answered,.badge.st-logged{color:var(--good);background:#e7f3ec}.badge.st-in_review{color:var(--warn);background:#fdf3e0}.badge.st-replied{color:#3b4dbb;background:#eef1fb}.badge.st-closed{color:#6b6059;background:#ece9e6}.badge.st-triage_failed,.badge.kind-complaint{color:var(--bad);background:#fdecea}.badge.kind-inquiry{color:#2456a6;background:#e8f0fb}.badge.kind-suggestion{color:var(--good);background:#e7f3ec}.badge.kind-unclassified{color:var(--muted);background:#f1ece5}.badge.flag-vulnerable{background:var(--brand);color:#fff}.badge.flag-sensitive{color:var(--warn);background:#fdf3e0;border-color:#ecd9b0}.badge.flag-escalated{color:var(--brand);border-color:var(--brand);background:#fff}.badge.flag-simulated{color:var(--muted);background:#f1ece5}.agent-dot{background:var(--teal);border-radius:50%;block-size:8px;inline-size:8px;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}.badge.settled{animation:.9s ease-out settle}@keyframes settle{0%{transform:scale(1.12)}to{transform:scale(1)}}.step.working{animation:1.8s ease-in-out infinite halo}@keyframes halo{0%,to{box-shadow:0 0 #b68a3580}50%{box-shadow:0 0 0 6px #b68a3500}}.live-ticker.working{animation:2s ease-in-out infinite tickerPulse}@keyframes tickerPulse{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.agent-dot,.badge.settled,.step.working,.live-ticker.working{animation:none}}.stepper{flex-wrap:wrap;gap:8px;margin-block-end:16px;display:flex}.step{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.step.done{border-color:var(--good);color:var(--good)}.step.current{border-color:var(--gold);color:var(--brand);background:#fdf8ec}.step.blocked{border-color:var(--bad);color:var(--bad)}.banner{border-radius:12px;margin-block-end:14px;padding:11px 16px;font-size:13.5px;font-weight:600}.banner.escalated{background:var(--brand);color:#fff}.banner.sensitive{color:var(--warn);background:#fdf3e0;border:1px solid #ecd9b0}.banner.small{margin:0;padding:6px 10px;font-size:12px}.thread{gap:12px;margin-block-start:12px;display:grid}.bubble{border:1px solid var(--line);background:var(--sand);border-radius:14px;max-width:92%;padding:12px 15px}.bubble.citizen{background:#f3ede4;margin-inline-end:auto}.bubble.agent{border-color:var(--gold-soft);background:#f5f0dd;margin-inline-start:auto}.bubble.employee{background:#eef1fb;margin-inline-start:auto}.bubble.internal{background:#fffbe8;border-style:dashed}.bubble-head{color:var(--muted);justify-content:space-between;gap:10px;margin-block-end:6px;font-size:11px;display:flex}.bubble-kind{color:var(--brand);font-weight:700}.bubble-body{white-space:pre-wrap;font-size:14px}.bubble-secondary{border-block-start:1px dashed var(--line);color:var(--muted);white-space:pre-wrap;margin-block-start:8px;padding-block-start:8px;font-size:12.5px}.bubble-citations{color:var(--teal);margin-block-start:8px;font-size:11.5px}.followup{border-block-start:1px solid var(--line);margin-block-start:14px;padding-block-start:8px}.followup .btn{margin-block-start:8px}.meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:8px;font-size:12.5px;display:flex}.cls-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.cls-summary{background:var(--sand);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13.5px}.cls-rationale{color:var(--muted);margin-block-start:10px;font-size:12.5px}.cls-rationale summary{cursor:pointer;font-weight:600}.live-pane{gap:10px;display:grid}.live-ticker{color:var(--teal);font-size:13.5px;font-style:italic;font-weight:600}.live-log{color:#e8ddd2;background:#241a1d;border-radius:10px;max-height:180px;padding:10px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;overflow:auto}.live-row{gap:10px;display:flex}.live-type{color:var(--gold);min-width:120px}.run-links{gap:4px;margin-block-start:10px;font-size:12px;display:grid}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-block-end:18px;display:grid}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.kpi.accent{border-color:var(--teal);background:linear-gradient(180deg, #f2faf9, var(--paper))}.kpi.gold{border-color:var(--gold);background:linear-gradient(180deg, #fdf8ec, var(--paper))}.kpi-value{color:var(--brand);font-size:28px;font-weight:800}.kpi-value.small{font-size:20px}.kpi-label{margin-block-start:2px;font-size:13px;font-weight:700}.kpi-sub{color:var(--muted);margin-block-start:3px;font-size:11.5px}.value-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bar-row{align-items:center;gap:10px;margin-block-end:8px;font-size:12.5px;display:flex}.bar-label{min-inline-size:130px}.bar-track{background:var(--sand);border-radius:999px;flex:1;block-size:12px;overflow:hidden}.bar-fill{background:var(--brand);border-radius:999px;block-size:100%;display:block}.bar-fill.kind-inquiry{background:#2456a6}.bar-fill.kind-suggestion{background:var(--good)}.bar-fill.kind-unclassified{background:var(--muted)}.bar-fill.sent-calm{background:var(--good)}.bar-fill.sent-frustrated{background:var(--warn)}.bar-fill.sent-angry{background:var(--bad)}.bar-fill.sent-distressed{background:var(--brand)}.bar-value{text-align:end;min-inline-size:26px;font-weight:700}.trend{align-items:flex-end;gap:5px;block-size:100px;display:flex}.trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.trend-bar{background:linear-gradient(180deg, var(--gold), var(--brand));border-radius:4px 4px 0 0;inline-size:100%}.trend-label{color:var(--muted);font-size:9.5px}.agents{gap:10px;display:grid}.agent-card{border:1px solid var(--line);background:var(--sand);border-radius:12px;padding:12px 14px}.agent-card.missing{border-color:var(--bad)}.agent-head{justify-content:space-between;gap:8px;font-size:13.5px;font-weight:700;display:flex}.agent-card p{margin:4px 0 6px}.agent-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.dot{vertical-align:middle;border-radius:50%;block-size:8px;inline-size:8px;display:inline-block}.dot.ok{background:var(--good)}.dot.fail{background:var(--bad)}.filters{gap:6px;display:inline-flex}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-block-end:1px dashed var(--line);grid-template-columns:96px 1fr;gap:12px;padding:8px 0;font-size:13px;display:grid}.timeline li:last-child{border-block-end:0}.timeline .when{color:var(--muted);font-size:11.5px}.timeline .who{color:var(--brand);margin-inline-end:8px;font-weight:700}.timeline li.system .who{color:var(--muted)}.timeline li.alert .msg{color:var(--bad)}.toast{background:var(--ink);color:#fff;z-index:50;border-radius:12px;max-width:90vw;padding:12px 20px;font-size:13.5px;position:fixed;inset-block-end:24px;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000047}[dir=rtl] .toast{transform:translate(50%)}.logo{justify-content:center;display:flex}.site-footer{border-block-start:1px solid var(--line);background:var(--paper);color:var(--muted);text-align:center;padding:14px 20px;font-size:12px}.hero-emblem{background:var(--paper);border-radius:12px;margin-block-end:10px;padding:10px 16px;display:inline-block}.hero-emblem img{display:block}
