:root{color:#17202a;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:1120px;background:#f6f7f9}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;background:#e9eef3}.login-panel{width:380px;display:grid;gap:18px;padding:28px;background:#fff;border:1px solid #d8dde5;border-radius:8px;box-shadow:0 16px 50px #141e281f}.eyebrow{margin:0 0 4px;color:#4d6c87;font-size:13px;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin-top:0}label{display:grid;gap:6px;color:#52616d;font-size:14px}input,select,textarea{width:100%;border:1px solid #cfd7e1;border-radius:6px;background:#fff;color:#17202a;padding:10px 12px}textarea{resize:vertical}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:10px 14px;background:#0d6efd;color:#fff;font-weight:700}.icon{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #cfd7e1;border-radius:6px;background:#fff;color:#17202a}.error{color:#9d1c1c;background:#fff0f0;border:1px solid #ffd2d2;border-radius:6px;padding:10px 12px}.compact{padding:6px 8px;font-size:13px}.banner{display:flex;align-items:center;gap:8px;margin-bottom:12px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.nav{display:flex;flex-direction:column;gap:6px;padding:18px;background:#111820;color:#fff}.brand{display:flex;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#0d6efd;font-weight:800}.brand small{display:block;color:#aeb9c4}.nav button{display:flex;gap:10px;align-items:center;border:0;border-radius:6px;padding:11px 12px;background:transparent;color:#dce5ee;text-align:left}.nav button:hover,.nav button.selected{background:#223142;color:#fff}.content{padding:16px;overflow:hidden}.workspace{display:grid;grid-template-columns:330px minmax(520px,1fr) 320px;gap:12px;height:calc(100vh - 32px)}.chat-list,.conversation,.side-panel,.panel{background:#fff;border:1px solid #dce2ea;border-radius:8px}.toolbar,.section-head,.composer-row{display:flex;align-items:center;gap:8px}.toolbar{padding:12px;border-bottom:1px solid #e4e9ef}.search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #cfd7e1;border-radius:6px;padding:0 10px;background:#fff}.search input{border:0;padding-left:0}.wide{max-width:520px;margin-bottom:14px}.chat-scroll{height:calc(100vh - 370px);overflow:auto}.chat-row{width:100%;display:grid;gap:4px;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:12px;text-align:left}.chat-row.active{background:#edf6ff}.chat-row.needs_attention,.chat-row.unbound{border-left:4px solid #f59f00}.chat-row.in_work{border-left:4px solid #0d6efd}.chat-row.critical{border-left:4px solid #d92d20;background:#fff7f7}.filter-box{display:grid;gap:8px;padding:10px 12px;border-bottom:1px solid #e4e9ef;background:#fbfcfd}.filter-title,.checkline{display:flex;align-items:center;gap:8px;color:#52616d;font-size:13px}.checkline input{width:auto}.chat-title{font-weight:800}.chat-meta,.chat-preview,.message-head,.mini-ticket small,.entity-card p{color:#647280;font-size:13px}.chat-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badges{display:flex;gap:6px}.badges b,.ticket-pill{border-radius:999px;background:#e7f0ff;color:#0d4e9d;padding:3px 8px;font-size:12px}.conversation{display:grid;grid-template-rows:auto auto 1fr auto;min-width:0}.conversation-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e4e9ef}.conversation-head h2{margin-bottom:4px}.state{align-self:start;border-radius:999px;padding:6px 10px;background:#e9eef3;font-size:13px;font-weight:700}.state.needs_attention,.state.unbound{background:#fff3bf;color:#8a5b00}.state.in_work{background:#dbeafe;color:#0d4e9d}.state.critical{background:#ffe3e3;color:#9d1c1c}.message-filter{padding:10px 12px;border-bottom:1px solid #e4e9ef;background:#fff}.messages{overflow:auto;padding:16px;background:#f8fafc}.message{width:min(78%,720px);margin-bottom:12px;padding:12px;border:1px solid #dce2ea;border-radius:8px;background:#fff}.message.outgoing{margin-left:auto;background:#eef7ff}.message.system{margin-inline:auto;background:#f3f5f7}.message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.message p{white-space:pre-wrap;margin-bottom:8px}.message-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.message-actions button{border:1px solid #cfd7e1;border-radius:6px;background:#fff;padding:5px 8px;font-size:13px}.attachment{display:block;color:#0d4e9d;margin-top:6px}.composer{display:grid;gap:8px;padding:12px;border-top:1px solid #e4e9ef}.composer textarea{min-height:92px}.composer-row{flex-wrap:wrap}.replying{display:inline-flex;gap:8px;align-items:center;width:fit-content;padding:5px 8px;border-radius:6px;background:#fff3bf}.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd7e1;border-radius:6px;padding:9px 12px;color:#17202a;cursor:pointer}.file-button input{display:none}.quick-ticket{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e4e9ef}.side-panel{overflow:auto;padding:14px}.side-panel h3{margin:12px 0 8px}.mini-ticket,.entity-card,.form-card{display:grid;gap:8px;border:1px solid #dce2ea;border-radius:8px;padding:12px;background:#fff}.empty{display:grid;place-items:center;color:#647280}.panel{min-height:calc(100vh - 32px);padding:16px;overflow:auto}.split{display:grid;grid-template-columns:320px 1fr;gap:16px}.form-card{align-content:start;height:fit-content}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.compact-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ticket-board{display:grid;grid-template-columns:minmax(680px,1fr) 320px;gap:16px}.ticket-filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(150px,180px)) auto;gap:8px;margin-bottom:14px}.table{display:grid;gap:8px}.ticket-row,.table.simple>div,.audit-table>div{display:grid;grid-template-columns:120px minmax(220px,1fr) 180px 180px 180px 140px;gap:10px;align-items:center;padding:10px;border:1px solid #dce2ea;border-radius:8px;background:#fff}.ticket-row{grid-template-columns:120px minmax(220px,1fr) 160px 170px 170px 150px minmax(260px,340px)}.ticket-row.sla-bad{border-color:#ffc9c9;background:#fff8f8}.ticket-row small{display:block;color:#647280;margin-top:3px}.table.simple>div,.audit-table>div{grid-template-columns:minmax(240px,1fr) 160px 160px}.table.simple>div{grid-template-columns:minmax(220px,1fr) 170px 170px auto}.inline-comment,.inline-create{display:flex;gap:8px;align-items:center}.inline-comment button,.inline-create button,.table.simple button{border:1px solid #cfd7e1;border-radius:6px;background:#fff;padding:8px 10px}.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.event-table>div{display:grid;grid-template-columns:minmax(220px,1fr) 180px 140px;gap:10px;align-items:center;padding:10px;border:1px solid #dce2ea;border-radius:8px;background:#fff}.entity-card.critical{border-color:#ffc9c9;background:#fff8f8}.entity-card.needs_attention,.entity-card.unbound{border-color:#ffe8a3;background:#fffdf2}.entity-card.in_work{border-color:#bfd7ff;background:#f5f9ff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:18px}.metric{display:grid;gap:8px;padding:14px;border:1px solid #dce2ea;border-radius:8px;background:#fff}.metric span{color:#647280}.metric strong{font-size:28px}.metric.danger{border-color:#ffc9c9;background:#fff5f5}.metric.warn{border-color:#ffe8a3;background:#fff9db}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}@media (max-width: 1300px){.workspace{grid-template-columns:300px minmax(460px,1fr) 300px}.ticket-board,.analytics-columns{grid-template-columns:1fr}.ticket-filters{grid-template-columns:repeat(2,minmax(180px,1fr))}.ticket-row{grid-template-columns:110px minmax(220px,1fr)}}pre{overflow:auto;padding:10px;border-radius:6px;background:#111820;color:#dce5ee}