*{box-sizing:border-box} :root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#071b3e;background:#f4f7fc;font-size:14px} body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid #c6d4ed;border-radius:8px;padding:10px 14px;color:#071b3e;background:white;font-weight:600}button:disabled{cursor:default;opacity:.55}.primary{background:#1263f5;color:white;border-color:#1263f5}.secondary:hover{background:#eef4ff}a{color:#1263f5}.confidential{background:#071b3e;color:white;text-align:center;padding:7px 12px;font-size:12px;font-weight:600}header{height:76px;background:white;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid #dce5f3}header img{display:block}.desk-label{font-weight:650;font-size:17px}#identity{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.2;margin-bottom:14px}h2{font-size:17px;line-height:1.4}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;color:#1263f5;margin-bottom:12px}.muted{color:#61718a;line-height:1.5}.small{font-size:11px}.login{max-width:440px;margin:9vh auto;background:white;padding:36px;border:1px solid #dce5f3;border-radius:18px;box-shadow:0 18px 45px #071b3e10}.login form{display:grid;gap:18px;margin:28px 0 16px}label{display:grid;gap:7px;font-size:12px;font-weight:600}input,select,textarea{width:100%;min-width:0;border:1px solid #c6d4ed;border-radius:7px;background:white;padding:10px;color:#071b3e}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid #1263f5} .workspace{display:grid;grid-template-columns:340px minmax(320px,1fr) 275px;max-width:1800px;margin:auto;min-height:calc(100dvh - 76px - var(--notice-height,30px))}.queue{border-right:1px solid #dce5f3;background:#f9fbff;padding:24px 18px}.filters{display:grid;gap:12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.queue>p{margin:18px 0;font-size:12px}.ticket-list{display:grid;gap:10px}.queue-ticket{width:100%;text-align:left;padding:16px;font-weight:400;box-shadow:0 2px 5px #071b3e03}.queue-ticket:hover,.queue-ticket[aria-current]{border-color:#1263f5;background:#eef4ff}.queue-ticket h2{margin:12px 0 8px}.queue-ticket p{margin:5px 0;overflow-wrap:anywhere;font-size:12px}.ticket-top{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700}.priority{border-radius:10px;padding:2px 7px;background:#edf1f8}.priority.high{color:#975906;background:#fff3dc}.priority.urgent{color:#b62d3c;background:#ffedef}.conversation{background:white;padding:28px;min-width:0}.conversation-heading{padding-bottom:18px;border-bottom:1px solid #dce5f3;overflow-wrap:anywhere}.thread{display:grid;gap:18px;padding:24px 0}.message{border:1px solid #dce5f3;border-radius:12px;padding:18px;max-width:94%;background:#f6f8fc}.message.staff{background:#eef4ff;margin-left:6%;border-color:#d0e0ff}.message.internal,.composer.internal{background:#fff8e5;border-color:#ead595}.message-kind{font-size:12px;font-weight:700;margin-bottom:6px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:14px 0}.composer{display:grid;gap:14px;padding:20px;border:1px solid #dce5f3;border-radius:12px}.composer button{justify-self:start}.composer p{margin:0}.context{padding:28px 20px;border-left:1px solid #dce5f3;overflow-wrap:anywhere}.context form{display:grid;gap:16px;margin:24px 0}.context>button{margin-bottom:22px}.context details{border-top:1px solid #dce5f3;padding-top:18px}.context summary{cursor:pointer;font-weight:600;margin-bottom:16px}.feedback{margin-top:16px}.feedback:empty{display:none}.empty{padding:80px 20px;color:#61718a;text-align:center}.back-queue{display:none}.queue>button{margin-top:16px}
@media(min-width:1101px){.queue,.conversation,.context{height:calc(100dvh - 76px - var(--notice-height,30px));overflow-y:auto}}
@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr)}.context{grid-column:2;border-top:1px solid #dce5f3}.queue{grid-row:1 / span 2}.conversation{padding:22px}.context{padding:22px}.desk-label{font-size:14px}}
@media(max-width:700px){header{height:auto;min-height:68px;padding:14px 16px;gap:12px;flex-wrap:wrap}header img{width:120px}#identity{width:100%;justify-content:space-between;margin:0}.confidential{font-size:11px}.workspace{display:block}.queue{border-right:0;padding:24px 16px}.conversation,.context{display:none;padding:20px 16px}.ticket-open .queue{display:none}.ticket-open .conversation,.ticket-open .context{display:block}.back-queue{display:block;margin-bottom:20px}.context{border-left:0}.login{margin:28px 16px;padding:26px}.message{max-width:100%}.message.staff{margin-left:0}.composer{padding:16px}h1{font-size:24px}}

.confidential { overflow-wrap:anywhere; }

.desk-label { color:#071b3e; text-decoration:none; border-radius:4px; }
.desk-label:hover { color:#1263f5; text-decoration:underline; }