.support-main{max-width:1200px;margin:30px auto;padding:0 20px;color:#18304b}.support-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.support-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.support-card{background:white;border:1px solid #dbe4ed;border-radius:20px;padding:26px;box-shadow:0 12px 35px #1733510c;min-width:0}.support-card form{display:grid;gap:14px;margin-top:20px}.support-card label{display:grid;gap:6px}.support-card input:not([type=checkbox]),.support-card select,.support-card textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bbcbdc;border-radius:9px;font:inherit}.support-card textarea{min-height:130px}.support-button{display:inline-block;background:#1261ac;color:white!important;padding:13px 19px;border:0;border-radius:10px;text-decoration:none;font:inherit;cursor:pointer}.support-ticket{display:grid;gap:8px;text-decoration:none;color:inherit;border-bottom:1px solid #dbe4ed;padding:20px 0;overflow-wrap:anywhere}.support-message{padding:18px;margin:18px 0;background:#f0f6fc;border-radius:12px;overflow-wrap:anywhere}.private-note{background:#fff3d7;border-left:4px solid #ce9425}.support-card h2,.support-card p{overflow-wrap:anywhere}.support-message small{color:#586a7d}@media(max-width:720px){.support-grid{grid-template-columns:1fr}.support-heading{display:block}.support-heading .support-button{margin-top:10px}.support-card{padding:18px}.support-main{padding:0 12px}}
.support-field input[type="checkbox"],.support-field input[type="radio"]{width:auto;display:inline-block;margin:8px;vertical-align:middle}.support-field select[multiple]{min-height:120px}

/* Conversation role colors and offsets shared by staff and customer ticket views. */
body .support-main .support-message{box-sizing:border-box;width:calc(100% - 40px);max-width:900px;margin:20px 40px 20px 0;padding:18px 20px;border-radius:12px;line-height:1.55;overflow-wrap:anywhere}
body .support-main .support-message.message-customer{background:#eaf3ff;border:1px solid #b6d2f6;border-left:4px solid #2465aa;border-top-left-radius:3px;color:#173759}
body .support-main .support-message.message-staff{margin-left:auto;margin-right:0;background:#e7f5ee;border:1px solid #add7bf;border-right:4px solid #287549;border-top-right-radius:3px;color:#193e2b}
body .support-main .support-message.message-note{margin-left:20px;margin-right:20px;background:#fff4d8;border:1px solid #dfc478;border-left:4px solid #9a6d16;color:#523c11}
body .support-main .support-message.message-history{margin-left:20px;margin-right:20px;background:#f1f3f6;border:1px solid #cbd3df;color:#344356}
.support-message-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.support-message-header strong{font-size:1rem}.support-message-role{font-size:.75rem;font-weight:700;letter-spacing:.02em}.support-message-header time{font-size:.75rem;color:#4b5c6d;flex-basis:100%}.support-message p{margin:12px 0}.support-message a{display:inline-block;max-width:100%;color:#174d87;text-decoration:underline}
@media(max-width:720px){body .support-main .support-message{width:calc(100% - 16px);padding:14px;margin-right:16px}body .support-main .support-message.message-staff{margin-left:16px;margin-right:0}body .support-main .support-message.message-note,body .support-main .support-message.message-history{margin-left:8px;margin-right:8px}}

/* Compact support summary and actionable status pulse. */
.support-workspace .support-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.support-workspace .support-metrics .js-metric{min-height:86px;padding:11px 12px;grid-template-columns:30px minmax(0,1fr);column-gap:9px;grid-template-rows:auto auto auto}
.support-workspace .support-metrics .support-metric-icon{width:30px;height:30px;border-radius:8px}
.support-workspace .support-metrics .support-metric-icon:before{font-size:16px}
.support-workspace .support-metrics .js-meter{font-size:24px;line-height:1}
.support-workspace .support-metrics .js-metric strong{font-size:12px;margin-top:2px}
.support-workspace .support-metrics .js-metric small{font-size:10px;line-height:1.25}
.support-workspace .support-metrics .metric-inbox{--metric-color:#168347;animation:support-open-pulse 1.8s ease-in-out infinite}
.support-workspace .support-metrics .metric-clock{--metric-color:#ce2635;animation:support-overdue-pulse 1.3s ease-in-out infinite}
@keyframes support-open-pulse{50%{background:#d7f5e1;box-shadow:0 0 0 3px #16834780}}
@keyframes support-overdue-pulse{50%{background:#ffe1e3;box-shadow:0 0 0 3px #ce263580}}
@media(max-width:760px){.support-workspace .support-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.support-workspace .support-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.support-workspace .support-metrics .metric-inbox,.support-workspace .support-metrics .metric-clock{animation:none}}

.support-workspace .support-metrics .js-metric.is-empty{animation:none}

.support-email-resend{margin:18px 0;padding:18px;border:1px solid #d7e5e8;border-radius:16px;background:#f7fbfc;color:#173545}.support-email-resend>summary{cursor:pointer;font-weight:750;font-size:1.05rem}.support-email-resend>p{line-height:1.5}.support-email-resend-item{padding:16px 0;border-top:1px solid #d7e5e8}.support-email-resend-item>div{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}.support-email-resend-item span{color:#526a76;font-size:.9rem}.support-email-resend-item form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:10px}.support-email-resend-item label{flex:1 1 230px}.support-email-resend-item input:not([type=checkbox]){width:100%;max-width:480px}.support-email-resend-item .support-email-confirm{flex-basis:100%;font-size:.9rem}

/* Give the activity heading and each message distinct reading space. */
.support-main .support-conversation-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;column-gap:28px;row-gap:12px;margin:28px 0 20px;padding:0 0 16px;border-bottom:1px solid #dbe4ed}.support-main .support-conversation-head>div{display:grid;gap:7px;min-width:0}.support-main .support-conversation-head h3{margin:0;font-size:1.35rem;line-height:1.3}.support-main .support-conversation-head>span{display:block;max-width:38ch;line-height:1.5;color:#526a76}.support-main .support-message-header{column-gap:14px;row-gap:8px;line-height:1.5}.support-main .support-message-header strong,.support-main .support-message-role{display:inline-block;max-width:100%;overflow-wrap:break-word}.support-main .support-message-header time{display:block;flex-basis:100%;line-height:1.5}.support-main .support-message p{font-size:1rem;line-height:1.7;letter-spacing:normal;word-spacing:normal;overflow-wrap:break-word;word-break:normal;margin:14px 0}.support-main .support-message p:last-child{margin-bottom:0}@media(max-width:650px){.support-main .support-conversation-head{align-items:start}.support-main .support-conversation-head>span{flex-basis:100%}}

.support-ticket-overview article small{display:block;margin-top:4px;font-size:.8rem;line-height:1.45;color:#466681}.support-ticket-meta .support-ticket-requester{font-weight:750;color:#1b5c86}

/* Unanswered customer messages: keep text steady while the card flashes softly. */
body.support-workspace .support-main .support-ticket-row.is-awaiting-staff{background-image:none;background-color:#edf5ff;animation:support-awaiting-reply-flash 2s ease-in-out infinite}
body.support-workspace .support-main .support-ticket-meta .support-awaiting-reply{display:inline-flex;align-items:center;gap:7px;background:#deedff;color:#164d8a;font-weight:800;box-shadow:none}
.support-awaiting-reply i{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#2469b5}
body.support-workspace .support-main .support-ticket-row .support-priority-pill.is-priority-pulsing{animation:support-waiting-priority-pulse 1.8s ease-in-out infinite}
@keyframes support-awaiting-reply-flash{0%,100%{background-color:#f7fbff}50%{background-color:#dcecff}}
@keyframes support-waiting-priority-pulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--priority-color,#b36b00) 35%,transparent),0 0 14px color-mix(in srgb,var(--priority-color,#b36b00) 25%,transparent)}}
@media(prefers-reduced-motion:reduce){body.support-workspace .support-main .support-ticket-row.is-awaiting-staff,body.support-workspace .support-main .support-ticket-row .support-priority-pill.is-priority-pulsing{animation:none}body.support-workspace .support-main .support-ticket-row.is-awaiting-staff{background-color:#edf5ff}body.support-workspace .support-main .support-ticket-row .support-priority-pill.is-priority-pulsing{outline:2px solid var(--priority-color,#b36b00);outline-offset:2px}}

/* Prominent identity details on each authorized queue card. */
.support-main .support-ticket-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;padding:14px;background:#eaf2fc;border:1px solid #b8cee6;border-radius:10px;text-align:left}.support-main .support-ticket-contact>div{min-width:0}.support-main .support-ticket-contact span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#48617d;line-height:1.4;margin-bottom:5px}.support-main .support-ticket-contact strong{display:block;font-size:16px;font-weight:750;line-height:1.45;color:#132e4e;overflow-wrap:anywhere}@media(max-width:700px){.support-main .support-ticket-contact{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}}