:root{--bg: #f6f7f9;--card: #fff;--ink: #1d2433;--muted: #667085;--line: #e4e7ec;--brand: #e5487a;--brand-ink: #fff;--head: #1d2433;--head-ink: #cfd4dc;--ok: #067647;--ok-bg: #ecfdf3;--ok-line: #abefc6;--warn: #b54708;--warn-bg: #fffaeb;--err: #b42318;--err-bg: #fef3f2;--err-line: #fecdca;--info: #175cd3;--info-bg: #eff8ff;--grey-bg: #f2f4f7;--grey: #475467}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--info)}h1{font-size:20px;margin:0 0 4px}h2{font-size:16px;margin:28px 0 10px}h3{font-size:14px;margin:0 0 8px}header.top{background:var(--head);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{font-weight:700;font-size:16px}.brand span{color:var(--brand)}header.top nav{display:flex;gap:4px;flex-wrap:wrap}header.top nav a{color:var(--head-ink);text-decoration:none;padding:6px 10px;border-radius:6px}header.top nav a.on{background:#344054;color:#fff}.me{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--head-ink);font-size:13px}main{max-width:1200px;margin:0 auto;padding:20px 16px 60px}.sub{color:var(--muted);margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.msg{padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid}.msg.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}.msg.error{background:var(--err-bg);color:var(--err);border-color:var(--err-line)}.small{font-size:12px;color:var(--muted)}.empty{color:var(--muted);padding:20px;text-align:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.stack>*{display:block;margin-bottom:10px;width:100%}label{font-size:12px;color:var(--muted);display:block;margin-bottom:3px}input,select,textarea{font:inherit;padding:7px 9px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:var(--ink);width:100%}.row input,.row select,.filters input,.filters select{width:auto}textarea{min-height:72px;resize:vertical}button{font:inherit;padding:7px 12px;border-radius:6px;border:1px solid #d0d5dd;background:#fff;color:var(--ink);cursor:pointer}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}button.link{border:none;background:none;color:var(--head-ink);padding:0;text-decoration:underline}button.linklike{border:none;background:none;color:var(--info);padding:0;text-decoration:underline}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}.kpi b{display:block;font-size:24px}.kpi span{color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.filters input[type=search]{min-width:280px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.st-email1,.st-email2{background:var(--warn-bg);color:var(--warn)}.st-customer_replied,.st-team_contacted{background:var(--ok-bg);color:var(--ok)}.st-resolved{background:var(--grey-bg);color:var(--grey)}.st-manual{background:var(--err-bg);color:var(--err)}.inc{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.inc-head{width:100%;text-align:left;border:none;background:none;padding:12px 14px;display:grid;grid-template-columns:150px 1.2fr 1.6fr 150px 150px;gap:10px;align-items:center;border-radius:10px}.inc.open .inc-head{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}.inc-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.timeline{margin:0;padding-left:18px}.timeline li{margin-bottom:8px}table{border-collapse:collapse;width:100%;background:var(--card)}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);background:#fafbfc}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.auth{max-width:380px;margin:60px auto}.loading{padding:40px;text-align:center;color:var(--muted)}@media (max-width: 820px){.inc-head{grid-template-columns:1fr 1fr}.inc-body{grid-template-columns:1fr}.me{margin-left:0}.filters input[type=search]{min-width:0;width:100%}}
