:root{--ink:#14201c;--muted:#6e7a75;--line:#dfe5e1;--paper:#f4f7f5;--card:#fff;--green:#145c43;--green2:#e3f1eb;--orange:#b95520;--red:#a83b35;--purple:#7b3fd3;--blue:#1769aa}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.error{color:var(--red)}.login-shell{background:radial-gradient(circle at 20% 20%,#d7ebe2,#0000 35%),#f5f7f6;place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(420px,100% - 32px);padding:42px;box-shadow:0 20px 70px #183d2d1a}.brand-mark,.logo>span{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.login-card h1{margin:0;font-size:30px}.login-card label,.decision-panel label{gap:8px;margin-top:26px;font-weight:700;display:grid}.login-card input,.decision-panel textarea,.correction textarea{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;padding:13px}.primary,.secondary,.decision,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:750}.primary{background:var(--green);color:#fff;width:100%;margin-top:18px}.secondary{color:var(--ink);background:#edf2ef}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.app-shell>aside{color:#fff;background:#102c22;height:100vh;padding:28px 20px;position:sticky;top:0}.logo{align-items:center;gap:12px;margin-bottom:42px;display:flex}.logo small,.logo b{display:block}.logo small{opacity:.6;margin-top:3px}.app-shell nav{gap:8px;display:grid}.app-shell nav button{color:#c9d9d2;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px}.app-shell nav button.active,.app-shell nav button:hover{color:#fff;background:#ffffff12}.sidebar-note{color:#bdd0c7;font-size:13px;position:absolute;bottom:28px}.pulse{background:#53dd9c;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #53dd9c18}.workspace{padding:40px 54px}.workspace header{justify-content:space-between;align-items:flex-end;display:flex}.workspace h1{margin:0;font-family:Georgia,serif;font-size:42px;font-weight:500}.header-meta{gap:12px;display:flex}.header-meta>div{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:110px;padding:13px 16px}.header-meta strong,.header-meta span{display:block}.header-meta strong{font-size:24px}.header-meta span{color:var(--muted);font-size:12px}.danger-stat strong{color:var(--red)}.queue-toolbar{justify-content:space-between;margin:36px 0 12px;display:flex}.case-list{gap:10px;display:grid}.case-row{border:1px solid var(--line);color:inherit;background:#fff;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:18px;text-decoration:none;transition:all .18s;display:grid}.case-row:hover{border-color:#afc2b9;transform:translateY(-1px);box-shadow:0 8px 25px #183d2d0d}.market-icon{color:#fff;border-radius:13px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid}.market-icon.wb{background:linear-gradient(145deg,#ac2fba,#7132cc)}.market-icon.ozon{background:#1468da}.case-top{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.case-top b{color:var(--ink)}.rating{color:#d28c18}.case-main h3{margin:8px 0 4px}.case-main p{max-width:850px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.case-side{justify-items:end;gap:10px;display:grid}.case-side small{color:var(--muted)}.badge{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-block}.badge-new,.badge-agent_working{color:#235b9b;background:#e8effb}.badge-waiting_operator,.badge-deferred_weekend{color:#984e22;background:#fff0e4}.badge-waiting_customer{background:var(--green2);color:var(--green)}.badge-resolved{color:#68716d;background:#edf0ee}.badge-failed{color:var(--red);background:#fbe7e5}.empty{color:var(--muted);border:1px dashed #bbc7c1;border-radius:16px;place-items:center;gap:8px;padding:80px;display:grid}.detail-shell{min-height:100vh}.detail-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.detail-header a{color:var(--green);font-weight:700;text-decoration:none}.detail-header>div{align-items:center;gap:12px;display:flex}.detail-grid{grid-template-columns:minmax(0,1fr) 430px;min-height:calc(100vh - 72px);display:grid}.conversation{padding:38px 6vw}.case-heading h1{margin:0;font-family:Georgia,serif;font-size:38px}.large-rating{color:#d69318;letter-spacing:3px;margin-top:10px}.large-rating span{color:#d7ddd9}.messages{gap:14px;margin:34px 0;display:grid}.message{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:78%;padding:16px 18px}.message.outbound{background:#eaf4ef;border-color:#cde3d8;justify-self:end}.message small{font-weight:800}.message p{white-space:pre-wrap;margin:7px 0;line-height:1.5}.message time{color:var(--muted);font-size:11px}.decision-panel{border-left:1px solid var(--line);background:#fff;padding:34px}.recommendation{white-space:pre-wrap;background:#f2f6f4;border-radius:14px;padding:16px;line-height:1.5}.decision-panel textarea{resize:vertical;min-height:88px;font-weight:400}.decision-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.decision{background:var(--green);color:#fff}.danger{color:var(--red);background:#f8e8e6}.decision-panel form .secondary{width:100%;margin-top:8px}.notice{color:#725b10;background:#fff6d8;border-radius:10px;padding:12px;font-size:13px}.correction{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.correction summary{cursor:pointer;font-weight:750}.correction textarea{width:100%;min-height:70px;margin-top:10px}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.app-shell>aside{height:auto;position:static}.app-shell nav{grid-template-columns:repeat(3,1fr)}.sidebar-note{display:none}.workspace{padding:25px}.detail-grid{grid-template-columns:1fr}.decision-panel{border-left:0;border-top:1px solid var(--line)}.workspace header{align-items:flex-start;gap:20px}.header-meta{display:none}.case-row{grid-template-columns:44px 1fr}.case-side{grid-column:2;justify-items:start}.detail-header{padding:0 18px}.conversation{padding:26px 18px}.message{max-width:95%}}
