.triagedock-client-portal { --tdcc-colour:#3858e9; color:#1d2327; margin:24px 0; }
.tdcc-header,.tdcc-ticket-title,.tdcc-message header,.tdcc-ticket-row,.tdcc-actions { align-items:center; display:flex; gap:16px; justify-content:space-between; }
.tdcc-header { border-bottom:1px solid #dcdcde; margin-bottom:20px; padding-bottom:16px; }
.tdcc-header h2,.tdcc-ticket-title h3 { margin:0; }
.tdcc-eyebrow { color:#646970; font-size:.82rem; font-weight:700; letter-spacing:.05em; margin:0 0 4px; text-transform:uppercase; }
.tdcc-button { background:#fff; border:1px solid var(--tdcc-colour); border-radius:4px; color:var(--tdcc-colour); cursor:pointer; display:inline-block; font-weight:700; padding:10px 16px; text-decoration:none; }
.tdcc-button--primary { background:var(--tdcc-colour); color:#fff; }
.tdcc-create,.tdcc-ticket-detail,.tdcc-ticket-list { background:#fff; border:1px solid #dcdcde; border-radius:8px; margin:18px 0; padding:20px; }
.tdcc-create summary { cursor:pointer; font-weight:700; }
.tdcc-form { display:grid; gap:16px; margin-top:18px; }
.tdcc-form label { display:grid; gap:6px; font-weight:700; }
.tdcc-form input,.tdcc-form select,.tdcc-form textarea { box-sizing:border-box; font:inherit; padding:10px; width:100%; }
.tdcc-ticket-list { display:grid; gap:10px; }
.tdcc-ticket-row { border:1px solid #dcdcde; border-radius:6px; color:inherit; padding:14px; text-decoration:none; }
.tdcc-ticket-row span { display:grid; gap:4px; }
.tdcc-ticket-row small,.tdcc-ticket-row time,.tdcc-message time { color:#646970; }
.tdcc-status { background:#f0f4ff; border-radius:999px; color:#2947c7; font-weight:700; padding:6px 10px; }
.tdcc-conversation { display:grid; gap:12px; margin:22px 0; }
.tdcc-message { border:1px solid #dcdcde; border-left:4px solid #8c8f94; border-radius:6px; padding:16px; }
.tdcc-message--support { background:#f6f7f7; border-left-color:var(--tdcc-colour); }
.tdcc-message header { margin-bottom:10px; }
.tdcc-attachments { border-top:1px solid #dcdcde; list-style:none; margin:14px 0 0; padding:12px 0 0; }
.tdcc-attachments li { margin:4px 0; }
.tdcc-attachments small { color:#646970; }
.tdcc-upload { background:#f6f7f7; border:1px solid #dcdcde; border-radius:6px; margin:22px 0; padding:18px; }
.tdcc-upload h4,.tdcc-upload p { margin-top:0; }
.tdcc-notice { border-left:4px solid #d63638; margin:16px 0; padding:10px 14px; }
.tdcc-notice--success { background:#edfaef; border-left-color:#00a32a; }
.tdcc-notice--error { background:#fcf0f1; }
.tdcc-closed { background:#f6f7f7; padding:14px; }
@media (max-width:640px) { .tdcc-header,.tdcc-ticket-title,.tdcc-ticket-row,.tdcc-actions { align-items:stretch; flex-direction:column; } .tdcc-ticket-row time { align-self:flex-start; } }