/* Composition only; surfaces, capsules and colors belong to the MARPS system. */
.support-analytics { container:support-analytics / inline-size; min-width:0; margin-bottom:20px; }
.support-analytics[hidden] { display:none !important; }
.support-analytics [data-support-result] { display:grid; gap:20px; }
.support-analytics [hidden] { display:none !important; }
.support-toolbar { margin-bottom:20px; }
.support-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.support-head h2 { margin:0; font:650 17px/1.4 var(--ds-font); letter-spacing:-.02em; }
.support-head .btn,.support-pagination .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; }
.support-toolbar .support-head { padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--ds-line); }
.support-toolbar .support-head .btn { min-height:44px; font:500 14px/1.4 var(--ds-font); }
.support-filters { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.support-kinds,.support-tabs { display:flex; gap:4px; width:max-content; max-width:100%; }
.support-kinds button,.support-tabs button { min-height:36px; padding:8px 16px; border:0; font:500 14px/1.4 var(--ds-font); color:var(--ds-ink-secondary); background:transparent; cursor:pointer; white-space:nowrap; }
.ui-language .app #supportAnalytics .support-kinds { gap:0; padding:4px; }
.ui-language .app #supportAnalytics .support-kinds button { height:44px; min-height:44px; padding:0 16px; }
.support-filter-fields { display:flex; align-items:center; gap:12px; }
.support-filter-field { width:168px; min-width:0; }
.support-operator-filter { width:220px; }
.support-filter-field .ds-select,.support-filter-field .ds-select-trigger { width:100%; }
.support-filter-field :is(.filter-select,.ds-select-trigger) { height:52px; min-height:52px; padding:0 16px; font:500 14px/1.4 var(--ds-font); }
.support-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.support-metric { min-width:0; padding:0 24px; border-left:1px solid var(--ds-line); }
.support-metric:first-child { padding-left:0; border:0; }
.support-metric:last-child { padding-right:0; }
.support-metric h3 { margin:0 0 16px; font:500 14px/1.5 var(--ds-font); }
.support-value { font:700 40px/1.2 var(--ds-font); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.support-metric-lead .support-value { color:var(--ds-accent-strong); }
.support-metric p { margin:12px 0 8px; color:var(--ds-ink-secondary); font:400 13px/1.5 var(--ds-font); }
.support-metric-detail { color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); }
.support-metric-detail span { margin-inline:4px; }
.support-status-line { display:flex; flex-wrap:wrap; gap:8px 24px; padding-block:20px; margin-top:20px; border-block:1px solid var(--ds-line); color:var(--ds-ink-secondary); font:400 13px/1.5 var(--ds-font); }
.support-status-line strong { margin-left:6px; font-weight:600; color:var(--ds-ink); }
.support-warning,.support-status-line .support-warning { color:var(--ds-amber); }
.support-success { color:var(--ds-green); }
.support-muted { color:var(--ds-ink-secondary); }
.support-method { margin-top:8px; }
.support-method summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; list-style:none; color:var(--ds-ink-secondary); font:500 13px/1.5 var(--ds-font); cursor:pointer; }
.support-method summary::-webkit-details-marker { display:none; }
.support-method summary svg { transition:transform 160ms ease; }
.support-method[open] summary svg { transform:rotate(180deg); }
.support-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:20px 0 24px; }
.support-stages h4 { margin:0 0 12px; font:500 14px/1.5 var(--ds-font); }
.support-stages strong { font:650 24px/1.3 var(--ds-font); }
.support-stages p,.support-stages small { display:block; margin:8px 0 0; color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); }
.support-method-copy { padding-top:4px; border-top:1px solid var(--ds-line); }
.support-method-copy p { max-width:80ch; font:400 13px/1.6 var(--ds-font); color:var(--ds-ink-secondary); margin:16px 0 0; }
.support-detail-head { margin-bottom:20px; }
.support-actions-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.support-action-filter { width:240px; }
.support-action-date { display:grid; gap:8px; min-width:0; font:400 13px/1.5 var(--ds-font); color:var(--ds-ink-secondary); }
.support-action-date input { box-sizing:border-box; min-width:0; min-height:44px; width:168px; max-width:100%; }
.support-table.support-actions-table { min-width:0; table-layout:fixed; }
.support-table.support-actions-table td:first-child { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.support-table.support-actions-table th { white-space:normal; }
.support-actions-table th:last-child,.support-actions-table td:last-child { width:35%; text-align:right; }
.support-actions-table tfoot { border-top:1px solid var(--ds-line); }
.support-sort { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-height:44px; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:inherit; cursor:pointer; }
.support-sort-label { min-width:0; overflow-wrap:anywhere; }
.support-sort svg { flex:none; }
.support-actions-table th[aria-sort="ascending"] .support-sort svg { transform:rotate(180deg); }
.support-actions-method { margin-top:20px; }
.support-table-scroll { max-width:100%; overflow:auto; }
.support-table { width:100%; min-width:860px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.support-table th { text-align:left; }
.support-table td { vertical-align:middle; }
.support-table td:first-child { min-width:180px; }
.support-table td strong { font-weight:550; }
.support-table td small,.support-table time span { display:block; margin-top:4px; color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); }
.support-table tbody tr:last-child td { border-bottom:0; }
.support-person { display:flex; align-items:center; gap:12px; min-width:0; }
.support-person strong { overflow-wrap:anywhere; }
.support-avatar { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:var(--ds-surface-subtle); color:var(--ds-ink-secondary); font:500 12px/1 var(--ds-font); }
.support-journal { table-layout:fixed; }
.support-journal th:first-child { width:29%; }
.support-journal th:last-child { width:64px; }
.support-analytics .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.support-journal td { overflow-wrap:anywhere; }
.support-journal td:not(:first-child) { font-size:13px; }
.support-excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:6px 0; color:var(--ds-ink-secondary); font:400 13px/1.5 var(--ds-font); }
.support-history-button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; }
.support-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:20px; margin-top:16px; border-top:1px solid var(--ds-line); color:var(--ds-ink-secondary); font:400 13px/1.5 var(--ds-font); }
.support-pagination>div { display:flex; gap:8px; }
.support-empty { padding:32px 0; }
.support-empty h3 { margin:0 0 8px; font:600 15px/1.4 var(--ds-font); }
.support-empty p { margin:0; max-width:65ch; color:var(--ds-ink-secondary); font:400 13px/1.6 var(--ds-font); }
.support-work { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-top:12px; margin-top:12px; border-top:1px solid var(--ds-line); font:400 13px/1.5 var(--ds-font); }
.support-owner { margin-right:auto; color:var(--ds-ink-secondary); overflow-wrap:anywhere; }
.support-work .btn { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:6px 12px; font-size:12px; }
.support-work-history { margin-left:0; }
/* Factory-only footer: ownership on the left, reply tools on the right.
   It occupies the whole reply grid, never an auto-placed header column. */
.rv-reply-footer { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 16px; width:100%; min-width:0; margin-top:12px; padding-top:12px; border-top:1px solid var(--ds-line); }
.rv-reply-footer .support-work { flex:1 1 340px; min-width:0; margin:0; padding:0; border:0; }
.rv-reply-footer .support-owner { flex:0 1 auto; margin:0 auto 0 0; }
.rv-reply-footer .support-work .btn { min-height:40px; font-size:13px; }
#page-reviews-mp .rv-reply-footer .rv-resp-actions,
#page-questions .rv-reply-footer .rv-resp-actions { flex:0 1 auto; width:auto; min-width:0; margin:0; padding:0; }
#page-reviews-mp .rv-reply-footer .rv-resp-btn:not(.restore),
#page-questions .rv-reply-footer .rv-resp-btn:has(svg) { width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; }
#page-questions .support-reply { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px 16px; }
#page-questions .support-reply .rv-card-reply-lbl { grid-column:1; grid-row:1; margin:0; }
#page-questions .support-reply .rv-reply-status { grid-column:2; grid-row:1; align-self:center; color:var(--t3); font-size:12px; }
#page-questions .support-reply .q-answer { display:contents; }
#page-questions .support-reply .rv-resp-text,
#page-questions .support-reply .q-answer-input,
#page-questions .support-reply .rv-ext-head,
#page-questions .support-reply .q-error,
#page-questions .support-reply .q-answer > p { grid-column:1 / -1; margin:0; min-width:0; }
.chat-composer-foot.rv-reply-footer { flex-direction:row; align-items:center; }
.chat-composer-foot.rv-reply-footer .chat-composer-actions { flex-direction:row; flex-wrap:wrap; justify-content:flex-end; }
.chat-composer-foot.rv-reply-footer .chat-primary-btn,
.chat-composer-foot.rv-reply-footer .chat-generate-btn { min-height:40px; }
@media(max-width:760px) {
 .rv-reply-footer { gap:12px; }
 .rv-reply-footer .support-work { flex-basis:100%; }
 .rv-reply-footer .support-owner { flex-basis:100%; }
 .rv-reply-footer .support-work .btn { min-height:44px; }
 #page-reviews-mp .rv-reply-footer .rv-resp-actions,
 #page-questions .rv-reply-footer .rv-resp-actions { margin-left:auto; flex-wrap:wrap; }
 .ui-language .app :is(#page-reviews-mp,#page-questions) .rv-reply-footer .rv-resp-actions { gap:8px; }
 .ui-language .app :is(#page-reviews-mp,#page-questions) .rv-reply-footer .rv-resp-tools { gap:0; padding:2px; }
 #page-reviews-mp .rv-reply-footer .rv-resp-btn:not(.restore),
 #page-questions .rv-reply-footer .rv-resp-btn:has(svg) { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; }
 #page-questions .support-reply .rv-reply-status { grid-column:1 / -1; grid-row:auto; }
 .chat-composer-foot.rv-reply-footer .chat-composer-actions { flex:1 1 100%; }
 .chat-composer-foot.rv-reply-footer .chat-primary-btn,
 .chat-composer-foot.rv-reply-footer .chat-generate-btn { min-height:44px; }
}
/* Support dialogs reuse the workspace material even outside .app. */
dialog.support-dialog { width:min(620px,calc(100vw - 32px)); color:var(--ds-ink); background:var(--ds-surface); border-color:var(--ds-line); font-family:var(--ds-font); }
.support-dialog .marps-dialog-form { padding:24px; }
.support-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.support-dialog-head h2 { margin:0; font:650 20px/1.4 var(--ds-font); letter-spacing:-.02em; }
.support-dialog .support-dialog-close { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; padding:0; }
.support-dialog .marps-dialog-message { color:var(--ds-ink-secondary); font:400 14px/1.6 var(--ds-font); }
.support-dialog .ds-select,.support-dialog .ds-select-trigger { width:100%; }
.support-dialog .ds-select-trigger { min-height:44px; padding:10px 16px; }
.support-dialog .marps-dialog-actions { padding-top:20px; border-top:1px solid var(--ds-line); gap:8px; }
.support-dialog .marps-dialog-actions .btn { min-height:40px; font:500 14px/1.4 var(--ds-font); }
.support-history-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; padding-block:20px; margin:0 0 24px; border-block:1px solid var(--ds-line); }
.support-history-facts dt { margin-bottom:6px; color:var(--ds-ink-secondary); font:400 12px/1.5 var(--ds-font); }
.support-history-facts dd { margin:0; font:500 13px/1.5 var(--ds-font); }
.support-history-list { list-style:none; padding:0; margin:0; max-height:45vh; overflow:auto; }
.support-history-list li { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; padding:0 0 24px 24px; border-left:1px solid var(--ds-line); margin-left:4px; }
.support-history-list li::before { content:''; position:absolute; left:-4px; top:6px; width:7px; height:7px; border-radius:50%; background:var(--ds-ink-tertiary); }
.support-history-list li:last-child { padding-bottom:0; border-left-color:transparent; }
.support-history-list li.support-event-success::before { background:var(--ds-green); }
.support-history-list li.support-event-warning::before { background:var(--ds-amber); }
.support-history-list strong { font:550 14px/1.5 var(--ds-font); }
.support-history-list time { color:var(--ds-ink-secondary); font:400 12px/1.6 var(--ds-font); font-variant-numeric:tabular-nums; }
.support-history-list p { grid-column:1/-1; margin:0; color:var(--ds-ink-secondary); font:400 13px/1.5 var(--ds-font); overflow-wrap:anywhere; }
@container support-analytics (max-width:760px) {
 .support-metric { padding-inline:16px; }
 .support-value { font-size:32px; }
 .support-filter-fields { width:100%; }
 .support-filter-field { width:168px; }.support-operator-filter { width:auto; flex:1; }
 .support-stages { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container support-analytics (max-width:500px) {
 .support-metrics { grid-template-columns:1fr; }
 .support-metric,.support-metric:first-child,.support-metric:last-child { padding:20px 0; border:0; border-top:1px solid var(--ds-line); }
 .support-metric:first-child { padding-top:0; border:0; }.support-metric:last-child { padding-bottom:0; }
 .support-metric h3 { margin-bottom:12px; }
 .support-detail-head { align-items:stretch; }.support-tabs { width:100%; flex-wrap:wrap; }.support-tabs button { padding-inline:12px; flex:1 0 auto; max-width:100%; white-space:normal; }
 .support-actions-filters .support-action-filter { width:100%; }
 .support-action-date { flex:1 1 120px; }.support-action-date input { width:100%; }
 .support-status-line { gap:12px 20px; }
}
@media(max-width:600px) {
 .support-head .btn,.support-kinds button,.support-tabs button,.support-work .btn,.support-history-button { min-height:44px; }
 .support-dialog .marps-dialog-form { padding:20px; }.support-history-list li { grid-template-columns:1fr; gap:4px; }.support-history-list time { grid-row:2; }
 .support-dialog .marps-dialog-actions .btn { flex:1; }
}
@media(prefers-reduced-motion:reduce) { .support-method summary svg { transition:none; } }