/* Canonical MARPS component language. References: reviews, settings tabs,
   approved Dashboard glass. Every exception is a named component role. */
:root{--ui-control-height:40px;--ui-page-gap:24px;--ui-panel-padding:24px;--ui-state-min:clamp(180px,28vh,260px)}
/* One header and one help location; descriptions live inside help. */
.ui-language .app .main-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;position:relative;z-index:45}
.ui-language .main-head .crumbs{min-width:0;flex-wrap:wrap;gap:12px}
.ui-language .main-head-right{grid-column:2;grid-row:1;gap:16px;align-self:center}
.ui-language .ui-page-caption{margin:0 0 12px;color:var(--ds-ink-secondary);font:500 var(--ds-text-body)/1.5 var(--ds-font);max-width:none}
.ui-language [data-ds-hint]{display:none!important}
.ui-language .main-head .ui-page-help{position:relative;flex:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.ui-page-help>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;list-style:none;white-space:nowrap;border:1px solid var(--ds-glass-edge);border-radius:var(--ds-radius-control);background:var(--ds-glass-bg-strong);box-shadow:var(--ds-shadow-card);color:var(--ds-accent-strong);font:600 var(--ds-text-ui)/1 var(--ds-font);cursor:pointer;transition:background var(--ds-duration-fast),box-shadow var(--ds-duration-fast)}
.ui-page-help>summary::-webkit-details-marker{display:none}
.ui-page-help>summary svg{width:18px;height:18px;flex:none}
.ui-page-help>summary:hover,.ui-page-help[open]>summary{background:var(--ds-surface)}
.ui-help-copy{position:absolute;right:0;top:calc(100% + 10px);width:380px;max-width:calc(100vw - 32px);padding:24px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-popover);z-index:130;max-height:60vh;overflow:auto;color:var(--ds-ink-secondary);font:400 var(--ds-text-body)/1.6 var(--ds-font)}
.ui-help-copy h2{margin:0 0 12px;color:var(--ds-ink);font:700 var(--ds-text-card)/1.3 var(--ds-font)}
.ui-help-copy p{margin:0 0 12px}.ui-help-copy p:last-child{margin-bottom:0}.ui-help-copy ul{padding-left:18px}.ui-help-copy li+li{margin-top:8px}
.ui-language .content>.filter-bar{min-height:0;margin:0 0 24px;justify-content:flex-end}
.ui-language .content>.filter-bar:has([style*="display: none"]):empty{display:none}
/* Section headings stay outside cards; cards own only their own labels. */
.ui-language .app :is(.set-section-h,.an-hero-title,.gp-hero-title,.ins-hero-title,.ins-config-title){font-family:var(--ds-font);font-size:var(--ds-text-section);font-weight:750;line-height:1.3;letter-spacing:-.02em;max-width:none}
.ui-language #page-an-insights .ins-step-pick .ins-hero-title{font-size:var(--ds-text-section)}
.ui-language .app :is(.an-hero,.gp-hero){margin-top:0;margin-bottom:24px}
.ui-language .app :is(.an-hero-left,.gp-hero-left){gap:12px}
.ui-language .app :is(.an-hero-pills,.gp-hero-pills){margin-bottom:10px}
.ui-language .app :is(.an-hero-pills,.gp-hero-pills)>:first-child{display:none}
.ui-language #page-questions .q-context>div{display:none}
.ui-language #page-questions .q-context{justify-content:flex-end;padding:0;margin:0 0 16px}
/* A queue is a workspace, so a completed queue is not another card. */
.app .ui-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center;background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--ds-ink-secondary);font:400 var(--ds-text-body)/1.5 var(--ds-font)}
.app .ui-state-page{min-height:var(--ui-state-min);padding:32px;margin:24px 0 0}
.app .ui-state-panel{min-height:144px;padding:24px;margin:0}
.app .ui-state h3{margin:0;color:var(--ds-ink);font:750 var(--ds-text-section)/1.3 var(--ds-font);letter-spacing:-.02em}
.app .ui-state-panel h3{font-size:var(--ds-text-card)}
.app .ui-state p{max-width:52ch;margin:0;color:var(--ds-ink-secondary)}
.app .ui-state .ui-state-icon{width:24px;height:24px;color:var(--ds-red)}
.app .ui-state button{margin-top:6px}
/* Read-only empty panels: same quiet surface treatment, with local scale. */
.ui-language .app :is(.dg-empty,.sig-empty2,.actions-empty,.cat-empty,.cat-scatter-empty,.cathealth-ins-empty,.gp-empty,.gp-pareto-empty,.wc-empty,.op-empty,.ins-empty,.prod-tbl-empty,.prod-reco-empty,.api-keys-empty,.team-empty,.fpick-empty,.src-empty,.bp-brand-empty,.ai-greet-empty,.ask-overview-empty,.chat-rule-empty){border:0;background:transparent;box-shadow:none;border-radius:0;color:var(--ds-ink-secondary);font:400 var(--ds-text-body)/1.6 var(--ds-font);text-align:center;padding:28px 24px}
/* Canonical action roles. Keep semantic red for destructive actions only. */
.app :is(.ui-button,.ins-btn,.q-btn,.chat-primary-btn,.chat-secondary-btn,.cmp-btn-primary,.drawer-btn,.ed-btn,.src-token-submit,.tpl-save-btn,.set-save-btn){font-family:var(--ds-font);font-size:var(--ds-text-ui);font-weight:600;line-height:1.3;border-radius:var(--ds-radius-control);min-height:var(--ui-control-height);transition:background var(--ds-duration-fast),box-shadow var(--ds-duration-fast),color var(--ds-duration-fast)}
.app .ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;cursor:pointer;border:1px solid var(--ds-line)}
.ui-language .app :is(.ui-button-primary,.ins-btn-primary,.q-btn-send,.chat-primary-btn,.cmp-btn-primary,.drawer-btn.primary,.ed-btn.primary,.src-token-submit,.tpl-save-btn,.set-save-btn,.bulk-btn.approve){background:var(--ds-accent);border-color:var(--ds-accent);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 8px rgba(74,36,134,.10)}
.ui-language .app :is(.ui-button-primary,.ins-btn-primary,.q-btn-send,.chat-primary-btn,.cmp-btn-primary,.drawer-btn.primary,.ed-btn.primary,.src-token-submit,.tpl-save-btn,.set-save-btn,.bulk-btn.approve):hover:not(:disabled){background:var(--ds-accent-strong);border-color:var(--ds-accent-strong)}
.ui-language .app :is(.ui-button,.ins-btn,.q-btn,.chat-primary-btn,.chat-secondary-btn,.cmp-btn-primary,.drawer-btn,.ed-btn,.src-token-submit,.tpl-save-btn,.set-save-btn):disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.ui-language .app :is(.ui-button-secondary,.ins-btn-ghost,.chat-secondary-btn,.q-btn:not(.q-btn-send):not(.q-btn-ai),.drawer-btn:not(.primary),.ed-btn:not(.primary)){color:var(--ds-ink-secondary);background:var(--ds-surface);border:1px solid var(--ds-line);box-shadow:0 1px 2px rgba(24,24,27,.025)}
.ui-language .app :is(.q-btn-ai,.chat-generate-btn,.bulk-btn.ai){background:var(--ds-accent-soft);color:var(--ds-accent-strong)}
/* Controls use the same line-icon family and optical sizing, not new artwork. */
.ui-language .app :is(.ui-button,.ins-btn,.q-btn,.chat-primary-btn,.chat-secondary-btn,.cmp-btn-primary,.drawer-btn,.ed-btn,.src-token-submit,.tpl-save-btn) svg{width:16px;height:16px;flex:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ui-language .app :is(.filter-filters-btn,.dr-cal-nav,.fpick-close,.src-add-close,.ins-back) svg{stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* One segmented-control family with a white selected surface. */
.ui-language .app :is(.aw-tabs,.set-tabs,.cat-tabs,.chat-filters,.ins-entity-tabs){gap:4px;padding:4px;border:1px solid var(--ds-glass-edge);border-radius:calc(var(--ds-radius-control) + 4px);background:var(--ds-glass-bg-strong);box-shadow:var(--ds-shadow-card)}
.ui-language .app :is(.aw-tabs button,.set-tab,.cat-tab,.chat-filter,.ins-entity-tab){font-family:var(--ds-font);font-size:var(--ds-text-ui);font-weight:600;border-radius:var(--ds-radius-control);min-height:40px;color:var(--ds-ink-secondary)}
.ui-language .app :is(.aw-tabs button[aria-selected="true"],.set-tab.on,.cat-tab.on,.chat-filter.on,.ins-entity-tab.on){background:var(--ds-surface);color:var(--ds-accent-strong);box-shadow:0 2px 6px rgba(44,31,69,.05),inset 0 -2px 0 rgba(var(--ds-accent-rgb),.5)}
/* Insights stays a working selection screen in the same product language. */
.ui-language #page-an-insights .ins-step-pick{padding:0 0 40px}
.ui-language #page-an-insights .ins-hero{margin:0 0 16px}
.ui-language #page-an-insights .ins-pick-intro{display:none}
.ui-language #page-an-insights .ins-pick-card{border-radius:var(--ds-radius-card);padding:24px;background:var(--ds-surface);box-shadow:var(--ds-shadow-card);min-height:224px}
.ui-language #page-an-insights .ins-pick-ico{background:var(--ds-accent-soft);border-radius:var(--ds-radius-control);color:var(--ds-accent-strong)}
.ui-language #page-an-insights .ins-pick-arrow{border:1px solid var(--ds-line);background:var(--ds-surface);color:var(--ds-accent-strong)}
.ui-language #page-an-insights .ins-pick-card:hover .ins-pick-arrow{background:var(--ds-accent);border-color:var(--ds-accent);color:white}
@media(max-width:980px){.ui-language .main-head .crumb-sub{font-size:24px}}
@media(max-width:760px){.ui-language .app .main-head{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:16px}.ui-language .main-head .hamburger{grid-column:1;grid-row:1}.ui-language .main-head .crumbs{grid-column:2;gap:6px}.ui-language .main-head-right{grid-column:3;gap:8px}.ui-language .main-head .crumb-sub{font-size:18px}.ui-page-help>summary{padding:0 10px}.ui-page-help>summary svg{display:none}.ui-help-copy{position:fixed;right:16px;top:100px;width:min(380px,calc(100vw - 32px))}.app .ui-state-page{padding:24px 16px}.ui-language #page-an-insights .ins-pick-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ui-language .app :is(button,summary){transition:none!important}}
@media(prefers-reduced-transparency:reduce){.ui-page-help>summary{background:var(--ds-surface)}}
/* Navigation actions share the accent; status colours remain on the numbers. */
.ui-language .app .dh-action{color:var(--ds-accent-strong)}
.ui-language .app :is(.set-switch.on,.cmp-switch.on,.fswitch.on){background:var(--ds-accent)}
.ui-language .app .bp-toggle input:checked+.bp-toggle-slider{background:var(--ds-accent)}
.ui-language .app .section-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:24px 0 16px;font:750 var(--ds-text-section)/1.3 var(--ds-font);letter-spacing:-.02em}
.ui-language .app .section-h>.h-pill{font:inherit;color:var(--ds-ink);padding:0;border:0;background:none;box-shadow:none;text-transform:none;letter-spacing:inherit}
.ui-language .app .section-h>.h-pill::before{display:none}
.ui-language .app .an-hero-pills>span{color:var(--ds-ink-secondary);font-weight:600;letter-spacing:.02em}
.ui-language #page-questions .q-context:empty{display:none}
/* A visible, semantic workflow replaces the old unlabelled decorative dots. */
.ui-language #page-an-insights .ins-stepper{display:none}
.ui-workflow{display:flex;align-items:center;gap:28px;list-style:none;margin:0 0 24px;padding:12px 16px;width:fit-content;max-width:100%;border:1px solid var(--ds-glass-edge);border-radius:var(--ds-radius-control);background:var(--ds-glass-bg-strong);box-shadow:var(--ds-shadow-card);font:600 var(--ds-text-ui)/1.3 var(--ds-font)}
.ui-workflow li{display:flex;gap:8px;align-items:center;color:var(--ds-ink-secondary)}
.ui-workflow b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ds-surface-subtle);font-size:12px}
.ui-workflow li[aria-current="step"]{color:var(--ds-accent-strong)}
.ui-workflow li[aria-current="step"] b{background:var(--ds-accent);color:white}
@media(max-width:760px){.ui-workflow{gap:12px;padding:10px;font-size:12px;flex-wrap:wrap}}
/* Retire Summary's legacy toolbar-help exception (which used !important). */
.ui-language .content:has(#page-an-reviews.on)>.filter-bar [data-ds-hint]{display:none!important}
/* Empty grid panels occupy the full working region, never one phantom column. */
.ui-language .app :is(.actions-empty,.gp-pareto-empty,.op-empty){grid-column:1/-1}