/* 1.22.0: Internal Care evidence, responsive disclosures and readable reasons. */
body[data-page="ticket"] .page-header{flex-wrap:wrap}
body[data-page="ticket"] .page-actions{flex-wrap:wrap;max-width:100%;min-width:0}
.care-evidence,.care-evidence *{min-width:0;overflow-wrap:anywhere}
.care-evidence .panel-header{gap:12px;flex-wrap:wrap}
.care-evidence-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}
.care-evidence-summary h3{font-size:16px;margin:8px 0}
.care-evidence-summary p{line-height:1.65;white-space:pre-line}
.care-evidence-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.care-evidence-counts>div{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}
.care-evidence-counts b{font-size:24px}.care-evidence-counts span{font-size:13px}
.care-evidence-disclosure{border-top:1px solid var(--line);margin-top:14px;padding-top:4px}
.care-evidence-disclosure>summary{cursor:pointer;min-height:44px;padding:12px 4px;font-weight:600}
.care-evidence-disclosure>summary:focus-visible{outline:3px solid var(--care-focus);outline-offset:2px}
.care-evidence-timeline{list-style:none;padding:0;margin:12px 0}
.care-evidence-timeline>li{border-left:3px solid var(--care-control);padding:0 0 18px 14px;margin-left:3px;content-visibility:auto;contain-intrinsic-size:auto 150px;overflow-wrap:anywhere}
.care-evidence-event-head{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.care-evidence-event-head time{font-size:12px;color:var(--muted)}
.care-evidence-timeline p{margin:5px 0;line-height:1.6}.care-evidence-timeline small{color:var(--muted)}
@media(max-width:720px){.care-evidence-summary{grid-template-columns:1fr;gap:8px}.care-evidence-counts{gap:6px}.care-evidence-counts>div{padding:8px}.care-evidence-counts span{font-size:12px}}
@media(max-width:360px){.care-evidence-counts{grid-template-columns:1fr}}
/* 1.20.0: UI UX Pro Max accessibility, contrast and responsive normalization */
:root{
  --red:#c8102e;--red-dark:#991b2d;--navy:#111c35;--ink:#172033;--muted:#59677a;
  --line:#cbd5e1;--border:#cbd5e1;--bg:#f5f7fb;--white:#fff;--blue:#1d4ed8;
  --green:#047857;--orange:#92400e;--purple:#6d28d9;--primary:#1d4ed8;
  --care-surface:#fff;--care-surface-soft:#f0f4f8;--care-control:#8794a6;
  --care-focus:#315ea8;--care-danger:#b4232f;--care-on-primary:#fff;
  --shadow:0 12px 32px rgba(15,31,55,.1);--care-shadow:var(--shadow);
  /* Shared aliases used by the Zalo, recipient, OA and AI screens. */
  --surface:var(--care-surface);--surface-alt:var(--care-surface-soft);--text:var(--ink);--text-muted:var(--muted)
}
html[data-care-theme="dark"]{
  --ink:#edf3fb;--muted:#b6c4d8;--line:#5f718c;--border:#5f718c;--bg:#0e1726;
  --white:#142238;--navy:#081222;--blue:#b9d2ff;--green:#9ee6c8;--orange:#ffd792;
  --purple:#dacaff;--primary:#b9d2ff;--care-surface:#142238;--care-surface-soft:#1b2a40;
  --care-control:#8ea0ba;--care-focus:#9bbcff;--care-danger:#ffb2bc;--care-on-primary:#fff;
  --shadow:0 16px 40px rgba(0,0,0,.32);--care-shadow:var(--shadow);color-scheme:dark
}
html{scroll-padding-top:94px}
body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
button,input,select,textarea{color:var(--ink)}
button,a,input,select,textarea,summary{touch-action:manipulation}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}
input,select,textarea{min-height:44px;border-color:var(--care-control);background:var(--care-surface);color:var(--ink)}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;min-height:20px;flex:none;accent-color:var(--red)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--care-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--care-focus) 24%,transparent)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--care-focus);outline-offset:3px}
.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 14px;border-radius:10px;background:var(--care-surface);color:var(--ink);font-weight:800;box-shadow:var(--care-shadow);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.brand-logo{display:block;width:48px;height:42px;object-fit:contain;padding:4px;border-radius:12px;background:#fff;flex:none}
.brand-logo.large{width:55px;height:48px;border-radius:14px}
.btn{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
.btn:hover{transform:none}.btn-primary{background:var(--red);color:var(--care-on-primary);box-shadow:0 8px 20px rgba(153,27,45,.2)}
.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:var(--care-surface-soft);color:var(--ink);border-color:var(--line)}
.btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-ghost{background:var(--care-surface);color:var(--ink);border-color:var(--line)}
.btn-danger{background:#b4232f;color:#fff}.btn-warning{background:#985c00;color:#fff}.btn-success{background:#047857;color:#fff}.btn-sm{min-height:40px;font-size:13px}
.icon-button,.menu-button,.notification-button,.sidebar-close,.toast-alert button,.modal-card>header>button,.task-dock-expand,.task-dock-panel header button,.eye-btn,.float-nav a,.float-nav button{min-width:44px;min-height:44px}
label{font-size:13px;color:var(--muted)}small{font-size:12px;color:var(--muted)}.eyebrow{font-size:12px;line-height:1.35}
.topbar-kicker{font-size:12px}.topbar-left b{font-size:14px}.nav-item{min-height:44px;font-size:13px}.nav-item em{font-size:12px;padding:3px 8px}
.sidebar-brand b{font-size:14px}.sidebar-brand span{font-size:11px}.user-mini b{font-size:13px}.user-mini span:not(.avatar){font-size:12px}
.topbar-user b{font-size:12px}.topbar-user span:not(.avatar){font-size:12px}.page-header p,.alert{font-size:13px}.panel-header a{font-size:12px}
.metric-card span,.focus-list div,.member-head b,.member-head span:not(.avatar),.member-stats span,.member-stats b{font-size:12px}.metric-card small,.big-ring span{font-size:11px}
.data-table th{font-size:11px;color:var(--muted);background:var(--care-surface-soft)}.data-table td,.data-table b{font-size:13px}.data-table td{border-color:var(--line)}
.type-tag,.priority-tag,.status-tag,.sla-pill{font-size:12px;padding:5px 9px}.status-tag.large{font-size:13px}.pagination span,.pagination a,.list-toolbar span{font-size:12px}
.pagination a{width:40px;height:40px}.row-action{width:40px;height:40px}
.tip-box p,.tip-box b,.empty-state p,.upload-card>p,.sla-rules b,.task-dock-items b,.task-dock-items small,.tracking-copy-inline,.handler-chip,.handler-chip small,.compact-disclosure>summary span small,.compact-disclosure>summary span b,.compact-disclosure>summary em,.danger-zone p,.mapping-grid label>span,.auto-handler-note small,.auto-handler-note b,.auto-handler-note span,.shop-message-alert b,.shop-message-alert span,.shop-message-alert small,.daily-duty-option b,.daily-duty-option small,.live-worker-list small,.suggestion-chips button,.ticket-create-disclosure>summary,.workflow-terminal-warning,.workflow-sla-guide,.workflow-sla-strip,.sla-closed-notice small,.partner-complaint-choice legend,.partner-complaint-choice label,.workflow-sla-overview span,.queue-sla-note,.desktop-notification-button,.countdown-clock,.ticket-schedule-status small,.ticket-schedule-status b,.ticket-schedule-status em,.advanced-filter-disclosure>summary,.advanced-filter-disclosure>summary em,.advanced-filter-grid>label,.date-filter-group legend,.date-filter-group label,.date-filter-group input,.searchable-select-menu button,.searchable-select-empty{font-size:12px}
.login-security p{font-size:12px}.brand-lockup span,.visual-stats span{font-size:12px}.daily-duty-chip,.quick-create{min-height:44px;font-size:13px}.desktop-notification-button{min-width:44px;min-height:44px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--care-surface);color:var(--ink);font-weight:750;font-size:12px}
.theme-icon-dark{display:none}html[data-care-theme="dark"] .theme-icon-light{display:none}html[data-care-theme="dark"] .theme-icon-dark{display:block}
.login-theme-toggle{position:absolute;right:22px;top:20px;z-index:5}.login-panel{position:relative;background:linear-gradient(140deg,var(--care-surface),var(--bg))}.login-page{background:var(--care-surface)}
.login-form-wrap h2{color:var(--ink)}.login-security b{color:var(--ink)}.login-form .input-icon>span{display:grid;place-items:center;color:var(--muted)}
.login-form .input-icon>span .ui-icon{width:19px;height:19px}.eye-btn{top:3px;right:3px;height:42px;padding:0 12px;background:var(--care-surface-soft);color:var(--ink);font-size:12px}
.login-form .input-icon input{height:50px;border-color:var(--care-control)}.login-visual{background:radial-gradient(circle at 24% 18%,#4a1728 0,#151d34 43%,#081222 100%)}
.visual-stats span,.brand-lockup span{color:#b7c4d7}.hero-copy p{color:#c5cfdd}
.panel,.metric-card,.member-card,.modal-card,.task-dock-panel,.quick-notification,.filter-panel,.user-card,.role-card,.template-card,.notice-card,.feedback-card,.duty-card,.action-card,.stage-item,.kpi-rule-cards article,.mapping-grid label,.assignee-check-grid label,.searchable-select-menu,.searchable-select-menu button,.date-filter-group,.ticket-create-disclosure,.compact-disclosure,.next-ticket-preview,.ticket-schedule-status,.workflow-sla-overview>div,.live-worker-list>div,.danger-zone{background:var(--care-surface);color:var(--ink);border-color:var(--line)}
.message-source,.timeline-dot,.timeline-item p,.summary-strip>div,.bulk-toolbar,.money-target>div,.template-card pre,.variable-chips button,.segmented a.active,.announcement>span,.public-header,.public-status,.public-card,.public-empty,.shift-empty,.role-check-grid label,.plan-list>div,.coverage-rules>div,.complaint-money>div,.paste-zone,.rating-picker label>span,.rating-picker label>small,.stage-item.active,.order-strip-more,.row-edit .compact-form,.confirm-choice,.update-confirm-summary article{background:var(--care-surface);color:var(--ink);border-color:var(--line)}
.panel,.metric-card{box-shadow:0 2px 12px rgba(15,31,55,.055)}.topbar{background:color-mix(in srgb,var(--care-surface) 94%,transparent);border-color:var(--line)}
.menu-button,.notification-button,.icon-button,.modal-card>header>button{background:var(--care-surface-soft);color:var(--ink);border-color:var(--line)}
.quick-create{background:var(--navy);color:#fff}.sidebar{background:#0d172b}.sidebar-brand{height:78px}.sidebar-close{color:#fff;background:rgba(255,255,255,.08)}
.alert.danger{background:#fff0f1;color:#8f1220;border-color:#e8a7ae}.alert.success{background:#e7f8f0;color:#075b3d;border-color:#8cd0b1}.alert.warning{background:#fff4d8;color:#754300;border:1px solid #e5bd6c}.alert.info{background:#eaf2ff;color:#173f88;border:1px solid #a9c5f2}
.type-tag,.status-tag.new,.status-tag.submitted,.priority-tag.normal,.status-tag.closed,.status-tag.paid{background:#eaf2ff;color:#173f88}
.type-tag.type-shop_issue,.priority-tag.urgent,.status-tag.cancelled,.status-tag.rejected,.status-tag.inactive,.sla-pill.danger{background:#fff0f1;color:#8f1220}
.type-tag.type-return_request,.priority-tag.high,.status-tag.processing,.status-tag.waiting_partner,.status-tag.waiting_shop,.sla-pill.warning{background:#fff4d8;color:#754300}
.type-tag.type-aging,.status-tag.assigned,.status-tag.reviewed{background:#f3efff;color:#5422a0}.type-tag.type-complaint{background:#e8f5ff;color:#075d8a}
.type-tag.type-compensation,.status-tag.resolved,.status-tag.approved,.status-tag.active,.sla-pill.ok,.sla-pill.completed{background:#e7f8f0;color:#075b3d}.priority-tag.low{background:#edf1f5;color:#445267}
html[data-care-theme="dark"] .login-page,html[data-care-theme="dark"] .app-body{background:var(--bg)}html[data-care-theme="dark"] .avatar{background:#253652;color:#edf3fb}
html[data-care-theme="dark"] .eyebrow,html[data-care-theme="dark"] .required,html[data-care-theme="dark"] .text-danger{color:#ffb2bc!important}
html[data-care-theme="dark"] :where(small,.muted,label,.helper,.page-header p,.panel-header small,.member-head span:not(.avatar),.member-stats span,.announcement p,.timeline-item small,.summary-strip span,.summary-strip small,.task-dock-items small,.task-dock-target span,.task-dock-target small,.ticket-schedule-status small,.ticket-schedule-status em,.auto-handler-note small,.auto-handler-note span,.live-worker-list small){color:var(--muted)}
html[data-care-theme="dark"] .data-table tbody tr:hover{background:#1b2a40}
html[data-care-theme="dark"] .ticket-id a,html[data-care-theme="dark"] .member-stats b,html[data-care-theme="dark"] .compact-disclosure>summary span b,html[data-care-theme="dark"] .ticket-create-disclosure>summary,html[data-care-theme="dark"] .ticket-schedule-status b,html[data-care-theme="dark"] .tracking-copy-inline{color:var(--ink)}
html[data-care-theme="dark"] .progress,html[data-care-theme="dark"] .mini-ring,html[data-care-theme="dark"] .bar,html[data-care-theme="dark"] .task-dock-items i{background:#263650}html[data-care-theme="dark"] .mini-ring:after{background:var(--care-surface)}
html[data-care-theme="dark"] .searchable-select-menu button:hover,html[data-care-theme="dark"] .searchable-select-menu button.is-active{background:#263650;color:#dbe8ff}
html[data-care-theme="dark"] .tip-box{background:#30291c;border-color:#7a6540;color:#ffe2ad}html[data-care-theme="dark"] .tip-box p{color:#ffe2ad}
html[data-care-theme="dark"] .alert.danger{background:#391d28;color:#ffc5cc;border-color:#9d5360}html[data-care-theme="dark"] .alert.success{background:#15352e;color:#b7f2d9;border-color:#397d68}
html[data-care-theme="dark"] .alert.warning{background:#382d19;color:#ffe0a3;border-color:#856a35}html[data-care-theme="dark"] .alert.info{background:#192e4b;color:#c9ddff;border-color:#476c9f}
html[data-care-theme="dark"] .type-tag,html[data-care-theme="dark"] .status-tag.new,html[data-care-theme="dark"] .status-tag.submitted,html[data-care-theme="dark"] .priority-tag.normal,html[data-care-theme="dark"] .status-tag.closed,html[data-care-theme="dark"] .status-tag.paid{background:#1d3962;color:#d2e3ff}
html[data-care-theme="dark"] .type-tag.type-shop_issue,html[data-care-theme="dark"] .priority-tag.urgent,html[data-care-theme="dark"] .status-tag.cancelled,html[data-care-theme="dark"] .status-tag.rejected,html[data-care-theme="dark"] .status-tag.inactive,html[data-care-theme="dark"] .sla-pill.danger{background:#49212c;color:#ffc5cc}
html[data-care-theme="dark"] .type-tag.type-return_request,html[data-care-theme="dark"] .priority-tag.high,html[data-care-theme="dark"] .status-tag.processing,html[data-care-theme="dark"] .status-tag.waiting_partner,html[data-care-theme="dark"] .status-tag.waiting_shop,html[data-care-theme="dark"] .sla-pill.warning{background:#49361d;color:#ffe0a3}
html[data-care-theme="dark"] .type-tag.type-aging,html[data-care-theme="dark"] .status-tag.assigned,html[data-care-theme="dark"] .status-tag.reviewed{background:#38285e;color:#e4d8ff}
html[data-care-theme="dark"] .type-tag.type-complaint{background:#153d50;color:#c9efff}
html[data-care-theme="dark"] .type-tag.type-compensation,html[data-care-theme="dark"] .status-tag.resolved,html[data-care-theme="dark"] .status-tag.approved,html[data-care-theme="dark"] .status-tag.active,html[data-care-theme="dark"] .sla-pill.ok,html[data-care-theme="dark"] .sla-pill.completed{background:#153d32;color:#b7f2d9}
html[data-care-theme="dark"] .priority-tag.low{background:#2b3648;color:#d2dbea}
html[data-care-theme="dark"] .workflow-sla-guide,html[data-care-theme="dark"] .workflow-sla-strip,html[data-care-theme="dark"] .auto-handler-note,html[data-care-theme="dark"] .next-ticket-preview{background:#192e4b;color:#c9ddff;border-color:#476c9f}
html[data-care-theme="dark"] .workflow-terminal-warning,html[data-care-theme="dark"] .quick-notification.danger,html[data-care-theme="dark"] .quick-notification.urgent{background:#391d28;color:#ffc5cc;border-color:#9d5360}
html[data-care-theme="dark"] .sla-closed-notice,html[data-care-theme="dark"] .message-sent-choice{background:#15352e;color:#b7f2d9;border-color:#397d68}html[data-care-theme="dark"] .shop-message-alert,html[data-care-theme="dark"] .queue-sla-note{background:#382d19;color:#ffe0a3;border-color:#856a35}
.task-dock-main,.task-dock-expand,.task-dock-panel header button{color:inherit}.task-dock-main{min-height:44px}.task-dock-main b{font-size:13px}.task-dock-main small,.task-dock-stat span,.task-dock-target>span,.task-dock-target>small{font-size:12px}
.task-dock-panel{max-height:min(70dvh,680px)}.task-dock-panel header button{display:grid;place-items:center}.task-dock-items a{min-height:52px}.float-nav .ui-icon{width:20px;height:20px}
@media(max-width:1050px){.theme-toggle [data-theme-label]{display:none}.topbar-theme-toggle{width:44px;padding:0}}
@media(max-width:900px){.sidebar{width:min(310px,88vw);padding-bottom:env(safe-area-inset-bottom)}.sidebar-brand{padding-top:env(safe-area-inset-top)}.topbar{height:auto;min-height:70px;padding:10px 14px}.content-wrap{padding:18px 16px}.page-header{align-items:flex-start}.task-dock{left:12px;right:12px}}
@media(max-width:760px){
  body{font-size:15px}.content-wrap{padding:14px 12px}.page-header{margin-bottom:16px;flex-direction:column}.page-header h1{font-size:24px}.page-actions{width:100%;overflow:auto;padding:2px 0 5px}.page-actions .btn{flex:0 0 auto}
  .panel{padding:15px;border-radius:14px;margin-bottom:14px}.panel-header{align-items:flex-start}.metric-grid,.summary-strip,.feedback-metrics{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}
  .filter-form,.list-toolbar,.bulk-toolbar,.form-actions{align-items:stretch;flex-direction:column}.filter-form select,.search-wide{width:100%;min-width:0}.table-wrap{overflow:visible}.responsive-table{display:block;min-width:0;width:100%}
  .responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-table tbody{display:grid;gap:12px}
  .responsive-table tr{display:block;padding:4px 0;border:1px solid var(--line);border-radius:13px;background:var(--care-surface);box-shadow:0 3px 10px rgba(15,31,55,.055);overflow:hidden}
  .responsive-table td{display:grid;grid-template-columns:minmax(108px,.38fr) minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;text-align:left!important;overflow-wrap:anywhere}
  .responsive-table td:last-child{border-bottom:0}.responsive-table td::before{content:attr(data-label);font-weight:800;color:var(--muted);font-size:12px;line-height:1.45;text-transform:none}.responsive-table td[data-label=""]{display:flex;justify-content:flex-end}.responsive-table td[data-label=""]::before{display:none}
  .responsive-table td .admin-record-actions,.responsive-table td .inline-actions{flex-wrap:wrap;justify-content:flex-start}.shift-calendar .table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.shift-calendar .data-table{min-width:840px}
  .modal{padding:12px}.modal-card{max-height:calc(100dvh - 24px);border-radius:14px;padding:16px}.task-dock-panel{position:fixed;left:8px;right:8px;bottom:76px;width:auto;max-height:calc(100dvh - 104px)}
}
@media(max-width:640px){
  input,select,textarea,button{font-size:16px}.btn,.quick-create,.theme-toggle,.daily-duty-chip{font-size:14px}.topbar-left .topbar-kicker{display:none}.topbar-actions{gap:7px}.topbar-user{display:none}.quick-create{width:44px;padding:0}.quick-create span{display:none}
  .daily-duty-chip{display:none}.desktop-notification-button{display:none}.login-panel{padding:88px 22px 36px;align-items:start}.login-theme-toggle{right:16px;top:16px}.login-theme-toggle [data-theme-label]{display:inline}.mobile-logo{margin-bottom:24px}
  .login-form-wrap h2{font-size:29px}.login-form-wrap>p{margin-bottom:22px}.visual-stats{grid-template-columns:1fr}.metric-grid,.summary-strip,.feedback-metrics,.workflow-sla-overview{grid-template-columns:1fr}
  .metric-card{min-height:104px}.metric-card b{font-size:24px}.date-filter-group{grid-template-columns:1fr}.task-dock{bottom:max(8px,env(safe-area-inset-bottom));padding:7px 9px}.task-dock-target{display:none}.task-dock-panel{bottom:calc(76px + env(safe-area-inset-bottom))}.float-nav{right:8px}
}
@media(max-height:560px) and (orientation:landscape){.login-panel{min-height:100dvh;overflow:auto;place-items:start center;padding:70px 28px 24px}.login-theme-toggle{top:12px}.modal-card{max-height:calc(100dvh - 18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Request feedback remains visible on every form, including login and AJAX. */
button.is-loading{cursor:wait}
.btn.is-loading::before,button.is-loading::before{content:"";display:inline-block;flex:0 0 auto;width:1em;height:1em;margin-inline-end:.45em;vertical-align:-.12em;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:careBusySpin .8s linear infinite}
@keyframes careBusySpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button.is-loading::before{animation:none!important}}
.eye-btn{min-width:44px;min-height:44px;top:2px;right:2px;touch-action:manipulation}
.eye-btn:focus-visible{outline:2px solid var(--care-focus);outline-offset:2px}
.login-security p{color:var(--muted)}
html[data-care-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){background-color:var(--care-surface)!important;color:var(--ink)!important;border-color:var(--care-control)!important}
html[data-care-theme="dark"] :is(.rc pre,.am pre,.cz-list-item.selected,.cz-message.out,.rc .rc-tag,.am .am-tag,.cz-pill){background:var(--care-surface-soft);color:var(--ink)}
html[data-care-theme="dark"] .cz-warning{background:#382d19;color:#ffe0a3}
.quick-notification-stack{max-height:min(45vh,380px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:600px){.quick-notification-stack{max-height:32vh}}

/* 1.22.5: remembered multi-hub scope for head-office staff. */
.hub-scope-picker{position:relative;z-index:42}
.hub-scope-trigger{min-width:224px;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:6px 10px 6px 13px;border:1px solid var(--care-control);border-radius:11px;background:var(--care-surface);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 2px 8px rgba(15,31,55,.05)}
.hub-scope-trigger:hover{border-color:var(--care-focus);background:var(--care-surface-soft)}
.hub-scope-trigger-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.hub-scope-trigger-copy small{font-size:10px;line-height:1.2}.hub-scope-trigger-copy b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35}
.hub-scope-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#e7f8f0;color:#075b3d;font-size:11px;font-weight:900}
.hub-scope-trigger>.ui-icon{width:16px;height:16px;transition:transform .18s}.hub-scope-picker.is-open .hub-scope-trigger>.ui-icon{transform:rotate(180deg)}
.hub-scope-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--care-surface);color:var(--ink);box-shadow:0 22px 55px rgba(7,18,38,.24);overflow:hidden}
.hub-scope-popover[hidden]{display:none}.hub-scope-popover>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 13px;border-bottom:1px solid var(--line)}
.hub-scope-popover h2{margin:2px 0 3px;font-size:18px}.hub-scope-popover p{margin:0;color:var(--muted);font-size:12px}.hub-scope-close{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--care-surface-soft);color:var(--ink);cursor:pointer}
.hub-scope-search{display:block;padding:13px 16px 8px}.hub-scope-search input{width:100%;padding-inline:12px}
.hub-scope-tools{display:flex;align-items:center;gap:6px;padding:0 16px 8px}.hub-scope-tools button{min-height:36px;padding:6px 9px;border:0;border-radius:8px;background:var(--care-surface-soft);color:var(--ink);font-size:11px;font-weight:800;cursor:pointer}.hub-scope-tools span{margin-left:auto;color:var(--muted);font-size:11px}
.hub-scope-options{max-height:min(330px,48vh);overflow:auto;padding:2px 10px 10px;overscroll-behavior:contain;scrollbar-gutter:stable}
.hub-scope-option{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:54px;padding:8px 9px;border:1px solid transparent;border-radius:10px;color:var(--ink);cursor:pointer}.hub-scope-option:hover{background:var(--care-surface-soft)}.hub-scope-option:has(input:checked){border-color:#8bcdb4;background:#eaf8f2}.hub-scope-option input{margin:0}.hub-scope-option span{min-width:0;display:flex;flex-direction:column}.hub-scope-option b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.hub-scope-option small{font-size:11px}.hub-scope-option i{display:none;color:#047857;font-style:normal;font-weight:900}.hub-scope-option:has(input:checked) i{display:block}
.hub-scope-option[hidden]{display:none!important}
.hub-scope-popover>footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--care-surface-soft)}.hub-scope-popover>footer [role="alert"]{min-width:0;flex:1;color:var(--care-danger);font-size:11px;font-weight:750}.hub-scope-popover>footer .btn{white-space:nowrap}
.hub-scope-lock{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:190px;min-height:48px;padding:5px 12px 5px 8px;border:1px solid var(--line);border-radius:11px;background:var(--care-surface-soft);color:var(--ink)}.hub-scope-lock>.ui-icon{width:18px;height:18px;margin:auto;color:var(--muted)}.hub-scope-lock>span{min-width:0;display:flex;flex-direction:column}.hub-scope-lock small{font-size:10px;line-height:1.2}.hub-scope-lock b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.hub-scope-lock.active{border-color:#8bcdb4}
html[data-care-theme="dark"] .hub-scope-count{background:#153d32;color:#b7f2d9}html[data-care-theme="dark"] .hub-scope-option:has(input:checked){background:#153d32;border-color:#397d68}html[data-care-theme="dark"] .hub-scope-option:has(input:checked) i{color:#9ee6c8}
@media(max-width:1050px){.hub-scope-trigger{min-width:190px}.hub-scope-trigger-copy b{max-width:126px}}
@media(max-width:760px){.hub-scope-picker{position:static}.hub-scope-trigger{min-width:0;width:48px;padding:0;display:grid;place-items:center}.hub-scope-trigger-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hub-scope-trigger>.ui-icon{display:none}.hub-scope-count{min-width:27px;height:27px}.hub-scope-popover{position:fixed;z-index:80;top:74px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 86px)}.hub-scope-options{max-height:calc(100dvh - 330px)}.hub-scope-popover>footer{position:sticky;bottom:0}.hub-scope-lock{min-width:48px;width:48px;padding:0;display:grid;place-items:center}.hub-scope-lock>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}

/* 1.22.6: complete light/dark contrast pass and pre-ticket verification UI. */
html[data-care-theme="light"]{color-scheme:light}
:root{
  --care-link:#1d4f91;--care-info-surface:#eaf2ff;--care-info-text:#173f88;
  --care-warning-surface:#fff4d8;--care-warning-text:#754300;
  --care-success-surface:#e7f8f0;--care-success-text:#075b3d
}
html[data-care-theme="dark"]{
  --care-link:#c9ddff;--care-info-surface:#192e4b;--care-info-text:#c9ddff;
  --care-warning-surface:#382d19;--care-warning-text:#ffe0a3;
  --care-success-surface:#15352e;--care-success-text:#b7f2d9
}
a:not(.btn):not(.nav-item):not(.quick-create):not(.metric-card):not(.task-dock-stat){text-decoration-thickness:1px;text-underline-offset:3px}
.panel a:not(.btn),.data-table a,.row-edit summary,.tracking-copy em,.countdown-clock{color:var(--care-link)}
.verification-callout{display:grid;gap:4px;margin:0 0 14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--care-focus) 55%,var(--line));border-left-width:5px;border-radius:11px;background:var(--care-info-surface);color:var(--care-info-text)}
.verification-callout b{font-size:14px}.verification-callout span{font-size:12px;line-height:1.55}
.customer-link-required{border-color:color-mix(in srgb,var(--care-focus) 58%,var(--line))}.customer-link-required form{max-width:760px}
.source-review-detail,.source-review-queue{overflow-wrap:anywhere}.source-review-form{max-width:780px;margin-top:14px}
:where(.panel,.metric-card,.modal-card,.task-dock-panel,.ticket-schedule-status,.stage-item,.workflow-sla-overview>div) :where(h1,h2,h3,h4,legend,strong){color:var(--ink)}
:where(.panel,.metric-card,.modal-card,.task-dock-panel) :where(p,li,dd){line-height:1.6}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.72}
.data-table :where(th,td),.data-table :where(a,b,small){overflow-wrap:anywhere}
.data-table tbody tr:focus-within{outline:3px solid var(--care-focus);outline-offset:-3px}
html[data-care-theme="dark"] :where(
  .mapping-grid label,.assignee-check-grid label,.row-edit .compact-form,.daily-duty-option,
  .live-worker-list>div,.ticket-create-disclosure,.ticket-create-disclosure>summary,
  .date-filter-group,.searchable-select-menu,.searchable-select-menu button,
  .confirm-choice,.update-confirm-summary article,.partner-complaint-choice,
  .account-pool-grid article,.advanced-filter-disclosure,.customer-link-required
){background:var(--care-surface);color:var(--ink);border-color:var(--line)}
html[data-care-theme="dark"] :where(
  .form-section-title,.advanced-filter-disclosure>summary,.row-edit summary,.tracking-copy em,
  .next-ticket-preview small,.countdown-clock,.workflow-sla-overview b,.auto-handler-note b
){color:var(--care-link)}
html[data-care-theme="dark"] :where(
  .handler-chip,.daily-duty-chip,.desktop-notification-button,.suggestion-chips button,
  .advanced-filter-disclosure>summary em,.searchable-select-empty
){background:var(--care-surface-soft);color:var(--muted);border-color:var(--line)}
html[data-care-theme="dark"] :where(.danger-zone p,.workflow-terminal-warning){color:#ffc5cc}
html[data-care-theme="dark"] :where(.message-sent-choice,.sla-closed-notice){color:var(--care-success-text)}
html[data-care-theme="dark"] :where(.queue-sla-note,.shop-message-alert){color:var(--care-warning-text)}
@media(max-width:760px){.source-review-detail .btn,.customer-link-required .btn{width:100%}}
@media(max-width:760px){
  .source-review-detail,.source-review-queue{min-width:0;max-width:100%}
  .source-review-queue .table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .source-review-queue .data-table{min-width:680px}
}

/* 1.22.14: paired semantic surfaces; no light-only fills on dark content. */
:root{
  --care-danger-surface:#fff0f1;--care-danger-text:#8f1220;--care-danger-line:#d98d97;
  --care-row-danger:#fff7f8;--care-selected:#eaf2ff;
  --care-purple-surface:#f0edff;--care-purple-text:#5941b6;
  --care-tab-active-bg:#173f70;--care-tab-active-text:#fff
}
html[data-care-theme="dark"]{
  --care-danger-surface:#391d28;--care-danger-text:#ffc5cc;--care-danger-line:#9d5360;
  --care-row-danger:#211e2b;--care-selected:#243b59;
  --care-purple-surface:#38285e;--care-purple-text:#e4d8ff;
  --care-tab-active-bg:#b9d2ff;--care-tab-active-text:#102541
}
.summary-metrics>div{background:var(--care-info-surface);color:var(--care-info-text);border:1px solid var(--line)}
.summary-metrics>div.danger{background:var(--care-danger-surface);color:var(--care-danger-text)}
.summary-metrics>div.warning{background:var(--care-warning-surface);color:var(--care-warning-text)}
.summary-metrics>div.special{background:var(--care-success-surface);color:var(--care-success-text)}
.summary-metrics>div :is(span,b){color:inherit;font-size:12px}.summary-metrics>div b{font-size:24px}
.summary-metrics .special b{color:var(--care-success-text)}
.overdue-alert,.duplicate-summary{background:var(--care-danger-surface);color:var(--care-danger-text);border-color:var(--care-danger-line)}
.overdue-alert :is(p,b,strong,small),.duplicate-summary :is(p,b,strong,small){color:inherit;font-size:12px}
.ticket-table tr.sla-breached,.data-table tr.sla-breached{background:var(--care-row-danger);color:var(--ink)}
.data-table tbody tr:hover{background:var(--care-surface-soft)}
.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--care-surface-soft);color:var(--ink)}
.segmented a{min-height:40px;padding:10px 12px;border-radius:7px;font-size:12px;color:var(--muted)}
.segmented a.active{background:var(--care-tab-active-bg);color:var(--care-tab-active-text)}
.segmented a:hover{background:var(--care-selected);color:var(--ink)}
.segmented a.active:hover{background:var(--care-tab-active-bg);color:var(--care-tab-active-text)}
.modal-card>header>button,.quick-notification-close,.notification-snooze,.row-action,.stage-number{background:var(--care-surface-soft);color:var(--ink)}
.announcement,.summary-strip>div,.complaint-money>div,.timeline-item p,.message-source,.permission-lock,.coverage-rules>div,.workflow-sla-overview>div,.paste-zone{background:var(--care-surface-soft);color:var(--ink);border-color:var(--line)}
.announcement :is(b,p),.permission-lock b,.coverage-rules b,.parser-result b{color:var(--ink)}
.announcement p,.parser-result span,.permission-lock small,.ticket-title-row p,.handover-panel p{color:var(--muted)}
.announcement.danger{background:var(--care-danger-surface);color:var(--care-danger-text)}
.announcement.danger :is(b,p){color:inherit}
.announcement>span,.timeline-dot{background:var(--care-surface)}
.metric-card:after{background:var(--care-surface-soft)}
.metric-icon,.capability-score,.field-with-action button,.quick-notification-icon{background:var(--care-info-surface);color:var(--care-info-text)}
.metric-card.danger .metric-icon{background:var(--care-danger-surface);color:var(--care-danger-text)}
.metric-card.warning .metric-icon{background:var(--care-warning-surface);color:var(--care-warning-text)}
.metric-card.success .metric-icon{background:var(--care-success-surface);color:var(--care-success-text)}
.required-guide,.special-watch-tag{background:var(--care-warning-surface);color:var(--care-warning-text);border-color:var(--care-control)}
.required-guide :is(b,small){color:inherit;font-size:12px}
.special-goods-choice,.special-goods-tag,.remember-note,.gmf-ready,.admin-response{background:var(--care-success-surface);color:var(--care-success-text);border-color:var(--care-control)}
.remember-note button{color:inherit}.special-goods-choice :is(b,small){color:inherit}
.handover-tag,.stage-current-badge,.stage-item.active,.handover-panel{background:var(--care-purple-surface);color:var(--care-purple-text);border-color:var(--care-control)}
.handover-priority{color:var(--care-purple-text)}
.status-tag.proposed,.status-tag.data_review{background:var(--care-info-surface);color:var(--care-info-text)}
.status-tag.sent,.status-tag.reviewing,.status-tag.monitoring{background:var(--care-warning-surface);color:var(--care-warning-text)}
.status-tag.successful{background:var(--care-success-surface);color:var(--care-success-text)}
.status-tag.failed,.complaint-mini-tag{background:var(--care-danger-surface);color:var(--care-danger-text)}
.quick-notification>header b{color:var(--ink)}.quick-notification>header small,.quick-notification>p{color:var(--muted)}
.quick-notification>footer>a{color:var(--care-link)}
.quick-notification:is(.danger,.urgent)>header b,.quick-notification:is(.danger,.urgent)>p{color:var(--care-danger-text)}
html[data-care-theme="dark"] :is(.field-error,.stage-breach){color:var(--care-danger-text)!important}
html[data-care-theme="dark"] .locked-field select:disabled{background:var(--care-surface-soft);color:var(--muted)}
html[data-care-theme="dark"] .field-lock-note{color:var(--care-purple-text)!important}
.countdown-clock.is-overdue{color:var(--care-danger-text)!important}
.date-filter-group legend{color:var(--ink)}
.date-filter-group label,.advanced-filter-grid>label,.search-wide>span{color:var(--muted)}
.advanced-filter-disclosure>summary em{background:var(--care-surface-soft);color:var(--muted)}
.daily-duty-chip.active,.desktop-notification-button.enabled{background:var(--care-success-surface);color:var(--care-success-text);border-color:var(--care-control)}
.desktop-notification-button.blocked{background:var(--care-danger-surface);color:var(--care-danger-text);border-color:var(--care-danger-line)}
.topbar-kicker{color:var(--muted)}
.quick-notification:is(.persistent,.visible){background:var(--care-surface);color:var(--ink);border-color:var(--line)}
.quick-notification:is(.danger,.urgent){background:var(--care-danger-surface);color:var(--care-danger-text);border-color:var(--care-danger-line)}
.quick-notification:is(.warning,.high){background:var(--care-warning-surface);color:var(--care-warning-text)}
.quick-notification.success{background:var(--care-success-surface);color:var(--care-success-text)}
.quick-notification:is(.warning,.high) .quick-notification-icon{background:var(--care-warning-surface);color:var(--care-warning-text)}
.quick-notification:is(.danger,.urgent) .quick-notification-icon{background:var(--care-danger-surface);color:var(--care-danger-text)}
.quick-notification.success .quick-notification-icon{background:var(--care-success-surface);color:var(--care-success-text)}
@media(max-width:760px){.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented a{flex:1 1 auto;text-align:center}}
