:root{--navy:#0b1d3a;--gold:#e6bd52;--bg:#f4f7fb;--card:#fff;--line:#e3e9f1;--txt:#162238;--muted:#6e7c90;--blue:#2563eb;--green:#15803d;--red:#b91c1c;--amber:#b45309}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sc-actions{display:flex;gap:8px;align-items:center}.sc-btn{border:0;border-radius:9px;padding:9px 12px;font-weight:700;font-size:.76rem;cursor:pointer}.sc-btn-gold{background:var(--gold);color:var(--navy)}.sc-btn-light{background:#fff;color:var(--navy)}.sc-btn-soft{background:#eef4ff;color:#1d4ed8;border:1px solid #dbeafe}.sc-btn-danger{background:#fff1f2;color:#be123c;border:1px solid #ffe4e6}.sc-main{max-width:1500px;margin:0 auto;padding:22px}.sc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.sc-heading h1{font-size:1.45rem;margin:0;color:var(--navy)}.sc-heading p{margin:4px 0 0;font-size:.78rem;color:var(--muted)}.sc-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;height:calc(100vh - 142px);min-height:580px}.sc-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(11,29,58,.03)}.sc-panel-head{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.sc-title{font-weight:800;color:var(--navy);font-size:.88rem}.sc-sub{font-size:.66rem;color:var(--muted);margin-top:2px}.sc-ticket-list{height:calc(100% - 58px);overflow:auto}.sc-ticket{padding:13px 15px;border-bottom:1px solid #edf1f6;cursor:pointer;transition:.15s}.sc-ticket:hover,.sc-ticket.active{background:#f7faff}.sc-ticket.active{box-shadow:inset 3px 0 var(--blue)}.sc-ticket-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.sc-ticket-no{font-size:.65rem;color:#64748b;font-weight:700}.sc-ticket-subject{font-size:.78rem;font-weight:800;margin:4px 0;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-ticket-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sc-pill{font-size:.58rem;padding:3px 7px;border-radius:999px;font-weight:800;background:#eef2f7;color:#516073}.sc-pill.open{background:#dbeafe;color:#1d4ed8}.sc-pill.in_progress{background:#ede9fe;color:#6d28d9}.sc-pill.waiting_user{background:#fef3c7;color:#92400e}.sc-pill.resolved{background:#dcfce7;color:#166534}.sc-pill.closed{background:#e5e7eb;color:#4b5563}.sc-pill.high,.sc-pill.urgent{background:#fee2e2;color:#b91c1c}.sc-unread{min-width:19px;height:19px;border-radius:999px;background:#dc2626;color:#fff;display:grid;place-items:center;font-size:.57rem;font-weight:800}.sc-empty{padding:38px 20px;text-align:center;color:var(--muted);font-size:.76rem;line-height:1.6}.sc-thread{height:100%;display:flex;flex-direction:column}.sc-thread-head{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.sc-thread-title{font-weight:800;color:var(--navy);font-size:.9rem}.sc-thread-info{font-size:.65rem;color:var(--muted);margin-top:3px}.sc-thread-actions{display:flex;gap:6px;align-items:center}.sc-messages{flex:1;overflow:auto;padding:18px;background:linear-gradient(#fafcff,#f8fafc)}.sc-msg{display:flex;margin-bottom:12px}.sc-msg.mine{justify-content:flex-end}.sc-bubble{max-width:min(72%,680px);background:#fff;border:1px solid #e3e8ef;border-radius:14px 14px 14px 4px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.sc-msg.mine .sc-bubble{background:#eaf2ff;border-color:#d5e4ff;border-radius:14px 14px 4px 14px}.sc-sender{font-size:.59rem;font-weight:800;color:#516073;margin-bottom:4px;text-transform:capitalize}.sc-message-text{font-size:.76rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.sc-message-time{font-size:.56rem;color:#94a3b8;margin-top:5px}.sc-attach{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}.sc-attach a{font-size:.61rem;text-decoration:none;padding:5px 7px;border-radius:7px;background:#fff;border:1px solid #dbe3ec;color:#1d4ed8;font-weight:700}.sc-compose{border-top:1px solid var(--line);padding:10px 12px;background:#fff}.sc-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.sc-compose textarea{width:100%;min-height:54px;max-height:140px;resize:vertical;border:1px solid #d6deea;border-radius:10px;padding:10px 11px;font:inherit;font-size:.76rem;outline:none}.sc-compose textarea:focus{border-color:#93b4ea;box-shadow:0 0 0 3px #eff6ff}.sc-file-row{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sc-file-row input{font-size:.62rem;color:#64748b}.sc-help{font-size:.58rem;color:#94a3b8}.sc-modal-backdrop{position:fixed;inset:0;background:rgba(4,12,28,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.sc-modal-backdrop.show{display:flex}.sc-modal{width:min(620px,100%);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.24)}.sc-modal-head{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.sc-modal-body{padding:18px}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-field{display:flex;flex-direction:column;gap:5px}.sc-field.full{grid-column:1/-1}.sc-field label{font-size:.66rem;font-weight:800;color:#516073}.sc-field input,.sc-field select,.sc-field textarea{border:1px solid #d6deea;border-radius:9px;padding:10px 11px;font:inherit;font-size:.75rem}.sc-field textarea{min-height:115px;resize:vertical}.sc-modal-foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.sc-toast{position:fixed;right:18px;bottom:18px;background:#12213b;color:#fff;padding:10px 13px;border-radius:9px;font-size:.72rem;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:80}.sc-toast.show{opacity:1;transform:none}.sc-loading{padding:30px;text-align:center;color:#64748b;font-size:.75rem}
@media(max-width:900px){.sc-grid{grid-template-columns:1fr;height:auto}.sc-panel:first-child{max-height:360px}.sc-panel:last-child{height:650px}.sc-heading{align-items:flex-start;flex-direction:column}.sc-main{padding:14px}}
@media(max-width:600px){.sc-actions .sc-btn-light{display:none}.sc-grid{gap:10px}.sc-form-grid{grid-template-columns:1fr}.sc-field.full{grid-column:auto}.sc-bubble{max-width:88%}.sc-thread-head{align-items:flex-start}.sc-thread-actions{flex-direction:column;align-items:stretch}.sc-compose-row{grid-template-columns:1fr}.sc-btn{min-height:40px}}

/* Support is a normal portal workspace page; navigation/branding come from portal-shell.js. */
body.tc-portal-shell main.sc-main{max-width:1500px;width:100%;margin:0 auto;padding:22px}
body.tc-portal-shell .sc-heading{margin-top:0}
@media(max-width:900px){body.tc-portal-shell main.sc-main{padding:14px}}