:root{color:#171717;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.shell{display:grid;min-height:100vh;place-items:center;padding:24px}.authPanel{width:min(720px,100%);border:1px solid #d6dce3;border-radius:8px;background:#fff;padding:28px}.eyebrow{margin:0 0 4px;color:#5f6b7a;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:32px;line-height:1.1}.statusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0}.statusGrid div{min-width:0;border:1px solid #e1e7ee;border-radius:6px;padding:14px}dt{color:#5f6b7a;font-size:12px;font-weight:700}dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:14px}dd[data-state=ready]{color:#137047}dd[data-state=degraded],dd[data-state=error]{color:#991b1b}.authForm{display:grid;gap:14px;margin-top:28px}label{display:grid;gap:6px;color:#374151;font-size:13px;font-weight:700}input{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:11px 12px;color:#111827;font:inherit}button{width:fit-content;min-width:112px;border:1px solid #1f2937;border-radius:6px;background:#1f2937;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.6}.stateLine,.errorLine{margin:20px 0 0;font-size:14px}.errorLine{color:#991b1b}.staffShell{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.label,.sessionText{margin:0;color:#5f6b7a;font-size:13px}.staffName{margin:4px 0;font-size:18px;font-weight:800}.inboxShell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;padding:18px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #d6dce3;padding:0 0 16px}.topBarActions{display:flex;align-items:center;gap:12px}.inboxLayout{display:grid;grid-template-columns:minmax(240px,320px) minmax(360px,1fr) minmax(220px,300px);gap:14px;min-height:0;padding-top:14px}.inboxListPanel,.conversationPane,.userPanel{min-width:0;min-height:0;border:1px solid #d6dce3;border-radius:8px;background:#fff}.inboxListPanel,.userPanel{overflow:auto;padding:14px}.conversationPane{display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;padding:16px}.panelHeader,.conversationHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{margin:0;font-size:18px;line-height:1.2}.conversationList,.messageList,.attachmentList{list-style:none;margin:0;padding:0}.conversationList{display:grid;gap:8px;margin-top:14px}.conversationButton{display:grid;width:100%;min-width:0;justify-items:start;border-color:#d6dce3;background:#fff;color:#1f2937;text-align:left}.conversationButton[data-active=true]{border-color:#2563eb;background:#eff6ff}.conversationTitle,.conversationPreview,.conversationMeta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationTitle{font-weight:800}.conversationPreview,.conversationMeta,.messageMeta,.messageState,.degradedLine{color:#5f6b7a;font-size:12px}.statusBadge{border:1px solid #cbd5e1;border-radius:999px;padding:4px 8px;color:#374151;font-size:12px;font-weight:700}.degradedLine{border:1px solid #f5c2c7;border-radius:6px;background:#fff5f5;color:#991b1b;padding:8px 10px}.messageList{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:14px 2px}.messageItem{width:min(78%,720px);border:1px solid #e1e7ee;border-radius:8px;padding:10px 12px}.messageItem[data-direction=user_to_curator]{align-self:flex-start;background:#fff}.messageItem[data-direction=curator_to_user]{align-self:flex-end;background:#f7fbf8}.messageMeta{display:flex;justify-content:space-between;gap:12px}.messageText{overflow-wrap:anywhere;margin:8px 0;white-space:pre-wrap}.messageState{display:inline-block}.attachmentList{display:grid;gap:4px;margin-top:8px;color:#374151;font-size:13px}.composerPlaceholder{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #e1e7ee;padding-top:12px}textarea{width:100%;min-height:44px;resize:none;border:1px solid #cbd5e1;border-radius:6px;padding:10px;font:inherit}.summaryList{display:grid;gap:12px;margin:14px 0 0}.summaryList div{border-bottom:1px solid #e1e7ee;padding-bottom:10px}.inboxError{margin:12px 0 0}@media(max-width:640px){.authPanel{padding:20px}.statusGrid{grid-template-columns:1fr}.staffShell,.topBar,.topBarActions{align-items:flex-start;flex-direction:column}.inboxLayout{grid-template-columns:1fr}.messageItem{width:100%}.composerPlaceholder{grid-template-columns:1fr}}
