:root{--bg: #0f1420;--panel: #171e2e;--panel-2: #1e2740;--border: #2a3552;--text: #e8ecf5;--muted: #8b96b0;--accent: #4f7cff;--accent-hover: #6890ff;--green: #2eb872;--amber: #e8a33d;--red: #e05252;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-weight:600}button,.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel-2);border:1px solid var(--border)}button.success{background:var(--green)}input,textarea,select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;width:100%;font-family:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}.topbar{display:flex;align-items:center;gap:24px;padding:14px 28px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:17px;letter-spacing:.3px}.topbar .brand span{color:var(--accent)}.topbar nav{display:flex;gap:18px;flex:1}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a.active,.topbar nav a:hover{color:var(--text)}.topbar .user{color:var(--muted);font-size:13px}.container{max-width:1100px;margin:0 auto;padding:28px}.container.wide{max-width:1500px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.ticket-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:border-color .15s}.ticket-row:hover{border-color:var(--accent)}.ticket-row .subject{flex:1;font-weight:500}.ticket-row .tid{color:var(--muted);font-size:13px;font-family:monospace}.ticket-row .date{color:var(--muted);font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge.new,.badge.triage{background:#2a3552;color:#a9b7d8}.badge.awaiting_customer{background:#4a3a1e;color:var(--amber)}.badge.solution_drafted,.badge.quoted,.badge.awaiting_approval{background:#1e3a5c;color:#6ab0ff}.badge.approved,.badge.in_progress{background:#1e4a5c;color:#5ad0e0}.badge.awaiting_leeway_fix{background:#4a1e3a;color:#ff8ac2}.badge.resolved,.badge.closed{background:#1e4a2e;color:var(--green)}.badge.overdue{background:#4a1e1e;color:var(--red)}.thread{display:flex;flex-direction:column;gap:12px}.msg{max-width:85%;padding:12px 16px;border-radius:12px;white-space:pre-wrap}.msg .meta{font-size:12px;color:var(--muted);margin-bottom:6px}.msg.customer{background:var(--panel-2);align-self:flex-start}.msg.agent{background:#1e3050;align-self:flex-end}.msg.system{background:transparent;border:1px dashed var(--border);align-self:center;color:var(--muted);font-size:13px}.approval-card{border:1px solid var(--accent);background:#16203a}.approval-card .total{font-size:22px;font-weight:700;margin:8px 0}.quote-line{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.kanban .col{min-width:240px;flex:1}.kanban .col h4{margin:0 0 10px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.kanban .col.action-queue h4{color:#ff8ac2}.kanban-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:13px}.kanban-card:hover{border-color:var(--accent)}.kanban-card .tname{color:var(--muted);font-size:12px}.summary-cards{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 20px;min-width:130px}.summary-card .num{font-size:26px;font-weight:700}.summary-card .lbl{font-size:12px;color:var(--muted)}.summary-card.alert .num{color:var(--red)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:380px}.error{color:var(--red);font-size:13px;margin-top:10px}.hint{color:var(--muted);font-size:13px}.row{display:flex;gap:12px}.row>*{flex:1}table.plain{width:100%;border-collapse:collapse;font-size:14px}table.plain th{text-align:left;color:var(--muted);font-size:12px;padding:8px;border-bottom:1px solid var(--border)}table.plain td{padding:8px;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:4px;margin-bottom:20px}.tabs button{background:transparent;color:var(--muted);border:1px solid transparent}.tabs button.on{background:var(--panel);color:var(--text);border-color:var(--border)}
