/* Ticket surfaces retain the homepage brand; colour always accompanies text. */
.ticket-shell{min-inline-size:0}.ticket-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.ticket-heading>div{min-inline-size:0}.ticket-heading h1{font-size:clamp(1.9rem,3vw,2.9rem)}.ticket-heading>.button{flex-shrink:0;margin-top:8px}.ticket-heading p:not(.eyebrow){color:var(--muted);margin-top:12px;max-width:740px}.ticket-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.button-secondary{background:#fff;border-color:var(--line);color:var(--blue)}.button-secondary:hover{background:var(--wash)}.ticket-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;background:var(--wash);padding:20px;border:1px solid var(--line);border-radius:8px}.ticket-filters .field{flex:1 1 170px;margin:0;min-inline-size:0}.ticket-filters .button{min-height:48px}.ticket-statusline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-block:20px 8px}.ticket-loading{padding:38px 20px;background:var(--wash);color:var(--muted);border-radius:8px}.ticket-page-message:empty{display:none}.ticket-page-message{padding:16px 20px;margin-block:14px;border:1px solid var(--line);background:#f5f6fc;border-radius:6px}.ticket-page-message.is-error{background:#fff3f5;border-color:#e6b9c2;color:var(--error)}.ticket-page-message a,.form-message a{text-decoration:underline}.ticket-page-message .text-button{margin-inline-start:14px}.ticket-list{display:grid;gap:12px}.ticket-row{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:4px minmax(0,1fr);overflow:hidden;background:white;transition:border-color .15s}.ticket-row:hover{border-color:#a4aace}.ticket-row .ticket-priority-rail{background:#bdc3d9}.ticket-row.priority-high .ticket-priority-rail{background:#bb7200}.ticket-row.priority-urgent .ticket-priority-rail{background:#b42345}.ticket-row.priority-low .ticket-priority-rail{background:#73859b}.ticket-row-content{padding:20px 24px}.ticket-row-top,.ticket-row-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.ticket-row-top{margin-bottom:9px}.ticket-number{color:var(--blue);font-size:.74rem;font-weight:650;letter-spacing:.03em;overflow-wrap:anywhere}.ticket-row h2{font-size:1.08rem;line-height:1.55}.ticket-row h2 a{display:block}.ticket-row h2 a:hover{text-decoration:underline;text-underline-offset:4px}.ticket-row-footer{margin-top:13px;font-size:.75rem;color:var(--muted)}.ticket-row-footer time{font-variant-numeric:tabular-nums}.ticket-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}.ticket-row .ticket-badges{margin-top:0}.ticket-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 9px;min-height:28px;font-size:.71rem;font-weight:650;border:1px solid transparent;border-radius:5px;line-height:1.45;background:#f0f2f7;color:#48546d;overflow-wrap:anywhere}.ticket-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.ticket-status-open{color:#313e93;background:#eef0fc;border-color:#d9dff3}.ticket-status-waiting_customer{color:#7a5500;background:#fff7d9;border-color:#e8d9a6}.ticket-status-resolved{color:#176247;background:#edf8f2;border-color:#c6e3d3}.ticket-status-closed{color:#546070;background:#f0f2f5;border-color:#dce0e7}.ticket-priority-low{color:#556176;background:#f3f5fa}.ticket-priority-normal{color:#384a73;background:#eef2fa}.ticket-priority-high{color:#835300;background:#fff1cf}.ticket-priority-urgent{color:#a52443;background:#ffeaf0}.ticket-more{margin-block:22px}.ticket-timezone{margin-block:22px;font-size:.72rem}.ticket-compose-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr);gap:44px;align-items:start}.ticket-compose-layout>*{min-width:0}.ticket-compose-aside{display:grid;gap:18px;position:sticky;top:24px}.ticket-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px}.ticket-card h2,.ticket-reply-card h2,.ticket-section-heading h2{font-size:1.2rem;margin-bottom:13px}.ticket-card h3{font-size:.95rem}.ticket-card .contact-email{font-size:.95rem;overflow-wrap:anywhere;margin-bottom:10px}.ticket-form{padding:25px;border:1px solid var(--line);border-radius:8px}.ticket-form .field,.ticket-reply-card .field,.ticket-card .field{margin-block:19px}.ticket-form .field:first-child{margin-top:0}.ticket-dynamic-fields{border-block:1px solid var(--line);margin-block:24px;padding-block:4px}.ticket-form-intro{margin-block:18px;padding:16px;background:var(--pink-wash);border:1px solid #eed7e1;border-radius:6px;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-form-intro summary{cursor:pointer;font-weight:650;color:var(--blue)}.ticket-form-intro p{margin-top:12px}.ticket-field-required{margin-inline-start:8px;font-size:.67rem;color:var(--muted);font-weight:400}.ticket-field-help{white-space:pre-wrap}.ticket-copy-text{margin:12px 0;padding:14px 16px;border-inline-start:3px solid var(--pink);background:var(--wash);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer;font-size:.86rem;padding-block:8px}.ticket-check input{width:18px;height:18px;flex-shrink:0;margin-top:5px;accent-color:var(--blue)}.ticket-fieldset{border:0;margin:0;padding:0;min-inline-size:0}.ticket-fieldset legend{font-size:.86rem;font-weight:650;padding:0;margin-bottom:8px}.ticket-file-field input{padding:12px;border:1px dashed #b9c0d6;background:var(--wash);font-size:.82rem}.ticket-file-field input::file-selector-button{font:inherit;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--blue);padding:7px 10px;margin-inline-end:10px}.selected-files{list-style:none;padding:0;margin:10px 0 0;font-size:.77rem;color:var(--muted)}.selected-files li{padding-block:4px;overflow-wrap:anywhere}.ticket-upload-recovery{margin-block:22px;padding:20px;background:#fff8df;border:1px solid #e3d295;border-radius:6px}.ticket-upload-recovery p{margin-bottom:12px}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:28px;align-items:start}.ticket-detail-grid>*{min-inline-size:0}.ticket-context-column,.ticket-conversation-column{display:grid;gap:22px}.ticket-conversation{padding:24px;border:1px solid var(--line);border-radius:8px}.ticket-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}.ticket-section-heading h2{margin:0}.ticket-messages{display:grid;gap:20px}.ticket-message{min-inline-size:0;padding-bottom:22px;border-bottom:1px solid var(--line)}.ticket-message:last-child{border-bottom:0;padding-bottom:0}.ticket-message-header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:.76rem}.ticket-message-header strong{font-weight:650}.ticket-message-header time{color:var(--muted);font-size:.68rem}.ticket-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.9}.ticket-message-internal{padding:17px!important;background:#fff9df;border:1px solid #eadead!important;border-radius:6px}.ticket-message-internal .ticket-badge{background:#f5eabf;color:#715400}.ticket-reply-card{background:#f7f8fc;border:1px solid var(--line);border-radius:8px;padding:24px}.ticket-reply-card form{margin-top:18px}.ticket-reply-card.is-internal{background:#fffae9;border-color:#e8d9a6}.ticket-attachment-list{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:8px}.ticket-attachment{border:1px solid var(--line);border-radius:5px;padding:10px 12px;background:#fff;display:flex;justify-content:space-between;gap:10px;font-size:.76rem;align-items:start;min-width:0}.ticket-attachment>div{min-width:0;overflow-wrap:anywhere}.ticket-attachment a{text-decoration:underline;color:var(--blue);overflow-wrap:anywhere}.ticket-attachment small{display:block;color:var(--muted);margin-top:3px}.ticket-timeline{list-style:none;margin:24px 0 0;padding:0}.ticket-timeline li{position:relative;border-inline-start:1px solid var(--line);padding:0 0 23px 20px;font-size:.8rem}.ticket-timeline li:last-child{padding-bottom:0;border-color:transparent}.ticket-timeline li:before{content:'';position:absolute;inset-inline-start:-4px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.ticket-timeline time{font-size:.67rem;color:var(--muted)}.ticket-timeline p{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-timeline .ticket-badges{margin-top:7px}.ticket-answers summary{font-size:.92rem;color:var(--blue);cursor:pointer;font-weight:650}.ticket-answers dl{margin:20px 0 0;font-size:.84rem}.ticket-answers dt{color:var(--muted);margin-top:16px}.ticket-answers dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-related-item{padding-block:14px;border-bottom:1px solid var(--line);display:block;font-size:.81rem}.ticket-related-item:hover{text-decoration:underline}.ticket-related-item small{display:block;color:var(--muted);font-size:.67rem;margin-bottom:4px}.ticket-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ticket-shell select,.ticket-shell input:not([type=checkbox]):not([type=radio]),.ticket-shell textarea{width:100%;min-width:0}.ticket-shell textarea{resize:vertical}.ticket-shell [aria-invalid=true]{border-color:var(--error)}.ticket-field-error{color:var(--error);font-size:.78rem;margin-top:5px}.ticket-shell .form-message{white-space:pre-wrap}.ticket-shell .subtle-note{margin-block:18px}.ticket-management-disabled{opacity:.75}.ticket-shell input:disabled,.ticket-shell textarea:disabled{color:var(--muted)}
@media(max-width:1100px){.staff-surface .ticket-detail-grid{grid-template-columns:minmax(0,1fr)}.staff-surface .ticket-context-column{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-surface .ticket-context-column>*{min-width:0}}
@media(max-width:850px){.ticket-compose-layout,.ticket-detail-grid{grid-template-columns:minmax(0,1fr)}.ticket-compose-aside{position:static;grid-row:1}.ticket-compose-aside .subtle-note{display:none}.ticket-compose-aside .ticket-card{padding:17px}.ticket-heading{flex-direction:column;gap:16px}.ticket-heading>.button{margin-top:0}.ticket-context-column{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-context-column>*{min-width:0}.ticket-context-column>[data-ticket-management]{grid-column:1/-1}}
@media(max-width:560px){.ticket-row-content{padding:17px}.ticket-row-top{align-items:start}.ticket-row-top>.ticket-badges{max-width:100%}.ticket-filters{padding:15px;gap:12px}.ticket-filters .field{flex-basis:100%}.ticket-filters>.button{width:100%}.ticket-form,.ticket-card,.ticket-conversation,.ticket-reply-card{padding:18px}.ticket-context-column,.staff-surface .ticket-context-column{grid-template-columns:minmax(0,1fr)}.ticket-statusline{align-items:start}.ticket-heading h1{font-size:1.85rem}.ticket-compose-layout{gap:24px}.ticket-message-header{gap:7px}.ticket-heading>.button{width:100%}.ticket-attachment{flex-direction:column}.ticket-badge{font-size:.68rem}.ticket-action-row>*{width:100%}.ticket-shell .button{gap:12px}.ticket-file-field input{font-size:.75rem}}
@media(forced-colors:active){.ticket-badge,.ticket-row,.ticket-card,.ticket-message-internal,.ticket-upload-recovery{border:1px solid CanvasText}.ticket-row .ticket-priority-rail{background:CanvasText}.ticket-timeline li:before{background:CanvasText}}

.ticket-history-paging{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line)}.ticket-history-paging[hidden]{display:none}[aria-invalid="true"]{border-color:#b42318!important}.field-hint.is-error{color:#b42318}

.ticket-customer-email{overflow-wrap:anywhere;font-weight:600}.ticket-deadline time{display:block;margin:8px 0}.ticket-timeline-internal{padding:10px;background:#fff3d7;border-radius:8px;color:#765515}

/* Staff detail keeps the conversation and its controls in one working view. */
.staff-surface:has(.staff-ticket-detail) .workspace-main{max-width:1740px;padding:34px clamp(22px,3vw,48px) 55px}
.staff-ticket-detail .breadcrumb{font-size:.75rem;margin-bottom:20px}
.staff-ticket-detail .ticket-heading{margin-bottom:25px}
.staff-ticket-detail .ticket-heading h1{font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.6}
.staff-ticket-detail .ticket-heading .eyebrow{font-size:.72rem;margin-bottom:10px}
.staff-ticket-detail .ticket-detail-grid{grid-template-columns:minmax(0,1fr) 335px;gap:24px}
.staff-ticket-detail .ticket-context-column{display:flex;flex-direction:column;gap:20px}
.staff-ticket-detail [data-ticket-management]{order:-2;border-top:3px solid var(--blue)}
.staff-ticket-detail .ticket-context-column>.ticket-card:has([data-ticket-customer-email]){order:-1;border-top:3px solid var(--pink)}
.staff-ticket-detail .ticket-card,.staff-ticket-detail .ticket-conversation,.staff-ticket-detail .ticket-reply-card{padding:23px;background:white}
.staff-ticket-detail .ticket-card h2,.staff-ticket-detail .ticket-reply-card h2,.staff-ticket-detail .ticket-section-heading h2{font-size:1rem}
.staff-ticket-detail .ticket-card .field label,.staff-ticket-detail .ticket-reply-card .field label{font-size:.73rem}
.staff-ticket-detail .ticket-card .field input,.staff-ticket-detail .ticket-card .field select,.staff-ticket-detail .ticket-card .field textarea,.staff-ticket-detail .ticket-reply-card .field textarea,.staff-ticket-detail .ticket-reply-card .field select{font-size:.79rem;min-height:41px;padding:9px 10px;border-color:#ccd3e2}
.staff-ticket-detail .ticket-card .field-hint,.staff-ticket-detail .ticket-reply-card .field-hint{font-size:.69rem;line-height:1.85}
.staff-ticket-detail .ticket-card .button,.staff-ticket-detail .ticket-reply-card .button{font-size:.76rem;min-height:43px;padding:10px 14px}
.staff-ticket-detail .ticket-message-header{font-size:.75rem}.staff-ticket-detail .ticket-message-header time{margin-inline-start:auto;font-size:.65rem}
.staff-ticket-detail .ticket-message-body{font-size:.81rem;line-height:1.95;padding:16px 18px;background:#f8f9fd;border:1px solid #e8ebf3;border-radius:7px}
.staff-ticket-detail .ticket-message-internal .ticket-message-body{background:transparent;border:0;padding:0}
.staff-ticket-detail .ticket-reply-card{border-top:3px solid var(--blue)}.staff-ticket-detail .ticket-reply-card.is-internal{background:#fffae9;border-top-color:#b58f1d}
.staff-ticket-detail .ticket-reply-card .ticket-file-field input{font-size:.73rem}.staff-ticket-detail .ticket-customer-email{font-size:.83rem}.staff-ticket-detail .ticket-context-column .stable-id{font-size:.68rem}
.ticket-application-hint{margin-block:18px;padding:16px 18px;background:#f0f3fc;border:1px solid #dce3f4;border-inline-start:3px solid var(--blue);border-radius:6px;font-size:.85rem}.ticket-application-hint p{margin-block:6px 12px;color:var(--muted);line-height:1.8}.ticket-application-hint .ticket-action-row{gap:10px}.ticket-application-hint .button{min-height:40px;padding:8px 14px;font-size:.8rem}
.ticket-reclassify-current{margin-block:12px;font-size:.8rem;overflow-wrap:anywhere}.ticket-reclassify-current strong{font-weight:650}.ticket-reclassify [hidden]{display:none}
.ticket-historical-reference{padding:17px 20px;background:#f0f3fc;border:1px solid #dce3f4;border-inline-start:3px solid var(--blue);border-radius:6px}
.ticket-historical-reference>strong{font-size:.79rem;overflow-wrap:anywhere}.ticket-historical-reference>p{font-size:.72rem;color:var(--muted);margin-top:7px;line-height:1.8}.ticket-historical-reference>a{display:inline-flex;align-items:center;min-height:33px;margin-top:7px;font-size:.74rem;color:var(--blue);font-weight:600}.ticket-historical-reference>a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px){.staff-ticket-detail .ticket-detail-grid{grid-template-columns:minmax(0,1fr)}.staff-ticket-detail .ticket-context-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-ticket-detail [data-ticket-management]{grid-column:1/-1}.staff-ticket-detail [data-ticket-transition]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.staff-ticket-detail [data-ticket-transition]>.field{margin-block:8px}.staff-ticket-detail [data-ticket-transition]>.field:has(textarea),.staff-ticket-detail [data-ticket-transition]>.field-hint,.staff-ticket-detail [data-ticket-transition]>.form-message,.staff-ticket-detail [data-ticket-transition]>button{grid-column:1/-1}}
@media(max-width:760px){.staff-surface:has(.staff-ticket-detail) .workspace-main{padding:25px 18px 40px}.staff-ticket-detail .ticket-card,.staff-ticket-detail .ticket-conversation,.staff-ticket-detail .ticket-reply-card{padding:20px}.staff-ticket-detail .ticket-heading{flex-direction:row;gap:15px}.staff-ticket-detail .ticket-heading h1{font-size:1.55rem}.staff-ticket-detail .ticket-heading>.text-button{white-space:nowrap;font-size:.71rem}.staff-ticket-detail .ticket-message-body{padding:14px;font-size:.8rem}}
@media(max-width:560px){.staff-ticket-detail .ticket-context-column{grid-template-columns:minmax(0,1fr)}.staff-ticket-detail .ticket-card,.staff-ticket-detail .ticket-conversation,.staff-ticket-detail .ticket-reply-card{padding:18px 16px}.staff-ticket-detail [data-ticket-transition]{grid-template-columns:minmax(0,1fr)}.staff-ticket-detail .ticket-heading{flex-direction:column;gap:5px}.staff-ticket-detail .ticket-heading>.text-button{align-self:flex-end}.staff-ticket-detail .ticket-message-header time{margin-inline-start:0}.ticket-historical-reference{padding:15px 16px}}