/* GENERATED by `php artisan theme:port` — do not hand-edit. Source: Mario's MAG_Website_Design_Language_v1.0 in mag-control-app. Scoped under .mag-control, which carries (ADD-019). */ /* ==== src/app/mag-tokens.css ==== */ :root{ --mag-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mag-font-page: 2rem; --mag-line-page: 2.5rem; --mag-font-page-mobile: 1.625rem; --mag-line-page-mobile: 2.125rem; --mag-font-section: 1.25rem; --mag-line-section: 1.75rem; --mag-font-panel: 1rem; --mag-line-panel: 1.5rem; --mag-font-body: 1rem; --mag-line-body: 1.5rem; --mag-font-ui: 0.875rem; --mag-line-ui: 1.25rem; --mag-font-meta: 0.75rem; --mag-line-meta: 1.125rem; --mag-font-kpi: 2rem; --mag-line-kpi: 2.5rem; --mag-font-kpi-hero: 2.5rem; --mag-line-kpi-hero: 3rem; --mag-radius-panel: 12px; --mag-radius-card: 12px; --mag-radius-control: 8px; --mag-radius-small: 8px; --mag-radius-pill: 999px; --mag-control-height: 40px; --mag-control-height-touch: 44px; --mag-control-height-compact: 32px; --mag-row-height: 48px; --mag-row-height-two-line: 64px; --mag-row-height-compact: 40px; --mag-nav-expanded: 232px; --mag-nav-collapsed: 72px; --mag-header-height: 72px; --mag-header-height-mobile: 60px; --mag-workspace-max: 1680px; --mag-report-max: 960px; --mag-inspector-width: 380px; --mag-z-sticky: 10; --mag-z-nav: 20; --mag-z-popover: 40; --mag-z-backdrop: 50; --mag-z-modal: 60; --mag-z-toast: 70; --mag-duration-press: 100ms; --mag-duration-hover: 160ms; --mag-duration-standard: 220ms; --mag-duration-panel: 280ms; --mag-duration-view: 360ms; --mag-preview-delay: 350ms; --mag-preview-close-delay: 200ms; --mag-duration-update: 1200ms; --mag-duration-attention: 2400ms; --mag-ease-enter: cubic-bezier(0.2, 0, 0, 1); --mag-ease-exit: cubic-bezier(0.4, 0, 1, 1); --mag-signature-gradient: #285CE6; --mag-space-4: 4px; --mag-space-8: 8px; --mag-space-12: 12px; --mag-space-16: 16px; --mag-space-20: 20px; --mag-space-24: 24px; --mag-space-32: 32px; --mag-space-40: 40px; --mag-space-48: 48px; --mag-space-64: 64px; } :root, :root[data-theme="light"], :root[data-theme="system"]{ color-scheme: light; --mag-canvas: #F4F7FB; --mag-surface: #FFFFFF; --mag-surface-subtle: #F0F4F9; --mag-surface-raised: #FFFFFF; --mag-hover: #EDF2FC; --mag-border: #DFE6EF; --mag-control-border: #C2CEDD; --mag-text: #13243B; --mag-text-secondary: #53657B; --mag-text-muted: #607086; --mag-primary: #285CE6; --mag-primary-hover: #204DC4; --mag-on-primary: #FFFFFF; --mag-link: #285CE6; --mag-focus: #285CE6; --mag-selected-bg: #EAF0FF; --mag-selected-text: #204DC4; --mag-success-bg: #E6F8EF; --mag-success-text: #166534; --mag-success-mark: #15803D; --mag-warning-bg: #FFF4DD; --mag-warning-text: #8A5006; --mag-warning-mark: #B76A08; --mag-danger-bg: #FDECEC; --mag-danger-text: #B42318; --mag-danger-mark: #C2410C; --mag-info-bg: #EAF2FF; --mag-info-text: #204DC4; --mag-info-mark: #285CE6; --mag-neutral-bg: #EDF0F4; --mag-neutral-text: #53657B; --mag-accent-lavender: #EEE6FF; --mag-accent-lavender-ink: #204DC4; --mag-accent-mint: #DCFCE7; --mag-accent-mint-ink: #166534; --mag-accent-yellow: #FFE14D; --mag-accent-yellow-ink: #422006; --mag-accent-coral: #FFF0E9; --mag-accent-coral-ink: #9A3412; --mag-accent-sky: #DBEAFE; --mag-accent-sky-ink: #1E40AF; --mag-dive: #0E7490; --mag-dive-ink: #0E5C70; --mag-favorite: #B45309; --mag-chart-1: #285CE6; --mag-chart-2: #087F8C; --mag-chart-3: #B76A08; --mag-chart-4: #64748B; --mag-chart-5: #7D5AA8; --mag-chart-6: #475569; --mag-chart-context: #94A3B8; --mag-shadow-card: 0 1px 3px rgba(16, 31, 53, 0.04); --mag-shadow-raised: 0 4px 16px rgba(16, 31, 53, 0.07); --mag-shadow-popover: 0 16px 48px rgba(23, 32, 51, 0.14); } :root[data-theme="dark"]{ color-scheme: dark; --mag-canvas: #0B1422; --mag-surface: #111F33; --mag-surface-subtle: #0F1B2D; --mag-surface-raised: #182A42; --mag-hover: #20354F; --mag-border: #30445F; --mag-control-border: #7E91AC; --mag-text: #F4F6FC; --mag-text-secondary: #B6C0D2; --mag-text-muted: #9AA8BE; --mag-primary: #79A7FF; --mag-primary-hover: #A9C8FF; --mag-on-primary: #0B1422; --mag-link: #A9C8FF; --mag-focus: #A9C8FF; --mag-selected-bg: #1D3557; --mag-selected-text: #C4D8FF; --mag-success-bg: #112E25; --mag-success-text: #86EFAC; --mag-success-mark: #34D399; --mag-warning-bg: #392B17; --mag-warning-text: #FDE68A; --mag-warning-mark: #FBBF24; --mag-danger-bg: #361C24; --mag-danger-text: #FDA4AF; --mag-danger-mark: #FB7185; --mag-info-bg: #172F50; --mag-info-text: #BFDBFE; --mag-info-mark: #79A7FF; --mag-neutral-bg: #242B38; --mag-neutral-text: #CBD5E1; --mag-accent-lavender: #2B2142; --mag-accent-lavender-ink: #C4D8FF; --mag-accent-mint: #14382F; --mag-accent-mint-ink: #A7F3D0; --mag-accent-yellow: #3A3017; --mag-accent-yellow-ink: #FDE68A; --mag-accent-coral: #3D2528; --mag-accent-coral-ink: #FECDD3; --mag-accent-sky: #1B2D49; --mag-accent-sky-ink: #BFDBFE; --mag-dive: #5DD6CF; --mag-dive-ink: #A5EFEA; --mag-favorite: #FCD34D; --mag-chart-1: #79A7FF; --mag-chart-2: #5DD6CF; --mag-chart-3: #FBBF24; --mag-chart-4: #A8B8CE; --mag-chart-5: #C4AFE8; --mag-chart-6: #CBD5E1; --mag-chart-context: #7E91AC; --mag-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.18); --mag-shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.28); --mag-shadow-popover: 0 16px 48px rgba(0, 0, 0, 0.42); } @media (prefers-color-scheme: dark){:root:not([data-theme]), :root[data-theme="system"]{ color-scheme: dark; --mag-canvas: #0B1422; --mag-surface: #111F33; --mag-surface-subtle: #0F1B2D; --mag-surface-raised: #182A42; --mag-hover: #20354F; --mag-border: #30445F; --mag-control-border: #7E91AC; --mag-text: #F4F6FC; --mag-text-secondary: #B6C0D2; --mag-text-muted: #9AA8BE; --mag-primary: #79A7FF; --mag-primary-hover: #A9C8FF; --mag-on-primary: #0B1422; --mag-link: #A9C8FF; --mag-focus: #A9C8FF; --mag-selected-bg: #1D3557; --mag-selected-text: #C4D8FF; --mag-success-bg: #112E25; --mag-success-text: #86EFAC; --mag-success-mark: #34D399; --mag-warning-bg: #392B17; --mag-warning-text: #FDE68A; --mag-warning-mark: #FBBF24; --mag-danger-bg: #361C24; --mag-danger-text: #FDA4AF; --mag-danger-mark: #FB7185; --mag-info-bg: #172F50; --mag-info-text: #BFDBFE; --mag-info-mark: #79A7FF; --mag-neutral-bg: #242B38; --mag-neutral-text: #CBD5E1; --mag-accent-lavender: #2B2142; --mag-accent-lavender-ink: #C4D8FF; --mag-accent-mint: #14382F; --mag-accent-mint-ink: #A7F3D0; --mag-accent-yellow: #3A3017; --mag-accent-yellow-ink: #FDE68A; --mag-accent-coral: #3D2528; --mag-accent-coral-ink: #FECDD3; --mag-accent-sky: #1B2D49; --mag-accent-sky-ink: #BFDBFE; --mag-dive: #5DD6CF; --mag-dive-ink: #A5EFEA; --mag-favorite: #FCD34D; --mag-chart-1: #79A7FF; --mag-chart-2: #5DD6CF; --mag-chart-3: #FBBF24; --mag-chart-4: #A8B8CE; --mag-chart-5: #C4AFE8; --mag-chart-6: #CBD5E1; --mag-chart-context: #7E91AC; --mag-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.18); --mag-shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.28); --mag-shadow-popover: 0 16px 48px rgba(0, 0, 0, 0.42); }} .mag-control .mag-surface{ color: var(--mag-text); background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); box-shadow: var(--mag-shadow-card); } .mag-control .mag-tabular{ font-variant-numeric: tabular-nums; } .mag-control .semantic-value{ font-variant-numeric: tabular-nums; } .mag-control .semantic-value[data-performance="below-zero"], .mag-control .semantic-value[data-performance="review"], .mag-control .semantic-value[data-performance="behind"]{ color:var(--mag-danger-text); } .mag-control .semantic-value[data-performance="watch"]{ color:var(--mag-warning-text); } .mag-control .semantic-label{display:block;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:0;white-space:normal;} .mag-control .semantic-confidence, .mag-control .aged-share{display:block;font-size:12px;line-height:1.5;font-weight:400;color:var(--mag-text-secondary);white-space:normal;} .mag-control .reference-qualification{font-size:13px;line-height:1.6;padding:8px 20px;margin:0;color:var(--mag-text-secondary);border-bottom:1px solid var(--mag-border);} .mag-control .local-update{position:fixed;z-index:45;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:var(--mag-surface-raised);border:1px solid var(--mag-border);box-shadow:var(--mag-shadow-popover);padding:12px 16px;border-radius:var(--mag-radius-control);font-size:14px;} .mag-control .mag-interactive:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-lift{ transition: transform var(--mag-duration-standard) var(--mag-ease-enter), box-shadow var(--mag-duration-standard) var(--mag-ease-enter), border-color var(--mag-duration-hover) var(--mag-ease-enter); } @media (hover: hover) and (pointer: fine){.mag-control .mag-lift:hover{ transform: translateY(-2px); box-shadow: var(--mag-shadow-raised); }} .mag-control .mag-row:hover, .mag-control .mag-row:focus-within{ background: var(--mag-hover); } .mag-control .mag-attention-halo[data-attention="new"]{ pointer-events: none; animation: mag-attention var(--mag-duration-attention) ease-in-out 2; } @keyframes mag-attention{ 0%, 100% { opacity: 0.30; } 50% { opacity: 0.65; } } :root[data-motion="reduced"] .mag-lift, :root[data-motion="reduced"] .mag-attention-halo{ animation: none; transition: none; transform: none; } :root[data-motion="reduced"]{ scroll-behavior: auto; } @media (prefers-reduced-motion: reduce){.mag-control .mag-lift, .mag-control .mag-lift:hover, .mag-control .mag-attention-halo, .mag-control .mag-attention-halo[data-attention="new"]{ animation: none; transition: none; transform: none; } :root{ scroll-behavior: auto; }} /* ==== src/app/brand.css ==== */ .mag-control .mag-brand{--brand-shield-width:36px;--brand-gap:10px;--brand-wordmark-filter:brightness(0);display:inline-flex;flex:none;align-items:center;gap:10px;max-width:100%;line-height:1.2} .mag-control .mag-brand-identity{display:flex;align-items:center;gap:var(--brand-gap);width:100%;min-width:0} .mag-control .mag-brand-shield{display:block;flex:none;width:var(--brand-shield-width);height:auto;overflow:hidden} .mag-control .mag-brand-wordmark{display:block;flex:1;min-width:0;width:142px;height:auto;overflow:hidden;filter:var(--brand-wordmark-filter)} .mag-control .mag-brand-product{font-size:14px;font-weight:600;color:inherit;white-space:nowrap} .mag-control .mag-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:220px} .mag-control .mag-brand-lockup>.mag-brand-product{margin-left:calc(var(--brand-shield-width) + var(--brand-gap));font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--mag-text-secondary)} .mag-control .mag-brand-compact .mag-brand-identity{width:auto} :root[data-theme=dark] .mag-brand{--brand-wordmark-filter:brightness(0) invert(1)} @media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mag-brand{--brand-wordmark-filter:brightness(0) invert(1)}} .mag-control .operating-shell .sidebar .brand{min-height:112px;flex-shrink:0;padding:26px 18px 22px;border-bottom:1px solid #ffffff1c;margin:0 6px} .mag-control .operating-shell .sidebar .mag-brand{--brand-shield-width:32px;--brand-wordmark-filter:brightness(0) invert(1);width:100%} .mag-control .operating-shell .sidebar .mag-brand-lockup>.mag-brand-product{color:#b8c7dc} .mag-control .operating-shell .sidebar .sidebar-bottom{padding:14px 24px 22px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:12px} .mag-control .operating-shell .sidebar .workspace-identity{display:flex;align-items:center;gap:8px;font-size:11px;color:#b8c7dc;white-space:nowrap} .mag-control .operating-shell .sidebar .collapse-control{margin-top:0;flex-shrink:0;min-height:32px;min-width:32px} .mag-control .operating-shell .topbar .mobile-brand .mag-brand{display:inline-flex} .mag-control .operating-shell.nav-collapsed .sidebar .brand{padding:26px 14px 22px;margin:0;justify-content:center} .mag-control .nav-collapsed .sidebar .mag-brand-lockup{width:auto} .mag-control .nav-collapsed .sidebar .mag-brand-wordmark, .mag-control .nav-collapsed .sidebar .mag-brand-product, .mag-control .operating-shell.nav-collapsed .sidebar .workspace-identity{display:none} .mag-control .operating-shell.nav-collapsed .sidebar .sidebar-bottom{justify-content:center;padding:14px 16px 22px} .mag-control .lock-brand .mag-brand{width:280px;margin:auto;--brand-shield-width:44px;--brand-gap:14px} .mag-control .lock-brand .mag-brand-product{font-size:14px} @media(min-width:768px) and (max-width:1023px){.mag-control .operating-shell .sidebar .brand{padding:26px 14px 22px;margin:0;justify-content:center} .mag-control .sidebar .mag-brand-lockup{width:auto!important} .mag-control .sidebar .mag-brand-wordmark, .mag-control .sidebar .mag-brand-product, .mag-control .operating-shell .sidebar .workspace-identity{display:none} .mag-control .operating-shell .sidebar .sidebar-bottom{justify-content:center;padding:14px 16px 22px}} @media(max-width:767px){.mag-control .operating-shell .topbar .mag-brand{--brand-shield-width:26px;gap:9px} .mag-control .operating-shell .topbar .mag-brand-product{font-size:14px} .mag-control .lock-brand .mag-brand{--brand-shield-width:36px;--brand-gap:10px} .mag-control .mobile-menu-brand{padding:22px 12px;border-bottom:1px solid var(--mag-border);margin-bottom:10px} .mag-control .mobile-menu-brand .mag-brand{width:248px;max-width:100%;--brand-shield-width:42px;--brand-gap:14px}} @media(forced-colors:active){.mag-control .mag-brand-wordmark{filter:none;background:white}} .mag-control-logo{display:inline-block;width:160px;max-width:100%;vertical-align:middle;line-height:0} .mag-control-logo svg{display:block;width:100%;height:auto;overflow:hidden} .mag-control-logo-dark{display:none} :root[data-theme=dark] .mag-control-logo-light{display:none} :root[data-theme=dark] .mag-control-logo-dark{display:block} @media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mag-control-logo-light{display:none} :root:not([data-theme=light]) .mag-control-logo-dark{display:block}} .mag-control .operating-shell .sidebar .mag-control-logo-light{display:none} .mag-control .operating-shell .sidebar .mag-control-logo-dark{display:block} .mag-control .operating-shell .topbar-label{line-height:0} @media(max-width:767px){.mag-control .operating-shell .topbar-label .mag-control-logo{width:112px}} @media(max-width:360px){.mag-control .operating-shell .topbar-label .mag-control-logo{width:74px}} .mag-control .lock-brand{justify-content:center} .mag-control .lock-brand .mag-control-logo{width:212px} @media(max-width:767px){.mag-control .lock-brand .mag-control-logo{width:184px}} .mag-control .lock-copyright .mag-brand{width:176px;--brand-shield-width:26px;--brand-gap:9px} @media(max-width:767px){.mag-control .lock-copyright .mag-brand{width:160px;--brand-shield-width:24px}} .mag-control .mobile-brand{display:none} @media(max-width:767px){.mag-control .mobile-brand{display:inline-flex;flex:none} .mag-control .operating-shell .topbar .mobile-brand .mag-brand{--brand-shield-width:24px;gap:0} .mag-control .operating-shell .topbar .topbar-label{max-width:132px} .mag-control .operating-shell .topbar .mag-control-logo{width:132px} .mag-control .operating-shell .topbar .row{gap:8px;min-width:0}} @media(max-width:479px){.mag-control .operating-shell .topbar .topbar-label{display:block;flex:none;max-width:132px} .mag-control .operating-shell .topbar .mag-control-logo{width:132px} .mag-control .operating-shell .topbar .mobile-brand{display:inline-flex;flex:none} .mag-control .operating-shell .topbar .mobile-brand .mag-brand-shield{width:24px}} /* ==== src/app/globals.css ==== */ .mag-control *{box-sizing:border-box} :root, .mag-control{margin:0;min-height:100%;max-width:100%;font-family:var(--mag-font-family);background:var(--mag-canvas);color:var(--mag-text);font-size:16px;line-height:1.5} .mag-control{font-variant-numeric:tabular-nums} .mag-control button, .mag-control input, .mag-control select, .mag-control textarea{font:inherit;color:inherit} .mag-control button, .mag-control a, .mag-control input, .mag-control select, .mag-control textarea{-webkit-tap-highlight-color:transparent} .mag-control button{cursor:pointer} .mag-control button:disabled{cursor:wait;opacity:.65} .mag-control a{color:var(--mag-link);text-decoration:none} .mag-control a:hover{text-decoration:underline} .mag-control button{transition:background var(--mag-duration-hover),border-color var(--mag-duration-hover),box-shadow var(--mag-duration-hover)} .mag-control button:active:not(:disabled){filter:brightness(.95)} .mag-control :focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} .mag-control h1, .mag-control h2, .mag-control h3, .mag-control p{margin:0} .mag-control h1{font-size:var(--mag-font-page);line-height:var(--mag-line-page);font-weight:600;letter-spacing:-.035em} .mag-control h2{font-size:var(--mag-font-section);line-height:var(--mag-line-section);font-weight:600;letter-spacing:-.02em} .mag-control h3{font-size:var(--mag-font-panel);line-height:var(--mag-line-panel);font-weight:600} .mag-control p{line-height:1.55} .mag-control small, .mag-control .small{font-size:var(--mag-font-ui);line-height:var(--mag-line-ui)} .mag-control .meta{font-size:var(--mag-font-meta);line-height:var(--mag-line-meta)} .mag-control .muted{color:var(--mag-text-secondary)} .mag-control .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .mag-control .skip-link{position:fixed;top:8px;transform:translateY(calc(-100% - 16px));left:16px;z-index:100;background:var(--mag-surface);padding:12px} .mag-control .skip-link:focus{transform:none} .mag-control .button, .mag-control .icon-button, .mag-control .segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mag-control-height);padding:8px 16px;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-control);background:var(--mag-surface);font-size:var(--mag-font-ui);font-weight:500;white-space:nowrap;text-decoration:none} .mag-control .button:hover, .mag-control .icon-button:hover, .mag-control .segmented button:hover{background:var(--mag-hover);text-decoration:none} .mag-control .button.primary{background:var(--mag-primary);color:var(--mag-on-primary);border-color:var(--mag-primary);border-radius:var(--mag-radius-pill)} .mag-control .button.primary:hover{background:var(--mag-primary-hover)} .mag-control .button.subtle{border-color:var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .button.quiet, .mag-control .icon-button{border-color:transparent;background:transparent} .mag-control .icon-button{width:40px;min-width:40px;padding:8px} .mag-control .button.text{border:0;padding-left:0;padding-right:0;color:var(--mag-link);background:transparent} .mag-control .segmented{display:flex;gap:4px;background:var(--mag-surface-subtle);border:1px solid var(--mag-border);padding:4px;border-radius:var(--mag-radius-pill);width:fit-content;flex-wrap:wrap} .mag-control .segmented button{border-color:transparent;background:transparent;border-radius:var(--mag-radius-pill);padding:6px 16px;min-height:32px} .mag-control .segmented button[aria-pressed=true], .mag-control .segmented button[aria-selected=true]{background:var(--mag-surface-raised);color:var(--mag-selected-text);box-shadow:var(--mag-shadow-card)} .mag-control fieldset{border:0;margin:0 0 24px;padding:0} .mag-control legend, .mag-control label{display:block;font-size:var(--mag-font-ui);font-weight:500;margin-bottom:8px} .mag-control input, .mag-control select, .mag-control textarea{width:100%;min-height:40px;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-control);background:var(--mag-surface);padding:9px 12px;font-size:var(--mag-font-ui)} .mag-control textarea{resize:vertical;min-height:120px} .mag-control input::placeholder, .mag-control textarea::placeholder{color:var(--mag-text-muted)} .mag-control .field{margin-bottom:16px} .mag-control .error-message{padding:12px 16px;border-radius:var(--mag-radius-control);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:var(--mag-font-ui);overflow-wrap:anywhere} .mag-control .notice{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--mag-radius-control);font-size:var(--mag-font-ui);background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .notice.warning{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .notice svg{flex-shrink:0;margin-top:2px} .mag-control .center-state{max-width:600px;margin:15vh auto;padding:24px;display:grid;gap:20px;text-align:center} .mag-control .lock-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 16px} .mag-control .lock-appearance{position:absolute;right:24px;top:20px} .mag-control .lock-card{width:100%;max-width:456px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-panel);box-shadow:var(--mag-shadow-card);padding:40px} .mag-control .lock-brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:20px;margin-bottom:36px} .mag-control .lock-brand img{object-fit:contain;background:white;border-radius:8px;width:42px;height:44px} .mag-control .lock-icon{display:grid;place-items:center;color:var(--mag-selected-text);background:var(--mag-selected-bg);width:48px;height:48px;border-radius:16px;margin-bottom:20px} .mag-control .lock-card h1{font-size:26px;line-height:34px;letter-spacing:-.03em} .mag-control .lock-card p.muted{margin-top:8px;font-size:14px} .mag-control .lock-card form{display:grid;margin-top:28px;gap:12px} .mag-control .lock-card label{margin:0} .mag-control .lock-card input{height:48px;font-size:16px} .mag-control .lock-card .primary{margin-top:4px;height:48px;width:100%;justify-content:space-between;padding-inline:20px} .mag-control .lock-footnote{display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--mag-text-muted);font-size:12px} .mag-control .lock-copyright{font-size:12px;color:var(--mag-text-muted);margin-top:24px} .mag-control .dialog-backdrop{position:fixed;inset:0;background:rgba(6,12,24,.48);z-index:var(--mag-z-backdrop);animation:fade-in var(--mag-duration-standard) var(--mag-ease-enter)} .mag-control .dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100dvh - 64px);width:min(560px,calc(100vw - 40px));display:flex;flex-direction:column;background:var(--mag-surface-raised);border:1px solid var(--mag-border);border-radius:var(--mag-radius-panel);box-shadow:var(--mag-shadow-popover);z-index:var(--mag-z-modal);overflow:hidden} .mag-control .dialog-wide{width:min(920px,calc(100vw - 40px))} .mag-control .dialog-inspector{left:auto;right:0;top:0;transform:none;height:100dvh;max-height:100dvh;width:min(480px,100vw);border-radius:24px 0 0 24px;animation:slide-in var(--mag-duration-panel) var(--mag-ease-enter)} .mag-control .dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mag-border);padding:24px} .mag-control .dialog-heading h2{font-size:20px} .mag-control .dialog-heading p{margin-top:8px} .mag-control .dialog-heading .icon-button{flex-shrink:0} .mag-control .dialog-body{padding:24px;overflow-y:auto;overscroll-behavior:contain} .mag-control .dialog-body>p+fieldset{margin-top:24px} .mag-control .appearance-options{margin-bottom:12px} .mag-control .badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--mag-radius-pill);padding:4px 10px;font-size:var(--mag-font-meta);font-weight:500;background:var(--mag-neutral-bg);color:var(--mag-neutral-text);white-space:nowrap} .mag-control .badge.info{background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .badge.warning{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .badge.success{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .badge.danger{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .badge.lavender{background:var(--mag-accent-lavender);color:var(--mag-accent-lavender-ink)} .mag-control .panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-panel);box-shadow:var(--mag-shadow-card);min-width:0} .mag-control .panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px} .mag-control .panel-content{padding:0 24px 24px} .mag-control .divider{height:1px;background:var(--mag-border);margin:24px 0} .mag-control .stack{display:grid;gap:16px} .mag-control .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .mag-control .spaced{justify-content:space-between} .mag-control .numeric{text-align:right;white-space:nowrap} .mag-control .empty{padding:40px 24px;text-align:center;display:grid;justify-items:center;gap:12px} .mag-control .empty svg{color:var(--mag-text-muted)} .mag-control .empty p{max-width:600px;color:var(--mag-text-secondary);font-size:14px} .mag-control .empty h3{font-size:18px} .mag-control .skeleton{background:var(--mag-surface-subtle);border-radius:12px;height:160px} .mag-control .offline-banner{padding:10px 16px;background:var(--mag-warning-bg);color:var(--mag-warning-text);text-align:center;font-size:14px} @keyframes fade-in{from{opacity:0}to{opacity:1}} @keyframes slide-in{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}} @media(max-width:767px){.mag-control button, .mag-control .button, .mag-control .icon-button, .mag-control .segmented button{min-height:44px} .mag-control .icon-button{width:44px;min-width:44px} .mag-control input, .mag-control select, .mag-control textarea{font-size:16px;min-height:44px} .mag-control .dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0} .mag-control .dialog-inspector{border-radius:0} .mag-control .dialog-heading, .mag-control .dialog-body{padding:20px 16px} .mag-control .dialog-body{padding-bottom:max(24px,env(safe-area-inset-bottom))} .mag-control .panel-header{padding:20px 16px} .mag-control .panel-content{padding:0 16px 20px} .mag-control h1{font-size:var(--mag-font-page-mobile);line-height:var(--mag-line-page-mobile)} .mag-control .lock-card{padding:28px} .mag-control .lock-page{padding:64px 16px 24px}} @media(prefers-reduced-motion:reduce){.mag-control *, .mag-control *::before, .mag-control *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} :root[data-motion=reduced] *, :root[data-motion=reduced] *::before, :root[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} @media(forced-colors:active){.mag-control button, .mag-control a, .mag-control input, .mag-control select, .mag-control textarea, .mag-control .badge, .mag-control .panel{border:1px solid CanvasText} .mag-control .selected{outline:2px solid Highlight}} @media print{:root{color-scheme:light;--mag-canvas:#fff;--mag-surface:#fff;--mag-surface-raised:#fff;--mag-text:#172033;--mag-text-secondary:#526174;--mag-border:#7c8799} .mag-control .no-print, .mag-control .sidebar, .mag-control .topbar, .mag-control .scopebar, .mag-control .dialog-backdrop{display:none!important} .mag-control .panel{box-shadow:none;break-inside:avoid} .mag-control .print-only{display:block!important} .mag-control thead{display:table-header-group} .mag-control tr{break-inside:avoid} .mag-control{background:white!important;color:#172033!important}} .mag-control .app-shell{display:flex;min-height:100dvh} .mag-control .sidebar{position:fixed;inset:0 auto 0 0;width:var(--mag-nav-expanded);background:var(--mag-surface);border-right:1px solid var(--mag-border);display:flex;flex-direction:column;z-index:var(--mag-z-nav)} .mag-control .brand{display:flex;align-items:center;gap:10px;height:auto;min-height:var(--mag-header-height);padding:12px 24px} .mag-control .brand img{width:30px;height:32px;object-fit:contain;border-radius:6px;background:white} .mag-control .brand-label{min-width:0;font-size:17px;font-weight:600;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.04em} .mag-control .brand-label span{font-size:12px;color:var(--mag-text-muted);display:block;font-weight:400;letter-spacing:.015em} .mag-control .sidebar nav{overflow-y:auto;flex:1;padding:12px 12px 24px;scrollbar-width:thin} .mag-control .nav-group{margin-bottom:20px} .mag-control .nav-label{font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--mag-text-muted);padding:0 12px 8px} .mag-control .nav-item{display:flex;align-items:center;gap:12px;position:relative;padding:11px 12px;min-height:44px;border-radius:12px;color:var(--mag-text-secondary);font-size:14px;background:transparent;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere;text-decoration:none;width:100%} .mag-control .nav-item span{min-width:0} .mag-control .nav-item:hover{background:var(--mag-hover);text-decoration:none;color:var(--mag-text)} .mag-control .nav-item svg{flex-shrink:0} .mag-control .nav-item.active{background:var(--mag-selected-bg);color:var(--mag-selected-text);font-weight:600} .mag-control .nav-item i{width:4px;height:16px;position:absolute;right:0;border-radius:4px;background:var(--mag-primary)} .mag-control .sidebar-bottom{padding:8px 12px;border-top:1px solid var(--mag-border)} .mag-control .app-main{margin-left:var(--mag-nav-expanded);width:calc(100% - var(--mag-nav-expanded));min-width:0} .mag-control .topbar{height:var(--mag-header-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mag-border);gap:16px;background:var(--mag-surface)} .mag-control .topbar-label{font-size:13px;color:var(--mag-text-secondary);font-weight:500} .mag-control .topbar-actions{display:flex;gap:8px;align-items:center} .mag-control .search-trigger{background:var(--mag-surface-subtle);border:1px solid var(--mag-border);border-radius:var(--mag-radius-pill);color:var(--mag-text-muted);display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:12px;width:240px;text-align:left} .mag-control .search-trigger kbd{font-family:inherit;margin-left:auto;border:1px solid var(--mag-border);padding:1px 4px;border-radius:4px;font-size:12px} .mag-control .header-divider{height:24px;width:1px;background:var(--mag-border);margin:0 8px} .mag-control .session-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mag-text-muted)} .mag-control .mobile-nav-toggle{display:none} .mag-control .scopebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;border-bottom:1px solid var(--mag-border)} .mag-control .scope-controls{display:flex;gap:16px;align-items:center} .mag-control .scopebar label{font-size:12px;color:var(--mag-text-muted);margin:0;display:flex;flex-direction:column;gap:4px} .mag-control .scopebar input, .mag-control .scopebar select{padding:6px 12px;min-height:36px;font-size:12px;color:var(--mag-text);background:var(--mag-surface);width:auto;max-width:244px;min-width:140px} .mag-control .mode-select select{color:var(--mag-selected-text)!important} .mag-control .demo-strip{display:flex;gap:12px;align-items:center;margin:16px 32px 0;color:var(--mag-text-secondary);font-size:12px} .mag-control .workspace{max-width:var(--mag-workspace-max);margin:auto;padding:32px;min-height:calc(100dvh - 240px)} .mag-control .workspace-footer{max-width:var(--mag-workspace-max);display:flex;justify-content:space-between;padding:16px 32px 24px;color:var(--mag-text-muted);font-size:12px;gap:16px} .mag-control .workspace-footer a{display:flex;align-items:center;gap:4px} .mag-control .nav-collapsed .sidebar{width:72px} .mag-control .nav-collapsed .app-main{margin-left:72px;width:calc(100% - 72px)} .mag-control .nav-collapsed .brand{padding:0 20px} .mag-control .nav-collapsed .brand-label, .mag-control .nav-collapsed .nav-label, .mag-control .nav-collapsed .nav-item span{display:none} .mag-control .nav-collapsed .nav-item{justify-content:center;padding:12px} .mag-control .nav-collapsed .nav-group{margin-bottom:16px} .mag-control .nav-collapsed .nav-group+.nav-group{border-top:1px solid var(--mag-border);padding-top:16px} .mag-control .search-field{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mag-control-border);border-radius:12px} .mag-control .search-field input{border:0;padding:6px;background:transparent} .mag-control .search-results{margin-top:16px;display:grid;gap:4px} .mag-control .search-results a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--mag-text)} .mag-control .search-results a:hover{background:var(--mag-hover);text-decoration:none} .mag-control .search-results a>svg:last-child{margin-left:auto;flex-shrink:0} .mag-control .search-results strong{font-size:14px;font-weight:500} .mag-control .search-results p{font-size:12px;color:var(--mag-text-muted)} .mag-control .report-code{font-size:12px;color:var(--mag-text-muted);font-weight:500;min-width:52px} .mag-control .page-header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:24px} .mag-control .page-header p{font-size:14px;color:var(--mag-text-secondary);margin-top:8px;max-width:76ch} .mag-control .page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap} .mag-control .breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--mag-text-muted);font-size:12px;margin-bottom:12px} .mag-control .breadcrumb a{color:inherit} .mag-control .mobile-navigation .brand, .mag-control .mobile-navigation .sidebar-bottom{display:none} .mag-control .mobile-navigation .nav-label{margin-top:16px} .mag-control .mobile-navigation .nav-item{font-size:16px;min-height:48px} @media(max-width:1200px){.mag-control .topbar-label{display:none} .mag-control .topbar{justify-content:flex-end} .mag-control .scope-controls{gap:8px} .mag-control .scopebar{padding:16px 24px;gap:8px} .mag-control .scopebar input, .mag-control .scopebar select{min-width:120px;max-width:190px} .mag-control .workspace{padding:24px} .mag-control .page-header{flex-wrap:wrap} .mag-control .page-header-actions{margin-left:auto}} @media(min-width:768px) and (max-width:1023px){.mag-control .sidebar{width:72px} .mag-control .app-main{margin-left:72px;width:calc(100% - 72px)} .mag-control .brand{padding:0 20px} .mag-control .brand-label, .mag-control .sidebar .nav-label, .mag-control .sidebar .nav-item span{display:none} .mag-control .sidebar .nav-item{justify-content:center;padding:12px} .mag-control .session-label{display:none} .mag-control .scopebar{flex-wrap:wrap} .mag-control .scope-controls{flex:1;flex-wrap:wrap} .mag-control .scopebar input, .mag-control .scopebar select{max-width:180px} .mag-control .topbar-label{display:none}} @media(max-width:767px){.mag-control .sidebar{display:none} .mag-control .app-main, .mag-control .nav-collapsed .app-main{margin:0;width:100%} .mag-control .topbar{height:60px;padding:0 12px;justify-content:space-between;gap:4px} .mag-control .mobile-nav-toggle{display:inline-flex} .mag-control .topbar-label{display:block;font-size:12px;max-width:160px} .mag-control .topbar-actions{gap:0} .mag-control .search-trigger{width:44px;padding:12px;background:transparent;border:0} .mag-control .search-trigger span, .mag-control .search-trigger kbd, .mag-control .header-divider, .mag-control .session-label{display:none} .mag-control .scopebar{padding:12px 16px;align-items:flex-end;flex-wrap:wrap} .mag-control .scope-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px} .mag-control .scope-controls label:first-child{grid-column:span 2} .mag-control .scope-controls label:nth-child(3){grid-row:2;grid-column:2} .mag-control .scopebar label{min-width:0} .mag-control .scopebar input, .mag-control .scopebar select{width:100%;min-width:0;max-width:none;min-height:44px;font-size:14px} .mag-control .mode-select{width:100%} .mag-control .demo-strip{margin:16px 16px 0;align-items:flex-start;font-size:12px} .mag-control .workspace{padding:24px 16px} .mag-control .workspace-footer{padding:16px;flex-wrap:wrap} .mag-control .page-header{gap:16px} .mag-control .page-header-actions{margin:0;width:100%;justify-content:flex-start} .mag-control .page-header-actions .button{flex:1} .mag-control .page-header p{font-size:14px} .mag-control .nav-collapsed .mobile-navigation .nav-item span{display:inline} .mag-control .topbar-label{display:none}} .mag-control .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0} .mag-control .metric-card{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);padding:16px 20px;min-width:0} .mag-control .metric-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:14px;color:var(--mag-text-secondary);min-height:48px} .mag-control .metric-card-top .icon-button{margin:-8px -12px 0 0;min-width:32px;width:32px;min-height:32px;padding:6px} .mag-control .metric-value{font-size:var(--mag-font-kpi);line-height:var(--mag-line-kpi);font-weight:600;letter-spacing:-.045em;margin:4px 0 12px;white-space:nowrap} .mag-control .metric-card-bottom{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px} .mag-control .metric-card-bottom>span:first-child{display:flex;align-items:center;gap:2px} .mag-control .favorable{color:var(--mag-success-text)} .mag-control .adverse{color:var(--mag-danger-text)} .mag-control .report-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap} .mag-control .report-status>.icon-button{margin-left:auto} .mag-control .report-notice{margin:24px 0} .mag-control .report-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px;flex-wrap:wrap} .mag-control .report-controls select{max-width:320px;width:auto} .mag-control .report-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px} .mag-control .report-filters label{font-size:12px;color:var(--mag-text-secondary);margin:0} .mag-control .report-filters select{margin-top:4px;max-width:220px;min-width:150px} .mag-control .report-work-panel{overflow:hidden} .mag-control .table-scroll{max-width:100%;overflow:auto;position:relative;scrollbar-width:thin} .mag-control .data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;line-height:20px} .mag-control .data-table th, .mag-control .data-table td{padding:14px 16px;min-height:48px;border-bottom:1px solid var(--mag-border);vertical-align:middle} .mag-control .data-table thead th{font-weight:500;color:var(--mag-text-secondary);background:var(--mag-surface-subtle);font-size:12px;text-align:left;position:sticky;top:0;z-index:1;white-space:nowrap} .mag-control .data-table th.numeric, .mag-control .data-table td.numeric{text-align:right} .mag-control .data-table thead th button{border:0;background:transparent;color:inherit;font-size:inherit;display:inline-flex;align-items:center;gap:8px;padding:0;white-space:nowrap;min-height:24px} .mag-control .data-table .pinned{position:sticky;left:0;z-index:2;background:var(--mag-surface);min-width:220px;max-width:320px} .mag-control .data-table thead .pinned{z-index:3;background:var(--mag-surface-subtle)} .mag-control .data-table tr:hover .pinned{background:var(--mag-hover)} .mag-control .data-table tbody th{text-align:left;font-weight:500} .mag-control .table-subtitle{display:block;color:var(--mag-text-muted);font-size:12px;font-weight:400;margin-top:4px} .mag-control .period-book{width:max-content;min-width:100%} .mag-control .period-book .pinned{max-width:280px;min-width:280px} .mag-control .period-book .numeric{min-width:140px} .mag-control .benchmark-cell{background:var(--mag-selected-bg);color:var(--mag-selected-text)} .mag-control .record-link{border:0;background:transparent;padding:0;text-align:left;font-size:inherit;line-height:inherit;color:var(--mag-link);max-width:260px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;font-weight:500} .mag-control .record-link:hover{text-decoration:underline} .mag-control .table-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 24px 20px} .mag-control .table-search{display:flex;align-items:center;gap:8px;background:var(--mag-surface-subtle);border-radius:var(--mag-radius-pill);padding:2px 8px 2px 14px;max-width:440px;flex:1;min-width:220px;border:1px solid var(--mag-border)} .mag-control .table-search input{border:0;background:transparent;padding:8px 0;width:100%} .mag-control .table-toolbar>.meta{margin-left:auto} .mag-control .table-pagination{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px} .mag-control .trend-panel{margin-top:24px} .mag-control .trend-chart{height:284px;width:100%;padding:0 16px 0 4px} .mag-control .chart-footnote{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px 24px} .mag-control .chart-legend{font-size:12px;color:var(--mag-text-secondary);display:inline-flex;align-items:center;gap:8px} .mag-control .chart-legend i{display:inline-block;width:16px;height:3px;background:var(--mag-chart-1);border-radius:3px} .mag-control .rank-list{padding:0 24px 24px;display:grid;gap:12px} .mag-control .rank-row{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--mag-border);border-radius:16px;color:var(--mag-text)} .mag-control .rank-row:hover{background:var(--mag-hover);text-decoration:none} .mag-control .rank-number{font-size:20px;min-width:24px;color:var(--mag-text-muted)} .mag-control .rank-body{flex:1;min-width:0} .mag-control .rank-body strong{font-size:14px;font-weight:500} .mag-control .rank-body .row>span{font-size:16px;font-weight:600} .mag-control .rank-track{height:6px;background:var(--mag-surface-subtle);border-radius:4px;margin:12px 0 8px} .mag-control .rank-track>span{display:block;height:100%;background:var(--mag-chart-1);border-radius:4px} .mag-control .policy-notice{display:flex;gap:8px;align-items:flex-start;padding:0 24px 20px;color:var(--mag-text-secondary);font-size:12px} .mag-control .policy-notice svg{flex-shrink:0} .mag-control .process-view{padding:0 24px 24px;display:grid;gap:20px} .mag-control .process-step{display:flex;gap:16px;padding:20px;background:var(--mag-surface-subtle);border-radius:16px} .mag-control .process-number{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--mag-accent-lavender);color:var(--mag-accent-lavender-ink);font-size:14px;flex-shrink:0} .mag-control .process-value{font-size:28px;font-weight:600;margin:8px 0;letter-spacing:-.03em} .mag-control .process-step .button{margin-top:12px} .mag-control .detail-list{margin:0;display:grid} .mag-control .detail-list>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;border-bottom:1px solid var(--mag-border);padding:12px 0;font-size:14px} .mag-control .detail-list dt{color:var(--mag-text-secondary)} .mag-control .detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere} .mag-control .detail-list.vertical>div{display:block} .mag-control .detail-list.vertical dd{margin-top:6px;text-align:left} .mag-control .evidence-summary{margin-bottom:20px} .mag-control .evidence-value{font-size:28px;font-weight:600;letter-spacing:-.025em;margin:16px 0 4px;overflow-wrap:anywhere} .mag-control .evidence-tabs{margin-bottom:24px} .mag-control .benchmark-value{font-size:32px;font-weight:600;letter-spacing:-.03em} .mag-control .evidence-table{width:100%;font-size:12px;border-collapse:collapse} .mag-control .evidence-table th, .mag-control .evidence-table td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--mag-border)} .mag-control .evidence-table td:last-child{overflow-wrap:anywhere;max-width:100px} .mag-control .inspector-action{padding-top:24px;margin-top:24px;border-top:1px solid var(--mag-border)} .mag-control .inspector-action .button{width:100%} .mag-control .note-section>.row{margin-bottom:8px} .mag-control .note-context{margin-bottom:20px;overflow-wrap:anywhere} .mag-control .save-success{display:flex;gap:8px;align-items:center;color:var(--mag-success-text);font-size:14px;margin-top:12px} .mag-control .note-section .error-message{margin-top:12px} .mag-control .activity-timeline{display:grid;gap:16px;margin-top:24px} .mag-control .activity-timeline article{display:flex;gap:12px;align-items:flex-start} .mag-control .activity-timeline article>div:last-child{flex:1;min-width:0} .mag-control .activity-timeline p{overflow-wrap:anywhere;white-space:pre-wrap} .mag-control .activity-timeline .meta{margin-top:8px} .mag-control .timeline-marker{width:28px;height:28px;display:grid;place-items:center;background:var(--mag-selected-bg);color:var(--mag-selected-text);border-radius:50%;flex-shrink:0} .mag-control .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px} .mag-control .form-actions{justify-content:flex-end;margin-top:24px} .mag-control .dialog-body h3+.muted{margin:8px 0 20px} @media(max-width:1200px){.mag-control .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.mag-control .metric-grid{gap:12px;margin:20px 0} .mag-control .metric-card{padding:16px} .mag-control .metric-value{font-size:26px;line-height:34px} .mag-control .metric-card-top{font-size:14px} .mag-control .metric-card-top .icon-button{min-width:44px;width:44px;min-height:44px} .mag-control .report-controls{display:block} .mag-control .report-controls>.row{margin-top:16px} .mag-control .report-controls select{max-width:100%;width:100%} .mag-control .report-controls .segmented{width:100%;gap:2px;justify-content:space-between} .mag-control .report-controls .segmented button{padding:8px 10px;font-size:12px} .mag-control .report-filters{display:grid;grid-template-columns:1fr 1fr} .mag-control .report-filters select{max-width:100%;min-width:0} .mag-control .table-toolbar{padding:0 16px 16px} .mag-control .table-search{min-width:100%} .mag-control .table-toolbar>.meta{margin:0} .mag-control .table-pagination{padding:12px 16px} .mag-control .data-table .pinned{min-width:180px;max-width:240px} .mag-control .record-link{max-width:210px} .mag-control .trend-chart{height:240px;padding:0} .mag-control .chart-footnote{padding:12px 16px 20px} .mag-control .rank-list{padding:0 16px 16px} .mag-control .rank-row{padding:12px;gap:12px} .mag-control .rank-body .row{gap:4px} .mag-control .policy-notice{padding:0 16px 16px} .mag-control .form-grid{grid-template-columns:1fr} .mag-control .process-view{padding:0 16px 16px} .mag-control .detail-list>div{grid-template-columns:1fr 1.2fr;gap:8px}} @media(max-width:389px){.mag-control .metric-grid{grid-template-columns:1fr} .mag-control .metric-card-top{min-height:32px} .mag-control .metric-value{font-size:32px} .mag-control .report-controls .segmented{border-radius:16px} .mag-control .report-controls .segmented button{flex:1 1 40%} .mag-control .report-filters{grid-template-columns:1fr} .mag-control .report-status{gap:8px}} .mag-control .overview-context{margin-bottom:24px} .mag-control .overview-priority-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px} .mag-control .priority-panel{padding:24px;border:1px solid var(--mag-border);border-radius:24px;background:var(--mag-accent-yellow);color:var(--mag-accent-yellow-ink);position:relative;overflow:hidden} .mag-control .priority-panel h2{font-size:26px;line-height:34px;letter-spacing:-.035em;margin:20px 0 12px;max-width:26ch} .mag-control .priority-panel>p{font-size:14px;max-width:65ch} .mag-control .priority-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600} .mag-control .priority-panel .button.quiet{color:inherit;font-size:12px} .mag-control .priority-details{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);padding:20px 0;margin:24px 0 20px} .mag-control .priority-details>div{display:flex;flex-direction:column;gap:4px} .mag-control .priority-details span, .mag-control .priority-details small{font-size:12px} .mag-control .priority-details strong{font-size:18px;font-weight:600} .mag-control .priority-actions .meta{display:flex;align-items:center;gap:6px} .mag-control .priority-panel p.priority-caveat{font-size:12px;line-height:18px;margin-top:16px} .mag-control .coverage-count{font-size:52px;font-weight:600;letter-spacing:-.05em;line-height:1.1;margin:8px 0 16px} .mag-control .coverage-count span{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:8px;color:var(--mag-text-secondary)} .mag-control .coverage-lines{display:grid;gap:16px;border-top:1px solid var(--mag-border);margin:24px 0 16px;padding-top:20px;font-size:14px} .mag-control .coverage-lines>div{display:flex;justify-content:space-between;align-items:center;gap:8px} .mag-control .coverage-lines strong{font-weight:500} .mag-control .overview-metrics{margin:24px 0} .mag-control .overview-analysis-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px} .mag-control .overview-analysis-grid select{width:auto;max-width:210px} .mag-control .overview-analysis-grid .panel-header{align-items:flex-start} .mag-control .overview-analysis-grid .chart-footnote a{display:flex;align-items:center;gap:4px} .mag-control .review-list{padding:0 24px 16px} .mag-control .review-list>a{display:flex;align-items:center;gap:12px;padding:16px 0;color:var(--mag-text);border-top:1px solid var(--mag-border)} .mag-control .review-list>a:hover{text-decoration:none} .mag-control .review-list>a>svg:last-child{margin-left:auto;flex-shrink:0} .mag-control .review-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;background:var(--mag-accent-lavender);color:var(--mag-accent-lavender-ink)} .mag-control .review-list strong{font-size:14px;font-weight:500} .mag-control .review-list p{font-size:12px;color:var(--mag-text-secondary);margin-top:4px} .mag-control .domain-panel{margin-top:24px;overflow:hidden} .mag-control .domain-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 24px 24px;gap:12px} .mag-control .domain-links>a{display:flex;gap:12px;align-items:center;border:1px solid var(--mag-border);padding:16px;border-radius:16px;color:var(--mag-text)} .mag-control .domain-links>a:hover{text-decoration:none;background:var(--mag-hover)} .mag-control .domain-links strong{font-size:14px;font-weight:500} .mag-control .domain-links p{font-size:12px;color:var(--mag-text-secondary);margin-top:4px} .mag-control .domain-links>a>svg:last-child{margin-left:auto;flex-shrink:0} .mag-control .domain-dot{width:8px;height:28px;border-radius:5px;background:var(--mag-chart-1);flex-shrink:0} .mag-control .series-1, .mag-control .series-5{background:var(--mag-chart-2)} .mag-control .series-2, .mag-control .series-6{background:var(--mag-chart-3)} .mag-control .series-3, .mag-control .series-7{background:var(--mag-chart-4)} .mag-control .overview-footnote{display:flex;align-items:center;gap:8px;color:var(--mag-text-muted);font-size:12px;margin-top:20px} .mag-control .catalog-toolbar{display:flex;align-items:center;gap:16px;padding:24px} .mag-control .catalog-toolbar .search-field{flex:1} .mag-control .catalog-toolbar>select{max-width:280px} .mag-control .catalog-count{font-size:12px;color:var(--mag-text-muted);padding:0 24px 16px} .mag-control .catalog-list{padding:0 24px 24px} .mag-control .catalog-list>a{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--mag-border);color:var(--mag-text)} .mag-control .catalog-list>a:hover{text-decoration:none;background:var(--mag-hover)} .mag-control .catalog-list>a>div{flex:1;min-width:0} .mag-control .catalog-list>a>svg:last-child{flex-shrink:0;margin-top:4px} .mag-control .catalog-list h3{font-size:16px;font-weight:500} .mag-control .catalog-list p{font-size:14px;color:var(--mag-text-secondary);margin:4px 0 8px} .mag-control .source-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0} .mag-control .source-links{padding:24px 0} .mag-control .overview-footnote svg{flex-shrink:0} @media(min-width:1440px){.mag-control .overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:1279px){.mag-control .overview-priority-grid{grid-template-columns:1.5fr 1fr} .mag-control .overview-analysis-grid{grid-template-columns:1fr} .mag-control .domain-links{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1023px){.mag-control .overview-priority-grid{grid-template-columns:1fr} .mag-control .coverage-panel .panel-content{display:grid;grid-template-columns:1fr 1fr;column-gap:24px} .mag-control .coverage-panel .coverage-count{grid-row:span 2} .mag-control .coverage-panel .coverage-lines{margin:0;padding:0;border:0} .mag-control .coverage-panel .panel-content>p{display:none} .mag-control .source-grid{grid-template-columns:1fr}} @media(max-width:767px){.mag-control .overview-priority-grid, .mag-control .overview-analysis-grid{gap:16px} .mag-control .priority-panel{padding:20px 16px} .mag-control .priority-panel h2{font-size:23px;line-height:31px} .mag-control .priority-details{grid-template-columns:1fr;gap:16px} .mag-control .priority-actions{display:block} .mag-control .priority-actions .button{width:100%;margin-top:16px} .mag-control .coverage-panel .panel-content{display:block} .mag-control .coverage-panel .coverage-lines{margin:16px 0} .mag-control .coverage-count{font-size:40px} .mag-control .overview-analysis-grid .panel-header{flex-wrap:wrap} .mag-control .overview-analysis-grid select{max-width:100%;width:100%} .mag-control .review-list{padding:0 16px 16px} .mag-control .domain-links{grid-template-columns:1fr;padding:0 16px 16px} .mag-control .domain-panel .panel-header{flex-wrap:wrap} .mag-control .catalog-toolbar{display:block;padding:16px} .mag-control .catalog-toolbar>select{margin-top:12px;max-width:100%} .mag-control .catalog-count{padding:0 16px 12px} .mag-control .catalog-list{padding:0 16px 16px} .mag-control .catalog-list>a{gap:8px} .mag-control .catalog-list .report-code{min-width:44px;font-size:12px} .mag-control .catalog-list h3{font-size:16px} .mag-control .source-links{padding:24px 0}} .mag-control .align-start{justify-self:start} .mag-control .wrap{flex-wrap:wrap} .mag-control .import-preview{border-top:1px solid var(--mag-border);padding-top:24px} .mag-control details summary{cursor:pointer;font-size:14px;font-weight:500;padding:12px 0} .mag-control .notice.success{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .data-table[data-density=compact] td, .mag-control .data-table[data-density=compact] th{padding-block:8px} .mag-control .stale-view{opacity:.55;pointer-events:none} @media print{.mag-control .app-main, .mag-control .nav-collapsed .app-main{margin:0!important;width:100%!important} .mag-control .workspace{max-width:none;padding:0} .mag-control .scopebar, .mag-control .workspace-footer, .mag-control .demo-strip{display:none} .mag-control .print-report{color:#172033;background:white} .mag-control .print-report table{font-size:9pt;border-collapse:collapse;width:100%} .mag-control .print-report td, .mag-control .print-report th{border:1px solid #d8deea;padding:4pt;text-align:left;overflow-wrap:anywhere} .mag-control .print-report thead{display:table-header-group} .mag-control .print-report tr{break-inside:avoid} .mag-control .print-report h1{font-size:18pt} .mag-control .print-report p{font-size:10pt} @page{size:A4 landscape;margin:12mm}} .mag-control .attention-popover{width:min(340px,calc(100vw - 32px));z-index:80;background:var(--mag-surface-raised);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:20px;padding:20px;box-shadow:var(--mag-shadow-popover)} .mag-control .attention-popover p{font-size:14px;margin-top:10px} .mag-control .attention-trigger{margin-top:16px} .mag-control .attention-pulse{animation:attention-ring 2400ms ease-in-out 2} @keyframes attention-ring{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px var(--mag-warning-bg)}} .mag-control .attention-popover{position:relative;padding-right:44px} .mag-control .preview-close{position:absolute;right:4px;top:4px;min-width:40px} .mag-control .brand img{flex-shrink:0} @media print{.mag-control .print-report .table-scroll{overflow:visible} .mag-control .print-report table{table-layout:fixed} .mag-control .print-report th, .mag-control .print-report td{white-space:normal!important;min-width:0!important;position:static!important;background:white!important;color:#172033!important}} @media(max-width:767px){.mag-control .data-table .pinned, .mag-control .period-book .pinned{width:clamp(112px,calc(100vw - 214px),160px);min-width:clamp(112px,calc(100vw - 214px),160px);max-width:clamp(112px,calc(100vw - 214px),160px);white-space:normal;overflow-wrap:anywhere} .mag-control .data-table .pinned .record-link{max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip} .mag-control .period-book .numeric{min-width:160px;max-width:180px;white-space:normal}} @media(max-width:767px){.mag-control .record-link, .mag-control .data-table thead th button{min-height:44px}} .mag-control .priority-details small a{text-decoration:underline;text-underline-offset:2px} .mag-control .period-book-scroll{max-height:min(70vh,720px);isolation:isolate} .mag-control .period-book-scroll thead th{top:0;z-index:3} .mag-control .period-book-scroll thead .pinned{z-index:4} .mag-control .period-book-scroll tbody .pinned{z-index:2} @media print{.mag-control .period-book-scroll{max-height:none;overflow:visible} .mag-control .period-book-scroll th{position:static!important}} @media(max-width:600px){.mag-control .evidence-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-radius:16px} .mag-control .evidence-tabs button{padding:6px 3px;font-size:12px;min-width:0;min-height:44px} .mag-control .metric-history .trend-chart{height:235px}} .mag-control .catalog-list h3, .mag-control .catalog-list p, .mag-control .catalog-list .meta{overflow-wrap:anywhere;word-break:normal} :root{--mag-dense-row:30px;--mag-dense-font:13px;--mag-dense-head-font:11px;--mag-dense-meta-font:11.5px;--mag-dense-pad-x:6px;--mag-dense-pad-y:6px;--mag-dense-num-min:64px;--mag-tile-value:20px;--mag-tile-label:11px;--mag-tile-context:12px;--mag-tile-pad:8px 12px;--mag-tile-gap:10px;--mag-control-h:32px;--mag-control-font:13px;--mag-control-radius:8px;--mag-panel-head-h:36px;--mag-panel-pad-x:12px} /* ==== src/app/enhanced-motion.css ==== */ @media screen{:root[data-motion=enhanced] .workspace :is(.button, .mag-control button:not([role=tab]), .mag-control a){transition:background-color 180ms ease,color 180ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(.16,1,.3,1)!important} :root[data-motion=enhanced] .workspace :is(section, .mag-control article, .mag-control figure){transition:box-shadow 240ms ease,border-color 240ms ease!important} :root[data-motion=enhanced] [role=dialog]{animation:mag-dialog-arrive 500ms cubic-bezier(.16,1,.3,1)!important} :root[data-motion=enhanced] .workspace [role=tabpanel]{animation:mag-tab-arrive 600ms ease-out!important} :root[data-motion=enhanced] .motion-preview i{animation:mag-preview-rise 1100ms cubic-bezier(.16,1,.3,1) both!important;transform-origin:bottom} :root[data-motion=enhanced] .motion-preview i:nth-child(2){animation-delay:100ms!important} :root[data-motion=enhanced] .motion-preview i:nth-child(3){animation-delay:200ms!important} @media(hover:hover){:root[data-motion=enhanced] .workspace :is(.button, .mag-control button:not([role=tab])):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #06214b18} :root[data-motion=enhanced] .workspace :is(section, .mag-control article, .mag-control figure):hover{box-shadow:0 8px 24px #06214b0d}} :root[data-motion=enhanced] .workspace :is(.button, .mag-control button:not([role=tab])):active:not(:disabled){transform:scale(.97)}} .mag-control .motion-preview{display:flex;align-items:flex-end;gap:7px;height:42px;margin:14px 0 8px} .mag-control .motion-preview i{display:block;width:26px;border-radius:5px 5px 2px 2px;background:var(--mag-primary);height:45%} .mag-control .motion-preview i:nth-child(2){height:72%;opacity:.8} .mag-control .motion-preview i:nth-child(3){height:100%;opacity:.6} @keyframes mag-dialog-arrive{from{opacity:0;translate:0 10px;scale:.985}to{opacity:1;translate:0 0;scale:1}} @keyframes mag-tab-arrive{from{opacity:.45}to{opacity:1}} @keyframes mag-preview-rise{from{transform:scaleY(.15);opacity:.25}to{transform:scaleY(1)}} @media screen and (hover:hover){:root[data-motion=enhanced] .workspace :is(article, .mag-control [aria-label="Headline measures"] > *){transition:translate 260ms ease,box-shadow 260ms ease!important} :root[data-motion=enhanced] .workspace :is(article, .mag-control [aria-label="Headline measures"] > *):hover{translate:0 -4px;box-shadow:0 12px 30px #173c701a}} /* ==== src/components/operating-shell.css ==== */ .mag-control .operating-shell{ --mag-nav-expanded:220px; --mag-header-height:68px; } .mag-control .operating-shell .sidebar{ background:linear-gradient(110deg,#1c293b,#172333); border-right:0; color:#bed0e9; --mag-favorite:#FCD34D; } .mag-control .operating-shell .brand{ min-height:92px; padding:18px 24px 22px; } .mag-control .operating-shell .brand-label{ color:#eef4ff; font-size:23px; font-weight:350; letter-spacing:-.035em; white-space:nowrap; } .mag-control .operating-shell .brand-label b{ font-weight:750; } .mag-control .operating-shell .brand-label span{ color:#bacbe3; font-size:12px; letter-spacing:0; margin-top:2px; } .mag-control .operating-shell .sidebar nav{ padding:14px 8px 20px; } .mag-control .operating-shell .nav-group{ margin-bottom:18px; } .mag-control .operating-shell .nav-group+.nav-group{ border-top:1px solid #37465a; padding-top:12px; } .mag-control .operating-shell .nav-label{ color:#bdd0ea; text-transform:none; letter-spacing:0; font-size:12px; padding:0 16px 12px; } .mag-control .operating-shell .nav-item{ border-radius:7px; min-height:43px; padding:11px 16px; gap:14px; color:#bfd0e7; font-size:13px; font-weight:400; white-space:nowrap; } .mag-control .operating-shell .nav-item:hover{ color:#fff; background:#263b56; } .mag-control .operating-shell .nav-item.active{ color:#66a5ff; background:linear-gradient(100deg,#263f65,#223a5e); font-weight:600; } .mag-control .operating-shell .nav-item i{ left:-8px; right:auto; height:100%; width:6px; background:#1468fc; border-radius:0 5px 5px 0; } .mag-control .operating-shell .sidebar-bottom{ border:0; padding:16px 18px 34px; } .mag-control .operating-shell .organization{ display:flex; gap:12px; align-items:center; } .mag-control .operating-shell .organization .avatar{ width:34px; height:34px; background:#29394f; color:#b8cbe7; } .mag-control .operating-shell .organization span:last-child{ font-size:12px; color:#adc2df; line-height:1.7; } .mag-control .operating-shell .organization small{ display:block; font-size:12px; } .mag-control .operating-shell .collapse-control{ margin-top:16px; width:30px; height:26px; background:transparent; color:#9cb4d4; border:0; border-radius:4px; display:grid; place-items:center; } .mag-control .operating-shell .collapse-control:hover{ background:#2b415d; color:#fff; } .mag-control .operating-shell .topbar{ padding:0 26px; gap:24px; } .mag-control .operating-shell .topbar-label{ display:block; font-size:17px; font-weight:700; color:var(--mag-text); white-space:nowrap; } .mag-control .operating-shell .topbar-actions{ flex:1; justify-content:flex-end; gap:18px; } .mag-control .operating-shell .search-trigger{ flex:1; max-width:594px; width:auto; min-width:170px; height:38px; border-radius:6px; padding:8px 11px; font-size:12px; background:var(--mag-canvas); } .mag-control .operating-shell .search-trigger kbd{ background:var(--mag-surface); padding:2px 7px; } .mag-control .operating-shell .appearance-trigger{ display:flex; align-items:center; gap:10px; width:auto; padding:8px; font-size:12px; color:var(--mag-text); } .mag-control .operating-shell .header-divider{ height:38px; margin:0; } .mag-control .operating-shell .session-label{ display:flex; color:var(--mag-text); gap:10px; white-space:nowrap; font-size:12px; } .mag-control .operating-shell .avatar{ display:grid; place-items:center; flex-shrink:0; border-radius:50%; width:38px; height:38px; background:var(--mag-info-bg); color:var(--mag-primary); font-size:12px; font-weight:600; } .mag-control .operating-shell .session-label small{ display:block; color:var(--mag-text-muted); margin-top:3px; font-size:12px; } .mag-control .operating-shell .workspace{ padding:26px; } .mag-control .operating-shell .workspace-footer{ padding:12px 26px 20px; font-size:12px; } .mag-control .operating-shell .used-car-app{ margin:0; } @media(min-width:901px){.mag-control .operating-shell.executive-shell{--mag-header-height:48px} .mag-control .operating-shell.executive-shell .topbar{height:48px;min-height:48px;padding-inline:24px} .mag-control .operating-shell.executive-shell .topbar .search-trigger{min-height:32px;height:32px} .mag-control .operating-shell.executive-shell .topbar .avatar{width:30px;height:30px} .mag-control .operating-shell.executive-shell .workspace{padding:8px 24px 24px}} .mag-control .operating-shell.nav-collapsed .sidebar{ width:72px; } .mag-control .operating-shell.nav-collapsed .brand{ padding:20px 14px; } .mag-control .operating-shell.nav-collapsed .brand-label{ display:block; font-size:16px; } .mag-control .operating-shell.nav-collapsed .brand-label em, .mag-control .operating-shell.nav-collapsed .brand-label span, .mag-control .operating-shell.nav-collapsed .organization{ display:none; } .mag-control .operating-shell.nav-collapsed .nav-item{ padding:12px; justify-content:center; } .mag-control .operating-shell.nav-collapsed .sidebar-bottom{ padding:12px 20px; } .mag-control .operating-shell.nav-collapsed .app-main{ margin-left:72px; width:calc(100% - 72px); } .mag-control .operating-shell .brand-label em{ font-style:normal; } @media(min-width:768px) and (max-width:1350px){.mag-control .operating-shell .topbar-actions{ gap:10px; } .mag-control .operating-shell .topbar-label{ font-size:14px; } .mag-control .operating-shell .appearance-trigger span{ display:none; } .mag-control .operating-shell .topbar{ gap:20px; padding:0 22px; }} @media(min-width:768px) and (max-width:1023px){.mag-control .operating-shell .sidebar{ width:72px; } .mag-control .operating-shell .brand{ padding:20px 14px; } .mag-control .operating-shell .brand-label{ display:block; font-size:16px; } .mag-control .operating-shell .brand-label em, .mag-control .operating-shell .brand-label span, .mag-control .operating-shell .organization{ display:none; } .mag-control .operating-shell .nav-item{ padding:12px; justify-content:center; } .mag-control .operating-shell .sidebar-bottom{ padding:12px 20px; } .mag-control .operating-shell .session-label small{ display:none; }} @media(max-width:767px){.mag-control .operating-shell .topbar{ height:60px; padding:0 16px; gap:4px; } .mag-control .operating-shell .topbar-label{ font-size:12px; max-width:none; } .mag-control .operating-shell .topbar-actions{ flex:0; gap:0; } .mag-control .operating-shell .search-trigger{ flex:0; min-width:36px; width:36px; border:0; background:transparent; } .mag-control .operating-shell .appearance-trigger{ padding:8px; } .mag-control .operating-shell .appearance-trigger span, .mag-control .operating-shell .appearance-trigger svg:last-child, .mag-control .operating-shell .session-label, .mag-control .operating-shell .header-divider{ display:none; } .mag-control .operating-shell .workspace{ padding:20px 16px; } .mag-control .operating-shell.nav-collapsed .app-main{ margin-left:0; width:100%; }} @media print{.mag-control .operating-shell .app-main{ margin:0!important; width:100%!important; }} .mag-control .operating-shell:has([data-testid="used-workbench"]) .workspace-footer{ display:none; } .mag-control .operating-shell:has([data-testid="used-workbench"]) .workspace{ padding-bottom:0; } .mag-control .operating-shell .mobile-brand{display:none;} .mag-control .operating-shell .topbar>.row{flex-wrap:nowrap;} @media(max-width:767px){.mag-control .operating-shell .desktop-brand{display:none;} .mag-control .operating-shell .mobile-brand{display:inline;} .mag-control .operating-shell .topbar-label{font-size:13px;}} @media(max-width:360px){.mag-control .operating-shell .mobile-brand .mag-brand-product{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .mag-control .operating-shell .topbar>.row{gap:4px}} .mag-control .mobile-bottom-nav{display:none} @media(max-width:767px){.mag-control .operating-shell .workspace{padding:16px 14px 24px} .mag-control .operating-shell .app-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))} .mag-control .operating-shell .topbar .icon-button, .mag-control .operating-shell .search-trigger, .mag-control .operating-shell .appearance-trigger{min-width:44px;min-height:44px} .mag-control .mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:35;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--mag-surface);border-top:1px solid var(--mag-border);box-shadow:0 -4px 16px rgba(10,25,45,.05)} .mag-control .mobile-bottom-nav>a, .mag-control .mobile-bottom-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:52px;border:0;border-radius:9px;background:none;color:var(--mag-text-secondary);font-size:12px;font-weight:550;text-decoration:none} .mag-control .mobile-bottom-nav>[aria-current="page"]{color:var(--mag-selected-text);background:var(--mag-selected-bg);font-weight:650} .mag-control .mobile-bottom-nav>button[aria-expanded="true"]{color:var(--mag-selected-text)}} @media print{.mag-control .mobile-bottom-nav{display:none!important}} .mag-control .dialog-footer{flex-shrink:0;padding:16px 24px;border-top:1px solid var(--mag-border);background:var(--mag-surface-raised)} .mag-control .dialog-footer .error-message{margin:0 0 10px;font-size:13px} .mag-control .action-submit{justify-content:flex-end;gap:10px} .mag-control .action-details{border-top:1px solid var(--mag-border);margin-top:12px} .mag-control .action-details summary{min-height:48px;align-content:center;cursor:pointer;font-size:14px;font-weight:600;padding:10px 0} .mag-control .action-details[open]>summary{margin-bottom:12px} .mag-control .accountable-action textarea{min-height:78px} @media(max-width:767px){.mag-control .dialog-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))} .mag-control .dialog-heading{padding:16px;flex-shrink:0} .mag-control .dialog-heading h2{font-size:20px} .mag-control .dialog-heading p{font-size:12px;line-height:1.5} .mag-control .dialog-body{min-height:0} .mag-control .accountable-action input, .mag-control .accountable-action select, .mag-control .accountable-action textarea{font-size:16px;min-height:44px} .mag-control .action-submit{display:grid;grid-template-columns:1fr 2fr} .mag-control .action-submit .button{min-height:48px;width:100%}} .mag-control .scope-explanation{margin:0;padding:8px 26px;background:var(--mag-surface);border-bottom:1px solid var(--mag-border);color:var(--mag-text-secondary);font-size:12px;line-height:1.6} .mag-control .search-results [aria-selected="true"]{background:var(--mag-selected-bg);outline:2px solid var(--mag-primary);outline-offset:-2px} @media(max-width:767px){.mag-control .scope-explanation{padding:8px 16px}} .mag-control .portfolio-scope{padding:9px 26px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface);font-size:12px;color:var(--mag-text-secondary)} .mag-control .portfolio-scope summary{cursor:pointer;min-height:28px;align-content:center} .mag-control .portfolio-controls{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0} .mag-control .portfolio-controls label{display:grid;gap:5px} .mag-control .portfolio-controls select{max-width:300px} .mag-control .portfolio-evidence{max-width:100ch;line-height:1.6} .mag-control .portfolio-evidence p{margin:6px 0} @media(max-width:767px){.mag-control .portfolio-scope{padding:7px 16px} .mag-control .portfolio-controls{display:grid;grid-template-columns:1fr} .mag-control .portfolio-controls select{width:100%;max-width:none;min-height:44px}} .mag-control .metric-history-link{ background:transparent;border:0;padding:0;text-align:left;color:var(--mag-text);cursor:pointer; } .mag-control .metric-history-link:hover{ color:var(--mag-primary);text-decoration:underline; } .mag-control .history-reference{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;background:var(--mag-surface-subtle);border-radius:10px;} .mag-control .history-reference strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;} .mag-control .history-reference label{font-size:12px;display:grid;gap:6px;} .mag-control .history-selected{background:var(--mag-selected-bg);} .mag-control .metric-history .trend-chart{min-height:210px;} .mag-control .coverage-notice, .mag-control .peer-review{margin:12px 0 20px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);} .mag-control .coverage-notice{padding:12px 16px;font-size:12px;line-height:1.6;color:var(--mag-text-secondary);} .mag-control .coverage-notice summary, .mag-control .peer-review summary{cursor:pointer;font-weight:600;color:var(--mag-text);} .mag-control .peer-review>summary{padding:16px;font-size:14px;} .mag-control .peer-review .panel-content{font-size:13px;line-height:1.6;} .mag-control .catalog-availability{display:block;width:fit-content;margin-top:8px;padding:3px 8px;border-radius:5px;background:var(--mag-surface-subtle);font-size:12px;color:var(--mag-text-secondary);} .mag-control .catalog-availability[data-state=available]{color:var(--mag-success-text);} .mag-control .catalog-toolbar{flex-wrap:wrap;} .mag-control .catalog-toolbar select{max-width:100%;} .mag-control .operating-shell .topbar-stack{ position:sticky; top:0; z-index:30; background:var(--mag-surface); } :root{ scroll-padding-top:calc(var(--mag-sticky-header, 0px) + 12px); } @media print{.mag-control .operating-shell .topbar-stack{ position:static; }} @media (min-width:768px) and (max-width:1023px){.mag-control .operating-shell .topbar{justify-content:space-between;gap:12px;padding-inline:16px} .mag-control .operating-shell .topbar>.row{flex:none;min-width:0} .mag-control .operating-shell .topbar-actions{min-width:0;gap:6px} .mag-control .operating-shell .topbar .search-trigger{flex:0 0 44px;min-width:44px;width:44px} .mag-control .operating-shell .topbar .search-trigger span, .mag-control .operating-shell .topbar .search-trigger kbd, .mag-control .operating-shell .topbar .session-label, .mag-control .operating-shell .topbar .header-divider{display:none}} @media(max-width:479px){.mag-control .operating-shell .topbar{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:104px;padding:6px 12px;gap:0;justify-content:stretch} .mag-control .operating-shell .topbar>.row{min-width:0;min-height:44px;gap:8px} .mag-control .operating-shell .topbar-actions{width:100%;min-width:0;justify-content:flex-end;gap:4px} .mag-control .operating-shell .topbar-actions>*{flex-shrink:0}} /* ==== src/components/guided-navigation.css ==== */ .mag-control .operating-shell{--business-rail-width:220px} .mag-control .operating-shell.nav-collapsed{--business-rail-width:72px} .mag-control .operating-shell .sidebar{z-index:60} .mag-control .sidebar .guided-navigation{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:10px 10px 18px} .mag-control .guided-category.category-separator{margin-top:10px;padding-top:10px;border-top:1px solid #ffffff21} .mag-control .business-disclosure{width:100%;border:0;font:inherit;text-align:left;cursor:pointer;min-height:44px;margin:2px 0!important;gap:10px!important;line-height:1.3;background:transparent} .mag-control .business-disclosure>span{flex:1} .mag-control .business-disclosure>svg{flex-shrink:0} .mag-control .business-disclosure .business-chevron{transition:transform 240ms ease} .mag-control .business-disclosure[data-exploring=true]{background:#dbeafe!important;color:#172f55!important} .mag-control .business-disclosure[data-exploring=true] .business-chevron{transform:rotate(90deg)} .mag-control .business-disclosure.active:before{content:'';position:absolute;left:0;width:3px;height:20px;background:currentColor;border-radius:4px} .mag-control .business-disclosure{position:relative} .mag-control .business-disclosure.active>span{font-weight:650} .mag-control .business-submenu{position:fixed;left:var(--business-rail-width);top:12px;bottom:12px;z-index:80;width:min(350px,calc(100vw - var(--business-rail-width) - 20px));overflow:auto;overscroll-behavior:contain;padding:20px;border-radius:0 16px 16px 0;background:var(--mag-accent-sky);color:var(--mag-text);border:1px solid color-mix(in srgb,var(--mag-accent-sky-ink) 22%,transparent);box-shadow:12px 10px 30px #0002;animation:business-menu-reveal 240ms ease-out} .mag-control .business-submenu header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between} .mag-control .business-submenu h2{font-size:22px;line-height:1.3;color:var(--mag-text);margin:5px 0} .mag-control .submenu-eyebrow{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--mag-accent-sky-ink)} .mag-control .submenu-context{font-size:12px;line-height:1.6;margin:14px 0 20px;color:var(--mag-text-secondary)} .mag-control .business-submenu .icon-button{color:var(--mag-accent-sky-ink);flex-shrink:0} .mag-control .submenu-group{border-top:1px solid color-mix(in srgb,var(--mag-accent-sky-ink) 20%,transparent)} .mag-control .submenu-group>button{min-height:48px;border:0;background:transparent;color:var(--mag-accent-sky-ink);font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;padding:10px 0} .mag-control .submenu-group>button svg{transition:transform 240ms ease;flex-shrink:0} .mag-control .submenu-group>button[aria-expanded=true] svg{transform:rotate(180deg)} .mag-control .submenu-group ul{margin:0 0 15px;padding:0;list-style:none} .mag-control .submenu-group a, .mag-control .submenu-all{min-height:46px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:8px;font-size:13px;line-height:1.45;color:var(--mag-text)!important;text-decoration:none!important} .mag-control .submenu-group a>span:first-child{flex:1} .mag-control .submenu-group a>svg{flex-shrink:0} .mag-control .submenu-group a:hover, .mag-control .submenu-group a:focus-visible{background:color-mix(in srgb,var(--mag-surface) 65%,transparent)} .mag-control .submenu-group a[aria-current=page]{background:var(--mag-surface);box-shadow:inset 3px 0 var(--mag-accent-sky-ink);font-weight:650} .mag-control .submenu-current{font-size:10px;text-transform:uppercase;color:var(--mag-accent-sky-ink)} .mag-control .submenu-all{margin-top:18px;border:1px solid color-mix(in srgb,var(--mag-accent-sky-ink) 25%,transparent);justify-content:space-between} @media screen and (min-width:1200px){.mag-control .operating-shell.section-panel-open .sidebar .business-disclosure[data-panel-section=true]{background:#dbeafe!important;color:#172f55!important} .mag-control .operating-shell.section-panel-open .sidebar .business-disclosure[data-panel-section=true] .business-chevron{transform:rotate(90deg)}} .mag-control .guided-navigation :focus-visible{outline:2px solid var(--mag-accent-sky-ink);outline-offset:3px} .mag-control .sidebar .business-disclosure:focus-visible{outline-color:#bfdbfe} .mag-control .nav-collapsed .business-disclosure .business-chevron{display:none} .mag-control .nav-collapsed .business-submenu span{display:inline} .mag-control .nav-collapsed .business-submenu h2{display:block} .mag-control .business-context-line{display:flex;gap:6px 12px;flex-wrap:wrap;align-items:baseline;padding:10px 28px;background:var(--mag-surface);border-bottom:1px solid var(--mag-border);font-size:12px;line-height:1.6;color:var(--mag-text-secondary)} .mag-control .business-context-line strong{color:var(--mag-text)} .mag-control .business-context-line>span+span:before{content:'·';margin-right:12px} .mag-control .business-context-line .context-population{font-weight:550;color:var(--mag-text)} .mag-control .cash-definition{padding:20px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);margin:20px 0} .mag-control .cash-definition h2{font-size:20px} .mag-control .cash-definition p{max-width:90ch;line-height:1.7} .mag-control .cash-definition ul{padding-left:20px;line-height:1.8} .mag-control .review-business-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin:12px 0} .mag-control .review-business-links a{min-height:44px;display:flex;align-items:center;font-size:12px} @keyframes business-menu-reveal{from{transform:translateX(-12px)}to{transform:translateX(0)}} @media(max-width:767px){.mag-control .dialog:has(.guided-mobile){width:100%;max-width:100%;height:100dvh;max-height:100dvh;top:0;left:0;transform:none;border-radius:0;margin:0} .mag-control .dialog:has(.guided-mobile)>.dialog-body{padding:0 16px 20px;overflow:auto} .mag-control .guided-mobile{position:relative} .mag-control .guided-mobile .business-disclosure{color:var(--mag-text);padding:12px} .mag-control .guided-mobile .business-disclosure.active{background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink)} .mag-control .guided-mobile .category-separator{border-color:var(--mag-border)} .mag-control .guided-mobile .business-submenu{position:relative;inset:auto;width:100%;padding:16px;border-radius:12px;box-shadow:none;max-height:none;margin:6px 0 14px;animation:business-menu-reveal 240ms ease-out} .mag-control .business-context-line{padding:10px 14px;gap:2px 8px} .mag-control .business-context-line>span+span:before{margin-right:8px} .mag-control .business-context-line .context-population{flex-basis:100%} .mag-control .business-context-line .context-population:before{display:none} .mag-control .mobile-bottom-nav button{border:0;background:none;font:inherit;color:var(--mag-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;min-height:56px} .mag-control .review-business-links{display:grid;grid-template-columns:1fr 1fr}} @media(prefers-reduced-motion:reduce){.mag-control .business-submenu{animation:none} .mag-control .business-disclosure .business-chevron, .mag-control .submenu-group>button svg{transition:none}} :root[data-motion=reduced] .business-submenu{animation:none} :root[data-motion=reduced] .business-disclosure .business-chevron, :root[data-motion=reduced] .submenu-group>button svg{transition:none} @media print{.mag-control .business-submenu{display:none!important} .mag-control .business-context-line{padding:6px 0;color:#172033}} .mag-control :is(.sidebar, .mag-control .section-panel, .mag-control .business-submenu, .mag-control .mobile-bottom-nav, .mag-control .topbar, .mag-control .dialog:has(.guided-mobile), .mag-control .dialog:has(.search-results)){ --mag-radius-panel: 24px; --mag-radius-card: 20px; --mag-radius-control: 12px; --mag-signature-gradient: linear-gradient(135deg, #6D28D9, #BE185D); --mag-canvas: #F5F8FC; --mag-surface: #FFFFFF; --mag-surface-subtle: #F1F4F8; --mag-surface-raised: #FFFFFF; --mag-hover: #EDF3FF; --mag-border: #E2E8F0; --mag-control-border: #CCD7E7; --mag-text: #111E3B; --mag-text-secondary: #526174; --mag-text-muted: #596B87; --mag-primary: #0755ED; --mag-primary-hover: #1D4ED8; --mag-on-primary: #FFFFFF; --mag-link: #0755ED; --mag-focus: #2563EB; --mag-selected-bg: #EAF1FF; --mag-selected-text: #1D4ED8; --mag-warning-bg: #FFF4CC; --mag-warning-text: #854D0E; --mag-warning-mark: #A16207; --mag-info-bg: #EAF2FF; --mag-info-text: #1D4ED8; --mag-info-mark: #2563EB; --mag-neutral-text: #526174; --mag-accent-lavender-ink: #6D28D9; --mag-chart-1: #2563EB; --mag-chart-2: #7C3AED; --mag-chart-3: #0F766E; --mag-chart-4: #B45309; --mag-chart-5: #BE185D; --mag-chart-context: #94A3B8; --mag-shadow-card: 0 4px 16px rgba(23, 32, 51, 0.04); --mag-shadow-raised: 0 8px 24px rgba(23, 32, 51, 0.08); } :root[data-theme="dark"] :is(.sidebar, .mag-control .section-panel, .mag-control .business-submenu, .mag-control .mobile-bottom-nav, .mag-control .topbar, .mag-control .dialog:has(.guided-mobile), .mag-control .dialog:has(.search-results)){ --mag-canvas: #0B0D14; --mag-surface: #131620; --mag-surface-subtle: #10131D; --mag-surface-raised: #1A1E2B; --mag-hover: #202637; --mag-border: #2B3344; --mag-control-border: #71809A; --mag-text: #F4F6FC; --mag-text-secondary: #B6C0D2; --mag-text-muted: #9AA8BE; --mag-primary: #7C3AED; --mag-primary-hover: #6D28D9; --mag-on-primary: #FFFFFF; --mag-link: #C4B5FD; --mag-focus: #C4B5FD; --mag-selected-bg: #272142; --mag-selected-text: #DDD6FE; --mag-warning-bg: #342A13; --mag-warning-text: #FDE68A; --mag-warning-mark: #FBBF24; --mag-info-bg: #172842; --mag-info-text: #BFDBFE; --mag-info-mark: #60A5FA; --mag-neutral-text: #CBD5E1; --mag-accent-lavender-ink: #DDD6FE; --mag-chart-1: #A78BFA; --mag-chart-2: #F472B6; --mag-chart-3: #2DD4BF; --mag-chart-4: #FBBF24; --mag-chart-5: #60A5FA; --mag-chart-context: #71809A; --mag-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.20); --mag-shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.28); } @media (prefers-color-scheme:dark){:root:not([data-theme]) :is(.sidebar, .mag-control .section-panel, .mag-control .business-submenu, .mag-control .mobile-bottom-nav, .mag-control .topbar, .mag-control .dialog:has(.guided-mobile), .mag-control .dialog:has(.search-results)), :root[data-theme="system"] :is(.sidebar, .mag-control .section-panel, .mag-control .business-submenu, .mag-control .mobile-bottom-nav, .mag-control .topbar, .mag-control .dialog:has(.guided-mobile), .mag-control .dialog:has(.search-results)){ --mag-canvas: #0B0D14; --mag-surface: #131620; --mag-surface-subtle: #10131D; --mag-surface-raised: #1A1E2B; --mag-hover: #202637; --mag-border: #2B3344; --mag-control-border: #71809A; --mag-text: #F4F6FC; --mag-text-secondary: #B6C0D2; --mag-text-muted: #9AA8BE; --mag-primary: #7C3AED; --mag-primary-hover: #6D28D9; --mag-on-primary: #FFFFFF; --mag-link: #C4B5FD; --mag-focus: #C4B5FD; --mag-selected-bg: #272142; --mag-selected-text: #DDD6FE; --mag-warning-bg: #342A13; --mag-warning-text: #FDE68A; --mag-warning-mark: #FBBF24; --mag-info-bg: #172842; --mag-info-text: #BFDBFE; --mag-info-mark: #60A5FA; --mag-neutral-text: #CBD5E1; --mag-accent-lavender-ink: #DDD6FE; --mag-chart-1: #A78BFA; --mag-chart-2: #F472B6; --mag-chart-3: #2DD4BF; --mag-chart-4: #FBBF24; --mag-chart-5: #60A5FA; --mag-chart-context: #71809A; --mag-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.20); --mag-shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.28); }} .mag-control :is(.section-panel, .mag-control .mobile-bottom-nav, .mag-control .topbar, .mag-control .dialog:has(.guided-mobile), .mag-control .dialog:has(.search-results)){color:var(--mag-text)} .mag-control .submenu-hub{margin:0 0 10px;font-weight:700} .mag-control .guided-category{position:relative} .mag-control .guided-category>.mag-nav-star{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:1} .mag-control .nav-collapsed .guided-category>.mag-nav-star, .mag-control .guided-mobile .guided-category>.mag-nav-star{display:none} .mag-control .sidebar .guided-category>.mag-nav-star{color:#8fa6c4} .mag-control .sidebar .guided-category>.mag-nav-star:hover{background:#ffffff1f} .mag-control .business-disclosure{padding-right:38px!important} .mag-control .nav-collapsed .business-disclosure, .mag-control .guided-mobile .business-disclosure{padding-right:12px!important} .mag-control .submenu-group li{display:flex;align-items:center;gap:2px} .mag-control .submenu-group li>a{flex:1;min-width:0} @media (hover:hover) and (pointer:fine){.mag-control .guided-category:hover>.mag-nav-star, .mag-control .guided-category:focus-within>.mag-nav-star{opacity:1}} /* ==== src/components/investigation.css ==== */ .mag-control .investigation-context{padding:12px 26px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface);font-size:12px;position:relative;z-index:20} .mag-control .context-compact-source{display:none} @media(min-width:901px){.mag-control .executive-shell .business-context-line{padding:4px 24px;min-height:26px;gap:10px} .mag-control .executive-shell .investigation-context{padding:4px 24px} .mag-control .executive-shell .context-controls{gap:12px} .mag-control .executive-shell .context-controls>label{display:flex;align-items:center;gap:6px;margin:0} .mag-control .executive-shell .context-controls select{min-height:30px;height:30px;padding-block:3px} .mag-control .executive-shell .context-controls>.context-period{display:none} .mag-control .executive-shell .context-advanced{margin-left:auto} .mag-control .executive-shell .context-advanced summary{min-height:30px;padding:0} .mag-control .executive-shell .context-compact-source{display:block}} .mag-control .context-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .mag-control .context-controls>label{display:grid;gap:4px;color:var(--mag-text-secondary);font-size:12px} .mag-control .context-controls select{max-width:290px;font-size:12px;min-height:38px} .mag-control .context-summary{display:none} .mag-control .context-period{margin:0;color:var(--mag-text);font-size:12px;flex:1;min-width:180px} .mag-control .context-period small{display:block;color:var(--mag-text-muted);font-size:12px;margin-top:4px;overflow-wrap:anywhere} .mag-control .context-advanced{position:relative} .mag-control .context-advanced summary{cursor:pointer;min-height:38px;display:flex;align-items:center;gap:6px;color:var(--mag-link)} .mag-control .context-advanced>div{position:absolute;right:0;top:100%;background:var(--mag-surface);border:1px solid var(--mag-border);box-shadow:var(--mag-shadow-md,0 12px 40px #0002);border-radius:10px;padding:18px;width:350px;max-width:calc(100vw - 32px);display:grid;gap:14px;max-height:65vh;overflow:auto} .mag-control .context-advanced p{font-size:12px;line-height:1.6;margin:0} .mag-control .context-advanced label{display:grid;gap:6px} .mag-control .context-warning{display:flex;gap:12px;align-items:center;padding:10px 26px;margin:0;background:var(--mag-warning-bg,#fff2d6);color:var(--mag-text);font-size:12px;line-height:1.6} .mag-control .context-warning>span{flex:1} .mag-control .investigation-trail{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--mag-text-secondary);margin:0 0 14px} .mag-control .investigation-return{display:flex;align-items:center;gap:5px;margin-left:auto} .mag-control .business-home{max-width:1480px;margin:auto} .mag-control .business-heading h1{font-size:30px;letter-spacing:-.035em;margin:0 0 6px} .mag-control .business-heading p{color:var(--mag-text-secondary);margin:0 0 24px;line-height:1.6} .mag-control .business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .mag-control .business-grid>a{display:flex;align-items:center;gap:18px;background:var(--mag-surface);padding:24px;border:1px solid var(--mag-border);border-radius:12px;color:var(--mag-text);text-decoration:none} .mag-control .business-grid>a:hover{border-color:var(--mag-link);background:var(--mag-selected-bg)} .mag-control .business-grid h2{font-size:18px;margin:0 0 7px} .mag-control .business-grid p{font-size:13px;color:var(--mag-text-secondary);line-height:1.6;margin:0} .mag-control .business-grid svg{flex-shrink:0;color:var(--mag-link)} .mag-control .business-grid>a>div{flex:1} .mag-control .business-number{color:var(--mag-link);font-size:13px;align-self:flex-start;background:var(--mag-info-bg);padding:8px;border-radius:8px} .mag-control .business-switch{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--mag-border);padding-bottom:14px;margin-bottom:24px} .mag-control .business-switch a{font-size:12px;padding:10px 12px;border-radius:7px;color:var(--mag-text-secondary);text-decoration:none} .mag-control .business-switch a[aria-current]{color:var(--mag-link);background:var(--mag-selected-bg)} .mag-control .business-entry h2, .mag-control .topic-index h2{font-size:17px;margin:20px 0 12px} .mag-control .business-entry>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .mag-control .business-entry a{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--mag-border);border-radius:10px;padding:22px;background:var(--mag-surface);text-decoration:none;font-weight:600;font-size:14px} .mag-control .topic-index{margin:28px 0} .mag-control .topic-index>details, .mag-control .historical-entry{border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:9px;margin:9px 0;padding:0 16px} .mag-control .topic-index summary, .mag-control .historical-entry summary{cursor:pointer;font-weight:600;font-size:13px;min-height:48px;padding:15px 0} .mag-control .topic-index summary span{float:right;color:var(--mag-text-muted);font-size:12px;font-weight:400} .mag-control .topic-index ul{list-style:none;padding:0 0 12px;margin:0;columns:2;column-gap:24px} .mag-control .topic-index li{break-inside:avoid} .mag-control .topic-index li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 0;font-size:12px;text-decoration:none;border-top:1px solid var(--mag-border)} .mag-control .historical-entry{margin:22px 0} .mag-control .historical-entry p{font-size:12px;line-height:1.6} .mag-control .historical-entry a{display:inline-flex;align-items:center;gap:5px;padding-bottom:16px;font-size:12px} .mag-control .review-disclosure{display:flex!important;align-items:center;gap:10px;min-height:44px;background:none;border:0;padding:6px 10px;color:var(--mag-link);text-align:left;font-weight:600;font-size:13px;cursor:pointer;width:100%} .mag-control .review-disclosure svg{transform:rotate(-90deg);flex-shrink:0;transition:transform 200ms ease} .mag-control .review-disclosure svg.is-expanded{transform:rotate(0)} .mag-control .review-disclosure small{display:block;color:var(--mag-text-secondary);font-weight:400;font-size:12px;margin-top:5px} .mag-control .inline-review-row>td{padding:0!important;white-space:normal!important;text-align:left!important;background:var(--mag-surface)!important} .mag-control .inline-review-row:hover>td{background:var(--mag-surface)!important} .mag-control tr[data-expanded=true]>td, .mag-control tr[data-expanded=true]>th, .mag-control [data-expanded=true].dealership-card{background:var(--mag-selected-bg)} .mag-control .inline-review{border-left:3px solid var(--mag-primary);padding:22px 26px;background:var(--mag-selected-bg);color:var(--mag-text);text-align:left;white-space:normal;max-width:100%;font-size:12px;line-height:1.6} .mag-control .inline-review header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .mag-control .inline-review header>div:last-child{display:flex;gap:4px;flex-wrap:wrap} .mag-control .review-heading{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--mag-text);font-size:18px;font-weight:700;padding:0;min-height:32px;cursor:pointer} .mag-control .inline-review header p{color:var(--mag-text-secondary);margin:0 0 12px} .mag-control .inline-review .button{font-size:12px;min-height:40px} .mag-control .review-signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:14px;margin:10px 0 18px} .mag-control .review-signals>div{border-right:1px solid var(--mag-border);padding-right:12px} .mag-control .review-signals>div:last-child{border:0} .mag-control .review-signals dt{font-size:12px;color:var(--mag-text-secondary);white-space:normal!important} .mag-control .review-signals dd{font-size:23px;font-weight:700;margin:6px 0 0;overflow-wrap:anywhere} .mag-control .review-signals p{font-size:12px;color:var(--mag-text-secondary);margin:4px 0 0} .mag-control .review-metric{background:none;border:0;font-size:inherit;font-weight:inherit;color:var(--mag-link);padding:0;cursor:pointer;min-height:36px} .mag-control .review-breakdown{border-top:1px solid var(--mag-border);padding:10px 0;line-height:1.6} .mag-control .review-breakdown p{margin:3px 0 8px;color:var(--mag-text-secondary);font-size:12px} .mag-control .review-evidence-links{display:flex;gap:10px;flex-wrap:wrap} .mag-control .inline-review footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:10px} .mag-control .review-source{font-size:12px;line-height:1.6;color:var(--mag-text-secondary);min-width:0;flex:1} .mag-control .review-source details{margin-top:6px} .mag-control .review-source summary{cursor:pointer;color:var(--mag-link);min-height:32px} .mag-control .review-source p{overflow-wrap:anywhere;margin:8px 0} .mag-control .review-actions{display:flex;gap:8px;flex-shrink:0} .mag-control .review-inline-desktop{display:block} .mag-control .review-inline-mobile{display:none} .mag-control .dealership-card{border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface);overflow:hidden;margin:10px 0} .mag-control .dealership-card>dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px} .mag-control .dealership-card dt{font-size:12px;color:var(--mag-text-secondary)} .mag-control .dealership-card dd{font-size:17px;font-weight:600;margin:4px 0} .mag-control .column-heading{display:flex;align-items:center;gap:2px;justify-content:flex-end} .mag-control .metric-help{position:relative;display:inline-flex;vertical-align:middle} .mag-control .metric-help-trigger{display:inline-flex!important;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:0;background:none;color:var(--mag-text-secondary);padding:4px;cursor:pointer} .mag-control .metric-quick-help{display:block;white-space:normal;background:var(--mag-surface-raised);border:1px solid var(--mag-border);box-shadow:0 5px 18px #0002;color:var(--mag-text);font-size:12px;font-weight:400;text-align:left;padding:10px;z-index:40;width:250px;line-height:1.6} .mag-control .metric-source-panel{z-index:100;max-width:calc(100vw - 32px);width:420px;max-height:min(75vh,var(--radix-popover-content-available-height,75vh));overflow:auto;background:var(--mag-surface-raised);color:var(--mag-text);border:1px solid var(--mag-border);box-shadow:0 12px 40px #0003;border-radius:12px;padding:20px;font-size:12px;line-height:1.6} .mag-control .metric-source-title{display:flex;justify-content:space-between;gap:10px;align-items:center} .mag-control .metric-source-title h3{font-size:17px;margin:0} .mag-control .metric-source-panel dl>div{padding:8px 0;border-top:1px solid var(--mag-border)} .mag-control .metric-source-panel dt{font-size:12px;color:var(--mag-text-muted)} .mag-control .metric-source-panel dd{margin:3px 0;overflow-wrap:anywhere} .mag-control .metric-source-panel summary{cursor:pointer;min-height:32px} .mag-control .metric-source-panel li{margin-bottom:8px} @keyframes review-open{from{opacity:.25}to{opacity:1}} .mag-control .table-additional-context{padding:4px 20px 14px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .table-additional-context summary{min-height:32px;cursor:pointer} .mag-control .table-additional-context label{display:flex;align-items:center;gap:8px;margin:8px 0} .mag-control .table-additional-context input{width:auto} .mag-control .table-additional-context p{line-height:1.6} .mag-control .bookFreshness summary{cursor:pointer} @media(prefers-reduced-motion:reduce){.mag-control .inline-review{animation:none} .mag-control .review-disclosure svg{transition:none}} @media(max-width:1100px){.mag-control .context-controls{gap:10px} .mag-control .context-period{flex-basis:100%} .mag-control .business-grid>a{padding:18px} .mag-control .review-signals{grid-template-columns:repeat(3,minmax(100px,1fr))} .mag-control .inline-review header{flex-wrap:wrap}} @media(max-width:767px){.mag-control .investigation-context{padding:10px 14px;z-index:20} .mag-control .context-summary{display:flex;width:100%;border:1px solid var(--mag-border);background:var(--mag-surface);color:var(--mag-text);border-radius:9px;min-height:56px;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:9px 12px;font-size:12px;font-weight:600} .mag-control .context-summary small{display:block;font-size:12px;font-weight:400;color:var(--mag-text-secondary);margin-top:4px} .mag-control .context-controls{display:none} .mag-control .context-controls[data-open=true]{display:grid;grid-template-columns:1fr;padding:14px 0 0;gap:12px} .mag-control .context-controls>label{font-size:12px} .mag-control .context-controls select{max-width:none;width:100%;min-height:44px} .mag-control .context-advanced>div{position:static;width:auto;max-height:none;box-shadow:none} .mag-control .context-warning{padding:10px 14px;font-size:12px} .mag-control .context-period{min-width:0} .mag-control .business-grid, .mag-control .business-entry>div{grid-template-columns:1fr} .mag-control .business-heading h1{font-size:27px} .mag-control .business-heading p{font-size:13px;margin-bottom:18px} .mag-control .business-grid h2{font-size:16px} .mag-control .business-grid p{font-size:12px} .mag-control .business-grid>a{gap:12px;padding:16px} .mag-control .business-number{font-size:12px} .mag-control .business-switch{gap:4px} .mag-control .business-switch a{min-height:44px;padding:12px 8px;font-size:12px} .mag-control .topic-index ul{columns:1} .mag-control .topic-index summary span{font-size:12px} .mag-control .review-inline-desktop{display:none} .mag-control .review-inline-mobile{display:block} .mag-control .inline-review{padding:16px 14px} .mag-control .inline-review header{gap:4px} .mag-control .inline-review header>div:last-child{width:100%;justify-content:flex-end} .mag-control .inline-review .review-heading{font-size:17px;min-height:44px} .mag-control .review-signals{grid-template-columns:1fr 1fr;gap:15px 10px} .mag-control .review-signals>div{border:0} .mag-control .review-signals dd{font-size:22px} .mag-control .inline-review footer{flex-direction:column;align-items:stretch} .mag-control .review-actions{display:grid;grid-template-columns:1fr 1fr} .mag-control .inline-review .button{min-height:44px;font-size:12px} .mag-control .review-source{font-size:12px} .mag-control .review-evidence-links{gap:0} .mag-control .review-disclosure{font-size:14px;padding:10px 14px} .mag-control .metric-help-trigger{min-width:32px;min-height:32px} .mag-control .investigation-trail{font-size:12px} .mag-control .investigation-return{margin-left:0;width:100%;min-height:32px}} @media print{.mag-control .investigation-context, .mag-control .business-switch, .mag-control .review-actions, .mag-control .metric-help, .mag-control .review-evidence-links{display:none!important} .mag-control .inline-review{background:transparent;color:#000}} .mag-control [data-inline-comparison]{grid-template-columns:minmax(0,1fr)!important} .mag-control .review-mobile-cards{display:none} .mag-control .review-mobile-card{padding:14px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:10px;margin:10px 0} .mag-control .review-mobile-card>dl{display:grid;grid-template-columns:1fr 1fr;gap:15px} .mag-control .review-mobile-card dt{font-size:12px;color:var(--mag-text-secondary)} .mag-control .review-mobile-card dd{margin:4px 0;font-size:20px;font-weight:700} .mag-control .funding-summary{margin:20px 0;padding:20px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface)} .mag-control .inventory-topics{position:relative;margin-left:auto} .mag-control .inventory-topics summary{cursor:pointer;min-height:44px;padding:12px;font-size:12px} .mag-control .inventory-topics>div{position:absolute;right:0;top:100%;z-index:25;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:10px;box-shadow:0 10px 30px #0003;width:570px;max-width:calc(100vw - 36px);max-height:65vh;overflow:auto;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px} .mag-control .inventory-topics h3{font-size:12px;font-weight:700;color:var(--mag-text);margin-bottom:8px} .mag-control .inventory-topics a{display:block!important;min-height:40px;font-size:12px!important;margin:0!important;white-space:normal!important} .mag-control .follow-up-source-filter{align-self:start;font-size:12px;order:5} .mag-control .follow-up-source-filter summary{cursor:pointer;min-height:40px;padding-top:12px} .mag-control .follow-up-source-filter select{max-width:320px} .mag-control .inline-review .review-metric{min-height:40px;min-width:32px} .mag-control .inline-review :focus-visible{outline:2px solid var(--mag-primary);outline-offset:3px} .mag-control .inline-review .review-signals dd, .mag-control .inline-review .review-signals dd button{font-size:23px!important;font-weight:700} .mag-control .inline-review header .button{width:auto!important} .mag-control .inline-review .review-heading{width:auto!important;justify-content:flex-start} .mag-control .inline-review header>div:last-child{align-items:center} @media(max-width:767px){.mag-control .review-desktop-table{display:none} .mag-control .review-mobile-cards{display:block} .mag-control .inventory-topics{margin-left:0} .mag-control .inventory-topics>div{position:static;width:100%;grid-template-columns:1fr;box-shadow:none} .mag-control .inventory-topics{width:100%} .mag-control .inline-review .review-actions{display:flex;flex-wrap:wrap} .mag-control .inline-review .review-actions>*{flex:1;justify-content:center} .mag-control .mobileRecord .metric-help-trigger, .mag-control [class*="mobileRecord"] .metric-help-trigger{width:32px!important;min-height:32px!important;font-size:12px!important} .mag-control .mobileRecord .review-metric, .mag-control [class*="mobileRecord"] .review-metric{width:auto!important;min-height:40px!important} .mag-control .column-heading{justify-content:flex-start}} .mag-control .table-scroll:has(.inline-review), .mag-control .review-inline-desktop:has(.inline-review){container-type:inline-size} .mag-control .inline-review{max-width:100cqw} .mag-control .inline-review footer{flex-wrap:wrap} .mag-control .business-signals{margin:18px 0 24px} .mag-control .business-signals>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0} .mag-control .business-signals article{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:16px} .mag-control .business-signals article>div{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .business-signals article>a, .mag-control .business-signals article>strong{font-size:25px;font-weight:650;display:inline-block;min-height:40px} .mag-control .business-signals article p{font-size:12px;color:var(--mag-text-secondary)} .mag-control .business-signal-status{min-height:80px;padding:24px 0;color:var(--mag-text-secondary)} @media(max-width:1100px){.mag-control .business-signals>div{grid-template-columns:repeat(2,minmax(0,1fr))}} .mag-control .inline-review{animation:none} .mag-control .unavailable-metric-summary{margin:12px 0;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface)} .mag-control .unavailable-metric-summary>summary{padding:12px 16px;min-height:44px;font-size:14px;color:var(--mag-text-secondary);cursor:pointer} .mag-control .unavailable-metric-summary>.metric-grid{padding:0 12px;margin:0 0 12px} @media screen and (min-width:901px){.mag-control .dense-reporting .business-context-line{padding:3px 20px;min-height:24px;gap:8px;font-size:12px;line-height:1.4} .mag-control .dense-reporting .investigation-context{padding:3px 20px;font-size:12px} .mag-control .dense-reporting .context-controls{gap:10px;align-items:center} .mag-control .dense-reporting .context-controls>label{display:flex;align-items:center;gap:5px;margin:0;font-size:12px} .mag-control .dense-reporting .context-controls select{font-size:14px;min-height:30px;height:30px;max-width:240px;padding-block:3px} .mag-control .dense-reporting .context-period{flex:1 1 170px;min-width:150px;font-size:12px;line-height:1.25} .mag-control .dense-reporting .context-period small{font-size:12px;line-height:1.25;margin-top:1px} .mag-control .dense-reporting .context-advanced{margin-left:auto} .mag-control .dense-reporting .context-advanced summary{min-height:30px;padding:0;font-size:12px} .mag-control .dense-reporting .context-advanced>div{padding:12px;gap:10px} .mag-control .dense-reporting .context-compact-source{display:block} .mag-control .dense-reporting .context-warning{padding:5px 20px;gap:8px;line-height:1.4} .mag-control .dense-reporting .investigation-trail{margin:0 0 5px;min-height:18px;line-height:1.4}} .mag-control .investigation-trail>ol{display:flex;gap:8px;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;min-width:0} .mag-control .investigation-trail>ol>li{display:flex;gap:8px;align-items:center;min-width:0} .mag-control .investigation-trail>ol>li>span[aria-hidden]{color:var(--mag-text-muted)} .mag-control .investigation-trail>ol>li>[aria-current=page]{color:var(--mag-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .investigation-trail>.trail-star{margin-left:2px} /* ==== src/components/metric-evidence.css ==== */ .mag-control .metric-evidence-dialog{ width: min(560px, 100vw); } .mag-control .metric-evidence-body{ font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; } .mag-control .metric-evidence-body section + section{ margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--mag-border); } .mag-control .metric-evidence-body h3{ font-size: 16px; margin: 0 0 10px; } .mag-control .metric-evidence-body p{ margin: 8px 0 12px; } .mag-control .metric-evidence-body dl{ margin: 12px 0; } .mag-control .metric-evidence-body dl > div{ display: grid; grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--mag-border); } .mag-control .metric-evidence-body dt{ color: var(--mag-text-secondary); font-size: 12px; } .mag-control .metric-evidence-body dd{ margin: 0; font-variant-numeric: tabular-nums; } .mag-control .metric-evidence-body summary{ cursor: pointer; padding: 8px 0; min-height: 36px; font-weight: 600; } .mag-control .metric-evidence-body li{ margin: 8px 0; } .mag-control .metric-evidence-body .button{ margin: 8px 0; } .mag-control .metric-formula{ background: var(--mag-surface-subtle, var(--mag-surface)); border: 1px solid var(--mag-border); padding: 12px; border-radius: 8px; } .mag-control .metric-preview-action{ display: block; margin-top: 4px; font-size: 11px; color: var(--mag-text-secondary); } .mag-control .metric-help-trigger:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; border-radius: 4px; } @media (max-width: 767px){.mag-control .metric-evidence-dialog{ width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .mag-control .metric-evidence-body{ font-size: 13px; } .mag-control .metric-evidence-body dl > div{ grid-template-columns: minmax(80px, .7fr) minmax(0, 1.3fr); gap: 10px; } .mag-control .metric-evidence-body summary{ min-height: 44px; }} .mag-control .metric-quick-help{ max-width: calc(100vw - 32px); } /* ==== src/components/business-home.css ==== */ .mag-control .section-home{max-width:var(--mag-workspace-max,1480px)} .mag-control .section-home-crumb{margin:0 0 2px;font-size:12px;color:var(--mag-text-muted)} .mag-control .section-home .business-heading h1{font-size:24px;letter-spacing:-.02em;margin:0 0 4px} .mag-control .section-home .business-heading p{margin:0;color:var(--mag-text-secondary);font-size:13px} .mag-control .section-home-tabs{display:flex;flex-wrap:nowrap!important;gap:2px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--mag-border);margin:12px 0} .mag-control .section-home-tabs a{flex:0 0 auto;padding:9px 11px;border-bottom:3px solid transparent;color:var(--mag-text-secondary)!important;text-decoration:none!important;font-size:14px;font-weight:500;white-space:nowrap;border-radius:0!important;background:none!important;min-height:0!important} .mag-control .section-home-tabs a[aria-current=page]{color:var(--mag-primary)!important;border-bottom-color:var(--mag-primary);font-weight:600} .mag-control .section-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;margin-top:12px;align-items:start} .mag-control .section-home-panel{border:1px solid var(--mag-border);border-radius:16px;background:var(--mag-surface);overflow:hidden;min-width:0} .mag-control .section-home-panel header{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .section-home-panel h2{margin:0;font-size:13px;font-weight:650;line-height:1.3;color:var(--mag-text)} .mag-control .section-home-panel header span{margin-left:auto;font-size:11.5px;color:var(--mag-text-muted);white-space:nowrap} .mag-control .section-home-panel ul{list-style:none;margin:0;padding:0} .mag-control .section-home-panel li+li{border-top:1px solid var(--mag-border)} .mag-control .section-home-panel a{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 12px;font-size:13px;color:var(--mag-text)!important;text-decoration:none!important} .mag-control .section-home-panel a>span{flex:1;min-width:0} .mag-control .section-home-panel a small{font-size:10.5px;font-weight:650;letter-spacing:.03em;color:var(--mag-text-muted);background:var(--mag-neutral-bg);border-radius:6px;padding:1px 6px} .mag-control .section-home-panel a>.section-home-marker{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:650;line-height:17px;white-space:nowrap} .mag-control .section-home-marker[data-kind=live]{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .section-home-marker[data-kind=partial]{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .section-home-marker[data-kind=not-connected]{background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink)} .mag-control .section-home-marker[data-kind=app]{background:transparent;color:var(--mag-text-muted);font-weight:600} .mag-control .section-home-panel .section-home-marker .availability-glyph, .mag-control .section-home-panel .section-home-marker .availability-glyph svg{color:inherit} .mag-control .section-home-panel a svg{flex-shrink:0;color:var(--mag-text-muted)} .mag-control .section-home-panel a:hover{background:var(--mag-hover)} .mag-control .section-home-panel a:hover svg{color:var(--mag-primary)} .mag-control .section-home-panel a:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .section-home .cash-definition{border-radius:16px;padding:12px 16px;margin:12px 0} .mag-control .section-home .cash-definition h2{font-size:15px;margin:0 0 6px} .mag-control .section-home .cash-definition p, .mag-control .section-home .cash-definition ul{font-size:13px;line-height:1.55;margin:4px 0} @media(max-width:767px){.mag-control .section-home-grid{grid-template-columns:1fr} .mag-control .section-home-panel a{min-height:44px}} @media(forced-colors:active){.mag-control .section-home-panel a>.section-home-marker{border:1px solid CanvasText}} @media print{.mag-control .section-home-tabs{display:none}} .mag-control .section-primary-tasks{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0} .mag-control .section-primary-tasks a{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface);font-weight:600} .mag-control .section-all-reports{margin-top:20px} .mag-control .section-all-reports>summary{cursor:pointer;font-weight:600;padding:12px 0} .mag-control .business-home>.business-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.03em} .mag-control .business-home>.business-heading p{max-width:80ch;line-height:1.55} .mag-control .business-home .business-signals article{border-top:3px solid var(--mag-chart-1);box-shadow:var(--mag-shadow-card)} .mag-control .business-home .business-signals article:nth-child(2){border-top-color:var(--mag-chart-2)} .mag-control .business-home .business-signals article:nth-child(3){border-top-color:var(--mag-chart-3)} .mag-control .business-home .business-signals article>a, .mag-control .business-home .business-signals article>strong{font-size:28px;line-height:1.3;letter-spacing:-.025em;font-variant-numeric:tabular-nums} .mag-control .business-home .cash-definition{border-left:3px solid var(--mag-chart-2);box-shadow:var(--mag-shadow-card)} @media(max-width:767px){.mag-control .business-home>.business-heading h1{font-size:25px} .mag-control .business-home .business-signals article>a, .mag-control .business-home .business-signals article>strong{font-size:24px}} @media print{.mag-control .business-home .business-signals article, .mag-control .business-home .cash-definition{box-shadow:none;border-color:var(--mag-border)}} /* ==== src/components/dense-reporting.css ==== */ .mag-control .dense-reporting .page-header{margin-bottom:12px;gap:12px} .mag-control .dense-reporting .page-header h1{font-size:24px;line-height:1.2} .mag-control .dense-reporting .page-header p{margin-top:4px} .mag-control .dense-reporting .panel{border-radius:8px;box-shadow:none} .mag-control .dense-reporting .panel-header{padding:12px 16px;min-height:48px} .mag-control .dense-reporting .panel-header h2{font-size:16px;line-height:1.4} .mag-control .dense-reporting .report-controls{margin-block:12px;gap:10px} .mag-control .dense-reporting .report-filters{padding-block:8px} .mag-control .dense-reporting .report-status{margin-bottom:8px} .mag-control .dense-reporting .measure-comparison{margin-block:12px} .mag-control .measure-comparison .table-scroll{overflow-x:auto} .mag-control .measure-comparison table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums} .mag-control .measure-comparison th, .mag-control .measure-comparison td{padding:9px 12px;border-bottom:1px solid var(--mag-border);text-align:right;white-space:nowrap;vertical-align:top} .mag-control .measure-comparison thead th{font-size:12px;color:var(--mag-text-muted);background:var(--mag-canvas);font-weight:600} .mag-control .measure-comparison th:first-child{text-align:left;min-width:210px;max-width:340px} .mag-control .measure-comparison tbody th{font-weight:550} .mag-control .measure-comparison tbody tr:hover{background:var(--mag-canvas)} .mag-control .measure-comparison summary{cursor:pointer;min-height:24px;white-space:normal} .mag-control .measure-evidence{font-weight:400;font-size:13px;white-space:normal;line-height:1.5;max-width:340px} .mag-control .measure-evidence p{margin-block:8px} .mag-control .measure-evidence .row{flex-wrap:wrap} .mag-control .measure-value{color:var(--mag-text);background:transparent;border:0;padding:0;font:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-decoration-color:var(--mag-border);text-underline-offset:4px} .mag-control .source-freshness{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface);font-size:13px} .mag-control .source-freshness[data-attention="true"]{border-left:4px solid var(--mag-warning,#b7791f)} .mag-control .source-freshness p{margin:3px 0;color:var(--mag-text-muted)} .mag-control .source-freshness .row{flex-wrap:wrap} .mag-control .source-freshness>div:first-child{flex:1;min-width:260px} .mag-control .source-freshness>.row{flex:0 0 auto;gap:6px} .mag-control .source-freshness-heading{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap} .mag-control .source-freshness-heading span{color:var(--mag-text-muted)} .mag-control .source-freshness summary{cursor:pointer;color:var(--mag-text-secondary);min-height:24px;display:list-item;width:fit-content} .mag-control .source-freshness summary:focus-visible{outline:2px solid var(--mag-primary);outline-offset:2px} @media screen and (max-width:900px){.mag-control .source-freshness summary{min-height:44px;align-content:center}} .mag-control .process-review .process-table th, .mag-control .process-review .process-table td{padding:8px 10px;vertical-align:top} .mag-control .process-table th:first-child{min-width:200px} .mag-control .process-table details{min-width:210px;max-width:460px;font-size:13px} .mag-control .process-table summary{cursor:pointer;min-height:24px;text-transform:capitalize} .mag-control .process-table details p{margin:6px 0;line-height:1.4} .mag-control .process-table .record-link{white-space:normal} .mag-control .process-review>.chart-footnote{padding:8px 10px;font-size:12px} @media screen and (max-width:767px){.mag-control .process-table summary, .mag-control .process-table .record-link{min-height:44px;align-content:center}} .mag-control .source-audit-table{width:100%;border-collapse:collapse;font-size:14px} .mag-control .source-audit-table th, .mag-control .source-audit-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--mag-border);vertical-align:top} .mag-control .source-audit-table th{font-weight:600;color:var(--mag-text-muted)} @media(min-width:901px){.mag-control .operating-shell.dense-reporting{--mag-header-height:48px} .mag-control .operating-shell.dense-reporting .topbar{height:48px;min-height:48px;padding-inline:20px} .mag-control .operating-shell.dense-reporting .topbar .search-trigger{min-height:32px;height:32px} .mag-control .operating-shell.dense-reporting .topbar .avatar{width:30px;height:30px} .mag-control .operating-shell.dense-reporting .workspace{padding:10px 20px 24px}} @media(max-width:767px){.mag-control .measure-comparison th, .mag-control .measure-comparison td{padding:12px} .mag-control .measure-comparison summary, .mag-control .measure-value{min-height:44px;display:flex;align-items:center} .mag-control .source-freshness .button{min-height:44px}} @media screen and (min-width:901px){.mag-control .dense-reporting .page-header{margin-bottom:5px;gap:8px;align-items:center} .mag-control .dense-reporting .page-header h1{font-size:22px;line-height:1.2;margin:0} .mag-control .dense-reporting .page-header p{font-size:12px;line-height:1.4;margin:3px 0 0} .mag-control .dense-reporting .page-header-actions{gap:6px} .mag-control .dense-reporting .page-header-actions .button, .mag-control .dense-reporting .report-status .button, .mag-control .dense-reporting .report-status .icon-button{min-height:30px;padding:4px 8px;font-size:12px} .mag-control .dense-reporting .report-status{gap:10px;min-height:30px;margin:0 0 4px;font-size:12px;line-height:1.4} .mag-control .dense-reporting .coverage-notice, .mag-control .dense-reporting .peer-review{margin:4px 0;border-radius:7px} .mag-control .dense-reporting .coverage-notice{padding:4px 10px;line-height:1.4} .mag-control .dense-reporting .coverage-notice>summary, .mag-control .dense-reporting .peer-review>summary{min-height:24px;align-content:center;font-size:12px;line-height:1.4} .mag-control .dense-reporting .peer-review>summary{padding:4px 10px} .mag-control .dense-reporting .peer-review .panel-content{padding:10px;font-size:14px;line-height:1.4} .mag-control .dense-reporting .source-freshness{padding:5px 10px;margin-bottom:6px;gap:8px;font-size:12px;line-height:1.4} .mag-control .dense-reporting .source-freshness .button{min-height:30px;padding:4px 8px;font-size:12px} .mag-control .dense-reporting .measure-comparison{margin:6px 0} .mag-control .dense-reporting .panel-header{padding:6px 10px;min-height:36px;gap:8px} .mag-control .dense-reporting .panel-header h2{font-size:15px;line-height:1.3;margin:0} .mag-control .dense-reporting .panel-header p{font-size:12px;line-height:1.3;margin:2px 0 0} .mag-control .dense-reporting .panel-header .button{min-height:30px;padding:4px 8px;font-size:12px} .mag-control .dense-reporting .measure-comparison th, .mag-control .dense-reporting .measure-comparison td{padding:4px 9px;line-height:1.3;font-size:14px} .mag-control .dense-reporting .measure-comparison thead th{font-size:12px;padding-block:5px} .mag-control .dense-reporting .measure-comparison summary{min-height:20px;padding:0;line-height:1.3;font-size:14px} .mag-control .dense-reporting .measure-comparison .meta{font-size:12px;line-height:1.25} .mag-control .dense-reporting .measure-comparison .measure-evidence{font-size:12px;line-height:1.4} .mag-control .dense-reporting .measure-evidence p{margin-block:5px} .mag-control .dense-reporting .measure-comparison .chart-footnote{padding:6px 10px;margin:0;font-size:12px;line-height:1.4} .mag-control .dense-reporting .report-controls{margin:7px 0;gap:8px} .mag-control .dense-reporting .report-controls>.row{gap:6px;margin-top:0;flex-wrap:wrap} .mag-control .dense-reporting .report-controls .segmented{padding:2px;gap:2px} .mag-control .dense-reporting .report-controls .segmented button, .mag-control .dense-reporting .report-controls .button, .mag-control .dense-reporting .report-controls select{min-height:32px;padding:4px 8px;font-size:14px} .mag-control .dense-reporting .report-filters{margin-bottom:8px;padding-block:3px;gap:8px;align-items:center} .mag-control .dense-reporting .report-filters label{display:flex;align-items:center;gap:5px;font-size:12px} .mag-control .dense-reporting .report-filters select{margin-top:0;min-height:32px;padding-block:4px;font-size:14px} .mag-control .dense-reporting .report-notice{margin:6px 0;padding:8px 10px;font-size:12px;line-height:1.4}} /* ==== src/components/section-panel.css ==== */ .mag-control .operating-shell{--mag-section-panel-width:252px} .mag-control .section-panel{position:fixed;top:0;bottom:0;left:var(--business-rail-width);width:var(--mag-section-panel-width);z-index:55;display:none;flex-direction:column;background:var(--mag-surface);border-right:1px solid var(--mag-border)} @media screen and (min-width:1200px){.mag-control .operating-shell.section-panel-open .section-panel{display:flex} .mag-control .app-shell.operating-shell.section-panel-open .app-main{margin-left:calc(var(--business-rail-width) + var(--mag-section-panel-width));width:calc(100% - var(--business-rail-width) - var(--mag-section-panel-width))}} .mag-control .section-panel header{display:flex;flex-shrink:0;align-items:center;gap:8px;min-height:var(--mag-header-height,68px);padding:0 10px 0 16px;border-bottom:1px solid var(--mag-border)} .mag-control .section-panel h2{margin:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--mag-text);white-space:normal;overflow-wrap:anywhere} .mag-control .section-panel-hide{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--mag-text-secondary);cursor:pointer} .mag-control .section-panel-hide:hover{background:var(--mag-hover);color:var(--mag-text)} .mag-control .section-panel-hide:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .section-panel-filter{display:flex;flex-shrink:0;align-items:center;gap:6px;margin:10px 12px 4px;padding:0 10px;height:32px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-canvas);color:var(--mag-text-muted)} .mag-control .section-panel-filter input{border:0;background:transparent;min-height:0;height:28px;padding:0;font-size:12.5px;width:100%;box-shadow:none;color:var(--mag-text)} .mag-control .section-panel-filter input:focus{outline:none} .mag-control .section-panel-filter:focus-within{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .section-panel-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 8px 18px} .mag-control .section-panel-group{margin-top:6px} .mag-control .section-panel-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 8px 5px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .section-panel-group>summary::-webkit-details-marker{display:none} .mag-control .section-panel-group>summary::before{content:'▸';content:'▸' / '';font-size:10px;transition:transform 150ms ease} .mag-control .section-panel-group[open]>summary::before{transform:rotate(90deg)} .mag-control .section-panel-group>summary>.section-panel-count{margin-left:auto;font-weight:600;letter-spacing:0;text-transform:none;white-space:normal;text-align:right;color:var(--mag-text-muted)} .mag-control .section-panel-group>summary:hover{background:var(--mag-hover)} .mag-control .section-panel-group ul{list-style:none;margin:0;padding:0} .mag-control .section-panel-group a{position:relative;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 22px;border-radius:7px;font-size:13px;line-height:1.35;color:var(--mag-text)!important;text-decoration:none!important;white-space:normal} .mag-control .section-panel-label{flex:1;min-width:0;overflow-wrap:anywhere} .mag-control .availability-glyph{display:inline-grid;place-items:center;flex:0 0 auto;width:8px;height:8px;color:var(--mag-text-muted)} .mag-control .availability-glyph svg{display:block;width:8px;height:8px;overflow:visible} .mag-control .availability-glyph[data-kind=live]{color:var(--mag-success-mark)} .mag-control .availability-glyph[data-kind=partial]{color:var(--mag-warning-mark)} .mag-control .availability-glyph[data-kind=not-connected]{color:var(--mag-accent-sky-ink)} .mag-control .availability-glyph[data-kind=app]{color:var(--mag-text-muted)} .mag-control .section-panel-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:14px 8px 0;padding:8px 0 0;border-top:1px solid var(--mag-border);font-size:11.5px;line-height:1.4;color:var(--mag-text-secondary)} .mag-control .section-panel-legend>span{display:inline-flex;align-items:center;gap:5px} .mag-control .section-panel-legend>.section-panel-legend-note{flex-basis:100%;color:var(--mag-text-muted)} .mag-control .section-panel-group a:hover{background:var(--mag-hover)} .mag-control .section-panel-group a:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .section-panel-group a[aria-current=page]{background:var(--mag-selected-bg);color:var(--mag-selected-text)!important;font-weight:600} .mag-control .section-panel-group a[aria-current=page]::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--mag-primary)} .mag-control .section-panel-empty{padding:12px;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .section-panel-all{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid var(--mag-border);font-size:12.5px;font-weight:600;line-height:1.35;color:var(--mag-link)!important;text-decoration:none!important} .mag-control .section-panel-all:hover{background:var(--mag-hover)} .mag-control .section-panel-all:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @media(prefers-reduced-motion:reduce){.mag-control .section-panel-group>summary::before{transition:none}} :root[data-motion=reduced] .section-panel-group>summary::before{transition:none} @media print{.mag-control .section-panel{display:none!important} .mag-control .operating-shell.section-panel-open .app-main{margin:0!important;width:100%!important}} .mag-control .section-panel-toggle{display:none;align-items:center;gap:6px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text);padding:6px 9px;font:inherit;font-size:12px;cursor:pointer} .mag-control .section-panel-toggle:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} @media(min-width:1200px){.mag-control .section-panel-toggle{display:inline-flex}} .mag-control .section-panel-body li{display:flex;align-items:center;gap:2px} .mag-control .section-panel-body li>a{flex:1;min-width:0} /* ==== src/components/text-case.css ==== */ .mag-control .text-case-toggle{ display: inline-flex; align-items: center; justify-content: center; gap: var(--mag-space-8); min-height: var(--mag-control-height-compact); padding: var(--mag-space-4) var(--mag-space-12); border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); font-weight: 500; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--mag-duration-hover) var(--mag-ease-enter), border-color var(--mag-duration-hover) var(--mag-ease-enter), color var(--mag-duration-hover) var(--mag-ease-enter); } .mag-control .text-case-toggle[aria-pressed="true"]{ background: var(--mag-selected-bg); color: var(--mag-selected-text); } .mag-control .text-case-toggle:hover{ background: var(--mag-hover); } .mag-control .text-case-toggle:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 3px; } .mag-control .text-case-toggle-mark{ display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 20px; padding: 0 var(--mag-space-4); border: 1px solid currentColor; border-radius: var(--mag-radius-small); font-size: var(--mag-font-meta); line-height: 1; font-weight: 600; } .mag-control .text-case-toggle[aria-pressed="true"] .text-case-toggle-mark{ border-color: var(--mag-primary); background: var(--mag-primary); color: var(--mag-on-primary); } @media (pointer: coarse), (max-width: 767px){.mag-control .text-case-toggle{ min-width: var(--mag-control-height-touch); min-height: var(--mag-control-height-touch); }} :root[data-motion="reduced"] .text-case-toggle{ transition: none; } @media (prefers-reduced-motion: reduce){.mag-control .text-case-toggle{ transition: none; }} @media (forced-colors: active){.mag-control .text-case-toggle[aria-pressed="true"] .text-case-toggle-mark{ forced-color-adjust: none; border-color: Highlight; background: Highlight; color: HighlightText; }} /* ==== src/features/reports/parts-channel-navigation.css ==== */ .mag-control .parts-channel-navigation{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;border-bottom:1px solid var(--mag-border)} .mag-control .parts-channel-navigation a{padding:10px 14px;color:var(--mag-text);border-bottom:3px solid transparent;text-decoration:none;font-size:13px} .mag-control .parts-channel-navigation a[aria-current=page]{border-bottom-color:var(--mag-primary);font-weight:700} .mag-control .parts-channel-navigation a:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} /* ==== src/features/ceo-preview/preview.css ==== */ .mag-control .ceo-preview{min-width:0;max-width:1680px;margin:auto} .mag-control .ceo-preview h1{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:5px 0 10px} .mag-control .ceo-preview h2{font-size:17px;margin:0} .mag-control .ceo-preview h3{font-size:15px} .mag-control .ceo-preview p{margin:6px 0 12px} .mag-control .ceo-notice{padding:12px 16px;background:var(--mag-info-bg);color:var(--mag-info-text);border-radius:12px;display:flex;gap:12px;font-size:13px;margin-bottom:18px} .mag-control .ceo-notice strong{white-space:nowrap} .mag-control .ceo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .mag-control .ceo-tabs button, .mag-control .ceo-preview select{font:inherit;color:var(--mag-text);background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:10px;padding:9px 12px;min-height:42px} .mag-control .ceo-tabs button{cursor:pointer} .mag-control .ceo-tabs button[aria-pressed=true]{background:var(--mag-selected-bg);color:var(--mag-selected-text);border-color:var(--mag-primary)} .mag-control .ceo-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:18px} .mag-control .ceo-heading p{color:var(--mag-text-secondary);max-width:760px} .mag-control .ceo-heading p:first-child{font-size:12px} .mag-control .ceo-scope{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px} .mag-control .ceo-scope label, .mag-control .ceo-report-heading label{display:grid;gap:5px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .ceo-scope select{min-width:150px;max-width:100%} .mag-control .ceo-scope label:first-child{max-width:330px;flex:1 1 220px} .mag-control .ceo-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px} .mag-control .ceo-card{min-width:0;padding:16px 18px;border:1px solid var(--mag-border);border-radius:16px;background:var(--mag-surface)} .mag-control .ceo-card>div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .mag-control .ceo-card>strong{display:block;font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .ceo-card small{color:var(--mag-text-secondary);font-size:12px} .mag-control .ceo-report{border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:16px;overflow:hidden} .mag-control .ceo-report-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px} .mag-control .ceo-report-heading p{font-size:12px;color:var(--mag-text-secondary);margin-bottom:0} .mag-control .ceo-table-wrap{overflow:auto;max-height:660px;isolation:isolate} .mag-control .ceo-preview table{min-width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums} .mag-control .ceo-preview th, .mag-control .ceo-preview td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--mag-border)} .mag-control .ceo-preview thead th{position:sticky;top:0;z-index:2;background:var(--mag-surface-subtle);color:var(--mag-text-secondary);font-size:12px} .mag-control .ceo-preview thead tr:nth-child(2) th{top:40px} .mag-control .ceo-preview .ceo-identity{position:sticky;left:0;text-align:left;background:var(--mag-surface);min-width:230px;max-width:260px;white-space:normal;z-index:1} .mag-control .ceo-preview thead .ceo-identity{z-index:3;background:var(--mag-surface-subtle)} .mag-control .ceo-dealer{display:flex;align-items:center;gap:8px;padding:0;min-height:32px;font:inherit;font-weight:600;color:var(--mag-link);border:0;background:transparent;text-align:left;cursor:pointer} .mag-control .ceo-dealer svg{flex:none;transition:transform .18s} .mag-control .ceo-dealer[aria-expanded=true] svg{transform:rotate(90deg)} .mag-control .ceo-preview .ceo-selected>th, .mag-control .ceo-preview .ceo-selected>td{background:var(--mag-selected-bg)} .mag-control .ceo-preview .ceo-total>th, .mag-control .ceo-preview .ceo-total>td{background:var(--mag-surface-subtle);font-weight:600} .mag-control .ceo-negative{color:var(--mag-danger-text)} .mag-control .ceo-missing{color:var(--mag-text-muted)} .mag-control .ceo-preview .ceo-detail-cell{padding:0;white-space:normal;text-align:left} .mag-control .ceo-detail{position:sticky;left:0;width:min(calc(100vw - 360px),780px);padding:18px 22px;background:var(--mag-surface-subtle);animation:ceo-appear .18s ease-out} .mag-control .ceo-detail p{font-size:13px;color:var(--mag-text-secondary)} .mag-control .ceo-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:14px 0;font-size:12px} .mag-control .ceo-detail-grid strong{display:block;font-size:17px;margin-top:5px} .mag-control .ceo-table-note, .mag-control .ceo-footer{font-size:12px;color:var(--mag-text-secondary);padding:14px 20px} .mag-control .ceo-empty{padding:28px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:16px;max-width:760px} .mag-control .ceo-warning{background:var(--mag-warning-bg);color:var(--mag-warning-text);padding:12px;border-radius:10px} .mag-control .ceo-preview button:focus-visible, .mag-control .ceo-preview select:focus-visible, .mag-control .ceo-table-wrap:focus-visible{outline:3px solid var(--mag-focus);outline-offset:3px} @keyframes ceo-appear{from{opacity:.5}to{opacity:1}} @media(max-width:1023px){.mag-control .ceo-detail{width:min(calc(100vw - 80px),780px)} .mag-control .ceo-notice{display:block} .mag-control .ceo-notice strong{display:block;margin-bottom:4px}} @media(max-width:600px){.mag-control .ceo-preview h1{font-size:26px} .mag-control .ceo-summary{grid-template-columns:1fr;gap:10px} .mag-control .ceo-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mag-control .ceo-scope label:first-child{grid-column:1/-1;max-width:none} .mag-control .ceo-scope select{min-width:0;width:100%} .mag-control .ceo-tabs button{font-size:12px;flex:1 1 40%} .mag-control .ceo-preview .ceo-identity{min-width:180px;max-width:180px} .mag-control .ceo-report-heading{padding:14px;align-items:flex-start} .mag-control .ceo-report-heading select{max-width:145px} .mag-control .ceo-detail{width:calc(100vw - 64px);padding:16px} .mag-control .ceo-detail-grid{grid-template-columns:1fr} .mag-control .ceo-table-note, .mag-control .ceo-footer{padding:12px 14px} .mag-control .ceo-card>strong{font-size:25px}} @media(prefers-reduced-motion:reduce){.mag-control .ceo-preview *{animation:none!important;transition:none!important}} @media print{.mag-control .ceo-preview::before{content:'DESIGN PREVIEW — FICTIONAL EXAMPLE DATA';font-weight:bold} .mag-control .ceo-tabs, .mag-control .ceo-scope, .mag-control .ceo-report-heading label{display:none} .mag-control .ceo-table-wrap{overflow:visible;max-height:none} .mag-control .ceo-preview th, .mag-control .ceo-preview td{padding:5px} .mag-control .ceo-preview .ceo-identity, .mag-control .ceo-preview thead th{position:static}} .mag-control .ceo-preview{--ceo-row:var(--mag-dense-row,30px);--ceo-font:var(--mag-dense-font,13px);--ceo-head:var(--mag-dense-head-font,11px);--ceo-control:var(--mag-control-h,32px);--ceo-tile:var(--mag-tile-value,20px);--ceo-tile-label:var(--mag-tile-label,11px);--ceo-tile-context:var(--mag-tile-context,12px);--ceo-title:var(--mag-page-title,22px)} @media screen and (min-width:601px){.mag-control .ceo-preview h1{font-size:var(--ceo-title);letter-spacing:-.01em;margin:2px 0 4px} .mag-control .ceo-preview p{margin:2px 0 6px} .mag-control .ceo-notice{padding:6px 12px;margin-bottom:8px;font-size:12px;border-radius:var(--mag-radius-card)} .mag-control .ceo-heading{margin-bottom:6px} .mag-control .ceo-tabs{gap:4px;margin-bottom:8px} .mag-control .ceo-tabs button, .mag-control .ceo-preview select{min-height:var(--ceo-control);height:var(--ceo-control);padding:0 10px;font-size:13px;border-radius:8px} .mag-control .ceo-scope{gap:6px 12px;margin-bottom:8px;align-items:center} .mag-control .ceo-scope label, .mag-control .ceo-report-heading label{display:inline-flex;align-items:center;gap:6px} .mag-control .ceo-summary{gap:8px;margin-bottom:8px} .mag-control .ceo-card{padding:6px 12px;border-radius:var(--mag-radius-card)} .mag-control .ceo-card>div>span{font-size:var(--ceo-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .ceo-card>strong{font-size:var(--ceo-tile);line-height:1.3;font-weight:650;letter-spacing:0;margin:1px 0} .mag-control .ceo-card small{font-size:var(--ceo-tile-context)} .mag-control .ceo-report{border-radius:var(--mag-radius-card)} .mag-control .ceo-report-heading{min-height:40px;padding:4px 12px;gap:10px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .ceo-report-heading h2{font-size:13px;font-weight:650} .mag-control .ceo-report-heading p{margin:0} .mag-control .ceo-preview table{font-size:var(--ceo-font)} .mag-control .ceo-preview th, .mag-control .ceo-preview td{height:var(--ceo-row);padding:0 10px;line-height:1.3} .mag-control .ceo-preview thead th{height:var(--ceo-row);font-size:var(--ceo-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase} .mag-control .ceo-preview thead tr:nth-child(2) th{top:var(--ceo-row)} .mag-control .ceo-dealer{min-height:0} .mag-control .ceo-preview .ceo-detail-cell{height:auto} .mag-control .ceo-detail{padding:10px 12px} .mag-control .ceo-detail-grid{gap:8px;margin:8px 0} .mag-control .ceo-detail-grid strong{font-size:14px;margin-top:1px} .mag-control .ceo-table-note, .mag-control .ceo-footer{padding:6px 12px}} @media (pointer:coarse){.mag-control .ceo-tabs button, .mag-control .ceo-preview select, .mag-control .ceo-dealer{min-height:44px;height:auto}} @media screen{.mag-control .ceo-preview .ceo-card{border-radius:12px;border-top:3px solid var(--mag-chart-1)} .mag-control .ceo-preview .ceo-card strong{font-size:24px;font-variant-numeric:tabular-nums} .mag-control .ceo-preview .ceo-report{border-radius:12px} .mag-control .ceo-preview .ceo-table-wrap thead th{background:var(--mag-surface-subtle)} .mag-control .ceo-preview .ceo-table-wrap tbody tr:hover>*{background:var(--mag-hover)} .mag-control .ceo-preview .ceo-empty{border-radius:12px;border:1px dashed var(--mag-border);background:var(--mag-surface-subtle)}} /* ==== src/features/used-cars/styles/bridge.css ==== */ .mag-control .used-car-app{ --radius: 12px; --background: var(--mag-canvas); --foreground: var(--mag-text); --card: var(--mag-surface); --card-foreground: var(--mag-text); --popover: var(--mag-surface-raised); --popover-foreground: var(--mag-text); --primary: var(--mag-primary); --primary-foreground: var(--mag-on-primary); --secondary: var(--mag-surface-subtle); --secondary-foreground: var(--mag-text); --muted: var(--mag-surface-subtle); --muted-foreground: var(--mag-text-muted); --accent: var(--mag-hover); --accent-foreground: var(--mag-text); --destructive: var(--mag-danger-text); --border: var(--mag-border); --input: var(--mag-control-border); --ring: var(--mag-focus); --link: var(--mag-link); --good: var(--mag-success-mark); --good-bg: var(--mag-success-bg); --good-ink: var(--mag-success-text); --watch: var(--mag-warning-mark); --watch-bg: var(--mag-warning-bg); --watch-ink: var(--mag-warning-text); --serious: var(--app-serious-mark); --serious-bg: var(--app-serious-bg); --serious-ink: var(--app-serious-text); --critical: var(--app-critical-mark); --critical-bg: var(--mag-danger-bg); --critical-ink: var(--mag-danger-text); --info: var(--mag-info-mark); --info-bg: var(--mag-info-bg); --info-ink: var(--mag-info-text); --neutral: var(--app-neutral-mark); --neutral-bg: var(--mag-neutral-bg); --neutral-ink: var(--mag-neutral-text); --medal-gold: #e8b931; --medal-silver: #b8c2cc; --medal-bronze: #c98a5b; --medal-ink: #1f2328; --grid: var(--mag-border); --axis: var(--mag-control-border); --series-1: var(--mag-chart-1); --series-2: var(--mag-chart-2); --series-3: var(--mag-chart-3); --series-4: var(--mag-chart-4); --series-5: var(--mag-chart-5); --series-6: var(--mag-chart-6); --series-7: var(--mag-chart-context); --series-8: var(--mag-text-secondary); --seq-lo: var(--app-seq-lo); --seq-hi: var(--app-seq-hi); --div-neg: var(--app-div-neg); --div-pos: var(--app-div-pos); --div-mid: var(--mag-neutral-bg); --chart-1: var(--mag-chart-1); --chart-2: var(--mag-chart-2); --chart-3: var(--mag-chart-3); --chart-4: var(--mag-chart-4); --chart-5: var(--mag-chart-5); --font-inter: var(--mag-font-family); --mag-radius-nested: var(--mag-radius-small); --mag-ease-emphasis: var(--mag-ease-enter); --mag-duration-elevate: var(--mag-duration-standard); --mag-duration-pulse: var(--mag-duration-attention); --mag-accent-lavender-fill: var(--mag-accent-lavender); --mag-accent-mint-fill: var(--mag-accent-mint); --mag-accent-yellow-fill: var(--mag-accent-yellow); --mag-accent-coral-fill: var(--mag-accent-coral); --mag-accent-sky-fill: var(--mag-accent-sky); --app-serious-bg: var(--mag-accent-coral); --app-serious-text: var(--mag-accent-coral-ink); --app-serious-mark: var(--mag-danger-mark); --app-critical-mark: var(--mag-danger-text); --app-neutral-mark: var(--mag-text-muted); --app-seq-lo: var(--mag-canvas); --app-seq-hi: var(--mag-chart-1); --app-div-neg: var(--mag-danger-text); --app-div-pos: var(--mag-chart-1); font-family: var(--mag-font-family); min-width: 0; color: var(--mag-text); } .mag-control .used-car-app{ margin: -8px; --spacing: 0.25rem; --default-font-family: var(--mag-font-family); --tw-border-style: solid; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --uc-row: var(--mag-dense-row, 30px); --uc-font: var(--mag-dense-font, 13px); --uc-head-font: var(--mag-dense-head-font, 11px); --uc-pad-x: var(--mag-dense-pad-x, 10px); --uc-tile-value: var(--mag-tile-value, 20px); --uc-tile-label: var(--mag-tile-label, 11px); --uc-tile-context: var(--mag-tile-context, 12px); --uc-control-h: var(--mag-control-h, 32px); --uc-control-font: var(--mag-control-font, 13px); --uc-panel-head: var(--mag-panel-head, 40px); --uc-title: var(--mag-page-title, 22px); --uc-touch: var(--mag-touch-target, 44px); } .mag-control .used-car-app .used-navigation{ border-bottom: 1px solid var(--mag-border); margin: 0 0 14px; } .mag-control .used-car-app .used-context{ display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 0 8px 16px; } .mag-control .used-car-app .used-context > span{ display: flex; align-items: center; gap: 9px; font-weight: 650; color: var(--mag-text-secondary); font-size: 14px; } .mag-control .used-car-app .used-context label{ display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .used-car-app .used-context select{ height: 40px; min-width: 230px; border: 1px solid var(--mag-control-border); padding: 0 32px 0 12px; border-radius: 12px; background: var(--mag-surface); color: var(--mag-text); font-size: 14px; appearance: auto; } .mag-control .used-car-app .used-tabs, .mag-control .used-car-app .used-store-tabs{ display: flex; gap: 24px; overflow: auto; padding: 0 8px; white-space: nowrap; } .mag-control .used-car-app .used-tabs > a, .mag-control .used-car-app .used-tabs > button{ font-size: 14px; font-weight: 550; min-height: 44px; display: flex; align-items: center; gap: 6px; color: var(--mag-text-secondary); border-bottom: 3px solid transparent; background: none; border-radius: 0; } .mag-control .used-car-app .used-tabs > [aria-current="page"]{ border-color: var(--mag-primary); color: var(--mag-link); font-weight: 650; } .mag-control .used-car-app .used-store-tabs{ gap: 16px; border-top: 1px solid var(--mag-border); padding-top: 7px; } .mag-control .used-car-app .used-store-tabs > a{ font-size: 12px; display: flex; align-items: center; min-height: 36px; color: var(--mag-text-secondary); } .mag-control .used-car-app .used-store-tabs > [aria-current="page"]{ color: var(--mag-link); font-weight: 700; } .mag-control .used-car-app .used-directory{ display: flex; gap: 48px; flex-wrap: wrap; padding: 20px; background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: 16px; } .mag-control .used-car-app .used-directory > section{ display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)); gap: 12px 24px; } .mag-control .used-car-app .used-directory strong{ grid-column: 1/-1; font-size: 14px; } .mag-control .used-car-app .used-directory a{ font-size: 13px; color: var(--mag-link); min-height: 28px; } .mag-control .used-car-app .used-source-note{ display: block; font-size: 12px; line-height: 1.5; color: var(--mag-text-muted); padding: 10px 12px; margin: 0 8px 12px; border-left: 3px solid var(--mag-warning-mark); background: var(--mag-surface-subtle); } .mag-control .used-car-app .used-workbench-controls{ padding: 0 8px 6px; } .mag-control .used-car-app .used-workbench{ padding: 12px 8px 24px; } .mag-control .used-car-app .used-title{ display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; } .mag-control .used-car-app .used-title h1{ font-size: 32px; line-height: 40px; letter-spacing: -0.7px; font-weight: 650; } .mag-control .used-car-app .used-title p{ font-size: 15px; color: var(--mag-text-secondary); margin-top: 5px; } .mag-control .used-car-app .used-summary{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--mag-border); background: var(--mag-surface); border-radius: 20px; overflow: hidden; margin-bottom: 24px; } .mag-control .used-car-app .used-summary > button{ text-align: left; padding: 18px 22px; display: flex; flex-direction: column; gap: 6px; background: none; border: 0; border-right: 1px solid var(--mag-border); color: var(--mag-text); } .mag-control .used-car-app .used-summary > button:last-child{ border-right: 0; } .mag-control .used-car-app .used-summary > button[aria-pressed="true"]{ background: var(--mag-selected-bg); } .mag-control .used-car-app .used-summary > button > span{ font-size: 13px; color: var(--mag-text-secondary); } .mag-control .used-car-app .used-summary strong{ font-size: 30px; line-height: 36px; font-weight: 650; font-variant-numeric: tabular-nums; } .mag-control .used-car-app .used-summary small{ font-size: 11px; color: var(--mag-text-muted); display: flex; align-items: center; justify-content: space-between; gap: 5px; } .mag-control .used-car-app .used-work-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 288px; gap: 20px; align-items: start; } .mag-control .used-car-app .used-store-panel, .mag-control .used-car-app .used-review-panel{ min-width: 0; background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: 20px; box-shadow: var(--mag-shadow-card); overflow: hidden; } .mag-control .used-car-app .used-table-heading{ display: flex; align-items: start; justify-content: space-between; gap: 12px; padding: 20px 20px 14px; } .mag-control .used-car-app .used-table-heading h2, .mag-control .used-car-app .used-review-panel h2{ font-size: 17px; line-height: 24px; font-weight: 650; } .mag-control .used-car-app .used-table-heading p, .mag-control .used-car-app .used-review-panel > p{ color: var(--mag-text-secondary); font-size: 12px; line-height: 18px; margin: 3px 0 0; } .mag-control .used-car-app .used-table-controls{ display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 20px 18px; } .mag-control .used-car-app .used-table-controls > label{ display: flex; gap: 8px; align-items: center; height: 36px; border: 1px solid var(--mag-control-border); border-radius: 10px; padding: 0 10px; flex: 1; min-width: 180px; color: var(--mag-text-muted); } .mag-control .used-car-app .used-table-controls input{ border: 0; background: none; width: 100%; font-size: 13px; height: 34px; outline: none; color: var(--mag-text); } .mag-control .used-car-app .used-table-controls [role="group"]{ display: flex; gap: 4px; } .mag-control .used-car-app .used-table-controls [role="group"] > button{ min-height: 34px; padding: 6px 10px; font-size: 12px; border-radius: 20px; background: none; color: var(--mag-text-secondary); } .mag-control .used-car-app .used-table-controls [role="group"] > [aria-pressed="true"]{ background: var(--mag-selected-bg); color: var(--mag-link); } .mag-control .used-car-app .used-table-scroll{ max-height: 620px; overflow: auto; position: relative; } .mag-control .used-car-app .used-operating-table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; } .mag-control .used-car-app .used-operating-table th, .mag-control .used-car-app .used-operating-table td{ padding: 12px 10px; border-bottom: 1px solid var(--mag-border); text-align: right; font-weight: 450; } .mag-control .used-car-app .used-operating-table thead th{ position: sticky; top: 0; background: var(--mag-surface-subtle); z-index: 2; font-weight: 550; color: var(--mag-text-secondary); font-size: 11px; } .mag-control .used-car-app .used-operating-table th:first-child{ position: sticky; left: 0; text-align: left; z-index: 1; background: var(--mag-surface); min-width: 218px; max-width: 258px; } .mag-control .used-car-app .used-operating-table thead th:first-child{ z-index: 3; background: var(--mag-surface-subtle); } .mag-control .used-car-app .used-operating-table th > button{ display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 100%; background: none; color: inherit; border: 0; font: inherit; } .mag-control .used-car-app .used-operating-table tbody th > button{ justify-content: space-between; gap: 14px; font-weight: 550; text-align: left; white-space: normal; min-height: 20px; } .mag-control .used-car-app .used-operating-table tr.is-selected td, .mag-control .used-car-app .used-operating-table tr.is-selected th{ background: var(--mag-selected-bg); } .mag-control .used-car-app .used-operating-table tr:hover td, .mag-control .used-car-app .used-operating-table tr:hover th{ background: var(--mag-hover); } .mag-control .used-car-app .used-operating-table td > a{ color: var(--mag-link); font-weight: 550; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--mag-link) 25%, transparent); text-underline-offset: 3px; } .mag-control .used-car-app .used-operating-table td > a.used-adverse{ color: var(--mag-danger-text); } .mag-control .used-car-app .used-operating-table td small{ font-size: 10px; color: var(--mag-text-muted); margin-left: 2px; } .mag-control .used-car-app .used-microbar{ display: inline-block; width: 34px; height: 4px; background: var(--mag-neutral-bg); border-radius: 4px; vertical-align: middle; margin-left: 8px; overflow: hidden; } .mag-control .used-car-app .used-microbar i{ display: block; height: 100%; background: var(--mag-danger-text); } .mag-control .used-car-app .used-table-foot{ font-size: 11px; line-height: 18px; color: var(--mag-text-muted); padding: 15px 20px; } .mag-control .used-car-app .used-review-panel{ padding: 20px; } .mag-control .used-car-app .used-store-title{ display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 650; font-size: 16px; line-height: 22px; color: var(--mag-link); margin-top: 20px; } .mag-control .used-car-app .used-review-list{ display: flex; flex-direction: column; margin: 20px -4px; } .mag-control .used-car-app .used-review-list > a{ padding: 12px 4px; border-top: 1px solid var(--mag-border); display: flex; gap: 12px; align-items: center; } .mag-control .used-car-app .used-review-list > a > strong{ font-size: 20px; line-height: 28px; font-weight: 600; min-width: 30px; color: var(--mag-danger-text); font-variant-numeric: tabular-nums; } .mag-control .used-car-app .used-review-list > a > div{ flex: 1; } .mag-control .used-car-app .used-review-list b{ display: block; font-size: 12px; font-weight: 550; } .mag-control .used-car-app .used-review-list span{ display: block; font-size: 11px; line-height: 16px; color: var(--mag-text-muted); margin-top: 2px; } .mag-control .used-car-app .used-review-links{ display: grid; gap: 12px; margin-top: 20px; } .mag-control .used-car-app .used-review-links a{ display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--mag-link); } .mag-control .used-car-app .used-follow-up{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .mag-control .used-car-app .used-follow-up > span{ font-size: 12px; color: var(--mag-success-text); } .mag-control .used-car-app .used-empty{ padding: 28px; font-size: 14px; } .mag-control .used-car-app .used-empty button{ text-decoration: underline; color: var(--mag-link); } .mag-control .used-car-app .button{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 14px; border-radius: 12px; border: 1px solid var(--mag-control-border); background: var(--mag-surface); color: var(--mag-text); font-size: 13px; font-weight: 550; } .mag-control .used-car-app .button.primary{ background: var(--mag-primary); color: var(--mag-on-primary); border-color: var(--mag-primary); } .mag-control .used-car-app .badge{ border-radius: 20px; padding: 4px 8px; font-size: 11px; white-space: nowrap; } .mag-control .used-car-app .badge.neutral{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .used-car-app .used-follow-up .button{ width: 100%; } @media (max-width: 1300px){.mag-control .used-car-app .used-work-grid{ grid-template-columns: minmax(0, 1fr); } .mag-control .used-car-app .used-review-panel{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; } .mag-control .used-car-app .used-review-panel h2{ grid-column: 1/-1; } .mag-control .used-car-app .used-review-list{ grid-row: 2/5; grid-column: 2; } .mag-control .used-car-app .used-review-links{ grid-column: 1/-1; grid-template-columns: repeat(3, 1fr); }} @media (max-width: 767px){.mag-control .used-car-app{ margin: 0; } .mag-control .used-car-app .used-context{ flex-wrap: wrap; padding: 0 0 12px; } .mag-control .used-car-app .used-context label{ width: 100%; justify-content: space-between; } .mag-control .used-car-app .used-context select{ min-width: 0; max-width: 75%; } .mag-control .used-car-app .used-tabs{ gap: 20px; padding: 0; } .mag-control .used-car-app .used-source-note{ margin: 0 0 12px; } .mag-control .used-car-app .used-workbench{ padding: 12px 0 20px; } .mag-control .used-car-app .used-workbench-controls{ padding: 0; } .mag-control .used-car-app .used-title{ flex-wrap: wrap; } .mag-control .used-car-app .used-title h1{ font-size: 26px; line-height: 34px; } .mag-control .used-car-app .used-title p{ font-size: 14px; } .mag-control .used-car-app .used-summary{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mag-control .used-car-app .used-summary > button{ padding: 16px; border-bottom: 1px solid var(--mag-border); } .mag-control .used-car-app .used-summary > button:nth-child(2){ border-right: 0; } .mag-control .used-car-app .used-summary strong{ font-size: 26px; } .mag-control .used-car-app .used-review-panel{ display: block; } .mag-control .used-car-app .used-review-links{ display: flex; flex-direction: column; } .mag-control .used-car-app .used-directory > section{ grid-template-columns: repeat(2, minmax(100px, 1fr)); } .mag-control .used-car-app .used-table-heading{ flex-wrap: wrap; padding: 16px; } .mag-control .used-car-app .used-table-controls{ padding: 0 16px 16px; } .mag-control .used-car-app .used-operating-table th:first-child{ min-width: 180px; max-width: 180px; } .mag-control .used-car-app .used-table-controls [role="group"] > button{ min-height: 40px; padding: 8px; } .mag-control .used-car-app .used-store-tabs{ gap: 18px; } .mag-control .used-car-app .used-store-tabs > a{ min-height: 44px; }} @media print{.mag-control .used-car-app .used-work-grid{ display: block; } .mag-control .used-car-app .used-table-scroll{ max-height: none; overflow: visible; } .mag-control .used-car-app .used-operating-table{ white-space: normal; font-size: 9px; } .mag-control .used-car-app .used-review-panel{ break-before: page; } .mag-control .used-car-app .used-table-controls, .mag-control .used-car-app .used-follow-up{ display: none; }} .mag-control .used-car-app .observed-fields{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--mag-border); border-radius: 20px; overflow: hidden; background: var(--mag-surface); } .mag-control .used-car-app .observed-fields > div{ padding: 20px; border-bottom: 1px solid var(--mag-border); border-right: 1px solid var(--mag-border); display: flex; flex-direction: column; gap: 7px; } .mag-control .used-car-app .observed-fields span{ color: var(--mag-text-secondary); font-size: 12px; } .mag-control .used-car-app .observed-fields strong{ font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; } .mag-control .used-car-app .observed-math{ border: 1px solid var(--mag-border); background: var(--mag-surface); border-radius: 20px; padding: 24px; max-width: 720px; } .mag-control .used-car-app .observed-math h2{ font-size: 18px; font-weight: 650; margin-bottom: 12px; } .mag-control .used-car-app .observed-math p{ display: flex; justify-content: space-between; gap: 20px; font-size: 14px; padding: 12px 0; border-bottom: 1px solid var(--mag-border); } .mag-control .used-car-app .observed-math small{ display: block; font-size: 12px; color: var(--mag-text-muted); margin-top: 14px; } @media (max-width: 767px){.mag-control .used-car-app .observed-fields{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mag-control .used-car-app .observed-fields > div{ padding: 16px; } .mag-control .used-car-app .observed-fields strong{ font-size: 18px; }} .mag-control .used-car-app .used-follow-up .entity-follow-up{ width: 100%; } .mag-control .used-car-app .used-follow-up .entity-follow-up > span{ display: block; font-size: 11px; line-height: 17px; color: var(--mag-text-secondary); margin-top: 8px; } .mag-control .used-car-app .used-title-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px} .mag-control .used-car-app .used-title{margin-bottom:18px} .mag-control .used-car-app .used-summary>button{padding:16px 20px} .mag-control .used-car-app .used-table-heading{padding:16px 16px 10px} .mag-control .used-car-app .used-table-controls{padding:0 16px 12px} @media (min-width: 1024px){.mag-control .used-car-app:has(.used-workbench) .used-navigation{ display: grid; grid-template-columns: minmax(0, 1fr) 218px; align-items: center; column-gap: 16px; margin-bottom: 10px; } .mag-control .used-car-app:has(.used-workbench) .used-context{ grid-column: 2; grid-row: 1; padding: 0; } .mag-control .used-car-app:has(.used-workbench) .used-context > span{ display: none; } .mag-control .used-car-app:has(.used-workbench) .used-context label{ font-size: 0; gap: 0; } .mag-control .used-car-app:has(.used-workbench) .used-context select{ min-width: 0; width: 218px; font-size: 13px; height: 36px; } .mag-control .used-car-app:has(.used-workbench) .used-tabs{ grid-column: 1; grid-row: 1; gap: 16px; } .mag-control .used-car-app:has(.used-workbench) .used-tabs > a, .mag-control .used-car-app:has(.used-workbench) .used-tabs > button{ font-size: 13px; } .mag-control .used-car-app:has(.used-workbench) .used-directory{ grid-column: 1 / -1; } .mag-control .used-car-app:has(.used-workbench) .used-source-note{ padding: 6px 12px; margin-bottom: 4px; } .mag-control .used-car-app .used-workbench{ padding-top: 6px; } .mag-control .used-car-app .used-title{ margin-bottom: 12px; } .mag-control .used-car-app .used-title h1{ font-size: 28px; line-height: 34px; } .mag-control .used-car-app .used-title p{ font-size: 14px; margin-top: 0; } .mag-control .used-car-app .used-summary{ margin-bottom: 16px; } .mag-control .used-car-app .used-summary > button{ padding: 12px 18px; gap: 4px; } .mag-control .used-car-app .used-summary strong{ font-size: 28px; line-height: 32px; } .mag-control .used-car-app .used-table-heading{ padding: 12px 16px 8px; } .mag-control .used-car-app .used-table-heading p{ display: none; } .mag-control .used-car-app .used-operating-table td, .mag-control .used-car-app .used-operating-table tbody th{ padding-top: 10px; padding-bottom: 10px; }} @media screen and (min-width:768px){.mag-control .used-car-app .used-report-header{padding:8px 12px 0} .mag-control .used-car-app .used-report-header h1{font-size:var(--uc-title);line-height:28px;letter-spacing:-.01em;font-weight:650} .mag-control .used-car-app .used-report-header h1+p{font-size:13px;line-height:18px;margin-top:2px} .mag-control .used-car-app .used-report-controls{margin-top:6px;gap:6px} .mag-control .used-car-app .used-report-body{padding:10px 12px 16px} .mag-control .used-car-app .used-report-body>:not(:last-child){margin-block-end:12px} .mag-control .used-car-app .used-report-body>:not(:first-child){margin-block-start:12px} .mag-control .used-car-app .used-navigation{margin-bottom:8px} .mag-control .used-car-app .used-tabs{gap:18px} .mag-control .used-car-app .used-tabs>a, .mag-control .used-car-app .used-tabs>button{min-height:36px;font-size:var(--uc-control-font)} .mag-control .used-car-app .inventory-topics summary{min-height:36px;padding:9px 12px} .mag-control .used-car-app .used-source-note{padding:5px 12px;margin-bottom:6px} .mag-control .used-car-app .used-section-heading{min-height:28px;margin-bottom:6px;gap:4px 10px;align-items:center} .mag-control .used-car-app .used-section-heading h2{font-size:15px;line-height:20px;letter-spacing:0;font-weight:650} .mag-control .used-car-app .used-section-heading p{font-size:12px;line-height:16px;margin-top:1px} .mag-control .used-car-app .used-kpi-tile{padding:8px 10px;border-radius:12px} .mag-control .used-car-app .used-kpi-label{font-size:var(--uc-tile-label);line-height:16px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .used-car-app .used-kpi-tile>.used-kpi-value{font-size:var(--uc-tile-value);line-height:26px;margin-top:2px;letter-spacing:0;font-weight:650} .mag-control .used-car-app .used-kpi-context{font-size:var(--uc-tile-context);line-height:16px;min-height:16px;margin-top:1px} .mag-control .used-car-app .used-kpi-cue{padding-top:2px} .mag-control .used-car-app .observed-fields{border-radius:12px} .mag-control .used-car-app .observed-fields>div{padding:8px 10px;gap:2px} .mag-control .used-car-app .observed-fields span{font-size:var(--uc-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .used-car-app .observed-fields strong{font-size:var(--uc-tile-value);line-height:26px;font-weight:650} .mag-control .used-car-app .observed-math{padding:12px 14px;border-radius:12px} .mag-control .used-car-app .observed-math h2{font-size:15px;margin-bottom:6px} .mag-control .used-car-app .observed-math p{font-size:var(--uc-font);padding:6px 0} .mag-control .used-car-app .used-chip{height:var(--uc-control-h);padding-inline:12px;font-size:var(--uc-control-font)} .mag-control .used-car-app [data-variant]:is([data-size=default], .mag-control [data-size=sm], .mag-control [data-size=lg]){height:var(--uc-control-h);font-size:var(--uc-control-font)} .mag-control .used-car-app [data-variant]:is([data-size=icon], .mag-control [data-size=icon-sm], .mag-control [data-size=icon-lg]){width:var(--uc-control-h);height:var(--uc-control-h)} .mag-control .used-car-app [data-slot=input], .mag-control .used-car-app [data-slot=select-trigger]{height:var(--uc-control-h);min-height:var(--uc-control-h);font-size:var(--uc-control-font)} .mag-control .used-car-app :is(select, .mag-control input:is([type=text], .mag-control [type=search], .mag-control [type=number], .mag-control [type=date])):not([data-slot]){min-height:var(--uc-control-h);height:var(--uc-control-h);padding-block:0;font-size:var(--uc-control-font)} .mag-control .used-car-app :is([data-slot=toggle], .mag-control [data-slot=toggle-group-item]):is([data-size=default], .mag-control [data-size=lg]){height:var(--uc-control-h);min-width:var(--uc-control-h);font-size:var(--uc-control-font)} .mag-control .used-car-app [data-slot=tabs-list]{height:36px} .mag-control .used-car-app [data-slot=tabs-trigger]{font-size:var(--uc-control-font)} .mag-control .used-car-app .button{min-height:var(--uc-control-h);padding:4px 12px;border-radius:8px;font-size:var(--uc-control-font)} .mag-control .used-car-app.used-car-app table:not(.used-free-table){font-size:var(--uc-font);line-height:18px;font-variant-numeric:tabular-nums} .mag-control .used-car-app.used-car-app table:not(.used-free-table)>thead>tr>th{height:var(--uc-row);padding-block:0;font-size:var(--uc-head-font);line-height:14px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .used-car-app.used-car-app table:not(.used-free-table)>thead>tr>th button{text-transform:inherit;letter-spacing:inherit} .mag-control .used-car-app.used-car-app table:not(.used-free-table)>:is(tbody, .mag-control tfoot)>tr>:is(td, .mag-control th){height:var(--uc-row);padding-block:4px;font-size:var(--uc-font);line-height:18px} .mag-control .used-car-app.used-car-app table:not(.used-free-table)>tbody>tr>td[colspan]{padding-block:12px} .mag-control .used-car-app .used-data-table>div.no-print{padding:6px 10px;gap:6px;font-size:12px} .mag-control .used-car-app table .review-disclosure{min-height:24px;padding:0 4px 0 0}} @media screen and (max-width:767px){.mag-control .used-car-app .used-report-controls button, .mag-control .used-car-app .used-report-controls select, .mag-control .used-car-app .used-report-controls input, .mag-control .used-car-app .used-data-table button, .mag-control .used-car-app .used-data-table input, .mag-control .used-car-app .used-data-table select, .mag-control .used-car-app .used-data-table tbody a{min-height:var(--uc-touch)} .mag-control .used-car-app .used-data-table tbody a{display:inline-flex;align-items:center}} @media screen and (pointer:coarse){.mag-control .used-car-app [data-variant][data-size]:not([data-size=xs]):not([data-size=icon-xs]), .mag-control .used-car-app [data-slot=input], .mag-control .used-car-app [data-slot=select-trigger], .mag-control .used-car-app .used-chip, .mag-control .used-car-app .button, .mag-control .used-car-app .used-tabs>a, .mag-control .used-car-app .used-tabs>button, .mag-control .used-car-app :is(select, .mag-control input:is([type=text], .mag-control [type=search], .mag-control [type=number], .mag-control [type=date])):not([data-slot]), .mag-control .used-car-app :is([data-slot=toggle], .mag-control [data-slot=toggle-group-item])[data-size]{min-height:var(--uc-touch)} .mag-control .used-car-app .used-data-table tbody a{display:inline-flex;align-items:center;min-height:var(--uc-touch)} .mag-control .used-car-app table .review-disclosure{min-height:var(--uc-touch)}} @media screen{.mag-control .used-car-app .used-report-header h1{font-size:26px;line-height:1.25;letter-spacing:-.025em;font-weight:700} .mag-control .used-car-app .used-report-body .used-section-heading{padding:8px 0;margin-bottom:10px} .mag-control .used-car-app .used-report-body .used-section-heading h2{font-size:16px;line-height:1.35;border-left:3px solid var(--mag-chart-1);padding-left:9px} .mag-control .used-car-app .used-report-body .used-kpi-tile{padding:12px 14px;border-radius:12px;border-top:3px solid var(--mag-chart-1);box-shadow:var(--mag-shadow-card)} .mag-control .used-car-app .used-report-body .used-kpi-tile[data-tone=good]{border-top-color:var(--good)} .mag-control .used-car-app .used-report-body .used-kpi-tile[data-tone=watch]{border-top-color:var(--watch)} .mag-control .used-car-app .used-report-body .used-kpi-tile[data-tone=serious]{border-top-color:var(--serious)} .mag-control .used-car-app .used-report-body .used-kpi-tile[data-tone=critical]{border-top-color:var(--critical)} .mag-control .used-car-app .used-report-body .used-kpi-tile>.used-kpi-value{font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere} .mag-control .used-car-app .used-report-body :is(.used-data-table, .mag-control [data-slot=card], .mag-control .scroll-x.rounded-lg.border){border-radius:12px;background:var(--card);box-shadow:var(--mag-shadow-card)} .mag-control .used-car-app .used-report-body table:not(.used-free-table)>thead>tr>th{background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-control-border)} .mag-control .used-car-app .used-report-body table:not(.used-free-table)>tbody>tr:focus-within>:is(td, .mag-control th){background:var(--mag-hover)} .mag-control .used-car-app .used-report-body table:not(.used-free-table)>tfoot>tr>:is(td, .mag-control th){font-weight:700;border-top:2px solid var(--mag-border)}} @media screen and (max-width:767px){.mag-control .used-car-app .used-report-header h1{font-size:23px} .mag-control .used-car-app .used-report-body .used-kpi-tile{padding:10px 12px} .mag-control .used-car-app .used-report-body .used-kpi-tile>.used-kpi-value{font-size:22px;line-height:30px}} .mag-control .used-car-app .used-page-method{margin-top:18px;padding:12px 0;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-secondary);line-height:1.6} .mag-control .used-car-app .used-page-method summary{cursor:pointer;min-height:32px;font-weight:600} .mag-control .used-car-app .used-page-method>div{margin-top:8px} .mag-control .used-car-app .used-page-method summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} @media(max-width:767px){.mag-control .used-car-app .used-page-method summary{min-height:44px}} /* ==== src/components/content-pages.module.css (module -> .mag-content-pages-*) ==== */ .mag-control .mag-content-pages-workspace{display:grid;gap:16px;min-width:0;color:var(--mag-text)} .mag-control .mag-content-pages-workspace .panel{border-radius:12px;border-color:var(--mag-border);box-shadow:var(--mag-shadow-card);min-width:0} .mag-control .mag-content-pages-workspace .page-header h1, .mag-control .mag-content-pages-workspace>section>h1{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin-bottom:8px} .mag-control .mag-content-pages-workspace .page-header p{max-width:78ch;color:var(--mag-text-secondary);line-height:1.55} .mag-control .mag-content-pages-workspace .panel-header{background:var(--mag-surface);border-bottom:1px solid var(--mag-border)} .mag-control .mag-content-pages-access{max-width:900px;padding:24px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-content-pages-access h2{font-size:18px;letter-spacing:-.02em;margin-top:16px} .mag-control .mag-content-pages-access p{max-width:78ch;line-height:1.6;color:var(--mag-text-secondary)} .mag-control .mag-content-pages-access .button{justify-self:start} .mag-control .mag-content-pages-access-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .mag-content-pages-evidence{border-left:3px solid var(--mag-warning-mark);padding:24px;display:grid;gap:14px;justify-items:start;max-width:100%} .mag-control .mag-content-pages-evidence h1{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin:0} .mag-control .mag-content-pages-evidence p{max-width:85ch;line-height:1.6;color:var(--mag-text-secondary);margin:0} .mag-control .mag-content-pages-evidence-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--mag-warning-bg);color:var(--mag-warning-text)} @media(max-width:767px){.mag-control .mag-content-pages-workspace{gap:12px} .mag-control .mag-content-pages-access, .mag-control .mag-content-pages-evidence{padding:18px} .mag-control .mag-content-pages-workspace .page-header h1{font-size:25px} .mag-control .mag-content-pages-evidence h1{font-size:22px}} @media print{.mag-control .mag-content-pages-workspace .panel{box-shadow:none} .mag-control .mag-content-pages-access, .mag-control .mag-content-pages-evidence{border-color:var(--mag-border)} .mag-control .mag-content-pages-access-icon, .mag-control .mag-content-pages-evidence-icon{display:none}} /* ==== src/components/data-table.module.css (module -> .mag-data-table-*) ==== */ .mag-control .mag-data-table-root{display:flex;flex-direction:column;min-width:0;max-width:100%;--kit-row:30px;--kit-font:13px;--kit-pad:6px} .mag-control .mag-data-table-root[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-data-table-root select, .mag-control .mag-data-table-root input[type="search"]{min-height:32px;padding:4px 8px;font-size:13px;line-height:1.4} .mag-control .mag-data-table-search{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;flex:0 1 auto;margin:0} .mag-control .mag-data-table-search-button{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:4px 10px;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-small);background:var(--mag-surface);color:var(--mag-text);font-size:13px;font-weight:500;white-space:nowrap} .mag-control .mag-data-table-search-button:hover{background:var(--mag-hover)} .mag-control .mag-data-table-search-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-data-table-scroll{max-height:calc(100vh - 220px);scrollbar-width:thin} .mag-control .mag-data-table-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-data-table-pinned{position:sticky;left:0;z-index:1;background:var(--mag-surface)} .mag-control .mag-data-table-scroll .mag-data-table-table thead th{z-index:2} .mag-control .mag-data-table-scroll .mag-data-table-table thead .mag-data-table-pinned{z-index:3} .mag-control .mag-data-table-scroll .mag-data-table-table thead .mag-data-table-pinned, .mag-control .mag-data-table-scroll .mag-data-table-table tfoot .mag-data-table-pinned{background:var(--mag-surface-subtle)} .mag-control .mag-data-table-scroll .mag-data-table-table tfoot td{position:sticky;bottom:0;z-index:2;box-shadow:inset 0 1px 0 var(--mag-border)} .mag-control .mag-data-table-scroll .mag-data-table-table tfoot .mag-data-table-pinned{z-index:3} .mag-control .mag-data-table-sort-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:3px;min-height:30px;max-width:100%;cursor:pointer;white-space:nowrap} .mag-control .mag-data-table-sort-button:hover{color:var(--mag-text)} .mag-control .mag-data-table-sort-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px;border-radius:4px} .mag-control .mag-data-table-sort-mark{display:inline-block;width:10px;text-align:center;font-size:10px} .mag-control .mag-data-table-table tbody tr{cursor:pointer;scroll-margin-top:32px} .mag-control .mag-data-table-scroll .mag-data-table-table tbody tr:focus-visible>td, .mag-control .mag-data-table-scroll .mag-data-table-table tbody tr[data-active="true"]>td{background:var(--mag-selected-bg)} .mag-control .mag-data-table-scroll .mag-data-table-table td{overflow:hidden} .mag-control .mag-data-table-label{color:var(--mag-link);font-weight:500} .mag-control .mag-data-table-scroll .mag-data-table-table .semantic-label{display:inline;margin-left:6px;font-size:11px;line-height:1;white-space:nowrap} .mag-control .mag-data-table-text{display:block;width:100%;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-data-table-table tfoot td{cursor:default} .mag-control .mag-data-table-empty{padding:18px 16px;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-data-table-empty strong{display:block;margin-bottom:2px;color:var(--mag-text);font-weight:600} .mag-control .mag-data-table-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:5px 12px;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-data-table-columns{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 6px} .mag-control .mag-data-table-link-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:24px;color:var(--mag-link);font-weight:500;cursor:pointer} .mag-control .mag-data-table-link-button:hover{text-decoration:underline} .mag-control .mag-data-table-link-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:4px} .mag-control .mag-data-table-pager{margin-left:auto;display:inline-flex;align-items:center;gap:6px} .mag-control .mag-data-table-page-button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-small);background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-data-table-page-button:hover:not(:disabled){background:var(--mag-hover)} .mag-control .mag-data-table-page-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-data-table-page-button:disabled{cursor:default;opacity:.45} @media(max-width:767px){.mag-control .mag-data-table-scroll{max-height:none} .mag-control .mag-data-table-text{max-width:180px} .mag-control .mag-data-table-root select, .mag-control .mag-data-table-root input[type="search"]{font-size:16px}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-data-table-root select, .mag-control .mag-data-table-root input[type="search"]{min-height:44px} .mag-control .mag-data-table-sort-button, .mag-control .mag-data-table-search-button{min-height:44px} .mag-control .mag-data-table-page-button{width:44px;height:44px} .mag-control .mag-data-table-link-button{min-height:44px}} @media(forced-colors:active){.mag-control .mag-data-table-scroll .mag-data-table-table tbody tr[data-active="true"]>td{outline:2px solid Highlight;outline-offset:-2px}} @media print{.mag-control .mag-data-table-foot{display:none} .mag-control .mag-data-table-scroll{max-height:none;overflow:visible} .mag-control .mag-data-table-pinned, .mag-control .mag-data-table-scroll .mag-data-table-table tfoot td{position:static}} .mag-control .mag-data-table-scroll .mag-data-table-table td .mag-data-table-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%} /* ==== src/components/dive-link.module.css (module -> .mag-dive-link-*) ==== */ .mag-control .mag-dive-link-dive{ display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 12px 4px 9px; border: 1px solid var(--mag-dive); border-radius: var(--mag-radius-pill); background: color-mix(in srgb, var(--mag-dive) 12%, transparent); color: var(--mag-dive-ink); font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); font-weight: 600; text-decoration: none; transition: background-color var(--mag-duration-hover) var(--mag-ease-enter); } .mag-control .mag-dive-link-arrow{ flex: none; transition: transform var(--mag-duration-hover) var(--mag-ease-enter); } .mag-control .mag-dive-link-compact{ padding: 3px 10px 3px 8px; justify-self: start; } .mag-control .mag-dive-link-question{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-dive-link-name{ font-weight: 400; opacity: 0.82; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-dive-link-name::before{ content: '· '; } @media (hover: hover) and (pointer: fine){.mag-control .mag-dive-link-dive:hover{ background: color-mix(in srgb, var(--mag-dive) 20%, transparent); } .mag-control .mag-dive-link-dive:hover .mag-dive-link-arrow{ transform: translate(2px, 2px); }} .mag-control .mag-dive-link-dive:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; background: color-mix(in srgb, var(--mag-dive) 20%, transparent); } .mag-control .mag-dive-link-dive:focus-visible .mag-dive-link-arrow{ transform: translate(2px, 2px); } @media (pointer: coarse){.mag-control .mag-dive-link-dive{ min-height: var(--mag-control-height-touch); padding-inline: 14px 16px; }} :root[data-motion="reduced"] .mag-dive-link-dive, :root[data-motion="reduced"] .mag-dive-link-arrow{ transition: none; } :root[data-motion="reduced"] .mag-dive-link-dive:hover .mag-dive-link-arrow, :root[data-motion="reduced"] .mag-dive-link-dive:focus-visible .mag-dive-link-arrow{ transform: none; } @media (prefers-reduced-motion: reduce){.mag-control .mag-dive-link-dive, .mag-control .mag-dive-link-arrow{ transition: none; } .mag-control .mag-dive-link-dive:hover .mag-dive-link-arrow, .mag-control .mag-dive-link-dive:focus-visible .mag-dive-link-arrow{ transform: none; }} .mag-control .mag-dive-link-row{ display: inline-flex; align-items: baseline; gap: 4px; color: var(--mag-dive-ink); text-decoration: none; font-weight: 600; } .mag-control .mag-dive-link-row .mag-dive-link-arrow{ align-self: center; opacity: 0; transition: opacity var(--mag-duration-hover) var(--mag-ease-enter), transform var(--mag-duration-hover) var(--mag-ease-enter); } @media (hover: hover) and (pointer: fine){.mag-control .mag-dive-link-row:hover{ text-decoration: underline; } .mag-control .mag-dive-link-row:hover .mag-dive-link-arrow{ opacity: 1; transform: translate(2px, 2px); }} .mag-control .mag-dive-link-row:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; text-decoration: underline; } .mag-control .mag-dive-link-row:focus-visible .mag-dive-link-arrow{ opacity: 1; } @media (pointer: coarse){.mag-control .mag-dive-link-row .mag-dive-link-arrow{ opacity: 1; }} :root[data-motion="reduced"] .mag-dive-link-row .mag-dive-link-arrow{ transition: none; } :root[data-motion="reduced"] .mag-dive-link-row:hover .mag-dive-link-arrow{ transform: none; } @media (prefers-reduced-motion: reduce){.mag-control .mag-dive-link-row .mag-dive-link-arrow{ transition: none; } .mag-control .mag-dive-link-row:hover .mag-dive-link-arrow{ transform: none; }} /* ==== src/components/favorites.module.css (module -> .mag-favorites-*) ==== */ .mag-control .mag-favorites-star{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 26px; height: 26px; padding: 0; border: 0; border-radius: var(--mag-radius-small); background: transparent; color: var(--mag-text-muted); cursor: pointer; transition: opacity var(--mag-duration-hover) var(--mag-ease-enter), color var(--mag-duration-hover) var(--mag-ease-enter); } .mag-control .mag-favorites-star[data-favorite='on']{ color: var(--mag-favorite); opacity: 1; } @media (hover: hover) and (pointer: fine){.mag-control .mag-favorites-star[data-favorite='off']{ opacity: 0; } .mag-control li:hover > .mag-favorites-star[data-favorite='off'], .mag-control li:focus-within > .mag-favorites-star[data-favorite='off'], .mag-control .mag-favorites-star[data-favorite='off']:hover, .mag-control .mag-favorites-star[data-favorite='off']:focus-visible{ opacity: 1; } .mag-control .mag-favorites-star:hover{ color: var(--mag-favorite); background: var(--mag-hover); }} .mag-control .mag-favorites-always-on, .mag-control .mag-favorites-always-on[data-favorite='off']{ opacity: 1; } @media (pointer: coarse){.mag-control .mag-favorites-star{ width: var(--mag-control-height-touch); height: var(--mag-control-height-touch); opacity: 1; } .mag-control .mag-favorites-star[data-favorite='off']{ opacity: 0.55; }} .mag-control .mag-favorites-star:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 1px; opacity: 1; } :root[data-motion='reduced'] .mag-favorites-star{ transition: none; } @media (prefers-reduced-motion: reduce){.mag-control .mag-favorites-star{ transition: none; }} .mag-control .mag-favorites-trigger{ display: none; align-items: center; gap: 7px; height: var(--mag-control-height); padding: 0 12px; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); font-weight: 600; cursor: pointer; } .mag-control .mag-favorites-trigger:hover{ background: var(--mag-hover); } .mag-control .mag-favorites-trigger:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-favorites-trigger svg{ color: var(--mag-favorite); } .mag-control .mag-favorites-trigger-label{ display: none; } @media (min-width: 768px){.mag-control .mag-favorites-trigger{ display: inline-flex; }} @media (min-width: 1200px){.mag-control .mag-favorites-trigger-label{ display: inline; }} .mag-control .mag-favorites-count{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--mag-radius-pill); background: var(--mag-neutral-bg); color: var(--mag-neutral-text); font-size: var(--mag-font-meta); font-variant-numeric: tabular-nums; } .mag-control .mag-favorites-panel{ width: min(380px, calc(100vw - 24px)); max-height: min(70vh, 560px); overflow: auto; padding: 14px 14px 10px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); background: var(--mag-surface-raised); box-shadow: var(--mag-shadow-popover); z-index: var(--mag-z-popover); } .mag-control .mag-favorites-panel:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-favorites-panel-head h2{ margin: 0; font-size: var(--mag-font-panel); line-height: var(--mag-line-panel); } .mag-control .mag-favorites-panel-head p{ margin: 2px 0 10px; font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); color: var(--mag-text-muted); } .mag-control .mag-favorites-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } .mag-control .mag-favorites-row{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 6px; border-radius: var(--mag-radius-small); } .mag-control .mag-favorites-row:hover, .mag-control .mag-favorites-row:focus-within{ background: var(--mag-hover); } .mag-control .mag-favorites-handle{ display: grid; gap: 1px; } .mag-control .mag-favorites-handle button{ display: flex; align-items: center; justify-content: center; width: 22px; height: 16px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--mag-text-muted); cursor: pointer; } .mag-control .mag-favorites-handle button:hover:not(:disabled){ background: var(--mag-selected-bg); color: var(--mag-selected-text); } .mag-control .mag-favorites-handle button:disabled{ opacity: 0.3; cursor: default; } .mag-control .mag-favorites-handle button:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 1px; } .mag-control .mag-favorites-link{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; padding: 4px 6px; color: var(--mag-text); text-decoration: none; font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); min-width: 0; } .mag-control .mag-favorites-link:hover .mag-favorites-name{ text-decoration: underline; } .mag-control .mag-favorites-link:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: -2px; border-radius: 6px; } .mag-control .mag-favorites-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; } .mag-control .mag-favorites-key{ margin-left: 6px; font-weight: 400; color: var(--mag-text-muted); font-variant-numeric: tabular-nums; } .mag-control .mag-favorites-code{ flex: none; font-size: var(--mag-font-meta); color: var(--mag-text-muted); } .mag-control .mag-favorites-remove{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; padding: 0; border: 0; border-radius: var(--mag-radius-small); background: transparent; color: var(--mag-favorite); cursor: pointer; } .mag-control .mag-favorites-remove:hover{ background: var(--mag-hover); } .mag-control .mag-favorites-remove:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 1px; } @media (pointer: coarse){.mag-control .mag-favorites-handle button{ width: var(--mag-control-height-touch); height: 22px; } .mag-control .mag-favorites-remove{ width: var(--mag-control-height-touch); height: var(--mag-control-height-touch); }} .mag-control .mag-favorites-empty{ margin: 0 0 6px; padding: 14px 12px; border: 1px dashed var(--mag-border); border-radius: var(--mag-radius-small); font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); color: var(--mag-text-muted); } .mag-control .mag-favorites-inline{ margin: 0 0 14px; } .mag-control .mag-favorites-inline h3{ display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); text-transform: uppercase; letter-spacing: 0.06em; color: var(--mag-text-secondary); } /* ==== src/components/item-drawer/item-drawer.module.css (module -> .mag-item-drawer-*) ==== */ .mag-control .mag-item-drawer-backdrop{position:fixed;inset:0;z-index:var(--mag-z-backdrop);background:rgba(11,13,20,.35)} .mag-control .mag-item-drawer-drawer{position:fixed;top:0;right:0;z-index:var(--mag-z-modal);display:flex;flex-direction:column;width:min(580px,100%);height:100%;max-height:100dvh;border-left:1px solid var(--mag-border);background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);color:var(--mag-text);font-size:13px;line-height:1.45} .mag-control .mag-item-drawer-drawer:focus{outline:none} .mag-control .mag-item-drawer-head{display:flex;align-items:flex-start;gap:8px 12px;padding:14px 16px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-item-drawer-head-text{flex:1;min-width:0} .mag-control .mag-item-drawer-head h2{margin:0;font-size:16px;line-height:1.3;font-weight:650;overflow-wrap:anywhere} .mag-control .mag-item-drawer-subtitle{margin:2px 0 0;font-size:12px;line-height:1.4;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-head-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px} .mag-control .mag-item-drawer-head-actions .button{min-height:32px;padding:4px 12px;font-size:13px} .mag-control .mag-item-drawer-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-item-drawer-facts>div{min-width:0;padding:7px 16px;border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border)} .mag-control .mag-item-drawer-facts>div:nth-child(3n){border-right:0} .mag-control .mag-item-drawer-facts dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-facts dd{margin:0;overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-item-drawer-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--mag-border);overflow-x:auto;scrollbar-width:none} .mag-control .mag-item-drawer-tab{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:38px;padding:0 8px;border-bottom:3px solid transparent;color:var(--mag-text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer} .mag-control .mag-item-drawer-tab:hover{color:var(--mag-text)} .mag-control .mag-item-drawer-tab:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-3px;border-radius:4px} .mag-control .mag-item-drawer-tab[aria-selected="true"]{border-bottom-color:var(--mag-primary);color:var(--mag-selected-text);font-weight:600} .mag-control .mag-item-drawer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain} .mag-control .mag-item-drawer-panel{display:grid;gap:10px;align-content:start;padding:12px 16px 16px} .mag-control .mag-item-drawer-panel:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-item-drawer-panel h3{margin:4px 0 0;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px} .mag-control .mag-item-drawer-fields{display:grid;margin:0} .mag-control .mag-item-drawer-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:5px 0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-item-drawer-fields dt{color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-fields dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .mag-control .mag-item-drawer-stacked>div{display:block} .mag-control .mag-item-drawer-stacked dd{margin-top:2px;text-align:left} .mag-control .mag-item-drawer-list{display:grid;gap:4px;margin:0;padding-left:18px} .mag-control .mag-item-drawer-note{margin:0;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .muted{margin:0;color:var(--mag-text-muted)} .mag-control .mag-item-drawer-source-name{margin:0;font-weight:500} .mag-control .mag-item-drawer-big-value{margin:0;font-size:22px;line-height:1.3;font-weight:650;font-variant-numeric:proportional-nums} .mag-control .mag-item-drawer-months{font-size:12.5px} .mag-control .mag-item-drawer-info{display:flex;align-items:flex-start;gap:6px;margin:0;padding:6px 10px;border-radius:var(--mag-radius-small);background:var(--mag-info-bg);color:var(--mag-info-text);font-size:12.5px} .mag-control .mag-item-drawer-info svg{flex:0 0 auto;margin-top:2px} .mag-control .mag-item-drawer-warning{margin:0;padding:6px 10px;border-radius:var(--mag-radius-small);background:var(--mag-warning-bg);color:var(--mag-warning-text);font-size:12.5px} .mag-control .mag-item-drawer-error{margin:0;padding:6px 10px;border-radius:var(--mag-radius-small);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:12.5px;font-weight:500} .mag-control .mag-item-drawer-error a{color:inherit;font-weight:650;text-decoration:underline} .mag-control .mag-item-drawer-error-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .mag-control .mag-item-drawer-error-row .mag-item-drawer-error{flex:1 1 240px} .mag-control .mag-item-drawer-error-row .button{min-height:32px;padding:4px 12px} .mag-control .mag-item-drawer-history{display:grid;gap:10px;min-width:0} .mag-control .mag-item-drawer-history-reference{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 12px;border-radius:var(--mag-radius-small);background:var(--mag-surface-subtle)} .mag-control .mag-item-drawer-history-reference span{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-history-reference strong{display:block;font-size:20px;line-height:1.3;font-weight:650;font-variant-numeric:proportional-nums} .mag-control .mag-item-drawer-history-reference label{display:grid;gap:4px;margin:0;font-size:11.5px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-history-reference select{width:auto;min-height:32px;padding:4px 8px;font-size:13px;font-weight:400} .mag-control .mag-item-drawer-history-table .mag-item-drawer-wrap{min-width:150px;padding-block:4px;white-space:normal} .mag-control .mag-item-drawer-history-table .mag-item-drawer-selected-row>*{background:var(--mag-selected-bg)} .mag-control .mag-item-drawer-history-table summary{cursor:pointer} .mag-control .mag-item-drawer-month-link{color:var(--mag-link);font-weight:500;text-decoration:none;white-space:nowrap} .mag-control .mag-item-drawer-month-link:hover{text-decoration:underline} .mag-control .mag-item-drawer-components{display:block;font-size:11.5px;color:var(--mag-text-muted)} .mag-control .mag-item-drawer-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-item-drawer-track label{display:grid;gap:4px;margin:0;font-size:11.5px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-track input, .mag-control .mag-item-drawer-track select{min-height:32px;padding:4px 8px;font-size:13px;font-weight:400} .mag-control .mag-item-drawer-track-save{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px} .mag-control .mag-item-drawer-track-save .mag-item-drawer-hint{margin-right:auto} .mag-control .mag-item-drawer-track-save .button{min-height:32px;padding:4px 12px;font-size:13px} .mag-control .mag-item-drawer-track-wide{grid-column:1/-1} .mag-control .mag-item-drawer-timeline{display:grid;gap:8px} .mag-control .mag-item-drawer-entries{display:grid;gap:8px;margin:0;padding:0;list-style:none} .mag-control .mag-item-drawer-entry{padding:8px 12px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-item-drawer-entry-change{border-style:dashed;background:var(--mag-surface-subtle)} .mag-control .mag-item-drawer-entry p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .mag-control .mag-item-drawer-who{margin-bottom:3px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-item-drawer-who b{color:var(--mag-text);font-weight:600} .mag-control .mag-item-drawer-compose{display:grid;gap:6px;padding:10px 16px;border-top:1px solid var(--mag-border)} .mag-control .mag-item-drawer-compose textarea{width:100%;min-height:72px;padding:8px 10px;font-size:13px;resize:vertical} .mag-control .mag-item-drawer-author{display:flex;align-items:center;gap:8px;margin:0;font-size:11.5px;font-weight:500;color:var(--mag-text-muted)} .mag-control .mag-item-drawer-author input{flex:1;min-width:0;min-height:30px;padding:4px 8px;font-size:13px} .mag-control .mag-item-drawer-compose-actions{display:flex;align-items:center;gap:8px} .mag-control .mag-item-drawer-compose-actions .button{flex:0 0 auto;margin-left:auto;min-height:32px;padding:4px 14px;font-size:13px} .mag-control .mag-item-drawer-hint{font-size:11.5px;color:var(--mag-text-muted)} @media(max-width:767px){.mag-control .mag-item-drawer-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-item-drawer-facts>div:nth-child(3n){border-right:1px solid var(--mag-border)} .mag-control .mag-item-drawer-facts>div:nth-child(2n){border-right:0} .mag-control .mag-item-drawer-track{grid-template-columns:minmax(0,1fr)} .mag-control .mag-item-drawer-track input, .mag-control .mag-item-drawer-track select, .mag-control .mag-item-drawer-author input, .mag-control .mag-item-drawer-compose textarea, .mag-control .mag-item-drawer-history-reference select{font-size:16px} .mag-control .mag-item-drawer-compose-actions{flex-wrap:wrap}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-item-drawer-tab{min-height:44px} .mag-control .mag-item-drawer-track input, .mag-control .mag-item-drawer-track select, .mag-control .mag-item-drawer-author input, .mag-control .mag-item-drawer-history-reference select{min-height:44px} .mag-control .mag-item-drawer-month-link{display:inline-flex;align-items:center;min-height:44px} .mag-control .mag-item-drawer-history-table summary{display:flex;align-items:center;min-height:44px} .mag-control .mag-item-drawer-head-actions .button, .mag-control .mag-item-drawer-track-save .button, .mag-control .mag-item-drawer-compose-actions .button, .mag-control .mag-item-drawer-error-row .button{min-height:44px}} @media(forced-colors:active){.mag-control .mag-item-drawer-tab[aria-selected="true"]{border-bottom-color:Highlight} .mag-control .mag-item-drawer-entry{border:1px solid CanvasText}} @media print{.mag-control .mag-item-drawer-backdrop, .mag-control .mag-item-drawer-drawer{display:none}} /* ==== src/components/operating-review/linked-trend.module.css (module -> .mag-linked-trend-*) ==== */ .mag-control .mag-linked-trend-figure{margin:0;padding:18px;min-width:0;background:var(--mag-surface)} .mag-control .mag-linked-trend-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:var(--mag-text-secondary);flex-wrap:wrap;margin-bottom:10px} .mag-control .mag-linked-trend-figure figcaption strong{font-size:16px;color:var(--mag-text);font-weight:650} .mag-control .mag-linked-trend-chart{height:170px;display:flex;gap:10px} .mag-control .mag-linked-trend-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;text-align:right;color:var(--mag-text-secondary);min-width:62px;font-variant-numeric:tabular-nums} .mag-control .mag-linked-trend-chart svg{flex:1;min-width:0;overflow:visible} .mag-control .mag-linked-trend-line{fill:none;stroke:var(--mag-chart-1);stroke-width:3;vector-effect:non-scaling-stroke} .mag-control .mag-linked-trend-point{fill:var(--mag-chart-1);stroke:var(--mag-surface);stroke-width:1.5;vector-effect:non-scaling-stroke} .mag-control .mag-linked-trend-selected{fill:var(--mag-chart-2);stroke:var(--mag-surface);stroke-width:2;vector-effect:non-scaling-stroke} .mag-control .mag-linked-trend-zero{stroke:var(--mag-text-muted);stroke-width:1;vector-effect:non-scaling-stroke} .mag-control .mag-linked-trend-gridline{stroke:color-mix(in srgb,var(--mag-border) 75%,var(--mag-surface));stroke-width:1;vector-effect:non-scaling-stroke} .mag-control .mag-linked-trend-values{overflow:auto;max-width:100%;margin-top:14px;border-top:1px solid var(--mag-border);padding-top:8px} .mag-control .mag-linked-trend-values table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} .mag-control .mag-linked-trend-values th{font-size:12px;font-weight:400;color:var(--mag-text-secondary);white-space:nowrap;text-align:center;padding:4px 7px} .mag-control .mag-linked-trend-values td{padding:0;text-align:center} .mag-control .mag-linked-trend-values button{border:0;background:transparent;color:var(--mag-text);font-size:13px;padding:7px 8px;min-height:32px;border-radius:6px;white-space:nowrap;cursor:pointer} .mag-control .mag-linked-trend-values button[aria-pressed=true]{background:var(--mag-selected-bg);color:var(--mag-selected-text);font-weight:600} .mag-control .mag-linked-trend-values button:hover{background:var(--mag-hover)} .mag-control .mag-linked-trend-values:focus-visible, .mag-control .mag-linked-trend-values button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-linked-trend-detail{border-left:3px solid var(--mag-chart-1);padding:6px 10px;background:var(--mag-selected-bg);border-radius:0 6px 6px 0} .mag-control .mag-linked-trend-detail, .mag-control .mag-linked-trend-note{font-size:12px;line-height:18px;margin:8px 0 0;color:var(--mag-text-secondary)} .mag-control .mag-linked-trend-note{border-top:1px solid var(--mag-border);padding-top:7px} @media(max-width:767px){.mag-control .mag-linked-trend-values button{min-height:44px;min-width:44px;font-size:14px} .mag-control .mag-linked-trend-figure{padding:12px} .mag-control .mag-linked-trend-chart{height:150px} .mag-control .mag-linked-trend-axis{min-width:48px} .mag-control .mag-linked-trend-figure figcaption{display:block} .mag-control .mag-linked-trend-figure figcaption span{display:block;margin-top:3px}} @media print{.mag-control .mag-linked-trend-values{overflow:visible} .mag-control .mag-linked-trend-chart{height:110px} .mag-control .mag-linked-trend-detail{color:inherit}} .mag-control .mag-linked-trend-periods{display:flex;justify-content:space-between;padding-left:72px;font-size:11px;color:var(--mag-text-secondary);margin-top:9px} .mag-control .mag-linked-trend-support{border-top:1px solid var(--mag-border);margin-top:12px;padding-top:10px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-linked-trend-support summary{cursor:pointer;min-height:28px;line-height:28px} .mag-control .mag-linked-trend-short-note{font-size:11px;color:var(--mag-text-secondary);margin:10px 0 0} .mag-control .mag-linked-trend-figure[data-compact=true] .mag-linked-trend-chart{height:190px} .mag-control .mag-linked-trend-figure[data-compact=true] figcaption span{font-size:20px;font-weight:650;color:var(--mag-text);font-variant-numeric:tabular-nums} .mag-control .mag-linked-trend-support summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} @media(max-width:767px){.mag-control .mag-linked-trend-figure[data-compact=true] .mag-linked-trend-chart{height:170px} .mag-control .mag-linked-trend-periods{padding-left:58px} .mag-control .mag-linked-trend-support summary{min-height:44px;line-height:44px}} @media print{.mag-control .mag-linked-trend-support::details-content{content-visibility:visible;display:block}} .mag-control .mag-linked-trend-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;overflow:visible} .mag-control .mag-linked-trend-values>button{display:grid;gap:5px;border:1px solid var(--mag-border);padding:9px 6px;white-space:normal;overflow-wrap:anywhere;min-width:0} .mag-control .mag-linked-trend-values>button span{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-linked-trend-values>button strong{font-size:12px;font-variant-numeric:tabular-nums} @media(max-width:600px){.mag-control .mag-linked-trend-values{grid-template-columns:repeat(3,minmax(0,1fr))}} /* ==== src/components/operating-review/monthly-review.module.css (module -> .mag-monthly-review-*) ==== */ .mag-control .mag-monthly-review-section{min-width:0;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);overflow:hidden} .mag-control .mag-monthly-review-section>header{padding:10px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-monthly-review-section h2{font-size:16px;line-height:22px;margin:0;font-weight:650} .mag-control .mag-monthly-review-section header p{font-size:12px;line-height:18px;margin:3px 0 0;color:var(--mag-text-secondary)} .mag-control .mag-monthly-review-scroll{max-width:100%;overflow:auto} .mag-control .mag-monthly-review-scroll table{min-width:570px;width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums} .mag-control .mag-monthly-review-scroll th, .mag-control .mag-monthly-review-scroll td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--mag-border);white-space:nowrap} .mag-control .mag-monthly-review-scroll th:first-child{text-align:left;min-width:175px;max-width:240px;white-space:normal;position:sticky;left:0;background:var(--mag-surface);z-index:1} .mag-control .mag-monthly-review-scroll thead th{font-size:12px;font-weight:500;background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-monthly-review-scroll button{font:inherit;font-weight:500;color:var(--mag-text);border:0;background:transparent;text-align:left;cursor:pointer;padding:0;min-height:28px;line-height:20px} .mag-control .mag-monthly-review-scroll tr[data-selected] th, .mag-control .mag-monthly-review-scroll tr[data-selected] td{background:var(--mag-selected-bg)} .mag-control .mag-monthly-review-scroll button[aria-pressed=true]{color:var(--mag-selected-text);font-weight:600} .mag-control .mag-monthly-review-scroll small{display:block;font-size:12px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-monthly-review-method{border-top:1px solid var(--mag-border);font-size:12px;line-height:18px;color:var(--mag-text-secondary)} .mag-control .mag-monthly-review-method summary{padding:8px 12px;cursor:pointer;color:var(--mag-link)} .mag-control .mag-monthly-review-method p, .mag-control .mag-monthly-review-empty{margin:0;padding:0 12px 12px} .mag-control .mag-monthly-review-section :is(button, .mag-control summary):focus-visible, .mag-control .mag-monthly-review-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @media(max-width:767px){.mag-control .mag-monthly-review-scroll button, .mag-control .mag-monthly-review-method summary{min-height:44px;align-content:center} .mag-control .mag-monthly-review-scroll table{font-size:14px} .mag-control .mag-monthly-review-scroll th:first-child{min-width:145px;max-width:170px}} @media print{.mag-control .mag-monthly-review-scroll{overflow:visible} .mag-control .mag-monthly-review-section{break-inside:avoid}} /* ==== src/components/operating-review/observed-sales-trend.module.css (module -> .mag-observed-sales-trend-*) ==== */ .mag-control .mag-observed-sales-trend-section{border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:12px;overflow:hidden;min-width:0;margin:0 0 16px} .mag-control .mag-observed-sales-trend-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-observed-sales-trend-section h2{font-size:16px;margin:0;font-weight:650} .mag-control .mag-observed-sales-trend-section header p{font-size:12px;color:var(--mag-text-secondary);margin:3px 0 0;line-height:18px} .mag-control .mag-observed-sales-trend-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap} .mag-control .mag-observed-sales-trend-controls label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-observed-sales-trend-controls select{min-height:32px;max-width:230px;color:var(--mag-text);background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:6px;font-size:13px;padding:4px 8px} .mag-control .mag-observed-sales-trend-controls a, .mag-control .notice a{color:var(--mag-link);font-size:13px} .mag-control .notice{font-size:14px;line-height:20px;color:var(--mag-text-secondary);padding:12px;margin:0} .mag-control .mag-observed-sales-trend-section :is(a, .mag-control select):focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} @media(max-width:767px){.mag-control .mag-observed-sales-trend-section>header{display:block} .mag-control .mag-observed-sales-trend-controls{margin-top:8px;gap:8px} .mag-control .mag-observed-sales-trend-controls label{width:100%} .mag-control .mag-observed-sales-trend-controls select{font-size:16px;min-height:44px;flex:1;max-width:none;min-width:0} .mag-control .mag-observed-sales-trend-controls a{min-height:44px;display:flex;align-items:center}} .mag-control .mag-observed-sales-trend-section{border-radius:12px;box-shadow:0 2px 5px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-observed-sales-trend-section>header{padding:14px 16px;background:var(--mag-surface)} .mag-control .mag-observed-sales-trend-section h2{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.25px} .mag-control .mag-observed-sales-trend-section h2 svg{color:var(--mag-chart-1)} .mag-control .mag-observed-sales-trend-section header p{font-size:11px;margin-top:5px} .mag-control .mag-observed-sales-trend-controls label{font-size:11px} .mag-control .mag-observed-sales-trend-controls select{border-radius:7px} .mag-control .mag-observed-sales-trend-controls a{font-size:12px;font-weight:550} .mag-control .mag-observed-sales-trend-provenance{padding:10px 18px;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-observed-sales-trend-provenance summary{cursor:pointer;min-height:28px;line-height:28px} .mag-control .mag-observed-sales-trend-provenance p{margin:8px 0} .mag-control .mag-observed-sales-trend-provenance a{color:var(--mag-link)} /* ==== src/components/operating-review/operating-summary.module.css (module -> .mag-operating-summary-*) ==== */ .mag-control .mag-operating-summary-root{min-width:0;margin:0 0 16px;color:var(--mag-text)} .mag-control .mag-operating-summary-scope{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--mag-text-secondary);margin:0 0 8px;flex-wrap:wrap} .mag-control .mag-operating-summary-scope strong{font-size:14px;color:var(--mag-text);font-weight:600} .mag-control .mag-operating-summary-index{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 10px;padding:0 0 7px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-summary-index a{font-size:13px;color:var(--mag-link);padding:5px 0;text-decoration:none} .mag-control .mag-operating-summary-index a:hover{text-decoration:underline} .mag-control .mag-operating-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} .mag-control .mag-operating-summary-section{min-width:0;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;overflow:hidden;scroll-margin-top:100px} .mag-control .mag-operating-summary-section>header{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--mag-border);padding:10px 12px;background:var(--mag-surface-subtle)} .mag-control .mag-operating-summary-section h2{font-size:16px;line-height:22px;font-weight:650;margin:0} .mag-control .mag-operating-summary-section header p{font-size:12px;line-height:17px;color:var(--mag-text-secondary);margin:2px 0 0} .mag-control .mag-operating-summary-icon{color:var(--mag-link);display:flex;flex-shrink:0} .mag-control .mag-operating-summary-measures{margin:0;padding:0 12px} .mag-control .mag-operating-summary-measures>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--mag-border);min-height:37px} .mag-control .mag-operating-summary-measures>div:last-child{border:0} .mag-control .mag-operating-summary-measures dt{font-size:14px;line-height:20px;min-width:0} .mag-control .mag-operating-summary-measures dt small{display:block;font-size:12px;line-height:17px;color:var(--mag-text-secondary);margin-top:2px} .mag-control .mag-operating-summary-measures dd{margin:0;font-size:15px;line-height:20px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;max-width:47%} .mag-control .mag-operating-summary-measures a{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--mag-link);text-decoration:none} .mag-control .mag-operating-summary-measures a:hover{text-decoration:underline} .mag-control .mag-operating-summary-unavailable{font-size:12px;color:var(--mag-text-muted);font-weight:400} .mag-control .mag-operating-summary-details{border-top:1px solid var(--mag-border);font-size:12px;line-height:18px;color:var(--mag-text-secondary)} .mag-control .mag-operating-summary-details>summary{cursor:pointer;padding:8px 12px;color:var(--mag-link);font-weight:550;min-height:34px} .mag-control .mag-operating-summary-details[open]>summary{background:var(--mag-selected-bg)} .mag-control .mag-operating-summary-details>p, .mag-control .mag-operating-summary-details>a{margin:10px 12px;display:block} .mag-control .mag-operating-summary-details>a{color:var(--mag-link)} .mag-control .mag-operating-summary-section:has(.mag-operating-summary-details[open]){grid-column:1/-1} .mag-control .mag-operating-summary-scroll{overflow:auto;max-height:500px;overscroll-behavior:contain} .mag-control .mag-operating-summary-scroll table{border-collapse:collapse;min-width:610px;width:100%;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums} .mag-control .mag-operating-summary-scroll th, .mag-control .mag-operating-summary-scroll td{padding:7px 12px;text-align:right;border-bottom:1px solid var(--mag-border);white-space:nowrap} .mag-control .mag-operating-summary-scroll th:first-child{text-align:left;position:sticky;left:0;background:var(--mag-surface);z-index:1;min-width:180px} .mag-control .mag-operating-summary-scroll thead th{position:sticky;top:0;background:var(--mag-surface-subtle);font-size:12px;font-weight:550;z-index:2} .mag-control .mag-operating-summary-scroll thead th:first-child{z-index:3} .mag-control .mag-operating-summary-scroll tbody th{font-weight:550} .mag-control .mag-operating-summary-scroll tbody tr:hover th, .mag-control .mag-operating-summary-scroll tbody tr:hover td{background:var(--mag-hover)} .mag-control .mag-operating-summary-scroll a{color:var(--mag-link);text-decoration:none} .mag-control .mag-operating-summary-scroll a:hover{text-decoration:underline} .mag-control .mag-operating-summary-scroll small{display:block;font-size:12px;color:var(--mag-text-secondary);line-height:17px;font-weight:400} .mag-control .mag-operating-summary-root :is(a, .mag-control summary):focus-visible, .mag-control .mag-operating-summary-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @media(max-width:1100px){.mag-control .mag-operating-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-operating-summary-measures>div{padding:7px 0} .mag-control .mag-operating-summary-section>header{padding:8px 12px}} @media(max-width:767px){.mag-control .mag-operating-summary-grid{grid-template-columns:1fr;gap:10px} .mag-control .mag-operating-summary-scope{display:block} .mag-control .mag-operating-summary-scope span{display:block;margin-top:3px} .mag-control .mag-operating-summary-index{gap:0 16px} .mag-control .mag-operating-summary-index a{min-height:44px;display:flex;align-items:center} .mag-control .mag-operating-summary-section>header{padding:12px} .mag-control .mag-operating-summary-section h2{font-size:17px} .mag-control .mag-operating-summary-measures>div{padding:10px 0} .mag-control .mag-operating-summary-measures dd{font-size:16px} .mag-control .mag-operating-summary-measures a{min-height:30px} .mag-control .mag-operating-summary-details>summary{min-height:44px;align-content:center} .mag-control .mag-operating-summary-scroll th, .mag-control .mag-operating-summary-scroll td{padding:10px 12px} .mag-control .mag-operating-summary-scroll a{min-height:44px;display:inline-flex;justify-content:flex-end;align-items:center} .mag-control .mag-operating-summary-scroll th a{display:block;align-content:center} .mag-control .mag-operating-summary-section:has(.mag-operating-summary-details[open]){grid-column:auto}} .mag-control .mag-operating-summary-root{--os-row:var(--mag-dense-row,30px);--os-font:var(--mag-dense-font,13px);--os-head:var(--mag-dense-head-font,11px)} @media screen and (min-width:768px){.mag-control .mag-operating-summary-grid{gap:10px} .mag-control .mag-operating-summary-section{border-radius:var(--mag-radius-card)} .mag-control .mag-operating-summary-section>header{min-height:40px;padding:6px 12px} .mag-control .mag-operating-summary-section h2{font-size:13px;line-height:1.3} .mag-control .mag-operating-summary-measures>div{min-height:var(--os-row);padding:5px 0;align-items:center} .mag-control .mag-operating-summary-measures dt{font-size:var(--os-font);line-height:1.3} .mag-control .mag-operating-summary-measures dt small{font-size:11px;line-height:1.25;margin-top:0} .mag-control .mag-operating-summary-measures dd{font-size:var(--os-font);line-height:1.3} .mag-control .mag-operating-summary-scroll table{font-size:var(--os-font);line-height:1.3} .mag-control .mag-operating-summary-scroll th, .mag-control .mag-operating-summary-scroll td{height:var(--os-row);padding:1px 10px} .mag-control .mag-operating-summary-scroll thead th{font-size:var(--os-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;padding-block:4px} .mag-control .mag-operating-summary-scroll small{font-size:11px;line-height:1.25}} @media print{.mag-control .mag-operating-summary-index{display:none} .mag-control .mag-operating-summary-grid{display:block} .mag-control .mag-operating-summary-section{break-inside:avoid;margin-bottom:12px} .mag-control .mag-operating-summary-scroll{overflow:visible;max-height:none} .mag-control .mag-operating-summary-details:not([open]){display:none} .mag-control .mag-operating-summary-section>header{background:transparent}} .mag-control .mag-operating-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .mag-control .mag-operating-summary-section{border-radius:12px;box-shadow:0 2px 5px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-operating-summary-section>header{padding:14px 16px;min-height:64px;align-items:flex-start;background:var(--mag-surface)} .mag-control .mag-operating-summary-section h2{font-size:16px;line-height:1.35;letter-spacing:-.2px} .mag-control .mag-operating-summary-section header p{font-size:11px;line-height:1.4;margin-top:4px} .mag-control .mag-operating-summary-icon{padding:6px;border-radius:8px;background:color-mix(in srgb,var(--mag-chart-1) 10%,var(--mag-surface));color:var(--mag-chart-1)} .mag-control .mag-operating-summary-section[data-section=inventory] .mag-operating-summary-icon, .mag-control .mag-operating-summary-section[data-section=financials] .mag-operating-summary-icon{color:var(--mag-chart-2);background:color-mix(in srgb,var(--mag-chart-2) 10%,var(--mag-surface))} .mag-control .mag-operating-summary-section[data-section=fixed] .mag-operating-summary-icon{color:var(--mag-warning-text);background:var(--mag-warning-bg)} .mag-control .mag-operating-summary-measures{padding:0 16px} .mag-control .mag-operating-summary-measures>div{padding:8px 0;min-height:40px} .mag-control .mag-operating-summary-measures dt{font-size:13px} .mag-control .mag-operating-summary-measures dd{font-size:14px} .mag-control .mag-operating-summary-measures dt small{font-size:11px;line-height:1.4;margin-top:2px} .mag-control .mag-operating-summary-section[data-presentation=measures] .mag-operating-summary-measures>div:first-child{padding:13px 0;align-items:center;min-height:65px} .mag-control .mag-operating-summary-section[data-presentation=measures] .mag-operating-summary-measures>div:first-child dd{font-size:26px;line-height:1.15;letter-spacing:-.7px;font-weight:700;max-width:55%} .mag-control .mag-operating-summary-section[data-presentation=measures] .mag-operating-summary-measures>div:first-child dd a{gap:8px} .mag-control .mag-operating-summary-section[data-presentation=destinations] .mag-operating-summary-measures>div{min-height:47px} .mag-control .mag-operating-summary-section[data-presentation=destinations] .mag-operating-summary-measures dd{font-size:12px;max-width:45%} .mag-control .mag-operating-summary-section[data-presentation=destinations] .mag-operating-summary-measures a{font-weight:550} .mag-control .mag-operating-summary-details>summary{padding:10px 16px} .mag-control .mag-operating-summary-exception-chart{padding:12px 16px;background:var(--mag-surface-subtle);border-top:1px solid var(--mag-border)} .mag-control .mag-operating-summary-exception-chart>p{font-size:12px;font-weight:600;margin:0 0 12px} .mag-control .mag-operating-summary-exception-row{margin:0 0 12px} .mag-control .mag-operating-summary-exception-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;margin-bottom:5px} .mag-control .mag-operating-summary-exception-row strong{font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums} .mag-control .mag-operating-summary-bar-track{height:7px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--mag-text) 9%,var(--mag-surface))} .mag-control .mag-operating-summary-bar-track>span{display:block;height:100%;border-radius:4px;background:var(--mag-chart-2)} .mag-control .mag-operating-summary-exception-row[data-inventory-exception=aged] .mag-operating-summary-bar-track>span{background:var(--mag-warning-text)} .mag-control .mag-operating-summary-exception-row[data-inventory-exception=photos] .mag-operating-summary-bar-track>span{background:var(--mag-chart-1)} .mag-control .mag-operating-summary-exception-chart>small, .mag-control .mag-operating-summary-bar-unavailable{display:block;font-size:11px;line-height:1.5;color:var(--mag-text-secondary)} @media(max-width:767px){.mag-control .mag-operating-summary-grid{grid-template-columns:1fr;gap:12px} .mag-control .mag-operating-summary-section>header{padding:14px} .mag-control .mag-operating-summary-measures{padding:0 14px} .mag-control .mag-operating-summary-section[data-presentation=measures] .mag-operating-summary-measures>div:first-child dd{font-size:24px} .mag-control .mag-operating-summary-exception-chart{padding:12px 14px}} /* ==== src/components/operating-review/operating-visuals.module.css (module -> .mag-operating-visuals-*) ==== */ .mag-control .mag-operating-visuals-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;min-width:0} .mag-control .mag-operating-visuals-panel{min-width:0;overflow:hidden;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:14px;box-shadow:var(--mag-shadow-card);display:flex;flex-direction:column} .mag-control .mag-operating-visuals-panel header{display:flex;justify-content:space-between;gap:16px;padding:20px 20px 0} .mag-control .mag-operating-visuals-panel h2{font-size:19px;letter-spacing:-.025em;margin:0;color:var(--mag-text)} .mag-control .mag-operating-visuals-panel header p{font-size:12px;color:var(--mag-text-secondary);margin:5px 0 0} .mag-control .mag-operating-visuals-symbol{float:left;display:grid;place-items:center;color:var(--mag-chart-1);background:var(--mag-info-bg);border-radius:9px;width:34px;height:34px;margin-right:10px} .mag-control .mag-operating-visuals-select{display:grid;gap:4px;font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-operating-visuals-select select{padding:5px 8px;min-height:32px;color:var(--mag-text);background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:6px;max-width:140px} .mag-control .mag-operating-visuals-reading{font-size:12px;color:var(--mag-text-secondary);margin:16px 20px 12px} .mag-control .mag-operating-visuals-bars{list-style:none;margin:0;padding:0 20px 20px;display:grid;gap:14px;flex:1} .mag-control .mag-operating-visuals-bars a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mag-text);min-height:34px} .mag-control .mag-operating-visuals-rank{font-size:11px;color:var(--mag-text-secondary);width:16px} .mag-control .mag-operating-visuals-bar-content{flex:1;min-width:0} .mag-control .mag-operating-visuals-bar-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px} .mag-control .mag-operating-visuals-bar-label strong{font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap} .mag-control .mag-operating-visuals-track{display:block;height:9px;border-radius:3px;background:var(--mag-surface-subtle);overflow:hidden} .mag-control .mag-operating-visuals-track>span{display:block;height:100%;background:var(--mag-chart-1);border-radius:3px} .mag-control .mag-operating-visuals-track>span[data-negative=true]{background:var(--mag-warning-text)} .mag-control .mag-operating-visuals-bars a:hover .mag-operating-visuals-track>span{background:var(--mag-chart-2)} .mag-control .mag-operating-visuals-bars a>svg{color:var(--mag-text-secondary)} .mag-control .mag-operating-visuals-panel footer{margin-top:auto;padding:13px 20px;border-top:1px solid var(--mag-border);display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-operating-visuals-panel footer a{color:var(--mag-link);display:inline-flex;gap:4px;align-items:center;flex-shrink:0} .mag-control .mag-operating-visuals-matrix-wrap{padding:0 16px 16px;min-width:0} .mag-control .mag-operating-visuals-matrix{border-collapse:separate;border-spacing:4px;width:100%;table-layout:fixed;font-size:12px} .mag-control .mag-operating-visuals-matrix th{font-weight:500;text-align:left} .mag-control .mag-operating-visuals-matrix thead th{color:var(--mag-text-secondary);font-size:10px;padding-bottom:7px} .mag-control .mag-operating-visuals-matrix th:first-child{width:43%} .mag-control .mag-operating-visuals-matrix tbody th a{color:var(--mag-text);text-decoration:none;font-weight:550;display:block} .mag-control .mag-operating-visuals-matrix tbody th small{display:block;font-size:10px;color:var(--mag-text-secondary);margin-top:4px} .mag-control .mag-operating-visuals-matrix td{padding:0} .mag-control .mag-operating-visuals-heat-cell{display:grid;text-align:center;gap:3px;padding:7px 2px;border-radius:5px;text-decoration:none;color:var(--mag-text);min-height:45px;align-content:center;font-variant-numeric:tabular-nums} .mag-control .mag-operating-visuals-heat-cell strong{font-size:13px} .mag-control .mag-operating-visuals-heat-cell small{font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-operating-visuals-heat-cell[data-missing=true]{background:var(--mag-surface-subtle)} .mag-control .mag-operating-visuals-key{display:flex;align-items:center;gap:3px;font-size:10px;white-space:nowrap;color:var(--mag-text-secondary);align-self:center} .mag-control .mag-operating-visuals-key i{width:10px;height:10px;background:color-mix(in srgb,var(--mag-chart-2) 12%,var(--mag-surface));border-radius:2px} .mag-control .mag-operating-visuals-key i:nth-child(2){background:color-mix(in srgb,var(--mag-chart-2) 25%,var(--mag-surface))} .mag-control .mag-operating-visuals-key i:nth-child(3){background:color-mix(in srgb,var(--mag-chart-2) 42%,var(--mag-surface))} .mag-control .mag-operating-visuals-empty{padding:24px 20px;color:var(--mag-text-secondary);font-size:14px} .mag-control .mag-operating-visuals-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .mag-control .mag-operating-visuals-panel :is(a, .mag-control select):focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} @media(max-width:1100px){.mag-control .mag-operating-visuals-grid{grid-template-columns:1fr} .mag-control .mag-operating-visuals-matrix th:first-child{width:43%}} @media(max-width:767px){.mag-control .mag-operating-visuals-panel header{padding:16px 14px 0;gap:8px} .mag-control .mag-operating-visuals-panel h2{font-size:17px} .mag-control .mag-operating-visuals-symbol{display:none} .mag-control .mag-operating-visuals-reading{margin-inline:14px} .mag-control .mag-operating-visuals-bars{padding-inline:14px;gap:16px} .mag-control .mag-operating-visuals-bars a{min-height:44px} .mag-control .mag-operating-visuals-bar-label{font-size:12px} .mag-control .mag-operating-visuals-select select{min-height:44px;max-width:115px} .mag-control .mag-operating-visuals-panel footer{padding-inline:14px;flex-wrap:wrap} .mag-control .mag-operating-visuals-panel footer a{min-height:36px} .mag-control .mag-operating-visuals-matrix-wrap{padding-inline:8px} .mag-control .mag-operating-visuals-matrix{font-size:11px;border-spacing:3px} .mag-control .mag-operating-visuals-matrix thead th{font-size:9px} .mag-control .mag-operating-visuals-matrix th:first-child{width:42%} .mag-control .mag-operating-visuals-heat-cell strong{font-size:12px} .mag-control .mag-operating-visuals-heat-cell small{font-size:9px} .mag-control .mag-operating-visuals-key{display:none}} @media print{.mag-control .mag-operating-visuals-grid{display:block} .mag-control .mag-operating-visuals-panel{break-inside:avoid;box-shadow:none;margin:12px 0} .mag-control .mag-operating-visuals-select{display:none}} .mag-control .mag-operating-visuals-track{position:relative} .mag-control .mag-operating-visuals-track>span{position:absolute;top:0} .mag-control .mag-operating-visuals-track[data-signed=true]::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--mag-text-secondary)} /* ==== src/components/print-report.module.css (module -> .mag-print-report-*) ==== */ .mag-control .mag-print-report-report{min-width:0;padding:24px;background:var(--mag-surface);border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:12px;box-shadow:var(--mag-shadow-card)} .mag-control .mag-print-report-report h1{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:12px} .mag-control .mag-print-report-report h2{font-size:18px;letter-spacing:-.02em} .mag-control .mag-print-report-report p{font-size:12px;line-height:1.6;color:var(--mag-text-secondary);overflow-wrap:anywhere} .mag-control .mag-print-report-scroll{max-width:100%;overflow:auto;border:1px solid var(--mag-border);border-radius:8px;margin-top:12px} .mag-control .mag-print-report-scroll table{width:100%;min-width:650px;border-collapse:collapse;font-size:13px} .mag-control .mag-print-report-scroll th, .mag-control .mag-print-report-scroll td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--mag-border);font-variant-numeric:tabular-nums} .mag-control .mag-print-report-scroll th{background:var(--mag-surface-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.035em} .mag-control .mag-print-report-scroll tbody tr:last-child td{border-bottom:0} @media(max-width:767px){.mag-control .mag-print-report-report{padding:16px} .mag-control .mag-print-report-report h1{font-size:24px}} @media print{.mag-control .mag-print-report-report{border:0;border-radius:0;padding:0;box-shadow:none;background:white} .mag-control .mag-print-report-scroll{overflow:visible;border:0} .mag-control .mag-print-report-scroll table{min-width:0} .mag-control .mag-print-report-report h1{font-size:18pt} .mag-control .mag-print-report-report p{font-size:10pt;color:#172033}} /* ==== src/components/report-kit/report-kit.module.css (module -> .mag-report-kit-*) ==== */ .mag-control .mag-report-kit-report-kit{display:grid;gap:10px;align-content:start;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-report-kit-report-kit[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-report-kit-heading{display:grid;gap:5px;min-width:0} .mag-control .mag-report-kit-crumb{margin:0;font-size:12px;line-height:1.5;color:var(--mag-text-muted)} .mag-control .mag-report-kit-head-row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;min-width:0} .mag-control .mag-report-kit-head-row h1{margin:0;min-width:0;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere} .mag-control .mag-report-kit-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mag-control .mag-report-kit-description{margin:0;max-width:960px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-source-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin:0;font-size:12px;line-height:1.5;color:var(--mag-text-muted)} .mag-control .mag-report-kit-source-line>span{min-width:0} .mag-control .mag-report-kit-source-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-dot{display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--mag-chart-context)} .mag-control .mag-report-kit-dot-live{background:var(--mag-success-mark)} .mag-control .mag-report-kit-dot-partial{background:var(--mag-warning-mark)} .mag-control .mag-report-kit-dot-demo{background:var(--mag-accent-lavender-ink)} .mag-control .mag-report-kit-stale{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--mag-warning-text)} .mag-control .mag-report-kit-stale svg{flex:0 0 auto} .mag-control .mag-report-kit-panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);overflow:hidden;box-shadow:0 2px 8px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-report-kit-panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;min-height:var(--mag-panel-head-h,36px);padding:7px 12px 7px var(--mag-panel-pad-x,12px);background:var(--mag-surface);border-bottom:1px solid var(--mag-border)} .mag-control .mag-report-kit-panel-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink)} .mag-control .mag-report-kit-panel-icon svg{width:16px;height:16px} .mag-control .mag-report-kit-panel-title{margin:0;min-width:0;font-size:14px;line-height:1.3;font-weight:650;letter-spacing:0;color:var(--mag-text)} .mag-control .mag-report-kit-panel-count{font-size:12px;line-height:1.3;color:var(--mag-text-muted);white-space:nowrap} .mag-control .mag-report-kit-panel-meta{min-width:0;font-size:11.5px;line-height:1.3;color:var(--mag-text-muted)} .mag-control .mag-report-kit-panel-actions{margin-left:auto;display:flex;align-items:center;gap:6px} .mag-control .mag-report-kit-panel-body{min-width:0} .mag-control .mag-report-kit-panel-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin-top:auto;padding:5px 12px;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-tiles-wrap{container-type:inline-size;min-width:0} .mag-control .mag-report-kit-tiles{display:grid;grid-template-columns:repeat(var(--kit-tiles,4),minmax(0,1fr));gap:var(--mag-tile-gap,10px);margin:0;padding:0;list-style:none} @container (max-width:719px){.mag-control .mag-report-kit-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}} @container (max-width:339px){.mag-control .mag-report-kit-tiles{grid-template-columns:minmax(0,1fr)}} .mag-control .mag-report-kit-tiles>li{display:flex;min-width:0} .mag-control .mag-report-kit-tile{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:0;min-width:0;padding:12px 14px;border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:12px;background:var(--mag-surface);color:var(--mag-text);text-align:left} .mag-control .mag-report-kit-tile-button{all:unset;box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:0;min-width:0;padding:12px 14px;border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:12px;background:var(--mag-surface);color:var(--mag-text);text-align:left;cursor:pointer} .mag-control .mag-report-kit-tile-button:hover{background:var(--mag-hover)} .mag-control .mag-report-kit-tile-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-report-kit-tile-button[aria-pressed="true"]{background:var(--mag-selected-bg);box-shadow:inset 0 -3px 0 var(--mag-selected-text)} .mag-control .mag-report-kit-tile-button[aria-pressed="true"] .mag-report-kit-tile-label{color:var(--mag-selected-text)} .mag-control .mag-report-kit-tile-label{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;font-size:var(--mag-tile-label,11px);line-height:16px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-tile-value{display:block;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:proportional-nums;overflow-wrap:anywhere} .mag-control .mag-report-kit-tile-missing{color:var(--mag-text-muted)} .mag-control .mag-report-kit-tile-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;min-width:0;font-size:var(--mag-tile-context,12px);line-height:18px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-tile-context{display:inline;font-size:var(--mag-tile-context,12px);line-height:18px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-tile-reason{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-report-kit-tile-delta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:var(--mag-tile-context,12px);line-height:18px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-tag{display:inline-block;padding:0 6px;border-radius:var(--mag-radius-pill);background:var(--mag-neutral-bg);color:var(--mag-neutral-text);font-size:10px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} .mag-control .mag-report-kit-chip{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:var(--mag-radius-pill);font-size:11.5px;line-height:18px;font-weight:600;white-space:nowrap;vertical-align:middle} .mag-control .mag-report-kit-chip svg{flex:0 0 auto} .mag-control .mag-report-kit-chip-neutral{background:var(--mag-neutral-bg);color:var(--mag-neutral-text);font-size:11px;font-weight:500} .mag-control .mag-report-kit-variance{gap:3px;padding:0 6px;border-radius:6px} .mag-control .mag-report-kit-arrow{font-size:9px;line-height:1} .mag-control .mag-report-kit-favorable{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-report-kit-adverse{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-report-kit-flat{background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-report-kit-success{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-report-kit-warning{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-report-kit-danger{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-report-kit-info{background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .mag-report-kit-neutral{background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-report-kit-not-connected-body{display:grid;gap:10px;padding:14px 16px 16px} .mag-control .mag-report-kit-not-connected-title{display:inline-flex;align-items:center;gap:6px} .mag-control .mag-report-kit-not-connected-message{margin:0;max-width:760px;font-size:14px;line-height:1.55;color:var(--mag-text)} .mag-control .mag-report-kit-subhead{margin:4px 0 0;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-requirements{display:grid;gap:4px;margin:0;padding:0;list-style:none} .mag-control .mag-report-kit-requirements li{font-size:13px;line-height:1.45} .mag-control .mag-report-kit-requirements strong{font-weight:600} .mag-control .mag-report-kit-requirements span{color:var(--mag-text-secondary)} .mag-control .mag-report-kit-alternate{margin:0;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-related{margin:0;font-size:13px} .mag-control .mag-report-kit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .mag-control .mag-report-kit-partial{display:flex;align-items:flex-start;gap:6px;min-height:30px;padding:5px 10px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-info-bg);color:var(--mag-info-text);font-size:12.5px;line-height:18px} .mag-control .mag-report-kit-partial svg{flex:0 0 auto;margin-top:2px} .mag-control .mag-report-kit-partial p{margin:0;line-height:18px} .mag-control .mag-report-kit-partial-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-width:0} .mag-control .mag-report-kit-partial-more{min-width:0} .mag-control .mag-report-kit-partial-more summary{cursor:pointer;font-weight:600;line-height:18px;white-space:nowrap} .mag-control .mag-report-kit-partial-more summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:4px} .mag-control .mag-report-kit-partial-more[open]{flex-basis:100%} .mag-control .mag-report-kit-partial-more p{margin-top:2px} .mag-control .mag-report-kit-skeleton{display:grid;gap:10px;min-width:0} .mag-control .mag-report-kit-bone{position:relative;display:block;overflow:hidden;border-radius:6px;background:var(--mag-surface-subtle)} .mag-control .mag-report-kit-bone::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--mag-surface) 65%,transparent),transparent);animation:shimmer 1.4s ease-in-out infinite} @keyframes shimmer{to{transform:translateX(100%)}} .mag-control .mag-report-kit-panel-head .mag-report-kit-bone, .mag-control .mag-report-kit-bone-source{background:var(--mag-border)} .mag-control .mag-report-kit-bone-source{width:min(520px,80%);height:12px} .mag-control .mag-report-kit-bone-label{width:45%;height:10px} .mag-control .mag-report-kit-bone-value{width:60%;height:22px;margin:4px 0} .mag-control .mag-report-kit-bone-context{width:70%;height:10px} .mag-control .mag-report-kit-bone-title{width:160px;height:12px} .mag-control .mag-report-kit-bone-row{height:14px;margin:8px 12px} .mag-control .mag-report-kit-bone-chart{height:180px;margin:12px} .mag-control .mag-report-kit-skeleton-tile{display:grid;gap:4px;align-content:start;min-height:76px;padding:10px 14px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface)} .mag-control .mag-report-kit-skeleton-rows{padding:4px 0 8px} .mag-control .mag-report-kit-dense-scroll{position:relative;min-width:0;overflow:auto} .mag-control .mag-report-kit-dense{width:100%;border-collapse:collapse;font-size:var(--kit-font,13px);font-variant-numeric:tabular-nums} .mag-control .mag-report-kit-dense thead th{position:sticky;top:0;z-index:1;height:var(--mag-dense-row,30px);padding:0 var(--kit-pad,6px);background:var(--mag-surface-subtle);box-shadow:inset 0 -1px 0 var(--mag-border);font-size:var(--mag-dense-head-font,11px);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);text-align:right;white-space:nowrap} .mag-control .mag-report-kit-dense td, .mag-control .mag-report-kit-dense tbody th{height:var(--kit-row,30px);padding:0 var(--kit-pad,6px);border-bottom:1px solid var(--mag-border);text-align:right;white-space:nowrap} .mag-control .mag-report-kit-dense tbody th{font-weight:500} .mag-control .mag-report-kit-dense th:first-child, .mag-control .mag-report-kit-dense td:first-child, .mag-control .mag-report-kit-dense .mag-report-kit-left{text-align:left} .mag-control .mag-report-kit-dense tbody tr:hover>td, .mag-control .mag-report-kit-dense tbody tr:hover>th{background:var(--mag-hover)} .mag-control .mag-report-kit-dense tbody tr:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-report-kit-dense .mag-report-kit-group-row>*{background:var(--mag-surface-subtle);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-dense .mag-report-kit-total-row>*{background:var(--mag-surface-subtle);font-weight:650;border-bottom:0} .mag-control .mag-report-kit-dense details>summary{padding:0;min-height:18px;font-size:inherit;line-height:18px} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-report-kit-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-report-kit-filters input[type=search], .mag-control .mag-report-kit-filters select{box-sizing:border-box;height:var(--mag-control-h,32px);min-height:var(--mag-control-h,32px);padding:0 8px;border-radius:var(--mag-control-radius,8px);font-size:var(--mag-control-font,13px);line-height:1.2} .mag-control .mag-report-kit-filters input[type=search]{width:240px;max-width:100%;flex:0 1 240px} .mag-control .mag-report-kit-filters select{width:auto;min-width:0;max-width:190px;flex:0 1 auto;padding-right:4px;text-overflow:ellipsis} .mag-control .mag-report-kit-filters label{display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12.5px;line-height:1.2;font-weight:500;white-space:nowrap;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-count{margin-left:auto;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-aging-panel{container-type:inline-size} .mag-control .mag-report-kit-aging{display:grid;grid-template-columns:repeat(var(--kit-buckets,7),minmax(0,1fr)) minmax(0,1.2fr)} @container (max-width:799px){.mag-control .mag-report-kit-aging{grid-template-columns:repeat(var(--kit-aging-narrow,4),minmax(0,1fr))}} @container (max-width:559px){.mag-control .mag-report-kit-aging{grid-template-columns:repeat(var(--kit-aging-small,3),minmax(0,1fr))}} @container (max-width:359px){.mag-control .mag-report-kit-aging{grid-template-columns:repeat(2,minmax(0,1fr))}} .mag-control .mag-report-kit-bucket{all:unset;box-sizing:border-box;min-width:0;padding:8px 10px;border-right:1px solid var(--mag-border);cursor:pointer} .mag-control .mag-report-kit-bucket:hover{background:var(--mag-hover)} .mag-control .mag-report-kit-bucket:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-report-kit-bucket[aria-pressed="true"]{background:var(--mag-selected-bg);box-shadow:inset 0 -3px 0 var(--mag-selected-text)} .mag-control .mag-report-kit-bucket[aria-pressed="true"] .mag-report-kit-bucket-label{color:var(--mag-selected-text)} .mag-control .mag-report-kit-bucket-label{display:block;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-report-kit-bucket-count{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;min-width:0} .mag-control .mag-report-kit-bucket-count strong{display:block;font-size:17px;font-weight:650;white-space:nowrap} .mag-control .mag-report-kit-bucket small{display:block;overflow:hidden;font-size:11.5px;color:var(--mag-text-muted);white-space:nowrap;text-overflow:ellipsis} .mag-control .mag-report-kit-bucket-late strong{color:var(--mag-danger-text)} .mag-control .mag-report-kit-bucket-total{border-right:0;background:var(--mag-surface-subtle)} .mag-control .mag-report-kit-late-tag{display:inline-block;padding:0 5px;border-radius:var(--mag-radius-pill);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:10px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} .mag-control .mag-report-kit-spark{position:relative;display:inline-flex;vertical-align:middle} .mag-control .mag-report-kit-spark-plot{display:inline-flex;border-radius:4px;cursor:crosshair;touch-action:pan-y} .mag-control .mag-report-kit-spark-plot:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-report-kit-spark-plot svg{display:block;overflow:visible} .mag-control .mag-report-kit-spark-line{fill:none;stroke:var(--mag-chart-context);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .mag-control .mag-report-kit-spark-point{fill:var(--mag-chart-context)} .mag-control .mag-report-kit-spark-cursor{stroke:var(--mag-chart-context);stroke-width:1} .mag-control .mag-report-kit-spark-dot{fill:var(--mag-chart-1);stroke:var(--mag-surface);stroke-width:2} .mag-control .mag-report-kit-spark-tip{position:absolute;right:calc(100% + 6px);top:50%;z-index:3;display:inline-flex;align-items:baseline;gap:6px;padding:1px 8px;transform:translateY(-50%);border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);font-size:12px;line-height:18px;white-space:nowrap;color:var(--mag-text)} .mag-control .mag-report-kit-spark-tip strong{font-weight:650} .mag-control .mag-report-kit-spark-tip span{color:var(--mag-text-secondary)} .mag-control .mag-report-kit-figure{min-width:0;margin:0} .mag-control .mag-report-kit-chart{display:block;width:100%;height:auto;overflow:visible} .mag-control .mag-report-kit-chart text{font-family:inherit;font-variant-numeric:tabular-nums} .mag-control .mag-report-kit-chart-label{font-size:12px;fill:var(--mag-text-secondary)} .mag-control .mag-report-kit-chart-value{font-size:12px;font-weight:600;fill:var(--mag-text)} .mag-control .mag-report-kit-chart-muted{font-size:12px;fill:var(--mag-text-muted)} .mag-control .mag-report-kit-axis{stroke:var(--mag-border);stroke-width:1;shape-rendering:crispEdges} .mag-control .mag-report-kit-connector{stroke:var(--mag-chart-context);stroke-width:1;shape-rendering:crispEdges} .mag-control .mag-report-kit-bar{fill:var(--mag-chart-1)} .mag-control .mag-report-kit-bar-context{fill:var(--mag-chart-context)} .mag-control .mag-report-kit-bar-total{fill:var(--mag-chart-6)} .mag-control .mag-report-kit-mark:hover .mag-report-kit-bar, .mag-control .mag-report-kit-mark:hover .mag-report-kit-bar-context, .mag-control .mag-report-kit-mark:hover .mag-report-kit-bar-total{opacity:.82} .mag-control .mag-report-kit-reference-line{stroke:var(--mag-text-secondary);stroke-width:2} .mag-control .mag-report-kit-reference-label{font-size:11.5px;font-weight:600;fill:var(--mag-text)} .mag-control .mag-report-kit-table-view{margin-top:6px;font-size:12.5px} .mag-control .mag-report-kit-table-view summary{cursor:pointer;color:var(--mag-link)} .mag-control .mag-report-kit-table-view table{margin-top:6px} .mag-control .mag-report-kit-meter{display:grid;gap:4px;min-width:0} .mag-control .mag-report-kit-meter-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px;font-size:12.5px;line-height:1.4} .mag-control .mag-report-kit-meter-label{font-weight:600;color:var(--mag-text)} .mag-control .mag-report-kit-meter-value{color:var(--mag-text-secondary)} .mag-control .mag-report-kit-meter-track{fill:color-mix(in oklab,var(--mag-chart-1) 18%,var(--mag-surface))} .mag-control .mag-report-kit-meter-fill{fill:var(--mag-chart-1)} .mag-control .mag-report-kit-meter-track-warning{fill:var(--mag-warning-bg)} .mag-control .mag-report-kit-meter-fill-warning{fill:var(--mag-warning-mark)} .mag-control .mag-report-kit-meter-track-danger{fill:var(--mag-danger-bg)} .mag-control .mag-report-kit-meter-fill-danger{fill:var(--mag-danger-mark)} .mag-control .mag-report-kit-meter-over{stroke:var(--mag-surface);stroke-width:2} .mag-control .mag-report-kit-shade[data-shade="0"]{background:color-mix(in oklab,var(--mag-chart-1) 8%,var(--mag-surface))} .mag-control .mag-report-kit-shade[data-shade="1"]{background:color-mix(in oklab,var(--mag-chart-1) 17%,var(--mag-surface))} .mag-control .mag-report-kit-shade[data-shade="2"]{background:color-mix(in oklab,var(--mag-chart-1) 27%,var(--mag-surface))} .mag-control .mag-report-kit-shade[data-shade="3"]{background:color-mix(in oklab,var(--mag-chart-1) 38%,var(--mag-surface))} .mag-control .mag-report-kit-shade[data-shade="4"]{background:color-mix(in oklab,var(--mag-chart-1) 50%,var(--mag-surface))} .mag-control .mag-report-kit-shade{color:var(--mag-text)} .mag-control .mag-report-kit-shade-scale{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--mag-text-muted)} .mag-control .mag-report-kit-shade-scale i{display:inline-block;width:14px;height:10px;border-radius:2px} @media(max-width:767px){.mag-control .mag-report-kit-tile-button, .mag-control .mag-report-kit-bucket{min-height:44px} .mag-control .mag-report-kit-tile-reason{flex-basis:100%;white-space:normal} .mag-control .mag-report-kit-filters input[type=search], .mag-control .mag-report-kit-filters select, .mag-control .mag-report-kit-filters label{height:auto;min-height:44px} .mag-control .mag-report-kit-filters input[type=search], .mag-control .mag-report-kit-filters select{font-size:16px} .mag-control .mag-report-kit-dense td, .mag-control .mag-report-kit-dense tbody th, .mag-control .mag-report-kit-dense thead th{height:44px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-report-kit-bone::after{display:none;animation:none}} :root[data-motion="reduced"] .mag-report-kit-bone::after{display:none;animation:none} @media(forced-colors:active){.mag-control .mag-report-kit-chip, .mag-control .mag-report-kit-tag, .mag-control .mag-report-kit-late-tag{border:1px solid CanvasText} .mag-control .mag-report-kit-dot{background:CanvasText} .mag-control .mag-report-kit-tile-button[aria-pressed="true"], .mag-control .mag-report-kit-bucket[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-4px} .mag-control .mag-report-kit-bar, .mag-control .mag-report-kit-bar-context, .mag-control .mag-report-kit-bar-total, .mag-control .mag-report-kit-meter-fill, .mag-control .mag-report-kit-meter-fill-warning, .mag-control .mag-report-kit-meter-fill-danger, .mag-control .mag-report-kit-spark-dot{fill:Highlight} .mag-control .mag-report-kit-meter-track, .mag-control .mag-report-kit-meter-track-warning, .mag-control .mag-report-kit-meter-track-danger{fill:Canvas;stroke:CanvasText;stroke-width:1} .mag-control .mag-report-kit-spark-line, .mag-control .mag-report-kit-spark-cursor, .mag-control .mag-report-kit-axis, .mag-control .mag-report-kit-connector, .mag-control .mag-report-kit-reference-line{stroke:CanvasText} .mag-control .mag-report-kit-chart-label, .mag-control .mag-report-kit-chart-value, .mag-control .mag-report-kit-chart-muted, .mag-control .mag-report-kit-reference-label{fill:CanvasText} .mag-control .mag-report-kit-spark-tip{border:1px solid CanvasText}} @media print{.mag-control .mag-report-kit-bone::after, .mag-control .mag-report-kit-spark-tip{display:none} .mag-control .mag-report-kit-filters{display:none} .mag-control .mag-report-kit-dense-scroll{overflow:visible} .mag-control .mag-report-kit-dense thead th{position:static;box-shadow:none;border-bottom:1px solid var(--mag-border)}} @media(max-width:767px){.mag-control .mag-report-kit-head-row h1{font-size:23px} .mag-control .mag-report-kit-tile-value{font-size:22px;line-height:30px} .mag-control .mag-report-kit-panel-actions{flex-wrap:wrap}} @media print{.mag-control .mag-report-kit-panel{box-shadow:none} .mag-control .mag-report-kit-tile, .mag-control .mag-report-kit-tile-button{border-top-color:var(--mag-border)}} /* ==== src/components/responsive-table.module.css (module -> .mag-responsive-table-*) ==== */ .mag-control .mag-responsive-table-host{width:100%;max-width:100%;min-width:0;container-type:inline-size;overflow-x:auto;overscroll-behavior-x:contain} .mag-control .mag-responsive-table-host:has(.mag-responsive-table-table[data-cards]){overflow-x:visible} .mag-control .mag-responsive-table-host .mag-responsive-table-table{margin:0} .mag-control .mag-responsive-table-host:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-responsive-table-host .mag-responsive-table-table :is(th, .mag-control td){overflow-wrap:anywhere} .mag-control .mag-responsive-table-host .mag-responsive-table-table:not([data-cards]) :is(th, .mag-control td){overflow-wrap:normal;word-break:normal} .mag-control .mag-responsive-table-host .mag-responsive-table-table:not([data-cards]) [data-number=true]{white-space:nowrap} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(th, .mag-control td) :is(span, .mag-control a, .mag-control button):not(.sr-only){white-space:normal;overflow-wrap:anywhere;text-overflow:clip} .mag-control .mag-responsive-table-host .mag-responsive-table-table:not([data-cards]) :is(th, .mag-control td) :is(span, .mag-control a, .mag-control button):not(.sr-only){white-space:normal;overflow-wrap:normal;word-break:normal;text-overflow:clip} .mag-control .mag-responsive-table-host .mag-responsive-table-table :is(th, .mag-control td) :is(span, .mag-control a):not(.sr-only):not([class*="hiddenText"]){overflow:visible} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(tbody, .mag-control tfoot){display:grid;width:100%;gap:10px;padding:8px;box-sizing:border-box} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface);box-sizing:border-box} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(td, .mag-control th){position:static!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;white-space:normal!important;text-align:left!important;padding:10px!important;box-sizing:border-box;border-bottom:1px solid var(--mag-border);overflow:visible} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(td, .mag-control th)::before{content:attr(data-column-label);display:block;font-size:10px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;color:var(--mag-text-muted);line-height:1.35;white-space:normal} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] th[scope=row], .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] [data-spanning=true]{grid-column:1/-1;font-weight:600} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] th[scope=row]::before, .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] [data-spanning=true]::before{display:none} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] thead{display:block;width:100%} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] thead tr{display:flex;flex-wrap:wrap;border:0;gap:4px;background:transparent} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] thead th[data-control=false]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%)} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] thead th[data-control=true]{display:flex;border:0;padding:6px!important} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] thead th::before{display:none} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(td, .mag-control th)>*{max-width:100%;min-width:0} @container(max-width:460px){.mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] tr{grid-template-columns:minmax(0,1fr)}} @media print{.mag-control .mag-responsive-table-host{container-type:normal} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] :is(tbody, .mag-control tfoot){gap:5px} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-cards] tr{break-inside:avoid}} @media print{.mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns]{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] thead{display:table-header-group!important} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] tbody{display:table-row-group!important;padding:0} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] tfoot{display:table-footer-group!important;padding:0} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] tr{display:table-row!important;border-radius:0} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] :is(td, .mag-control th), .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] thead th[data-control=false]{display:table-cell!important;position:static!important;width:auto!important;height:auto!important;max-width:none!important;min-width:0!important;padding:4px!important;white-space:normal!important;overflow:visible;clip-path:none;font-size:10px} .mag-control .mag-responsive-table-host .mag-responsive-table-table[data-print-columns] :is(td, .mag-control th)::before{display:none!important}} .mag-control .mag-responsive-table-columns{margin:6px 0;font-size:12px} .mag-control .mag-responsive-table-columns summary{cursor:pointer;padding:6px 10px;min-height:32px;color:var(--mag-text)} .mag-control .mag-responsive-table-columns>div{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px;border:1px solid var(--mag-border);border-radius:6px} .mag-control .mag-responsive-table-columns label{display:flex;align-items:center;gap:6px} .mag-control .mag-responsive-table-columns input{width:16px;height:16px} .mag-control .mag-responsive-table-columns button{font:inherit;cursor:pointer} @media print{.mag-control .mag-responsive-table-columns{display:none}} /* ==== src/components/table-views/table-views.module.css (module -> .mag-table-views-*) ==== */ .mag-control .mag-table-views-trigger{ display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 11px; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); font-weight: 600; white-space: nowrap; cursor: pointer; } .mag-control .mag-table-views-trigger:hover{ background: var(--mag-hover); } .mag-control .mag-table-views-trigger:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-table-views-trigger[data-state='open']{ background: var(--mag-selected-bg); border-color: var(--mag-selected-text); color: var(--mag-selected-text); } .mag-control .mag-table-views-count{ padding: 1px 7px; border-radius: var(--mag-radius-pill); background: var(--mag-neutral-bg); color: var(--mag-neutral-text); font-size: var(--mag-font-meta); font-weight: 600; font-variant-numeric: tabular-nums; } .mag-control .mag-table-views-view-name{ max-width: 220px; overflow: hidden; text-overflow: ellipsis; } .mag-control .mag-table-views-default-mark{ color: var(--mag-favorite); flex: none; } .mag-control .mag-table-views-dirty{ padding: 1px 7px; border-radius: var(--mag-radius-pill); background: var(--mag-warning-bg); color: var(--mag-warning-text); font-size: var(--mag-font-meta); font-weight: 600; } .mag-control .mag-table-views-panel{ width: min(400px, calc(100vw - 24px)); max-height: min(72vh, 640px, var(--radix-popover-content-available-height, 640px)); overflow: auto; padding: 14px 14px 0; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); background: var(--mag-surface-raised); box-shadow: var(--mag-shadow-popover); z-index: var(--mag-z-popover); color: var(--mag-text); } .mag-control .mag-table-views-panel:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-table-views-panel-head h2{ margin: 0; font-size: var(--mag-font-panel); line-height: var(--mag-line-panel); } .mag-control .mag-table-views-panel-head p{ margin: 2px 0 10px; font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); color: var(--mag-text-muted); } .mag-control .mag-table-views-search{ display: flex; align-items: center; gap: 6px; margin: 0 0 10px; padding: 0 10px; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); color: var(--mag-text-muted); } .mag-control .mag-table-views-search input{ flex: 1; min-height: 34px; border: 0; padding: 0; background: transparent; font-size: var(--mag-font-ui); color: var(--mag-text); } .mag-control .mag-table-views-search input:focus{ outline: none; } .mag-control .mag-table-views-search:focus-within{ outline: 2px solid var(--mag-focus); outline-offset: 1px; } .mag-control .mag-table-views-group-head{ margin: 12px 0 4px; font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mag-text-secondary); } .mag-control .mag-table-views-group h4{ margin: 8px 0 2px; font-size: var(--mag-font-meta); font-weight: 600; color: var(--mag-text-muted); } .mag-control .mag-table-views-column-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; } .mag-control .mag-table-views-column-row{ display: flex; align-items: center; justify-content: space-between; gap: 6px; border-radius: var(--mag-radius-small); } .mag-control .mag-table-views-column-row:hover, .mag-control .mag-table-views-column-row:focus-within{ background: var(--mag-hover); } .mag-control .mag-table-views-column-label{ display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; margin: 0; padding: 5px 6px; font-size: var(--mag-font-ui); font-weight: 500; cursor: pointer; } .mag-control .mag-table-views-column-label input{ width: 15px; min-height: 15px; height: 15px; flex: none; margin: 0; } .mag-control .mag-table-views-column-name{ display: grid; min-width: 0; } .mag-control .mag-table-views-column-name small{ font-size: var(--mag-font-meta); line-height: 1.3; color: var(--mag-text-muted); } .mag-control .mag-table-views-lock{ color: var(--mag-text-muted); flex: none; } .mag-control .mag-table-views-mover{ display: inline-flex; gap: 1px; flex: none; } .mag-control .mag-table-views-mover button, .mag-control .mag-table-views-view-tools button{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--mag-text-muted); cursor: pointer; } .mag-control .mag-table-views-mover button:hover:not(:disabled), .mag-control .mag-table-views-view-tools button:hover{ background: var(--mag-selected-bg); color: var(--mag-selected-text); } .mag-control .mag-table-views-mover button:disabled{ opacity: 0.3; cursor: default; } .mag-control .mag-table-views-mover button:focus-visible, .mag-control .mag-table-views-view-tools button:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 1px; } .mag-control .mag-table-views-empty{ margin: 8px 0; font-size: var(--mag-font-ui); color: var(--mag-text-muted); } .mag-control .mag-table-views-panel-foot{ position: sticky; bottom: 0; display: flex; flex-wrap: wrap; gap: 6px; margin: 12px -14px 0; padding: 10px 14px 12px; border-top: 1px solid var(--mag-border); background: var(--mag-surface-raised); } .mag-control .mag-table-views-panel-foot button, .mag-control .mag-table-views-form-buttons button, .mag-control .mag-table-views-inline-form button{ display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 10px; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); font-weight: 600; cursor: pointer; } .mag-control .mag-table-views-panel-foot button:hover:not(:disabled), .mag-control .mag-table-views-form-buttons button:hover, .mag-control .mag-table-views-inline-form button:hover{ background: var(--mag-hover); } .mag-control .mag-table-views-panel-foot button:disabled{ opacity: 0.45; cursor: default; } .mag-control .mag-table-views-panel-foot .primary, .mag-control .mag-table-views-form-buttons .primary{ background: var(--mag-primary); border-color: var(--mag-primary); color: var(--mag-on-primary); } .mag-control .mag-table-views-panel-foot .primary:hover, .mag-control .mag-table-views-form-buttons .primary:hover{ background: var(--mag-primary-hover); } .mag-control .mag-table-views-inline-form .mag-table-views-danger{ border-color: var(--mag-danger-text); color: var(--mag-danger-text); } .mag-control .mag-table-views-view-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } .mag-control .mag-table-views-view-row{ display: flex; align-items: center; gap: 4px; border-radius: var(--mag-radius-small); } .mag-control .mag-table-views-view-row:hover, .mag-control .mag-table-views-view-row:focus-within{ background: var(--mag-hover); } .mag-control .mag-table-views-view-active{ background: var(--mag-selected-bg); } .mag-control .mag-table-views-view-apply{ display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; min-height: 36px; padding: 4px 8px; border: 0; background: transparent; color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); font-weight: 600; text-align: left; cursor: pointer; } .mag-control .mag-table-views-view-apply > span:not(.badge):not(.mag-table-views-spacer){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-table-views-view-apply:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: -2px; border-radius: 6px; } .mag-control .mag-table-views-spacer{ display: inline-block; width: 13px; flex: none; } .mag-control .badge{ flex: none; padding: 0 6px; border-radius: var(--mag-radius-pill); background: var(--mag-neutral-bg); color: var(--mag-neutral-text); font-size: 11px; font-weight: 600; } .mag-control .mag-table-views-view-tools{ display: inline-flex; flex: none; padding-right: 4px; } .mag-control .mag-table-views-view-tools .mag-table-views-is-default{ color: var(--mag-favorite); } .mag-control .mag-table-views-inline-form{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; flex: 1; padding: 6px; font-size: var(--mag-font-ui); } .mag-control .mag-table-views-inline-form input{ flex: 1; min-width: 140px; min-height: 32px; padding: 4px 8px; font-size: var(--mag-font-ui); } .mag-control .mag-table-views-save-form{ display: grid; gap: 8px; margin: 12px -14px 0; padding: 12px 14px; border-top: 1px solid var(--mag-border); } .mag-control .mag-table-views-save-form > label:first-child{ margin: 0; font-size: var(--mag-font-ui); font-weight: 600; } .mag-control .mag-table-views-save-form input[type='text'], .mag-control .mag-table-views-save-form input:not([type]){ min-height: 36px; font-size: var(--mag-font-ui); } .mag-control .mag-table-views-check{ display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--mag-font-ui); font-weight: 500; } .mag-control .mag-table-views-check input{ width: 15px; height: 15px; min-height: 15px; margin: 0; } .mag-control .mag-table-views-form-buttons{ display: flex; gap: 6px; } .mag-control .mag-table-views-problem{ margin: 8px 0 0; padding: 8px 10px; border-radius: var(--mag-radius-small); background: var(--mag-danger-bg); color: var(--mag-danger-text); font-size: var(--mag-font-ui); } @media (pointer: coarse){.mag-control .mag-table-views-mover button, .mag-control .mag-table-views-view-tools button{ width: var(--mag-control-height-touch); height: var(--mag-control-height-touch); } .mag-control .mag-table-views-column-label{ min-height: var(--mag-control-height-touch); } .mag-control .mag-table-views-trigger{ min-height: var(--mag-control-height-touch); }} .mag-control .mag-table-views-toolbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 8px; } .mag-control .mag-table-views-sort-note{ font-size: var(--mag-font-meta); color: var(--mag-text-secondary); } .mag-control .mag-table-views-sort-note button{ padding: 0; border: 0; background: none; color: var(--mag-link); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } .mag-control .mag-table-views-head-button{ display: inline-flex; align-items: center; gap: 3px; padding: 0; border: 0; background: none; color: inherit; font: inherit; font-weight: inherit; text-align: inherit; cursor: pointer; } .mag-control .mag-table-views-head-button:hover{ color: var(--mag-link); } .mag-control .mag-table-views-head-button:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; border-radius: 3px; } .mag-control .mag-table-views-head-mark{ display: inline-block; min-width: 0.7em; font-size: 0.85em; } .mag-control .mag-table-views-pin-scope table:not([data-cards]) .mag-table-views-pinned{ position: sticky; left: 0; z-index: 1; background: var(--mag-surface); } .mag-control .mag-table-views-pin-scope table:not([data-cards]) tbody tr:hover .mag-table-views-pinned{ background: var(--mag-hover); } .mag-control .mag-table-views-pin-scope[data-scrolled='true'] table:not([data-cards]) .mag-table-views-pinned{ box-shadow: inset -1px 0 0 var(--mag-border); } .mag-control .mag-table-views-find{ display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 11px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-control, 8px); background: var(--mag-surface); color: var(--mag-text-secondary); } .mag-control .mag-table-views-find:focus-within{ outline: 2px solid var(--mag-focus); outline-offset: 1px; } .mag-control .mag-table-views-find input{ width: min(240px, 50vw); height: 30px; min-height: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--mag-text); font: inherit; font-size: 13px; outline: none; } .mag-control .mag-table-views-clear-find{ padding: 0; border: 0; background: none; color: var(--mag-link); font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } .mag-control .mag-table-views-pin-scope[data-lines='one'] table:not([data-cards]) :is(th, .mag-control td), .mag-control .mag-table-views-pin-scope[data-lines='one'] table:not([data-cards]) :is(th, .mag-control td) :is(span, .mag-control a, .mag-control button):not(.sr-only){ white-space: nowrap; } .mag-control .mag-table-views-trigger-on{ background: var(--mag-selected-bg); border-color: var(--mag-link); color: var(--mag-link); } /* ==== src/features/alerts/alert-register.module.css (module -> .mag-alert-register-*) ==== */ .mag-control .mag-alert-register-register{margin-top:24px;overflow:hidden;min-width:0} .mag-control .mag-alert-register-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px} .mag-control .mag-alert-register-header h2{margin:8px 0;font-size:22px;line-height:30px;letter-spacing:-.02em} .mag-control .mag-alert-register-header p{font-size:14px;color:var(--mag-text-secondary);max-width:70ch} .mag-control .mag-alert-register-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-alert-register-header>button{flex-shrink:0} .mag-control .mag-alert-register-context{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px;background:var(--mag-surface-subtle);border-block:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-alert-register-tabs, .mag-control .mag-alert-register-filters, .mag-control .mag-alert-register-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .mag-control .mag-alert-register-tabs{padding:20px 24px 0} .mag-control .mag-alert-register-tabs a{margin-left:auto} .mag-control .mag-alert-register-filters{padding:20px 24px 12px;align-items:flex-end} .mag-control .mag-alert-register-filters label{font-size:12px;display:grid;gap:6px;color:var(--mag-text-secondary);min-width:170px} .mag-control .mag-alert-register-register button, .mag-control .mag-alert-register-register select, .mag-control .mag-alert-register-register input, .mag-control .mag-alert-register-dialog-content button, .mag-control .mag-alert-register-dialog-content select, .mag-control .mag-alert-register-dialog-content input, .mag-control .mag-alert-register-rule-form button, .mag-control .mag-alert-register-rule-form select, .mag-control .mag-alert-register-rule-form input{min-height:44px} .mag-control .mag-alert-register-caption{font-size:12px;color:var(--mag-text-muted);padding:0 24px 16px} .mag-control .mag-alert-register-message{margin:16px 24px;padding:12px 16px;border-radius:12px;background:var(--mag-surface-subtle);font-size:14px;overflow-wrap:anywhere} .mag-control .mag-alert-register-error{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-alert-register-empty{padding:36px 24px;display:grid;gap:12px;justify-items:start} .mag-control .mag-alert-register-empty p{max-width:64ch;font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-alert-register-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin} .mag-control .mag-alert-register-table{width:100%;min-width:1020px;border-collapse:collapse;font-size:14px} .mag-control .mag-alert-register-table th{background:var(--mag-surface-subtle);font-size:12px;font-weight:500;color:var(--mag-text-secondary);text-align:left;white-space:nowrap} .mag-control .mag-alert-register-table td, .mag-control .mag-alert-register-table th{padding:16px;border-bottom:1px solid var(--mag-border);vertical-align:top} .mag-control .mag-alert-register-table td:first-child{min-width:280px;max-width:380px} .mag-control .mag-alert-register-table strong{font-weight:500} .mag-control .mag-alert-register-table p{margin-top:6px;overflow-wrap:anywhere} .mag-control .mag-alert-register-reason{font-size:12px;color:var(--mag-text-secondary);max-width:52ch;line-height:18px} .mag-control .mag-alert-register-pagination{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;font-size:12px;color:var(--mag-text-secondary);flex-wrap:wrap} .mag-control .mag-alert-register-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:20px} .mag-control .mag-alert-register-status-grid>div{border:1px solid var(--mag-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px} .mag-control .mag-alert-register-status-grid span:first-child{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-alert-register-status-grid strong{font-size:14px;font-weight:500} .mag-control .mag-alert-register-status-grid small{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-alert-register-reasons{padding-left:20px;font-size:14px;color:var(--mag-text-secondary);line-height:22px;margin:20px 0} .mag-control .mag-alert-register-evidence{font-size:13px;margin:16px 0} .mag-control .mag-alert-register-evidence>div{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-alert-register-evidence dt{color:var(--mag-text-secondary)} .mag-control .mag-alert-register-evidence dd{margin:0;text-align:right;overflow-wrap:anywhere} .mag-control .mag-alert-register-treatment, .mag-control .mag-alert-register-history{border-top:1px solid var(--mag-border);padding-top:24px;margin-top:24px} .mag-control .mag-alert-register-treatment h3, .mag-control .mag-alert-register-history h3{display:flex;align-items:center;gap:8px;margin-bottom:10px} .mag-control .mag-alert-register-form-grid{border:0;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px} .mag-control .mag-alert-register-form-grid label{display:grid;gap:6px;font-size:13px;color:var(--mag-text-secondary);min-width:0} .mag-control .mag-alert-register-form-grid small{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-alert-register-form-grid input, .mag-control .mag-alert-register-form-grid select, .mag-control .mag-alert-register-form-grid textarea{width:100%;min-width:0} .mag-control .mag-alert-register-full{grid-column:1/-1} .mag-control .mag-alert-register-form-grid textarea{min-height:104px;resize:vertical} .mag-control .mag-alert-register-conflict{padding:16px;background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border);border-radius:14px;font-size:14px;margin:16px 0} .mag-control .mag-alert-register-conflict p{margin:8px 0} .mag-control .mag-alert-register-treatment .mag-alert-register-message{margin:16px 0} .mag-control .mag-alert-register-linked{margin-top:24px;display:grid;gap:12px} .mag-control .mag-alert-register-linked h4{font-size:14px;font-weight:600} .mag-control .mag-alert-register-linked article{padding:14px;border:1px solid var(--mag-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px} .mag-control .mag-alert-register-linked strong{font-size:14px;font-weight:500} .mag-control .mag-alert-register-linked article p{margin-top:6px} .mag-control .mag-alert-register-linked>a{font-size:14px} .mag-control .mag-alert-register-history ol{padding-left:20px} .mag-control .mag-alert-register-history li{padding:12px 0;font-size:14px} .mag-control .mag-alert-register-history time{display:block;font-size:12px;color:var(--mag-text-secondary);margin-top:4px} .mag-control .mag-alert-register-timeline-entry{padding:16px 0;border-top:1px solid var(--mag-border);font-size:13px} .mag-control .mag-alert-register-timeline-entry p{white-space:pre-wrap;margin-top:8px;overflow-wrap:anywhere} .mag-control .mag-alert-register-timeline-entry pre{max-height:360px;overflow:auto;background:var(--mag-surface-subtle);border-radius:12px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px} .mag-control .mag-alert-register-rules{padding:24px} .mag-control .mag-alert-register-rule-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px} .mag-control .mag-alert-register-rule-header p{max-width:68ch;margin-top:8px} .mag-control .mag-alert-register-rule{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--mag-border)} .mag-control .mag-alert-register-rule strong{font-size:14px;font-weight:600} .mag-control .mag-alert-register-rule p{font-size:13px;margin:6px 0} .mag-control .mag-alert-register-rule>button{flex-shrink:0} .mag-control .mag-alert-register-policy-notice{padding:16px;border:1px solid var(--mag-border);background:var(--mag-surface-subtle);border-radius:14px;font-size:14px;margin:20px 0} .mag-control .mag-alert-register-policy-notice a{display:inline-flex;margin-top:12px} .mag-control .mag-alert-register-checkbox{display:flex!important;align-items:center;gap:10px!important} .mag-control .mag-alert-register-checkbox input{width:20px;min-height:44px} .mag-control .mag-alert-register-spin{animation:spin 1s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.mag-control .mag-alert-register-spin{animation:none}} @media(max-width:767px){.mag-control .mag-alert-register-header{padding:20px 16px;flex-direction:column;gap:16px} .mag-control .mag-alert-register-header>button{width:100%} .mag-control .mag-alert-register-context{padding:12px 16px} .mag-control .mag-alert-register-tabs{padding:16px 16px 0;gap:8px} .mag-control .mag-alert-register-tabs a{margin:0} .mag-control .mag-alert-register-filters{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px} .mag-control .mag-alert-register-filters label{min-width:0} .mag-control .mag-alert-register-filters button{padding-inline:10px;font-size:12px} .mag-control .mag-alert-register-caption{padding:0 16px 16px} .mag-control .mag-alert-register-empty{padding:28px 16px} .mag-control .mag-alert-register-message{margin:12px 16px} .mag-control .mag-alert-register-pagination{padding:16px} .mag-control .mag-alert-register-status-grid{grid-template-columns:1fr} .mag-control .mag-alert-register-status-grid>div{padding:14px} .mag-control .mag-alert-register-form-grid{grid-template-columns:1fr} .mag-control .mag-alert-register-linked article{flex-direction:column;align-items:flex-start} .mag-control .mag-alert-register-linked article button{width:100%} .mag-control .mag-alert-register-rule-header, .mag-control .mag-alert-register-rule{flex-direction:column;align-items:flex-start} .mag-control .mag-alert-register-rules{padding:20px 16px} .mag-control .mag-alert-register-rule-header>button, .mag-control .mag-alert-register-rule>button{width:100%} .mag-control .mag-alert-register-buttons>button{flex:1;white-space:normal} .mag-control .mag-alert-register-evidence>div{grid-template-columns:1fr 1fr;gap:10px}} @media(max-width:359px){.mag-control .mag-alert-register-filters{grid-template-columns:1fr} .mag-control .mag-alert-register-tabs>button{flex:1} .mag-control .mag-alert-register-tabs a{font-size:12px}} .mag-control .mag-alert-register-pagination button{color:var(--mag-text)} .mag-control .mag-alert-register-header{border-top:3px solid var(--mag-chart-1);background:var(--mag-surface)} .mag-control .mag-alert-register-header h2{font-size:24px;line-height:1.25;letter-spacing:-.025em} .mag-control .mag-alert-register-filters{background:var(--mag-surface-subtle)} .mag-control .mag-alert-register-status-grid>div{border-radius:12px;box-shadow:var(--mag-shadow-card)} .mag-control .mag-alert-register-status-grid strong{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums} .mag-control .mag-alert-register-detail-header h3{font-size:22px;letter-spacing:-.025em} .mag-control .mag-alert-register-evidence>div:nth-child(even){background:var(--mag-surface-subtle)} .mag-control .mag-alert-register-linked article{border-left:3px solid var(--mag-chart-2)} .mag-control .mag-alert-register-history li{border-bottom:1px solid var(--mag-border)} .mag-control .mag-alert-register-empty>svg{color:var(--mag-chart-1)} @media print{.mag-control .mag-alert-register-status-grid>div{box-shadow:none} .mag-control .mag-alert-register-header, .mag-control .mag-alert-register-linked article{border-color:var(--mag-border)}} /* ==== src/features/alerts/demo-register.module.css (module -> .mag-demo-register-*) ==== */ .mag-control .mag-demo-register-root{min-width:0;padding:20px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;color:var(--mag-text)} .mag-control .mag-demo-register-root header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .mag-control .mag-demo-register-root h2{margin:4px 0 12px;font-size:21px} .mag-control .mag-demo-register-root header>span, .mag-control .mag-demo-register-eyebrow{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-demo-register-eyebrow{margin:0;color:var(--mag-chart-1);font-weight:650} .mag-control .mag-demo-register-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 24px} .mag-control .mag-demo-register-kpis>div{padding:14px;border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:8px} .mag-control .mag-demo-register-kpis span{display:block;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-demo-register-kpis strong{display:block;font-size:30px;margin-top:5px} .mag-control .mag-demo-register-chart{display:grid;gap:12px;max-width:860px} .mag-control .mag-demo-register-bar{display:grid;grid-template-columns:70px minmax(0,1fr) 28px;gap:12px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-height:36px;padding:4px} .mag-control .mag-demo-register-bar[aria-pressed=true]{outline:2px solid var(--mag-focus);border-radius:6px} .mag-control .mag-demo-register-bar i{height:15px;border-radius:4px;background:var(--mag-surface-subtle);overflow:hidden} .mag-control .mag-demo-register-bar b{display:block;height:100%;background:var(--mag-chart-1)} .mag-control .mag-demo-register-bar[data-severity=High] b{background:var(--mag-chart-3)} .mag-control .mag-demo-register-bar[data-severity=Low] b{background:var(--mag-chart-2)} .mag-control .mag-demo-register-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--mag-text-secondary);margin-top:16px} .mag-control .mag-demo-register-queue{display:grid;gap:8px} .mag-control .mag-demo-register-condition{border:1px solid var(--mag-border);border-radius:8px;min-width:0} .mag-control .mag-demo-register-condition summary{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;cursor:pointer} .mag-control .mag-demo-register-condition summary strong{font-size:14px} .mag-control .mag-demo-register-condition summary small{display:block;margin-top:5px;color:var(--mag-text-secondary)} .mag-control .mag-demo-register-condition summary>b{font-size:14px} .mag-control .mag-demo-register-severity{font-size:12px;padding:5px 8px;border-radius:6px;background:var(--mag-surface-subtle)} .mag-control .mag-demo-register-severity[data-severity=High]{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-demo-register-detail{padding:0 16px 12px;font-size:13px;line-height:1.6;color:var(--mag-text-secondary)} .mag-control .mag-demo-register-method{border-top:1px solid var(--mag-border);margin-top:20px;padding-top:12px;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-demo-register-method summary{cursor:pointer;color:var(--mag-link)} .mag-control .mag-demo-register-method p{line-height:1.6} @media(max-width:600px){.mag-control .mag-demo-register-root{padding:14px} .mag-control .mag-demo-register-kpis{gap:6px} .mag-control .mag-demo-register-kpis>div{padding:8px} .mag-control .mag-demo-register-kpis strong{font-size:26px} .mag-control .mag-demo-register-kpis span{font-size:11px} .mag-control .mag-demo-register-condition summary{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:10px} .mag-control .mag-demo-register-condition summary>b{grid-column:2} .mag-control .mag-demo-register-bar{grid-template-columns:60px minmax(0,1fr) 22px}} /* ==== src/features/cash-schedules/accountability.module.css (module -> .mag-accountability-*) ==== */ .mag-control .mag-accountability-tab-strip{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin} .mag-control .mag-accountability-tab-strip a{white-space:nowrap;flex:0 0 auto} .mag-control .mag-accountability-clip{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-accountability-clip-narrow{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-accountability-sub{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;color:var(--mag-text-muted)} .mag-control table.mag-accountability-two-line td{height:auto;padding-top:5px;padding-bottom:5px} .mag-control table.mag-accountability-wrap-head th{white-space:normal;height:auto;padding-top:6px;padding-bottom:6px;line-height:1.25;vertical-align:bottom} .mag-control .badge{display:inline-block;padding:1px 8px;border-radius:var(--mag-radius-pill);font-size:11.5px;font-weight:650;white-space:nowrap;background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-accountability-badge-overdue{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-accountability-badge-today{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-accountability-badge-idle{background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .notice{margin:0;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-accountability-panel-note{padding:8px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-accountability-status{margin:0;min-height:18px;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-accountability-status-error{color:var(--mag-danger-text)} .mag-control .mag-accountability-status-ok{color:var(--mag-success-text)} .mag-control .mag-accountability-toolbar{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-accountability-toolbar label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-accountability-toolbar input, .mag-control .mag-accountability-toolbar select{width:220px;max-width:100%;min-height:32px;padding:4px 10px} .mag-control .mag-accountability-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:4px 0} .mag-control .mag-accountability-owner-input{width:180px;max-width:100%;min-height:32px;padding:4px 10px} .mag-control .mag-accountability-editor .button{min-height:32px;padding:4px 12px} .mag-control .mag-accountability-message{display:block;flex-basis:100%;white-space:normal;max-width:340px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-accountability-message-error{color:var(--mag-danger-text)} .mag-control .mag-accountability-target{display:inline-block} .mag-control .mag-accountability-preview-panel summary{display:flex;align-items:center;min-height:36px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:600;background:var(--mag-surface-subtle)} .mag-control .mag-accountability-preview{margin:0;padding:12px;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;border-top:1px solid var(--mag-border)} @media (pointer:coarse){.mag-control .mag-accountability-tab-strip a{display:inline-flex;align-items:center;min-height:44px} .mag-control a.mag-accountability-clip{padding-top:12px;padding-bottom:12px} .mag-control .mag-accountability-target{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;min-width:44px} .mag-control .mag-accountability-owner-input, .mag-control .mag-accountability-toolbar input, .mag-control .mag-accountability-toolbar select, .mag-control .mag-accountability-editor .button, .mag-control .mag-accountability-preview-panel summary{min-height:44px} .mag-control table.mag-accountability-two-line td{height:44px}} @media (max-width:767px){.mag-control .mag-accountability-clip, .mag-control .mag-accountability-sub{max-width:170px} .mag-control .mag-accountability-owner-input{width:100%}} @media print{.mag-control .mag-accountability-editor, .mag-control .mag-accountability-toolbar, .mag-control .mag-accountability-preview-panel{display:none!important}} @media screen{.mag-control .mag-accountability-preview-panel{border-radius:12px;border-top:3px solid var(--mag-chart-2)} .mag-control .mag-accountability-editor{border-radius:12px} .mag-control .mag-accountability-editor:focus-within{outline:2px solid var(--mag-primary);outline-offset:2px} .mag-control .mag-accountability-panel-note{line-height:1.5}} /* ==== src/features/cash-schedules/aging-analysis.module.css (module -> .mag-aging-analysis-*) ==== */ .mag-control .mag-aging-analysis-analysis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;margin:16px 0} .mag-control .mag-aging-analysis-panel{min-width:0;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:20px} .mag-control .mag-aging-analysis-panel header h2{font-size:20px;line-height:1.3;margin:4px 0 7px;letter-spacing:-.025em} .mag-control .mag-aging-analysis-panel p{font-size:12px;line-height:1.5;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-aging-analysis-kicker{color:var(--mag-chart-2);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700} .mag-control .mag-aging-analysis-ranking{list-style:none;padding:0;margin:16px 0} .mag-control .mag-aging-analysis-ranking li+li{margin-top:10px} .mag-control .mag-aging-analysis-ranking button{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--mag-text);padding:5px 7px;cursor:pointer} .mag-control .mag-aging-analysis-ranking button[aria-pressed=true]{background:var(--mag-selected-bg);border-color:var(--mag-border)} .mag-control .mag-aging-analysis-ranking button:hover{background:var(--mag-hover)} .mag-control .mag-aging-analysis-row-head{display:flex;gap:12px;justify-content:space-between;font-size:13px} .mag-control .mag-aging-analysis-row-head strong{white-space:nowrap;font-size:16px;font-variant-numeric:tabular-nums} .mag-control .mag-aging-analysis-ranking small{font-size:11px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-aging-analysis-track{display:block;height:7px;margin:7px 0;background:var(--mag-surface-subtle);border-radius:2px;overflow:hidden} .mag-control .mag-aging-analysis-track i{height:100%;display:block;background:var(--mag-chart-1)} .mag-control .mag-aging-analysis-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0} .mag-control .mag-aging-analysis-controls label{flex:1;min-width:160px} .mag-control .mag-aging-analysis-controls select{max-width:100%;width:100%;font:inherit;font-size:12px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-control-border);padding:6px;border-radius:6px} .mag-control .mag-aging-analysis-switch{display:flex;gap:3px} .mag-control .mag-aging-analysis-switch button{font:inherit;font-size:12px;padding:6px 9px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text);cursor:pointer} .mag-control .mag-aging-analysis-switch button[aria-pressed=true]{color:var(--mag-selected-text);background:var(--mag-selected-bg);border-color:var(--mag-chart-1)} .mag-control .mag-aging-analysis-panel .mag-aging-analysis-unit{font-size:11px;margin-bottom:8px} .mag-control .mag-aging-analysis-buckets{display:grid;gap:11px;margin:14px 0} .mag-control .mag-aging-analysis-bucket{display:grid;grid-template-columns:65px minmax(30px,1fr) minmax(28px,auto);gap:10px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums} .mag-control .mag-aging-analysis-bucket small{font-size:10px;color:var(--mag-text-muted)} .mag-control .mag-aging-analysis-bucket strong{font-size:12px;text-align:right;overflow-wrap:anywhere} .mag-control .mag-aging-analysis-rail{height:17px;position:relative;background:var(--mag-surface-subtle)} .mag-control .mag-aging-analysis-rail b{position:absolute;top:-3px;bottom:-3px;border-left:1px solid var(--mag-text-muted);z-index:1} .mag-control .mag-aging-analysis-rail i{position:absolute;top:2px;bottom:2px;background:var(--mag-chart-2)} .mag-control .mag-aging-analysis-rail i[data-late=true]{background:var(--mag-warning-text)} .mag-control .mag-aging-analysis-rail i[data-credit=true]{background:var(--mag-chart-1)} .mag-control .mag-aging-analysis-panel .mag-aging-analysis-note{font-size:11px;margin-top:10px} .mag-control .mag-aging-analysis-detail-link{display:inline-block;font-size:12px;margin-top:12px;color:var(--mag-link)} .mag-control .mag-aging-analysis-empty{padding:18px;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-aging-analysis-analysis button:focus-visible, .mag-control .mag-aging-analysis-analysis select:focus-visible{outline:2px solid var(--mag-primary);outline-offset:2px} @media(max-width:850px){.mag-control .mag-aging-analysis-analysis{grid-template-columns:1fr} .mag-control .mag-aging-analysis-panel{padding:16px} .mag-control .mag-aging-analysis-analysis button, .mag-control .mag-aging-analysis-analysis select{min-height:44px} .mag-control .mag-aging-analysis-bucket{grid-template-columns:60px minmax(30px,1fr) minmax(28px,auto);gap:7px}} @media print{.mag-control .mag-aging-analysis-analysis{break-inside:avoid} .mag-control .mag-aging-analysis-controls, .mag-control .mag-aging-analysis-detail-link{display:none}} /* ==== src/features/cash-schedules/cash.module.css (module -> .mag-cash-*) ==== */ .mag-control .mag-cash-page{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;padding-bottom:24px} .mag-control .mag-cash-crumb{font-size:12px;color:var(--mag-text-muted);margin:0} .mag-control .mag-cash-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .mag-control .mag-cash-heading h1{margin:0 0 4px} .mag-control .mag-cash-heading p{margin:0;color:var(--mag-text-secondary);font-size:13px;max-width:760px} .mag-control .mag-cash-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .mag-control .mag-cash-actions .mag-cash-export-scope{width:auto;min-width:0;max-width:220px} .mag-control .notice{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:6px 8px 6px 12px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-warning-bg);color:var(--mag-warning-text);font-size:13px} .mag-control .notice p{margin:0;flex:1 1 240px} .mag-control .notice .button{min-height:32px;padding:4px 12px} .mag-control .mag-cash-source-line{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-cash-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mag-success-mark);margin-right:6px;vertical-align:middle} .mag-control .mag-cash-dot-warn{background:var(--mag-warning-mark)} .mag-control .mag-cash-panel{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);overflow:hidden;min-width:0} .mag-control .mag-cash-panel-head{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-cash-panel-head h2{margin:0;font-size:13px;font-weight:650} .mag-control .mag-cash-panel-head span{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-cash-panel-head .mag-cash-right{margin-left:auto;display:flex;gap:8px;align-items:center} .mag-control .mag-cash-tabs{display:flex;gap:4px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-cash-tabs a{padding:8px 12px;border-bottom:3px solid transparent;color:var(--mag-text-secondary);font-weight:500;text-decoration:none;font-size:14px} .mag-control .mag-cash-tabs a[aria-current="page"]{color:var(--mag-primary);border-bottom-color:var(--mag-primary);font-weight:600} .mag-control .mag-cash-aging-panel{container-type:inline-size} .mag-control .mag-cash-aging{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.2fr)} @container (max-width:799px){.mag-control .mag-cash-aging{grid-template-columns:repeat(4,minmax(0,1fr))}} .mag-control .mag-cash-bucket{all:unset;box-sizing:border-box;container-type:inline-size;cursor:pointer;padding:8px 10px;border-right:1px solid var(--mag-border);min-width:0} .mag-control .mag-cash-bucket:hover{background:var(--mag-hover)} .mag-control .mag-cash-bucket:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-cash-bucket[aria-pressed="true"]{background:var(--mag-selected-bg);box-shadow:inset 0 -3px 0 var(--mag-selected-text)} .mag-control .mag-cash-bucket[aria-pressed="true"] .mag-cash-bucket-label{color:var(--mag-selected-text)} .mag-control .mag-cash-bucket strong{display:block;font-size:17px;font-weight:650;white-space:nowrap} .mag-control .mag-cash-bucket small{display:block;font-size:11.5px;color:var(--mag-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mag-control .mag-cash-bucket-label{display:block;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} @container (max-width:95px){.mag-control .mag-cash-bucket-label{font-size:10.5px;letter-spacing:0}} .mag-control .mag-cash-bucket-count{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;min-width:0} .mag-control .mag-cash-bucket-late strong{color:var(--mag-danger-text)} .mag-control .mag-cash-late-tag{display:inline-block;padding:0 5px;border-radius:var(--mag-radius-pill);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:10px;font-weight:700;line-height:16px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} .mag-control .mag-cash-total{background:var(--mag-surface-subtle);border-right:0} .mag-control .mag-cash-filters{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--mag-border);flex-wrap:wrap} .mag-control .mag-cash-filters input[type=search]{min-height:32px;width:240px;max-width:100%;flex:0 1 240px} .mag-control .mag-cash-filters select{width:auto;min-width:0;max-width:240px;flex:0 1 auto} .mag-control .mag-cash-filters input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:0 0 auto} .mag-control .mag-cash-filters label{white-space:nowrap;flex:0 0 auto} .mag-control .mag-cash-filters select{min-height:32px} .mag-control .mag-cash-filters label{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-cash-count{margin-left:auto;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-cash-bulk-bar{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface-subtle);font-size:13px} .mag-control .mag-cash-bulk-bar .button{min-height:32px;padding:4px 12px} .mag-control .mag-cash-bulk-title{font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-cash-bulk-count{color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-cash-bulk-progress{flex-basis:100%;margin:0;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-cash-bulk-failures{flex-basis:100%;margin:0;padding:6px 10px 6px 28px;border-radius:var(--mag-radius-small);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:12.5px} .mag-control .mag-cash-scroll{position:relative;overflow:auto;max-height:calc(100vh - 330px);min-height:240px;container-type:inline-size} .mag-control .mag-cash-scroll-full{max-height:none} .mag-control .mag-cash-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-cash-table thead th{position:sticky;top:0;z-index:1;background:var(--mag-surface-subtle);box-shadow:inset 0 -1px 0 var(--mag-border);font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);text-align:right;padding:0 6px;height:30px;white-space:nowrap} .mag-control .mag-cash-table td, .mag-control .mag-cash-table tbody th{padding:0 6px;height:30px;border-bottom:1px solid var(--mag-border);text-align:right;white-space:nowrap} .mag-control .mag-cash-table tbody th{font-weight:500;text-align:left} .mag-control .mag-cash-table th:first-child, .mag-control .mag-cash-table td:first-child{text-align:left} .mag-control .mag-cash-table .mag-cash-left{text-align:left} .mag-control .mag-cash-table .mag-cash-dealer{max-width:136px;overflow:hidden;text-overflow:ellipsis} .mag-control .mag-cash-table tbody tr{cursor:pointer;scroll-margin-top:32px} .mag-control .mag-cash-table tbody tr:hover td, .mag-control .mag-cash-table tbody tr:hover th{background:var(--mag-hover)} .mag-control .mag-cash-table tbody tr:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-cash-table tbody tr:focus-visible td{background:var(--mag-selected-bg)} .mag-control .mag-cash-table tr.mag-cash-total-row td{background:var(--mag-surface-subtle);font-weight:650;cursor:default;border-bottom:0} .mag-control .mag-cash-sort-button{all:unset;display:inline-flex;align-items:center;min-height:30px;cursor:pointer} .mag-control .mag-cash-sort-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-cash-sort-mark{display:inline-block;width:10px;text-align:center;font-size:10px} .mag-control .mag-cash-age{display:inline-block;min-width:40px;padding:1px 6px;border-radius:6px;font-weight:650;text-align:right;background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-cash-age-warn{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-cash-age-late{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-cash-kind{display:block;font-size:10.5px;color:var(--mag-text-muted);line-height:1} .mag-control .mag-cash-deal{display:block;width:max-content;max-width:128px;margin:1px 0 2px} .mag-control .mag-cash-with-pick .mag-cash-deal{max-width:104px} @container (min-width:960px){.mag-control .mag-cash-deal, .mag-control .mag-cash-with-pick .mag-cash-deal{max-width:180px}} @container (min-width:1100px){.mag-control .mag-cash-deal, .mag-control .mag-cash-with-pick .mag-cash-deal{max-width:280px}} .mag-control .mag-cash-deal-line{display:block;font-size:10.5px;line-height:12px;color:var(--mag-text-secondary);white-space:normal;overflow-wrap:break-word} .mag-control .mag-cash-tekion-count{display:inline-block;min-width:16px;padding:0 3px;border-radius:var(--mag-radius-pill);background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink);font-size:10.5px;font-weight:650;line-height:16px;text-align:center;vertical-align:1px} .mag-control .mag-cash-source-tag{display:inline-block;padding:0 5px;border-radius:var(--mag-radius-pill);background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink);font-size:10.5px;font-weight:650;line-height:16px;vertical-align:1px} .mag-control .mag-cash-write-off{display:block;width:fit-content;margin:1px 0;padding:0 6px;border-radius:var(--mag-radius-pill);background:var(--mag-warning-bg);color:var(--mag-warning-text);font-size:10.5px;font-weight:650;line-height:15px;white-space:nowrap} .mag-control .mag-cash-table .mag-cash-pick{width:32px;min-width:32px;padding:0} .mag-control .mag-cash-pick-hit{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;margin:0;cursor:pointer} .mag-control .mag-cash-pick-hit input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:0 0 auto;cursor:pointer} .mag-control .mag-cash-table .mag-cash-note{width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left;color:var(--mag-text-secondary)} .mag-control .mag-cash-state{display:inline-block;padding:0 6px;border-radius:999px;font-size:11.5px;line-height:17px;font-weight:600;white-space:nowrap;background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-cash-state-progress{background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .mag-cash-state-waiting{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-cash-state-resolved{background:var(--mag-accent-lavender);color:var(--mag-accent-lavender-ink)} .mag-control .mag-cash-follow-meta{display:block;font-size:11px;line-height:12px;color:var(--mag-text-secondary)} .mag-control .mag-cash-owner{display:inline-block;max-width:112px;overflow:hidden;text-overflow:ellipsis;vertical-align:top} .mag-control .mag-cash-due{color:var(--mag-danger-text);font-weight:650} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-cash-more{display:flex;justify-content:center;padding:10px} .mag-control .mag-cash-summary td a, .mag-control .mag-cash-summary th a{color:var(--mag-link);font-weight:500;text-decoration:none} .mag-control .mag-cash-summary td a:hover, .mag-control .mag-cash-summary th a:hover{text-decoration:underline} .mag-control .mag-cash-summary tr.mag-cash-group th{background:var(--mag-surface-subtle);font-weight:650;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary);cursor:default} .mag-control .mag-cash-summary tbody tr{cursor:default} .mag-control .mag-cash-late{display:inline-block;padding:1px 6px;border-radius:6px;background:var(--mag-danger-bg);color:var(--mag-danger-text);font-weight:650} .mag-control .mag-cash-empty{padding:24px;color:var(--mag-text-secondary)} .mag-control .mag-cash-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .mag-control .mag-cash-card{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);padding:10px 14px} .mag-control .mag-cash-card span{display:block;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-cash-card strong{display:block;font-size:20px;font-weight:650;line-height:1.3} .mag-control .mag-cash-card small{display:block;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-cash-backdrop{position:fixed;inset:0;background:rgba(11,13,20,.35);z-index:var(--mag-z-backdrop)} .mag-control .mag-cash-drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,100%);background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);z-index:var(--mag-z-modal);display:flex;flex-direction:column;border-left:1px solid var(--mag-border)} .mag-control .mag-cash-drawer:focus{outline:none} .mag-control .mag-cash-drawer-head{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-cash-drawer-head h2{margin:0;font-size:16px} .mag-control .mag-cash-drawer-head p{margin:2px 0 0;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-cash-drawer-head .mag-cash-drawer-deal{color:var(--mag-text)} .mag-control .mag-cash-drawer-close{margin-left:auto;flex:0 0 auto} .mag-control .mag-cash-drawer-body{overflow:auto;flex:1} .mag-control .mag-cash-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--mag-border);margin:0} .mag-control .mag-cash-facts div{padding:8px 16px;border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);min-width:0} .mag-control .mag-cash-facts div:nth-child(3n){border-right:0} .mag-control .mag-cash-facts dt{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-cash-facts dd{display:block;margin:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis} .mag-control .mag-cash-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-cash-track label{display:grid;gap:4px;font-size:11.5px;font-weight:600;color:var(--mag-text-secondary);margin:0} .mag-control .mag-cash-track input, .mag-control .mag-cash-track select{min-height:32px;font-weight:400} .mag-control .mag-cash-track-save{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap} .mag-control .mag-cash-track-error{grid-column:1/-1} .mag-control .mag-cash-track .mag-cash-field{display:grid;gap:4px;align-content:start;min-width:0} .mag-control .mag-cash-track .mag-cash-write-off-toggle{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:12.5px;color:var(--mag-text)} .mag-control .mag-cash-track .mag-cash-write-off-toggle input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:0 0 auto} .mag-control .mag-cash-tekion{display:grid;gap:6px;padding:12px 16px;border-top:1px solid var(--mag-border)} .mag-control .mag-cash-tekion-head{display:flex;align-items:baseline;gap:8px} .mag-control .mag-cash-tekion-head h3{margin:0;font-size:13px;font-weight:650} .mag-control .mag-cash-tekion-head h3:focus{outline:none} .mag-control .mag-cash-tekion-head h3:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-cash-tekion-head span{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-cash-tekion > .mag-cash-hint{margin:0} .mag-control .mag-cash-tekion-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mag-control .mag-cash-tekion-error .mag-cash-error{flex:1 1 240px} .mag-control .mag-cash-tekion-entry{background:var(--mag-surface-subtle)} .mag-control .mag-cash-pinned{display:inline-block;padding:0 6px;border-radius:var(--mag-radius-pill);background:var(--mag-accent-yellow);color:var(--mag-accent-yellow-ink);font-size:10.5px;font-weight:700;line-height:16px;letter-spacing:.03em;text-transform:uppercase} .mag-control .mag-cash-timeline{display:grid;gap:8px;padding:12px 16px} .mag-control .mag-cash-entries{display:grid;gap:8px;margin:0;padding:0;list-style:none} .mag-control .mag-cash-entry{border:1px solid var(--mag-border);border-radius:12px;padding:8px 12px;background:var(--mag-surface)} .mag-control .mag-cash-entry-change{background:var(--mag-surface-subtle);border-style:dashed} .mag-control .mag-cash-entry p{margin:0;white-space:pre-wrap;font-size:13px} .mag-control .mag-cash-who{font-size:12px;color:var(--mag-text-secondary);margin-bottom:3px} .mag-control .mag-cash-compose{border-top:1px solid var(--mag-border);padding:10px 16px;display:grid;gap:6px} .mag-control .mag-cash-compose textarea{width:100%;min-height:72px;resize:vertical} .mag-control .mag-cash-author{display:flex;gap:8px;align-items:center;margin:0;font-size:11.5px;font-weight:500;color:var(--mag-text-muted)} .mag-control .mag-cash-author input{flex:1;min-width:0;min-height:30px} .mag-control .mag-cash-compose-actions{display:flex;align-items:center;gap:8px} .mag-control .mag-cash-compose-actions button{margin-left:auto;flex:0 0 auto} .mag-control .mag-cash-hint{font-size:11.5px;color:var(--mag-text-muted)} .mag-control .mag-cash-error{margin:0;padding:6px 10px;border-radius:var(--mag-radius-small);background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:12.5px;font-weight:500} @media(max-width:1100px){.mag-control .mag-cash-aging{grid-template-columns:repeat(4,minmax(0,1fr))} .mag-control .mag-cash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.mag-control .mag-cash-aging{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-cash-track{grid-template-columns:1fr} .mag-control .mag-cash-facts{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-cash-facts div:nth-child(3n){border-right:1px solid var(--mag-border)} .mag-control .mag-cash-scroll{max-height:none} .mag-control .mag-cash-cards{grid-template-columns:1fr 1fr} .mag-control .mag-cash-table td, .mag-control .mag-cash-table tbody th, .mag-control .mag-cash-table thead th{height:44px} .mag-control .mag-cash-table tbody tr{scroll-margin-top:46px} .mag-control .mag-cash-sort-button, .mag-control .mag-cash-filters label, .mag-control .mag-cash-filters input[type=search], .mag-control .mag-cash-filters select, .mag-control .mag-cash-track input, .mag-control .mag-cash-track select, .mag-control .mag-cash-author input{min-height:44px} .mag-control .mag-cash-compose-actions{flex-wrap:wrap}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-cash-table .mag-cash-pick{width:44px;min-width:44px} .mag-control .mag-cash-pick-hit{min-width:44px;min-height:44px} .mag-control .mag-cash-track .mag-cash-write-off-toggle, .mag-control .mag-cash-actions .mag-cash-export-scope{min-height:44px} .mag-control .mag-cash-bulk-bar .button, .mag-control .notice .button{min-height:44px}} @media(forced-colors:active){.mag-control .mag-cash-bucket[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-4px} .mag-control .mag-cash-late-tag, .mag-control .mag-cash-source-tag, .mag-control .mag-cash-tekion-count, .mag-control .mag-cash-write-off, .mag-control .mag-cash-pinned{border:1px solid CanvasText}} @media print{.mag-control .mag-cash-filters, .mag-control .mag-cash-actions, .mag-control .mag-cash-more, .mag-control .mag-cash-bulk-bar, .mag-control .notice, .mag-control .mag-cash-table .mag-cash-pick{display:none!important} .mag-control .mag-cash-scroll{max-height:none;overflow:visible} .mag-control .mag-cash-table thead th{position:static;box-shadow:none;border-bottom:1px solid var(--mag-border)}} @media screen{.mag-control .mag-cash-page .mag-cash-panel, .mag-control .mag-cash-page .mag-cash-aging-panel, .mag-control .mag-cash-page .mag-cash-card{border-radius:12px} .mag-control .mag-cash-page .mag-cash-panel-head{background:var(--mag-surface-subtle)} .mag-control .mag-cash-page .mag-cash-panel-head h2{border-left:3px solid var(--mag-chart-2);padding-left:9px} .mag-control .mag-cash-page .mag-cash-card{border-top:3px solid var(--mag-chart-2)} .mag-control .mag-cash-page .mag-cash-table thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-cash-page .mag-cash-table tbody tr:not(.mag-cash-total-row):hover>*{background:var(--mag-hover)} .mag-control .mag-cash-page .mag-cash-table .mag-cash-total-row>*{border-top:2px solid var(--mag-border)} .mag-control .mag-cash-page .mag-cash-empty{border:1px dashed var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle)} .mag-control .mag-cash-page .notice{border-left:3px solid var(--mag-warning-text)}} /* ==== src/features/cash-schedules/insights.module.css (module -> .mag-insights-*) ==== */ .mag-control .mag-insights-tab-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin} .mag-control .mag-insights-tab-row a{flex:0 0 auto;white-space:nowrap} .mag-control .mag-insights-tab-row a:focus-visible{outline-offset:-3px} .mag-control .mag-insights-fit{container:cash-summary/inline-size} .mag-control .mag-insights-fit .mag-insights-fit-table thead th{white-space:normal;line-height:1.2;padding-top:5px;padding-bottom:5px;vertical-align:bottom} .mag-control .mag-insights-fit .mag-insights-fit-table tbody th{white-space:normal;line-height:1.25;padding-top:4px;padding-bottom:4px} .mag-control .mag-insights-fit .mag-insights-fit-table tbody th[scope="row"]{min-width:128px} .mag-control .mag-insights-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px} .mag-control .mag-insights-group-net{font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--mag-text);white-space:nowrap} .mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-group-total{background:var(--mag-surface-subtle);font-weight:650} @container cash-summary (max-width:849px){.mag-control .mag-insights-fit .mag-insights-fit-table td, .mag-control .mag-insights-fit .mag-insights-fit-table th{padding-left:5px;padding-right:5px} .mag-control .mag-insights-fit .mag-insights-fit-table tbody th[scope="row"]{min-width:112px}} @container cash-summary (max-width:1087px){.mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-late-after{padding-left:0;padding-right:0} .mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-late-after>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}} @container cash-summary (max-width:1017px){.mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-dealers{padding-left:0;padding-right:0} .mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-dealers>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}} @container cash-summary (max-width:924px){.mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-trend{padding-left:0;padding-right:0} .mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-trend>*{display:none}} @container cash-summary (max-width:796px){.mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-oldest{padding-left:0;padding-right:0} .mag-control .mag-insights-fit .mag-insights-fit-table .mag-insights-col-oldest>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}} .mag-control .mag-insights-change{white-space:nowrap;color:var(--mag-text)} .mag-control .mag-insights-arrow{display:inline-block;margin-right:3px;font-size:9px;line-height:1;vertical-align:1px;color:var(--mag-text-secondary)} .mag-control .mag-insights-flat{color:var(--mag-text-muted)} .mag-control .mag-insights-spark{position:relative;display:inline-flex;vertical-align:middle} .mag-control .mag-insights-spark-plot{display:inline-flex;border-radius:4px;cursor:crosshair;touch-action:pan-y} .mag-control .mag-insights-spark-plot:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-insights-spark-plot svg{display:block;overflow:visible} .mag-control .mag-insights-spark-line{fill:none;stroke:var(--mag-chart-context);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .mag-control .mag-insights-spark-cursor{stroke:var(--mag-chart-context);stroke-width:1} .mag-control .mag-insights-spark-dot{fill:var(--mag-chart-1);stroke:var(--mag-surface);stroke-width:2} .mag-control .mag-insights-spark-tip{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:baseline;gap:6px;padding:1px 8px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);font-size:12px;line-height:18px;white-space:nowrap;color:var(--mag-text)} .mag-control .mag-insights-spark-tip::after{content:'';position:absolute;left:100%;top:0;bottom:0;width:8px} .mag-control .mag-insights-spark-tip strong{font-weight:650} .mag-control .mag-insights-spark-tip span{color:var(--mag-text-secondary)} .mag-control .mag-insights-disclosure{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:28px;border-radius:var(--mag-radius-small);cursor:pointer;color:var(--mag-text);font-size:13px;font-weight:650;white-space:nowrap} .mag-control .mag-insights-disclosure:hover{color:var(--mag-link)} .mag-control .mag-insights-disclosure:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-insights-disclosure svg{flex:0 0 auto;transition:transform var(--mag-duration-hover,150ms) ease} .mag-control .mag-insights-disclosure[aria-expanded="true"] svg{transform:rotate(90deg)} .mag-control .mag-insights-tie-note{margin:0;padding:8px 12px;border-bottom:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-insights-fit.mag-insights-tie-scroll{min-height:0} .mag-control .mag-insights-tie-scroll:focus-visible{outline-offset:-2px} .mag-control .mag-insights-fit .mag-insights-tie-table thead th{white-space:normal;line-height:1.2;padding-top:5px;padding-bottom:5px;vertical-align:bottom} .mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-dealer{max-width:180px;overflow:hidden;text-overflow:ellipsis;text-align:left} .mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-account{max-width:280px;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:500} .mag-control .mag-insights-tie-category{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:400;line-height:1;color:var(--mag-text-muted)} .mag-control .mag-insights-chip{display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:var(--mag-radius-pill);font-size:11.5px;line-height:18px;font-weight:600;white-space:nowrap} .mag-control .mag-insights-chip svg{flex:0 0 auto} .mag-control .mag-insights-chip-tied{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-insights-chip-off{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-insights-chip-missing{background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} @container cash-summary (max-width:935px){.mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-account{max-width:190px} .mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-dealer{max-width:120px}} @container cash-summary (max-width:779px){.mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-account{max-width:150px} .mag-control .mag-insights-fit .mag-insights-tie-table .mag-insights-tie-dealer{max-width:100px} .mag-control .mag-insights-fit .mag-insights-tie-table td, .mag-control .mag-insights-fit .mag-insights-tie-table th{padding-left:5px;padding-right:5px}} @media(max-width:767px){.mag-control .mag-insights-disclosure{min-height:44px} .mag-control .mag-insights-fit .mag-insights-fit-table tbody th[scope="row"]{min-width:112px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-insights-disclosure svg{transition:none}} :root[data-motion="reduced"] .mag-insights-disclosure svg{transition:none} @media(forced-colors:active){.mag-control .mag-insights-spark-line, .mag-control .mag-insights-spark-cursor{stroke:CanvasText} .mag-control .mag-insights-spark-dot{fill:Highlight;stroke:Canvas} .mag-control .mag-insights-spark-tip, .mag-control .mag-insights-chip{border:1px solid CanvasText}} @media print{.mag-control .mag-insights-spark-tip{display:none} .mag-control .mag-insights-disclosure svg{display:none}} @media screen{.mag-control .mag-insights-tie-scroll{border-radius:12px} .mag-control .mag-insights-tie-table thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-insights-tie-table tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-insights-group-total>*{border-top:2px solid var(--mag-border)} .mag-control .mag-insights-disclosure{border-radius:12px}} /* ==== src/features/cash-schedules/management.module.css (module -> .mag-management-*) ==== */ .mag-control .mag-management-panel{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);overflow:hidden;min-width:0} .mag-control .mag-management-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:12px;border-bottom:1px solid var(--mag-border);min-width:0} .mag-control .mag-management-body>*{min-width:0;overflow-x:auto} .mag-control .mag-management-body h3, .mag-control .mag-management-moves h3{margin:0 0 8px;font-size:13px;font-weight:650} .mag-control .mag-management-note{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--mag-text-muted)} .mag-control .mag-management-lead{margin:0 0 8px;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-management-empty{margin:0;padding:8px 0;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-management-caption{caption-side:top;text-align:left;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);padding:8px 0 4px} .mag-control .mag-management-rollups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} .mag-control .mag-management-contributors th[scope="row"]{max-width:220px;overflow:hidden;text-overflow:ellipsis} .mag-control .mag-management-switch{display:flex;gap:3px} .mag-control .mag-management-switch button{font:inherit;font-size:12px;padding:4px 9px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text);cursor:pointer} .mag-control .mag-management-switch button[aria-pressed="true"]{color:var(--mag-selected-text);background:var(--mag-selected-bg);border-color:var(--mag-chart-1)} .mag-control .mag-management-switch button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-management-chart{min-width:0} .mag-control .mag-management-legend{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:11.5px;color:var(--mag-text-secondary);margin-bottom:6px} .mag-control .mag-management-legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle} .mag-control .mag-management-key-net{background:var(--mag-chart-1)} .mag-control .mag-management-key-aged{background:var(--mag-chart-2)} .mag-control .mag-management-key-gap{background:var(--mag-text-muted);height:6px!important;width:3px!important} .mag-control .mag-management-axis{margin-left:auto;color:var(--mag-text-muted)} .mag-control .mag-management-plot{position:relative;border-radius:6px;cursor:crosshair;touch-action:pan-y} .mag-control .mag-management-plot:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-management-plot svg{display:block;width:100%;height:190px;overflow:visible} .mag-control .mag-management-zero{stroke:var(--mag-border);stroke-width:1;vector-effect:non-scaling-stroke} .mag-control .mag-management-line-net{fill:none;stroke:var(--mag-chart-1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke} .mag-control .mag-management-line-aged{fill:none;stroke:var(--mag-chart-2);stroke-width:2;stroke-dasharray:5 3;stroke-linejoin:round;vector-effect:non-scaling-stroke} .mag-control .mag-management-gap{fill:var(--mag-text-muted)} .mag-control .mag-management-partial{fill:var(--mag-warning-mark)} .mag-control .mag-management-cursor{stroke:var(--mag-chart-context);stroke-width:1;vector-effect:non-scaling-stroke} .mag-control .mag-management-dot-net{fill:var(--mag-chart-1);stroke:var(--mag-surface);stroke-width:2;vector-effect:non-scaling-stroke} .mag-control .mag-management-dot-aged{fill:var(--mag-chart-2);stroke:var(--mag-surface);stroke-width:2;vector-effect:non-scaling-stroke} .mag-control .mag-management-dates{display:flex;justify-content:space-between;font-size:11px;color:var(--mag-text-muted)} .mag-control .mag-management-tip{margin:4px 0 0;min-height:18px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-management-moves{padding:12px} .mag-control .mag-management-checks{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--mag-warning-text)} .mag-control .mag-management-checks li[data-met]{color:var(--mag-text-secondary)} .mag-control .mag-management-checks span{display:inline-block;width:14px;font-weight:700} .mag-control .mag-management-move-table td, .mag-control .mag-management-move-table tbody th{white-space:normal;height:auto;padding-top:6px;padding-bottom:6px;vertical-align:top;line-height:1.35} .mag-control .mag-management-move-table td{max-width:320px} .mag-control .mag-management-move-table td, .mag-control .mag-management-move-table td *{white-space:normal!important;overflow-wrap:anywhere} .mag-control .mag-management-contributor-block{min-width:0} .mag-control .mag-management-contributor-block>.mag-management-caption{margin:0} .mag-control .mag-management-move-table .mag-management-severity{display:inline-block;padding:0 6px;border-radius:var(--mag-radius-pill);font-size:10px;font-weight:700;line-height:16px;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-management-high{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-management-medium{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-management-low{background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-management-rules{margin-top:10px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-management-rules summary{cursor:pointer;font-weight:600;color:var(--mag-text)} .mag-control .mag-management-rules dl{margin:8px 0} .mag-control .mag-management-rules dt{font-weight:650;color:var(--mag-text);margin-top:6px} .mag-control .mag-management-rules dd{margin:2px 0 0} .mag-control .mag-management-rules p{margin:6px 0 0} @media(max-width:1023px){.mag-control .mag-management-body, .mag-control .mag-management-rollups{grid-template-columns:minmax(0,1fr)}} @media(max-width:767px){.mag-control .mag-management-plot svg{height:150px} .mag-control .mag-management-switch button{min-height:44px}} @media(forced-colors:active){.mag-control .mag-management-line-net, .mag-control .mag-management-line-aged, .mag-control .mag-management-cursor{stroke:CanvasText} .mag-control .mag-management-gap, .mag-control .mag-management-partial{fill:GrayText} .mag-control .mag-management-severity{border:1px solid CanvasText}} /* ==== src/features/cash-schedules/title-coverage.module.css (module -> .mag-title-coverage-*) ==== */ .mag-control .mag-title-coverage-summary{padding:14px 16px;display:grid;gap:8px} .mag-control .mag-title-coverage-summary h2, .mag-control .mag-title-coverage-summary p{margin:0} .mag-control .mag-title-coverage-summary h2{font-size:17px} .mag-control .mag-title-coverage-summary p{font-size:13px;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-title-coverage-scroll{overflow:auto;max-height:560px;border-block:1px solid var(--mag-border)} .mag-control .mag-title-coverage-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-title-coverage-table th{position:sticky;top:0;background:var(--mag-surface-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.03em} .mag-control .mag-title-coverage-table th, .mag-control .mag-title-coverage-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--mag-border);white-space:nowrap} .mag-control .mag-title-coverage-footer{padding:12px 16px;font-size:13px;display:grid;gap:8px} .mag-control .mag-title-coverage-footer p{margin:0} .mag-control .mag-title-coverage-footer nav{display:flex;gap:16px} @media(max-width:640px){.mag-control .mag-title-coverage-summary{padding:12px} .mag-control .mag-title-coverage-table th, .mag-control .mag-title-coverage-table td{padding:8px} .mag-control .mag-title-coverage-scroll{max-height:480px}} /* ==== src/features/ceo-reports/workspace.module.css (module -> .mag-ceo-reports-workspace-*) ==== */ .mag-control .mag-ceo-reports-workspace-root{color:var(--mag-text);max-width:1800px;margin:auto;min-width:0} .mag-control .mag-ceo-reports-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 18px} .mag-control .mag-ceo-reports-workspace-header h1{font-size:31px;letter-spacing:-.8px;margin:5px 0} .mag-control .mag-ceo-reports-workspace-header p{color:var(--mag-muted);margin:6px 0;font-size:13px} .mag-control .mag-ceo-reports-workspace-header .mag-ceo-reports-workspace-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px} .mag-control .mag-ceo-reports-workspace-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .mag-control .mag-ceo-reports-workspace-actions button, .mag-control .mag-ceo-reports-workspace-actions summary, .mag-control .mag-ceo-reports-workspace-filters select, .mag-control .mag-ceo-reports-workspace-toolbar select, .mag-control .mag-ceo-reports-workspace-toolbar>input{font:inherit;font-size:13px;display:flex;align-items:center;gap:6px;border:1px solid var(--mag-border);background:var(--mag-surface);color:var(--mag-text);border-radius:8px;padding:9px 11px} .mag-control .mag-ceo-reports-workspace-actions button:disabled{opacity:.5} .mag-control .mag-ceo-reports-workspace-actions details{position:relative} .mag-control .mag-ceo-reports-workspace-actions summary{cursor:pointer;list-style:none} .mag-control .mag-ceo-reports-workspace-actions details>div{position:absolute;right:0;top:42px;z-index:4;padding:8px;min-width:170px;background:var(--mag-surface);border:1px solid var(--mag-border);box-shadow:0 6px 18px #0002;border-radius:9px} .mag-control .mag-ceo-reports-workspace-actions a{display:block;color:var(--mag-link);text-decoration:none;padding:9px} .mag-control .mag-ceo-reports-workspace-actions a[aria-disabled=true]{opacity:.5;pointer-events:none} .mag-control .mag-ceo-reports-workspace-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--mag-border);margin-bottom:18px} .mag-control .mag-ceo-reports-workspace-tabs button{font:inherit;font-size:14px;font-weight:650;color:var(--mag-muted);background:none;border:0;border-bottom:3px solid transparent;padding:12px 18px;white-space:nowrap} .mag-control .mag-ceo-reports-workspace-tabs button[aria-pressed=true]{color:var(--mag-link);border-bottom-color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-root button{cursor:pointer} .mag-control .mag-ceo-reports-workspace-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:12px} .mag-control .mag-ceo-reports-workspace-filters label, .mag-control .mag-ceo-reports-workspace-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:600} .mag-control .mag-ceo-reports-workspace-filters label:first-child{min-width:250px} .mag-control .mag-ceo-reports-workspace-filters label:first-child select{max-width:360px} .mag-control .mag-ceo-reports-workspace-basis{color:var(--mag-muted);font-size:13px;padding:10px} .mag-control .mag-ceo-reports-workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);overflow:hidden;margin:16px 0} .mag-control .mag-ceo-reports-workspace-summary>div{padding:14px 18px;border-right:1px solid var(--mag-border);display:grid;gap:6px} .mag-control .mag-ceo-reports-workspace-summary>div:last-child{border:0} .mag-control .mag-ceo-reports-workspace-summary span, .mag-control .mag-ceo-reports-workspace-summary small{font-size:12px;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-summary strong{font-size:28px;font-variant-numeric:tabular-nums} .mag-control .mag-ceo-reports-workspace-summary .mag-ceo-reports-workspace-text-value{font-size:19px;line-height:34px} .mag-control .mag-ceo-reports-workspace-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0} .mag-control .mag-ceo-reports-workspace-toolbar>input{flex:1;min-width:180px;max-width:330px} .mag-control .mag-ceo-reports-workspace-toolbar .mag-ceo-reports-workspace-review{display:flex;align-items:center;gap:8px;font-weight:500;padding:10px 0} .mag-control .mag-ceo-reports-workspace-review input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-caption, .mag-control .mag-ceo-reports-workspace-footer p{font-size:12px;line-height:1.6;color:var(--mag-muted)} .mag-control .notice, .mag-control .mag-ceo-reports-workspace-review-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--mag-border);border-radius:9px;background:var(--mag-surface);margin:12px 0;font-size:13px} .mag-control .notice button{border:0;background:none;color:var(--mag-link);display:flex;gap:6px} .mag-control .mag-ceo-reports-workspace-review-notice{border-left:3px solid var(--mag-warning-text)} .mag-control .mag-ceo-reports-workspace-scroll{overflow:auto;max-width:100%;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-ceo-reports-workspace-scroll table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px} .mag-control .mag-ceo-reports-workspace-scroll th, .mag-control .mag-ceo-reports-workspace-scroll td{padding:11px 16px;border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);text-align:right;min-width:185px;vertical-align:middle} .mag-control .mag-ceo-reports-workspace-scroll th:last-child, .mag-control .mag-ceo-reports-workspace-scroll td:last-child{border-right:0} .mag-control .mag-ceo-reports-workspace-scroll tr:last-child>*{border-bottom:0} .mag-control .mag-ceo-reports-workspace-scroll thead th{background:var(--mag-surface-alt,var(--mag-surface));color:var(--mag-muted);font-size:12px;font-weight:650;white-space:nowrap} .mag-control .mag-ceo-reports-workspace-scroll th:first-child{position:sticky;left:0;z-index:1;text-align:left;min-width:255px;max-width:300px;background:var(--mag-surface)} .mag-control .mag-ceo-reports-workspace-scroll small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-scroll tbody th strong{display:block;font-size:14px} .mag-control .mag-ceo-reports-workspace-figure{border:0;background:transparent;display:block;text-align:right;width:100%;padding:0;color:inherit;font:inherit} .mag-control .mag-ceo-reports-workspace-figure strong{display:block;font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.4px} .mag-control .mag-ceo-reports-workspace-figure:hover strong{text-decoration:underline} .mag-control .mag-ceo-reports-workspace-figure>span{display:block;max-width:265px;margin-left:auto;font-size:10px;line-height:1.4;color:var(--mag-muted);margin-top:4px} .mag-control .mag-ceo-reports-workspace-checked .mag-ceo-reports-workspace-figure strong{color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-pending .mag-ceo-reports-workspace-figure strong{color:var(--mag-warning-text)} .mag-control .mag-ceo-reports-workspace-pending .mag-ceo-reports-workspace-figure small{color:var(--mag-warning-text)} .mag-control .mag-ceo-reports-workspace-missing, .mag-control .mag-ceo-reports-workspace-unavailable{color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-unavailable{font-size:21px} .mag-control .mag-ceo-reports-workspace-scroll .mag-ceo-reports-workspace-close{min-width:110px;width:110px;text-align:center} .mag-control .mag-ceo-reports-workspace-close span{font-size:10px;padding:4px 7px;border:1px solid var(--mag-border);border-radius:12px;white-space:nowrap;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-close span[data-closed=true]{color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-history-link{font:inherit;font-size:10px;color:var(--mag-link);border:0;background:none;padding:5px 0 0} .mag-control .mag-ceo-reports-workspace-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:15px 0} .mag-control .mag-ceo-reports-workspace-footer p{flex-basis:100%;margin:0} .mag-control .mag-ceo-reports-workspace-footer a{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-empty{padding:30px;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-evidence{font-size:13px} .mag-control .mag-ceo-reports-workspace-evidence h2{font-size:22px} .mag-control .mag-ceo-reports-workspace-evidence-value{font-size:30px} .mag-control .mag-ceo-reports-workspace-evidence p{line-height:1.6} .mag-control .mag-ceo-reports-workspace-evidence details{border-top:1px solid var(--mag-border);padding:15px 0} .mag-control .mag-ceo-reports-workspace-evidence summary{cursor:pointer;font-weight:650} .mag-control .mag-ceo-reports-workspace-evidence pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:var(--mag-surface);padding:10px} .mag-control .mag-ceo-reports-workspace-evidence dd{margin:4px 0 12px;overflow-wrap:anywhere;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-evidence dt{font-weight:650} .mag-control .mag-ceo-reports-workspace-term-list>div{margin:12px 0;padding:10px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px} .mag-control .mag-ceo-reports-workspace-term-list span{margin-left:15px;color:var(--mag-muted)} .mag-control .mag-ceo-reports-workspace-original{display:flex;align-items:center;gap:8px;color:var(--mag-link);margin:18px 0} .mag-control .mag-ceo-reports-workspace-editions button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--mag-border);padding:15px;background:none;color:var(--mag-link)} .mag-control .mag-ceo-reports-workspace-editions small{display:block;color:var(--mag-muted);margin-top:4px} @media(max-width:760px){.mag-control .mag-ceo-reports-workspace-header{display:block} .mag-control .mag-ceo-reports-workspace-actions{margin-top:15px} .mag-control .mag-ceo-reports-workspace-header h1{font-size:27px} .mag-control .mag-ceo-reports-workspace-tabs button{padding:10px 13px} .mag-control .mag-ceo-reports-workspace-filters{gap:12px} .mag-control .mag-ceo-reports-workspace-filters label:first-child{width:100%;min-width:0} .mag-control .mag-ceo-reports-workspace-filters label:first-child select{max-width:100%;width:100%} .mag-control .mag-ceo-reports-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-ceo-reports-workspace-summary>div{padding:12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-ceo-reports-workspace-summary strong{font-size:24px} .mag-control .mag-ceo-reports-workspace-summary .mag-ceo-reports-workspace-text-value{font-size:16px} .mag-control .mag-ceo-reports-workspace-toolbar>input{width:100%;max-width:none} .mag-control .mag-ceo-reports-workspace-scroll th:first-child{min-width:190px;max-width:190px} .mag-control .mag-ceo-reports-workspace-scroll td{min-width:165px} .mag-control .mag-ceo-reports-workspace-figure strong{font-size:19px} .mag-control .mag-ceo-reports-workspace-review{width:100%} .mag-control .mag-ceo-reports-workspace-footer{gap:12px}} @media print{.mag-control .mag-ceo-reports-workspace-actions, .mag-control .mag-ceo-reports-workspace-filters, .mag-control .mag-ceo-reports-workspace-toolbar, .mag-control .mag-ceo-reports-workspace-tabs, .mag-control .mag-ceo-reports-workspace-history-link{display:none} .mag-control .mag-ceo-reports-workspace-root{color:#111} .mag-control .mag-ceo-reports-workspace-scroll{overflow:visible} .mag-control .mag-ceo-reports-workspace-scroll th:first-child{position:static;min-width:0;width:25%} .mag-control .mag-ceo-reports-workspace-scroll td, .mag-control .mag-ceo-reports-workspace-scroll th{min-width:0;padding:6px} .mag-control .mag-ceo-reports-workspace-figure strong{font-size:12px} .mag-control .mag-ceo-reports-workspace-figure>span{font-size:8px} .mag-control .mag-ceo-reports-workspace-scroll table{table-layout:fixed} .mag-control .mag-ceo-reports-workspace-scroll tr{break-inside:avoid}} .mag-control .mag-ceo-reports-workspace-header{margin:0 0 10px} .mag-control .mag-ceo-reports-workspace-header h1{font-size:28px;line-height:1.2} .mag-control .mag-ceo-reports-workspace-header p{margin:4px 0} .mag-control .mag-ceo-reports-workspace-tabs{margin-bottom:12px} .mag-control .mag-ceo-reports-workspace-tabs button{padding:10px 16px} .mag-control .mag-ceo-reports-workspace-filters{padding:12px;gap:14px} .mag-control .mag-ceo-reports-workspace-filters label, .mag-control .mag-ceo-reports-workspace-toolbar label{gap:4px} .mag-control .mag-ceo-reports-workspace-summary{margin:12px 0} .mag-control .mag-ceo-reports-workspace-summary>div{padding:11px 16px;gap:4px} .mag-control .mag-ceo-reports-workspace-summary strong{font-size:24px;line-height:28px} .mag-control .mag-ceo-reports-workspace-summary span, .mag-control .mag-ceo-reports-workspace-summary small{line-height:16px} .mag-control .mag-ceo-reports-workspace-summary .mag-ceo-reports-workspace-text-value{font-size:18px;line-height:28px} .mag-control .mag-ceo-reports-workspace-toolbar{margin:10px 0;gap:12px} .mag-control .mag-ceo-reports-workspace-caption{margin:8px 0;line-height:1.5} .mag-control .mag-ceo-reports-workspace-scroll th, .mag-control .mag-ceo-reports-workspace-scroll td{padding:9px 14px} .mag-control .mag-ceo-reports-workspace-root{--ceo-row:var(--mag-dense-row,30px);--ceo-font:var(--mag-dense-font,13px);--ceo-head:var(--mag-dense-head-font,11px);--ceo-control:var(--mag-control-h,32px);--ceo-tile:var(--mag-tile-value,20px);--ceo-tile-label:var(--mag-tile-label,11px);--ceo-tile-context:var(--mag-tile-context,12px);--ceo-title:var(--mag-page-title,22px)} @media screen{.mag-control .mag-ceo-reports-workspace-root{font-size:var(--ceo-font);line-height:1.35} .mag-control .mag-ceo-reports-workspace-header{gap:10px;margin:0 0 6px} .mag-control .mag-ceo-reports-workspace-header h1{font-size:var(--ceo-title);line-height:1.2;letter-spacing:0;margin:2px 0} .mag-control .mag-ceo-reports-workspace-header p{font-size:12px;margin:2px 0} .mag-control .mag-ceo-reports-workspace-header .mag-ceo-reports-workspace-eyebrow{font-size:11px;letter-spacing:.06em} .mag-control .mag-ceo-reports-workspace-actions{gap:6px} .mag-control .mag-ceo-reports-workspace-actions button, .mag-control .mag-ceo-reports-workspace-actions summary, .mag-control .mag-ceo-reports-workspace-filters select, .mag-control .mag-ceo-reports-workspace-toolbar select, .mag-control .mag-ceo-reports-workspace-toolbar>input{font-size:13px;padding:0 10px;min-height:var(--ceo-control);height:var(--ceo-control);box-sizing:border-box;border-radius:6px} .mag-control .mag-ceo-reports-workspace-actions details>div{top:calc(100% + 4px)} .mag-control .mag-ceo-reports-workspace-actions a{font-size:13px;padding:6px 9px} .mag-control .mag-ceo-reports-workspace-tabs{gap:4px;margin-bottom:8px} .mag-control .mag-ceo-reports-workspace-tabs button{font-size:13px;padding:0 10px;min-height:var(--ceo-control)} .mag-control .mag-ceo-reports-workspace-filters{padding:6px 12px;gap:8px;border-radius:var(--mag-radius-card);align-items:center} .mag-control .mag-ceo-reports-workspace-filters label, .mag-control .mag-ceo-reports-workspace-toolbar label{gap:3px;font-size:12px} .mag-control .mag-ceo-reports-workspace-basis{font-size:12px;padding:4px} .mag-control .mag-ceo-reports-workspace-summary{margin:8px 0;border-radius:var(--mag-radius-card)} .mag-control .mag-ceo-reports-workspace-summary>div{padding:6px 12px;gap:1px} .mag-control .mag-ceo-reports-workspace-summary>div>span{font-size:var(--ceo-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;line-height:1.35} .mag-control .mag-ceo-reports-workspace-summary small{font-size:var(--ceo-tile-context);line-height:1.35} .mag-control .mag-ceo-reports-workspace-summary strong, .mag-control .mag-ceo-reports-workspace-summary .mag-ceo-reports-workspace-text-value{font-size:var(--ceo-tile);line-height:1.3;font-weight:650} .mag-control .mag-ceo-reports-workspace-toolbar{margin:8px 0;gap:8px;align-items:center} .mag-control .mag-ceo-reports-workspace-toolbar .mag-ceo-reports-workspace-review{padding:0;min-height:var(--ceo-control);box-sizing:border-box;font-size:13px} .mag-control .notice, .mag-control .mag-ceo-reports-workspace-review-notice{padding:6px 12px;margin:8px 0;font-size:13px;gap:8px} .mag-control .mag-ceo-reports-workspace-scroll{border-radius:var(--mag-radius-card)} .mag-control .mag-ceo-reports-workspace-scroll table{font-size:var(--ceo-font);font-variant-numeric:tabular-nums} .mag-control .mag-ceo-reports-workspace-scroll th, .mag-control .mag-ceo-reports-workspace-scroll td{height:var(--ceo-row);padding:2px 10px;min-width:150px;line-height:1.3} .mag-control .mag-ceo-reports-workspace-scroll thead th{position:sticky;top:0;z-index:2;font-size:var(--ceo-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;background:var(--mag-surface-subtle);padding-block:4px} .mag-control .mag-ceo-reports-workspace-scroll thead th:first-child{z-index:3} .mag-control .mag-ceo-reports-workspace-scroll thead small{font-size:var(--ceo-head)} .mag-control .mag-ceo-reports-workspace-scroll th:first-child{min-width:220px;max-width:290px} .mag-control .mag-ceo-reports-workspace-scroll small, .mag-control .mag-ceo-reports-workspace-figure>span, .mag-control .mag-ceo-reports-workspace-close span, .mag-control .mag-ceo-reports-workspace-history-link{font-size:11px;line-height:1.3} .mag-control .mag-ceo-reports-workspace-scroll tbody th strong{font-size:var(--ceo-font)} .mag-control .mag-ceo-reports-workspace-scroll tbody th small{display:inline} .mag-control .mag-ceo-reports-workspace-history-link{padding:0;margin-left:8px} .mag-control .mag-ceo-reports-workspace-figure strong, .mag-control .mag-ceo-reports-workspace-unavailable{font-size:var(--ceo-font);letter-spacing:0;line-height:1.3} .mag-control .mag-ceo-reports-workspace-figure small{display:inline} .mag-control .mag-ceo-reports-workspace-figure>span{display:inline;margin:0 0 0 4px} .mag-control .mag-ceo-reports-workspace-figure>span::before{content:'· '} .mag-control .mag-ceo-reports-workspace-close span{padding:1px 7px} .mag-control .mag-ceo-reports-workspace-footer{gap:10px;margin:8px 0} .mag-control .mag-ceo-reports-workspace-empty{padding:16px} .mag-control .mag-ceo-reports-workspace-evidence{font-size:14px} .mag-control .mag-ceo-reports-workspace-evidence h2{font-size:18px} .mag-control .mag-ceo-reports-workspace-evidence-value{font-size:16px;font-variant-numeric:tabular-nums} .mag-control .mag-ceo-reports-workspace-evidence details{padding:9px 0} .mag-control .mag-ceo-reports-workspace-evidence pre{font-size:12px} .mag-control .mag-ceo-reports-workspace-term-list>div{margin:8px 0;padding:8px} .mag-control .mag-ceo-reports-workspace-original{margin:12px 0} .mag-control .mag-ceo-reports-workspace-editions button{padding:9px} .mag-control .mag-ceo-reports-workspace-editions small{font-size:12px}} @media screen and (min-width:761px){.mag-control .mag-ceo-reports-workspace-filters label, .mag-control .mag-ceo-reports-workspace-toolbar label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .mag-control .mag-ceo-reports-workspace-filters label:first-child{min-width:0}} @media (pointer:coarse){.mag-control .mag-ceo-reports-workspace-actions button, .mag-control .mag-ceo-reports-workspace-actions summary, .mag-control .mag-ceo-reports-workspace-filters select, .mag-control .mag-ceo-reports-workspace-toolbar select, .mag-control .mag-ceo-reports-workspace-toolbar>input, .mag-control .mag-ceo-reports-workspace-tabs button, .mag-control .mag-ceo-reports-workspace-history-link, .mag-control .mag-ceo-reports-workspace-toolbar .mag-ceo-reports-workspace-review{min-height:44px;height:auto}} @media screen and (max-width:760px){.mag-control .mag-ceo-reports-workspace-header h1{font-size:20px} .mag-control .mag-ceo-reports-workspace-actions{margin-top:8px} .mag-control .mag-ceo-reports-workspace-actions button, .mag-control .mag-ceo-reports-workspace-actions summary, .mag-control .mag-ceo-reports-workspace-actions a, .mag-control .mag-ceo-reports-workspace-filters select, .mag-control .mag-ceo-reports-workspace-toolbar select, .mag-control .mag-ceo-reports-workspace-toolbar>input, .mag-control .mag-ceo-reports-workspace-tabs button, .mag-control .mag-ceo-reports-workspace-figure, .mag-control .mag-ceo-reports-workspace-history-link, .mag-control .mag-ceo-reports-workspace-evidence summary, .mag-control .mag-ceo-reports-workspace-original, .mag-control .mag-ceo-reports-workspace-editions button{min-height:44px;box-sizing:border-box} .mag-control .mag-ceo-reports-workspace-actions a, .mag-control .mag-ceo-reports-workspace-evidence summary{align-content:center} .mag-control .mag-ceo-reports-workspace-toolbar .mag-ceo-reports-workspace-review{min-height:44px} .mag-control .mag-ceo-reports-workspace-summary>div{padding:8px} .mag-control .mag-ceo-reports-workspace-summary strong, .mag-control .mag-ceo-reports-workspace-summary .mag-ceo-reports-workspace-text-value{font-size:16px} .mag-control .mag-ceo-reports-workspace-scroll th:first-child{min-width:190px;max-width:190px} .mag-control .mag-ceo-reports-workspace-scroll th, .mag-control .mag-ceo-reports-workspace-scroll td{padding:4px 8px} .mag-control .mag-ceo-reports-workspace-scroll td{min-width:160px} .mag-control .mag-ceo-reports-workspace-figure strong, .mag-control .mag-ceo-reports-workspace-unavailable{font-size:14px} .mag-control .mag-ceo-reports-workspace-filters{gap:8px}} @media screen{.mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-summary{border-top:3px solid var(--mag-chart-1)} .mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-summary strong{font-size:24px;letter-spacing:-.025em} .mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-scroll thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-scroll tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-scroll tbody tr:focus-within>*{background:var(--mag-selected-bg)} .mag-control .mag-ceo-reports-workspace-root .mag-ceo-reports-workspace-empty{background:var(--mag-surface-subtle);border:1px dashed var(--mag-border);border-radius:12px}} /* ==== src/features/command/ask/ask.module.css (module -> .mag-ask-*) ==== */ .mag-control .mag-ask-ask-form{ display: grid; gap: 4px; max-width: 760px; } .mag-control .mag-ask-ask-label{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-ask-ask-row{ display: flex; gap: 8px; flex-wrap: wrap; } .mag-control .mag-ask-ask-row input{ flex: 1 1 260px; min-width: 0; font: inherit; font-size: 14px; padding: 7px 10px; border: 1px solid var(--mag-border); border-radius: 6px; background: var(--mag-surface); color: var(--mag-text); } .mag-control .mag-ask-ask-row button{ font: inherit; font-size: 14px; padding: 7px 16px; border-radius: 6px; border: 1px solid var(--mag-border); background: var(--mag-surface-raised); color: var(--mag-text); cursor: pointer; } .mag-control .mag-ask-examples{ display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; font-size: 12px; } .mag-control .mag-ask-examples a{ color: var(--mag-link); } .mag-control .mag-ask-examples-label{ color: var(--mag-text-secondary); } .mag-control .mag-ask-sentence{ font-size: 15px; line-height: 1.5; margin: 0 0 12px; color: var(--mag-text); } .mag-control .mag-ask-subhead{ font-size: 12px; font-weight: 600; margin: 12px 0 4px; color: var(--mag-text-secondary); } .mag-control .mag-ask-suggestions{ margin: 0; padding-left: 18px; font-size: 13px; } .mag-control .mag-ask-suggestions a{ color: var(--mag-link); } .mag-control .muted{ color: var(--mag-text-muted); } .mag-control .mag-ask-caption{ caption-side: top; text-align: left; font-size: 12px; color: var(--mag-text-secondary); padding-bottom: 4px; } .mag-control .mag-ask-notes{ margin: 10px 0 0; padding-left: 18px; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-ask-citations{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-ask-citations ul{ margin: 0; padding-left: 18px; } .mag-control .mag-ask-citations li{ overflow-wrap: anywhere; } /* ==== src/features/command/command.module.css (module -> .mag-command-*) ==== */ .mag-control .mag-command-page{ display: grid; gap: 12px; min-width: 0; } .mag-control .mag-command-source-note{ margin: 0; font-size: 12px; color: var(--mag-text-muted); line-height: 1.5; } .mag-control .mag-command-source-note strong{ color: var(--mag-text-secondary); font-weight: 600; } .mag-control .mag-command-empty{ margin: 0; padding: 12px; color: var(--mag-text-muted); font-size: 13px; } .mag-control .mag-command-command-nav{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; } .mag-control .mag-command-command-nav a{ font-size: 12px; padding: 4px 10px; border-radius: var(--mag-radius-pill); border: 1px solid var(--mag-border); color: var(--mag-text-secondary); text-decoration: none; background: var(--mag-surface); } .mag-control .mag-command-command-nav a:hover{ background: var(--mag-hover); } .mag-control .mag-command-command-nav a[aria-current='page']{ background: var(--mag-selected-bg); color: var(--mag-selected-text); border-color: transparent; font-weight: 600; } .mag-control .mag-command-command-nav a:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-command-hero{ display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; } .mag-control .mag-command-hero-card{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); padding: 12px 14px; display: grid; gap: 4px; min-width: 0; text-decoration: none; color: inherit; } .mag-control a.mag-command-hero-card:hover{ background: var(--mag-hover); } .mag-control .mag-command-hero-label{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-command-hero-value{ font-size: 26px; font-weight: 700; color: var(--mag-text); font-variant-numeric: tabular-nums; line-height: 1.15; overflow-wrap: anywhere; } .mag-control .mag-command-hero-context{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-command-grid2{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; } @media (max-width: 1000px){.mag-control .mag-command-grid2{ grid-template-columns: minmax(0, 1fr); }} .mag-control .mag-command-table{ width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-command-table th, .mag-control .mag-command-table td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: right; vertical-align: top; } .mag-control .mag-command-table th{ font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); } .mag-control .mag-command-table th:first-child, .mag-control .mag-command-table td:first-child, .mag-control .mag-command-table .mag-command-left{ text-align: left; } .mag-control .mag-command-table tfoot td{ font-weight: 700; border-top: 2px solid var(--mag-border); } .mag-control .mag-command-table .muted{ color: var(--mag-text-muted); } .mag-control .mag-command-table .mag-command-wrap{ white-space: normal; overflow-wrap: anywhere; } .mag-control .mag-command-table a{ color: var(--mag-link); } .mag-control .mag-command-bar{ position: relative; height: 8px; background: var(--mag-neutral-bg); border-radius: 4px; min-width: 60px; } .mag-control .mag-command-bar-fill{ position: absolute; inset: 0 auto 0 0; background: var(--mag-chart-1); border-radius: 4px; } .mag-control .mag-command-methods{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-command-methods summary{ cursor: pointer; font-weight: 600; padding: 6px 0; } .mag-control .mag-command-methods ul{ margin: 6px 0; padding-left: 18px; display: grid; gap: 4px; } .mag-control .mag-command-pill-row{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .mag-control .mag-command-filter-form{ display: flex; flex-wrap: wrap; gap: 8px; align-items: end; font-size: 12px; } .mag-control .mag-command-filter-form label{ display: grid; gap: 2px; color: var(--mag-text-secondary); } .mag-control .mag-command-filter-form select, .mag-control .mag-command-filter-form input{ font: inherit; font-size: 13px; padding: 4px 6px; border: 1px solid var(--mag-border); border-radius: 6px; background: var(--mag-surface); color: var(--mag-text); max-width: 100%; } .mag-control .mag-command-filter-form button{ font: inherit; font-size: 13px; padding: 5px 12px; border-radius: 6px; border: 1px solid var(--mag-border); background: var(--mag-surface-raised); color: var(--mag-text); cursor: pointer; } .mag-control .mag-command-good{ color: var(--mag-success-text); } .mag-control .mag-command-bad{ color: var(--mag-danger-text); } .mag-control .mag-command-warn{ color: var(--mag-warning-text); } @media (max-width: 640px){.mag-control .mag-command-hero-value{ font-size: 22px; } .mag-control .mag-command-table{ font-size: 12px; } .mag-control .mag-command-table th, .mag-control .mag-command-table td{ padding: 5px 6px; } .mag-control .mag-command-hide-narrow{ display: none; }} .mag-control .mag-command-accept-button{ font: inherit; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 6px; border: 1px solid var(--mag-border); background: var(--mag-selected-bg); color: var(--mag-selected-text); cursor: pointer; white-space: nowrap; } .mag-control .mag-command-accept-button:disabled{ opacity: .6; cursor: wait; } .mag-control .mag-command-accept-button:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-command-pill-row a{ font-size: 12px; padding: 3px 10px; border-radius: var(--mag-radius-pill); border: 1px solid var(--mag-border); color: var(--mag-text-secondary); text-decoration: none; } .mag-control .mag-command-pill-row a[aria-current='page']{ background: var(--mag-selected-bg); color: var(--mag-selected-text); border-color: transparent; } .mag-control .mag-command-page-list{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; } .mag-control .mag-command-page-list a{ display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 10px 12px; border: 1px solid var(--mag-border); border-radius: 8px; text-decoration: none; color: var(--mag-text); background: var(--mag-surface); } .mag-control .mag-command-page-list a:hover{ background: var(--mag-hover); } .mag-control .mag-command-page-list a span{ grid-column: 1; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-command-page-list a svg{ grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--mag-text-muted); } .mag-control .mag-command-moves-pending{ min-height: 520px; } /* ==== src/features/consolidated/consolidated.module.css (module -> .mag-consolidated-*) ==== */ .mag-control .mag-consolidated-page{ display: grid; gap: 12px; min-width: 0; } .mag-control .mag-consolidated-parts{ display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; } .mag-control .mag-consolidated-parts a{ display: grid; gap: 2px; padding: 9px 12px; border: 1px solid var(--mag-border); border-radius: 8px; background: var(--mag-surface); color: var(--mag-text); text-decoration: none; min-width: 0; } .mag-control .mag-consolidated-parts a strong{ font-size: 13px; } .mag-control .mag-consolidated-parts a span{ font-size: 12px; color: var(--mag-text-muted); line-height: 1.35; } .mag-control .mag-consolidated-parts a:hover{ background: var(--mag-hover); } .mag-control .mag-consolidated-parts a[aria-current='page']{ border-color: var(--mag-chart-1); box-shadow: inset 0 -3px 0 var(--mag-chart-1); background: var(--mag-selected-bg); } .mag-control .mag-consolidated-parts a[aria-current='page'] strong{ color: var(--mag-selected-text); } .mag-control .mag-consolidated-parts a:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-consolidated-body{ min-width: 0; } .mag-control .mag-consolidated-footer{ font-size: 12px; color: var(--mag-text-muted); border-top: 1px solid var(--mag-border); padding-top: 8px; } .mag-control .mag-consolidated-footer a{ color: var(--mag-link); } @media (max-width: 640px){.mag-control .mag-consolidated-parts{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .mag-control .mag-consolidated-parts a span{ display: none; }} .mag-control .mag-consolidated-body nav[aria-label='MAG Command pages']{ display: none; } /* ==== src/features/dashboards/appointment-board.module.css (module -> .mag-appointment-board-*) ==== */ .mag-control .mag-appointment-board-board{display:grid;gap:12px;color:var(--mag-text);font-variant-numeric:tabular-nums;padding-bottom:28px} .mag-control .mag-appointment-board-heading, .mag-control .mag-appointment-board-toolbar, .mag-control .mag-appointment-board-section-heading, .mag-control .mag-appointment-board-header-actions, .mag-control .mag-appointment-board-filters, .mag-control .mag-appointment-board-people-controls, .mag-control .mag-appointment-board-store-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .mag-control .mag-appointment-board-heading h1{font-size:27px;line-height:1.2;margin:4px 0 0;letter-spacing:-.6px} .mag-control .mag-appointment-board-eyebrow{font-size:12px;color:var(--mag-text-muted);font-weight:600} .mag-control .mag-appointment-board-header-actions{justify-content:flex-end} .mag-control .mag-appointment-board-week-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .mag-control .mag-appointment-board-week-picker>button, .mag-control .mag-appointment-board-week-picker input, .mag-control .mag-appointment-board-filters select, .mag-control .mag-appointment-board-compact-label select, .mag-control .mag-appointment-board-people-controls button, .mag-control .mag-appointment-board-people-controls input, .mag-control .mag-appointment-board-people-controls select{min-height:36px;border:1px solid var(--mag-control-border);background:var(--mag-surface);border-radius:8px;color:var(--mag-text);padding:6px 10px;font:inherit;font-size:13px} .mag-control .mag-appointment-board-week-picker>button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer} .mag-control .mag-appointment-board-week-picker input{max-width:145px} .mag-control .mag-appointment-board-week-picker strong{font-size:16px} .mag-control .mag-appointment-board-compact-label, .mag-control .mag-appointment-board-filters label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-tabs{display:flex;gap:6px;border-bottom:1px solid var(--mag-border);overflow:auto;white-space:nowrap} .mag-control .mag-appointment-board-tabs button{border:0;border-bottom:3px solid transparent;padding:10px 15px;background:transparent;color:var(--mag-text-secondary);font-size:14px;font-weight:600;cursor:pointer} .mag-control .mag-appointment-board-tabs button[aria-pressed=true]{border-bottom-color:var(--mag-primary);color:var(--mag-primary)} .mag-control .mag-appointment-board-filters{justify-content:flex-start;gap:12px;font-size:12px} .mag-control .mag-appointment-board-filters select{max-width:250px} .mag-control .mag-appointment-board-freshness{margin-left:auto;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-freshness a{margin-left:8px} .mag-control .mag-appointment-board-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:16px;overflow:hidden} .mag-control .mag-appointment-board-summary>div{padding:14px 18px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--mag-border)} .mag-control .mag-appointment-board-summary>div:last-child{border:0} .mag-control .mag-appointment-board-summary span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-appointment-board-summary strong{font-size:32px;line-height:1.2;letter-spacing:-1px} .mag-control .mag-appointment-board-summary small{font-size:11px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-summary small b{margin-right:8px} .mag-control .mag-appointment-board-text-link{background:none;border:0;padding:0;display:flex;align-items:center;gap:4px;color:var(--mag-primary);font-size:11px;cursor:pointer} .mag-control .mag-appointment-board-week-card, .mag-control .mag-appointment-board-store-card{border:1px solid var(--mag-border);border-radius:16px;background:var(--mag-surface);padding:16px;min-width:0} .mag-control .mag-appointment-board-section-heading{margin-bottom:14px} .mag-control .mag-appointment-board-section-heading h2{font-size:15px;letter-spacing:.5px;margin:0} .mag-control .mag-appointment-board-section-heading>span{font-size:11px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-week-grid, .mag-control .mag-appointment-board-people-grid{overflow:auto;border:1px solid var(--mag-border);max-height:75vh;scrollbar-gutter:stable} .mag-control .mag-appointment-board-week-grid table, .mag-control .mag-appointment-board-people-grid table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;table-layout:fixed} .mag-control .mag-appointment-board-week-grid th, .mag-control .mag-appointment-board-week-grid td, .mag-control .mag-appointment-board-people-grid th, .mag-control .mag-appointment-board-people-grid td{border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);text-align:center;padding:7px 4px} .mag-control .mag-appointment-board-week-grid thead th, .mag-control .mag-appointment-board-people-grid thead th{background:var(--mag-surface-subtle);color:var(--mag-text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;position:sticky;top:0;z-index:2;height:44px} .mag-control .mag-appointment-board-week-grid th:first-child, .mag-control .mag-appointment-board-people-grid th:first-child{width:210px;text-align:left;position:sticky;left:0;z-index:1;background:var(--mag-surface-subtle);padding:10px 12px} .mag-control .mag-appointment-board-week-grid thead th:first-child, .mag-control .mag-appointment-board-people-grid thead th:first-child{z-index:3} .mag-control .mag-appointment-board-week-grid small{display:block;font-size:11px;color:var(--mag-text-muted);font-weight:400;margin-top:3px} .mag-control .mag-appointment-board-week-grid .mag-appointment-board-week-total, .mag-control .mag-appointment-board-people-grid .mag-appointment-board-week-total{position:sticky;right:0;z-index:1;background:var(--mag-surface-subtle);width:90px;border-left:2px solid var(--mag-border)} .mag-control .mag-appointment-board-week-grid thead .mag-appointment-board-week-total, .mag-control .mag-appointment-board-people-grid thead .mag-appointment-board-week-total{z-index:3} .mag-control .mag-appointment-board-store-name{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--mag-text);font:inherit;font-size:14px;font-weight:700;text-align:left;padding:0;cursor:pointer;line-height:1.3} .mag-control .mag-appointment-board-store-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;display:inline-block;background:var(--mag-primary);margin-right:3px} .mag-control .mag-appointment-board-store-dot[data-color="1"]{background:#a855f7} .mag-control .mag-appointment-board-store-dot[data-color="2"]{background:#16a34a} .mag-control .mag-appointment-board-store-dot[data-color="3"]{background:#e44747} .mag-control .mag-appointment-board-cell-content{display:flex;flex-direction:column;align-items:center;gap:0} .mag-control .mag-appointment-board-count{display:block;margin:auto;padding:2px 5px;min-height:34px;min-width:34px;background:none;border:0;font-size:25px;line-height:1.15;font-weight:800;letter-spacing:-.7px;color:var(--mag-text);cursor:pointer} .mag-control .mag-appointment-board-count sup{font-size:11px} .mag-control .mag-appointment-board-count[data-zero=true], .mag-control .mag-appointment-board-summary strong[data-zero]{color:var(--mag-danger,#c73745)} .mag-control .mag-appointment-board-count:disabled{color:var(--mag-text-muted);cursor:default} .mag-control .mag-appointment-board-mix{display:flex;justify-content:center;gap:2px;min-height:20px} .mag-control .mag-appointment-board-mix button{background:none;border:0;padding:2px 3px;font-size:11px;font-weight:700;cursor:pointer;line-height:1.3} .mag-control .mag-appointment-board-new{color:var(--mag-primary)!important} .mag-control .mag-appointment-board-used{color:#966000!important} .mag-control .mag-appointment-board-unknown{color:var(--mag-text-muted)!important} .mag-control .mag-appointment-board-service{color:#168253!important} .mag-control .mag-appointment-board-cell-content>.mag-appointment-board-service{background:none;border:0;font-size:12px;font-weight:600;padding:4px;cursor:pointer} .mag-control .mag-appointment-board-board [data-today=true]{background:color-mix(in srgb,var(--mag-primary) 9%,var(--mag-surface))} .mag-control .mag-appointment-board-week-grid tfoot td{font-size:11px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--mag-text-muted);margin:12px 0 0} .mag-control .mag-appointment-board-people-controls{justify-content:flex-start} .mag-control .mag-appointment-board-people-controls>div{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-appointment-board-people-controls button{border-radius:30px;cursor:pointer} .mag-control .mag-appointment-board-people-controls button[aria-pressed=true]{background:color-mix(in srgb,var(--mag-primary) 12%,var(--mag-surface));border-color:var(--mag-primary);color:var(--mag-primary)} .mag-control .mag-appointment-board-people-controls form{display:flex;gap:6px;flex:1;min-width:200px} .mag-control .mag-appointment-board-people-controls input{width:100%;min-width:80px} .mag-control .mag-appointment-board-store-card summary{cursor:pointer;list-style:none;margin:0} .mag-control .mag-appointment-board-store-card summary::-webkit-details-marker{display:none} .mag-control .mag-appointment-board-store-card summary:after{content:'+';color:var(--mag-text-muted);font-size:22px} .mag-control .mag-appointment-board-store-card[open] summary:after{content:'−'} .mag-control .mag-appointment-board-store-card[open] summary{margin-bottom:16px} .mag-control .mag-appointment-board-store-card summary h2{font-size:21px;letter-spacing:-.4px;margin:0;display:flex;align-items:center;gap:7px} .mag-control .mag-appointment-board-store-stats{display:flex;gap:16px;flex-wrap:wrap;flex:1;justify-content:flex-end;font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-store-stats b{color:var(--mag-danger,#c73745);font-size:15px} .mag-control .mag-appointment-board-store-stats strong{color:var(--mag-text);font-size:15px} .mag-control .mag-appointment-board-people-grid th:first-child{width:230px;padding:5px 10px} .mag-control .mag-appointment-board-person-name{font-size:14px;font-weight:700;line-height:1.4;padding:0;border:0;background:none;color:var(--mag-text);cursor:pointer;text-align:left} .mag-control .mag-appointment-board-person-history{display:block;font-size:10px;color:var(--mag-text-muted);font-weight:400;white-space:nowrap} .mag-control .mag-appointment-board-person-history button{background:none;border:0;color:inherit;font:inherit;padding:2px 0;cursor:pointer} .mag-control .mag-appointment-board-people-grid td{height:53px;padding:3px} .mag-control .mag-appointment-board-zero-queue{border:1px dashed color-mix(in srgb,var(--mag-danger,#c73745) 55%,var(--mag-border));border-radius:14px;padding:15px;margin-top:16px;background:color-mix(in srgb,var(--mag-danger,#c73745) 4%,var(--mag-surface))} .mag-control .mag-appointment-board-zero-queue h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mag-danger,#c73745);margin:0 0 12px} .mag-control .mag-appointment-board-zero-queue>div{display:flex;flex-wrap:wrap;gap:8px} .mag-control .mag-appointment-board-zero-queue button{border:1px solid color-mix(in srgb,var(--mag-danger,#c73745) 50%,var(--mag-border));border-radius:30px;background:var(--mag-surface);color:var(--mag-text);padding:7px 11px;display:flex;align-items:center;gap:9px;font:inherit;cursor:pointer} .mag-control .mag-appointment-board-zero-queue strong{font-size:12px;font-weight:600} .mag-control .mag-appointment-board-zero-queue span{font-size:10px;color:var(--mag-text-muted)} .mag-control .mag-appointment-board-qualification{font-size:11px;color:var(--mag-text-muted);margin:6px 0 0} .mag-control .mag-appointment-board-source{font-size:12px;color:var(--mag-text-secondary);border-top:1px solid var(--mag-border);padding:14px 0} .mag-control .mag-appointment-board-source summary{cursor:pointer;font-weight:600} .mag-control .mag-appointment-board-source p{max-width:105ch;line-height:1.5} .mag-control .mag-appointment-board-exports{display:flex;flex-wrap:wrap;gap:20px;padding:12px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:10px;font-size:13px} .mag-control .mag-appointment-board-empty{font-size:13px;color:var(--mag-text-muted);padding:20px!important} .mag-control .mag-appointment-board-board button:hover:not(:disabled){background:var(--mag-hover);border-radius:6px} .mag-control .mag-appointment-board-board button:focus-visible, .mag-control .mag-appointment-board-board input:focus-visible, .mag-control .mag-appointment-board-board select:focus-visible, .mag-control .mag-appointment-board-board [tabindex]:focus-visible{outline:2px solid var(--mag-primary);outline-offset:2px} .mag-control [data-theme=dark] .mag-appointment-board-used{color:#f5c34b!important} .mag-control [data-theme=dark] .mag-appointment-board-service{color:#72e2ad!important} @media(max-width:760px){.mag-control .mag-appointment-board-board{gap:12px} .mag-control .mag-appointment-board-heading h1{font-size:23px} .mag-control .mag-appointment-board-summary{grid-template-columns:1fr 1fr} .mag-control .mag-appointment-board-summary>div{padding:10px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-appointment-board-summary strong{font-size:27px} .mag-control .mag-appointment-board-summary span{font-size:11px} .mag-control .mag-appointment-board-toolbar{gap:10px} .mag-control .mag-appointment-board-week-picker{gap:4px} .mag-control .mag-appointment-board-week-picker strong{font-size:13px} .mag-control .mag-appointment-board-week-picker input{max-width:132px} .mag-control .mag-appointment-board-compact-label{width:100%} .mag-control .mag-appointment-board-filters{gap:8px} .mag-control .mag-appointment-board-filters label{flex:1;min-width:135px;display:grid;gap:4px} .mag-control .mag-appointment-board-filters select{width:100%;max-width:none;font-size:12px} .mag-control .mag-appointment-board-freshness{margin:0;width:100%} .mag-control .mag-appointment-board-tabs button{padding:9px 12px;font-size:13px} .mag-control .mag-appointment-board-week-card, .mag-control .mag-appointment-board-store-card{padding:12px 8px;border-radius:12px} .mag-control .mag-appointment-board-week-grid th:first-child, .mag-control .mag-appointment-board-people-grid th:first-child{width:145px;padding:8px;font-size:12px} .mag-control .mag-appointment-board-person-name{font-size:12px} .mag-control .mag-appointment-board-person-history{font-size:9px;white-space:normal} .mag-control .mag-appointment-board-store-card summary h2{font-size:17px} .mag-control .mag-appointment-board-store-stats{gap:10px;justify-content:flex-start;font-size:11px;flex-basis:100%;order:2} .mag-control .mag-appointment-board-store-card summary:after{margin-left:auto} .mag-control .mag-appointment-board-zero-queue{padding:12px} .mag-control .mag-appointment-board-zero-queue button{flex-wrap:wrap;gap:4px} .mag-control .mag-appointment-board-zero-queue strong{font-size:12px} .mag-control .mag-appointment-board-header-actions button{font-size:12px} .mag-control .mag-appointment-board-count{min-height:36px;min-width:36px} .mag-control .mag-appointment-board-mix button{min-height:26px} .mag-control .mag-appointment-board-people-controls>div{gap:5px} .mag-control .mag-appointment-board-people-controls button{font-size:12px;padding:6px 9px} .mag-control .mag-appointment-board-legend{gap:10px} .mag-control .mag-appointment-board-section-heading>span{font-size:10px} .mag-control .mag-appointment-board-section-heading h2{font-size:12px}} @media print{.mag-control .mag-appointment-board-toolbar, .mag-control .mag-appointment-board-tabs, .mag-control .mag-appointment-board-filters, .mag-control .mag-appointment-board-header-actions, .mag-control .mag-appointment-board-people-controls, .mag-control .mag-appointment-board-source, .mag-control .mag-appointment-board-exports{display:none} .mag-control .mag-appointment-board-week-grid, .mag-control .mag-appointment-board-people-grid{max-height:none;overflow:visible} .mag-control .mag-appointment-board-week-grid table, .mag-control .mag-appointment-board-people-grid table{min-width:0} .mag-control .mag-appointment-board-board{font-size:10px} .mag-control .mag-appointment-board-count{font-size:18px} .mag-control .mag-appointment-board-store-card{break-inside:avoid} .mag-control .mag-appointment-board-week-grid th:first-child, .mag-control .mag-appointment-board-people-grid th:first-child{width:160px} .mag-control .mag-appointment-board-board button{color:inherit}} .mag-control .mag-appointment-board-people-controls select{width:auto;max-width:190px} .mag-control .mag-appointment-board-toolbar{justify-content:flex-start} .mag-control .mag-appointment-board-week-picker{flex:1} .mag-control .mag-appointment-board-compact-label{margin-left:auto} .mag-control .mag-appointment-board-filters label{white-space:nowrap} .mag-control .mag-appointment-board-filters select{max-width:205px} .mag-control .mag-appointment-board-filters .mag-appointment-board-freshness{font-size:11px} .mag-control .mag-appointment-board-store-card{scroll-margin-top:16px} @media(min-width:1100px){.mag-control .mag-appointment-board-toolbar{flex-wrap:nowrap} .mag-control .mag-appointment-board-week-picker{flex-wrap:nowrap;gap:5px} .mag-control .mag-appointment-board-week-picker strong{white-space:nowrap} .mag-control .mag-appointment-board-week-picker input{width:125px} .mag-control .mag-appointment-board-compact-label{font-size:0} .mag-control .mag-appointment-board-compact-label select{font-size:12px;max-width:210px}} .mag-control .mag-appointment-board-filter-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap} .mag-control .mag-appointment-board-filter-disclosure{font-size:12px;flex:1;min-width:230px} .mag-control .mag-appointment-board-filter-disclosure summary{cursor:pointer;color:var(--mag-text-secondary);padding:4px 0} .mag-control .mag-appointment-board-filter-disclosure[open]{flex-basis:100%} .mag-control .mag-appointment-board-filter-disclosure[open] .mag-appointment-board-filters{padding:8px 0} .mag-control .mag-appointment-board-filter-line>.mag-appointment-board-freshness{padding-top:4px;font-size:11px} .mag-control .mag-appointment-board-filter-line .mag-appointment-board-freshness a{margin-left:0} @media(max-width:760px){.mag-control .mag-appointment-board-heading{gap:8px} .mag-control .mag-appointment-board-header-actions button{padding:6px 9px} .mag-control .mag-appointment-board-filter-line .mag-appointment-board-freshness{width:auto;margin-left:0} .mag-control .mag-appointment-board-filters select{max-width:none} .mag-control .mag-appointment-board-summary{margin-top:0}} .mag-control .mag-appointment-board-board[data-presentation=true]{position:fixed;inset:0;z-index:100;background:var(--mag-background,var(--mag-surface));overflow:auto;display:block;padding:24px} .mag-control .mag-appointment-board-board[data-presentation=true]>*{margin-bottom:16px} .mag-control .mag-appointment-board-board[data-presentation=true] .mag-appointment-board-week-grid table{min-width:1100px} .mag-control .mag-appointment-board-board[data-presentation=true] .mag-appointment-board-count{font-size:32px} .mag-control .mag-appointment-board-board[data-presentation=true] .mag-appointment-board-week-grid td{padding:12px 4px} .mag-control .mag-appointment-board-board[data-presentation=true] .mag-appointment-board-store-card{margin-bottom:20px} @media(max-width:760px){.mag-control .mag-appointment-board-person-name{min-height:28px} .mag-control .mag-appointment-board-person-history button{min-height:24px} .mag-control .mag-appointment-board-people-grid .mag-appointment-board-week-total, .mag-control .mag-appointment-board-week-grid .mag-appointment-board-week-total{width:60px}} .mag-control .mag-appointment-board-mix button{white-space:nowrap;flex-shrink:0;min-width:0} .mag-control .mag-appointment-board-new{color:#2468c9!important} .mag-control [data-theme=dark] .mag-appointment-board-new{color:#70adff!important} @media screen and (min-width:901px){.mag-control .mag-appointment-board-board:not([data-presentation=true]){gap:7px} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-heading h1{font-size:22px;line-height:1.2;margin-top:2px} .mag-control .mag-appointment-board-header-actions .button{min-height:30px;padding:4px 9px;font-size:12px} .mag-control .mag-appointment-board-week-picker>button, .mag-control .mag-appointment-board-week-picker input, .mag-control .mag-appointment-board-compact-label select, .mag-control .mag-appointment-board-people-controls button, .mag-control .mag-appointment-board-people-controls input, .mag-control .mag-appointment-board-people-controls select{min-height:32px;padding:4px 8px;font-size:14px} .mag-control .mag-appointment-board-week-picker strong{font-size:14px} .mag-control .mag-appointment-board-tabs button{padding:6px 10px;min-height:32px} .mag-control .mag-appointment-board-summary{border-radius:8px} .mag-control .mag-appointment-board-summary>div{padding:7px 12px;gap:2px} .mag-control .mag-appointment-board-summary strong{font-size:23px;line-height:1.15;letter-spacing:-.4px} .mag-control .mag-appointment-board-summary small, .mag-control .mag-appointment-board-text-link, .mag-control .mag-appointment-board-section-heading>span, .mag-control .mag-appointment-board-filter-line>.mag-appointment-board-freshness{font-size:12px} .mag-control .mag-appointment-board-week-card, .mag-control .mag-appointment-board-store-card{padding:9px;border-radius:8px} .mag-control .mag-appointment-board-section-heading{margin-bottom:7px} .mag-control .mag-appointment-board-week-grid thead th, .mag-control .mag-appointment-board-people-grid thead th{height:36px;letter-spacing:0} .mag-control .mag-appointment-board-week-grid th:first-child, .mag-control .mag-appointment-board-people-grid th:first-child{padding:6px 9px} .mag-control .mag-appointment-board-week-grid td, .mag-control .mag-appointment-board-people-grid td{padding:4px} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-count{font-size:21px;min-height:26px;line-height:1.1} .mag-control .mag-appointment-board-week-grid small, .mag-control .mag-appointment-board-people-grid small{font-size:12px;margin-top:2px}} @media screen and (max-width:760px){.mag-control .mag-appointment-board-week-picker>button, .mag-control .mag-appointment-board-week-picker input, .mag-control .mag-appointment-board-compact-label select, .mag-control .mag-appointment-board-filters select, .mag-control .mag-appointment-board-tabs button, .mag-control .mag-appointment-board-people-controls button, .mag-control .mag-appointment-board-people-controls input, .mag-control .mag-appointment-board-people-controls select, .mag-control .mag-appointment-board-store-name, .mag-control .mag-appointment-board-person-name, .mag-control .mag-appointment-board-count, .mag-control .mag-appointment-board-mix button, .mag-control .mag-appointment-board-text-link, .mag-control .mag-appointment-board-header-actions .button{min-height:44px}} .mag-control .mag-appointment-board-board{--board-row:var(--mag-dense-row,30px);--board-font:var(--mag-dense-font,13px);--board-head:var(--mag-dense-head-font,11px);--board-control:var(--mag-control-h,32px);--board-tile:var(--mag-tile-value,20px);--board-tile-label:var(--mag-tile-label,11px);--board-tile-context:var(--mag-tile-context,12px);--board-title:var(--mag-page-title,22px)} @media screen and (min-width:761px){.mag-control .mag-appointment-board-board:not([data-presentation=true]){gap:8px} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-heading h1{font-size:var(--board-title);line-height:1.2;letter-spacing:-.01em} .mag-control .mag-appointment-board-header-actions .button, .mag-control .mag-appointment-board-board:not([data-presentation=true]) .button{min-height:var(--board-control);padding:0 10px;font-size:13px} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-freshness{font-size:12px} .mag-control .mag-appointment-board-week-picker>button, .mag-control .mag-appointment-board-week-picker input, .mag-control .mag-appointment-board-filters select, .mag-control .mag-appointment-board-compact-label select, .mag-control .mag-appointment-board-people-controls button, .mag-control .mag-appointment-board-people-controls input, .mag-control .mag-appointment-board-people-controls select{min-height:var(--board-control);height:var(--board-control);padding:0 8px;font-size:13px} .mag-control .mag-appointment-board-week-picker strong{font-size:14px} .mag-control .mag-appointment-board-tabs button{min-height:var(--board-control);padding:0 10px;font-size:13px} .mag-control .mag-appointment-board-filters, .mag-control .mag-appointment-board-compact-label, .mag-control .mag-appointment-board-filters label, .mag-control .mag-appointment-board-filter-disclosure{font-size:12px} .mag-control .mag-appointment-board-summary{border-radius:var(--mag-radius-card)} .mag-control .mag-appointment-board-summary>div{padding:6px 12px;gap:1px} .mag-control .mag-appointment-board-summary>div>span{font-size:var(--board-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-summary strong{font-size:var(--board-tile);line-height:1.3;letter-spacing:0;font-weight:650} .mag-control .mag-appointment-board-summary small, .mag-control .mag-appointment-board-text-link{font-size:var(--board-tile-context)} .mag-control .mag-appointment-board-week-card, .mag-control .mag-appointment-board-store-card{padding:8px;border-radius:var(--mag-radius-card)} .mag-control .mag-appointment-board-week-card>.mag-appointment-board-section-heading{margin:-8px -8px 8px;min-height:40px;padding:6px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border);border-radius:var(--mag-radius-card) var(--mag-radius-card) 0 0} .mag-control .mag-appointment-board-section-heading h2, .mag-control .mag-appointment-board-store-card summary h2{font-size:13px;font-weight:650;letter-spacing:0} .mag-control .mag-appointment-board-store-stats, .mag-control .mag-appointment-board-store-stats b, .mag-control .mag-appointment-board-store-stats strong{font-size:12px} .mag-control .mag-appointment-board-week-grid table, .mag-control .mag-appointment-board-people-grid table{font-size:var(--board-font);line-height:1.3;font-variant-numeric:tabular-nums} .mag-control .mag-appointment-board-week-grid thead th, .mag-control .mag-appointment-board-people-grid thead th{height:var(--board-row);padding:0 6px;font-size:var(--board-head);letter-spacing:.045em;line-height:1.2;white-space:nowrap} .mag-control .mag-appointment-board-week-grid thead small{display:inline;margin:0 0 0 4px;font-size:var(--board-head);letter-spacing:0} .mag-control .mag-appointment-board-week-grid td, .mag-control .mag-appointment-board-people-grid td{height:var(--board-row);padding:1px 4px} .mag-control .mag-appointment-board-week-grid th:first-child, .mag-control .mag-appointment-board-people-grid th:first-child{padding:1px 10px;line-height:1.2} .mag-control .mag-appointment-board-store-name, .mag-control .mag-appointment-board-person-name{font-size:var(--board-font);font-weight:650;line-height:1.25} .mag-control .mag-appointment-board-week-grid tbody th small, .mag-control .mag-appointment-board-person-history{font-size:11px;line-height:1.2;margin-top:0} .mag-control .mag-appointment-board-cell-content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:5px} .mag-control .mag-appointment-board-board:not([data-presentation=true]) .mag-appointment-board-count{margin:0;padding:0 2px;min-height:0;min-width:0;font-size:14px;line-height:1.35;font-weight:700;letter-spacing:0} .mag-control .mag-appointment-board-count sup{font-size:9px} .mag-control .mag-appointment-board-mix{min-height:0;gap:1px} .mag-control .mag-appointment-board-mix button{padding:0 2px;font-size:11px;line-height:1.35} .mag-control .mag-appointment-board-cell-content>.mag-appointment-board-service{padding:0 2px;font-size:12px} .mag-control .mag-appointment-board-week-grid tfoot td, .mag-control .mag-appointment-board-week-grid tfoot th{font-size:12px} .mag-control .mag-appointment-board-legend{margin-top:6px;gap:12px} .mag-control .mag-appointment-board-zero-queue{padding:8px 12px;margin-top:8px} .mag-control .mag-appointment-board-zero-queue h3{font-size:11px;margin-bottom:6px} .mag-control .mag-appointment-board-zero-queue button{padding:2px 10px;min-height:28px}} @media (pointer:coarse){.mag-control .mag-appointment-board-week-picker>button, .mag-control .mag-appointment-board-week-picker input, .mag-control .mag-appointment-board-compact-label select, .mag-control .mag-appointment-board-filters select, .mag-control .mag-appointment-board-tabs button, .mag-control .mag-appointment-board-people-controls button, .mag-control .mag-appointment-board-people-controls input, .mag-control .mag-appointment-board-people-controls select, .mag-control .mag-appointment-board-header-actions .button, .mag-control .mag-appointment-board-zero-queue button{min-height:44px;height:auto}} .mag-control .mag-appointment-board-board{--board-tile:24px} .mag-control .mag-appointment-board-board .mag-appointment-board-summary{border-radius:12px;border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);background:var(--mag-surface)} .mag-control .mag-appointment-board-board .mag-appointment-board-section-heading h2{border-left:3px solid var(--mag-chart-1);padding-left:9px} .mag-control .mag-appointment-board-board .mag-appointment-board-week-grid, .mag-control .mag-appointment-board-board .mag-appointment-board-people-grid{border-radius:12px} .mag-control .mag-appointment-board-board .mag-appointment-board-week-grid tbody tr:hover>*, .mag-control .mag-appointment-board-board .mag-appointment-board-week-grid tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-appointment-board-board .mag-appointment-board-week-grid :is(th, .mag-control td):last-child{border-left:2px solid var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .mag-appointment-board-board .mag-appointment-board-week-grid tfoot :is(th, .mag-control td){border-top:2px solid var(--mag-border);font-weight:700} @media(max-width:767px){.mag-control .mag-appointment-board-board{--board-tile:22px}} /* ==== src/features/dashboards/appointment-followup.module.css (module -> .mag-appointment-followup-*) ==== */ .mag-control .mag-appointment-followup-workspace{display:grid;gap:4px;min-width:0;color:var(--mag-text);font-size:14px;line-height:1.35} @media(min-width:900px){.mag-control .app-main:has(.mag-appointment-followup-workspace) .topbar{height:60px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .business-context-line{min-height:30px;padding-block:4px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .investigation-context{padding:6px 26px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .context-controls{align-items:center;gap:12px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .context-controls>label{display:flex;align-items:center;gap:6px;flex-direction:row;white-space:nowrap} .mag-control .app-main:has(.mag-appointment-followup-workspace) .context-controls>label select{min-height:32px;height:32px;padding-block:4px;max-width:210px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .context-period{display:none} .mag-control .app-main:has(.mag-appointment-followup-workspace) .context-compact-source{display:block} .mag-control .app-main:has(.mag-appointment-followup-workspace) .workspace{padding:10px 26px 24px} .mag-control .app-main:has(.mag-appointment-followup-workspace) .investigation-trail{margin-bottom:6px}} .mag-control .mag-appointment-followup-workspace p{margin:4px 0} .mag-control .mag-appointment-followup-workspace code{overflow-wrap:anywhere} .mag-control .mag-appointment-followup-heading, .mag-control .mag-appointment-followup-toolbar, .mag-control .mag-appointment-followup-controls, .mag-control .mag-appointment-followup-row-scope, .mag-control .mag-appointment-followup-pagination, .mag-control .mag-appointment-followup-summary, .mag-control .mag-appointment-followup-source-line, .mag-control .mag-appointment-followup-selected{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;min-width:0} .mag-control .mag-appointment-followup-heading h1{font-size:22px;margin:0} .mag-control .mag-appointment-followup-controls{justify-content:flex-start} .mag-control .mag-appointment-followup-controls label, .mag-control .mag-appointment-followup-pagination label, .mag-control .mag-appointment-followup-span{display:flex;align-items:center;gap:6px;font-size:14px} .mag-control .mag-appointment-followup-controls form{display:flex;align-items:center;gap:4px;flex-wrap:wrap} .mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-appointment-followup-print-link{font:inherit;min-height:30px;padding:3px 7px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-appointment-followup-workspace button{cursor:pointer} .mag-control .mag-appointment-followup-workspace button:disabled{cursor:default;opacity:.55} .mag-control .mag-appointment-followup-workspace input{width:155px;max-width:155px;min-width:0} .mag-control .mag-appointment-followup-workspace select{max-width:215px} .mag-control .mag-appointment-followup-tabs{display:flex;gap:4px;flex-wrap:wrap;align-items:center} .mag-control .mag-appointment-followup-tabs button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px 0 var(--mag-info-mark);border-color:var(--mag-info-mark)} .mag-control .mag-appointment-followup-tabs>a{display:inline-flex;align-items:center;min-height:30px;color:var(--mag-info-mark)} .mag-control .mag-appointment-followup-filters summary, .mag-control .mag-appointment-followup-exports summary, .mag-control .mag-appointment-followup-source summary, .mag-control .mag-appointment-followup-row-details summary{cursor:pointer;padding-block:3px;min-height:24px} .mag-control .mag-appointment-followup-filters>div, .mag-control .mag-appointment-followup-exports>div{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0} .mag-control .mag-appointment-followup-filters[open]{flex-basis:100%} .mag-control .mag-appointment-followup-filters p{flex-basis:100%} .mag-control .mag-appointment-followup-source-line, .mag-control .muted, .mag-control .mag-appointment-followup-block{color:var(--mag-text-secondary)} .mag-control .mag-appointment-followup-source-line{justify-content:flex-start;gap:10px} .mag-control .mag-appointment-followup-source-line a{color:var(--mag-info-mark)} .mag-control .mag-appointment-followup-source{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);padding:1px 8px;background:var(--mag-surface-subtle);min-width:0} .mag-control .mag-appointment-followup-source[open]>summary{margin-bottom:6px} .mag-control .mag-appointment-followup-source button{margin:4px} .mag-control .mag-appointment-followup-source pre, .mag-control .mag-appointment-followup-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.4 ui-monospace,monospace;max-height:24rem;overflow:auto} .mag-control .mag-appointment-followup-source p, .mag-control .mag-appointment-followup-detail p{overflow-wrap:anywhere} .mag-control .mag-appointment-followup-summary{justify-content:flex-start;gap:4px 14px;font-variant-numeric:tabular-nums} .mag-control .mag-appointment-followup-row-scope{font-size:14px} .mag-control .mag-appointment-followup-selected{justify-content:flex-start;padding:6px 8px;background:var(--mag-surface-subtle);border:1px solid var(--mag-border)} .mag-control .mag-appointment-followup-selected p{flex-basis:100%} .mag-control .mag-appointment-followup-table-wrap{max-width:100%;min-width:0;overflow:auto;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-appointment-followup-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums} .mag-control .mag-appointment-followup-table th, .mag-control .mag-appointment-followup-table td{padding:2px 6px;border-bottom:1px solid var(--mag-border);vertical-align:top;text-align:left;white-space:nowrap} .mag-control .mag-appointment-followup-table thead th{background:var(--mag-surface-subtle);font-weight:600;padding-block:5px} .mag-control .mag-appointment-followup-table th{font-weight:500} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-name, .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-count{border:0;padding:1px 0;min-height:24px;background:transparent;color:var(--mag-info-mark);text-align:left;vertical-align:middle} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-name{font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-appointment-followup-dealer{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle} .mag-control .muted{font-weight:400} .mag-control .mag-appointment-followup-block{display:block;font-size:14px;font-weight:400} .mag-control .mag-appointment-followup-row-details{display:inline-block;white-space:normal} .mag-control .mag-appointment-followup-row-details>summary{white-space:nowrap} .mag-control .mag-appointment-followup-detail{min-width:270px;max-width:500px;white-space:normal;padding:6px 0} .mag-control .mag-appointment-followup-detail button{margin-right:4px} .mag-control .mag-appointment-followup-table .mag-appointment-followup-block{display:inline;margin-left:6px} .mag-control .mag-appointment-followup-failure{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border)} .mag-control .mag-appointment-followup-pagination{justify-content:flex-end} .mag-control .mag-appointment-followup-pagination>span{margin-right:auto} .mag-control .mag-appointment-followup-print-link{justify-self:start;text-decoration:underline} .mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select, .mag-control a, .mag-control summary, .mag-control pre, .mag-control [tabindex]):focus-visible{outline:2px solid var(--mag-info-mark);outline-offset:2px} @media(max-width:640px){.mag-control .mag-appointment-followup-heading{align-items:flex-start} .mag-control .mag-appointment-followup-heading h1{font-size:20px} .mag-control .mag-appointment-followup-controls, .mag-control .mag-appointment-followup-controls label, .mag-control .mag-appointment-followup-controls form{width:100%} .mag-control .mag-appointment-followup-controls label{justify-content:space-between} .mag-control .mag-appointment-followup-controls input, .mag-control .mag-appointment-followup-controls select{max-width:65%;width:65%} .mag-control .mag-appointment-followup-controls form label{flex:1;min-width:0} .mag-control .mag-appointment-followup-controls form input{width:100%;max-width:100%} .mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-appointment-followup-print-link, .mag-control .mag-appointment-followup-source summary, .mag-control .mag-appointment-followup-row-details summary, .mag-control .mag-appointment-followup-filters summary, .mag-control .mag-appointment-followup-exports summary{min-height:44px} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-name, .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-count{min-height:44px} .mag-control .mag-appointment-followup-toolbar{align-items:flex-start} .mag-control .mag-appointment-followup-pagination{justify-content:flex-start} .mag-control .mag-appointment-followup-failure{flex-wrap:wrap} .mag-control .mag-appointment-followup-selected{overflow-wrap:anywhere} .mag-control .mag-appointment-followup-selected strong, .mag-control .mag-appointment-followup-selected span{max-width:100%} .mag-control .mag-appointment-followup-source-line{align-items:flex-start} .mag-control .mag-appointment-followup-source-line>a{display:inline-flex;align-items:center;min-height:44px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-appointment-followup-workspace, .mag-control .mag-appointment-followup-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media(max-width:640px){.mag-control .mag-appointment-followup-tabs>a, .mag-control .mag-appointment-followup-selected>a{display:inline-flex;align-items:center;min-height:44px}} @media screen{.mag-control .mag-appointment-followup-table > thead > tr > th{ font-size: 12px; } .mag-control .mag-appointment-followup-table > :is(thead, .mag-control tbody) > tr > th:first-child{ position: sticky; left: 0; z-index: 1; background: var(--mag-surface); } .mag-control .mag-appointment-followup-table > thead > tr > th:first-child{ z-index: 2; background: var(--mag-surface-subtle); } .mag-control .mag-appointment-followup-detail p{ font-size: 12px; line-height: 1.5; }} @media screen and (max-width: 767px){.mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select, .mag-control summary), .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-name, .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-count, .mag-control .mag-appointment-followup-print-link{ min-height: 44px; } .mag-control .mag-appointment-followup-workspace button{ min-width: 44px; } .mag-control .mag-appointment-followup-tabs > a, .mag-control .mag-appointment-followup-selected > a, .mag-control .mag-appointment-followup-print-link{ display: inline-flex; align-items: center; min-height: 44px; } .mag-control .mag-appointment-followup-controls{ min-width: 0; } .mag-control .mag-appointment-followup-controls form{ max-width: 100%; } .mag-control .mag-appointment-followup-failure{ flex-wrap: wrap; }} @media screen and (min-width: 768px){.mag-control .mag-appointment-followup-workspace{ font-size: var(--mag-dense-font, 13px); } .mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-appointment-followup-print-link{ min-height: var(--mag-control-h, 32px); } .mag-control .mag-appointment-followup-controls label, .mag-control .mag-appointment-followup-pagination label, .mag-control .mag-appointment-followup-span, .mag-control .mag-appointment-followup-row-scope, .mag-control .mag-appointment-followup-block{ font-size: 13px; } .mag-control .mag-appointment-followup-table{ font-size: var(--mag-dense-font, 13px); } .mag-control .mag-appointment-followup-table th, .mag-control .mag-appointment-followup-table td{ height: var(--mag-dense-row, 30px); padding: 1px 10px; vertical-align: middle; } .mag-control .mag-appointment-followup-table > thead > tr > th{ position: sticky; top: 0; z-index: 2; font-size: var(--mag-dense-head-font, 11px); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; padding-block: 4px; } .mag-control .mag-appointment-followup-table > thead > tr > th:first-child{ z-index: 3; } .mag-control .mag-appointment-followup-source pre, .mag-control .mag-appointment-followup-detail pre{ font-size: 12px; }} @media (pointer: coarse){.mag-control .mag-appointment-followup-workspace :is(button, .mag-control input, .mag-control select, .mag-control summary), .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-name, .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-count, .mag-control .mag-appointment-followup-print-link{ min-height: 44px; }} @media screen{.mag-control .mag-appointment-followup-workspace .mag-appointment-followup-block, .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-table-wrap{border-radius:12px} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-summary{border-top:3px solid var(--mag-chart-1)} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-table thead th{background:var(--mag-surface-subtle)} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-table tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-appointment-followup-workspace .mag-appointment-followup-failure{border-left:3px solid var(--mag-warning-text);border-radius:12px}} /* ==== src/features/dashboards/crm-board.module.css (module -> .mag-crm-board-*) ==== */ .mag-control .notice{padding:12px 16px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .mag-control .mag-crm-board-accounts td{height:52px;padding:3px 4px} .mag-control .mag-crm-board-accounts th:first-child{padding:5px 10px} .mag-control .mag-crm-board-accounts small{overflow-wrap:anywhere} .mag-control .mag-crm-board-accounts button{font-size:13px} .mag-control .mag-crm-board-accounts td>div>button{font-size:23px} .mag-control .mag-crm-board-accounts td>div>div>button{font-size:11px} .mag-control .mag-crm-board-root td>div{width:100%;min-width:0} .mag-control .mag-crm-board-root td>div>div{flex-wrap:wrap;width:100%;column-gap:3px;row-gap:0} .mag-control .mag-crm-board-root th:last-child, .mag-control .mag-crm-board-root td:last-child{width:112px} .mag-control .mag-crm-board-root td:last-child>div>button{font-size:23px} @media(max-width:760px){.mag-control .mag-crm-board-root th:last-child, .mag-control .mag-crm-board-root td:last-child{width:80px} .mag-control .mag-crm-board-root td:last-child>div>button{font-size:20px}} @media screen{.mag-control .notice{ padding: 8px 12px; font-size: 12px; gap: 8px; } .mag-control .mag-crm-board-root:not([data-presentation=true]) .mag-crm-board-accounts td{ height: var(--board-row, 30px); padding: 1px 4px; } .mag-control .mag-crm-board-root:not([data-presentation=true]) .mag-crm-board-accounts td > div > button, .mag-control .mag-crm-board-root:not([data-presentation=true]) td:last-child > div > button{ font-size: 14px; letter-spacing: 0; } .mag-control .mag-crm-board-root .mag-crm-board-accounts th:first-child{ padding: 1px 10px; } .mag-control .mag-crm-board-root .mag-crm-board-accounts th small{ font-size: 11px; } .mag-control .mag-crm-board-root .mag-crm-board-accounts th button{ font-size: var(--board-font, 13px); } .mag-control .mag-crm-board-root .mag-crm-board-accounts td > div > div > button{ font-size: 11px; }} @media screen and (max-width: 767px){.mag-control .mag-crm-board-root[data-crm-board] :is(button, .mag-control input, .mag-control select, .mag-control summary){ min-height: 44px; } .mag-control .mag-crm-board-root[data-crm-board] button{ min-width: 44px; } .mag-control .mag-crm-board-root .mag-crm-board-accounts th button{ min-height: 44px; }} /* ==== src/features/dashboards/crm-comparison.module.css (module -> .mag-crm-comparison-*) ==== */ .mag-control .mag-crm-comparison-workspace{display:grid;gap:4px;min-width:0;color:var(--mag-text);font-size:14px;line-height:1.35} @media(min-width:900px){.mag-control .app-main:has(.mag-crm-comparison-workspace) .topbar{height:60px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .business-context-line{min-height:30px;padding-block:4px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .investigation-context{padding:6px 26px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .context-controls{align-items:center;gap:12px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .context-controls>label{display:flex;align-items:center;gap:6px;flex-direction:row;white-space:nowrap} .mag-control .app-main:has(.mag-crm-comparison-workspace) .context-controls>label select{min-height:32px;height:32px;padding-block:4px;max-width:210px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .context-period{display:none} .mag-control .app-main:has(.mag-crm-comparison-workspace) .context-compact-source{display:block} .mag-control .app-main:has(.mag-crm-comparison-workspace) .workspace{padding:10px 26px 24px} .mag-control .app-main:has(.mag-crm-comparison-workspace) .investigation-trail{margin-bottom:6px}} .mag-control .mag-crm-comparison-workspace p{margin:4px 0} .mag-control .mag-crm-comparison-heading, .mag-control .mag-crm-comparison-toolbar, .mag-control .mag-crm-comparison-controls, .mag-control .mag-crm-comparison-row-scope, .mag-control .mag-crm-comparison-pagination, .mag-control .mag-crm-comparison-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px} .mag-control .mag-crm-comparison-heading h1{font-size:22px;margin:0} .mag-control .mag-crm-comparison-heading span, .mag-control .mag-crm-comparison-sub, .mag-control .mag-crm-comparison-row-scope{color:var(--mag-text-secondary)} .mag-control .mag-crm-comparison-controls{justify-content:flex-start} .mag-control .mag-crm-comparison-controls label, .mag-control .mag-crm-comparison-pagination label{display:flex;align-items:center;gap:6px;font-size:14px} .mag-control .mag-crm-comparison-controls form{display:flex;align-items:center;gap:4px;flex-wrap:wrap} .mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-crm-comparison-print-link{font:inherit;min-height:32px;padding:4px 8px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-crm-comparison-workspace button{cursor:pointer} .mag-control .mag-crm-comparison-workspace button:disabled{cursor:default;opacity:.55} .mag-control .mag-crm-comparison-workspace input{width:160px;max-width:160px;min-width:0} .mag-control .mag-crm-comparison-workspace select{max-width:180px} .mag-control .mag-crm-comparison-tabs, .mag-control .mag-crm-comparison-exports{display:flex;align-items:center;gap:4px;flex-wrap:wrap} .mag-control .mag-crm-comparison-tabs button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px 0 var(--mag-info-mark);border-color:var(--mag-info-mark)} .mag-control .mag-crm-comparison-source{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);padding:2px 8px;background:var(--mag-surface-subtle)} .mag-control .mag-crm-comparison-source summary, .mag-control .mag-crm-comparison-row-details summary{cursor:pointer;min-height:26px;padding-block:3px} .mag-control .mag-crm-comparison-source[open]>summary{margin-bottom:8px} .mag-control .mag-crm-comparison-source code, .mag-control .mag-crm-comparison-pair-detail code{overflow-wrap:anywhere} .mag-control .mag-crm-comparison-source pre, .mag-control .mag-crm-comparison-pair-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.4 ui-monospace,monospace;max-height:24rem;overflow:auto} .mag-control .mag-crm-comparison-source button{margin:4px} .mag-control .mag-crm-comparison-group{justify-content:flex-start;gap:4px 16px;padding:6px 8px;border:1px solid var(--mag-border);background:var(--mag-surface-subtle);font-variant-numeric:tabular-nums} .mag-control .mag-crm-comparison-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-crm-comparison-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums} .mag-control .mag-crm-comparison-table th, .mag-control .mag-crm-comparison-table td{padding:3px 8px;border-bottom:1px solid var(--mag-border);vertical-align:top;text-align:left} .mag-control .mag-crm-comparison-table thead th{white-space:nowrap;background:var(--mag-surface-subtle);font-weight:600} .mag-control .mag-crm-comparison-table th:first-child{min-width:180px;max-width:330px} .mag-control .mag-crm-comparison-table th{font-weight:500} .mag-control .mag-crm-comparison-table td{white-space:nowrap} .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-name{border:0;padding:0;min-height:24px;display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--mag-info-mark);background:transparent;font-weight:600;vertical-align:middle} .mag-control .mag-crm-comparison-sub{display:inline-block;margin-left:6px;font-size:14px;font-weight:400;white-space:normal} .mag-control .mag-crm-comparison-row-details{display:inline-block;margin-left:8px;white-space:normal} .mag-control .mag-crm-comparison-pair-detail{min-width:280px;max-width:580px;white-space:normal;padding:6px 0} .mag-control .mag-crm-comparison-pair-detail table{border-collapse:collapse;font-size:14px} .mag-control .mag-crm-comparison-pair-detail td, .mag-control .mag-crm-comparison-pair-detail th{white-space:normal} .mag-control .mag-crm-comparison-pair-detail p{overflow-wrap:anywhere} .mag-control .mag-crm-comparison-failure{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border)} .mag-control .mag-crm-comparison-pagination{justify-content:flex-end} .mag-control .mag-crm-comparison-pagination>span{margin-right:auto} .mag-control .mag-crm-comparison-print-link{justify-self:start;text-decoration:underline} .mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select, .mag-control a, .mag-control summary, .mag-control pre, .mag-control [tabindex]):focus-visible{outline:2px solid var(--mag-info-mark);outline-offset:2px} @media(max-width:640px){.mag-control .mag-crm-comparison-heading{align-items:flex-start} .mag-control .mag-crm-comparison-controls, .mag-control .mag-crm-comparison-controls label, .mag-control .mag-crm-comparison-controls form{width:100%} .mag-control .mag-crm-comparison-controls label{justify-content:space-between} .mag-control .mag-crm-comparison-controls input, .mag-control .mag-crm-comparison-controls select{max-width:65%;width:65%} .mag-control .mag-crm-comparison-controls form label{flex:1;min-width:0} .mag-control .mag-crm-comparison-controls form input{width:100%;max-width:100%} .mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-crm-comparison-print-link, .mag-control .mag-crm-comparison-source summary, .mag-control .mag-crm-comparison-row-details summary{min-height:44px} .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-name{min-height:44px} .mag-control .mag-crm-comparison-toolbar{align-items:flex-start} .mag-control .mag-crm-comparison-pagination{justify-content:flex-start} .mag-control .mag-crm-comparison-table th:first-child{min-width:180px} .mag-control .mag-crm-comparison-group{gap:6px 12px} .mag-control .mag-crm-comparison-failure{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.mag-control .mag-crm-comparison-workspace, .mag-control .mag-crm-comparison-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media screen{.mag-control .mag-crm-comparison-table > thead > tr > th{ font-size: 12px; } .mag-control .mag-crm-comparison-table > :is(thead, .mag-control tbody) > tr > th:first-child{ position: sticky; left: 0; z-index: 1; background: var(--mag-surface); } .mag-control .mag-crm-comparison-table > thead > tr > th:first-child{ z-index: 2; background: var(--mag-surface-subtle); } .mag-control .mag-crm-comparison-sub{ font-size: 12px; line-height: 1.4; } .mag-control .mag-crm-comparison-pair-detail p{ font-size: 12px; line-height: 1.5; }} @media screen and (max-width: 767px){.mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select, .mag-control summary), .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-name, .mag-control .mag-crm-comparison-print-link{ min-height: 44px; } .mag-control .mag-crm-comparison-workspace button{ min-width: 44px; } .mag-control .mag-crm-comparison-print-link{ display: inline-flex; align-items: center; } .mag-control .mag-crm-comparison-controls{ min-width: 0; } .mag-control .mag-crm-comparison-controls form{ max-width: 100%; } .mag-control .mag-crm-comparison-failure{ flex-wrap: wrap; }} @media screen and (min-width: 768px){.mag-control .mag-crm-comparison-workspace{ font-size: var(--mag-dense-font, 13px); } .mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-crm-comparison-print-link{ min-height: var(--mag-control-h, 32px); } .mag-control .mag-crm-comparison-controls label, .mag-control .mag-crm-comparison-pagination label, .mag-control .mag-crm-comparison-sub{ font-size: 13px; } .mag-control .mag-crm-comparison-table{ font-size: var(--mag-dense-font, 13px); } .mag-control .mag-crm-comparison-table th, .mag-control .mag-crm-comparison-table td{ height: var(--mag-dense-row, 30px); padding: 1px 10px; vertical-align: middle; } .mag-control .mag-crm-comparison-table > thead > tr > th{ position: sticky; top: 0; z-index: 2; font-size: var(--mag-dense-head-font, 11px); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } .mag-control .mag-crm-comparison-table > thead > tr > th:first-child{ z-index: 3; } .mag-control .mag-crm-comparison-source pre, .mag-control .mag-crm-comparison-pair-detail pre{ font-size: 12px; } .mag-control .mag-crm-comparison-pair-detail table{ font-size: 13px; }} @media (pointer: coarse){.mag-control .mag-crm-comparison-workspace :is(button, .mag-control input, .mag-control select, .mag-control summary), .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-name, .mag-control .mag-crm-comparison-print-link{ min-height: 44px; }} @media screen{.mag-control .mag-crm-comparison-workspace .mag-crm-comparison-table-wrap{border-radius:12px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-table thead th{background:var(--mag-surface-subtle)} .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-table tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-crm-comparison-workspace .mag-crm-comparison-failure{border-left:3px solid var(--mag-warning-text);border-radius:12px}} /* ==== src/features/dashboards/crm-outcomes.module.css (module -> .mag-crm-outcomes-*) ==== */ .mag-control .mag-crm-outcomes-panel{border:1px solid var(--mag-border);border-radius:16px;background:var(--mag-surface);padding:16px;display:grid;gap:14px;min-width:0} .mag-control .mag-crm-outcomes-panel h2{font-size:17px;margin:0} .mag-control .mag-crm-outcomes-panel h3{font-size:14px;margin:0 0 6px} .mag-control .mag-crm-outcomes-lead{margin:0;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-crm-outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .mag-control .mag-crm-outcomes-card{border:1px solid var(--mag-border);border-radius:12px;padding:12px;background:var(--mag-surface-subtle);min-width:0} .mag-control .mag-crm-outcomes-label{font-size:11px;color:var(--mag-text-muted);display:block} .mag-control .mag-crm-outcomes-value{font-size:22px;font-weight:700;letter-spacing:-.4px} .mag-control .muted{color:var(--mag-text-muted);font-size:12px;margin:4px 0 0} .mag-control .mag-crm-outcomes-table{width:100%;border-collapse:collapse;font-size:12px} .mag-control .mag-crm-outcomes-table th, .mag-control .mag-crm-outcomes-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--mag-border);vertical-align:top} .mag-control .mag-crm-outcomes-table td[data-num]{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-crm-outcomes-scroll{overflow-x:auto;max-width:100%} .mag-control .mag-crm-outcomes-moves{display:grid;gap:8px;margin:0;padding:0;list-style:none} .mag-control .mag-crm-outcomes-move{border:1px solid var(--mag-border);border-left:4px solid var(--mag-warning-mark);border-radius:10px;padding:10px 12px;background:var(--mag-surface)} .mag-control .mag-crm-outcomes-move[data-rule="CRM-R3"]{border-left-color:var(--mag-text-muted)} .mag-control .mag-crm-outcomes-move[data-rule="CRM-R2"]{border-left-color:var(--mag-primary)} .mag-control .mag-crm-outcomes-move p{margin:4px 0;font-size:12px} .mag-control .mag-crm-outcomes-provenance{font-size:11px;color:var(--mag-text-muted)} .mag-control .mag-crm-outcomes-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--mag-warning-bg);color:var(--mag-warning-text);margin-left:6px} .mag-control .mag-crm-outcomes-notes{font-size:12px;color:var(--mag-text-muted);margin:0;padding-left:18px} @media (max-width:640px){.mag-control .mag-crm-outcomes-panel{padding:12px} .mag-control .mag-crm-outcomes-value{font-size:19px}} /* ==== src/features/dashboards/dashboards.module.css (module -> .mag-dashboards-*) ==== */ .mag-control .mag-dashboards-page{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;padding-bottom:24px} .mag-control .mag-dashboards-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px} .mag-control .mag-dashboards-heading h1{margin-bottom:6px} .mag-control .mag-dashboards-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:650;color:var(--mag-text-secondary);margin-bottom:7px} .mag-control .mag-dashboards-back-link{display:flex;align-items:center;gap:7px;font-size:13px;width:fit-content} .mag-control .mag-dashboards-back-link span{color:var(--mag-text-secondary)} .mag-control .mag-dashboards-header-actions{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-dashboards-library-tools{display:flex;justify-content:space-between;align-items:center;gap:20px} .mag-control .mag-dashboards-search{display:flex;align-items:center;gap:10px;margin:0;min-width:280px;flex:1;max-width:650px} .mag-control .mag-dashboards-search svg{position:absolute;margin-left:14px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-search input{padding-left:42px} .mag-control .mag-dashboards-categories{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-dashboards-categories button[aria-pressed=true]{color:var(--mag-selected-text);background:var(--mag-selected-bg);border-color:var(--mag-primary)} .mag-control .mag-dashboards-category-group{display:flex;flex-direction:column;gap:12px} .mag-control .mag-dashboards-category-group>h2{font-size:16px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .mag-control .mag-dashboards-library-card{display:flex;gap:17px;padding:24px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);box-shadow:var(--mag-shadow-card)} .mag-control .mag-dashboards-card-icon{height:42px;min-width:42px;display:grid;place-items:center;background:var(--mag-selected-bg);color:var(--mag-link);border-radius:12px} .mag-control .mag-dashboards-card-content{min-width:0;flex:1} .mag-control .mag-dashboards-card-content h3{font-size:19px} .mag-control .mag-dashboards-card-content h3 a{color:var(--mag-text)} .mag-control .mag-dashboards-card-content>p{margin:8px 0 13px;color:var(--mag-text-secondary);font-size:14px} .mag-control .mag-dashboards-capabilities{display:flex;flex-wrap:wrap;gap:6px} .mag-control .mag-dashboards-capabilities span{font-size:12px;padding:3px 8px;background:var(--mag-surface-subtle);color:var(--mag-text-secondary);border-radius:6px} .mag-control .mag-dashboards-source-mini{display:grid;grid-template-columns:8px 1fr;gap:2px 8px;font-size:12px;margin:18px 0} .mag-control .mag-dashboards-source-mini>span:not(.mag-dashboards-status-dot){grid-column:2;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--mag-warning-text);display:inline-block;align-self:center} .mag-control .mag-dashboards-card-actions{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-dashboards-card-actions a{font-size:13px} .mag-control .mag-dashboards-library-foot{padding:16px 0;font-size:13px;color:var(--mag-text-secondary);max-width:100ch} .mag-control .mag-dashboards-scope-bar{display:flex;align-items:center;gap:18px;padding:12px 16px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-dashboards-scope-bar label{margin:0;font-size:12px;min-width:190px} .mag-control .mag-dashboards-scope-bar select, .mag-control .mag-dashboards-scope-bar input{display:block;margin-top:5px;min-height:40px} .mag-control .mag-dashboards-scope-bar label:first-child{min-width:290px} .mag-control .mag-dashboards-scope-hint{color:var(--mag-text-secondary);font-size:12px;margin-left:auto;max-width:23ch} .mag-control .mag-dashboards-source-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--mag-text-secondary);margin-bottom:-13px} .mag-control .mag-dashboards-source-line strong{color:var(--mag-text)} .mag-control .mag-dashboards-source-line a{margin-left:auto;display:flex;align-items:center;gap:6px} .mag-control .mag-dashboards-period{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-book-freshness{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .mag-control .mag-dashboards-metric-card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:16px 18px;min-height:120px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);box-shadow:var(--mag-shadow-card)} .mag-control .mag-dashboards-metric-card:hover{border-color:var(--mag-primary);background:var(--mag-hover)} .mag-control .mag-dashboards-metric-label{font-size:13px;color:var(--mag-text-secondary);line-height:1.35} .mag-control .mag-dashboards-metric-card>strong{font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:700;overflow-wrap:anywhere} .mag-control .mag-dashboards-primary-number{color:var(--mag-link)} .mag-control .mag-dashboards-metric-note{font-size:12px;color:var(--mag-text-secondary);display:flex;justify-content:space-between;gap:8px;margin-top:auto} .mag-control .mag-dashboards-metric-note svg{flex:none} .mag-control .mag-dashboards-review-toolbar{display:flex;align-items:start;gap:16px;flex-wrap:wrap} .mag-control .mag-dashboards-view-tabs{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--mag-border);flex:1;min-width:0} .mag-control .mag-dashboards-view-tabs button{padding:12px 4px;background:none;border:0;border-bottom:3px solid transparent;font-size:13px;color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-dashboards-view-tabs button[aria-pressed=true]{color:var(--mag-link);border-bottom-color:var(--mag-primary);font-weight:650} .mag-control .mag-dashboards-filters{margin-left:auto;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:var(--mag-radius-control)} .mag-control .mag-dashboards-filters summary{display:flex;gap:8px;align-items:center;font-size:13px;padding:11px 14px;cursor:pointer;width:100%} .mag-control .mag-dashboards-filters[open]{flex-basis:100%;margin-left:0} .mag-control .mag-dashboards-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:4px 16px 16px;align-items:end} .mag-control .mag-dashboards-filter-grid label{font-size:12px;margin:0} .mag-control .mag-dashboards-filter-grid select{margin-top:6px} .mag-control .mag-dashboards-search-bar{display:flex;align-items:center;gap:8px;max-width:100%;margin-top:-8px} .mag-control .mag-dashboards-search-bar>svg{flex:none;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-search-bar input{max-width:550px} .mag-control .mag-dashboards-search-bar button{font-size:12px} .mag-control .mag-dashboards-table-panel{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);overflow:hidden;min-width:0;box-shadow:var(--mag-shadow-card)} .mag-control .mag-dashboards-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px} .mag-control .mag-dashboards-panel-heading h2{font-size:18px;margin-bottom:5px} .mag-control .mag-dashboards-row-count{flex:none;font-size:12px;border-radius:99px;background:var(--mag-surface-subtle);padding:5px 10px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-table-scroll{container-type:inline-size;max-height:590px;max-width:100%;overflow:auto;scrollbar-width:thin} .mag-control .mag-dashboards-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.4} .mag-control .mag-dashboards-table th, .mag-control .mag-dashboards-table td{border-bottom:1px solid var(--mag-border);padding:13px 14px;text-align:right;white-space:nowrap} .mag-control .mag-dashboards-table th:first-child{position:sticky;left:0;z-index:1;min-width:245px;max-width:320px;text-align:left;background:var(--mag-surface);border-right:1px solid var(--mag-border)} .mag-control .mag-dashboards-table thead th{position:sticky;top:0;z-index:2;background:var(--mag-surface-subtle);color:var(--mag-text-secondary);font-size:12px} .mag-control .mag-dashboards-table thead th:first-child{z-index:3;background:var(--mag-surface-subtle)} .mag-control .mag-dashboards-table thead button{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;border:0;background:none;font-size:inherit;font-weight:600;padding:3px 0} .mag-control .mag-dashboards-table tbody tr:hover td, .mag-control .mag-dashboards-table tbody tr:hover th{background:var(--mag-hover)} .mag-control .mag-dashboards-row-link{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:normal;font-weight:550;color:var(--mag-text);text-align:left;min-height:28px;width:100%;border:0;background:none;padding:0} .mag-control .mag-dashboards-row-link svg{flex:none;color:var(--mag-link)} .mag-control .mag-dashboards-row-link small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-cell-link{border:0;background:none;color:var(--mag-link);text-decoration:underline;text-underline-offset:4px;padding:3px;min-height:28px} .mag-control .mag-dashboards-danger{color:var(--mag-danger-text)!important} .mag-control .mag-dashboards-watch{color:var(--mag-warning-text)!important} .mag-control .mag-dashboards-good{color:var(--mag-success-text)!important} .mag-control .mag-dashboards-neutral{color:var(--mag-text-secondary)} .mag-control .mag-dashboards-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;font-size:12px;border-top:1px solid var(--mag-border)} .mag-control .mag-dashboards-pagination>span{margin-right:auto} .mag-control .mag-dashboards-pagination label{display:flex;gap:8px;align-items:center;margin:0;font-size:12px} .mag-control .mag-dashboards-pagination select{width:70px;padding:6px;min-height:32px} .mag-control .mag-dashboards-mobile-records{display:none} .mag-control .mag-dashboards-age-strip{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);padding:18px 20px} .mag-control .mag-dashboards-age-strip h2{font-size:15px;margin-bottom:12px} .mag-control .mag-dashboards-age-strip>div{display:grid;grid-template-columns:repeat(6,1fr);gap:14px} .mag-control .mag-dashboards-age-strip button{display:flex;flex-direction:column;align-items:stretch;gap:4px;border:0;background:none;padding:0;text-align:left} .mag-control .mag-dashboards-age-strip button>span, .mag-control .mag-dashboards-age-strip small{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-age-strip strong{font-size:18px} .mag-control .mag-dashboards-bar-track{height:5px;background:var(--mag-border);border-radius:5px;overflow:hidden;margin:5px 0} .mag-control .mag-dashboards-bar-track i{display:block;height:100%;background:var(--mag-primary)} .mag-control .mag-dashboards-source-details{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface)} .mag-control .mag-dashboards-source-details summary{display:flex;align-items:center;gap:8px;padding:15px 18px;font-size:13px;cursor:pointer} .mag-control .mag-dashboards-source-content{padding:4px 20px 20px;display:flex;flex-direction:column;gap:15px;font-size:13px} .mag-control .mag-dashboards-source-content dl, .mag-control .mag-dashboards-evidence dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0} .mag-control .mag-dashboards-source-content dl>div, .mag-control .mag-dashboards-evidence dl>div{padding:12px;border-bottom:1px solid var(--mag-border);min-width:0} .mag-control .mag-dashboards-source-content dt, .mag-control .mag-dashboards-evidence dt{font-size:12px;color:var(--mag-text-secondary);margin-bottom:5px} .mag-control .mag-dashboards-source-content dd, .mag-control .mag-dashboards-evidence dd{margin:0;overflow-wrap:anywhere;font-weight:550} .mag-control .mag-dashboards-source-content label{max-width:250px} .mag-control .mag-dashboards-source-content ul{margin:0;padding-left:20px} .mag-control .mag-dashboards-source-content li{margin-bottom:8px} .mag-control .mag-dashboards-source-content>.button{width:fit-content} .mag-control .mag-dashboards-loading, .mag-control .mag-dashboards-empty{padding:36px 24px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);display:flex;align-items:flex-start;gap:14px} .mag-control .mag-dashboards-empty{flex-direction:column} .mag-control .mag-dashboards-loading{align-items:center;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-evidence{display:flex;flex-direction:column;gap:20px;min-width:0} .mag-control .mag-dashboards-evidence-caption{font-size:12px;color:var(--mag-text-secondary);overflow-wrap:anywhere} .mag-control .mag-dashboards-evidence-notes{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.55} .mag-control .mag-dashboards-highlight{background:var(--mag-selected-bg)} .mag-control .mag-dashboards-followup{border-top:1px solid var(--mag-border);padding-top:20px} .mag-control .mag-dashboards-export-choices{display:flex;flex-direction:column;gap:16px} .mag-control .mag-dashboards-export-choices>a, .mag-control .mag-dashboards-export-choices>button{white-space:normal;text-align:left} .mag-control .mag-dashboards-presentation{padding:20px 32px;display:flex;flex-direction:column;min-height:100vh;background:var(--mag-canvas)} .mag-control .mag-dashboards-tv-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start} .mag-control .mag-dashboards-tv-header h1{font-size:30px} .mag-control .mag-dashboards-tv-header p{font-size:13px} .mag-control .mag-dashboards-tv-controls{display:flex;align-items:center;gap:12px} .mag-control .mag-dashboards-tv-bar{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--mag-border);padding:10px 0;margin:20px 0;font-size:14px} .mag-control .mag-dashboards-tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;flex:1;align-content:start} .mag-control .mag-dashboards-tv-grid article{padding:16px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);min-height:190px} .mag-control .mag-dashboards-tv-grid h2{font-size:19px} .mag-control .mag-dashboards-tv-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:14px 0 8px} .mag-control .mag-dashboards-tv-grid dt{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-tv-grid dd{font-size:25px;font-weight:650;margin:3px 0;letter-spacing:-.035em;white-space:nowrap} .mag-control .mag-dashboards-tv-foot{font-size:12px;color:var(--mag-text-secondary);padding:20px 0 0} .mag-control .mag-dashboards-cell-link small{display:block;max-width:160px;white-space:normal;font-size:12px;text-decoration:none;margin-top:5px;font-weight:400} @media(min-width:1101px){.mag-control .mag-dashboards-library-grid{grid-template-columns:1fr} .mag-control .mag-dashboards-card-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:4px 24px} .mag-control .mag-dashboards-card-content h3, .mag-control .mag-dashboards-card-content>p, .mag-control .mag-dashboards-capabilities{grid-column:1} .mag-control .mag-dashboards-source-mini{grid-column:2;grid-row:1/3;margin:0} .mag-control .mag-dashboards-card-actions{grid-column:2;grid-row:3;align-self:end} .mag-control .mag-dashboards-library-card{padding:20px 24px} .mag-control .mag-dashboards-card-content>p{margin:3px 0 8px} .mag-control .mag-dashboards-capabilities{align-self:end}} .mag-control:has(.dashboard-tv) .sidebar, .mag-control:has(.dashboard-tv) .topbar, .mag-control:has(.dashboard-tv) .portfolio-scope, .mag-control:has(.dashboard-tv) .workspace-footer, .mag-control:has(.dashboard-tv) .mobile-bottom-nav{display:none!important} .mag-control:has(.dashboard-tv) .app-main{margin:0!important;grid-column:1/-1!important;width:100%!important} .mag-control:has(.dashboard-tv) .workspace{max-width:none!important;padding:0!important} .mag-control:has(.dashboard-tv) .app-shell{display:block!important;grid-template-columns:1fr!important} @media(max-width:1100px){.mag-control .mag-dashboards-library-grid{grid-template-columns:1fr} .mag-control .mag-dashboards-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-dashboards-metric-card{padding:16px} .mag-control .mag-dashboards-metric-card>strong{font-size:25px} .mag-control .mag-dashboards-scope-hint{display:none} .mag-control .mag-dashboards-tv-grid dl{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.mag-control .mag-dashboards-page{gap:16px} .mag-control .mag-dashboards-heading{flex-direction:column;gap:12px} .mag-control .mag-dashboards-heading h1{font-size:26px;line-height:1.2} .mag-control .mag-dashboards-heading p{font-size:14px} .mag-control .mag-dashboards-header-actions{width:100%} .mag-control .mag-dashboards-header-actions .button{min-height:44px} .mag-control .mag-dashboards-library-tools{align-items:stretch;flex-direction:column;gap:10px} .mag-control .mag-dashboards-search{min-width:0} .mag-control .mag-dashboards-library-card{padding:18px;gap:12px} .mag-control .mag-dashboards-card-icon{height:34px;min-width:34px} .mag-control .mag-dashboards-card-content h3{font-size:17px} .mag-control .mag-dashboards-card-actions{flex-direction:column} .mag-control .mag-dashboards-card-actions a{min-height:44px;white-space:normal} .mag-control .mag-dashboards-categories{gap:6px} .mag-control .mag-dashboards-categories button{font-size:12px;padding:7px 12px;min-height:44px} .mag-control .mag-dashboards-scope-bar{flex-direction:column;align-items:stretch;padding:14px;gap:12px} .mag-control .mag-dashboards-scope-bar label, .mag-control .mag-dashboards-scope-bar label:first-child{min-width:0} .mag-control .mag-dashboards-source-line{line-height:1.6;margin:0} .mag-control .mag-dashboards-source-line a{margin-left:0} .mag-control .mag-dashboards-source-line>span:not(.mag-dashboards-status-dot){flex-basis:100%} .mag-control .mag-dashboards-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .mag-control .mag-dashboards-metric-card{min-height:142px;padding:15px 13px;gap:10px} .mag-control .mag-dashboards-metric-card>strong{font-size:25px} .mag-control .mag-dashboards-metric-label{font-size:12px} .mag-control .mag-dashboards-metric-note{font-size:12px;line-height:1.45} .mag-control .mag-dashboards-view-tabs{gap:10px} .mag-control .mag-dashboards-view-tabs button{min-height:44px;font-size:12px} .mag-control .mag-dashboards-filter-grid{grid-template-columns:1fr} .mag-control .mag-dashboards-search-bar{flex-wrap:wrap;margin-top:0} .mag-control .mag-dashboards-search-bar input{flex:1;min-width:120px} .mag-control .mag-dashboards-search-bar>svg{display:none} .mag-control .mag-dashboards-age-strip{padding:15px} .mag-control .mag-dashboards-age-strip>div{grid-template-columns:repeat(3,1fr);gap:14px} .mag-control .mag-dashboards-panel-heading{padding:17px;flex-wrap:wrap;gap:8px} .mag-control .mag-dashboards-panel-heading h2{font-size:17px} .mag-control .mag-dashboards-table-scroll{display:none} .mag-control .mag-dashboards-mobile-records{display:flex;flex-direction:column} .mag-control .mag-dashboards-mobile-record{padding:18px;border-top:1px solid var(--mag-border);display:flex;flex-direction:column;gap:13px} .mag-control .mag-dashboards-mobile-record h3{font-size:16px} .mag-control .mag-dashboards-mobile-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:12px} .mag-control .mag-dashboards-mobile-record dt{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-mobile-record dd{font-size:16px;font-weight:600;margin:4px 0 0;overflow-wrap:anywhere} .mag-control .mag-dashboards-mobile-record button{width:100%;min-height:44px;font-size:13px} .mag-control .mag-dashboards-pagination{padding:12px;gap:3px;flex-wrap:wrap} .mag-control .mag-dashboards-pagination select{width:58px;min-height:44px} .mag-control .mag-dashboards-pagination label{gap:5px} .mag-control .mag-dashboards-pagination .icon-button{min-height:44px;min-width:44px} .mag-control .mag-dashboards-source-content dl, .mag-control .mag-dashboards-evidence dl{grid-template-columns:1fr} .mag-control .mag-dashboards-source-content{padding:4px 16px 16px;font-size:13px} .mag-control .mag-dashboards-source-content summary{font-size:12px} .mag-control .mag-dashboards-evidence-caption{font-size:12px} .mag-control .mag-dashboards-loading, .mag-control .mag-dashboards-empty{padding:23px 18px} .mag-control .mag-dashboards-presentation{padding:16px} .mag-control .mag-dashboards-tv-header, .mag-control .mag-dashboards-tv-controls{flex-direction:column} .mag-control .mag-dashboards-tv-bar{gap:10px;align-items:flex-start} .mag-control .mag-dashboards-tv-grid{grid-template-columns:1fr} .mag-control .mag-dashboards-tv-grid article{min-height:170px}} @media(max-width:389px){.mag-control .mag-dashboards-metric-grid{grid-template-columns:1fr} .mag-control .mag-dashboards-metric-card{min-height:112px} .mag-control .mag-dashboards-metric-card>strong{font-size:28px} .mag-control .mag-dashboards-source-line{font-size:12px} .mag-control .mag-dashboards-card-icon{display:none} .mag-control .mag-dashboards-pagination>span{width:100%;margin-bottom:5px} .mag-control .mag-dashboards-back-link span{display:none}} @media(prefers-reduced-motion:reduce){.mag-control .mag-dashboards-page *, .mag-control .mag-dashboards-presentation *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} @media print{.mag-control .mag-dashboards-heading button, .mag-control .mag-dashboards-review-toolbar, .mag-control .mag-dashboards-search-bar, .mag-control .mag-dashboards-scope-bar, .mag-control .mag-dashboards-header-actions, .mag-control .mag-dashboards-pagination, .mag-control .mag-dashboards-back-link, .mag-control .mag-dashboards-filters, .mag-control .mag-dashboards-source-details:not([open]){display:none!important} .mag-control .mag-dashboards-table-scroll{max-height:none;overflow:visible;display:block} .mag-control .mag-dashboards-mobile-records{display:none} .mag-control .mag-dashboards-table{font-size:12px} .mag-control .mag-dashboards-table th, .mag-control .mag-dashboards-table td{white-space:normal;padding:6px} .mag-control .mag-dashboards-table th:first-child{min-width:100px} .mag-control .mag-dashboards-metric-grid{grid-template-columns:repeat(4,1fr)} .mag-control .mag-dashboards-source-line, .mag-control .mag-dashboards-period{color:#222} .mag-control .mag-dashboards-page{gap:12px}} .mag-control .mag-dashboards-active-filters{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-dashboards-active-filters:empty{display:none} .mag-control .mag-dashboards-active-filters button{font-size:.75rem;border:1px solid var(--mag-border);background:var(--mag-surface)} .mag-control .mag-dashboards-mobile-sort{display:none} .mag-control .mag-dashboards-metric-card:disabled{cursor:default} .mag-control .mag-dashboards-metric-card:disabled:hover{border-color:var(--mag-border);background:var(--mag-surface)} .mag-control .mag-dashboards-metric-card:disabled .mag-dashboards-metric-note svg{display:none} @media(max-width:767px){.mag-control .mag-dashboards-mobile-sort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12px;padding:14px 17px;border-top:1px solid var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .mag-dashboards-mobile-sort label{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;font-size:12px} .mag-control .mag-dashboards-mobile-sort select{min-width:0;min-height:44px;width:100%} .mag-control .mag-dashboards-mobile-record .mag-dashboards-cell-link{text-align:left}} @media print{.mag-control .mag-dashboards-mobile-sort{display:none!important}} @media(max-width:767px){.mag-control .mag-dashboards-page{gap:12px} .mag-control .mag-dashboards-heading{gap:10px} .mag-control .mag-dashboards-scope-bar{padding:12px;gap:10px} .mag-control .mag-dashboards-scope-bar label:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:10px} .mag-control .mag-dashboards-scope-bar label:nth-child(2) input{margin:0;width:190px;min-width:0} .mag-control .mag-dashboards-book-freshness{gap:4px;margin:-4px 0} .mag-control .mag-dashboards-review-toolbar{gap:10px} .mag-control .mag-dashboards-active-filters .button{min-height:44px}} @media(min-width:768px) and (max-width:900px){.mag-control .mag-dashboards-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .mag-control .mag-dashboards-metric-card>strong{white-space:nowrap} .mag-control .mag-dashboards-appointment-date{display:flex;align-items:end;gap:8px;flex-wrap:wrap} .mag-control .mag-dashboards-appointment-date label{margin:0!important;min-width:0!important;font-size:12px;display:block!important} .mag-control .mag-dashboards-appointment-date input{display:block;margin-top:4px!important;width:174px!important;min-height:44px!important} .mag-control .mag-dashboards-appointment-date>div{display:flex;gap:4px} .mag-control .mag-dashboards-appointment-date small{flex-basis:100%;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-appointment-date button{min-height:44px} .mag-control .mag-dashboards-tv-controls{flex-direction:column;align-items:flex-end;flex:none} .mag-control .mag-dashboards-tv-header .mag-dashboards-eyebrow{margin-top:8px} .mag-control .mag-dashboards-tv-header .mag-brand{margin-bottom:8px} .mag-control .mag-dashboards-tv-store-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:0;padding:0;text-align:left;font:inherit;color:var(--mag-text);min-height:36px} .mag-control .mag-dashboards-tv-count-link{display:flex;align-items:center;gap:12px;font:inherit;color:var(--mag-link);background:none;border:0;padding:0;min-height:44px} .mag-control .mag-dashboards-tv-count-link:hover, .mag-control .mag-dashboards-tv-store-link:hover{color:var(--mag-link);text-decoration:underline;text-underline-offset:5px} .mag-control .mag-dashboards-appointment-notice{padding:12px 15px;margin-top:14px;border-left:3px solid var(--mag-warning-text);background:var(--mag-surface-subtle);font-size:13px;color:var(--mag-text-secondary)} @media(max-width:767px){.mag-control .mag-dashboards-tv-controls{align-items:flex-start;width:100%} .mag-control .mag-dashboards-appointment-date{width:100%} .mag-control .mag-dashboards-tv-header{gap:12px} .mag-control .mag-dashboards-appointment-notice{line-height:1.55} .mag-control .mag-dashboards-tv-header h1{font-size:25px}} @media(min-width:768px){.mag-control .mag-dashboards-scope-bar:has(.mag-dashboards-appointment-date){flex-wrap:wrap;gap:14px} .mag-control .mag-dashboards-scope-bar:has(.mag-dashboards-appointment-date)>label:first-child{min-width:240px} .mag-control .mag-dashboards-scope-bar .mag-dashboards-appointment-date{min-width:340px;flex:1} .mag-control .mag-dashboards-scope-bar:has(.mag-dashboards-appointment-date) .mag-dashboards-scope-hint{display:none}} .mag-control .mag-dashboards-book-freshness{display:block} .mag-control .mag-dashboards-book-freshness summary{cursor:pointer;min-height:28px} .mag-control .mag-dashboards-book-freshness[open]>span{display:block;margin:5px 0} @media(max-width:767px){.mag-control .mag-dashboards-heading{flex-direction:row;align-items:flex-start;gap:10px} .mag-control .mag-dashboards-heading>div:first-child{min-width:0;flex:1} .mag-control .mag-dashboards-heading h1{font-size:23px} .mag-control .mag-dashboards-heading p{font-size:12px;line-height:1.5} .mag-control .mag-dashboards-header-actions{width:auto;flex:0 0 auto;gap:4px;flex-wrap:nowrap} .mag-control .mag-dashboards-header-actions button{font-size:0;min-width:40px;min-height:40px;padding:8px} .mag-control .mag-dashboards-header-actions button span{font-size:0} .mag-control .mag-dashboards-header-actions button svg{width:18px;height:18px} .mag-control .mag-dashboards-scope-bar{padding:10px;gap:5px} .mag-control .mag-dashboards-scope-bar>.button{min-height:36px;font-size:12px;padding:4px 8px;align-self:flex-end;background:none;border-color:transparent} .mag-control .mag-dashboards-appointment-date{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:end} .mag-control .mag-dashboards-appointment-date input{width:100%!important;min-width:0;min-height:40px!important;font-size:13px;padding:5px 8px} .mag-control .mag-dashboards-appointment-date label{font-size:12px} .mag-control .mag-dashboards-appointment-date>div{gap:0} .mag-control .mag-dashboards-appointment-date .icon-button{width:32px;min-width:32px;padding:4px} .mag-control .mag-dashboards-appointment-date>div .button{padding:5px 8px;font-size:12px;min-height:40px} .mag-control .mag-dashboards-appointment-date small{grid-column:1/-1;font-size:12px} .mag-control .mag-dashboards-source-line{gap:3px 8px;font-size:12px} .mag-control .mag-dashboards-source-line>span:not(.mag-dashboards-status-dot){flex-basis:auto} .mag-control .mag-dashboards-source-line a{margin-left:auto;min-height:28px} .mag-control .mag-dashboards-period{font-size:12px;line-height:1.5;margin:0} .mag-control .mag-dashboards-book-freshness{font-size:12px} .mag-control .mag-dashboards-metric-card{min-height:112px;padding:12px 10px;gap:6px} .mag-control .mag-dashboards-metric-label, .mag-control .mag-dashboards-metric-note{font-size:12px} .mag-control .mag-dashboards-metric-card>strong{font-size:24px} .mag-control .mag-dashboards-metric-note{line-height:1.45} .mag-control .mag-dashboards-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-dashboards-mobile-sort{padding:10px 14px;font-size:12px} .mag-control .mag-dashboards-mobile-sort select{font-size:12px;min-height:40px} .mag-control .mag-dashboards-mobile-sort label{font-size:12px}} .mag-control .mag-dashboards-table-scroll:has(.inline-review){max-height:none} .mag-control .mag-dashboards-page{gap:12px} .mag-control .mag-dashboards-heading p{margin:0} .mag-control .mag-dashboards-metric-card{min-height:104px;border-radius:var(--mag-radius-control);padding:14px 16px} .mag-control .mag-dashboards-metric-label{font-size:14px} .mag-control .mag-dashboards-metric-note{font-size:12px} .mag-control .mag-dashboards-metric-card>strong{font-size:28px} .mag-control .mag-dashboards-panel-heading{padding:16px 18px} .mag-control .mag-dashboards-table{font-size:14px} .mag-control .mag-dashboards-table thead th{font-size:13px;white-space:normal;min-width:125px} .mag-control .mag-dashboards-table thead .column-heading{align-items:center} .mag-control .mag-dashboards-source-line{line-height:1.5;margin-bottom:0} .mag-control .mag-dashboards-period{margin:0} .mag-control .mag-dashboards-book-freshness>summary{min-height:32px;cursor:pointer} .mag-control .mag-dashboards-appointment-summary{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface)} .mag-control .mag-dashboards-appointment-summary>summary{padding:12px 16px;font-size:14px;min-height:44px;cursor:pointer} .mag-control .mag-dashboards-appointment-summary>.mag-dashboards-metric-grid{padding:0 12px 12px} .mag-control .mag-dashboards-appointment-summary .mag-dashboards-metric-card{box-shadow:none} .mag-control .mag-dashboards-scope-bar{padding:8px 12px} .mag-control .mag-dashboards-scope-bar label{min-width:0!important} .mag-control .mag-dashboards-scope-bar label:first-child{min-width:0} .mag-control .mag-dashboards-presentation{height:100dvh;min-height:0;box-sizing:border-box;overflow:auto;padding:16px 24px} .mag-control .mag-dashboards-tv-header h1{font-size:26px;line-height:1.2} .mag-control .mag-dashboards-tv-header p{margin:4px 0;font-size:12px;line-height:1.4} .mag-control .mag-dashboards-tv-header .mag-dashboards-eyebrow{margin:0} .mag-control .mag-dashboards-tv-bar{flex-shrink:0;margin:12px 0;padding:8px 0} .mag-control .mag-dashboards-tv-grid{min-height:216px;gap:16px;align-content:start} .mag-control .mag-dashboards-tv-grid article{min-height:200px;padding:14px;box-sizing:border-box} .mag-control .mag-dashboards-tv-grid h2{font-size:18px;line-height:1.35} .mag-control .mag-dashboards-tv-grid dt{font-size:13px} .mag-control .mag-dashboards-tv-grid dd{font-size:25px} .mag-control .mag-dashboards-tv-foot{padding-top:10px;flex-shrink:0;font-size:12px} .mag-control .mag-dashboards-tv-controls{flex-shrink:0} .mag-control .mag-dashboards-tv-header{flex-shrink:0} .mag-control .mag-dashboards-presentation .mag-dashboards-appointment-notice{flex-shrink:0;font-size:12px;margin-top:8px} .mag-control .mag-dashboards-tv-grid .semantic-label{font-size:12px} @media(max-width:767px){.mag-control .mag-dashboards-page{gap:12px} .mag-control .mag-dashboards-heading{flex-direction:row;gap:8px} .mag-control .mag-dashboards-heading h1{font-size:26px} .mag-control .mag-dashboards-heading p{font-size:14px} .mag-control .mag-dashboards-header-actions{width:auto} .mag-control .mag-dashboards-source-line, .mag-control .mag-dashboards-period, .mag-control .mag-dashboards-book-freshness{font-size:12px} .mag-control .mag-dashboards-appointment-date{gap:8px} .mag-control .mag-dashboards-appointment-date label{font-size:12px} .mag-control .mag-dashboards-appointment-date input{min-height:44px;font-size:14px} .mag-control .mag-dashboards-appointment-date button{min-height:44px;min-width:44px} .mag-control .mag-dashboards-appointment-date small{font-size:12px} .mag-control .mag-dashboards-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-dashboards-metric-card{min-height:108px;padding:12px} .mag-control .mag-dashboards-metric-label{font-size:14px} .mag-control .mag-dashboards-metric-note{font-size:12px} .mag-control .mag-dashboards-metric-card>strong{font-size:26px} .mag-control .mag-dashboards-mobile-sort{font-size:12px} .mag-control .mag-dashboards-mobile-sort select{font-size:14px;min-height:44px} .mag-control .mag-dashboards-scope-bar{gap:8px;flex-direction:row;flex-wrap:wrap} .mag-control .mag-dashboards-scope-bar>.button{font-size:12px;min-height:44px} .mag-control .mag-dashboards-scope-bar>.mag-dashboards-appointment-date{flex:1;min-width:0} .mag-control .mag-dashboards-appointment-notice{font-size:12px;line-height:1.5;padding:8px 10px} .mag-control .mag-dashboards-presentation{padding:12px} .mag-control .mag-dashboards-tv-header{gap:8px} .mag-control .mag-dashboards-tv-header h1{font-size:22px} .mag-control .mag-dashboards-tv-controls{width:100%;flex-direction:row;flex-wrap:wrap} .mag-control .mag-dashboards-tv-grid{min-height:216px} .mag-control .mag-dashboards-tv-bar{margin:10px 0;font-size:12px} .mag-control .mag-dashboards-tv-foot{font-size:12px} .mag-control .mag-dashboards-tv-grid article{min-height:200px}} .mag-control .mag-dashboards-mobile-sort-disclosure{display:none} .mag-control .mag-dashboards-filters>.mag-dashboards-search-bar{padding:0 16px 12px} .mag-control .mag-dashboards-filters[open]>.mag-dashboards-search-bar{margin-top:0} .mag-control .mag-dashboards-source-content>.button{margin-bottom:12px} @media(max-width:767px){.mag-control .mag-dashboards-scope-bar>.mag-dashboards-appointment-date{flex-basis:100%;width:100%} .mag-control .mag-dashboards-appointment-date{grid-template-columns:minmax(140px,1fr) auto} .mag-control .mag-dashboards-appointment-date input{width:100%!important;min-height:44px!important} .mag-control .mag-dashboards-view-tabs{flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;gap:16px} .mag-control .mag-dashboards-view-tabs button{font-size:13px;min-height:44px} .mag-control .mag-dashboards-review-toolbar{gap:6px} .mag-control .mag-dashboards-filters{width:100%} .mag-control .mag-dashboards-filters summary{min-height:44px} .mag-control .mag-dashboards-filters>.mag-dashboards-search-bar{padding:0 12px 12px} .mag-control .mag-dashboards-source-line{gap:3px 8px} .mag-control .mag-dashboards-source-line a{margin-left:auto} .mag-control .mag-dashboards-source-line>span:not(.mag-dashboards-status-dot){flex-basis:auto} .mag-control .mag-dashboards-appointment-summary>summary{font-size:13px;padding:10px 12px} .mag-control .mag-dashboards-mobile-sort-disclosure{display:block;padding:0 16px 10px;font-size:12px} .mag-control .mag-dashboards-mobile-sort-disclosure>summary{min-height:44px;cursor:pointer;align-content:center} .mag-control .mag-dashboards-mobile-sort-disclosure .mag-dashboards-mobile-sort{padding:4px 0 0} .mag-control .mag-dashboards-panel-heading{padding:12px 16px} .mag-control .mag-dashboards-panel-heading p{font-size:12px} .mag-control .table-additional-context{padding-bottom:0} .mag-control .mag-dashboards-heading:has(+.mag-dashboards-scope-bar .mag-dashboards-appointment-date) p{display:none} .mag-control .mag-dashboards-appointment-notice{margin-top:0} .mag-control .mag-dashboards-page:has(.mag-dashboards-appointment-date) .mag-dashboards-table-panel .mag-dashboards-panel-heading p{display:none}} .mag-control:has(.dashboard-tv) .investigation-context, .mag-control:has(.dashboard-tv) .investigation-trail, .mag-control:has(.dashboard-tv) .context-warning{display:none!important} @media screen{.mag-control .mag-dashboards-page{ gap: 10px; } .mag-control .mag-dashboards-heading{ gap: 12px; } .mag-control .mag-dashboards-heading h1{ font-size: 22px; line-height: 1.25; margin-bottom: 4px; } .mag-control .mag-dashboards-eyebrow{ margin-bottom: 4px; } .mag-control .mag-dashboards-library-grid, .mag-control .mag-dashboards-category-group{ gap: 10px; } .mag-control .mag-dashboards-library-card{ padding: 12px 16px; gap: 12px; } .mag-control .mag-dashboards-card-content h3{ font-size: 16px; } .mag-control .mag-dashboards-card-content > p{ margin: 5px 0 8px; line-height: 1.45; } .mag-control .mag-dashboards-library-foot{ padding: 10px 0; font-size: 12px; } .mag-control .mag-dashboards-metric-grid{ gap: 8px; } .mag-control .mag-dashboards-metric-card{ min-height: 76px; padding: 8px 12px; gap: 4px; box-shadow: none; } .mag-control .mag-dashboards-metric-label{ font-size: 12px; } .mag-control .mag-dashboards-metric-card > strong{ font-size: 16px; line-height: 1.35; letter-spacing: 0; white-space: normal; } .mag-control .mag-dashboards-metric-note{ font-size: 12px; line-height: 1.4; } .mag-control .mag-dashboards-review-toolbar{ gap: 8px; } .mag-control .mag-dashboards-view-tabs{ gap: 10px; } .mag-control .mag-dashboards-view-tabs button{ padding: 6px 4px; font-size: 14px; } .mag-control .mag-dashboards-filters summary{ padding: 6px 10px; } .mag-control .mag-dashboards-filter-grid{ gap: 10px; padding: 4px 12px 12px; } .mag-control .mag-dashboards-search-bar{ margin-top: 0; } .mag-control .mag-dashboards-panel-heading{ padding: 10px 12px; gap: 10px; } .mag-control .mag-dashboards-panel-heading h2{ font-size: 16px; margin-bottom: 4px; } .mag-control .mag-dashboards-panel-heading p{ font-size: 12px; margin: 0; } .mag-control .mag-dashboards-table{ font-size: 14px; font-variant-numeric: tabular-nums; } .mag-control .mag-dashboards-table th, .mag-control .mag-dashboards-table td{ padding: 6px 10px; } .mag-control .mag-dashboards-table thead th{ font-size: 12px; } .mag-control .mag-dashboards-row-link{ font-size: 14px; gap: 8px; } .mag-control .mag-dashboards-row-link small, .mag-control .mag-dashboards-cell-link small{ font-size: 12px; margin-top: 3px; } .mag-control .mag-dashboards-pagination{ padding: 8px 12px; } .mag-control .mag-dashboards-age-strip{ padding: 10px 12px; } .mag-control .mag-dashboards-age-strip h2{ margin-bottom: 8px; } .mag-control .mag-dashboards-age-strip > div{ gap: 10px; } .mag-control .mag-dashboards-age-strip strong{ font-size: 16px; } .mag-control .mag-dashboards-loading, .mag-control .mag-dashboards-empty{ padding: 16px; } .mag-control .mag-dashboards-evidence{ gap: 12px; } .mag-control .mag-dashboards-evidence dl > div{ padding: 8px; } .mag-control .mag-dashboards-evidence dd{ font-size: 14px; } .mag-control .mag-dashboards-evidence-notes{ gap: 6px; font-size: 12px; } .mag-control .mag-dashboards-followup{ padding-top: 12px; }} @media screen and (min-width: 768px){.mag-control .mag-dashboards-scope-bar select, .mag-control .mag-dashboards-scope-bar input{ min-height: 32px; } .mag-control .mag-dashboards-filters summary{ min-height: 32px; }} @media screen and (max-width: 767px){.mag-control .mag-dashboards-page .mag-dashboards-header-actions button{ min-height: 44px; min-width: 44px; } .mag-control .mag-dashboards-page :is(button, .mag-control input, .mag-control select, .mag-control summary){ min-height: 44px; } .mag-control .mag-dashboards-page button{ min-width: 44px; } .mag-control .mag-dashboards-back-link, .mag-control .mag-dashboards-card-actions a{ min-height: 44px; align-items: center; } .mag-control .mag-dashboards-library-card{ padding: 12px; } .mag-control .mag-dashboards-metric-card{ min-height: 88px; padding: 10px; } .mag-control .mag-dashboards-mobile-record{ padding: 12px; gap: 10px; } .mag-control .mag-dashboards-mobile-record dl{ gap: 8px; } .mag-control .mag-dashboards-mobile-record dd{ font-size: 14px; } .mag-control .mag-dashboards-mobile-record dt{ font-size: 12px; }} .mag-control .mag-dashboards-page, .mag-control .mag-dashboards-presentation{--dash-row:var(--mag-dense-row,30px);--dash-font:var(--mag-dense-font,13px);--dash-head:var(--mag-dense-head-font,11px);--dash-pad-x:var(--mag-dense-cell-pad-x,10px);--dash-control:var(--mag-control-h,32px);--dash-tile:var(--mag-tile-value,20px);--dash-tile-label:var(--mag-tile-label,11px);--dash-tile-context:var(--mag-tile-context,12px);--dash-title:var(--mag-page-title,22px)} @media screen and (min-width: 768px){.mag-control .mag-dashboards-page{ gap: 8px; } .mag-control .mag-dashboards-heading h1{ font-size: var(--dash-title); line-height: 1.2; } .mag-control .mag-dashboards-header-actions .button{ min-height: var(--dash-control); padding: 0 10px; font-size: 13px; } .mag-control .mag-dashboards-scope-bar{ padding: 6px 12px; gap: 12px; } .mag-control .mag-dashboards-scope-bar select, .mag-control .mag-dashboards-scope-bar input, .mag-control .mag-dashboards-pagination select{ min-height: var(--dash-control); height: var(--dash-control); padding-block: 0; font-size: 13px; } .mag-control .mag-dashboards-metric-grid{ gap: 8px; } .mag-control .mag-dashboards-metric-card{ min-height: 0; padding: 6px 12px; gap: 1px; border-radius: var(--mag-radius-card); } .mag-control .mag-dashboards-metric-label{ font-size: var(--dash-tile-label); font-weight: 650; letter-spacing: .04em; text-transform: uppercase; } .mag-control .mag-dashboards-metric-card > strong{ font-size: var(--dash-tile); line-height: 1.3; font-weight: 650; } .mag-control .mag-dashboards-metric-note{ font-size: var(--dash-tile-context); line-height: 1.35; } .mag-control .mag-dashboards-view-tabs{ gap: 4px; } .mag-control .mag-dashboards-view-tabs button{ min-height: var(--dash-control); padding: 0 8px; font-size: 13px; } .mag-control .mag-dashboards-filters summary{ min-height: var(--dash-control); padding: 0 10px; font-size: 13px; } .mag-control .mag-dashboards-filter-grid select, .mag-control .mag-dashboards-search-bar input{ min-height: var(--dash-control); padding-block: 0; font-size: 13px; } .mag-control .mag-dashboards-table-panel{ box-shadow: none; } .mag-control .mag-dashboards-panel-heading{ align-items: center; min-height: 40px; padding: 6px 12px; background: var(--mag-surface-subtle); border-bottom: 1px solid var(--mag-border); } .mag-control .mag-dashboards-panel-heading h2{ font-size: 13px; font-weight: 650; line-height: 1.3; margin: 0; } .mag-control .mag-dashboards-panel-heading p{ font-size: 12px; line-height: 1.35; } .mag-control .mag-dashboards-row-count{ padding: 1px 8px; font-size: 11.5px; } .mag-control .mag-dashboards-table{ font-size: var(--dash-font); line-height: 1.3; font-variant-numeric: tabular-nums; } .mag-control .mag-dashboards-table th, .mag-control .mag-dashboards-table td{ height: var(--dash-row); padding: 1px var(--dash-pad-x); } .mag-control .mag-dashboards-table th:first-child{ min-width: 200px; } .mag-control .mag-dashboards-table thead th{ font-size: var(--dash-head); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; min-width: 96px; line-height: 1.2; padding-block: 4px; } .mag-control .mag-dashboards-table thead button{ padding: 0; font-weight: 700; font-size: inherit; letter-spacing: inherit; text-transform: inherit; } .mag-control .mag-dashboards-table .review-disclosure{ min-height: 0; padding: 2px 0; gap: 6px; font-size: var(--dash-font); line-height: 1.3; } .mag-control .mag-dashboards-table .review-disclosure small{ margin-top: 0; font-size: 11px; } .mag-control .mag-dashboards-heading p{ font-size: 13px; line-height: 1.4; } .mag-control .mag-dashboards-search input{ min-height: var(--dash-control); height: var(--dash-control); padding-block: 0; font-size: 13px; } .mag-control .mag-dashboards-categories{ gap: 4px; } .mag-control .mag-dashboards-categories button{ min-height: var(--dash-control); padding: 0 10px; font-size: 13px; } .mag-control .mag-dashboards-category-group > h2{ font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .mag-control .mag-dashboards-scope-bar label{ font-size: 12px; } .mag-control .mag-dashboards-appointment-date label{ display: inline-flex !important; align-items: center; gap: 6px; } .mag-control .mag-dashboards-appointment-date input{ margin-top: 0 !important; min-height: var(--dash-control) !important; height: var(--dash-control); } .mag-control .mag-dashboards-appointment-date button{ min-height: var(--dash-control); } .mag-control .mag-dashboards-row-link{ min-height: 0; font-size: var(--dash-font); line-height: 1.3; } .mag-control .mag-dashboards-row-link small, .mag-control .mag-dashboards-cell-link small{ margin-top: 0; font-size: 11px; line-height: 1.25; } .mag-control .mag-dashboards-cell-link{ min-height: 0; padding: 0; line-height: 1.3; } .mag-control .mag-dashboards-table .semantic-label{ display: inline; margin-left: 6px; font-size: 11px; line-height: 1; white-space: nowrap; } .mag-control .mag-dashboards-table .semantic-confidence{ font-size: 11px; line-height: 1.25; } .mag-control .mag-dashboards-pagination{ padding: 4px 12px; } .mag-control .mag-dashboards-age-strip{ padding: 8px 12px; } .mag-control .mag-dashboards-age-strip h2{ font-size: 13px; font-weight: 650; margin-bottom: 6px; } .mag-control .mag-dashboards-age-strip button > span, .mag-control .mag-dashboards-age-strip small{ font-size: var(--dash-tile-label); } .mag-control .mag-dashboards-age-strip strong{ font-size: var(--dash-tile); line-height: 1.3; } .mag-control .mag-dashboards-source-details summary{ min-height: 36px; padding: 6px 12px; } .mag-control .mag-dashboards-appointment-summary > summary{ min-height: 36px; padding: 6px 12px; font-size: 13px; }} @media (pointer: coarse){.mag-control .mag-dashboards-page :is(button, .mag-control input, .mag-control select, .mag-control summary), .mag-control .mag-dashboards-cell-link, .mag-control .mag-dashboards-row-link, .mag-control .mag-dashboards-table .review-disclosure{ min-height: 44px; } .mag-control .mag-dashboards-appointment-date input{ min-height: 44px !important; height: auto; }} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]){gap:10px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-heading h1{margin-bottom:2px;font-size:25px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-heading p{margin:0;font-size:13px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-scope-bar{padding:8px 12px;gap:16px;align-items:center} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-scope-bar label:first-child{min-width:170px;flex:none} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-scope-hint{display:none} .mag-control .mag-dashboards-compact-source{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;font-size:12px;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-dashboards-compact-source strong{color:var(--mag-text)} .mag-control .mag-dashboards-compact-source a{white-space:nowrap} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-metric-card{min-height:90px;padding:10px 12px;gap:5px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-metric-card>strong{font-size:25px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-panel-heading{padding:10px 12px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-view-tabs button{padding:8px 4px} @media(max-width:767px){.mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-scope-bar{align-items:stretch} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-metric-card{min-height:100px} .mag-control .mag-dashboards-page:is([data-dashboard="variable-operations"], .mag-control [data-dashboard="service-parts"]) .mag-dashboards-view-tabs button{min-height:44px}} .mag-control .mag-dashboards-page .mag-dashboards-metric-card{border-radius:12px;border-color:var(--mag-border);border-top:3px solid var(--mag-chart-1);background:var(--mag-surface)} .mag-control .mag-dashboards-page .mag-dashboards-metric-card>strong{font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.025em} .mag-control .mag-dashboards-page .mag-dashboards-metric-label{font-weight:650;color:var(--mag-text-secondary)} .mag-control .mag-dashboards-page .mag-dashboards-table-panel{border-radius:12px;border:1px solid var(--mag-border)} .mag-control .mag-dashboards-page .mag-dashboards-panel-heading{background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-dashboards-page .mag-dashboards-panel-heading h2{color:var(--mag-text);border-left:3px solid var(--mag-chart-1);padding-left:9px} .mag-control .mag-dashboards-page .mag-dashboards-table tbody tr:focus-within>*, .mag-control .mag-dashboards-page .mag-dashboards-table tbody tr:hover>*{background:var(--mag-hover)} @media(max-width:767px){.mag-control .mag-dashboards-page .mag-dashboards-metric-card>strong{font-size:22px}} @media(max-width:767px){.mag-control .mag-dashboards-page .mag-dashboards-view-tabs button{flex:0 0 auto} .mag-control .mag-dashboards-page .mag-dashboards-metric-card>strong{font-size:22px;overflow-wrap:normal}} @media screen{.mag-control .mag-dashboards-page .mag-dashboards-library-card{border-radius:12px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-dashboards-page .mag-dashboards-card-icon{background:var(--mag-surface-subtle);color:var(--mag-chart-1);border-radius:10px} .mag-control .mag-dashboards-page .mag-dashboards-library-card:focus-within{outline:2px solid var(--mag-primary);outline-offset:2px} .mag-control .mag-dashboards-page .mag-dashboards-empty{border:1px dashed var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle)}} /* ==== src/features/dashboards/inventory-board.module.css (module -> .mag-inventory-board-*) ==== */ .mag-control .mag-inventory-board-board{min-width:0;color:var(--mag-text);font-variant-numeric:tabular-nums} .mag-control .mag-inventory-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .mag-control .mag-inventory-board-heading h1{font-size:24px;line-height:1.2;margin:0} .mag-control .mag-inventory-board-heading p{font-size:11px;color:var(--mag-text-secondary);margin:5px 0 0} .mag-control .mag-inventory-board-heading p strong{font-weight:600;color:var(--mag-text)} .mag-control .mag-inventory-board-exports{position:relative;flex:none} .mag-control .mag-inventory-board-exports summary{display:flex;align-items:center;gap:6px;list-style:none;background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:7px;padding:8px 12px;cursor:pointer;font-size:12px} .mag-control .mag-inventory-board-exports summary::-webkit-details-marker{display:none} .mag-control .mag-inventory-board-exports>div{position:absolute;top:38px;right:0;min-width:235px;z-index:8;padding:6px;background:var(--mag-surface);border:1px solid var(--mag-border);box-shadow:0 5px 20px #0002;border-radius:8px} .mag-control .mag-inventory-board-exports a{display:block;color:var(--mag-link);font-size:12px;padding:10px} .mag-control .mag-inventory-board-filters{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;margin-bottom:8px} .mag-control .mag-inventory-board-filters label{display:grid;gap:3px;font-size:10px;color:var(--mag-text-secondary);flex:1;min-width:90px} .mag-control .mag-inventory-board-filters select{font-size:11px;color:var(--mag-text);background:var(--mag-surface);border:1px solid var(--mag-control-border);padding:6px 22px 6px 7px;border-radius:6px;height:31px;min-width:0;width:100%;max-width:175px} .mag-control .mag-inventory-board-search{display:flex;align-items:center;gap:5px;height:31px;flex:1.6;min-width:205px;border:1px solid var(--mag-control-border);background:var(--mag-surface);padding:0 5px;border-radius:6px} .mag-control .mag-inventory-board-search svg{flex:none;color:var(--mag-text-secondary)} .mag-control .mag-inventory-board-search input{border:0;background:none;color:var(--mag-text);width:100%;min-width:50px;font-size:11px;padding:5px 0} .mag-control .mag-inventory-board-search button{border:0;background:none;color:var(--mag-link);padding:5px 2px;font-size:11px;cursor:pointer;display:flex;align-items:center} .mag-control .mag-inventory-board-context{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 7px} .mag-control .mag-inventory-board-context p{font-size:11px;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-inventory-board-context p strong{color:var(--mag-text)} .mag-control .mag-inventory-board-context nav{display:flex;align-items:center;gap:9px;font-size:11px} .mag-control .mag-inventory-board-context nav span{font-weight:650;color:var(--mag-text)} .mag-control .mag-inventory-board-context button, .mag-control .mag-inventory-board-context a{color:var(--mag-link);font:inherit;background:none;border:0;cursor:pointer;padding:4px 0;white-space:nowrap} .mag-control .mag-inventory-board-grid{max-width:100%;overflow:auto;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface)} .mag-control .mag-inventory-board-grid table{border-collapse:separate;border-spacing:0;min-width:950px;width:100%;table-layout:fixed} .mag-control .mag-inventory-board-grid th, .mag-control .mag-inventory-board-grid td{border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);text-align:center;vertical-align:middle;padding:3px 5px} .mag-control .mag-inventory-board-grid th:last-child, .mag-control .mag-inventory-board-grid td:last-child{border-right:0} .mag-control .mag-inventory-board-grid thead th{background:var(--mag-surface-subtle);font-size:11px;font-weight:650;padding:8px 5px;position:sticky;top:0;z-index:2} .mag-control .mag-inventory-board-grid th:first-child{width:196px;text-align:left;background:var(--mag-surface-subtle);position:sticky;left:0;z-index:1;padding:5px 9px} .mag-control .mag-inventory-board-grid thead th:first-child{z-index:3} .mag-control .mag-inventory-board-grid small{display:block;font-size:10px;color:var(--mag-text-secondary);font-weight:400;line-height:1.3} .mag-control .mag-inventory-board-grid thead small{font-size:9px;margin-top:3px} .mag-control .mag-inventory-board-grid .mag-inventory-board-total{background:var(--mag-surface-subtle);border-left:1px solid var(--mag-border)} .mag-control .mag-inventory-board-store{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:650;line-height:1.3;text-align:left;color:var(--mag-text);border:0;background:none;padding:0;cursor:pointer;min-height:24px} .mag-control .mag-inventory-board-store svg{flex:none} .mag-control .mag-inventory-board-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100%;min-height:39px;gap:1px;font:inherit;background:none;color:var(--mag-text);border:0;padding:1px 2px;cursor:pointer} .mag-control .mag-inventory-board-cell strong{font-size:19px;line-height:1.1;font-weight:700} .mag-control .mag-inventory-board-cell>span{font-size:10px;line-height:1.3;overflow-wrap:anywhere;max-width:100%} .mag-control .mag-inventory-board-cell>small{font-size:9px;font-weight:600;line-height:1.1;color:var(--mag-text-secondary)} .mag-control .mag-inventory-board-cell:hover:not(:disabled){background:var(--mag-hover);border-radius:5px;color:var(--mag-link)} .mag-control .mag-inventory-board-cell:disabled{color:var(--mag-text-secondary);cursor:default} .mag-control .mag-inventory-board-cell:disabled strong{font-size:18px} .mag-control .mag-inventory-board-grid tfoot th, .mag-control .mag-inventory-board-grid tfoot td{background:var(--mag-surface-subtle);border-bottom:0;border-top:1px solid var(--mag-border)} .mag-control .mag-inventory-board-grid tfoot th{font-size:12px;font-weight:650} .mag-control .mag-inventory-board-expanded td{background:var(--mag-surface);padding:12px!important;text-align:left} .mag-control .mag-inventory-board-expanded section{position:sticky;left:12px;max-width:900px} .mag-control .mag-inventory-board-expanded-heading{display:flex;justify-content:space-between;align-items:center;gap:8px} .mag-control .mag-inventory-board-expanded h2{font-size:15px;margin:0} .mag-control .mag-inventory-board-expanded-heading>button{background:none;border:0;cursor:pointer;color:var(--mag-text);padding:5px;display:flex} .mag-control .mag-inventory-board-expanded p{font-size:12px;line-height:1.5;margin:7px 0} .mag-control .mag-inventory-board-band-links{display:flex;gap:6px;flex-wrap:wrap} .mag-control .mag-inventory-board-band-links button{border:1px solid var(--mag-border);border-radius:5px;font-size:11px;padding:6px 9px;background:var(--mag-surface-subtle);color:var(--mag-link);cursor:pointer} .mag-control .mag-inventory-board-band-links button:disabled{color:var(--mag-text-secondary);cursor:default;opacity:.65} .mag-control .mag-inventory-board-expanded .mag-inventory-board-note{font-size:11px;color:var(--mag-text-secondary);margin-bottom:0} .mag-control .mag-inventory-board-legend{font-size:11px;line-height:1.5;margin:8px 0;color:var(--mag-text-secondary)} .mag-control .mag-inventory-board-source{font-size:12px;border-top:1px solid var(--mag-border);margin-top:12px;padding-top:12px;color:var(--mag-text-secondary);overflow-wrap:anywhere} .mag-control .mag-inventory-board-source summary{font-weight:600;cursor:pointer;color:var(--mag-text)} .mag-control .mag-inventory-board-source p{line-height:1.5} .mag-control .mag-inventory-board-source button, .mag-control .notice button{font:inherit;color:var(--mag-link);background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:5px;padding:6px 9px;cursor:pointer} .mag-control .notice{font-size:12px;padding:9px;border:1px solid var(--mag-border);border-radius:6px} .mag-control .mag-inventory-board-empty{padding:20px!important;font-size:13px} .mag-control .mag-inventory-board-board button:focus-visible, .mag-control .mag-inventory-board-board input:focus-visible, .mag-control .mag-inventory-board-board select:focus-visible, .mag-control .mag-inventory-board-board summary:focus-visible, .mag-control .mag-inventory-board-board a:focus-visible, .mag-control .mag-inventory-board-grid:focus-visible{outline:2px solid var(--mag-primary);outline-offset:2px;border-radius:3px} @media(max-width:760px){.mag-control .mag-inventory-board-heading{align-items:flex-start} .mag-control .mag-inventory-board-heading h1{font-size:22px} .mag-control .mag-inventory-board-heading p{font-size:10px;line-height:1.5} .mag-control .mag-inventory-board-exports summary{padding:8px;font-size:11px} .mag-control .mag-inventory-board-filters{gap:7px} .mag-control .mag-inventory-board-filters label{flex:1 0 28%;min-width:85px} .mag-control .mag-inventory-board-filters select{max-width:none;height:36px;font-size:11px} .mag-control .mag-inventory-board-search{flex-basis:100%;height:36px} .mag-control .mag-inventory-board-search input{font-size:12px} .mag-control .mag-inventory-board-search button{min-height:32px} .mag-control .mag-inventory-board-context{gap:7px} .mag-control .mag-inventory-board-context p{line-height:1.5} .mag-control .mag-inventory-board-context nav{gap:14px;flex-wrap:wrap} .mag-control .mag-inventory-board-context button, .mag-control .mag-inventory-board-context a{min-height:30px;display:inline-flex;align-items:center} .mag-control .mag-inventory-board-grid table{min-width:980px} .mag-control .mag-inventory-board-grid th:first-child{width:164px} .mag-control .mag-inventory-board-store{min-height:34px} .mag-control .mag-inventory-board-cell{min-height:46px} .mag-control .mag-inventory-board-cell strong{font-size:20px} .mag-control .mag-inventory-board-cell>span{font-size:11px} .mag-control .mag-inventory-board-grid .mag-inventory-board-expanded section{max-width:calc(100vw - 75px)} .mag-control .mag-inventory-board-band-links button{min-height:34px} .mag-control .mag-inventory-board-legend{font-size:10px}} @media print{.mag-control .mag-inventory-board-filters, .mag-control .mag-inventory-board-exports, .mag-control .mag-inventory-board-context nav, .mag-control .mag-inventory-board-source{display:none} .mag-control .mag-inventory-board-grid{overflow:visible;border:0} .mag-control .mag-inventory-board-grid table{min-width:0} .mag-control .mag-inventory-board-grid th:first-child, .mag-control .mag-inventory-board-grid thead th{position:static} .mag-control .mag-inventory-board-cell{color:inherit} .mag-control .mag-inventory-board-heading{margin-bottom:12px}} @media(min-width:1024px){.mag-control .app-main:has(.mag-inventory-board-board) .investigation-context{padding-top:7px;padding-bottom:7px} .mag-control .app-main:has(.mag-inventory-board-board) .context-controls{gap:14px;align-items:center} .mag-control .app-main:has(.mag-inventory-board-board) .context-controls>label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0} .mag-control .app-main:has(.mag-inventory-board-board) .context-controls select{height:32px;min-height:32px;margin:0} .mag-control .app-main:has(.mag-inventory-board-board) .context-controls>p{font-size:11px;line-height:15px;margin:0} .mag-control .workspace:has(.mag-inventory-board-board){padding-top:12px;padding-bottom:12px} .mag-control .workspace:has(.mag-inventory-board-board)>.investigation-trail{display:none} .mag-control .mag-inventory-board-heading{margin-bottom:7px} .mag-control .mag-inventory-board-heading>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .mag-control .mag-inventory-board-heading h1{font-size:22px} .mag-control .mag-inventory-board-heading p{margin:0} .mag-control .mag-inventory-board-exports summary{padding:6px 10px} .mag-control .mag-inventory-board-filters{margin-bottom:5px} .mag-control .mag-inventory-board-filters label{margin:0;font-size:10px;line-height:12px;gap:3px} .mag-control .mag-inventory-board-filters select{height:30px;min-height:30px;margin:0;padding-top:4px;padding-bottom:4px} .mag-control .mag-inventory-board-search{height:30px;min-height:30px;margin:0} .mag-control .mag-inventory-board-search input{min-height:0;margin:0} .mag-control .mag-inventory-board-context{margin-bottom:5px} .mag-control .mag-inventory-board-context p{font-size:11px;line-height:16px} .mag-control .mag-inventory-board-context nav{font-size:11px} .mag-control .mag-inventory-board-context button, .mag-control .mag-inventory-board-context a{padding:2px 0} .mag-control .mag-inventory-board-grid table{min-width:1020px} .mag-control .mag-inventory-board-grid thead th{padding:5px} .mag-control .mag-inventory-board-grid th:first-child{padding:3px 8px} .mag-control .mag-inventory-board-grid tbody th:first-child>small{display:none} .mag-control .mag-inventory-board-store{min-height:30px;font-size:12px} .mag-control .mag-inventory-board-grid td{padding:3px 5px} .mag-control .mag-inventory-board-cell{display:grid;grid-template-columns:auto 1fr;column-gap:5px;row-gap:0;min-height:30px;padding:0} .mag-control .mag-inventory-board-cell strong{grid-row:1/3;font-size:18px} .mag-control .mag-inventory-board-cell>span{font-size:11px;line-height:14px;text-align:right;align-self:end} .mag-control .mag-inventory-board-cell>small{grid-column:2;font-size:9px;line-height:11px;text-align:right;align-self:start} .mag-control .mag-inventory-board-cell:not(:has(small))>span{grid-row:1/3;align-self:center}} .mag-control .mag-inventory-board-board{--inv-row:var(--mag-dense-row,30px);--inv-font:var(--mag-dense-font,13px);--inv-head:var(--mag-dense-head-font,11px);--inv-control:var(--mag-control-h,32px);--inv-title:var(--mag-page-title,22px)} @media screen{.mag-control .mag-inventory-board-heading h1{ font-size: var(--inv-title); } .mag-control .mag-inventory-board-heading p, .mag-control .mag-inventory-board-filters label, .mag-control .mag-inventory-board-context p, .mag-control .mag-inventory-board-context nav{ font-size: 12px; line-height: 1.4; } .mag-control .mag-inventory-board-filters select, .mag-control .mag-inventory-board-search input, .mag-control .mag-inventory-board-search button{ font-size: 13px; } .mag-control .mag-inventory-board-filters select{ height: var(--inv-control); min-height: var(--inv-control); } .mag-control .mag-inventory-board-search{ height: var(--inv-control); min-height: var(--inv-control); } .mag-control .mag-inventory-board-exports summary{ min-height: var(--inv-control); padding-block: 0; } .mag-control .mag-inventory-board-grid table{ min-width: 1080px; font-size: var(--inv-font); font-variant-numeric: tabular-nums; } .mag-control .mag-inventory-board-grid thead th{ font-size: var(--inv-head); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; line-height: 1.25; padding-block: 4px; } .mag-control .mag-inventory-board-grid small, .mag-control .mag-inventory-board-grid thead small{ font-size: 11px; line-height: 1.25; letter-spacing: 0; text-transform: none; } .mag-control .mag-inventory-board-grid tbody th:first-child > small{ display: block; } .mag-control .mag-inventory-board-grid td{ height: var(--inv-row); } .mag-control .mag-inventory-board-store{ font-size: var(--inv-font); min-height: 0; } .mag-control .mag-inventory-board-cell strong, .mag-control .mag-inventory-board-cell:disabled strong{ font-size: 14px; line-height: 1.3; } .mag-control .mag-inventory-board-cell > span{ font-size: 11px; line-height: 1.25; } .mag-control .mag-inventory-board-cell > small{ font-size: 11px; line-height: 1.2; } .mag-control .mag-inventory-board-cell{ min-height: 28px; } .mag-control .mag-inventory-board-grid tfoot th{ font-size: 12px; } .mag-control .mag-inventory-board-band-links button, .mag-control .mag-inventory-board-expanded .mag-inventory-board-note, .mag-control .mag-inventory-board-legend, .mag-control .mag-inventory-board-exports summary, .mag-control .mag-inventory-board-exports a{ font-size: 12px; }} @media screen and (min-width: 1024px){.mag-control .mag-inventory-board-filters{ align-items: center; gap: 6px 10px; } .mag-control .mag-inventory-board-filters label{ display: inline-flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; } .mag-control .mag-inventory-board-filters select{ width: auto; max-width: 180px; } .mag-control .mag-inventory-board-grid th:first-child{ padding: 1px 10px; } .mag-control .mag-inventory-board-grid td{ padding: 1px 5px; }} @media (pointer: coarse){.mag-control .mag-inventory-board-board[data-inventory-board] :is(button, .mag-control input, .mag-control select, .mag-control summary){ min-height: 44px; } .mag-control .mag-inventory-board-filters select, .mag-control .mag-inventory-board-search{ height: auto; min-height: 44px; }} @media screen and (max-width: 767px){.mag-control .mag-inventory-board-board[data-inventory-board] :is(button, .mag-control input, .mag-control select, .mag-control summary){ min-height: 44px; } .mag-control .mag-inventory-board-board[data-inventory-board] button{ min-width: 44px; } .mag-control .mag-inventory-board-filters select{ height: 44px; } .mag-control .mag-inventory-board-search{ height: auto; min-height: 44px; } .mag-control .mag-inventory-board-exports a, .mag-control .mag-inventory-board-context a{ min-height: 44px; display: flex; align-items: center; } .mag-control .mag-inventory-board-exports > div{ top: 100%; }} .mag-control .mag-inventory-board-board .mag-inventory-board-grid{border-radius:12px} .mag-control .mag-inventory-board-board .mag-inventory-board-grid thead th{border-top:2px solid var(--mag-chart-2)} .mag-control .mag-inventory-board-board .mag-inventory-board-grid .mag-inventory-board-total{border-left:2px solid var(--mag-border);border-right:2px solid var(--mag-border);font-weight:700} .mag-control .mag-inventory-board-board .mag-inventory-board-grid tbody tr:not(.mag-inventory-board-expanded):hover>*, .mag-control .mag-inventory-board-board .mag-inventory-board-grid tbody tr:not(.mag-inventory-board-expanded):focus-within>*{background:var(--mag-hover)} .mag-control .mag-inventory-board-board .mag-inventory-board-grid tfoot :is(th, .mag-control td){border-top:2px solid var(--mag-border)} /* ==== src/features/dashboards/sales-board.module.css (module -> .mag-sales-board-*) ==== */ .mag-control .mag-sales-board-money{font-size:17px!important;letter-spacing:-.5px!important} .mag-control .mag-sales-board-summary-money{font-size:26px!important} .mag-control .notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface-subtle);color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-sales-board-search{display:flex;gap:6px;flex:1;min-width:220px} .mag-control .mag-sales-board-search input{width:100%;min-width:80px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-control-border);border-radius:8px;padding:8px;font:inherit;font-size:13px} @media(max-width:760px){.mag-control .mag-sales-board-summary-money{font-size:22px!important} .mag-control .mag-sales-board-money{font-size:15px!important}} @media screen{.mag-control [data-sales-board]:not([data-presentation=true]) .mag-sales-board-money{ font-size: 14px!important; letter-spacing: 0!important; } .mag-control [data-sales-board]:not([data-presentation=true]) .mag-sales-board-summary-money{ font-size: var(--board-tile, 20px)!important; letter-spacing: 0!important; } .mag-control .notice{ padding: 6px 12px; font-size: 12px; gap: 8px; } .mag-control .mag-sales-board-search input{ font-size: 13px; min-height: var(--board-control, 32px); padding: 0 8px; }} @media screen and (max-width: 767px){.mag-control .mag-sales-board-search input, .mag-control .mag-sales-board-search button, .mag-control .notice button{ min-height: 44px; } .mag-control .mag-sales-board-search button, .mag-control .notice button{ min-width: 44px; }} /* ==== src/features/data-audit/audit.module.css (module -> .mag-audit-*) ==== */ .mag-control .mag-audit-page{max-width:1560px;margin:auto;color:var(--text,#172b46);min-width:0} .mag-control .mag-audit-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px} .mag-control .mag-audit-header h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;margin:5px 0 10px} .mag-control .mag-audit-header p{color:var(--muted,#64748b)} .mag-control .mag-audit-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#287f96!important} .mag-control .mag-audit-header code{font-size:11px;overflow-wrap:anywhere} .mag-control .mag-audit-hero{border-radius:20px;background:linear-gradient(120deg,#132e52,#176376);color:white;padding:28px;display:grid;grid-template-columns:3fr 1fr 1fr;gap:24px;align-items:center} .mag-control .mag-audit-hero h2{font-size:clamp(23px,3vw,34px);margin:12px 0} .mag-control .mag-audit-hero p{line-height:1.6;color:#d8e5ed;max-width:650px} .mag-control .mag-audit-hero strong{font-size:40px;display:block} .mag-control .mag-audit-hero span{display:block;font-size:12px;color:#c3e8ec} .mag-control .mag-audit-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0} .mag-control .mag-audit-page button, .mag-control .mag-audit-source a{border:1px solid var(--border,#dbe5ef);border-radius:9px;background:var(--surface,#fff);color:inherit;padding:10px 13px;cursor:pointer;font:inherit} .mag-control .mag-audit-page button:hover, .mag-control .mag-audit-page button[aria-pressed=true]{border-color:#398dc1;background:var(--surface-hover,#edf7fc)} .mag-control .mag-audit-kpis button{text-align:left;padding:20px;border-top:3px solid #519eaf} .mag-control .mag-audit-kpis strong{display:block;font-size:27px;margin-bottom:8px} .mag-control .mag-audit-kpis span{font-size:12px} .mag-control .mag-audit-kpis [data-status=missing-source]{border-top-color:#dc8457} .mag-control .mag-audit-kpis [data-status=missing-home]{border-top-color:#c15b75} .mag-control .mag-audit-kpis [data-status=partial]{border-top-color:#c99b36} .mag-control .mag-audit-source{margin:24px 0;padding:20px;background:var(--surface,#fff);border:1px solid var(--border,#dbe5ef);border-radius:14px;display:flex;gap:24px;align-items:center;justify-content:space-between} .mag-control .mag-audit-source h2{font-size:17px;margin:0} .mag-control .mag-audit-source p{font-size:12px;line-height:1.7;color:var(--muted,#64748b)} .mag-control .mag-audit-source a{text-decoration:none;font-size:13px;flex-shrink:0} .mag-control .mag-audit-tabs{display:flex;gap:10px;margin:24px 0} .mag-control .mag-audit-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end} .mag-control .mag-audit-controls label{display:grid;gap:8px;font-size:12px;flex:1;min-width:160px} .mag-control .mag-audit-controls input, .mag-control .mag-audit-controls select{width:100%;min-width:0;padding:12px;background:var(--surface,#fff);color:inherit;border:1px solid var(--border,#dbe5ef);border-radius:8px} .mag-control .mag-audit-result{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0;font-size:13px} .mag-control .mag-audit-result button{margin-left:8px} .mag-control .mag-audit-list{display:grid;gap:16px} .mag-control .mag-audit-field{padding:24px;border:1px solid var(--border,#dbe5ef);background:var(--surface,#fff);border-radius:16px;min-width:0} .mag-control .mag-audit-field-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start} .mag-control .mag-audit-field h2{font-size:19px;margin:7px 0} .mag-control .mag-audit-field small{font-size:11px;color:var(--muted,#64748b);overflow-wrap:anywhere} .mag-control .mag-audit-field p, .mag-control .mag-audit-field li{font-size:13px;line-height:1.7;overflow-wrap:anywhere} .mag-control .badge{font-size:11px;padding:6px 10px;border-radius:6px;background:#e9f4ef;color:#216442;flex-shrink:0} .mag-control .badge[data-status=missing-source], .mag-control .badge[data-status=missing-home]{background:#fbece7;color:#943e2c} .mag-control .badge[data-status=partial]{background:#fff4d8;color:#765918} .mag-control .badge[data-status=reference]{background:#edf0f4;color:#596576} .mag-control .mag-audit-mapping{display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:1px solid var(--border,#dbe5ef);margin-top:16px;padding-top:10px} .mag-control .mag-audit-mapping h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted,#64748b)} .mag-control .mag-audit-mapping strong, .mag-control .mag-audit-mapping a{font-size:13px} .mag-control .mag-audit-mapping p{color:var(--muted,#64748b);margin:7px 0} .mag-control .mag-audit-field details{padding-top:16px;border-top:1px solid var(--border,#dbe5ef);margin-top:16px} .mag-control .mag-audit-field summary, .mag-control .mag-audit-evidence summary{font-size:12px;cursor:pointer} .mag-control .mag-audit-observed{color:var(--muted,#64748b)} .mag-control .mag-audit-sheet-list{background:var(--surface,#fff);padding:24px;border:1px solid var(--border,#dbe5ef);border-radius:16px} .mag-control .mag-audit-sheet-list details{padding:16px 0;border-bottom:1px solid var(--border,#dbe5ef)} .mag-control .mag-audit-sheet-list summary{cursor:pointer} .mag-control .mag-audit-sheet-list summary span{font-size:12px;margin-left:20px;color:var(--muted,#64748b)} .mag-control .mag-audit-sheet-list p{font-size:13px;line-height:1.7} .mag-control .mag-audit-empty{padding:40px;text-align:center} .mag-control .mag-audit-evidence{margin-top:30px;padding:24px 0;border-top:1px solid var(--border,#dbe5ef);font-size:12px;line-height:1.8} .mag-control .mag-audit-evidence code{overflow-wrap:anywhere} .mag-control .mag-audit-page a{color:var(--accent,#257ab5)} .mag-control .mag-audit-hero a{color:white} @media(max-width:1000px){.mag-control .mag-audit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-audit-hero{grid-template-columns:2fr 1fr 1fr} .mag-control .mag-audit-source{align-items:flex-start;flex-direction:column}} @media(max-width:620px){.mag-control .mag-audit-header, .mag-control .mag-audit-field-head, .mag-control .mag-audit-result{align-items:flex-start;flex-direction:column} .mag-control .mag-audit-hero{grid-template-columns:1fr 1fr;padding:22px} .mag-control .mag-audit-hero>div:first-child{grid-column:1/-1} .mag-control .mag-audit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-audit-kpis button{padding:14px} .mag-control .mag-audit-mapping{grid-template-columns:1fr;gap:8px} .mag-control .mag-audit-tabs{flex-wrap:wrap} .mag-control .mag-audit-field{padding:18px} .mag-control .mag-audit-result div{display:flex;flex-wrap:wrap;gap:8px} .mag-control .mag-audit-result button{margin:0} .mag-control .mag-audit-page code{overflow-wrap:anywhere}} .mag-control .mag-audit-priority{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:800;background:#edf0f4;color:#596576} .mag-control .mag-audit-priority[data-priority=P0]{background:#fbece7;color:#943e2c} .mag-control .mag-audit-priority[data-priority=P1]{background:#fff4d8;color:#765918} .mag-control .mag-audit-priority[data-priority=P2]{background:#e8f3fb;color:#205e8f} .mag-control .mag-audit-acceptance{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:24px} .mag-control .mag-audit-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0} .mag-control .mag-audit-checks>div, .mag-control .mag-audit-readiness>div{border:1px solid var(--border,#dbe5ef);border-radius:10px;padding:16px;min-width:0} .mag-control .mag-audit-checks>div{border-left:4px solid #b48636} .mag-control .mag-audit-checks>div[data-state=pass]{border-left-color:#369575} .mag-control .mag-audit-checks>div[data-state=unavailable]{border-left-color:#aa6675} .mag-control .mag-audit-checks strong, .mag-control .mag-audit-checks span, .mag-control .mag-audit-readiness span{display:block;font-size:12px;margin:5px 0} .mag-control .mag-audit-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mag-control .mag-audit-readiness a{font-size:14px;font-weight:700} .mag-control .mag-audit-readiness summary{font-size:12px} .mag-control .mag-audit-readiness p{font-size:12px} @media(max-width:1000px){.mag-control .mag-audit-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.mag-control .mag-audit-checks, .mag-control .mag-audit-readiness{grid-template-columns:1fr}} /* ==== src/features/demo/gallery.module.css (module -> .mag-gallery-*) ==== */ .mag-control .mag-gallery-page{display:grid;gap:32px;max-width:1600px;margin:0 auto;color:var(--mag-text)} .mag-control .mag-gallery-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0 0} .mag-control .mag-gallery-header h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;margin:7px 0 12px;line-height:1.1} .mag-control .mag-gallery-header p:not(.mag-gallery-eyebrow){max-width:660px;color:var(--mag-text-secondary);font-size:16px;line-height:1.6;margin:0} .mag-control .mag-gallery-header>a{flex-shrink:0} .mag-control .mag-gallery-eyebrow{color:var(--mag-chart-1);font-weight:750;font-size:11px;letter-spacing:.13em;margin:0 0 6px} .mag-control .notice{display:flex;gap:18px;align-items:center;background:var(--mag-surface);border:1px solid var(--mag-border);border-left:4px solid var(--mag-chart-1);border-radius:10px;padding:14px 18px} .mag-control .notice>span{font-size:12px;font-weight:750;white-space:nowrap;color:var(--mag-chart-1)} .mag-control .notice p{font-size:13px;margin:0;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-gallery-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px} .mag-control .mag-gallery-section-heading h2{font-size:23px;letter-spacing:-.025em;margin:0} .mag-control .mag-gallery-section-heading p:not(.mag-gallery-eyebrow){font-size:14px;max-width:740px;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-gallery-count{font-size:12px;color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-gallery-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .mag-control .mag-gallery-card{border:1px solid var(--mag-border);border-radius:15px;background:var(--mag-surface);text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .2s,transform .2s} .mag-control .mag-gallery-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #174b8912} .mag-control .mag-gallery-card-top{display:flex;justify-content:space-between;gap:10px;padding:18px;color:var(--mag-chart-1)} .mag-control .mag-gallery-card-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650} .mag-control .mag-gallery-preview{margin:0 18px;padding:18px 12px 10px;background:var(--mag-surface-alt,var(--mag-bg));border-radius:8px;height:136px;display:flex;flex-direction:column;justify-content:space-between} .mag-control .mag-gallery-preview>small{font-size:10px;color:var(--mag-text-secondary);text-align:center} .mag-control .mag-gallery-bars{height:80px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--mag-border);padding:0 12px} .mag-control .mag-gallery-bars>span{background:var(--mag-chart-1);flex:1;border-radius:3px 3px 0 0} .mag-control .mag-gallery-bars>span:nth-child(even){background:var(--mag-chart-2)} .mag-control .mag-gallery-pipeline{display:flex;align-items:center;justify-content:space-between;gap:3px;height:80px} .mag-control .mag-gallery-pipeline>div{display:grid;justify-items:center;gap:9px;position:relative;flex:1} .mag-control .mag-gallery-pipeline span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--mag-chart-2);color:#fff;font-size:11px;font-weight:700} .mag-control .mag-gallery-pipeline small{font-size:9px;color:var(--mag-text-secondary)} .mag-control .mag-gallery-card-body{padding:19px} .mag-control .mag-gallery-card-body h3{font-size:20px;margin:0 0 8px;letter-spacing:-.025em} .mag-control .mag-gallery-card-body p{font-size:13px;line-height:1.6;color:var(--mag-text-secondary);min-height:64px;margin:0 0 18px} .mag-control .mag-gallery-card-body>span{font-size:13px;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--mag-chart-1)} .mag-control .mag-gallery-existing{border:1px solid var(--mag-border);border-radius:14px;padding:22px;background:var(--mag-surface)} .mag-control .mag-gallery-organic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .mag-control .mag-gallery-organic a{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--mag-border);padding:14px 12px;border-radius:8px;text-decoration:none;color:var(--mag-text);font-size:13px} .mag-control .mag-gallery-organic a:hover, .mag-control .mag-gallery-report-grid a:hover{background:var(--mag-surface-alt,var(--mag-bg))} .mag-control .mag-gallery-filters{display:flex;gap:12px;align-items:center} .mag-control .mag-gallery-filters label{display:flex;gap:9px;align-items:center;font-size:12px} .mag-control .mag-gallery-filters label:first-child{flex:1;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:8px;padding:0 12px} .mag-control .mag-gallery-filters input{width:100%;height:44px;border:0;background:transparent;color:var(--mag-text);outline-offset:2px} .mag-control .mag-gallery-filters select{height:44px;border:1px solid var(--mag-border);background:var(--mag-surface);color:var(--mag-text);border-radius:8px;padding:0 12px;max-width:230px} .mag-control .mag-gallery-result-count{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-gallery-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .mag-control .mag-gallery-report-grid a{border:1px solid var(--mag-border);border-radius:9px;display:flex;align-items:center;gap:12px;padding:15px;text-decoration:none;color:inherit;background:var(--mag-surface);min-width:0} .mag-control .mag-gallery-report-code{font-size:11px;color:var(--mag-chart-1);font-weight:750;min-width:50px} .mag-control .mag-gallery-report-grid a>div{flex:1;min-width:0} .mag-control .mag-gallery-report-grid strong{font-size:13px;display:block;line-height:1.4} .mag-control .mag-gallery-report-grid small{display:block;font-size:11px;color:var(--mag-text-secondary);margin-top:3px} .mag-control .mag-gallery-report-grid svg{flex-shrink:0} .mag-control .mag-gallery-notes{border-top:1px solid var(--mag-border);padding:20px 0;color:var(--mag-text-secondary);font-size:13px;line-height:1.6} .mag-control .mag-gallery-notes summary{cursor:pointer;font-weight:650;min-height:28px} @media(max-width:1200px){.mag-control .mag-gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-gallery-organic{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-gallery-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.mag-control .mag-gallery-page{gap:25px} .mag-control .mag-gallery-header{flex-direction:column} .mag-control .mag-gallery-header p:not(.mag-gallery-eyebrow){font-size:14px} .mag-control .notice{align-items:flex-start;flex-direction:column;gap:6px} .mag-control .mag-gallery-cards, .mag-control .mag-gallery-report-grid, .mag-control .mag-gallery-organic{grid-template-columns:1fr} .mag-control .mag-gallery-section-heading h2{font-size:21px} .mag-control .mag-gallery-count{display:none} .mag-control .mag-gallery-card-body p{min-height:0} .mag-control .mag-gallery-preview{height:125px} .mag-control .mag-gallery-filters{flex-direction:column;align-items:stretch} .mag-control .mag-gallery-filters label:first-child{flex:auto} .mag-control .mag-gallery-filters label:last-child{justify-content:space-between} .mag-control .mag-gallery-filters select{max-width:70%}} @media(prefers-reduced-motion:reduce){.mag-control .mag-gallery-card{transition:none} .mag-control .mag-gallery-card:hover{transform:none}} /* ==== src/features/demo/native-preview.module.css (module -> .mag-native-preview-*) ==== */ .mag-control .mag-native-preview-root{display:grid;gap:16px;border:2px solid var(--mag-warning,#a16207);border-radius:12px;padding:18px;background:var(--mag-surface,#fff);min-width:0;margin-block:16px;color:var(--mag-text,#142a43)} .mag-control .notice{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;background:var(--mag-surface-subtle,#f0f4f8);border-left:3px solid #b7791f;font-size:12px} .mag-control .notice strong{color:var(--mag-text,#142a43)} .mag-control .notice span{color:var(--mag-text-secondary,#526477)} .mag-control .notice button, .mag-control .mag-native-preview-show{color:var(--mag-link,#2563eb);background:var(--mag-surface,#fff);border:1px solid var(--mag-border,#dce3eb);border-radius:6px;padding:8px 12px;cursor:pointer} .mag-control .mag-native-preview-show{margin-block:12px;min-height:40px} .mag-control .mag-native-preview-header{display:flex;justify-content:space-between;align-items:end;gap:16px} .mag-control .mag-native-preview-header h2{margin:0;font-size:22px} .mag-control .mag-native-preview-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mag-text-secondary,#526477);margin:0 0 5px} .mag-control .mag-native-preview-header label{font-size:12px;display:grid;gap:5px} .mag-control .mag-native-preview-header select{min-height:36px;border:1px solid var(--mag-border,#dce3eb);border-radius:6px;background:var(--mag-surface,#fff);color:inherit;padding:6px} .mag-control .mag-native-preview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px} .mag-control .mag-native-preview-metrics button{display:grid;text-align:left;gap:7px;border:1px solid var(--mag-border,#dce3eb);border-top:3px solid #2563eb;border-radius:8px;background:var(--mag-surface,#fff);padding:12px;color:inherit;cursor:pointer} .mag-control .mag-native-preview-metrics button[aria-pressed=true]{background:var(--mag-surface-subtle,#f0f4f8);border-color:#2563eb} .mag-control .mag-native-preview-metrics span{font-size:12px} .mag-control .mag-native-preview-metrics strong{font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .mag-native-preview-metrics small{font-size:10px;color:var(--mag-text-secondary,#526477)} .mag-control .mag-native-preview-chart{min-width:0;background:var(--mag-surface-subtle,#f0f4f8);border-radius:8px;padding:16px} .mag-control .mag-native-preview-chart-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px} .mag-control .mag-native-preview-chart h3, .mag-control .mag-native-preview-records h3{font-size:15px;margin:0} .mag-control .mag-native-preview-chart-head>span, .mag-control .mag-native-preview-records p, .mag-control .mag-native-preview-selection{font-size:12px;color:var(--mag-text-secondary,#526477)} .mag-control .mag-native-preview-bars{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;height:195px;margin-top:15px} .mag-control .mag-native-preview-bars button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:2px;color:inherit;cursor:pointer;font-size:10px} .mag-control .mag-native-preview-track{display:flex;align-items:end;height:158px;width:100%;max-width:44px;border-bottom:1px solid var(--mag-border,#dce3eb)} .mag-control .mag-native-preview-track i{display:block;width:100%;background:#2563eb;border-radius:3px 3px 0 0;min-height:2px} .mag-control .mag-native-preview-bars button[aria-pressed=true] .mag-native-preview-track i{background:#0d9488} .mag-control .mag-native-preview-selection{margin:12px 0 0} .mag-control .mag-native-preview-scroll{max-width:100%;overflow:auto} .mag-control .mag-native-preview-records table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums} .mag-control .mag-native-preview-records th, .mag-control .mag-native-preview-records td{padding:10px 8px;border-bottom:1px solid var(--mag-border,#dce3eb);text-align:right} .mag-control .mag-native-preview-records th:first-child{text-align:left} .mag-control .mag-native-preview-records thead{background:var(--mag-surface-subtle,#f0f4f8)} .mag-control .mag-native-preview-records button{background:none;border:0;color:var(--mag-link,#2563eb);font-size:12px;cursor:pointer;text-align:left;padding:0} .mag-control .mag-native-preview-records tr[data-selected=true]{background:var(--mag-surface-subtle,#f0f4f8)} .mag-control .mag-native-preview-details{font-size:12px;color:var(--mag-text-secondary,#526477)} .mag-control .mag-native-preview-details summary{cursor:pointer;min-height:32px;align-content:center} .mag-control .mag-native-preview-details p{line-height:1.6} .mag-control .mag-native-preview-root button:focus-visible, .mag-control .mag-native-preview-root select:focus-visible, .mag-control .mag-native-preview-root summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px} @media(max-width:700px){.mag-control .mag-native-preview-root{padding:12px;gap:12px} .mag-control .mag-native-preview-header{align-items:stretch;flex-direction:column} .mag-control .mag-native-preview-header select{min-height:44px} .mag-control .mag-native-preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-native-preview-metrics strong{font-size:21px} .mag-control .mag-native-preview-chart{padding:10px} .mag-control .mag-native-preview-bars{gap:2px;height:184px} .mag-control .mag-native-preview-bars button{font-size:8px;padding:0;gap:6px} .mag-control .mag-native-preview-bars button>span:last-child{max-width:22px;line-height:1.35} .mag-control .mag-native-preview-track{height:148px} .mag-control .mag-native-preview-records table{min-width:520px} .mag-control .mag-native-preview-records button{min-height:44px} .mag-control .mag-native-preview-details summary{min-height:44px}} .mag-control .mag-native-preview-root>*{min-width:0} .mag-control .mag-native-preview-header label, .mag-control .mag-native-preview-header select{min-width:0;max-width:100%} .mag-control .notice span{min-width:0;overflow-wrap:anywhere} .mag-control .mag-native-preview-metrics button{min-width:0} .mag-control .mag-native-preview-records{min-width:0} .mag-control .mag-native-preview-bars button[data-best=true] .mag-native-preview-track i{background:var(--mag-success,#0f766e)} .mag-control .mag-native-preview-bars button[aria-pressed=true] .mag-native-preview-track{outline:2px solid var(--mag-link,#2563eb);outline-offset:2px;border-radius:3px} .mag-control .mag-native-preview-bars button[aria-pressed=true]:not([data-best=true]) .mag-native-preview-track i{background:#2563eb} .mag-control .mag-native-preview-records td[data-best=true]{background:color-mix(in srgb,var(--mag-success,#0f766e) 10%,var(--mag-surface,#fff));color:var(--mag-success,#0f766e)} .mag-control .mag-native-preview-best-label{display:block;font-size:10px;font-weight:600;margin-top:4px} .mag-control .mag-native-preview-legend{font-size:11px;line-height:1.5;color:var(--mag-text-secondary,#526477)} /* ==== src/features/demo/title-demo.module.css (module -> .mag-title-demo-*) ==== */ .mag-control .mag-title-demo-page{min-width:0;color:var(--mag-text);font-variant-numeric:tabular-nums} .mag-control .mag-title-demo-demo-notice{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--mag-border);border-left:4px solid var(--mag-chart-1);border-radius:8px;background:var(--mag-selected-bg);font-size:12px;line-height:1.5} .mag-control .mag-title-demo-demo-notice strong{white-space:nowrap;color:var(--mag-selected-text)} .mag-control .mag-title-demo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 0 20px} .mag-control .mag-title-demo-header h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:5px 0 8px} .mag-control .mag-title-demo-header h1 span{display:inline-block;vertical-align:middle;font-size:11px;letter-spacing:.02em;background:var(--mag-surface-subtle);border:1px solid var(--mag-border);border-radius:5px;padding:4px 7px;color:var(--mag-text-secondary)} .mag-control .mag-title-demo-header p, .mag-control .mag-title-demo-ledger-heading p{margin:0;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-title-demo-eyebrow{font-size:10px!important;line-height:1.5!important;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--mag-chart-2)!important;margin:0} .mag-control .mag-title-demo-context{display:grid;gap:10px;text-align:right;font-size:12px} .mag-control .mag-title-demo-context a{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--mag-link)} .mag-control .mag-title-demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px} .mag-control .mag-title-demo-kpis article{padding:16px 18px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;border-top:3px solid var(--mag-chart-2);display:grid;gap:7px;align-content:start} .mag-control .mag-title-demo-kpis article[data-tone=amber]{border-top-color:var(--mag-warning-text)} .mag-control .mag-title-demo-kpis article>span{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.035em;color:var(--mag-text-secondary)} .mag-control .mag-title-demo-kpis strong{font-size:30px;line-height:1.1;letter-spacing:-.03em} .mag-control .mag-title-demo-kpis em{font-size:13px;font-weight:400;font-style:normal;letter-spacing:0} .mag-control .mag-title-demo-kpis small{font-size:11px;line-height:1.4;color:var(--mag-text-muted)} .mag-control .mag-title-demo-charts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:28px} .mag-control .mag-title-demo-panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:20px;min-width:0} .mag-control .mag-title-demo-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px} .mag-control .mag-title-demo-panel h2, .mag-control .mag-title-demo-ledger-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:4px 0} .mag-control .mag-title-demo-panel-heading>span{color:var(--mag-text-secondary);font-size:11px;padding-top:6px;white-space:nowrap} .mag-control .mag-title-demo-caption{font-size:12px;line-height:1.5;color:var(--mag-text-secondary);margin:0} .mag-control .mag-title-demo-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px} .mag-control .mag-title-demo-pipeline button{font:inherit;min-width:0;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--mag-text);padding:8px;cursor:pointer;display:flex;flex-direction:column} .mag-control .mag-title-demo-pipeline button[aria-pressed=true], .mag-control .mag-title-demo-aging button[aria-pressed=true]{background:var(--mag-selected-bg);border-color:var(--mag-chart-1)} .mag-control .mag-title-demo-pipeline button:hover, .mag-control .mag-title-demo-aging button:hover{background:var(--mag-hover)} .mag-control .mag-title-demo-stage-label{display:block;min-height:40px;font-size:11px;line-height:1.3} .mag-control .mag-title-demo-stage-label b{font-size:9px;color:var(--mag-text-muted);display:block;margin-bottom:3px;letter-spacing:.04em} .mag-control .mag-title-demo-pipeline strong{font-size:24px;line-height:1.2;margin:5px 0 12px} .mag-control .mag-title-demo-pipeline-track{display:block;position:relative;height:92px;width:100%;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-title-demo-pipeline-track i{position:absolute;bottom:0;left:10%;right:10%;background:var(--mag-chart-1);border-radius:3px 3px 0 0} .mag-control .mag-title-demo-pipeline-track i[data-complete=true]{background:var(--mag-chart-2)} .mag-control .mag-title-demo-aging{display:grid;gap:13px;margin:26px 0 18px} .mag-control .mag-title-demo-aging button{display:grid;grid-template-columns:76px minmax(30px,1fr) 25px;gap:12px;align-items:center;border:1px solid transparent;border-radius:6px;padding:7px 5px;background:transparent;color:var(--mag-text);font:inherit;font-size:12px;cursor:pointer;text-align:left} .mag-control .mag-title-demo-aging button strong{text-align:right;font-size:16px} .mag-control .mag-title-demo-age-track{height:16px;background:var(--mag-surface-subtle);display:block} .mag-control .mag-title-demo-age-track i{height:100%;display:block;background:var(--mag-chart-2);border-radius:0 2px 2px 0} .mag-control .mag-title-demo-age-track i[data-aged=true]{background:var(--mag-warning-text)} .mag-control .mag-title-demo-ledger-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px} .mag-control .mag-title-demo-reset{font:inherit;font-size:12px;padding:8px 12px;border:1px solid var(--mag-control-border);border-radius:7px;background:var(--mag-surface);color:var(--mag-link);cursor:pointer;white-space:nowrap} .mag-control .mag-title-demo-filters{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(120px,1fr));gap:12px} .mag-control .mag-title-demo-filters label{font-size:11px;font-weight:600;color:var(--mag-text-secondary);display:grid;gap:5px} .mag-control .mag-title-demo-filters select, .mag-control .mag-title-demo-filters input{width:100%;min-width:0;border:1px solid var(--mag-control-border);border-radius:7px;background:var(--mag-surface);color:var(--mag-text);font:inherit;font-size:12px;font-weight:400;min-height:38px;padding:8px} .mag-control .mag-title-demo-search>div{position:relative} .mag-control .mag-title-demo-search svg{position:absolute;left:9px;top:12px;color:var(--mag-text-muted)} .mag-control .mag-title-demo-filters .mag-title-demo-search input{padding-left:32px} .mag-control .mag-title-demo-result-line{font-size:12px;color:var(--mag-text-secondary);margin:12px 0;min-height:18px} .mag-control .mag-title-demo-result-line button{font:inherit;color:var(--mag-link);background:none;border:0;text-decoration:underline;cursor:pointer} .mag-control .mag-title-demo-workbench{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:16px;align-items:start} .mag-control .mag-title-demo-ledger{min-width:0;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;overflow:hidden} .mag-control .mag-title-demo-table-scroll{overflow:auto} .mag-control .mag-title-demo-ledger table{border-collapse:collapse;width:100%;min-width:690px;text-align:left;font-size:12px} .mag-control .mag-title-demo-ledger th, .mag-control .mag-title-demo-ledger td{padding:11px 12px;border-bottom:1px solid var(--mag-border);vertical-align:middle} .mag-control .mag-title-demo-ledger thead th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mag-text-secondary);background:var(--mag-surface-subtle);font-weight:600;white-space:nowrap} .mag-control .mag-title-demo-ledger tbody th{font-weight:500} .mag-control .mag-title-demo-ledger tbody tr:last-child>*{border-bottom:0} .mag-control .mag-title-demo-ledger tbody tr[data-selected=true]>*{background:var(--mag-selected-bg)} .mag-control .mag-title-demo-ledger tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-title-demo-ledger tbody th button{display:flex;align-items:center;gap:8px;font:inherit;font-weight:600;color:var(--mag-link);border:0;background:none;padding:0;cursor:pointer;white-space:nowrap} .mag-control .mag-title-demo-ledger tbody th small{font-size:10px;display:block;color:var(--mag-text-secondary);margin-top:4px} .mag-control .badge{font-size:11px;border-radius:4px;white-space:nowrap} .mag-control .badge[data-complete=true]{color:var(--mag-chart-2)} .mag-control .numeric{white-space:nowrap} .mag-control .numeric[data-aged=true]{color:var(--mag-warning-text);font-weight:600} .mag-control .mag-title-demo-detail{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:20px;min-width:0} .mag-control .mag-title-demo-detail h2{font-size:22px;margin:6px 0;line-height:1.3;scroll-margin-top:20px} .mag-control .mag-title-demo-detail h3{font-size:13px;margin:22px 0 15px} .mag-control .mag-title-demo-next{background:var(--mag-surface-subtle);border-left:3px solid var(--mag-chart-2);border-radius:6px;padding:12px;margin-top:18px} .mag-control .mag-title-demo-next>span{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:var(--mag-chart-2)} .mag-control .mag-title-demo-next p{font-size:13px;line-height:1.5;margin:6px 0 8px} .mag-control .mag-title-demo-next small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-title-demo-timeline{list-style:none;padding:0;margin:0} .mag-control .mag-title-demo-timeline li{position:relative;display:flex;gap:11px;padding:0 0 18px} .mag-control .mag-title-demo-timeline li:not(:last-child):before{content:'';position:absolute;top:18px;bottom:0;left:9px;width:1px;background:var(--mag-border)} .mag-control .mag-title-demo-timeline-mark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;background:var(--mag-selected-bg);border:1px solid var(--mag-border);color:var(--mag-chart-1);border-radius:50%} .mag-control .mag-title-demo-timeline-mark i{width:6px;height:6px;border-radius:50%;background:var(--mag-chart-1)} .mag-control .mag-title-demo-timeline time{font-size:10px;color:var(--mag-text-secondary);display:block;margin-bottom:4px} .mag-control .mag-title-demo-timeline strong{font-size:12px;display:block} .mag-control .mag-title-demo-timeline p{font-size:11px;line-height:1.5;color:var(--mag-text-secondary);margin:5px 0 0} .mag-control .mag-title-demo-pending{font-size:11px;color:var(--mag-text-muted);border-top:1px solid var(--mag-border);padding-top:10px} .mag-control .mag-title-demo-back{font-size:11px;color:var(--mag-link);display:inline-block;margin-top:8px} .mag-control .mag-title-demo-empty{padding:25px;font-size:13px;color:var(--mag-text-secondary);line-height:1.6} .mag-control .mag-title-demo-empty h3{margin:0;color:var(--mag-text)} .mag-control .mag-title-demo-method{margin-top:24px;border-top:1px solid var(--mag-border);padding:16px 0;color:var(--mag-text-secondary);font-size:12px;line-height:1.6} .mag-control .mag-title-demo-method summary{font-weight:600;color:var(--mag-link);cursor:pointer} .mag-control .mag-title-demo-method p{max-width:100ch} .mag-control .mag-title-demo-page button:focus-visible, .mag-control .mag-title-demo-page a:focus-visible, .mag-control .mag-title-demo-page input:focus-visible, .mag-control .mag-title-demo-page select:focus-visible, .mag-control .mag-title-demo-table-scroll:focus-visible{outline:2px solid var(--mag-primary);outline-offset:3px} .mag-control .mag-title-demo-detail h2:focus{outline:2px solid var(--mag-primary);outline-offset:4px} .mag-control .mag-title-demo-ledger-section{scroll-margin-top:20px} @media(max-width:1050px){.mag-control .mag-title-demo-workbench{grid-template-columns:1fr} .mag-control .mag-title-demo-detail{max-width:none} .mag-control .mag-title-demo-charts{grid-template-columns:1fr 1fr} .mag-control .mag-title-demo-pipeline{gap:3px} .mag-control .mag-title-demo-pipeline button{padding:5px} .mag-control .mag-title-demo-panel-heading>span{display:none} .mag-control .mag-title-demo-filters{grid-template-columns:1fr 1fr}} @media(max-width:700px){.mag-control .mag-title-demo-demo-notice{display:block;font-size:11px} .mag-control .mag-title-demo-demo-notice span{display:block;margin-top:4px} .mag-control .mag-title-demo-header{display:block;margin-top:18px} .mag-control .mag-title-demo-header h1{font-size:27px} .mag-control .mag-title-demo-context{margin-top:16px;text-align:left;gap:9px} .mag-control .mag-title-demo-context a{justify-content:flex-start} .mag-control .mag-title-demo-kpis{grid-template-columns:1fr 1fr;gap:9px} .mag-control .mag-title-demo-kpis article{padding:13px} .mag-control .mag-title-demo-kpis strong{font-size:27px} .mag-control .mag-title-demo-kpis article>span{font-size:10px} .mag-control .mag-title-demo-charts{grid-template-columns:1fr;gap:12px} .mag-control .mag-title-demo-panel{padding:16px} .mag-control .mag-title-demo-pipeline{gap:4px} .mag-control .mag-title-demo-stage-label{font-size:10px;min-height:43px} .mag-control .mag-title-demo-pipeline-track{height:75px} .mag-control .mag-title-demo-aging{margin-top:16px;gap:8px} .mag-control .mag-title-demo-ledger-heading{align-items:flex-start} .mag-control .mag-title-demo-ledger-heading h2{font-size:19px} .mag-control .mag-title-demo-filters{gap:10px} .mag-control .mag-title-demo-filters .mag-title-demo-search{grid-column:1/-1} .mag-control .mag-title-demo-filters label:last-child{grid-column:1/-1} .mag-control .mag-title-demo-detail{padding:16px} .mag-control .mag-title-demo-page button, .mag-control .mag-title-demo-page select, .mag-control .mag-title-demo-page input{min-height:44px} .mag-control .mag-title-demo-ledger tbody th button{padding:5px 0} .mag-control .mag-title-demo-method summary{min-height:44px;align-content:center} .mag-control .mag-title-demo-header p{font-size:12px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-title-demo-page{scroll-behavior:auto}} @media print{.mag-control .mag-title-demo-demo-notice{border:2px solid #333;background:#fff} .mag-control .mag-title-demo-page{color:#000} .mag-control .mag-title-demo-filters, .mag-control .mag-title-demo-reset, .mag-control .mag-title-demo-back, .mag-control .mag-title-demo-context a{display:none} .mag-control .mag-title-demo-charts, .mag-control .mag-title-demo-workbench{display:block} .mag-control .mag-title-demo-panel, .mag-control .mag-title-demo-detail, .mag-control .mag-title-demo-kpis{break-inside:avoid} .mag-control .mag-title-demo-panel{margin-bottom:12px} .mag-control .mag-title-demo-table-scroll{overflow:visible} .mag-control .mag-title-demo-ledger table{min-width:0} .mag-control .mag-title-demo-method{display:block}} /* ==== src/features/demo/transaction-demo.module.css (module -> .mag-transaction-demo-*) ==== */ .mag-control .mag-transaction-demo-page{display:grid;gap:20px;min-width:0;color:var(--mag-text)} .mag-control .mag-transaction-demo-banner{display:grid;gap:5px;padding:14px 18px;border:1px solid var(--mag-warning-text);border-radius:10px;background:var(--mag-warning-bg);font-size:13px} .mag-control .mag-transaction-demo-banner strong{color:var(--mag-warning-text);letter-spacing:.04em} .mag-control .mag-transaction-demo-header{display:flex;justify-content:space-between;gap:16px;align-items:center} .mag-control .mag-transaction-demo-header p{font-size:11px;color:var(--mag-text-secondary);letter-spacing:.07em;margin:0 0 5px} .mag-control .mag-transaction-demo-header h1{font-size:28px;line-height:1.2;margin:0 0 8px} .mag-control .mag-transaction-demo-header span{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-period{white-space:nowrap} .mag-control .mag-transaction-demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .mag-control .mag-transaction-demo-kpis article{display:grid;gap:7px;padding:16px;border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-transaction-demo-kpis article>span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-kpis strong{font-size:25px;font-variant-numeric:tabular-nums} .mag-control .mag-transaction-demo-kpis small{font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-charts{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px} .mag-control .mag-transaction-demo-panel{min-width:0;padding:20px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-transaction-demo-panel h2{font-size:18px;margin:0 0 5px} .mag-control .mag-transaction-demo-panel p{font-size:12px;color:var(--mag-text-secondary);line-height:1.5;margin:0 0 14px} .mag-control .mag-transaction-demo-legend{display:flex;gap:18px;font-size:11px;margin:14px 0} .mag-control .mag-transaction-demo-legend span{display:flex;align-items:center;gap:5px} .mag-control .mag-transaction-demo-legend i, .mag-control .mag-transaction-demo-status-list i{width:9px;height:9px;display:inline-block;background:var(--mag-chart-1);border-radius:2px} .mag-control .mag-transaction-demo-legend span+span i{background:var(--mag-chart-2)} .mag-control .mag-transaction-demo-comparison{margin-top:16px} .mag-control .mag-transaction-demo-comparison>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:7px} .mag-control .mag-transaction-demo-comparison>div:first-child>span{font-variant-numeric:tabular-nums} .mag-control .mag-transaction-demo-bar-row{display:grid;grid-template-columns:52px minmax(0,1fr) 76px;gap:8px;align-items:center;font-size:11px;margin:5px 0} .mag-control .mag-transaction-demo-bar-row>div{background:var(--mag-surface-subtle);height:10px;border-left:1px solid var(--mag-border)} .mag-control .mag-transaction-demo-bar-row i{display:block;height:100%;background:var(--mag-chart-1);border-radius:0 3px 3px 0} .mag-control .mag-transaction-demo-bar-row i[data-cost=true]{background:var(--mag-chart-2)} .mag-control .mag-transaction-demo-bar-row b{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-transaction-demo-stack{display:flex;height:28px;overflow:hidden;border-radius:6px;margin:24px 0} .mag-control .mag-transaction-demo-stack span, .mag-control .mag-transaction-demo-status-list [data-status="0"]{background:var(--mag-chart-2)} .mag-control .mag-transaction-demo-stack [data-status="1"], .mag-control .mag-transaction-demo-status-list [data-status="1"]{background:var(--mag-chart-1)} .mag-control .mag-transaction-demo-stack [data-status="2"], .mag-control .mag-transaction-demo-status-list [data-status="2"]{background:var(--mag-warning-text)} .mag-control .mag-transaction-demo-status-list{list-style:none;padding:0;margin:0 0 20px} .mag-control .mag-transaction-demo-status-list li{display:flex;align-items:center;gap:8px;font-size:13px;padding:9px 0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-transaction-demo-status-list strong{margin-left:auto} .mag-control .mag-transaction-demo-note{margin-top:16px!important} .mag-control .mag-transaction-demo-log-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} .mag-control .mag-transaction-demo-filters{display:flex;gap:10px} .mag-control .mag-transaction-demo-filters label{display:grid;gap:5px;font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-filters input, .mag-control .mag-transaction-demo-filters select{background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:7px;padding:8px;color:var(--mag-text);min-height:38px;max-width:100%} .mag-control .mag-transaction-demo-scroll{overflow:auto;max-width:100%} .mag-control .mag-transaction-demo-scroll table{width:100%;min-width:940px;border-collapse:collapse;font-size:12px} .mag-control .mag-transaction-demo-scroll th, .mag-control .mag-transaction-demo-scroll td{padding:11px 9px;text-align:left;border-bottom:1px solid var(--mag-border);font-variant-numeric:tabular-nums} .mag-control .mag-transaction-demo-scroll thead{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-scroll tbody th{font-weight:550} .mag-control .mag-transaction-demo-scroll small{display:block;margin-top:4px;color:var(--mag-text-secondary);font-size:11px} .mag-control .mag-transaction-demo-scroll td:nth-child(n+5):nth-child(-n+7){text-align:right;white-space:nowrap} .mag-control .badge{font-size:10px;white-space:nowrap;background:var(--mag-surface-subtle);border-radius:5px;padding:4px 7px} .mag-control .mag-transaction-demo-page button{color:var(--mag-link);border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:6px;padding:6px 9px;cursor:pointer} .mag-control .mag-transaction-demo-page :is(button, .mag-control input, .mag-control select, .mag-control summary):focus-visible, .mag-control .mag-transaction-demo-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} .mag-control .mag-transaction-demo-page [data-negative=true]{color:var(--mag-warning-text)} .mag-control .mag-transaction-demo-detail{padding:16px;margin-top:16px;border:1px solid var(--mag-chart-1);border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-transaction-demo-detail>div{display:flex;justify-content:space-between;gap:12px} .mag-control .mag-transaction-demo-detail h3{font-size:16px;margin:0 0 10px} .mag-control .mag-transaction-demo-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .mag-control .mag-transaction-demo-detail dt{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-detail dd{margin:4px 0 0;font-size:13px;font-weight:550;overflow-wrap:anywhere} .mag-control .mag-transaction-demo-evidence{padding:16px;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-transaction-demo-evidence summary{cursor:pointer;font-weight:600} .mag-control .mag-transaction-demo-evidence p{line-height:1.6} .mag-control .mag-transaction-demo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} @media(max-width:900px){.mag-control .mag-transaction-demo-charts{grid-template-columns:1fr} .mag-control .mag-transaction-demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-transaction-demo-header{align-items:start;flex-direction:column}} @media(max-width:540px){.mag-control .mag-transaction-demo-page{gap:14px} .mag-control .mag-transaction-demo-panel{padding:14px} .mag-control .mag-transaction-demo-header h1{font-size:24px} .mag-control .mag-transaction-demo-kpis article{padding:12px} .mag-control .mag-transaction-demo-kpis strong{font-size:22px} .mag-control .mag-transaction-demo-filters{width:100%;flex-wrap:wrap} .mag-control .mag-transaction-demo-filters label{flex:1;min-width:120px} .mag-control .mag-transaction-demo-filters input{width:100%;min-width:0} .mag-control .mag-transaction-demo-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-transaction-demo-page button{min-height:44px} .mag-control .mag-transaction-demo-period{white-space:normal} .mag-control .mag-transaction-demo-bar-row{grid-template-columns:45px minmax(0,1fr) 65px;gap:5px} .mag-control .mag-transaction-demo-banner{font-size:12px}} @media print{.mag-control .mag-transaction-demo-banner{border:2px solid} .mag-control .mag-transaction-demo-scroll{overflow:visible} .mag-control .mag-transaction-demo-panel{break-inside:avoid} .mag-control .mag-transaction-demo-page button{display:none}} .mag-control .mag-transaction-demo-context-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px} .mag-control .mag-transaction-demo-context-links a{color:var(--mag-link);text-underline-offset:3px} .mag-control .mag-transaction-demo-context-links a:focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} /* ==== src/features/enterprise/economics.module.css (module -> .mag-economics-*) ==== */ .mag-control .mag-economics-root{min-width:0;color:var(--mag-text);font-size:14px;line-height:19px;font-variant-numeric:tabular-nums} .mag-control .mag-economics-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 6px} .mag-control .mag-economics-heading>div{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;min-width:0} .mag-control .mag-economics-heading h1{flex:0 0 auto} .mag-control .mag-economics-heading>nav{flex-shrink:0} .mag-control .mag-economics-heading h1, .mag-control .mag-economics-root>h1{font-size:22px;line-height:27px;margin:0} .mag-control .mag-economics-heading p{flex:1 1 400px;font-size:13px;line-height:18px;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-economics-links{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:13px} .mag-control .mag-economics-links a, .mag-control .mag-economics-links button, .mag-control .mag-economics-text-button, .mag-control .mag-economics-identity, .mag-control .mag-economics-value, .mag-control .mag-economics-state{color:var(--mag-link)} .mag-control .mag-economics-links button, .mag-control .mag-economics-text-button{font:inherit;min-height:30px;border:0;background:none;padding:2px 0;cursor:pointer} .mag-control .mag-economics-links a{min-height:26px;display:inline-flex;align-items:center} .mag-control .mag-economics-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:4px 0 5px} .mag-control .mag-economics-toolbar>label{display:flex;align-items:center;gap:6px} .mag-control .mag-economics-toolbar label{font-size:12px;line-height:16px;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-economics-toolbar input, .mag-control .mag-economics-toolbar select, .mag-control .mag-economics-pagination select{font-size:14px;line-height:20px;min-height:32px;padding:4px 7px;border-radius:5px;border:1px solid var(--mag-control-border);background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-economics-toolbar select{max-width:260px} .mag-control .mag-economics-search{display:flex;gap:4px;flex:1 1 220px;min-width:200px} .mag-control .mag-economics-search input{min-width:80px;flex:1;width:100%} .mag-control .mag-economics-search button, .mag-control .mag-economics-pagination button, .mag-control .mag-economics-editions button, .mag-control .mag-economics-root>button, .mag-control .notice button{font-size:13px;min-height:32px;padding:4px 8px;border:1px solid var(--mag-control-border);border-radius:5px;background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-economics-editions{position:relative;align-self:flex-end;font-size:13px} .mag-control .mag-economics-editions>summary{min-height:32px;padding:6px 3px;line-height:20px;cursor:pointer;color:var(--mag-link);white-space:nowrap} .mag-control .mag-economics-editions>div{position:absolute;right:0;top:100%;width:min(540px,85vw);z-index:6;padding:12px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface);box-shadow:var(--mag-shadow-card);overflow-wrap:anywhere} .mag-control .mag-economics-editions label, .mag-control .mag-economics-editions select{width:100%;max-width:none;display:block} .mag-control .mag-economics-editions p{margin:8px 0;font-size:13px} .mag-control .mag-economics-editions button{margin:3px 6px 3px 0} .mag-control .mag-economics-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 5px;font-size:12px;line-height:17px;color:var(--mag-text-secondary)} .mag-control .mag-economics-context p{margin:0;overflow-wrap:anywhere} .mag-control .mag-economics-context .mag-economics-links{font-size:12px;flex-shrink:0} .mag-control .notice{padding:6px 9px;margin:5px 0;border:1px solid var(--mag-border);border-radius:5px;background:var(--mag-surface-subtle);font-size:13px;line-height:19px} .mag-control .notice p{margin:0 0 5px} .mag-control .mag-economics-scroll{position:relative;overflow:auto;width:100%;max-width:100%;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface)} .mag-control .mag-economics-table{min-width:1020px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px;line-height:18px} .mag-control .mag-economics-table th, .mag-control .mag-economics-table td{padding:1px 7px;border-bottom:1px solid var(--mag-border);vertical-align:middle;text-align:left;overflow-wrap:anywhere} .mag-control .mag-economics-table tbody tr{height:35px} .mag-control .mag-economics-table tbody tr:last-child>*{border-bottom:0} .mag-control .mag-economics-table thead th{padding-block:3px;font-size:13px;line-height:17px;font-weight:600;background:var(--mag-surface-subtle);position:sticky;top:0;z-index:2} .mag-control .mag-economics-table th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface);box-shadow:1px 0 0 var(--mag-border)} .mag-control .mag-economics-table thead th:first-child{z-index:3;background:var(--mag-surface-subtle)} .mag-control .mag-economics-table tbody th{font-weight:400} .mag-control .mag-economics-table tbody tr:hover>*, .mag-control .mag-economics-table tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-economics-identity-column{width:29%} .mag-control .mag-economics-condition-column, .mag-control .mag-economics-count-column{width:6%} .mag-control .mag-economics-table col:nth-child(4){width:7%} .mag-control .mag-economics-money-column{width:11%} .mag-control .mag-economics-table col:nth-child(5){width:12%} .mag-control .mag-economics-table col:nth-child(7){width:13%} .mag-control .mag-economics-state-column{width:16%} .mag-control .mag-economics-identity, .mag-control .mag-economics-value, .mag-control .mag-economics-state{border:0;background:none;border-radius:0;padding:0;font:inherit;cursor:pointer;line-height:16px;min-height:32px;text-align:inherit;max-width:100%} .mag-control .mag-economics-identity{display:block;width:100%;white-space:normal;overflow-wrap:anywhere} .mag-control .mag-economics-identity strong, .mag-control .mag-economics-identity span{display:block;font-size:14px;line-height:16px} .mag-control .mag-economics-identity strong{font-weight:600;color:var(--mag-text)} .mag-control .mag-economics-identity span{font-weight:400} .mag-control .mag-economics-value{width:100%;font-variant-numeric:tabular-nums} .mag-control .mag-economics-state{text-align:left;font-size:13px} .mag-control .mag-economics-number{text-align:right!important} .mag-control .mag-economics-unavailable{color:var(--mag-text-secondary)} .mag-control .mag-economics-empty{padding:18px!important;color:var(--mag-text-secondary)} .mag-control .mag-economics-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-economics-pagination nav{display:flex;align-items:center;gap:8px} .mag-control .mag-economics-pagination label{display:flex;align-items:center;gap:4px;font-size:12px} .mag-control .mag-economics-pagination select{min-height:30px;padding-block:2px;width:65px} .mag-control .mag-economics-source{margin:2px 0 8px;font-size:13px;line-height:19px} .mag-control .mag-economics-source summary, .mag-control .mag-economics-evidence summary{color:var(--mag-link);cursor:pointer;padding:6px 0;line-height:20px} .mag-control .mag-economics-source li{margin:5px 0} .mag-control .mag-economics-metadata{margin:0;font-size:14px;line-height:20px} .mag-control .mag-economics-metadata>div{display:grid;grid-template-columns:205px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--mag-border);padding:6px 0} .mag-control .mag-economics-metadata dt{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-economics-metadata dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .mag-control .mag-economics-source .mag-economics-metadata{font-size:13px} .mag-control .mag-economics-raw{font:12px/19px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;border:1px solid var(--mag-border);background:var(--mag-surface-subtle);border-radius:5px;max-width:100%;overflow:auto} .mag-control .mag-economics-evidence{color:var(--mag-text);font-size:14px;line-height:20px} .mag-control .mag-economics-evidence>p{margin-top:0} .mag-control .mag-economics-evidence h3{font-size:16px;line-height:22px;margin:15px 0 6px} .mag-control .mag-economics-evidence h4{font-size:14px;line-height:20px;margin:7px 0} .mag-control .mag-economics-candidate{margin:8px 0 12px} .mag-control .small{font-size:13px;line-height:19px;color:var(--mag-text-secondary)} .mag-control .mag-economics-editor{margin-top:14px;padding-top:6px;border-top:1px solid var(--mag-border)} .mag-control .mag-economics-editor p{margin:5px 0 10px} .mag-control .mag-economics-form-fields{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px} .mag-control .mag-economics-form-fields label{display:flex;flex-direction:column;font-size:13px;line-height:19px;gap:4px} .mag-control .mag-economics-form-fields label:nth-child(2){grid-column:1/-1;grid-row:2} .mag-control .mag-economics-form-fields input, .mag-control .mag-economics-form-fields textarea{width:100%;min-height:36px;padding:6px 8px;font-size:14px;line-height:20px} .mag-control .mag-economics-form-fields textarea{min-height:64px;resize:vertical} .mag-control .mag-economics-form-fields .mag-economics-attestation{grid-column:1/-1;flex-direction:row;align-items:flex-start;gap:8px} .mag-control .mag-economics-attestation input{width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:2px 0} .mag-control .mag-economics-editor .mag-economics-links{margin-top:10px} .mag-control .mag-economics-editor .mag-economics-links button{border:1px solid var(--mag-control-border);border-radius:5px;padding:5px 10px;min-height:36px;background:var(--mag-surface)} .mag-control .mag-economics-loading{padding:14px 0;min-height:320px} .mag-control .mag-economics-root button:focus-visible, .mag-control .mag-economics-root a:focus-visible, .mag-control .mag-economics-root input:focus-visible, .mag-control .mag-economics-root select:focus-visible, .mag-control .mag-economics-root summary:focus-visible, .mag-control .mag-economics-scroll:focus-visible, .mag-control .mag-economics-evidence button:focus-visible, .mag-control .mag-economics-evidence input:focus-visible, .mag-control .mag-economics-evidence textarea:focus-visible, .mag-control .mag-economics-evidence summary:focus-visible, .mag-control .mag-economics-raw:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:3px} .mag-control .mag-economics-root button:disabled, .mag-control .mag-economics-evidence button:disabled{cursor:default;opacity:.55} .mag-control .mag-economics-form-fields:disabled{opacity:.75} @media(max-width:720px){.mag-control .mag-economics-heading>div{display:block} .mag-control .mag-economics-heading p{margin-top:2px} .mag-control .mag-economics-root button, .mag-control .mag-economics-root a, .mag-control .mag-economics-root input, .mag-control .mag-economics-root select, .mag-control .mag-economics-root summary, .mag-control .mag-economics-evidence button, .mag-control .mag-economics-evidence input:not([type=checkbox]), .mag-control .mag-economics-evidence select, .mag-control .mag-economics-evidence summary{min-height:44px} .mag-control .mag-economics-root a{display:inline-flex;align-items:center} .mag-control .mag-economics-root summary, .mag-control .mag-economics-evidence summary{padding-block:12px} .mag-control .mag-economics-editor .mag-economics-links button{min-height:44px} .mag-control .mag-economics-evidence .mag-economics-attestation{min-height:44px;align-items:center} .mag-control .mag-economics-toolbar>label{flex-direction:column;align-items:stretch;gap:3px} .mag-control .mag-economics-table tbody tr{height:47px} .mag-control .mag-economics-heading{align-items:flex-start;gap:8px;flex-wrap:wrap} .mag-control .mag-economics-heading h1{font-size:21px} .mag-control .mag-economics-toolbar{gap:6px} .mag-control .mag-economics-toolbar select{max-width:100%} .mag-control .mag-economics-toolbar>label:first-child{flex:1 1 200px} .mag-control .mag-economics-toolbar>label:first-child select{width:100%} .mag-control .mag-economics-search{order:3;flex-basis:100%} .mag-control .mag-economics-context{align-items:flex-start;flex-direction:column;gap:2px} .mag-control .mag-economics-context .mag-economics-links{flex-wrap:wrap} .mag-control .mag-economics-pagination{align-items:flex-start;flex-direction:column} .mag-control .mag-economics-pagination nav{width:100%;gap:6px;flex-wrap:wrap} .mag-control .mag-economics-metadata>div{grid-template-columns:1fr;gap:3px;padding:7px 0} .mag-control .mag-economics-form-fields{grid-template-columns:1fr} .mag-control .mag-economics-form-fields label:nth-child(2){grid-row:auto} .mag-control .mag-economics-table .mag-economics-identity-column{width:29%} .mag-control .mag-economics-editions>div{right:0;width:min(500px,90vw)}} @media(prefers-reduced-motion:reduce){.mag-control .mag-economics-root *, .mag-control .mag-economics-evidence *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} @media print{.mag-control .mag-economics-toolbar, .mag-control .mag-economics-links, .mag-control .mag-economics-pagination, .mag-control .mag-economics-editions{display:none!important} .mag-control .mag-economics-root{font-size:10pt;color:#000} .mag-control .mag-economics-scroll{overflow:visible;border-color:#777} .mag-control .mag-economics-table{min-width:0;font-size:9pt} .mag-control .mag-economics-table th, .mag-control .mag-economics-table td{position:static!important;background:#fff!important;color:#000!important;box-shadow:none!important} .mag-control .mag-economics-table tr{break-inside:avoid} .mag-control .mag-economics-table thead{display:table-header-group} .mag-control .mag-economics-root button{color:inherit} .mag-control .mag-economics-source{display:block} .mag-control .mag-economics-metadata dd, .mag-control .mag-economics-raw{overflow:visible} .mag-control .mag-economics-heading h1{font-size:17pt}} .mag-control .mag-economics-root{--ec-row:var(--mag-dense-row,30px);--ec-font:var(--mag-dense-font,13px);--ec-head-font:var(--mag-dense-head-font,11px);--ec-pad-x:var(--mag-dense-pad-x,10px);--ec-control-h:var(--mag-control-h,32px);--ec-control-font:var(--mag-control-font,13px);--ec-title:var(--mag-page-title,22px);--ec-touch:var(--mag-touch-target,44px)} @media screen and (min-width:721px){.mag-control .mag-economics-root{font-size:var(--ec-font);line-height:18px} .mag-control .mag-economics-heading h1, .mag-control .mag-economics-root>h1{font-size:var(--ec-title);line-height:28px} .mag-control .mag-economics-links, .mag-control .mag-economics-heading p, .mag-control .mag-economics-context{font-size:12px} .mag-control .mag-economics-toolbar{align-items:center;gap:6px 10px} .mag-control .mag-economics-toolbar input, .mag-control .mag-economics-toolbar select, .mag-control .mag-economics-pagination select{font-size:var(--ec-control-font);min-height:var(--ec-control-h);height:var(--ec-control-h);padding-block:0} .mag-control .mag-economics-search button, .mag-control .mag-economics-pagination button, .mag-control .mag-economics-editions button, .mag-control .mag-economics-root>button, .mag-control .notice button{font-size:var(--ec-control-font);min-height:var(--ec-control-h);padding:0 10px} .mag-control .mag-economics-editions>summary{min-height:var(--ec-control-h);padding:6px 3px;font-size:var(--ec-control-font)} .mag-control .notice{font-size:var(--ec-font)} .mag-control .mag-economics-scroll{border-radius:12px} .mag-control .mag-economics-table{font-size:var(--ec-font);line-height:18px} .mag-control .mag-economics-table th, .mag-control .mag-economics-table td{padding:4px var(--ec-pad-x)} .mag-control .mag-economics-table tbody tr{height:var(--ec-row)} .mag-control .mag-economics-table thead th button{text-transform:inherit;letter-spacing:inherit} .mag-control .mag-economics-table thead th{height:var(--ec-row);padding-block:0;font-size:var(--ec-head-font);line-height:14px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-economics-identity, .mag-control .mag-economics-value, .mag-control .mag-economics-state{min-height:22px;line-height:18px} .mag-control .mag-economics-identity strong, .mag-control .mag-economics-identity span{display:inline;font-size:var(--ec-font);line-height:18px} .mag-control .mag-economics-identity strong::after{content:' · ';font-weight:400;color:var(--mag-text-secondary)} .mag-control .mag-economics-state{font-size:var(--ec-font)} .mag-control .mag-economics-pagination{font-size:12px;padding:4px 0}} @media screen and (pointer:coarse){.mag-control .mag-economics-toolbar input, .mag-control .mag-economics-toolbar select, .mag-control .mag-economics-pagination select, .mag-control .mag-economics-search button, .mag-control .mag-economics-pagination button, .mag-control .mag-economics-editions button, .mag-control .mag-economics-editions>summary, .mag-control .mag-economics-identity, .mag-control .mag-economics-value, .mag-control .mag-economics-state, .mag-control .mag-economics-links button, .mag-control .mag-economics-links a{min-height:var(--ec-touch)}} @media screen{.mag-control .mag-economics-root .mag-economics-context{border-radius:12px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-economics-root .mag-economics-scroll{border-radius:12px} .mag-control .mag-economics-root .mag-economics-table thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-economics-root .mag-economics-table tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-economics-root .mag-economics-empty{border:1px dashed var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle)} .mag-control .mag-economics-root .notice{border-left:3px solid var(--mag-warning-text)}} @media screen{.mag-control .mag-economics-root .mag-economics-search button, .mag-control .mag-economics-root .mag-economics-pagination button{background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-economics-root .mag-economics-search button:disabled, .mag-control .mag-economics-root .mag-economics-pagination button:disabled{color:var(--mag-text-secondary)}} /* ==== src/features/enterprise/report.module.css (module -> .mag-report-*) ==== */ .mag-control .mag-report-report{color:var(--mag-text);font-size:13px;min-width:0;max-width:1700px;margin:auto;--report-line:var(--mag-border);} .mag-control .mag-report-report .mag-report-context{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--mag-text-muted);font-size:11px;margin:-10px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--report-line);} .mag-control .mag-report-report .mag-report-context span{display:flex;align-items:center;gap:8px;} .mag-control .mag-report-report .mag-report-context i{width:7px;height:7px;background:#d59c31;border-radius:100%;} .mag-control .mag-report-report .mag-report-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;} .mag-control .mag-report-report .mag-report-heading h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;font-weight:750;margin:6px 0 8px;} .mag-control .mag-report-report .mag-report-heading p{color:var(--mag-text-muted);font-size:14px;margin:0;} .mag-control .mag-report-report .mag-report-eyebrow{font-size:10px!important;letter-spacing:1.25px;font-weight:650;color:var(--mag-text-muted);margin:0 0 6px;} .mag-control .mag-report-report .mag-report-tabs{display:flex;gap:30px;overflow-x:auto;border-bottom:1px solid var(--report-line);margin-bottom:12px;} .mag-control .mag-report-report .mag-report-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--mag-text-muted);padding:12px 4px 14px;white-space:nowrap;font-size:13px;} .mag-control .mag-report-report .mag-report-tabs button[aria-current=page]{color:var(--mag-link);border-bottom-color:var(--mag-primary);font-weight:650;} .mag-control .mag-report-report .mag-report-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:12px;} .mag-control .mag-report-report .mag-report-filters label{display:flex;flex-direction:column;gap:6px;color:var(--mag-text-muted);font-size:11px;} .mag-control .mag-report-report select{background:var(--mag-surface);border:1px solid var(--report-line);color:var(--mag-text);border-radius:6px;height:36px;padding:6px 30px 6px 10px;max-width:100%;font-size:12px;} .mag-control .mag-report-report input{color:var(--mag-text);} .mag-control .mag-report-report .mag-report-segment-buttons{display:flex;background:var(--mag-surface);padding:3px;border:1px solid var(--report-line);border-radius:8px;margin-right:auto;align-self:flex-end;} .mag-control .mag-report-report .mag-report-segment-buttons button{background:none;border:0;border-radius:5px;padding:9px 12px;color:var(--mag-text-muted);display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;} .mag-control .mag-report-report .mag-report-segment-buttons button[aria-pressed=true]{background:var(--mag-info-bg);color:var(--mag-link);font-weight:650;} .mag-control .mag-report-report .mag-report-segment-buttons span{font-size:10px;opacity:.7;} .mag-control .mag-report-report .mag-report-window{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border:1px solid var(--report-line);background:var(--mag-surface);border-radius:7px;padding:12px 14px;color:var(--mag-text-muted);font-size:11px;margin-bottom:16px;} .mag-control .mag-report-report .mag-report-window span{display:flex;align-items:center;gap:6px;} .mag-control .mag-report-report .mag-report-window strong{color:var(--mag-text);font-weight:600;} .mag-control .mag-report-report .mag-report-window button{margin-left:auto;display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--mag-link);font-size:11px;} .mag-control .mag-report-report .mag-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;} .mag-control .mag-report-report .mag-report-metric{display:flex;align-items:flex-start;gap:15px;background:var(--mag-surface);border:1px solid var(--report-line);border-radius:12px;padding:19px 16px;min-height:114px;} .mag-control .mag-report-report .mag-report-metric p{margin:0 0 6px;font-size:12px;} .mag-control .mag-report-report .mag-report-metric strong{font-size:28px;line-height:1.2;font-weight:730;letter-spacing:-.7px;} .mag-control .mag-report-report .mag-report-metric small{display:block;color:var(--mag-text-muted);font-size:10px;line-height:1.5;margin-top:7px;} .mag-control .mag-report-report .mag-report-metric-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:var(--mag-info-bg);color:var(--mag-link);border-radius:11px;} .mag-control .mag-report-report .mag-report-metric-icon[data-tone=amber]{background:var(--mag-warning-bg,#fff5e5);color:var(--mag-warning,#aa6200);} .mag-control .mag-report-report .mag-report-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:16px;align-items:start;} .mag-control .mag-report-report .mag-report-panel{background:var(--mag-surface);border:1px solid var(--report-line);border-radius:12px;min-width:0;overflow:hidden;} .mag-control .mag-report-report>.mag-report-panel{margin-top:20px;} .mag-control .mag-report-report .mag-report-panel-heading{padding:18px 18px 12px;display:flex;justify-content:space-between;align-items:center;gap:18px;} .mag-control .mag-report-report .mag-report-panel-heading h2{font-size:17px;line-height:1.4;font-weight:700;margin:0 0 4px;letter-spacing:-.25px;} .mag-control .mag-report-report .mag-report-panel-heading p{font-size:11px;line-height:1.6;color:var(--mag-text-muted);margin:0;} .mag-control .mag-report-report .mag-report-back{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;color:var(--mag-link);border:0;background:none;font-size:11px;} .mag-control .mag-report-report .mag-report-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 18px 14px;} .mag-control .mag-report-report .mag-report-search{display:flex;align-items:center;gap:8px;height:36px;background:var(--mag-surface);border:1px solid var(--report-line);border-radius:6px;max-width:330px;padding:0 10px;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-search input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:12px;} .mag-control .mag-report-report .mag-report-filters .mag-report-search{flex-direction:row;min-width:230px;} .mag-control .mag-report-report .mag-report-search:focus-within{outline:2px solid var(--mag-primary);outline-offset:2px;} .mag-control .mag-report-report .muted{font-size:10px;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-table-scroll{max-width:100%;overflow-x:auto;} .mag-control .mag-report-report .mag-report-table{width:100%;min-width:740px;border-collapse:collapse;font-size:11px;line-height:1.5;} .mag-control .mag-report-report .mag-report-table th{padding:11px 12px;background:var(--mag-canvas);border-block:1px solid var(--report-line);font-weight:550;white-space:nowrap;text-align:left;color:var(--mag-text-muted);font-size:10px;} .mag-control .mag-report-report .mag-report-table th button{display:inline-flex;align-items:center;gap:5px;color:inherit;background:none;border:0;font-size:inherit;padding:0;font-weight:inherit;} .mag-control .mag-report-report .mag-report-table td{border-bottom:1px solid var(--report-line);padding:12px;vertical-align:middle;height:56px;} .mag-control .mag-report-report .mag-report-table tbody tr:last-child td{border-bottom:0;} .mag-control .mag-report-report .mag-report-table tbody tr:hover, .mag-control .mag-report-report .mag-report-table tbody tr[data-selected]{background:var(--mag-info-bg);} .mag-control .mag-report-report .mag-report-table .numeric{text-align:right;font-variant-numeric:tabular-nums;} .mag-control .mag-report-report .mag-report-table strong{font-weight:600;} .mag-control .mag-report-report .mag-report-table small{display:block;color:var(--mag-text-muted);font-size:9px;font-weight:400;white-space:nowrap;margin-top:2px;} .mag-control .mag-report-report .mag-report-table td:first-child{min-width:155px;} .mag-control .mag-report-report .mag-report-row-link{display:block;text-align:left;color:var(--mag-text);border:0;background:none;padding:0;font-size:11px;line-height:1.5;} .mag-control .mag-report-report .mag-report-row-link:hover strong{color:var(--mag-link);text-decoration:underline;text-underline-offset:3px;} .mag-control .mag-report-report .mag-report-row-link small{font-size:9px;} .mag-control .mag-report-report .mag-report-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--mag-canvas);border:1px solid var(--report-line);border-radius:6px;line-height:1.5;padding:4px 7px;font-size:9px;white-space:nowrap;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-pill[data-tone=amber]{background:var(--mag-warning-bg,#fff3df);border-color:transparent;color:var(--mag-warning,#945300);} .mag-control .mag-report-report .mag-report-pill[data-tone=green]{background:var(--mag-success-bg,#dff4ec);border-color:transparent;color:var(--mag-success,#11634e);} .mag-control .mag-report-report .mag-report-warning-text{color:var(--mag-warning,#9a6108);} .mag-control .mag-report-report .mag-report-pagination{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--report-line);font-size:10px;color:var(--mag-text-muted);gap:10px;} .mag-control .mag-report-report .mag-report-pagination div{display:flex;align-items:center;gap:8px;} .mag-control .mag-report-report .mag-report-pagination label{display:flex;align-items:center;gap:8px;} .mag-control .mag-report-report .mag-report-pagination select{height:29px;font-size:10px;} .mag-control .mag-report-report .mag-report-pagination button{width:28px;height:29px;border-radius:6px;border:1px solid var(--report-line);background:var(--mag-surface);color:var(--mag-text);display:grid;place-items:center;} .mag-control .mag-report-report button:disabled{opacity:.45;cursor:default;} .mag-control .mag-report-report .mag-report-table-note{border-top:1px solid var(--report-line);padding:12px 18px;margin:0;color:var(--mag-text-muted);font-size:10px;line-height:1.6;} .mag-control .mag-report-report .mag-report-review{padding:0 18px 18px;} .mag-control .mag-report-report .mag-report-review-hero{display:flex;align-items:center;gap:15px;padding:10px 0 18px;border-bottom:1px solid var(--report-line);} .mag-control .mag-report-report .mag-report-review-hero>strong{font-size:33px;color:var(--mag-warning,#9a6108);font-weight:700;} .mag-control .mag-report-report .mag-report-review-hero>span{font-size:11px;} .mag-control .mag-report-report .mag-report-review-hero small{display:block;font-size:9px;color:var(--mag-text-muted);margin-top:4px;max-width:170px;} .mag-control .mag-report-report .mag-report-comparison{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;} .mag-control .mag-report-report .mag-report-comparison span, .mag-control .mag-report-report .mag-report-comparison small{display:block;color:var(--mag-text-muted);font-size:10px;} .mag-control .mag-report-report .mag-report-comparison strong{display:block;font-size:25px;font-weight:680;margin:5px 0;} .mag-control .mag-report-report .mag-report-comparison svg{color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-review h3{font-size:12px;font-weight:650;margin:20px 0 14px;} .mag-control .mag-report-report .mag-report-stage-header, .mag-control .mag-report-report .mag-report-stage{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--report-line);font-size:10px;} .mag-control .mag-report-report .mag-report-stage-header{color:var(--mag-text-muted);font-size:9px;padding:0 0 8px;} .mag-control .mag-report-report .mag-report-stage strong{font-size:11px;font-weight:550;white-space:nowrap;} .mag-control .mag-report-report .mag-report-stage em{font-style:normal;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-review>button{width:100%;margin:8px 0;justify-content:center;font-size:11px;border-radius:6px;} .mag-control .mag-report-report .mag-report-review .entity-follow-up{margin-top:12px;} .mag-control .mag-report-report .mag-report-review .entity-follow-up .button{width:100%;font-size:12px;justify-content:center;border-radius:6px;} .mag-control .mag-report-report .mag-report-review .entity-follow-up>span{display:block;font-size:10px;line-height:1.5;margin-top:7px;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-note{font-size:11px;line-height:1.7;color:var(--mag-text-muted);margin:14px 18px;} .mag-control .mag-report-report .mag-report-review .mag-report-note{margin:14px 0;} .mag-control .mag-report-report .mag-report-empty{padding:35px 18px;text-align:center;color:var(--mag-text-muted);} .mag-control .mag-report-report .mag-report-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;} .mag-control .mag-report-report .mag-report-rules{font-size:12px;line-height:1.8;padding:0 22px 0 36px;margin:10px 0 18px;} .mag-control .mag-report-report .mag-report-rules li{padding:0 0 12px 4px;} .mag-control .mag-report-report .mag-report-mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;padding:0 18px 18px;} .mag-control .mag-report-report .mag-report-mapping label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--report-line);font-size:11px;} .mag-control .mag-report-report .mag-report-mapping select{width:112px;flex-shrink:0;font-size:11px;} .mag-control .mag-report-report .mag-report-error{color:var(--mag-danger,#b42318);margin:12px 18px;} .mag-control .mag-report-report .mag-report-success{color:var(--mag-success,#126e50);margin:12px 18px;} .mag-control .mag-report-report .mag-report-related{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;} .mag-control .mag-report-report .mag-report-related a{display:flex;align-items:center;gap:8px;color:var(--mag-link);font-size:12px;} .mag-control .mag-report-report .mag-report-trend-table{min-width:1060px;} .mag-control .mag-report-report .mag-report-trend-table th:not(:first-child), .mag-control .mag-report-report .mag-report-trend-table td{text-align:right;font-variant-numeric:tabular-nums;} .mag-control .mag-report-report .mag-report-trend-table tbody th{background:var(--mag-surface);color:var(--mag-text);font-weight:550;white-space:normal;min-width:225px;max-width:270px;position:sticky;left:0;z-index:1;} .mag-control .mag-report-report .mag-report-trend-table td{min-width:90px;} .mag-control .mag-report-report .mag-report-trend-table small{white-space:normal;} @media(max-width:1350px){.mag-control .mag-report-report .mag-report-main-grid{grid-template-columns:1fr;} .mag-control .mag-report-report .mag-report-main-grid>aside{max-width:none;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-review{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-review-hero{border-bottom:0;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-stage{grid-column:2;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-stage-header{grid-column:2;} .mag-control .mag-report-report .mag-report-main-grid>aside h3{grid-column:2;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-review>p{grid-column:1;} .mag-control .mag-report-report .mag-report-metric{gap:10px;padding:16px 12px;} .mag-control .mag-report-report .mag-report-metric strong{font-size:26px;} .mag-control .mag-report-report .mag-report-mapping{grid-template-columns:1fr 1fr;}} @media(max-width:767px){.mag-control .mag-report-report .mag-report-context{margin:0 0 18px;font-size:9px;gap:10px;align-items:flex-start;} .mag-control .mag-report-report .mag-report-heading{gap:14px;align-items:flex-start;margin-bottom:16px;} .mag-control .mag-report-report .mag-report-heading h1{font-size:28px;} .mag-control .mag-report-report .mag-report-heading p{font-size:12px;line-height:1.6;} .mag-control .mag-report-report .mag-report-heading .button{font-size:0;min-width:37px;padding:8px;flex-shrink:0;} .mag-control .mag-report-report .mag-report-tabs{gap:23px;} .mag-control .mag-report-report .mag-report-tabs button{font-size:12px;} .mag-control .mag-report-report .mag-report-filters{gap:12px;} .mag-control .mag-report-report .mag-report-segment-buttons{width:100%;max-width:100%;overflow-x:auto;} .mag-control .mag-report-report .mag-report-segment-buttons button{padding:9px;font-size:11px;} .mag-control .mag-report-report .mag-report-filters label{max-width:100%;flex:1;min-width:130px;} .mag-control .mag-report-report .mag-report-filters select{max-width:100%;width:100%;} .mag-control .mag-report-report .mag-report-window{line-height:1.6;gap:10px;} .mag-control .mag-report-report .mag-report-window span{display:block;} .mag-control .mag-report-report .mag-report-window span svg{display:none;} .mag-control .mag-report-report .mag-report-window button{margin-left:0;} .mag-control .mag-report-report .mag-report-metrics{grid-template-columns:1fr 1fr;gap:10px;} .mag-control .mag-report-report .mag-report-metric{min-height:117px;padding:13px 10px;gap:8px;} .mag-control .mag-report-report .mag-report-metric-icon{width:27px;height:27px;flex-basis:27px;border-radius:8px;} .mag-control .mag-report-report .mag-report-metric-icon svg{width:16px;} .mag-control .mag-report-report .mag-report-metric p{font-size:10px;} .mag-control .mag-report-report .mag-report-metric strong{font-size:23px;} .mag-control .mag-report-report .mag-report-metric small{font-size:9px;} .mag-control .mag-report-report .mag-report-toolbar{gap:10px;} .mag-control .mag-report-report .mag-report-toolbar>.muted{display:none;} .mag-control .mag-report-report .mag-report-toolbar .mag-report-search{max-width:none;width:100%;} .mag-control .mag-report-report .mag-report-table{min-width:740px;} .mag-control .mag-report-report .mag-report-pagination{padding:12px;} .mag-control .mag-report-report .mag-report-pagination label{font-size:0;} .mag-control .mag-report-report .mag-report-method-grid, .mag-control .mag-report-report .mag-report-mapping{grid-template-columns:1fr;} .mag-control .mag-report-report .mag-report-panel-heading{flex-wrap:wrap;padding:16px;} .mag-control .mag-report-report .mag-report-panel-heading h2{font-size:16px;} .mag-control .mag-report-report .mag-report-main-grid>aside .mag-report-review{display:block;} .mag-control .mag-report-report .mag-report-related{gap:14px;} .mag-control .mag-report-report .mag-report-trend-table{min-width:1120px;} .mag-control .mag-report-report .mag-report-trend-table tbody th{min-width:160px;max-width:180px;} .mag-control .mag-report-report .mag-report-trend-table th{font-size:10px;}} @media print{.mag-control .mag-report-report .mag-report-filters, .mag-control .mag-report-report .mag-report-tabs, .mag-control .mag-report-report .mag-report-pagination, .mag-control .mag-report-report .mag-report-toolbar, .mag-control .mag-report-report button, .mag-control .mag-report-report .mag-report-context{display:none!important;} .mag-control .mag-report-report .mag-report-table-scroll{overflow:visible;} .mag-control .mag-report-report .mag-report-main-grid, .mag-control .mag-report-report .mag-report-method-grid{display:block;} .mag-control .mag-report-report .mag-report-panel{break-inside:avoid;margin-bottom:16px;}} .mag-control .mag-report-mobile-records, .mag-control .mag-report-mobile-view-picker, .mag-control .mag-report-mobile-filter-toggle, .mag-control .mag-report-mobile-inspect{display:none} .mag-control .mag-report-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start} .mag-control .mag-report-summary-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 12px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px;margin-bottom:10px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-report-summary-context strong{color:var(--mag-text);font-size:14px} .mag-control .mag-report-summary-context a{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--mag-link)} .mag-control .mag-report-summary-note{font-size:12px;color:var(--mag-text-secondary);padding-bottom:8px} .mag-control .mag-report-report{--er-row:var(--mag-dense-row,30px);--er-font:var(--mag-dense-font,13px);--er-head-font:var(--mag-dense-head-font,11px);--er-pad-x:var(--mag-dense-pad-x,10px);--er-tile-value:var(--mag-tile-value,20px);--er-tile-label:var(--mag-tile-label,11px);--er-tile-context:var(--mag-tile-context,12px);--er-control-h:var(--mag-control-h,32px);--er-control-font:var(--mag-control-font,13px);--er-panel-head:var(--mag-panel-head,40px);--er-title:var(--mag-page-title,22px);--er-touch:var(--mag-touch-target,44px)} @media screen and (min-width:768px){.mag-control .mag-report-report .mag-report-context{margin:0 0 6px;padding-bottom:6px} .mag-control .mag-report-report .mag-report-heading{margin-bottom:6px;gap:12px} .mag-control .mag-report-report .mag-report-heading h1{font-size:var(--er-title);line-height:28px;letter-spacing:-.01em;font-weight:650;margin:0} .mag-control .mag-report-report .mag-report-heading p{font-size:13px} .mag-control .mag-report-report .mag-report-eyebrow{margin:0 0 2px} .mag-control .mag-report-report .mag-report-tabs{gap:4px;margin-bottom:8px} .mag-control .mag-report-report .mag-report-tabs button{padding:6px 12px 7px;min-height:34px;font-size:var(--er-control-font)} .mag-control .mag-report-report .mag-report-filters{align-items:center;gap:6px 12px;margin-bottom:8px} .mag-control .mag-report-report .mag-report-filters label{flex-direction:row;align-items:center;gap:6px;font-size:12px;white-space:nowrap} .mag-control .mag-report-report select{height:var(--er-control-h);min-height:var(--er-control-h);padding-block:0;font-size:var(--er-control-font)} .mag-control .mag-report-report .mag-report-search{height:var(--er-control-h)} .mag-control .mag-report-report .mag-report-search input{font-size:var(--er-control-font);min-height:0} .mag-control .mag-report-report .mag-report-segment-buttons{padding:2px} .mag-control .mag-report-report .mag-report-segment-buttons button{min-height:26px;padding:0 10px;font-size:var(--er-control-font)} .mag-control .mag-report-report .mag-report-window{margin-bottom:8px;padding:6px 12px;font-size:12px;gap:6px 18px} .mag-control .mag-report-report .mag-report-metrics{gap:10px;margin-bottom:10px} .mag-control .mag-report-report .mag-report-metric{min-height:0;padding:8px 10px;gap:10px;border-radius:12px} .mag-control .mag-report-report .mag-report-metric-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px} .mag-control .mag-report-report .mag-report-metric-icon svg{width:16px;height:16px} .mag-control .mag-report-report .mag-report-metric p{margin:0;font-size:var(--er-tile-label);line-height:16px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-report-report .mag-report-metric strong{font-size:var(--er-tile-value);line-height:26px;font-weight:650;letter-spacing:0} .mag-control .mag-report-report .mag-report-metric small{font-size:var(--er-tile-context);line-height:16px;margin-top:0} .mag-control .mag-report-report .mag-report-main-grid{gap:10px} .mag-control .mag-report-report .mag-report-panel{border-radius:12px} .mag-control .mag-report-report>.mag-report-panel{margin-top:10px} .mag-control .mag-report-report .mag-report-panel-heading{min-height:var(--er-panel-head);padding:6px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--report-line);box-sizing:border-box} .mag-control .mag-report-report .mag-report-panel-heading h2{font-size:15px;line-height:20px;letter-spacing:0;font-weight:650;margin:0} .mag-control .mag-report-report .mag-report-panel-heading p, .mag-control .mag-report-report .mag-report-table-note, .mag-control .mag-report-report .mag-report-note{font-size:12px;line-height:16px} .mag-control .mag-report-report .mag-report-toolbar{padding:6px 12px;gap:10px} .mag-control .mag-report-report .mag-report-table{font-size:var(--er-font);line-height:18px;font-variant-numeric:tabular-nums} .mag-control .mag-report-report .mag-report-table thead th button{text-transform:inherit;letter-spacing:inherit} .mag-control .mag-report-report .mag-report-table thead th{height:var(--er-row);padding:0 var(--er-pad-x);font-size:var(--er-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-report-report .mag-report-table td, .mag-control .mag-report-report .mag-report-table tbody th{height:var(--er-row);padding:4px var(--er-pad-x);font-size:var(--er-font)} .mag-control .mag-report-report .mag-report-table small, .mag-control .mag-report-report .mag-report-row-link small{font-size:11px;line-height:15px} .mag-control .mag-report-report .mag-report-row-link{font-size:var(--er-font);line-height:18px} .mag-control .mag-report-report .mag-report-pill{font-size:11.5px;line-height:17px;padding:0 7px} .mag-control .mag-report-report .mag-report-table-note{padding:6px 12px} .mag-control .mag-report-report .mag-report-pagination{font-size:12px;padding:4px 12px} .mag-control .mag-report-report .mag-report-pagination select{font-size:12px;height:30px;min-height:30px} .mag-control .mag-report-report .mag-report-pagination button{width:30px;height:30px} .mag-control .mag-report-report .muted{font-size:12px} .mag-control .mag-report-report .mag-report-review{padding:0 12px 12px} .mag-control .mag-report-report .mag-report-review-hero{padding:8px 0 10px} .mag-control .mag-report-report .mag-report-review-hero>strong{font-size:var(--er-tile-value)} .mag-control .mag-report-report .mag-report-comparison{margin-top:10px} .mag-control .mag-report-report .mag-report-comparison strong{font-size:var(--er-tile-value);margin:2px 0} .mag-control .mag-report-report .mag-report-review h3{margin:12px 0 6px} .mag-control .mag-report-report .mag-report-stage{padding:6px 0;min-height:var(--er-row);box-sizing:border-box} .mag-control .mag-report-report .mag-report-mapping label{padding:5px 0}} @media(max-width:1000px){.mag-control .mag-report-summary-grid{grid-template-columns:1fr}} @media(max-width:767px){.mag-control .mag-report-summary-context{align-items:flex-start} .mag-control .mag-report-summary-context span{width:100%} .mag-control .mag-report-summary-context a{margin-left:0;min-height:44px} .mag-control .mag-report-summary-grid{gap:12px} .mag-control .mag-report-report .mag-report-metric{min-height:90px} .mag-control .mag-report-report .mag-report-table th{font-size:12px} .mag-control .mag-report-report .mag-report-row-link{min-height:44px} .mag-control .mag-report-report .mag-report-filters select{font-size:16px;min-height:44px}} @media(pointer:coarse){.mag-control .mag-report-report select, .mag-control .mag-report-report .mag-report-search, .mag-control .mag-report-report .mag-report-tabs button, .mag-control .mag-report-report .mag-report-segment-buttons button, .mag-control .mag-report-report .mag-report-pagination button, .mag-control .mag-report-report .mag-report-row-link, .mag-control .mag-report-report .mag-report-window button, .mag-control .mag-report-report .mag-report-back{min-height:var(--er-touch)} .mag-control .mag-report-report .mag-report-pagination button{width:var(--er-touch)}} @media print{.mag-control .mag-report-summary-grid{display:block} .mag-control .mag-report-summary-grid>section{margin-bottom:16px;break-inside:avoid}} @media(max-width:767px){.mag-control .mag-report-report .mag-report-tabs{display:none} .mag-control .mag-report-report .mag-report-mobile-view-picker{display:flex;align-items:center;gap:12px;font-size:12px;margin:0 0 12px;color:var(--mag-text-secondary)} .mag-control .mag-report-report .mag-report-mobile-view-picker select{flex:1;min-height:44px;font-size:16px} .mag-control .mag-report-report .mag-report-mobile-filter-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 12px;margin:0 0 12px;border:1px solid var(--mag-control-border);border-radius:8px;background:var(--mag-surface);text-align:left} .mag-control .mag-report-mobile-filter-toggle>span{flex:1;font-size:13px;font-weight:600;min-width:0} .mag-control .mag-report-mobile-filter-toggle small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--mag-text-secondary)} .mag-control .mag-report-mobile-filter-toggle[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)} .mag-control .mag-report-report .mag-report-filters[data-mobile-expanded="false"]{display:none} .mag-control .mag-report-report .mag-report-filters select, .mag-control .mag-report-report .mag-report-search input{font-size:16px;min-height:44px} .mag-control .mag-report-report .mag-report-search{height:44px} .mag-control .mag-report-report .mag-report-segment-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:4px} .mag-control .mag-report-report .mag-report-segment-buttons button{min-height:44px;justify-content:center;font-size:13px} .mag-control .mag-report-report[data-focused-source="true"]>.mag-report-metrics{display:none} .mag-control .mag-report-report .mag-report-mobile-inspect{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;width:100%;border:1px solid var(--mag-border);background:var(--mag-selected-bg);color:var(--mag-selected-text);border-radius:8px;padding:12px;margin-bottom:16px;font-size:13px;font-weight:600} .mag-control .mag-report-report .mag-report-mobile-records{display:block} .mag-control .mag-report-report .mag-report-desktop-report-table{display:none} .mag-control .mag-report-mobile-sort{padding:10px 14px;display:flex;align-items:center;gap:8px;border-block:1px solid var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .mag-report-mobile-sort label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;font-size:12px} .mag-control .mag-report-report .mag-report-mobile-sort select{height:44px;font-size:16px;min-width:0;flex:1;width:auto} .mag-control .mag-report-mobile-sort button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-report-mobile-record{padding:14px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-report-mobile-record[data-selected]{background:var(--mag-selected-bg)} .mag-control .mag-report-mobile-record-title{font-size:15px;font-weight:650;line-height:1.5} .mag-control .mag-report-report .mag-report-mobile-record-title .mag-report-row-link{font-size:15px;min-height:44px;width:100%;color:var(--mag-link)} .mag-control .mag-report-report .mag-report-mobile-record-title .mag-report-row-link small{font-size:12px;margin-top:3px;color:var(--mag-text-secondary)} .mag-control .mag-report-mobile-record dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 2px} .mag-control .mag-report-mobile-record dl>div{min-width:0;overflow-wrap:anywhere} .mag-control .mag-report-mobile-record dt{font-size:11px;color:var(--mag-text-secondary);margin-bottom:4px} .mag-control .mag-report-mobile-record dd{font-size:18px;margin:0} .mag-control .mag-report-mobile-record dd small{display:block;font-size:11px;color:var(--mag-text-secondary);margin-top:3px} .mag-control .mag-report-report .mag-report-mobile-record .mag-report-pill{font-size:12px;min-height:44px;padding:8px 12px;white-space:normal} .mag-control .mag-report-report .mag-report-pagination{flex-wrap:wrap} .mag-control .mag-report-report .mag-report-pagination button, .mag-control .mag-report-report .mag-report-pagination select{min-width:44px;height:44px;font-size:13px} .mag-control .mag-report-report .mag-report-heading .button{min-height:44px;min-width:44px} .mag-control .mag-report-report .mag-report-window button, .mag-control .mag-report-report .mag-report-back{min-height:44px;font-size:12px} .mag-control .mag-report-report .mag-report-stage, .mag-control .mag-report-report .mag-report-stage-header, .mag-control .mag-report-report .mag-report-stage strong{font-size:12px} .mag-control .mag-report-report .mag-report-review>.mag-report-note{font-size:12px} .mag-control .mag-report-report .mag-report-review .entity-follow-up .button{min-height:44px}} @media print{.mag-control .mag-report-mobile-records, .mag-control .mag-report-mobile-view-picker, .mag-control .mag-report-mobile-filter-toggle, .mag-control .mag-report-mobile-inspect{display:none!important} .mag-control .mag-report-report .mag-report-desktop-report-table{display:block!important}} @media screen{.mag-control .mag-report-report .mag-report-metric{border-radius:12px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-report-report .mag-report-metric strong{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.025em} .mag-control .mag-report-report .mag-report-panel{border-radius:12px} .mag-control .mag-report-report .mag-report-panel-heading{background:var(--mag-surface-subtle)} .mag-control .mag-report-report .mag-report-panel-heading h2{border-left:3px solid var(--mag-chart-1);padding-left:9px} .mag-control .mag-report-report .mag-report-table thead th{background:var(--mag-surface-subtle)} .mag-control .mag-report-report .mag-report-table tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-report-report .mag-report-empty{border:1px dashed var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle)}} /* ==== src/features/executive-moves/executive-moves.module.css (module -> .mag-executive-moves-*) ==== */ .mag-control .mag-executive-moves-table{ width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-executive-moves-table th, .mag-control .mag-executive-moves-table td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: right; vertical-align: top; } .mag-control .mag-executive-moves-table th{ font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); } .mag-control .mag-executive-moves-table th:first-child, .mag-control .mag-executive-moves-table td:first-child, .mag-control .mag-executive-moves-table .mag-executive-moves-left{ text-align: left; } .mag-control .mag-executive-moves-table .mag-executive-moves-wrap{ white-space: normal; overflow-wrap: anywhere; } .mag-control .mag-executive-moves-table .muted{ color: var(--mag-text-muted); } .mag-control .mag-executive-moves-table a{ color: var(--mag-link); } .mag-control .mag-executive-moves-stack{ display: grid; gap: 12px; } .mag-control .mag-executive-moves-section-title{ margin: 0; font-size: 13px; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-executive-moves-sub{ display: block; font-size: 12px; color: var(--mag-text-muted); font-weight: 400; } .mag-control .mag-executive-moves-amount{ display: grid; gap: 1px; justify-items: end; } .mag-control .mag-executive-moves-amount small{ font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-executive-moves-note{ margin: 0; font-size: 12px; color: var(--mag-text-muted); line-height: 1.5; } .mag-control .mag-executive-moves-empty{ margin: 0; padding: 8px 0; color: var(--mag-text-muted); font-size: 13px; } .mag-control .mag-executive-moves-links{ display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; } .mag-control .mag-executive-moves-links a{ color: var(--mag-link); } /* ==== src/features/fs-analysis/line-movement.module.css (module -> .mag-line-movement-*) ==== */ .mag-control .mag-line-movement-panel{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card,12px);background:var(--mag-surface);padding:12px;min-width:0;margin:8px 0;font-size:13px} .mag-control .mag-line-movement-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 16px;flex-wrap:wrap;min-width:0} .mag-control .mag-line-movement-head h2{margin:0;font-size:16px;font-weight:650} .mag-control .mag-line-movement-head h3, .mag-control .mag-line-movement-moves h3{margin:0 0 6px;font-size:13px;font-weight:650} .mag-control .mag-line-movement-head p{margin:2px 0 0;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-switch{display:flex;flex-wrap:wrap;gap:4px} .mag-control .mag-line-movement-switch button{font:inherit;font-size:12px;padding:4px 9px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text);cursor:pointer} .mag-control .mag-line-movement-switch button[aria-pressed="true"]{color:var(--mag-selected-text);background:var(--mag-selected-bg);border-color:var(--mag-chart-1)} .mag-control .mag-line-movement-switch button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-line-movement-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:10px;margin:10px 0 6px;overflow:hidden} .mag-control .mag-line-movement-tiles>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-right:1px solid var(--mag-border);min-width:0} .mag-control .mag-line-movement-tiles>div:last-child{border-right:0} .mag-control .mag-line-movement-tiles span{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-tiles strong{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .mag-line-movement-tiles strong[data-adverse]{color:var(--mag-danger-text)} .mag-control .mag-line-movement-tiles small{font-size:12px;color:var(--mag-text-secondary);overflow-wrap:anywhere} .mag-control .mag-line-movement-note{margin:6px 0;font-size:11.5px;line-height:1.5;color:var(--mag-text-muted)} .mag-control .mag-line-movement-empty{margin:0;padding:8px 0;font-size:12.5px;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-history{list-style:none;margin:8px 0 12px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px} .mag-control .mag-line-movement-history li{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--mag-border);border-radius:8px;min-width:0;background:var(--mag-surface)} .mag-control .mag-line-movement-history li>span{font-size:11px;font-weight:650;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-history li strong{font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .mag-line-movement-history li small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-history li[data-selected]{border-color:var(--mag-chart-1);box-shadow:inset 0 3px 0 var(--mag-chart-1)} .mag-control .mag-line-movement-history li[data-current]{background:var(--mag-surface-subtle)} .mag-control .mag-line-movement-history li:not([data-state="usable"]){border-style:dashed;color:var(--mag-text-muted)} .mag-control .mag-line-movement-history .mag-line-movement-reason{font-size:10.5px;line-height:1.35;overflow-wrap:anywhere} .mag-control .mag-line-movement-links{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:11px} .mag-control .mag-line-movement-links a{color:var(--mag-link,var(--mag-primary))} .mag-control .mag-line-movement-contributors, .mag-control .mag-line-movement-moves{border-top:1px solid var(--mag-border);padding-top:10px;margin-top:10px;min-width:0} .mag-control .mag-line-movement-scroll{overflow-x:auto;max-width:100%} .mag-control .mag-line-movement-scroll table{width:100%;border-collapse:collapse;font-size:12.5px} .mag-control .mag-line-movement-scroll caption{caption-side:top;text-align:left;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);padding:4px 0} .mag-control .mag-line-movement-scroll th, .mag-control .mag-line-movement-scroll td{padding:5px 8px;border-bottom:1px solid var(--mag-border);text-align:right;vertical-align:top;font-variant-numeric:tabular-nums} .mag-control .mag-line-movement-scroll th:first-child, .mag-control .mag-line-movement-scroll td:last-child{text-align:left} .mag-control .mag-line-movement-scroll thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-line-movement-total>*{font-weight:650;background:var(--mag-surface-subtle)} .mag-control .mag-line-movement-moves td, .mag-control .mag-line-movement-moves th{text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.4} .mag-control .mag-line-movement-moves td{max-width:360px} .mag-control .mag-line-movement-moves ul{margin:4px 0 0;padding-left:16px} .mag-control .mag-line-movement-moves p{margin:0} .mag-control .mag-line-movement-moves th small{display:block;font-weight:400;font-size:10.5px;color:var(--mag-text-muted)} .mag-control .mag-line-movement-high, .mag-control .mag-line-movement-medium, .mag-control .mag-line-movement-low{display:inline-block;padding:0 6px;border-radius:var(--mag-radius-pill,999px);font-size:10px;font-weight:700;line-height:16px;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-line-movement-high{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-line-movement-medium{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-line-movement-low{background:var(--mag-neutral-bg);color:var(--mag-neutral-text)} .mag-control .mag-line-movement-rules{margin-top:10px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-line-movement-rules summary{cursor:pointer;font-weight:600;color:var(--mag-text)} .mag-control .mag-line-movement-rules dt{font-weight:650;color:var(--mag-text);margin-top:6px} .mag-control .mag-line-movement-rules dd{margin:2px 0 0} @media(max-width:1023px){.mag-control .mag-line-movement-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-line-movement-tiles>div{border-bottom:1px solid var(--mag-border)}} @media(max-width:600px){.mag-control .mag-line-movement-history{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-line-movement-switch button{min-height:44px}} @media print{.mag-control .mag-line-movement-switch{display:none} .mag-control .mag-line-movement-history{grid-template-columns:repeat(7,minmax(0,1fr))}} /* ==== src/features/fs-analysis/workspace.module.css (module -> .mag-fs-analysis-workspace-*) ==== */ .mag-control .mag-fs-analysis-workspace-root{color:var(--mag-text);max-width:1800px;margin:auto} .mag-control .mag-fs-analysis-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 24px} .mag-control .mag-fs-analysis-workspace-header h1{font-size:32px;letter-spacing:-1px;margin:4px 0} .mag-control .mag-fs-analysis-workspace-header p{color:var(--mag-muted);margin:6px 0} .mag-control .mag-fs-analysis-workspace-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700} .mag-control .mag-fs-analysis-workspace-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mag-control .mag-fs-analysis-workspace-actions button, .mag-control .mag-fs-analysis-workspace-actions a, .mag-control .mag-fs-analysis-workspace-filters select, .mag-control .mag-fs-analysis-workspace-filters input, .mag-control .mag-fs-analysis-workspace-toolbar select, .mag-control .mag-fs-analysis-workspace-toolbar>input, .mag-control .mag-fs-analysis-workspace-download{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--mag-border);background:var(--mag-surface);color:var(--mag-text);border-radius:8px;padding:9px 12px;font-size:13px;text-decoration:none} .mag-control .mag-fs-analysis-workspace-actions button:disabled{opacity:.55} .mag-control .mag-fs-analysis-workspace-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:12px} .mag-control .mag-fs-analysis-workspace-filters label, .mag-control .mag-fs-analysis-workspace-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:600} .mag-control .mag-fs-analysis-workspace-filters select{min-width:240px;max-width:100%} .mag-control .mag-fs-analysis-workspace-filters span{font-size:12px;color:var(--mag-muted);padding:10px 0} .mag-control .notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--mag-surface);border:1px solid var(--mag-border);padding:12px 16px;border-radius:9px;margin:12px 0;font-size:13px} .mag-control .notice button{color:var(--mag-primary);display:flex;align-items:center;gap:6px} .mag-control .mag-fs-analysis-workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);overflow:hidden;margin:20px 0} .mag-control .mag-fs-analysis-workspace-summary>div{padding:18px 20px;border-right:1px solid var(--mag-border);display:flex;flex-direction:column;gap:7px} .mag-control .mag-fs-analysis-workspace-summary>div:last-child{border:0} .mag-control .mag-fs-analysis-workspace-summary span, .mag-control .mag-fs-analysis-workspace-summary small{font-size:12px;color:var(--mag-muted)} .mag-control .mag-fs-analysis-workspace-summary strong{font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.6px} .mag-control .mag-fs-analysis-workspace-summary .mag-fs-analysis-workspace-text-value{font-size:19px;line-height:36px} .mag-control .mag-fs-analysis-workspace-tabs{display:flex;border-bottom:1px solid var(--mag-border);gap:18px;margin:8px 0 16px;overflow:auto} .mag-control .mag-fs-analysis-workspace-tabs button{white-space:nowrap;padding:12px 5px;font-size:13px;font-weight:600;border-bottom:3px solid transparent;color:var(--mag-muted)} .mag-control .mag-fs-analysis-workspace-tabs button[aria-pressed=true]{color:var(--mag-primary);border-bottom-color:var(--mag-primary)} .mag-control .mag-fs-analysis-workspace-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0} .mag-control .mag-fs-analysis-workspace-toolbar .mag-fs-analysis-workspace-review{display:flex;align-items:center;padding:10px 0;gap:7px} .mag-control .mag-fs-analysis-workspace-toolbar>input{min-width:250px;flex:1} .mag-control .mag-fs-analysis-workspace-caption{color:var(--mag-muted);font-size:12px;line-height:1.7;margin:16px 0} .mag-control .mag-fs-analysis-workspace-scroll{overflow:auto;max-width:100%;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-fs-analysis-workspace-scroll table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px} .mag-control .mag-fs-analysis-workspace-scroll th, .mag-control .mag-fs-analysis-workspace-scroll td{padding:12px 16px;border-right:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border);min-width:155px;text-align:right} .mag-control .mag-fs-analysis-workspace-scroll thead th{font-size:11px;color:var(--mag-muted);letter-spacing:.5px;background:var(--mag-surface-alt,var(--mag-surface));white-space:nowrap} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{position:sticky;left:0;z-index:1;text-align:left;background:var(--mag-surface);min-width:255px;max-width:320px} .mag-control .mag-fs-analysis-workspace-scroll tbody th strong, .mag-control .mag-fs-analysis-workspace-scroll tbody th span{display:block} .mag-control .mag-fs-analysis-workspace-scroll tbody th strong{font-size:14px;margin:4px 0} .mag-control .mag-fs-analysis-workspace-scroll tbody th span{font-size:12px;color:var(--mag-muted);font-weight:400} .mag-control .mag-fs-analysis-workspace-scroll small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:var(--mag-muted)} .mag-control .mag-fs-analysis-workspace-scroll td button{display:block;text-align:right;width:100%;padding:3px 0} .mag-control .mag-fs-analysis-workspace-scroll td button strong{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.4px} .mag-control .mag-fs-analysis-workspace-scroll td .mag-fs-analysis-workspace-checked strong{color:var(--mag-primary)} .mag-control .mag-fs-analysis-workspace-scroll td .mag-fs-analysis-workspace-pending strong{color:#ac6400} .mag-control .mag-fs-analysis-workspace-scroll td button:hover strong{text-decoration:underline} .mag-control .mag-fs-analysis-workspace-scroll td>a{color:var(--mag-primary);display:inline-flex;gap:5px;align-items:center} .mag-control .mag-fs-analysis-workspace-missing{color:var(--mag-muted)} .mag-control .mag-fs-analysis-workspace-empty{padding:38px 22px;color:var(--mag-muted)} .mag-control .mag-fs-analysis-workspace-evidence{font-size:13px} .mag-control .mag-fs-analysis-workspace-evidence h2{font-size:30px} .mag-control .mag-fs-analysis-workspace-evidence details{border-top:1px solid var(--mag-border);padding:14px 0} .mag-control .mag-fs-analysis-workspace-evidence summary{font-weight:600;cursor:pointer} .mag-control .mag-fs-analysis-workspace-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--mag-surface);padding:12px;border:1px solid var(--mag-border);max-height:340px;overflow:auto} .mag-control .mag-fs-analysis-workspace-evidence select{max-width:100%;margin:12px 0} .mag-control .mag-fs-analysis-workspace-editions a{display:block;padding:14px;border-bottom:1px solid var(--mag-border);color:var(--mag-primary)} .mag-control .mag-fs-analysis-workspace-editions small{display:block;color:var(--mag-muted)} @media(max-width:760px){.mag-control .mag-fs-analysis-workspace-header{display:block} .mag-control .mag-fs-analysis-workspace-header h1{font-size:28px} .mag-control .mag-fs-analysis-workspace-header .mag-fs-analysis-workspace-actions{margin-top:14px} .mag-control .mag-fs-analysis-workspace-filters{gap:12px} .mag-control .mag-fs-analysis-workspace-filters label:first-child{width:100%} .mag-control .mag-fs-analysis-workspace-filters select{width:100%;min-width:0} .mag-control .mag-fs-analysis-workspace-filters input{max-width:140px} .mag-control .mag-fs-analysis-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-fs-analysis-workspace-summary>div{padding:14px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-fs-analysis-workspace-summary strong{font-size:25px} .mag-control .mag-fs-analysis-workspace-summary .mag-fs-analysis-workspace-text-value{font-size:16px} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{min-width:190px;max-width:190px} .mag-control .mag-fs-analysis-workspace-scroll td{min-width:155px} .mag-control .mag-fs-analysis-workspace-toolbar>input{min-width:0;width:100%} .mag-control .mag-fs-analysis-workspace-actions{gap:6px} .mag-control .mag-fs-analysis-workspace-tabs{gap:12px}} @media print{.mag-control .mag-fs-analysis-workspace-actions, .mag-control .mag-fs-analysis-workspace-filters, .mag-control .mag-fs-analysis-workspace-toolbar, .mag-control .mag-fs-analysis-workspace-tabs{display:none} .mag-control .mag-fs-analysis-workspace-root{color:#111} .mag-control .mag-fs-analysis-workspace-summary{break-inside:avoid} .mag-control .mag-fs-analysis-workspace-scroll{overflow:visible} .mag-control .mag-fs-analysis-workspace-scroll table{font-size:10px} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{position:static;min-width:160px} .mag-control .mag-fs-analysis-workspace-scroll th, .mag-control .mag-fs-analysis-workspace-scroll td{min-width:80px;padding:6px} .mag-control .mag-fs-analysis-workspace-scroll td button strong{font-size:13px} .mag-control .mag-fs-analysis-workspace-scroll td .mag-fs-analysis-workspace-pending strong{color:#704000} .mag-control .mag-fs-analysis-workspace-header h1{font-size:24px}} @page{size:landscape;margin:12mm} @media print{.mag-control .mag-fs-analysis-workspace-scroll table{table-layout:fixed;width:100%} .mag-control .mag-fs-analysis-workspace-scroll th, .mag-control .mag-fs-analysis-workspace-scroll td{min-width:0;overflow-wrap:anywhere;padding:4px;font-size:8px} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{width:19%;min-width:0;max-width:none} .mag-control .mag-fs-analysis-workspace-scroll td button strong{font-size:10px} .mag-control .mag-fs-analysis-workspace-scroll small{font-size:7px} .mag-control .mag-fs-analysis-workspace-scroll tr{break-inside:avoid}} .mag-control .mag-fs-analysis-workspace-evidence dl>div{margin:10px 0} .mag-control .mag-fs-analysis-workspace-evidence dt{font-weight:600} .mag-control .mag-fs-analysis-workspace-evidence dd{margin:4px 0;color:var(--mag-muted);overflow-wrap:anywhere} .mag-control .mag-fs-analysis-workspace-root button{font-family:inherit;cursor:pointer} .mag-control .mag-fs-analysis-workspace-tabs button{border:0;border-bottom:3px solid transparent;background:transparent} .mag-control .mag-fs-analysis-workspace-scroll td button, .mag-control .notice button{border:0;background:transparent} .mag-control .mag-fs-analysis-workspace-toolbar .mag-fs-analysis-workspace-review input{width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;accent-color:var(--mag-primary)} .mag-control .mag-fs-analysis-workspace-toolbar .mag-fs-analysis-workspace-review{white-space:nowrap} .mag-control .mag-fs-analysis-workspace-filters>span{flex-basis:100%;padding:0} .mag-control .mag-fs-analysis-workspace-filters{row-gap:10px} .mag-control .mag-fs-analysis-workspace-summary>div{padding:14px 18px} .mag-control .mag-fs-analysis-workspace-summary{margin:16px 0} .mag-control .mag-fs-analysis-workspace-header{margin-bottom:18px} .mag-control .mag-fs-analysis-workspace-filters label:not(:first-child) select{min-width:140px;width:140px} .mag-control .mag-fs-analysis-workspace-root{--fa-row:var(--mag-dense-row,30px);--fa-font:var(--mag-dense-font,13px);--fa-head-font:var(--mag-dense-head-font,11px);--fa-pad-x:var(--mag-dense-pad-x,10px);--fa-tile-value:var(--mag-tile-value,20px);--fa-tile-label:var(--mag-tile-label,11px);--fa-tile-context:var(--mag-tile-context,12px);--fa-control-h:var(--mag-control-h,32px);--fa-control-font:var(--mag-control-font,13px);--fa-title:var(--mag-page-title,22px);--fa-touch:var(--mag-touch-target,44px)} @media screen{.mag-control .mag-fs-analysis-workspace-root{min-width:0;font-size:var(--fa-font);line-height:1.4;font-variant-numeric:tabular-nums} .mag-control .mag-fs-analysis-workspace-header{gap:10px;margin:0 0 6px} .mag-control .mag-fs-analysis-workspace-header h1{font-size:var(--fa-title);line-height:28px;letter-spacing:0;margin:1px 0 0} .mag-control .mag-fs-analysis-workspace-header p{font-size:12px;margin:2px 0} .mag-control .mag-fs-analysis-workspace-eyebrow{font-size:var(--fa-tile-label);letter-spacing:.06em;color:var(--mag-text-secondary)} .mag-control .mag-fs-analysis-workspace-actions{gap:6px} .mag-control .mag-fs-analysis-workspace-actions button, .mag-control .mag-fs-analysis-workspace-actions a, .mag-control .mag-fs-analysis-workspace-filters select, .mag-control .mag-fs-analysis-workspace-filters input, .mag-control .mag-fs-analysis-workspace-toolbar select, .mag-control .mag-fs-analysis-workspace-toolbar>input, .mag-control .mag-fs-analysis-workspace-download{font-size:var(--fa-control-font);min-height:var(--fa-control-h);height:var(--fa-control-h);padding:0 10px;border-radius:6px;box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-filters{gap:6px 12px;padding:6px 12px;border-radius:12px;align-items:center} .mag-control .mag-fs-analysis-workspace-filters label, .mag-control .mag-fs-analysis-workspace-toolbar label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-fs-analysis-workspace-filters select{min-width:0;width:auto;max-width:240px} .mag-control .mag-fs-analysis-workspace-filters label:not(:first-child) select{min-width:0;width:auto} .mag-control .mag-fs-analysis-workspace-filters span{padding:0} .mag-control .mag-fs-analysis-workspace-filters>span{flex-basis:auto;margin-left:auto;font-size:12px} .mag-control .notice{gap:8px;padding:6px 12px;margin:8px 0;font-size:var(--fa-font)} .mag-control .mag-fs-analysis-workspace-summary{margin:8px 0;border-radius:12px} .mag-control .mag-fs-analysis-workspace-summary>div{padding:8px 10px;gap:1px} .mag-control .mag-fs-analysis-workspace-summary span{font-size:var(--fa-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-fs-analysis-workspace-summary small{font-size:var(--fa-tile-context)} .mag-control .mag-fs-analysis-workspace-summary strong, .mag-control .mag-fs-analysis-workspace-summary .mag-fs-analysis-workspace-text-value{font-size:var(--fa-tile-value);line-height:26px;font-weight:650;letter-spacing:0} .mag-control .mag-fs-analysis-workspace-tabs{gap:4px;margin:6px 0 8px} .mag-control .mag-fs-analysis-workspace-tabs button{font-size:var(--fa-control-font);padding:6px 12px 7px;min-height:34px} .mag-control .mag-fs-analysis-workspace-toolbar{gap:8px 12px;margin:8px 0;align-items:center} .mag-control .mag-fs-analysis-workspace-toolbar .mag-fs-analysis-workspace-review{padding:0;min-height:var(--fa-control-h);box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-toolbar>input{min-width:220px} .mag-control .mag-fs-analysis-workspace-caption{margin:6px 0;font-size:12px;line-height:1.5} .mag-control .mag-fs-analysis-workspace-scroll{border-radius:12px} .mag-control .mag-fs-analysis-workspace-scroll table{font-size:var(--fa-font)} .mag-control .mag-fs-analysis-workspace-scroll th, .mag-control .mag-fs-analysis-workspace-scroll td{height:var(--fa-row);padding:4px var(--fa-pad-x);min-width:140px;line-height:18px;box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-scroll thead th{position:sticky;top:0;z-index:2;padding-block:0;font-size:var(--fa-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);background:var(--mag-surface-subtle);line-height:14px} .mag-control .mag-fs-analysis-workspace-scroll thead th:first-child{z-index:3;background:var(--mag-surface-subtle)} .mag-control .mag-fs-analysis-workspace-scroll thead small{display:inline;margin-left:4px;text-transform:none;letter-spacing:0;font-weight:400} .mag-control .mag-fs-analysis-workspace-scroll thead br{display:none} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{min-width:235px;max-width:320px} .mag-control .mag-fs-analysis-workspace-scroll tbody th small, .mag-control .mag-fs-analysis-workspace-scroll tbody th strong{display:inline} .mag-control .mag-fs-analysis-workspace-scroll tbody th small::after{content:' · '} .mag-control .mag-fs-analysis-workspace-scroll tbody th strong{margin:0;font-size:var(--fa-font);font-weight:600} .mag-control .mag-fs-analysis-workspace-scroll tbody th span{font-size:11.5px;line-height:15px} .mag-control .mag-fs-analysis-workspace-scroll small{font-size:11px;line-height:15px} .mag-control .mag-fs-analysis-workspace-scroll td button{padding:0;line-height:18px;white-space:nowrap} .mag-control .mag-fs-analysis-workspace-scroll td button strong{font-size:var(--fa-font);letter-spacing:0} .mag-control .mag-fs-analysis-workspace-scroll td button small, .mag-control .mag-fs-analysis-workspace-scroll td>small, .mag-control .mag-fs-analysis-workspace-scroll td>strong+small, .mag-control .mag-fs-analysis-workspace-scroll .mag-fs-analysis-workspace-missing small{display:inline;margin-left:6px} .mag-control .mag-fs-analysis-workspace-scroll td .mag-fs-analysis-workspace-pending strong{color:var(--mag-warning-text)} .mag-control .mag-fs-analysis-workspace-empty{padding:16px} .mag-control .mag-fs-analysis-workspace-evidence{font-size:14px} .mag-control .mag-fs-analysis-workspace-evidence h2{font-size:var(--fa-tile-value)} .mag-control .mag-fs-analysis-workspace-evidence details{padding:9px 0} .mag-control .mag-fs-analysis-workspace-evidence pre{font-size:12px;padding:9px} .mag-control .mag-fs-analysis-workspace-editions a{padding:8px 10px} .mag-control .mag-fs-analysis-workspace-editions small{font-size:12px}} @media screen and (max-width:760px){.mag-control .mag-fs-analysis-workspace-header h1{font-size:20px} .mag-control .mag-fs-analysis-workspace-header .mag-fs-analysis-workspace-actions{margin-top:8px} .mag-control .mag-fs-analysis-workspace-filters label, .mag-control .mag-fs-analysis-workspace-toolbar label{white-space:normal} .mag-control .mag-fs-analysis-workspace-filters label:first-child{width:100%} .mag-control .mag-fs-analysis-workspace-filters label:first-child select{flex:1;max-width:none} .mag-control .mag-fs-analysis-workspace-filters>span{margin-left:0} .mag-control .mag-fs-analysis-workspace-summary>div{padding:8px} .mag-control .mag-fs-analysis-workspace-scroll th:first-child{min-width:190px;max-width:190px} .mag-control .mag-fs-analysis-workspace-scroll td{min-width:140px} .mag-control .mag-fs-analysis-workspace-scroll th, .mag-control .mag-fs-analysis-workspace-scroll td{padding:4px 8px} .mag-control .mag-fs-analysis-workspace-filters{gap:8px} .mag-control .mag-fs-analysis-workspace-tabs{gap:6px} .mag-control .mag-fs-analysis-workspace-scroll td button, .mag-control .mag-fs-analysis-workspace-scroll td button small{white-space:normal}} @media screen and (max-width:760px),screen and (pointer:coarse){.mag-control .mag-fs-analysis-workspace-actions button, .mag-control .mag-fs-analysis-workspace-actions a, .mag-control .mag-fs-analysis-workspace-filters select, .mag-control .mag-fs-analysis-workspace-filters input, .mag-control .mag-fs-analysis-workspace-toolbar select, .mag-control .mag-fs-analysis-workspace-toolbar>input, .mag-control .mag-fs-analysis-workspace-download, .mag-control .mag-fs-analysis-workspace-tabs button, .mag-control .mag-fs-analysis-workspace-scroll td button, .mag-control .mag-fs-analysis-workspace-scroll td>a, .mag-control .mag-fs-analysis-workspace-evidence summary, .mag-control .mag-fs-analysis-workspace-evidence select, .mag-control .mag-fs-analysis-workspace-editions a{min-height:var(--fa-touch);height:auto;box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-scroll td>a, .mag-control .mag-fs-analysis-workspace-evidence summary, .mag-control .mag-fs-analysis-workspace-editions a{align-content:center} .mag-control .mag-fs-analysis-workspace-toolbar .mag-fs-analysis-workspace-review{min-height:var(--fa-touch)}} @media screen and (min-width:768px){.mag-control .mag-fs-analysis-workspace-month-matrix table{table-layout:fixed;width:100%} .mag-control .mag-fs-analysis-workspace-month-matrix th, .mag-control .mag-fs-analysis-workspace-month-matrix td{min-width:0;padding:4px 3px;overflow-wrap:anywhere;font-size:12px;line-height:1.35} .mag-control .mag-fs-analysis-workspace-month-matrix th:first-child{width:150px;min-width:0;max-width:150px} .mag-control .mag-fs-analysis-workspace-month-matrix thead th{white-space:normal;font-size:11px;letter-spacing:0} .mag-control .mag-fs-analysis-workspace-month-matrix td button{white-space:normal;overflow-wrap:anywhere} .mag-control .mag-fs-analysis-workspace-month-matrix td button strong{font-size:12px;font-weight:600} .mag-control .mag-fs-analysis-workspace-month-matrix tbody th strong{font-size:12px} .mag-control .mag-fs-analysis-workspace-month-matrix td small{margin:0;font-size:10px} .mag-control .mag-fs-analysis-workspace-month-matrix td:last-child small{display:block}} .mag-control .mag-fs-analysis-workspace-numeric-part{white-space:nowrap} .mag-control .mag-fs-analysis-workspace-row-comparison{font-weight:400;font-size:11px;margin-top:2px} .mag-control .mag-fs-analysis-workspace-row-comparison summary{cursor:pointer;color:var(--mag-link);width:max-content} .mag-control .mag-fs-analysis-workspace-row-comparison summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-fs-analysis-workspace-month-matrix .mag-fs-analysis-workspace-row-comparison strong, .mag-control .mag-fs-analysis-workspace-month-matrix .mag-fs-analysis-workspace-row-comparison small{display:block} .mag-control .mag-fs-analysis-workspace-month-matrix td button small{white-space:nowrap} @media screen and (max-width:1023px){.mag-control .mag-fs-analysis-workspace-month-matrix table{table-layout:fixed;min-width:1100px;width:100%} .mag-control .mag-fs-analysis-workspace-month-matrix th, .mag-control .mag-fs-analysis-workspace-month-matrix td{min-width:0;padding:4px 3px;font-size:12px;line-height:1.35} .mag-control .mag-fs-analysis-workspace-month-matrix th:first-child{width:150px;min-width:150px;max-width:150px} .mag-control .mag-fs-analysis-workspace-month-matrix td button strong{font-size:12px}} @media screen{.mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-summary{border-top:3px solid var(--mag-chart-1)} .mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-summary strong{font-size:24px;letter-spacing:-.025em} .mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-scroll{border-radius:12px} .mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-scroll thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-scroll tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-fs-analysis-workspace-root .mag-fs-analysis-workspace-empty{background:var(--mag-surface-subtle);border:1px dashed var(--mag-border);border-radius:12px} .mag-control .mag-fs-analysis-workspace-root .notice{border-left:3px solid var(--mag-warning-text)}} @media screen{.mag-control .mag-fs-analysis-workspace-month-matrix{overflow:visible;max-height:none} .mag-control .mag-fs-analysis-workspace-month-matrix table{display:block;min-width:0;width:100%;table-layout:auto} .mag-control .mag-fs-analysis-workspace-month-matrix thead{display:none} .mag-control .mag-fs-analysis-workspace-month-matrix tbody{display:block} .mag-control .mag-fs-analysis-workspace-month-matrix tbody tr{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));border-bottom:2px solid var(--mag-border);padding-bottom:8px} .mag-control .mag-fs-analysis-workspace-month-matrix tbody th:first-child{position:static;grid-column:1/-1;width:auto;max-width:none;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 8px;background:var(--mag-surface-subtle)} .mag-control .mag-fs-analysis-workspace-month-matrix td{display:block;min-width:0;max-width:100%;padding:6px 3px;text-align:center;border:0} .mag-control .mag-fs-analysis-workspace-month-matrix td::before{content:attr(data-month);display:block;font-size:10px;font-weight:650;color:var(--mag-text-secondary);margin-bottom:5px} .mag-control .mag-fs-analysis-workspace-month-matrix td button{min-width:0;width:100%;padding:3px 0} .mag-control .mag-fs-analysis-workspace-month-matrix td button strong{font-size:clamp(10px,.8vw,12px);white-space:normal;overflow-wrap:anywhere} .mag-control .mag-fs-analysis-workspace-month-matrix .mag-fs-analysis-workspace-row-comparison{margin:0} .mag-control .mag-fs-analysis-workspace-month-matrix th:first-child strong, .mag-control .mag-fs-analysis-workspace-month-matrix th:first-child small{max-width:none}} @media screen and (max-width:1100px){.mag-control .mag-fs-analysis-workspace-month-matrix tbody tr{grid-template-columns:repeat(7,minmax(0,1fr))} .mag-control .mag-fs-analysis-workspace-month-matrix td button strong{font-size:12px}} @media screen and (max-width:600px){.mag-control .mag-fs-analysis-workspace-month-matrix tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-fs-analysis-workspace-month-matrix td{padding:8px 4px} .mag-control .mag-fs-analysis-workspace-month-matrix td button{min-height:44px} .mag-control .mag-fs-analysis-workspace-month-matrix tbody th:first-child{display:block} .mag-control .mag-fs-analysis-workspace-month-matrix th:first-child>*{display:block}} @media screen{.mag-control .mag-fs-analysis-workspace-month-matrix tbody tr{height:auto;grid-auto-rows:minmax(68px,auto);align-items:stretch} .mag-control .mag-fs-analysis-workspace-month-matrix tbody th:first-child{height:auto;min-height:68px;box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-month-matrix td{height:auto;min-height:68px;box-sizing:border-box} .mag-control .mag-fs-analysis-workspace-month-matrix td button{height:auto;min-height:38px;display:block} .mag-control .mag-fs-analysis-workspace-month-matrix td button strong{display:inline} .mag-control .mag-fs-analysis-workspace-month-matrix td button small{display:inline}} /* ==== src/features/home2/controllables/controllables.module.css (module -> .mag-controllables-*) ==== */ .mag-controllables-strip{ display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; } .mag-controllables-tile{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); padding: 12px 14px; display: grid; gap: 4px; min-width: 0; text-decoration: none; color: inherit; } .mag-control a.mag-controllables-tile:hover{ background: var(--mag-hover); } .mag-controllables-tile[aria-current='true']{ border-color: var(--mag-link); box-shadow: inset 0 0 0 1px var(--mag-link); } .mag-controllables-tile-muted{ background: var(--mag-surface-subtle); } .mag-controllables-tile-label{ font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); } .mag-controllables-tile-value{ font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.15; overflow-wrap: anywhere; } .mag-controllables-tile-sub{ font-size: 12px; color: var(--mag-text-secondary); font-variant-numeric: tabular-nums; } .mag-controllables-tile-note{ font-size: 11px; color: var(--mag-text-muted); line-height: 1.4; } .mag-controllables-status{ display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; white-space: nowrap; } .mag-controllables-status svg{ flex: none; } .mag-controllables-above{ color: var(--mag-danger-text); } .mag-controllables-within{ color: var(--mag-success-text); } .mag-controllables-exception{ color: var(--mag-warning-text); } .mag-control .quiet{ color: var(--mag-text-muted); } .mag-controllables-cell-above{ background: var(--mag-danger-bg, color-mix(in srgb, var(--mag-danger-text) 10%, transparent)); } .mag-controllables-cell-exception{ background: var(--mag-warning-bg, color-mix(in srgb, var(--mag-warning-text) 10%, transparent)); } .mag-controllables-cell-value{ display: block; font-variant-numeric: tabular-nums; font-weight: 600; } .mag-controllables-cell-sub{ display: block; font-size: 11px; color: var(--mag-text-muted); } .mag-controllables-basis{ border: 1px solid var(--mag-border); border-left: 3px solid var(--mag-link); border-radius: var(--mag-radius-card); background: var(--mag-surface); padding: 10px 12px; font-size: 13px; line-height: 1.5; } .mag-controllables-basis strong{ font-weight: 700; } .mag-controllables-chart{ width: 100%; height: auto; display: block; } .mag-controllables-chart-line{ fill: none; stroke: var(--mag-chart-1); stroke-width: 2; } .mag-controllables-chart-dot{ fill: var(--mag-chart-1); } .mag-controllables-chart-ring{ fill: none; stroke: var(--mag-text); stroke-width: 1.5; } .mag-controllables-chart-exception{ fill: var(--mag-warning-text); } .mag-controllables-chart-ref{ stroke: var(--mag-text-muted); stroke-dasharray: 4 3; stroke-width: 1; } .mag-controllables-chart-axis{ fill: var(--mag-text-muted); font-size: 11px; } .mag-controllables-chart-legend{ display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--mag-text-secondary); margin-top: 6px; } .mag-controllables-legend-key{ display: inline-flex; align-items: center; gap: 4px; } .mag-controllables-drill-trail{ display: flex; flex-wrap: wrap; gap: 4px; align-items: center; font-size: 13px; } .mag-controllables-drill-trail a{ color: var(--mag-link); } .mag-controllables-proof{ margin: 4px 0 0; padding-left: 18px; font-size: 12px; color: var(--mag-text-secondary); display: grid; gap: 2px; } .mag-controllables-pick-row{ display: flex; flex-wrap: wrap; gap: 6px; } .mag-controllables-pick{ border: 1px solid var(--mag-border); border-radius: 999px; padding: 6px 10px; font-size: 12px; min-height: 32px; display: inline-flex; align-items: center; text-decoration: none; color: inherit; background: var(--mag-surface); } .mag-controllables-pick[aria-current='page']{ border-color: var(--mag-link); color: var(--mag-link); font-weight: 600; } .mag-controllables-map{ font-size: 12px; } .mag-controllables-map td{ white-space: normal; } @media (max-width: 640px){.mag-controllables-strip{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; } .mag-controllables-tile{ padding: 10px; } .mag-controllables-tile-value{ font-size: 18px; } .mag-controllables-pick{ min-height: 44px; }} .mag-controllables-chart-wrap{ overflow-x: auto; } .mag-controllables-chart-wrap .mag-controllables-chart{ min-width: 620px; } .mag-controllables-chart-axis{ font-size: 13px; } /* ==== src/features/home2/home2.module.css (module -> .mag-home2-home2-*) ==== */ .mag-control .mag-home2-home2-page{ display: grid; gap: var(--mag-space-20); max-width: var(--mag-report-max, 1680px); min-width: 0; } .mag-control .mag-home2-home2-toggle{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--mag-space-8); } .mag-control .mag-home2-home2-toggle-option{ display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--mag-space-12); border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-pill); background: var(--mag-surface); color: var(--mag-text-secondary); font-size: 13px; font-weight: 600; text-decoration: none; } .mag-control .mag-home2-home2-toggle-option:hover{ background: var(--mag-hover); } .mag-control .mag-home2-home2-toggle-option:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-home2-home2-toggle-option[aria-current='page']{ background: var(--mag-selected-bg); color: var(--mag-selected-text); border-color: var(--mag-primary); } .mag-control .mag-home2-home2-toggle-note{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-home2-home2-classic-toggle{ margin: 0 0 var(--mag-space-16); } .mag-control .mag-home2-home2-header{ display: grid; gap: var(--mag-space-4); } .mag-control .mag-home2-home2-eyebrow{ margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--mag-text-muted); text-transform: uppercase; } .mag-control .mag-home2-home2-title{ margin: 0; font-size: var(--mag-font-page, 32px); line-height: var(--mag-line-page, 40px); font-weight: 700; color: var(--mag-text); } .mag-control .mag-home2-home2-lede{ margin: 0; max-width: 72ch; color: var(--mag-text-secondary); font-size: 14px; line-height: 20px; } .mag-control .mag-home2-home2-scope-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--mag-space-12) var(--mag-space-24); padding: var(--mag-space-12) var(--mag-space-16); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); font-size: 13px; } .mag-control .mag-home2-home2-scope-item{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--mag-text-secondary); } .mag-control .mag-home2-home2-scope-item strong{ color: var(--mag-text); } .mag-control .mag-home2-home2-scope-item small{ color: var(--mag-text-muted); font-size: 12px; } .mag-control .mag-home2-home2-scope-actions{ margin-left: auto; color: var(--mag-text-muted); font-size: 12px; } .mag-control .mag-home2-home2-scope-actions a{ color: var(--mag-link); } .mag-control .mag-home2-home2-attention{ display: grid; gap: var(--mag-space-20); grid-template-columns: minmax(0, 1fr); align-items: start; } @media (min-width: 1024px){.mag-control .mag-home2-home2-with-inspector{ grid-template-columns: minmax(0, 1fr) var(--mag-inspector-width, 380px); }} .mag-control .mag-home2-home2-attention-main{ display: grid; gap: var(--mag-space-12); min-width: 0; padding: var(--mag-space-20); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); background: var(--mag-surface); box-shadow: var(--mag-shadow-card); } .mag-control .mag-home2-home2-region-head{ display: grid; gap: 2px; } .mag-control .mag-home2-home2-region-title{ margin: 0; font-size: var(--mag-font-section, 20px); line-height: var(--mag-line-section, 28px); font-weight: 700; color: var(--mag-text); } .mag-control .mag-home2-home2-region-meta{ margin: 0; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-home2-home2-cards{ list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mag-space-12); } .mag-control .mag-home2-home2-card{ display: grid; gap: var(--mag-space-8); padding: var(--mag-space-16); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); min-width: 0; } .mag-control .mag-home2-home2-card[data-severity='critical']{ border-left: 4px solid var(--mag-danger-mark); } .mag-control .mag-home2-home2-card[data-severity='material']{ border-left: 4px solid var(--mag-warning-mark); } .mag-control .mag-home2-home2-card[data-severity='watch']{ border-left: 4px solid var(--mag-info-mark); } .mag-control .primary{ background: var(--mag-accent-yellow); color: var(--mag-accent-yellow-ink); } .mag-control .primary .mag-home2-home2-why, .mag-control .primary .mag-home2-home2-card-foot, .mag-control .primary .mag-home2-home2-stake small{ color: var(--mag-accent-yellow-ink); } .mag-control .mag-home2-home2-inspected{ outline: 2px solid var(--mag-primary); outline-offset: 1px; } .mag-control .mag-home2-home2-card-top{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; } .mag-control .mag-home2-home2-rank{ display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--mag-surface-subtle); color: var(--mag-text-secondary); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; } .mag-control .mag-home2-home2-dealer{ display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: var(--mag-radius-pill); background: var(--mag-selected-bg); color: var(--mag-selected-text); font-size: 12px; font-weight: 700; } .mag-control .mag-home2-home2-severity, .mag-control .mag-home2-home2-trend{ display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0 8px; border-radius: var(--mag-radius-pill); font-size: 12px; font-weight: 600; } .mag-control .mag-home2-home2-sev_critical{ background: var(--mag-danger-bg); color: var(--mag-danger-text); } .mag-control .mag-home2-home2-sev_material{ background: var(--mag-warning-bg); color: var(--mag-warning-text); } .mag-control .mag-home2-home2-sev_watch{ background: var(--mag-info-bg); color: var(--mag-info-text); } .mag-control .mag-home2-home2-trend{ border: 1px solid var(--mag-border); background: var(--mag-surface); color: var(--mag-text-secondary); } .mag-control .mag-home2-home2-trend_new{ background: var(--mag-accent-lavender); color: var(--mag-accent-lavender-ink); border-color: transparent; } .mag-control .mag-home2-home2-trend_worsening{ background: var(--mag-danger-bg); color: var(--mag-danger-text); border-color: transparent; } .mag-control .mag-home2-home2-trend_improving{ background: var(--mag-success-bg); color: var(--mag-success-text); border-color: transparent; } .mag-control .mag-home2-home2-card-main{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mag-space-12); align-items: start; } .mag-control .mag-home2-home2-card-text{ display: grid; gap: 4px; min-width: 0; } .mag-control .mag-home2-home2-card-title{ margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; overflow-wrap: anywhere; } .mag-control .mag-home2-home2-why{ margin: 0; font-size: 14px; line-height: 20px; color: var(--mag-text-secondary); overflow-wrap: anywhere; } .mag-control .mag-home2-home2-stake{ display: grid; justify-items: end; text-align: right; gap: 2px; max-width: 220px; } .mag-control .mag-home2-home2-stake strong{ font-size: 20px; line-height: 26px; font-variant-numeric: tabular-nums; } .mag-control .mag-home2-home2-stake small{ font-size: 12px; line-height: 16px; color: var(--mag-text-muted); } .mag-control .mag-home2-home2-evidence{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 13px; } .mag-control .mag-home2-home2-evidence li{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; padding: 4px 0; border-top: 1px solid var(--mag-border); } .mag-control .mag-home2-home2-evidence a{ color: var(--mag-link); } .mag-control .mag-home2-home2-evidence span{ font-variant-numeric: tabular-nums; } .mag-control .primary .mag-home2-home2-evidence li{ border-top-color: color-mix(in srgb, var(--mag-accent-yellow-ink) 20%, transparent); } .mag-control .primary .mag-home2-home2-evidence a, .mag-control .primary .mag-home2-home2-foot-links a{ color: var(--mag-accent-yellow-ink); text-decoration: underline; } .mag-control .mag-home2-home2-card-foot{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-home2-home2-foot-links{ display: inline-flex; flex-wrap: wrap; gap: 8px 16px; margin-left: auto; } .mag-control .mag-home2-home2-inspect-link, .mag-control .mag-home2-home2-drill{ display: inline-flex; align-items: center; gap: 4px; min-height: 32px; color: var(--mag-link); font-weight: 600; font-size: 13px; } .mag-control .mag-home2-home2-more{ margin: 0; font-size: 14px; font-weight: 600; } .mag-control .mag-home2-home2-more a{ color: var(--mag-link); display: inline-flex; min-height: 44px; align-items: center; } .mag-control .mag-home2-home2-empty{ padding: var(--mag-space-16); border: 1px dashed var(--mag-border); border-radius: var(--mag-radius-card); color: var(--mag-text-secondary); font-size: 14px; } .mag-control .mag-home2-home2-empty p{ margin: 0 0 4px; } .mag-control .mag-home2-home2-checked{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--mag-space-12) var(--mag-space-24); padding-top: var(--mag-space-12); border-top: 1px solid var(--mag-border); font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-home2-home2-checked ul{ margin: 4px 0 0; padding-left: 18px; display: grid; gap: 2px; } .mag-control .mag-home2-home2-checked p{ margin: 4px 0 0; } .mag-control .mag-home2-home2-subhead{ display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; font-weight: 700; color: var(--mag-text); } .mag-control .mag-home2-home2-fine{ grid-column: 1 / -1; font-size: 12px; color: var(--mag-text-muted); line-height: 18px; } .mag-control .mag-home2-home2-fine a{ color: var(--mag-link); } .mag-control .mag-home2-home2-inspector{ display: grid; gap: var(--mag-space-12); align-content: start; padding: var(--mag-space-20); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); background: var(--mag-surface-raised, var(--mag-surface)); box-shadow: var(--mag-shadow-raised); min-width: 0; } @media (min-width: 1024px){.mag-control .mag-home2-home2-inspector{ position: sticky; top: calc(var(--mag-header-height, 72px) + 16px); max-height: calc(100vh - var(--mag-header-height, 72px) - 32px); overflow: auto; }} @media (max-width: 1023px){.mag-control .mag-home2-home2-inspector{ order: -1; }} .mag-control .mag-home2-home2-inspector-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; } .mag-control .mag-home2-home2-inspector-title{ margin: 0; font-size: 18px; line-height: 24px; font-weight: 700; overflow-wrap: anywhere; } .mag-control .mag-home2-home2-close{ display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--mag-radius-control); color: var(--mag-text-secondary); } .mag-control .mag-home2-home2-close:hover{ background: var(--mag-hover); } .mag-control .mag-home2-home2-facts{ margin: 0; display: grid; gap: 6px; font-size: 13px; } .mag-control .mag-home2-home2-facts div{ display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px; } .mag-control .mag-home2-home2-facts dt{ color: var(--mag-text-muted); } .mag-control .mag-home2-home2-facts dd{ margin: 0; overflow-wrap: anywhere; } .mag-control .mag-home2-home2-facts small{ color: var(--mag-text-muted); } .mag-control .mag-home2-home2-facts a{ color: var(--mag-link); } .mag-control .mag-home2-home2-proof{ width: 100%; border-collapse: collapse; font-size: 13px; } .mag-control .mag-home2-home2-proof th, .mag-control .mag-home2-home2-proof td{ padding: 6px 4px; border-bottom: 1px solid var(--mag-border); text-align: left; vertical-align: top; overflow-wrap: anywhere; } .mag-control .mag-home2-home2-proof thead th{ font-size: 12px; color: var(--mag-text-muted); font-weight: 600; } .mag-control .mag-home2-home2-proof td{ text-align: right; font-variant-numeric: tabular-nums; } .mag-control .mag-home2-home2-proof a{ color: var(--mag-link); } .mag-control .mag-home2-home2-drill-button{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 var(--mag-space-16); border-radius: var(--mag-radius-control); background: var(--mag-primary); color: var(--mag-on-primary); font-weight: 600; text-decoration: none; } .mag-control .mag-home2-home2-drill-button:hover{ background: var(--mag-primary-hover); } .mag-control .mag-home2-home2-kpis{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--mag-space-12); } .mag-control .mag-home2-home2-kpi{ display: grid; gap: 2px; padding: var(--mag-space-12) var(--mag-space-16); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); } .mag-control .mag-home2-home2-kpi-label{ font-size: 12px; color: var(--mag-text-muted); font-weight: 600; } .mag-control .mag-home2-home2-kpi-value{ font-size: 28px; line-height: 34px; font-variant-numeric: tabular-nums; color: var(--mag-text); } .mag-control .mag-home2-home2-kpi-note{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-home2-home2-module{ display: grid; gap: var(--mag-space-12); min-width: 0; } .mag-control .mag-home2-home2-still-checking{ display: flex; align-items: flex-start; gap: var(--mag-space-8); padding: var(--mag-space-12) var(--mag-space-16); border: 1px solid var(--mag-border); border-left: 4px solid var(--mag-text-muted); border-radius: var(--mag-radius-card); background: var(--mag-surface-subtle); color: var(--mag-text-secondary); font-size: 14px; } .mag-control .mag-home2-home2-still-checking p{ margin: 0; } .mag-control .mag-home2-home2-still-checking strong{ color: var(--mag-text); } .mag-control .mag-home2-home2-spin{ flex: none; margin-top: 2px; animation: h2spin 1.2s linear infinite; } @keyframes h2spin{ to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce){.mag-control .mag-home2-home2-spin{ animation: none; }} .mag-control .mag-home2-home2-skeleton{ height: 96px; border-radius: var(--mag-radius-card); background: var(--mag-surface-subtle); } @media (max-width: 640px){.mag-control .mag-home2-home2-attention-main, .mag-control .mag-home2-home2-inspector{ padding: var(--mag-space-16); } .mag-control .mag-home2-home2-card-main{ grid-template-columns: minmax(0, 1fr); } .mag-control .mag-home2-home2-stake{ justify-items: start; text-align: left; max-width: none; } .mag-control .mag-home2-home2-foot-links{ margin-left: 0; } .mag-control .mag-home2-home2-scope-actions{ margin-left: 0; } .mag-control .mag-home2-home2-facts div{ grid-template-columns: minmax(0, 1fr); gap: 0; }} @media (prefers-reduced-motion: no-preference){.mag-control .mag-home2-home2-toggle-option, .mag-control .mag-home2-home2-drill-button{ transition: background var(--mag-duration-hover, 150ms) ease; }} .mag-control .mag-home2-home2-deeper-list{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--mag-space-3, 12px); } .mag-control .mag-home2-home2-deeper-list li{ display: grid; gap: 4px; padding: 12px; border: 1px solid var(--mag-border, #d9dee5); border-radius: 8px; background: var(--mag-surface, #fff); } .mag-control .mag-home2-home2-deeper-list span{ color: var(--mag-text-muted, #5b6573); font-size: 0.875rem; } /* ==== src/features/home2/ops/ops.module.css (module -> .mag-ops-*) ==== */ .mag-control .mag-ops-stack{ display: grid; gap: 12px; min-width: 0; } .mag-control .mag-ops-grid{ display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 1100px){.mag-control .mag-ops-grid{ grid-template-columns: minmax(0, 1fr); }} .mag-control .mag-ops-body{ display: grid; gap: 10px; padding: 10px var(--mag-panel-pad-x, 12px); min-width: 0; } .mag-control .mag-ops-note{ margin: 0; font-size: 12px; line-height: 1.45; color: var(--mag-text-secondary); } .mag-control .mag-ops-note strong{ color: var(--mag-text); font-weight: 600; } .mag-control .mag-ops-not-checked{ margin: 0; padding: 8px 10px; border-radius: var(--mag-radius-card, 8px); background: var(--mag-neutral-bg); color: var(--mag-neutral-text); font-size: 12px; line-height: 1.45; } .mag-control .mag-ops-not-checked ul{ margin: 4px 0 0; padding-left: 18px; } .mag-control .mag-ops-stale{ color: var(--mag-warning-text); font-weight: 600; } .mag-control .mag-ops-drill{ display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 12px; } .mag-control .mag-ops-drill a{ color: var(--mag-link); text-decoration: underline; text-underline-offset: 2px; } .mag-control .mag-ops-drill a:focus-visible, .mag-control .mag-ops-table a:focus-visible, .mag-control .mag-ops-toggle a:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-ops-scroll{ overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; } .mag-control .mag-ops-table{ border-collapse: collapse; width: 100%; font-size: 12px; font-variant-numeric: tabular-nums; } .mag-control .mag-ops-table caption{ text-align: left; font-weight: 600; font-size: 12px; padding: 0 0 6px; color: var(--mag-text); } .mag-control .mag-ops-table th, .mag-control .mag-ops-table td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: right; white-space: nowrap; vertical-align: top; } .mag-control .mag-ops-table thead th{ font-weight: 600; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); position: sticky; top: 0; } .mag-control .mag-ops-table th:first-child, .mag-control .mag-ops-table td:first-child{ text-align: left; position: sticky; left: 0; background: var(--mag-surface); z-index: 1; } .mag-control .mag-ops-table thead th:first-child{ background: var(--mag-surface-subtle); z-index: 2; } .mag-control .mag-ops-table .mag-ops-left{ text-align: left; } .mag-control .mag-ops-table .mag-ops-wrap{ white-space: normal; min-width: 180px; } .mag-control .mag-ops-table a{ color: var(--mag-link); } .mag-control .mag-ops-table tfoot td, .mag-control .mag-ops-table tfoot th{ font-weight: 600; border-top: 2px solid var(--mag-border); } .mag-control .mag-ops-red{ color: var(--mag-danger-text); font-weight: 600; } .mag-control .mag-ops-warn{ color: var(--mag-warning-text); font-weight: 600; } .mag-control .muted{ color: var(--mag-text-muted); } .mag-control .mag-ops-toggle{ display: inline-flex; gap: 0; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-pill, 999px); overflow: hidden; font-size: 12px; } .mag-control .mag-ops-toggle a{ padding: 6px 12px; min-height: 32px; display: inline-flex; align-items: center; color: var(--mag-text-secondary); text-decoration: none; } .mag-control .mag-ops-toggle a[aria-current="true"]{ background: var(--mag-selected-bg); color: var(--mag-selected-text); font-weight: 600; } .mag-control .mag-ops-split{ display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } @media (max-width: 900px){.mag-control .mag-ops-split{ grid-template-columns: minmax(0, 1fr); }} .mag-control .mag-ops-evidence{ margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 12px; } .mag-control .mag-ops-evidence li{ display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--mag-border); padding: 4px 0; } .mag-control .mag-ops-evidence a{ color: var(--mag-link); overflow-wrap: anywhere; } .mag-control .mag-ops-page{ display: grid; gap: 14px; min-width: 0; } @media (max-width: 640px){.mag-control .mag-ops-table th, .mag-control .mag-ops-table td{ padding: 6px; } .mag-control .mag-ops-body{ padding: 8px; }} /* ==== src/features/home2/pnl/home2.module.css (module -> .mag-pnl-home2-*) ==== */ .mag-control .mag-pnl-home2-page{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; max-width: 100%; } .mag-control .mag-pnl-home2-page > *{ min-width: 0; } .mag-control .mag-pnl-home2-nav{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .mag-control .mag-pnl-home2-nav a, .mag-control .mag-pnl-home2-chip{ display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 12px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-pill); background: var(--mag-surface); color: var(--mag-text); font-size: 13px; text-decoration: none; } .mag-control .mag-pnl-home2-nav a[aria-current='page'], .mag-control .mag-pnl-home2-nav a[aria-current='true']{ background: var(--mag-selected-bg); color: var(--mag-selected-text); border-color: transparent; font-weight: 600; } .mag-control .mag-pnl-home2-nav a:hover{ background: var(--mag-hover); } .mag-control .mag-pnl-home2-nav-label{ color: var(--mag-text-muted); font-size: 12px; margin-right: 4px; } .mag-control .mag-pnl-home2-tiles{ display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; } .mag-control .mag-pnl-home2-tile{ display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); min-width: 0; } .mag-control .mag-pnl-home2-tile-label{ color: var(--mag-text-muted); font-size: 12px; } .mag-control .mag-pnl-home2-tile-value{ font-size: 22px; font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1.2; } .mag-control .mag-pnl-home2-tile-context{ color: var(--mag-text-secondary); font-size: 12px; line-height: 1.35; } .mag-control .mag-pnl-home2-scroll{ position: relative; overflow-x: auto; max-width: 100%; min-width: 0; -webkit-overflow-scrolling: touch; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); background: var(--mag-surface); } .mag-control .mag-pnl-home2-grid{ border-collapse: separate; border-spacing: 0; width: 100%; font-size: 12.5px; font-variant-numeric: tabular-nums; } .mag-control .mag-pnl-home2-grid th, .mag-control .mag-pnl-home2-grid td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: right; white-space: nowrap; vertical-align: top; } .mag-control .mag-pnl-home2-grid thead th{ position: sticky; top: 0; background: var(--mag-surface-subtle); color: var(--mag-text-secondary); font-weight: 600; font-size: 12px; z-index: 1; } .mag-control .mag-pnl-home2-grid tbody tr:hover td, .mag-control .mag-pnl-home2-grid tbody tr:hover th{ background: var(--mag-hover); } .mag-control .mag-pnl-home2-grid .mag-pnl-home2-label{ position: sticky; left: 0; z-index: 2; text-align: left; background: var(--mag-surface); min-width: 200px; max-width: 260px; white-space: normal; font-weight: 500; } .mag-control .mag-pnl-home2-grid thead .mag-pnl-home2-label{ z-index: 3; background: var(--mag-surface-subtle); } .mag-control .mag-pnl-home2-grid .mag-pnl-home2-section-row th{ background: var(--mag-surface-subtle); text-align: left; font-weight: 650; font-size: 13px; } .mag-control .mag-pnl-home2-grid .mag-pnl-home2-section-row th a{ color: var(--mag-link); } .mag-control .mag-pnl-home2-pace-col{ background: color-mix(in srgb, var(--mag-info-bg) 45%, transparent); } .mag-control .mag-pnl-home2-bench-col{ background: color-mix(in srgb, var(--mag-neutral-bg) 55%, transparent); } .mag-control .mag-pnl-home2-basis{ display: block; color: var(--mag-text-muted); font-size: 11px; font-weight: 400; } .mag-control .mag-pnl-home2-label-link{ color: var(--mag-text); text-decoration: none; } .mag-control .mag-pnl-home2-label-link:hover{ color: var(--mag-link); text-decoration: underline; } .mag-control .mag-pnl-home2-selected td, .mag-control .mag-pnl-home2-selected th{ box-shadow: inset 0 2px 0 var(--mag-primary), inset 0 -2px 0 var(--mag-primary); } .mag-control .mag-pnl-home2-selected-col{ outline: 2px solid var(--mag-primary); outline-offset: -2px; } .mag-control .mag-pnl-home2-cell{ display: inline-flex; flex-direction: column; align-items: flex-end; gap: 1px; } .mag-control .mag-pnl-home2-mark{ display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; line-height: 1; } .mag-control .mag-pnl-home2-good{ color: var(--mag-success-text); } .mag-control .mag-pnl-home2-watch{ color: var(--mag-warning-text); } .mag-control .mag-pnl-home2-bad{ color: var(--mag-danger-text); } .mag-control .muted{ color: var(--mag-text-muted); } .mag-control .mag-pnl-home2-estimate{ font-style: italic; } .mag-control .mag-pnl-home2-gap-text{ color: var(--mag-text-muted); font-size: 11.5px; white-space: normal; text-align: left; } .mag-control .mag-pnl-home2-missing{ color: var(--mag-text-muted); cursor: help; } .mag-control .mag-pnl-home2-legend{ display: flex; flex-wrap: wrap; gap: 14px; color: var(--mag-text-secondary); font-size: 12px; } .mag-control .mag-pnl-home2-legend span{ display: inline-flex; gap: 4px; align-items: center; } .mag-control .mag-pnl-home2-notes{ display: grid; gap: 6px; margin: 0; padding-left: 18px; color: var(--mag-text-secondary); font-size: 12.5px; line-height: 1.45; } .mag-control .mag-pnl-home2-links{ display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; } .mag-control .mag-pnl-home2-links a{ color: var(--mag-link); } .mag-control .mag-pnl-home2-details summary{ cursor: pointer; font-size: 13px; color: var(--mag-text-secondary); min-height: 32px; display: flex; align-items: center; } .mag-control .mag-pnl-home2-flags{ display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; } .mag-control .mag-pnl-home2-pill{ display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--mag-radius-pill); font-size: 11px; font-weight: 600; white-space: nowrap; } .mag-control .mag-pnl-home2-pill-bad{ background: var(--mag-danger-bg); color: var(--mag-danger-text); } .mag-control .mag-pnl-home2-pill-watch{ background: var(--mag-warning-bg); color: var(--mag-warning-text); } .mag-control .mag-pnl-home2-pill-good{ background: var(--mag-success-bg); color: var(--mag-success-text); } .mag-control .mag-pnl-home2-pill-neutral{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .mag-pnl-home2-table{ width: 100%; } .mag-control .mag-pnl-home2-left{ text-align: left !important; } .mag-control .mag-pnl-home2-form{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; } .mag-control .mag-pnl-home2-form select, .mag-control .mag-pnl-home2-form button{ min-height: 36px; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); padding: 4px 10px; font: inherit; } .mag-control .mag-pnl-home2-bar{ display: inline-block; height: 8px; border-radius: 4px; background: var(--mag-primary); vertical-align: middle; } .mag-control .mag-pnl-home2-score-cell{ display: inline-flex; align-items: center; gap: 6px; } @media (max-width: 640px){.mag-control .mag-pnl-home2-grid .mag-pnl-home2-label{ min-width: 150px; max-width: 170px; } .mag-control .mag-pnl-home2-tile-value{ font-size: 19px; } .mag-control .mag-pnl-home2-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }} /* ==== src/features/home2/sales/sales.module.css (module -> .mag-sales-*) ==== */ .mag-control .mag-sales-panel{ background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: var(--mag-radius-panel); padding: 20px; display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); min-width: 0; } .mag-control .mag-sales-head{ display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; justify-content: space-between; } .mag-control .mag-sales-head h2{ margin: 0; font-size: var(--mag-font-section); line-height: var(--mag-line-section); color: var(--mag-text); } .mag-control .mag-sales-head h2 a{ color: inherit; text-decoration: none; } .mag-control .mag-sales-head h2 a:hover{ text-decoration: underline; } .mag-control .mag-sales-sub{ overflow-wrap: anywhere; margin: 4px 0 0; color: var(--mag-text-secondary); font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); max-width: 72ch; } .mag-control .mag-sales-controls{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .mag-control .mag-sales-segmented{ display: inline-flex; border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); overflow: hidden; } .mag-control .mag-sales-segmented button{ appearance: none; border: 0; background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); min-height: var(--mag-control-height-compact); padding: 0 12px; cursor: pointer; } .mag-control .mag-sales-segmented button + button{ border-left: 1px solid var(--mag-control-border); } .mag-control .mag-sales-segmented button[aria-pressed='true']{ background: var(--mag-primary); color: var(--mag-on-primary); } .mag-control .mag-sales-segmented button:focus-visible, .mag-control .mag-sales-select:focus-visible, .mag-control .mag-sales-sort-button:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-sales-select{ min-height: var(--mag-control-height-compact); border: 1px solid var(--mag-control-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: var(--mag-font-ui); padding: 0 8px; width: auto; max-width: 100%; min-width: 0; } .mag-control .mag-sales-label{ display: inline-flex; flex-wrap: wrap; max-width: 100%; min-width: 0; margin: 0; gap: 6px; align-items: center; font-size: var(--mag-font-meta); color: var(--mag-text-secondary); } .mag-control .mag-sales-table-wrap{ position: relative; overflow-x: auto; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-small); -webkit-overflow-scrolling: touch; } .mag-control .mag-sales-table{ border-collapse: separate; border-spacing: 0; width: 100%; font-size: var(--mag-font-ui); line-height: var(--mag-line-ui); font-variant-numeric: tabular-nums; } .mag-control .mag-sales-table th, .mag-control .mag-sales-table td{ padding: 8px 10px; border-bottom: 1px solid var(--mag-border); text-align: right; white-space: nowrap; vertical-align: top; } .mag-control .mag-sales-table thead th{ background: var(--mag-surface-subtle); color: var(--mag-text-secondary); font-weight: 600; font-size: var(--mag-font-meta); position: sticky; top: 0; z-index: 1; } .mag-control .mag-sales-table th:first-child, .mag-control .mag-sales-table td:first-child{ text-align: left; position: sticky; left: 0; background: var(--mag-surface); z-index: 2; min-width: 170px; max-width: 240px; white-space: normal; } .mag-control .mag-sales-table thead th:first-child{ background: var(--mag-surface-subtle); z-index: 3; } .mag-control .mag-sales-table tbody tr:hover td{ background: var(--mag-hover); } .mag-control .mag-sales-table tfoot td{ font-weight: 600; background: var(--mag-surface-subtle); } .mag-control .mag-sales-table tfoot td:first-child{ background: var(--mag-surface-subtle); } .mag-control .mag-sales-group th{ text-align: center !important; border-left: 1px solid var(--mag-border); } .mag-control .mag-sales-store a{ color: var(--mag-link); text-decoration: none; font-weight: 500; } .mag-control .mag-sales-store a:hover{ text-decoration: underline; } .mag-control .muted{ color: var(--mag-text-muted); } .mag-control .small{ font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); color: var(--mag-text-secondary); } .mag-control .mag-sales-two{ display: grid; gap: 2px; justify-items: end; } .mag-control .mag-sales-tone{ position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: var(--mag-radius-pill); font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); font-weight: 600; } .mag-control .mag-sales-tone svg{ flex: none; } .mag-control .mag-sales-above{ background: var(--mag-success-bg); color: var(--mag-success-text); } .mag-control .mag-sales-near{ background: var(--mag-warning-bg); color: var(--mag-warning-text); } .mag-control .mag-sales-below{ background: var(--mag-danger-bg); color: var(--mag-danger-text); } .mag-control .mag-sales-none{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .mag-sales-neg{ color: var(--mag-danger-text); } .mag-control .mag-sales-pos{ color: var(--mag-success-text); } .mag-control .mag-sales-notes{ overflow-wrap: anywhere; margin: 0; padding-left: 18px; display: grid; gap: 4px; color: var(--mag-text-secondary); font-size: var(--mag-font-meta); line-height: var(--mag-line-meta); } .mag-control .mag-sales-sort-button{ appearance: none; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; padding: 0; display: inline-flex; gap: 4px; align-items: center; } .mag-control .mag-sales-sort-button[aria-sort='none'] svg{ opacity: 0.35; } .mag-control .mag-sales-rank{ color: var(--mag-text-muted); font-weight: 600; margin-right: 6px; } .mag-control .mag-sales-stack{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; } .mag-control .mag-sales-cards{ display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .mag-control .mag-sales-card{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); padding: 14px; display: grid; gap: 4px; background: var(--mag-surface); } .mag-control .mag-sales-card strong{ font-size: var(--mag-font-section); line-height: var(--mag-line-section); color: var(--mag-text); } .mag-control .mag-sales-card span{ font-size: var(--mag-font-meta); color: var(--mag-text-secondary); } .mag-control .mag-sales-page{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px 32px 48px; max-width: var(--mag-workspace-max); min-width: 0; } .mag-control .mag-sales-page h1{ margin: 0; font-size: var(--mag-font-page); line-height: var(--mag-line-page); color: var(--mag-text); } .mag-control .mag-sales-crumbs{ display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--mag-font-ui); color: var(--mag-text-secondary); } .mag-control .mag-sales-crumbs a{ color: var(--mag-link); text-decoration: none; } .mag-control .mag-sales-alert{ border: 1px solid var(--mag-warning-mark); background: var(--mag-warning-bg); color: var(--mag-warning-text); border-radius: var(--mag-radius-small); padding: 10px 12px; font-size: var(--mag-font-ui); } .mag-control .mag-sales-contrib{ display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .mag-control .mag-sales-contrib ol{ margin: 0; padding-left: 0; list-style: none; display: grid; gap: 6px; } .mag-control .mag-sales-contrib li{ display: flex; justify-content: space-between; gap: 12px; font-size: var(--mag-font-ui); border-bottom: 1px solid var(--mag-border); padding-bottom: 4px; } .mag-control .mag-sales-contrib li a{ color: var(--mag-link); text-decoration: none; } .mag-control .mag-sales-contrib h3{ margin: 0 0 8px; font-size: var(--mag-font-panel); } .mag-control .mag-sales-tree{ overflow-wrap: anywhere; min-width: 0; margin: 0; padding-left: 18px; display: grid; gap: 6px; font-size: var(--mag-font-ui); color: var(--mag-text-secondary); } @media (max-width: 767px){.mag-control .mag-sales-page{ padding: 16px 16px 40px; } .mag-control .mag-sales-page h1{ font-size: var(--mag-font-page-mobile); line-height: var(--mag-line-page-mobile); } .mag-control .mag-sales-panel{ padding: 14px; } .mag-control .mag-sales-segmented button, .mag-control .mag-sales-select{ min-height: var(--mag-control-height-touch); } .mag-control .mag-sales-table th:first-child, .mag-control .mag-sales-table td:first-child{ min-width: 128px; max-width: 150px; }} /* ==== src/features/hubs/fi-exceptions/fi-exceptions.module.css (module -> .mag-fi-exceptions-*) ==== */ .mag-control .mag-fi-exceptions-stack{ display: grid; gap: 14px; } .mag-control .mag-fi-exceptions-head{ display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: baseline; justify-content: space-between; } .mag-control .mag-fi-exceptions-months{ display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 12px; } .mag-control .mag-fi-exceptions-months a{ display: inline-block; padding: 3px 10px; border: 1px solid var(--mag-border); border-radius: 999px; color: var(--mag-link); text-decoration: none; } .mag-control .mag-fi-exceptions-months a[aria-current='page']{ background: var(--mag-neutral-bg); color: var(--mag-text); font-weight: 600; } .mag-control .mag-fi-exceptions-moves{ display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .mag-control .mag-fi-exceptions-move{ display: grid; gap: 4px; padding: 10px 12px; border: 1px solid var(--mag-border); border-left: 4px solid var(--tone, var(--mag-border)); border-radius: 10px; background: var(--mag-surface); min-width: 0; } .mag-control .mag-fi-exceptions-move header{ display: flex; gap: 8px; align-items: center; justify-content: space-between; } .mag-control .mag-fi-exceptions-move h3{ margin: 0; font-size: 14px; } .mag-control .mag-fi-exceptions-move p, .mag-control .mag-fi-exceptions-move li{ margin: 0; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-fi-exceptions-move ul{ margin: 0; padding-left: 16px; display: grid; gap: 2px; } .mag-control .mag-fi-exceptions-meta{ font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-fi-exceptions-summary{ display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin: 0; } .mag-control .mag-fi-exceptions-summary div{ padding: 8px 10px; border: 1px solid var(--mag-border); border-radius: 10px; } .mag-control .mag-fi-exceptions-summary dt{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-fi-exceptions-summary dd{ margin: 2px 0 0; font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; } .mag-control .mag-fi-exceptions-summary small{ display: block; font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-fi-exceptions-list-head{ display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; } .mag-control .mag-fi-exceptions-table-wrap{ overflow-x: auto; } .mag-control .mag-fi-exceptions-left{ text-align: left !important; } .mag-control .mag-fi-exceptions-recon{ margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 12px; } .mag-control .mag-fi-exceptions-recon li{ display: flex; gap: 8px; align-items: baseline; } /* ==== src/features/hubs/hubs.module.css (module -> .mag-hubs-*) ==== */ .mag-control .mag-hubs-page{ display: grid; gap: 16px; min-width: 0; } .mag-control .mag-hubs-hero{ position: relative; overflow: hidden; border-radius: 14px; padding: 18px 20px; color: #fff; background: linear-gradient(120deg, #0e2240 0%, #173d6e 55%, #1f5aa6 100%); } .mag-control .mag-hubs-hero::after{ content: ''; position: absolute; inset: -40% -10% auto auto; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%); animation: drift 12s ease-in-out infinite alternate; } .mag-control .mag-hubs-hero h1{ margin: 2px 0 4px; font-size: 26px; line-height: 1.15; color: #fff; } .mag-control .mag-hubs-hero p{ margin: 0; max-width: 820px; color: rgba(255,255,255,.86); font-size: 14px; } .mag-control .mag-hubs-eyebrow{ font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.75); } .mag-control .mag-hubs-hero-meta{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; font-size: 12px; } .mag-control .mag-hubs-hero-meta span, .mag-control .mag-hubs-hero-meta a{ background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 999px; padding: 3px 10px; text-decoration: none; } .mag-control .mag-hubs-hero-meta a:hover{ background: rgba(255,255,255,.24); } .mag-control .mag-hubs-pulse{ display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; } .mag-control .mag-hubs-tile{ position: relative; overflow: hidden; display: grid; gap: 4px; padding: 12px 14px 0; border-radius: 12px; background: var(--mag-surface); border: 1px solid var(--mag-border); border-top: 4px solid var(--tone, var(--mag-border)); animation: rise .5s both cubic-bezier(.2,.8,.2,1); min-width: 0; } .mag-control .mag-hubs-tile header{ display: flex; justify-content: space-between; gap: 6px; align-items: start; } .mag-control .mag-hubs-tile-label{ font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-hubs-tone-chip{ display: inline-flex; gap: 3px; align-items: center; font-size: 11px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--tone-bg, var(--mag-neutral-bg)); color: var(--tone-text, var(--mag-neutral-text)); white-space: nowrap; } .mag-control .mag-hubs-tile-value{ font-size: 30px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--mag-text); line-height: 1.1; } .mag-control .mag-hubs-tile-sub, .mag-control .mag-hubs-tile-meta{ margin: 0; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-hubs-tile-meta{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px; } .mag-control .mag-hubs-tile-scope{ margin: 0; font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-hubs-tile-scope-short{ margin: 0; font-size: 11px; font-weight: 600; letter-spacing: .01em; color: var(--mag-text); border-left: 2px solid var(--mag-warning, var(--mag-chart-3)); padding-left: 6px; } .mag-control .mag-hubs-pace-bar{ position: relative; height: 7px; border-radius: 99px; background: var(--mag-neutral-bg); overflow: hidden; } .mag-control .mag-hubs-pace-fill{ position: absolute; inset: 0 auto 0 0; border-radius: 99px; background: var(--tone, var(--mag-chart-1)); animation: grow 1s .2s both cubic-bezier(.2,.8,.2,1); transform-origin: left; } .mag-control .mag-hubs-pace-mark{ position: absolute; left: 80%; top: -2px; bottom: -2px; width: 2px; background: var(--mag-text); opacity: .55; } .mag-control .mag-hubs-spark{ width: calc(100% + 28px); margin: 2px -14px 0; height: 34px; display: block; } .mag-control .mag-hubs-spark path{ fill: none; stroke: var(--tone, var(--mag-chart-1)); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; animation: draw 1.2s .3s forwards ease-out; } .mag-control .mag-hubs-up{ color: var(--mag-success-text); display: inline-flex; align-items: center; gap: 2px; } .mag-control .mag-hubs-down{ color: var(--mag-danger-text); display: inline-flex; align-items: center; gap: 2px; } .mag-control .muted{ color: var(--mag-text-muted); } .mag-control .tone-good{ --tone: var(--mag-success-mark, #1f9d55); --tone-bg: var(--mag-success-bg); --tone-text: var(--mag-success-text); } .mag-control .tone-watch{ --tone: var(--mag-warning-mark, #d98a00); --tone-bg: var(--mag-warning-bg); --tone-text: var(--mag-warning-text); } .mag-control .tone-bad{ --tone: var(--mag-danger-mark, #d64545); --tone-bg: var(--mag-danger-bg); --tone-text: var(--mag-danger-text); } .mag-control .tone-none{ --tone: var(--mag-border); } .mag-control .mag-hubs-grid2{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 14px; } @media (max-width: 1100px){.mag-control .mag-hubs-grid2{ grid-template-columns: minmax(0, 1fr); }} .mag-control .mag-hubs-panel{ background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: 12px; padding: 14px 16px; min-width: 0; animation: rise .5s .1s both; } .mag-control .mag-hubs-panel h2{ margin: 0 0 2px; font-size: 16px; } .mag-control .mag-hubs-panel-sub{ margin: 0 0 10px; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-hubs-story{ display: grid; gap: 8px; } .mag-control .mag-hubs-card{ display: grid; gap: 6px; justify-items: start; padding: 10px 12px 10px 14px; border-radius: 10px; border: 1px solid var(--mag-border); border-left: 5px solid var(--tone); background: linear-gradient(90deg, var(--tone-bg, transparent), var(--mag-surface) 60%); color: var(--mag-text); animation: slide .5s both cubic-bezier(.2,.8,.2,1); } .mag-control .mag-hubs-card:hover{ transform: translateX(2px); } .mag-control .mag-hubs-card-body{ display: grid; gap: 3px; width: 100%; color: var(--mag-text); text-decoration: none; } .mag-control .mag-hubs-card-body strong{ font-size: 14px; } .mag-control .mag-hubs-card-body span{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-hubs-card-body em{ font-style: normal; font-size: 12px; font-weight: 600; color: var(--mag-link); display: inline-flex; gap: 4px; align-items: center; } .mag-control .mag-hubs-card-dive{ justify-self: start; } .mag-control .mag-hubs-tile-dive{ justify-self: start; margin: 2px 0 0; } .mag-control .quiet{ margin: 0; font-size: 13px; color: var(--mag-text-muted); } .mag-control .mag-hubs-trend svg{ width: 100%; height: auto; display: block; } .mag-control .mag-hubs-trend figcaption{ font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-hubs-grid{ stroke: currentColor; opacity: .08; } .mag-control .mag-hubs-axis{ font-size: 11px; fill: var(--mag-text-muted); } .mag-control .mag-hubs-line{ fill: none; stroke: var(--mag-chart-1); stroke-width: 3; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: draw 1.4s .2s forwards ease-out; } .mag-control .mag-hubs-dot{ fill: var(--mag-surface); stroke: var(--mag-chart-1); stroke-width: 2; animation: pop .4s 1.2s both; } .mag-control .mag-hubs-best4{ stroke: var(--mag-text-secondary); stroke-width: 1.5; stroke-dasharray: 6 5; opacity: .7; } .mag-control .mag-hubs-best4-label{ font-size: 11px; fill: var(--mag-text-secondary); } .mag-control .mag-hubs-projection{ stroke: var(--mag-chart-1); stroke-width: 2.5; stroke-dasharray: 3 5; opacity: .8; } .mag-control .mag-hubs-proj-dot{ fill: var(--tone, var(--mag-chart-1)); stroke: var(--mag-surface); stroke-width: 2; animation: pulseDot 2s 1.4s infinite; transform-box: fill-box; transform-origin: center; } .mag-control .mag-hubs-heat-wrap{ overflow-x: auto; } .mag-control .mag-hubs-heat, .mag-control .mag-hubs-compare{ width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 12px; font-variant-numeric: tabular-nums; } .mag-control .mag-hubs-heat th, .mag-control .mag-hubs-compare th{ text-align: left; font-weight: 600; color: var(--mag-text-secondary); padding: 4px 6px; white-space: nowrap; } .mag-control .mag-hubs-heat thead th{ font-size: 11px; white-space: normal; vertical-align: bottom; } .mag-control .mag-hubs-heat td{ text-align: right; padding: 5px 7px; border-radius: 5px; white-space: nowrap; } .mag-control .mag-hubs-heat tbody tr{ animation: fade .4s both; } .mag-control .mag-hubs-heat a, .mag-control .mag-hubs-compare a{ color: var(--mag-link); text-decoration: none; } .mag-control .mag-hubs-cell0{ background: color-mix(in srgb, var(--mag-danger-bg) 100%, transparent); color: var(--mag-danger-text); } .mag-control .mag-hubs-cell1{ background: color-mix(in srgb, var(--mag-danger-bg) 50%, var(--mag-surface)); } .mag-control .mag-hubs-cell2{ background: var(--mag-neutral-bg); } .mag-control .mag-hubs-cell3{ background: color-mix(in srgb, var(--mag-success-bg) 55%, var(--mag-surface)); } .mag-control .mag-hubs-cell4{ background: var(--mag-success-bg); color: var(--mag-success-text); font-weight: 600; } .mag-control .mag-hubs-cell-none{ color: var(--mag-text-muted); } .mag-control .mag-hubs-legend{ display: flex; gap: 6px; align-items: center; font-size: 11px; color: var(--mag-text-muted); margin: 6px 0 0; } .mag-control .mag-hubs-legend span{ padding: 1px 8px; border-radius: 4px; } .mag-control .mag-hubs-compare td{ text-align: right; padding: 6px 8px; border-bottom: 1px solid var(--mag-border); } .mag-control .mag-hubs-rank{ display: inline-block; padding: 1px 8px; border-radius: 999px; background: var(--mag-selected-bg); color: var(--mag-selected-text); font-weight: 600; } .mag-control .mag-hubs-leaders{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mag-control .mag-hubs-leaders h3{ margin: 0 0 6px; font-size: 13px; } .mag-control .mag-hubs-leaders ol{ margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; } .mag-control .mag-hubs-leaders li{ display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(40px, 1fr) auto; gap: 8px; align-items: center; font-size: 12px; animation: slide .45s both; } .mag-control .mag-hubs-leaders li a{ color: var(--mag-text); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-hubs-leader-bar{ height: 8px; background: var(--mag-neutral-bg); border-radius: 99px; overflow: hidden; } .mag-control .mag-hubs-leader-good, .mag-control .mag-hubs-leader-bad{ display: block; height: 100%; border-radius: 99px; animation: grow 1s both; transform-origin: left; } .mag-control .mag-hubs-leader-good{ background: var(--mag-success-mark, #1f9d55); } .mag-control .mag-hubs-leader-bad{ background: var(--mag-danger-mark, #d64545); } .mag-control .mag-hubs-legend-text{ grid-column: 1 / -1; margin: 0; font-size: 11px; color: var(--mag-text-muted); } @media (max-width: 640px){.mag-control .mag-hubs-leaders{ grid-template-columns: 1fr; }} .mag-control .mag-hubs-mix{ display: grid; gap: 8px; } .mag-control .mag-hubs-mix-bar{ display: flex; height: 18px; border-radius: 99px; overflow: hidden; background: var(--mag-neutral-bg); } .mag-control .mag-hubs-mix-bar span{ animation: grow .9s both; transform-origin: left; } .mag-control .mag-hubs-mix ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 12px; } .mag-control .mag-hubs-mix li{ display: grid; grid-template-columns: 12px 1fr auto 42px; gap: 8px; align-items: center; } .mag-control .mag-hubs-mix li i{ width: 10px; height: 10px; border-radius: 3px; } .mag-control .mag-hubs-mix li span{ color: var(--mag-text-muted); text-align: right; } .mag-control .mag-hubs-mix0{ background: var(--mag-chart-1); } .mag-control .mag-hubs-mix1{ background: #e28b43; } .mag-control .mag-hubs-mix2{ background: #299eaf; } .mag-control .mag-hubs-mix3{ background: #8b6cc9; } .mag-control .mag-hubs-mix4{ background: #9aa4b2; } .mag-control .mag-hubs-deeper{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; } .mag-control .mag-hubs-deeper a{ display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--mag-border); background: var(--mag-surface); color: var(--mag-text); text-decoration: none; transition: transform .15s, box-shadow .15s; } .mag-control .mag-hubs-deeper li{ animation: rise .45s both; } .mag-control .mag-hubs-deeper a:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(15, 35, 70, .12); } .mag-control .mag-hubs-deeper a span{ grid-column: 1; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-hubs-deeper a svg{ grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--mag-dive); } .mag-control .mag-hubs-footer{ font-size: 12px; color: var(--mag-text-muted); border-top: 1px solid var(--mag-border); padding-top: 8px; } .mag-control .mag-hubs-all-reports{ margin-top: 8px; } .mag-control .mag-hubs-all-reports > h2{ font-size: 16px; margin: 0 0 6px; } .mag-control .mag-hubs-tile:focus-within, .mag-control .mag-hubs-card-body:focus-visible, .mag-control .mag-hubs-deeper a:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } @keyframes rise{ from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @keyframes slide{ from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: none; } } @keyframes fade{ from { opacity: 0; } to { opacity: 1; } } @keyframes grow{ from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes draw{ to { stroke-dashoffset: 0; } } @keyframes pop{ from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } } @keyframes pulseDot{ 0%, 100% { opacity: 1; } 50% { opacity: .55; } } @keyframes drift{ from { transform: translate(0, 0); } to { transform: translate(-40px, 30px); } } @media (prefers-reduced-motion: reduce){.mag-control .mag-hubs-page *, .mag-control .mag-hubs-page *::before, .mag-control .mag-hubs-page *::after, .mag-control .mag-hubs-hero::after{ animation: none !important; transition: none !important; } .mag-control .mag-hubs-line, .mag-control .mag-hubs-spark path{ stroke-dashoffset: 0; }} @media (max-width: 640px){.mag-control .mag-hubs-tile-value{ font-size: 26px; } .mag-control .mag-hubs-hero h1{ font-size: 22px; } .mag-control .mag-hubs-pulse{ grid-template-columns: repeat(2, minmax(0, 1fr)); }} .mag-control .mag-hubs-signals{ display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; } .mag-control .mag-hubs-signal{ display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--mag-border); border-bottom: 3px solid var(--tone); background: var(--mag-surface); color: var(--mag-text); text-decoration: none; animation: rise .45s both; } .mag-control .mag-hubs-signal:hover{ background: var(--mag-hover); } .mag-control .mag-hubs-signal span{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-hubs-signal strong{ font-size: 22px; font-variant-numeric: tabular-nums; } .mag-control .mag-hubs-signal em{ font-style: normal; font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-hubs-aged-list h3{ font-size: 13px; margin: 12px 0 6px; } .mag-control .mag-hubs-aged-list ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; } .mag-control .mag-hubs-aged-list li{ display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(60px, 2fr) 36px; gap: 8px; align-items: center; font-size: 12px; animation: slide .4s both; } .mag-control .mag-hubs-aged-list strong{ text-align: right; font-variant-numeric: tabular-nums; } .mag-control .mag-hubs-deeper-standalone{ margin-top: 16px; } /* ==== src/features/hubs/modules/people.module.css (module -> .mag-people-*) ==== */ .mag-control .mag-people-roles{ display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin: 0; } .mag-control .mag-people-role{ display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--mag-border); border-radius: 10px; background: var(--mag-surface); animation: peopleRise .45s both; } .mag-control .mag-people-role dt{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-people-role dd{ margin: 0; font-size: 22px; font-variant-numeric: tabular-nums; font-weight: 600; } .mag-control .mag-people-role p{ margin: 0; font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-people-columns{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; } .mag-control .mag-people-people{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .mag-control .mag-people-people li{ display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(40px, 1fr) minmax(56px, auto); gap: 8px; align-items: center; font-size: 12px; animation: peopleSlide .45s both; } .mag-control .mag-people-person{ display: grid; min-width: 0; } .mag-control .mag-people-person b{ font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-people-person span{ font-size: 11px; color: var(--mag-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-people-bar{ height: 8px; background: var(--mag-neutral-bg); border-radius: 99px; overflow: hidden; } .mag-control .mag-people-fill{ display: block; height: 100%; border-radius: 99px; background: var(--mag-chart-1); animation: peopleGrow 1s both; transform-origin: left; } .mag-control .mag-people-fill-low{ background: var(--mag-warning-mark, #d98a00); } .mag-control .mag-people-people strong{ text-align: right; font-variant-numeric: tabular-nums; } .mag-control .mag-people-unnamed{ font-style: italic; color: var(--mag-text-muted); font-weight: 500; } .mag-control .mag-people-names{ margin: 8px 0 0; font-size: 12px; } .mag-control .mag-people-names li{ margin: 0 0 2px; } @keyframes peopleRise{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } @keyframes peopleSlide{ from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } } @keyframes peopleGrow{ from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce){.mag-control .mag-people-role, .mag-control .mag-people-people li, .mag-control .mag-people-fill{ animation: none; }} /* ==== src/features/hubs/source-gap.module.css (module -> .mag-source-gap-*) ==== */ .mag-control .mag-source-gap-panel{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card,16px);background:var(--mag-surface);padding:16px;display:grid;gap:12px;min-width:0;margin-top:16px} .mag-control .mag-source-gap-panel header h2{font-size:17px;margin:0} .mag-control .mag-source-gap-panel header p{margin:4px 0 0;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-source-gap-summary{font-weight:600;color:var(--mag-text)} .mag-control .mag-source-gap-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px} .mag-control .mag-source-gap-columns h3{font-size:13px;margin:0 0 6px;color:var(--mag-text-secondary);text-transform:uppercase;letter-spacing:.04em} .mag-control .mag-source-gap-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .mag-control .mag-source-gap-columns li{display:grid;gap:2px;font-size:13px;min-width:0;overflow-wrap:anywhere} .mag-control .mag-source-gap-columns small{color:var(--mag-text-muted);font-size:11px} .mag-control .mag-source-gap-none{color:var(--mag-text-muted);font-size:12px;margin:0} .mag-control .mag-source-gap-note{color:var(--mag-text-muted);font-size:11px;margin:0} @media (max-width:640px){.mag-control .mag-source-gap-panel{padding:12px}} /* ==== src/features/hubs/workspace.module.css (module -> .mag-hubs-workspace-*) ==== */ .mag-control .mag-hubs-workspace-tabs{ position: sticky; top: 0; z-index: 5; margin: -4px 0 10px; background: var(--mag-surface-subtle, var(--mag-surface)); border-bottom: 1px solid var(--mag-border); padding-top: 6px; } .mag-control .mag-hubs-workspace-tabs ul{ list-style: none; margin: 0; padding: 0 4px; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: thin; } .mag-control .mag-hubs-workspace-tabs li{ flex: none; } .mag-control .mag-hubs-workspace-tabs a{ position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px 9px; border: 1px solid transparent; border-bottom: none; border-radius: 10px 10px 0 0; color: var(--mag-text-secondary); text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .15s, color .15s; } .mag-control .mag-hubs-workspace-tabs a:hover{ background: var(--mag-hover); color: var(--mag-text); } .mag-control .mag-hubs-workspace-tabs a.mag-hubs-workspace-active{ background: var(--mag-surface); color: var(--mag-text); border-color: var(--mag-border); margin-bottom: -1px; padding-bottom: 10px; box-shadow: 0 -2px 0 var(--mag-chart-1) inset, 0 -3px 10px rgba(15, 35, 70, .06); } .mag-control .mag-hubs-workspace-tabs a.mag-hubs-workspace-active::after{ content: ''; position: absolute; left: 12px; right: 12px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--mag-chart-1); animation: tabIn .3s ease-out both; } .mag-control .mag-hubs-workspace-tabs a:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: -2px; } .mag-control .mag-hubs-workspace-partial, .mag-control .mag-hubs-workspace-off{ width: 7px; height: 7px; border-radius: 50%; display: inline-block; } .mag-control .mag-hubs-workspace-partial{ background: var(--mag-warning-mark, #d98a00); } .mag-control .mag-hubs-workspace-off{ background: transparent; border: 1.5px solid var(--mag-text-muted); } .mag-control .mag-hubs-workspace-body{ min-width: 0; animation: tabBody .35s ease-out both; } @keyframes tabIn{ from { transform: scaleX(0); } to { transform: none; } } @keyframes tabBody{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce){.mag-control .mag-hubs-workspace-tabs a.mag-hubs-workspace-active::after, .mag-control .mag-hubs-workspace-body{ animation: none; }} /* ==== src/features/library/publication-status.module.css (module -> .mag-publication-status-*) ==== */ .mag-control .mag-publication-status-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px} .mag-control .mag-publication-status-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--mag-control-h,32px);padding:4px 12px;border:1px solid var(--mag-control-border,var(--mag-border));border-radius:var(--mag-radius-pill,999px);background:var(--mag-surface);color:var(--mag-text);font:inherit;font-size:var(--mag-control-font,13px);cursor:pointer} .mag-control .mag-publication-status-chip span{font-variant-numeric:tabular-nums;color:var(--mag-text-secondary)} .mag-control .mag-publication-status-chip:hover{background:var(--mag-hover)} .mag-control .mag-publication-status-chip:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-publication-status-chip[aria-pressed="true"]{background:var(--mag-selected-bg);color:var(--mag-selected-text);border-color:var(--mag-selected-text)} .mag-control .mag-publication-status-chip[aria-pressed="true"] span{color:inherit} .mag-control .mag-publication-status-scope-line{font-size:13px;color:var(--mag-text-secondary);margin:0 0 8px} .mag-control .mag-publication-status-sections{margin:0 0 16px;font-size:13px} .mag-control .mag-publication-status-sections summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center} .mag-control .mag-publication-status-sections ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px} .mag-control .mag-publication-status-sections li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:6px 0;border-top:1px solid var(--mag-border)} .mag-control .mag-publication-status-sections li span{color:var(--mag-text-secondary)} .mag-control .mag-publication-status-card-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px} .mag-control .mag-publication-status-source{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-publication-status-definition{display:block;font-size:12px;color:var(--mag-text-muted);margin-top:12px} .mag-control .mag-publication-status-definition>span{font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-publication-status-definition>span::after{content:' ·'} .mag-control .mag-publication-status-row-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px} .mag-control .mag-publication-status-row-status .mag-publication-status-definition{margin-top:0} .mag-control .mag-publication-status-catalog-filters{padding:0 24px} .mag-control .mag-publication-status-catalog-sections{padding:0 24px} @media(max-width:767px){.mag-control .mag-publication-status-catalog-filters, .mag-control .mag-publication-status-catalog-sections{padding:0 16px}} @media print{.mag-control .mag-publication-status-chips{display:none}} .mag-control .mag-publication-status-card-status{min-width:0;max-width:100%} .mag-control .mag-publication-status-card-status > span{white-space:normal;max-width:100%;overflow-wrap:anywhere;height:auto} .mag-control .mag-publication-status-row-status{min-width:0;max-width:100%;flex-wrap:wrap} .mag-control .mag-publication-status-row-status > span{white-space:normal;max-width:100%;overflow-wrap:anywhere;height:auto} /* ==== src/features/logs/log-grid.module.css (module -> .mag-log-grid-*) ==== */ .mag-control .mag-log-grid-log{ display: grid; gap: 10px; min-width: 0; } .mag-control .mag-log-grid-head h1{ margin: 0 0 2px; font-size: 22px; } .mag-control .mag-log-grid-head p{ margin: 0; color: var(--mag-text-secondary); font-size: 13px; } .mag-control .mag-log-grid-meta{ font-size: 12px !important; color: var(--mag-text-muted) !important; margin-top: 2px !important; } .mag-control .notice{ margin: 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--mag-warning-mark, #d98a00); background: var(--mag-warning-bg); color: var(--mag-warning-text); font-size: 13px; } .mag-control .mag-log-grid-toolbar{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; position: sticky; top: 44px; z-index: 4; padding: 6px 0; background: var(--mag-surface-subtle, var(--mag-surface)); } .mag-control .mag-log-grid-toolbar button, .mag-control .mag-log-grid-toolbar select, .mag-control .mag-log-grid-panel button, .mag-control .mag-log-grid-pager button, .mag-control .mag-log-grid-pager select{ display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--mag-border); background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: 13px; cursor: pointer; } .mag-control .mag-log-grid-toolbar button:hover, .mag-control .mag-log-grid-panel button:hover{ background: var(--mag-hover); } .mag-control .mag-log-grid-toolbar button[aria-expanded='true']{ border-color: var(--mag-chart-1); color: var(--mag-link); } .mag-control .mag-log-grid-search{ display: inline-flex; align-items: center; gap: 6px; flex: 1 1 220px; max-width: 340px; min-height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--mag-border); background: var(--mag-surface); } .mag-control .mag-log-grid-search input{ border: 0; outline: 0; background: transparent; color: var(--mag-text); font: inherit; font-size: 13px; width: 100%; } .mag-control .mag-log-grid-group-pick{ white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-log-grid-panel{ border: 1px solid var(--mag-border); border-radius: 10px; background: var(--mag-surface); padding: 10px 12px; } .mag-control .mag-log-grid-filter-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; } .mag-control .mag-log-grid-filter{ border: 1px solid var(--mag-border); border-radius: 8px; padding: 6px 8px; margin: 0; min-width: 0; font-size: 13px; } .mag-control .mag-log-grid-filter summary{ cursor: pointer; font-weight: 600; } .mag-control .mag-log-grid-filter legend{ font-weight: 600; padding: 0 4px; } .mag-control .mag-log-grid-filter input[type='number'], .mag-control .mag-log-grid-filter input[type='date'], .mag-control .mag-log-grid-filter select{ width: 100%; margin-top: 4px; min-height: 30px; border: 1px solid var(--mag-border); border-radius: 6px; background: var(--mag-surface); color: var(--mag-text); font: inherit; font-size: 13px; padding: 2px 6px; } .mag-control .mag-log-grid-options{ max-height: 220px; overflow: auto; display: grid; gap: 2px; margin-top: 6px; } .mag-control .mag-log-grid-options label{ display: grid; grid-template-columns: auto 1fr auto; gap: 6px; align-items: center; cursor: pointer; } .mag-control .mag-log-grid-options span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mag-control .mag-log-grid-options em{ font-style: normal; color: var(--mag-text-muted); font-size: 12px; } .mag-control .mag-log-grid-chips{ display: flex; flex-wrap: wrap; gap: 6px; } .mag-control .mag-log-grid-chips button{ display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--mag-selected-text, var(--mag-link)); background: var(--mag-selected-bg); color: var(--mag-selected-text, var(--mag-link)); border-radius: 999px; padding: 2px 10px; font: inherit; font-size: 12px; cursor: pointer; } .mag-control .mag-log-grid-chips .mag-log-grid-clear-all{ background: transparent; border-style: dashed; } .mag-control .mag-log-grid-summary{ display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-log-grid-summary strong{ color: var(--mag-text); font-variant-numeric: tabular-nums; } .mag-control .mag-log-grid-group-tools{ display: inline-flex; gap: 6px; margin-left: auto; } .mag-control .mag-log-grid-group-tools button{ border: 0; background: none; color: var(--mag-link); font: inherit; font-size: 12px; cursor: pointer; } .mag-control .mag-log-grid-table-wrap{ overflow: auto; max-height: calc(100vh - 260px); min-height: 240px; border: 1px solid var(--mag-border); border-radius: 10px; background: var(--mag-surface); } .mag-control .mag-log-grid-table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-log-grid-table thead th{ position: sticky; top: 0; z-index: 2; background: var(--mag-surface-subtle, var(--mag-surface)); border-bottom: 1px solid var(--mag-border); text-align: left; white-space: nowrap; padding: 0; } .mag-control .mag-log-grid-table thead th button{ display: inline-flex; align-items: center; gap: 3px; width: 100%; padding: 8px 10px; border: 0; background: none; color: var(--mag-text-secondary); font: inherit; font-weight: 650; cursor: pointer; justify-content: inherit; } .mag-control .mag-log-grid-table thead th.mag-log-grid-num button{ justify-content: flex-end; } .mag-control .mag-log-grid-table thead th sup{ font-size: 9px; } .mag-control .mag-log-grid-table td{ padding: 6px 10px; border-bottom: 1px solid color-mix(in srgb, var(--mag-border) 60%, transparent); white-space: nowrap; max-width: 280px; overflow: hidden; text-overflow: ellipsis; } .mag-control .mag-log-grid-table tfoot td{ position: sticky; bottom: 0; background: var(--mag-surface-subtle, var(--mag-surface)); border-top: 1px solid var(--mag-border); font-weight: 650; } .mag-control .mag-log-grid-num{ text-align: right; } .mag-control .mag-log-grid-row{ cursor: pointer; } .mag-control .mag-log-grid-row:hover td, .mag-control .mag-log-grid-row:focus-visible td{ background: var(--mag-hover); } .mag-control .mag-log-grid-row:focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: -2px; } .mag-control .mag-log-grid-note-cell{ width: 34px; text-align: center; padding-left: 8px !important; padding-right: 4px !important; } .mag-control .mag-log-grid-note-badge{ display: inline-flex; align-items: center; gap: 2px; font-size: 11px; font-weight: 700; color: var(--mag-link); background: var(--mag-selected-bg); border-radius: 999px; padding: 1px 6px; } .mag-control .mag-log-grid-group-row{ cursor: pointer; } .mag-control .mag-log-grid-group-row td{ background: color-mix(in srgb, var(--mag-selected-bg) 55%, var(--mag-surface)); font-weight: 600; } .mag-control .mag-log-grid-group-row[data-depth='1'] td{ background: color-mix(in srgb, var(--mag-selected-bg) 25%, var(--mag-surface)); } .mag-control .mag-log-grid-count{ display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--mag-surface); color: var(--mag-text-secondary); font-size: 11px; } .mag-control .mag-log-grid-avg{ color: var(--mag-text-secondary); font-style: italic; } .mag-control .mag-log-grid-neg{ color: var(--mag-danger-text); } .mag-control .mag-log-grid-warn{ color: var(--mag-warning-text); background: color-mix(in srgb, var(--mag-warning-bg) 60%, transparent); } .mag-control .mag-log-grid-bad{ color: var(--mag-danger-text); background: color-mix(in srgb, var(--mag-danger-bg) 60%, transparent); font-weight: 600; } .mag-control .mag-log-grid-more{ text-align: center; color: var(--mag-text-muted); padding: 14px !important; white-space: normal !important; } .mag-control .mag-log-grid-pager{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-log-grid-pager button:disabled{ opacity: .45; cursor: default; } .mag-control .mag-log-grid-scrim{ position: fixed; inset: 0; z-index: 60; background: rgba(8, 18, 36, .35); display: flex; justify-content: flex-end; } .mag-control .mag-log-grid-drawer{ width: min(520px, 100vw); height: 100%; overflow: auto; background: var(--mag-surface); border-left: 1px solid var(--mag-border); padding: 14px 16px 24px; box-shadow: -12px 0 30px rgba(8, 18, 36, .18); animation: slideIn .2s ease-out both; } .mag-control .mag-log-grid-drawer header{ display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; } .mag-control .mag-log-grid-drawer header h2{ margin: 0; font-size: 17px; } .mag-control .mag-log-grid-drawer header button{ border: 0; background: none; color: var(--mag-text); cursor: pointer; } .mag-control .mag-log-grid-fields{ display: grid; grid-template-columns: minmax(120px, 40%) 1fr; gap: 4px 12px; margin: 0 0 14px; font-size: 13px; } .mag-control .mag-log-grid-fields dt{ color: var(--mag-text-muted); } .mag-control .mag-log-grid-fields dd{ margin: 0; font-variant-numeric: tabular-nums; } @keyframes slideIn{ from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } } @media (prefers-reduced-motion: reduce){.mag-control .mag-log-grid-drawer{ animation: none; }} @media (max-width: 700px){.mag-control .mag-log-grid-toolbar{ position: static; } .mag-control .mag-log-grid-table-wrap{ max-height: none; }} .mag-control .mag-log-grid-cover{ font-style: normal; font-size: 11px; color: var(--mag-text-muted); } /* ==== src/features/master-pace/workspace.module.css (module -> .mag-master-pace-workspace-*) ==== */ .mag-control .mag-master-pace-workspace-root{max-width:1800px;margin:auto;min-width:0;color:var(--mag-text)} .mag-control .mag-master-pace-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px} .mag-control .mag-master-pace-workspace-header h1{font-size:29px;margin:4px 0} .mag-control .mag-master-pace-workspace-header p{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-header .mag-master-pace-workspace-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700} .mag-control .mag-master-pace-workspace-actions{display:flex;gap:8px} .mag-control .mag-master-pace-workspace-actions button, .mag-control .mag-master-pace-workspace-actions summary{display:flex;align-items:center;gap:6px;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:8px;padding:9px 12px;font-size:13px;white-space:nowrap} .mag-control .mag-master-pace-workspace-actions details{position:relative} .mag-control .mag-master-pace-workspace-actions summary{cursor:pointer;list-style:none} .mag-control .mag-master-pace-workspace-actions details>div{position:absolute;right:0;top:42px;z-index:5;min-width:185px;background:var(--mag-surface);border:1px solid var(--mag-border);padding:8px;border-radius:8px;box-shadow:0 4px 18px #0002} .mag-control .mag-master-pace-workspace-actions a{display:block;padding:8px;font-size:13px} .mag-control .mag-master-pace-workspace-actions a[aria-disabled=true]{pointer-events:none;opacity:.5} .mag-control .mag-master-pace-workspace-tabs{display:flex;overflow:auto;gap:8px;border-bottom:1px solid var(--mag-border);margin-bottom:12px} .mag-control .mag-master-pace-workspace-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:10px 16px;font-weight:650;font-size:14px;white-space:nowrap} .mag-control .mag-master-pace-workspace-tabs button[aria-pressed=true]{color:var(--mag-link);border-bottom-color:var(--mag-link)} .mag-control .mag-master-pace-workspace-filters, .mag-control .mag-master-pace-workspace-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end} .mag-control .mag-master-pace-workspace-filters{padding:12px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px} .mag-control .mag-master-pace-workspace-filters label, .mag-control .mag-master-pace-workspace-toolbar label{display:grid;gap:4px;font-size:12px} .mag-control .mag-master-pace-workspace-filters input, .mag-control .mag-master-pace-workspace-filters select, .mag-control .mag-master-pace-workspace-toolbar input, .mag-control .mag-master-pace-workspace-toolbar select{font:inherit;font-size:13px;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:8px;padding:8px 10px;min-width:0} .mag-control .mag-master-pace-workspace-filters select{max-width:300px} .mag-control .mag-master-pace-workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);margin:12px 0;overflow:hidden} .mag-control .mag-master-pace-workspace-summary>div{padding:11px 14px;display:grid;gap:4px;border-right:1px solid var(--mag-border)} .mag-control .mag-master-pace-workspace-summary>div:last-child{border-right:0} .mag-control .mag-master-pace-workspace-summary span, .mag-control .mag-master-pace-workspace-summary small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-summary strong{font-size:24px;line-height:30px} .mag-control .mag-master-pace-workspace-summary .mag-master-pace-workspace-text-value{font-size:18px} .mag-control .mag-master-pace-workspace-caption{font-size:12px;line-height:1.5;color:var(--mag-text-secondary);margin:9px 0} .mag-control .mag-master-pace-workspace-toolbar{margin:12px 0} .mag-control .mag-master-pace-workspace-toolbar>input{width:280px;max-width:100%} .mag-control .notice{padding:10px 14px;border:1px solid var(--mag-border);border-left:3px solid var(--mag-link);border-radius:8px;font-size:13px;margin:10px 0} .mag-control .notice button{border:0;background:none;color:var(--mag-link);margin-left:8px} .mag-control .mag-master-pace-workspace-scroll{overflow:auto;max-width:100%;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px} .mag-control .mag-master-pace-workspace-scroll table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px} .mag-control .mag-master-pace-workspace-scroll th, .mag-control .mag-master-pace-workspace-scroll td{padding:10px 14px;border-bottom:1px solid var(--mag-border);border-right:1px solid var(--mag-border);text-align:right;min-width:130px} .mag-control .mag-master-pace-workspace-scroll tr:last-child>*{border-bottom:0} .mag-control .mag-master-pace-workspace-scroll th:last-child, .mag-control .mag-master-pace-workspace-scroll td:last-child{border-right:0} .mag-control .mag-master-pace-workspace-scroll thead th{background:var(--mag-surface-subtle);font-size:12px;white-space:nowrap} .mag-control .mag-master-pace-workspace-scroll th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface);text-align:left;min-width:250px} .mag-control .mag-master-pace-workspace-scroll th button{display:block;border:0;background:none;padding:0;text-align:left;font:inherit;font-size:14px;font-weight:650;color:var(--mag-text)} .mag-control .mag-master-pace-workspace-scroll th small{display:block;color:var(--mag-text-secondary);font-size:10px;font-weight:400;margin-top:2px} .mag-control .mag-master-pace-workspace-scroll th>a{display:flex;align-items:center;gap:3px;font-weight:400;font-size:10px;margin-top:4px} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-baseline-figure{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--mag-link)} .mag-control .mag-master-pace-workspace-baseline-figure{display:block;width:100%;text-align:right;border:0;background:none;padding:0} .mag-control .mag-master-pace-workspace-baseline-figure small{display:block;font-size:10px;font-weight:400;color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-scroll td.mag-master-pace-workspace-status{font-size:10px;color:var(--mag-text-secondary);max-width:120px} .mag-control .mag-master-pace-workspace-unavailable{color:var(--mag-text-muted);font-size:20px} .mag-control .mag-master-pace-workspace-empty{padding:24px} .mag-control .mag-master-pace-workspace-sources{padding:18px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-master-pace-workspace-sources h2{font-size:18px;margin:0 0 14px} .mag-control .mag-master-pace-workspace-sources dl{font-size:13px;margin-bottom:24px} .mag-control .mag-master-pace-workspace-sources dt{font-weight:650;margin-top:12px} .mag-control .mag-master-pace-workspace-sources dd{margin:4px 0;line-height:1.6;color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-dependencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .mag-control .mag-master-pace-workspace-dependencies article{padding:14px;border:1px solid var(--mag-border);border-radius:9px;font-size:13px} .mag-control .mag-master-pace-workspace-dependencies p{margin:6px 0} .mag-control .mag-master-pace-workspace-dependencies small{color:var(--mag-warning-text)} .mag-control .mag-master-pace-workspace-sources details{margin-top:18px;font-size:12px;overflow-wrap:anywhere} .mag-control .mag-master-pace-workspace-sources details p{margin:8px 0} .mag-control .mag-master-pace-workspace-chart, .mag-control .mag-master-pace-workspace-forecast{padding:14px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);margin:14px 0} .mag-control .mag-master-pace-workspace-chart summary, .mag-control .mag-master-pace-workspace-forecast summary{font-size:13px;font-weight:650;cursor:pointer} .mag-control .mag-master-pace-workspace-chart p, .mag-control .mag-master-pace-workspace-forecast p{font-size:12px;color:var(--mag-text-secondary);margin:10px 0} .mag-control .mag-master-pace-workspace-chart button{display:grid;grid-template-columns:220px 1fr 45px;align-items:center;gap:14px;width:100%;border:0;background:none;padding:7px;text-align:left;font-size:12px} .mag-control .mag-master-pace-workspace-chart i{display:block;height:12px;background:var(--mag-link);border-radius:3px} .mag-control .mag-master-pace-workspace-chart strong{text-align:right} .mag-control .mag-master-pace-workspace-forecast>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px} .mag-control .mag-master-pace-workspace-forecast article{padding:12px;border:1px solid var(--mag-border);border-radius:8px;display:grid;gap:6px;font-size:12px} .mag-control .mag-master-pace-workspace-forecast strong{font-size:23px} .mag-control .mag-master-pace-workspace-forecast small{color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-evidence{font-size:13px} .mag-control .mag-master-pace-workspace-evidence h2{font-size:20px;margin-bottom:12px} .mag-control .mag-master-pace-workspace-evidence>strong{font-size:28px} .mag-control .mag-master-pace-workspace-evidence p{margin:10px 0;line-height:1.5} .mag-control .mag-master-pace-workspace-evidence h3{margin:20px 0 12px} .mag-control .mag-master-pace-workspace-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:12px;border:1px solid var(--mag-border);border-radius:6px} @media(max-width:760px){.mag-control .mag-master-pace-workspace-header{display:block} .mag-control .mag-master-pace-workspace-actions{margin-top:12px} .mag-control .mag-master-pace-workspace-filters{display:grid;grid-template-columns:1fr 1fr} .mag-control .mag-master-pace-workspace-filters label:nth-child(3), .mag-control .mag-master-pace-workspace-filters label:nth-child(4){grid-column:1/-1} .mag-control .mag-master-pace-workspace-filters input, .mag-control .mag-master-pace-workspace-filters select{width:100%;max-width:100%} .mag-control .mag-master-pace-workspace-summary{grid-template-columns:1fr 1fr} .mag-control .mag-master-pace-workspace-summary>div{border-bottom:1px solid var(--mag-border)} .mag-control .mag-master-pace-workspace-summary .mag-master-pace-workspace-text-value{font-size:16px} .mag-control .mag-master-pace-workspace-scroll th:first-child{min-width:185px;max-width:185px} .mag-control .mag-master-pace-workspace-scroll th, .mag-control .mag-master-pace-workspace-scroll td{padding:10px;min-width:120px} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-baseline-figure{font-size:18px} .mag-control .mag-master-pace-workspace-dependencies, .mag-control .mag-master-pace-workspace-forecast>div{grid-template-columns:1fr} .mag-control .mag-master-pace-workspace-chart button{grid-template-columns:130px 1fr 35px;gap:8px} .mag-control .mag-master-pace-workspace-toolbar>input{width:100%} .mag-control .mag-master-pace-workspace-tabs button{padding:10px 12px}} @media print{.mag-control .mag-master-pace-workspace-actions, .mag-control .mag-master-pace-workspace-filters, .mag-control .mag-master-pace-workspace-toolbar, .mag-control .mag-master-pace-workspace-tabs{display:none} .mag-control .mag-master-pace-workspace-scroll{overflow:visible} .mag-control .mag-master-pace-workspace-scroll th:first-child{position:static;min-width:0} .mag-control .mag-master-pace-workspace-scroll td, .mag-control .mag-master-pace-workspace-scroll th{min-width:0;padding:5px} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-baseline-figure{font-size:12px}} .mag-control .mag-master-pace-workspace-toolbar form{display:flex;gap:6px;max-width:100%} .mag-control .mag-master-pace-workspace-toolbar form input{width:230px;min-width:0} .mag-control .mag-master-pace-workspace-toolbar form button{border:1px solid var(--mag-border);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--mag-surface);white-space:nowrap} @media(max-width:760px){.mag-control .mag-master-pace-workspace-toolbar form{width:100%} .mag-control .mag-master-pace-workspace-toolbar form input{flex:1;width:0}} .mag-control .mag-master-pace-workspace-root{--mp-row:var(--mag-dense-row,30px);--mp-font:var(--mag-dense-font,13px);--mp-head:var(--mag-dense-head-font,11px);--mp-control:var(--mag-control-h,32px);--mp-tile:var(--mag-tile-value,20px);--mp-tile-label:var(--mag-tile-label,11px);--mp-tile-context:var(--mag-tile-context,12px);--mp-title:var(--mag-page-title,22px)} @media screen{.mag-control .mag-master-pace-workspace-root{font-size:var(--mp-font);line-height:1.35} .mag-control .mag-master-pace-workspace-header{gap:10px;margin-bottom:6px} .mag-control .mag-master-pace-workspace-header h1{font-size:var(--mp-title);line-height:1.2;margin:2px 0} .mag-control .mag-master-pace-workspace-header p{font-size:12px;margin:2px 0} .mag-control .mag-master-pace-workspace-header .mag-master-pace-workspace-eyebrow{font-size:11px;letter-spacing:.06em} .mag-control .mag-master-pace-workspace-actions{gap:6px} .mag-control .mag-master-pace-workspace-actions button, .mag-control .mag-master-pace-workspace-actions summary{font-size:13px;min-height:var(--mp-control);padding:0 10px;border-radius:6px} .mag-control .mag-master-pace-workspace-actions details>div{top:calc(100% + 4px)} .mag-control .mag-master-pace-workspace-actions a{font-size:13px} .mag-control .mag-master-pace-workspace-tabs{gap:4px;margin-bottom:8px} .mag-control .mag-master-pace-workspace-tabs button{font-size:13px;padding:0 10px;min-height:var(--mp-control)} .mag-control .mag-master-pace-workspace-filters, .mag-control .mag-master-pace-workspace-toolbar{gap:8px} .mag-control .mag-master-pace-workspace-filters{padding:6px 12px;border-radius:var(--mag-radius-card);align-items:center} .mag-control .mag-master-pace-workspace-filters input, .mag-control .mag-master-pace-workspace-filters select, .mag-control .mag-master-pace-workspace-toolbar input, .mag-control .mag-master-pace-workspace-toolbar select, .mag-control .mag-master-pace-workspace-toolbar form button{font-size:13px;min-height:var(--mp-control);height:var(--mp-control);padding:0 8px;border-radius:6px;box-sizing:border-box} .mag-control .mag-master-pace-workspace-filters label, .mag-control .mag-master-pace-workspace-toolbar label{gap:3px;font-size:12px} .mag-control .mag-master-pace-workspace-toolbar{margin:8px 0} .mag-control .mag-master-pace-workspace-summary{margin:8px 0;border-radius:var(--mag-radius-card)} .mag-control .mag-master-pace-workspace-summary>div{padding:6px 12px;gap:1px} .mag-control .mag-master-pace-workspace-summary>div>span{font-size:var(--mp-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-master-pace-workspace-summary small{font-size:var(--mp-tile-context)} .mag-control .mag-master-pace-workspace-summary strong, .mag-control .mag-master-pace-workspace-summary .mag-master-pace-workspace-text-value{font-size:var(--mp-tile);line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums} .mag-control .mag-master-pace-workspace-summary strong small{font-size:var(--mp-tile-context);text-transform:none;letter-spacing:0} .mag-control .mag-master-pace-workspace-caption{margin:6px 0} .mag-control .notice{padding:6px 12px;font-size:13px;margin:8px 0} .mag-control .mag-master-pace-workspace-scroll{border-radius:var(--mag-radius-card)} .mag-control .mag-master-pace-workspace-scroll table{font-size:var(--mp-font);font-variant-numeric:tabular-nums} .mag-control .mag-master-pace-workspace-scroll th, .mag-control .mag-master-pace-workspace-scroll td{height:var(--mp-row);padding:1px 10px;min-width:104px;line-height:1.3} .mag-control .mag-master-pace-workspace-scroll th:first-child{min-width:210px} .mag-control .mag-master-pace-workspace-scroll thead th{position:sticky;top:0;z-index:2;font-size:var(--mp-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;padding-block:4px} .mag-control .mag-master-pace-workspace-scroll thead th:first-child{z-index:3;background:var(--mag-surface-subtle)} .mag-control .mag-master-pace-workspace-scroll th button{font-size:var(--mp-font)} .mag-control .mag-master-pace-workspace-scroll th small, .mag-control .mag-master-pace-workspace-scroll th>a, .mag-control .mag-master-pace-workspace-baseline-figure small, .mag-control .mag-master-pace-workspace-scroll td.mag-master-pace-workspace-status{font-size:11px;line-height:1.25} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-baseline-figure, .mag-control .mag-master-pace-workspace-unavailable{font-size:var(--mp-font);line-height:1.3} .mag-control .mag-master-pace-workspace-scroll th>a{margin:0 0 0 8px;display:inline-flex} .mag-control .mag-master-pace-workspace-scroll tbody th small{display:inline;margin:0} .mag-control .mag-master-pace-workspace-sources{padding:10px;border-radius:8px} .mag-control .mag-master-pace-workspace-sources h2{font-size:16px;margin-bottom:8px} .mag-control .mag-master-pace-workspace-sources dl{font-size:14px;margin-bottom:12px} .mag-control .mag-master-pace-workspace-sources dt{margin-top:8px} .mag-control .mag-master-pace-workspace-dependencies{gap:8px} .mag-control .mag-master-pace-workspace-dependencies article{padding:9px;font-size:14px} .mag-control .mag-master-pace-workspace-sources details{margin-top:12px} .mag-control .mag-master-pace-workspace-chart, .mag-control .mag-master-pace-workspace-forecast{padding:9px;margin:8px 0;border-radius:8px} .mag-control .mag-master-pace-workspace-chart summary, .mag-control .mag-master-pace-workspace-forecast summary{font-size:14px} .mag-control .mag-master-pace-workspace-chart button{font-size:14px;gap:10px;min-height:34px;padding:5px} .mag-control .mag-master-pace-workspace-forecast>div{gap:8px;margin-top:8px} .mag-control .mag-master-pace-workspace-forecast article{padding:8px;gap:4px} .mag-control .mag-master-pace-workspace-forecast strong{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums} .mag-control .mag-master-pace-workspace-evidence{font-size:14px} .mag-control .mag-master-pace-workspace-evidence h2{font-size:18px;margin-bottom:8px} .mag-control .mag-master-pace-workspace-evidence>strong{font-size:16px;font-variant-numeric:tabular-nums} .mag-control .mag-master-pace-workspace-evidence h3{font-size:15px;margin:14px 0 8px} .mag-control .mag-master-pace-workspace-evidence pre{font-size:12px;padding:9px} .mag-control .mag-master-pace-workspace-empty{padding:16px}} @media screen and (min-width:761px){.mag-control .mag-master-pace-workspace-filters label, .mag-control .mag-master-pace-workspace-toolbar label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .mag-control .mag-master-pace-workspace-filters select{max-width:240px} .mag-control .mag-master-pace-workspace-chart, .mag-control .mag-master-pace-workspace-forecast{padding:6px 12px} .mag-control .mag-master-pace-workspace-chart summary, .mag-control .mag-master-pace-workspace-forecast summary{font-size:13px;min-height:24px} .mag-control .mag-master-pace-workspace-chart button{min-height:28px;padding:2px 5px;font-size:13px}} @media (pointer:coarse){.mag-control .mag-master-pace-workspace-actions button, .mag-control .mag-master-pace-workspace-actions summary, .mag-control .mag-master-pace-workspace-filters input, .mag-control .mag-master-pace-workspace-filters select, .mag-control .mag-master-pace-workspace-toolbar input, .mag-control .mag-master-pace-workspace-toolbar select, .mag-control .mag-master-pace-workspace-toolbar form button, .mag-control .mag-master-pace-workspace-tabs button{min-height:44px;height:auto}} @media screen and (max-width:760px){.mag-control .mag-master-pace-workspace-header h1{font-size:20px} .mag-control .mag-master-pace-workspace-actions{margin-top:8px;flex-wrap:wrap} .mag-control .mag-master-pace-workspace-actions button, .mag-control .mag-master-pace-workspace-actions summary, .mag-control .mag-master-pace-workspace-actions a, .mag-control .mag-master-pace-workspace-filters input, .mag-control .mag-master-pace-workspace-filters select, .mag-control .mag-master-pace-workspace-toolbar input, .mag-control .mag-master-pace-workspace-toolbar select, .mag-control .mag-master-pace-workspace-toolbar form button, .mag-control .mag-master-pace-workspace-tabs button, .mag-control .mag-master-pace-workspace-baseline-figure, .mag-control .mag-master-pace-workspace-scroll th button, .mag-control .mag-master-pace-workspace-chart button, .mag-control .mag-master-pace-workspace-chart summary, .mag-control .mag-master-pace-workspace-forecast summary, .mag-control .mag-master-pace-workspace-evidence summary{min-height:44px;box-sizing:border-box} .mag-control .mag-master-pace-workspace-actions a, .mag-control .mag-master-pace-workspace-chart summary, .mag-control .mag-master-pace-workspace-forecast summary, .mag-control .mag-master-pace-workspace-evidence summary{align-content:center} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-scroll th>a{display:flex;align-items:center;min-height:44px} .mag-control .mag-master-pace-workspace-scroll td>a{justify-content:flex-end} .mag-control .mag-master-pace-workspace-filters{gap:8px} .mag-control .mag-master-pace-workspace-summary .mag-master-pace-workspace-text-value{font-size:16px} .mag-control .mag-master-pace-workspace-scroll th:first-child{min-width:185px;max-width:185px} .mag-control .mag-master-pace-workspace-scroll th, .mag-control .mag-master-pace-workspace-scroll td{padding:4px 8px} .mag-control .mag-master-pace-workspace-scroll td>a, .mag-control .mag-master-pace-workspace-baseline-figure, .mag-control .mag-master-pace-workspace-unavailable{font-size:14px} .mag-control .mag-master-pace-workspace-chart button{grid-template-columns:130px 1fr 40px;gap:7px}} @media screen{.mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-summary{border-top:3px solid var(--mag-chart-1)} .mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-summary strong{font-size:24px;letter-spacing:-.025em} .mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-scroll thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-scroll tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-chart{border-radius:12px;border:1px solid var(--mag-border);background:var(--mag-surface)} .mag-control .mag-master-pace-workspace-root .mag-master-pace-workspace-empty{background:var(--mag-surface-subtle);border:1px dashed var(--mag-border);border-radius:12px}} /* ==== src/features/new-cars/intelligence.module.css (module -> .mag-new-cars-intelligence-*) ==== */ .mag-control .mag-new-cars-intelligence-workspace{min-width:0;container-type:inline-size;color:var(--mag-text)} .mag-control .mag-new-cars-intelligence-live{background:var(--mag-success-bg,#def4e9);color:var(--mag-success-text,#12644c);border:1px solid #9fd8bf;border-radius:6px;padding:3px 8px;font-weight:750} .mag-control .mag-new-cars-intelligence-notices{border:1px solid var(--mag-border);background:var(--mag-surface-subtle);border-radius:12px;padding:4px 14px;margin:0 0 16px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-notices p{margin:8px 0} .mag-control .mag-new-cars-intelligence-demo-panel{margin-top:20px;border-style:dashed} .mag-control .mag-new-cars-intelligence-source-col{text-align:left!important;color:var(--mag-text-secondary);font-weight:400!important} .mag-control .mag-new-cars-intelligence-table-scroll{max-width:100%} .mag-control .mag-new-cars-intelligence-attention-grid a small{color:var(--mag-text-secondary);font-size:10px} .mag-control .mag-new-cars-intelligence-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;margin-top:16px} .mag-control .mag-new-cars-intelligence-attention-grid a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--mag-border);border-radius:10px;color:var(--mag-text);font-size:12px;text-decoration:none} .mag-control .mag-new-cars-intelligence-attention-grid a strong{padding:5px 8px;border-radius:6px;min-width:44px;text-align:center} .mag-control .mag-new-cars-intelligence-attention-grid a span:last-child{margin-left:auto;color:var(--mag-primary)} .mag-control .mag-new-cars-intelligence-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 22px} .mag-control .mag-new-cars-intelligence-eyebrow{color:var(--mag-primary);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase} .mag-control .mag-new-cars-intelligence-header h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.04em;line-height:1.15;margin:9px 0} .mag-control .mag-new-cars-intelligence-header p{color:var(--mag-text-secondary);margin:8px 0 0} .mag-control .mag-new-cars-intelligence-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px} .mag-control .mag-new-cars-intelligence-demo{background:#fff0d1;color:#825100;border:1px solid #edcf88;border-radius:6px;padding:3px 8px;font-weight:750} .mag-control .mag-new-cars-intelligence-meta code{color:var(--mag-text-secondary);font-size:11px} .mag-control .mag-new-cars-intelligence-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;border-bottom:1px solid var(--mag-border);padding-bottom:12px} .mag-control .mag-new-cars-intelligence-tabs a{padding:9px 13px;border-radius:9px;font-size:13px;color:var(--mag-text-secondary);font-weight:600;text-decoration:none} .mag-control .mag-new-cars-intelligence-tabs a[aria-current=page]{background:var(--mag-primary);color:white} .mag-control .mag-new-cars-intelligence-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:18px 0} .mag-control .mag-new-cars-intelligence-toolbar label{display:grid;gap:5px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-toolbar select, .mag-control .mag-new-cars-intelligence-toolbar input, .mag-control .mag-new-cars-intelligence-toolbar button, .mag-control .mag-new-cars-intelligence-choice button, .mag-control .mag-new-cars-intelligence-expand{min-height:44px;border:1px solid var(--mag-border);border-radius:9px;padding:9px 12px;background:var(--mag-surface);color:var(--mag-text);font-size:13px;max-width:100%} .mag-control .mag-new-cars-intelligence-toolbar input{width:240px} .mag-control .mag-new-cars-intelligence-scope-note{font-size:12px;color:var(--mag-text-secondary);flex:1;min-width:180px;margin:0} .mag-control .mag-new-cars-intelligence-hero{background:linear-gradient(110deg,#102e54,#174a68);border-radius:20px;color:white;padding:26px 30px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;margin:20px 0} .mag-control .mag-new-cars-intelligence-hero h2{font-size:clamp(22px,2.4vw,31px);line-height:1.25;letter-spacing:-.025em;margin:6px 0 12px;color:white} .mag-control .mag-new-cars-intelligence-hero p{font-size:14px;color:#cad9e9;margin:0;max-width:65ch} .mag-control .mag-new-cars-intelligence-hero small{color:#8fe2dc;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .mag-control .mag-new-cars-intelligence-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-left:1px solid #ffffff30;padding-left:26px} .mag-control .mag-new-cars-intelligence-hero-stats strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-.03em} .mag-control .mag-new-cars-intelligence-hero-stats span{font-size:12px;color:#cad9e9} .mag-control .mag-new-cars-intelligence-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0} .mag-control .mag-new-cars-intelligence-kpi{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:14px;padding:17px;min-width:0} .mag-control .mag-new-cars-intelligence-kpi h2{font-size:12px;font-weight:550;color:var(--mag-text-secondary);margin:0 0 9px} .mag-control .mag-new-cars-intelligence-kpi strong{display:block;font-size:clamp(22px,2.2vw,31px);font-variant-numeric:tabular-nums;line-height:1.25;letter-spacing:-.035em} .mag-control .mag-new-cars-intelligence-kpi p{font-size:11px;margin:8px 0 0;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-kpi svg{width:100%;height:29px;margin-top:12px;display:block} .mag-control .mag-new-cars-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin:20px 0} .mag-control .mag-new-cars-intelligence-panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:17px;padding:23px;min-width:0} .mag-control .mag-new-cars-intelligence-panel h2{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin:0 0 6px} .mag-control .mag-new-cars-intelligence-sub{color:var(--mag-text-secondary);font-size:12px;margin:0 0 20px} .mag-control .mag-new-cars-intelligence-choice{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0} .mag-control .mag-new-cars-intelligence-choice button{padding:6px 10px;min-height:36px;font-size:12px} .mag-control .mag-new-cars-intelligence-choice button[aria-pressed=true]{color:var(--mag-primary);background:var(--mag-accent-sky);border-color:var(--mag-primary)} .mag-control .mag-new-cars-intelligence-chart{display:block;width:100%;height:auto;overflow:visible} .mag-control .mag-new-cars-intelligence-chart text{font-family:inherit;font-size:11px;fill:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-chart .mag-new-cars-intelligence-value{font-size:12px;fill:var(--mag-text);font-weight:650} .mag-control .mag-new-cars-intelligence-chart button{font:inherit} .mag-control .mag-new-cars-intelligence-months{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;margin-top:8px} .mag-control .mag-new-cars-intelligence-months button{border:0;border-radius:5px;min-width:0;min-height:38px;padding:4px 0;background:transparent;color:var(--mag-text-secondary);font-size:10px} .mag-control .mag-new-cars-intelligence-months button[aria-pressed=true]{background:var(--mag-accent-sky);color:var(--mag-primary);font-weight:750} .mag-control .mag-new-cars-intelligence-readout{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--mag-surface-subtle);border-radius:9px;padding:11px 13px;font-size:12px;margin-top:12px} .mag-control .mag-new-cars-intelligence-readout strong{color:var(--mag-primary)} .mag-control .mag-new-cars-intelligence-rank{display:grid;gap:15px;margin-top:22px} .mag-control .mag-new-cars-intelligence-rank-row{display:grid;grid-template-columns:minmax(0,1fr) 55px;gap:7px 15px;font-size:12px} .mag-control .mag-new-cars-intelligence-rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-new-cars-intelligence-rank-row strong{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-new-cars-intelligence-track{height:9px;background:var(--mag-surface-subtle);border-radius:9px;overflow:hidden;grid-column:1/-1} .mag-control .mag-new-cars-intelligence-track i{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#26b5af,#2874c4)} .mag-control .mag-new-cars-intelligence-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:11px;color:var(--mag-text-secondary);margin:12px 0} .mag-control .mag-new-cars-intelligence-legend span{display:flex;gap:5px;align-items:center} .mag-control .mag-new-cars-intelligence-legend i{width:9px;height:9px;border-radius:3px;background:#277ad0} .mag-control .mag-new-cars-intelligence-legend span:nth-child(2) i{background:#24b6a9} .mag-control .mag-new-cars-intelligence-legend span:nth-child(3) i{background:#db8b29} .mag-control .mag-new-cars-intelligence-table-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:15px} .mag-control .mag-new-cars-intelligence-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-new-cars-intelligence-table th{text-align:right;font-size:11px;color:var(--mag-text-secondary);border-bottom:1px solid var(--mag-border);padding:10px 6px;vertical-align:bottom;overflow-wrap:anywhere} .mag-control .mag-new-cars-intelligence-table th:first-child{width:27%;text-align:left} .mag-control .mag-new-cars-intelligence-table th button{font:inherit;background:none;border:0;padding:0;color:inherit;text-align:inherit;cursor:pointer;min-height:32px} .mag-control .mag-new-cars-intelligence-table td{padding:13px 6px;border-bottom:1px solid var(--mag-border);text-align:right;overflow-wrap:anywhere;vertical-align:middle} .mag-control .mag-new-cars-intelligence-table td:first-child{text-align:left;font-weight:600} .mag-control .mag-new-cars-intelligence-table td small{display:block;font-size:10px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-new-cars-intelligence-pill{display:inline-block;padding:4px 7px;border-radius:6px;font-weight:650} .mag-control .mag-new-cars-intelligence-bad{background:var(--mag-danger-bg,#fee8e5);color:var(--mag-danger-text,#a42d33)} .mag-control .mag-new-cars-intelligence-good{background:var(--mag-success-bg,#def4e9);color:var(--mag-success-text,#12644c)} .mag-control .mag-new-cars-intelligence-warn{background:var(--mag-warning-bg,#fff1d7);color:var(--mag-warning-text,#845510)} .mag-control .mag-new-cars-intelligence-neutral{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-row-button{background:none;border:0;color:var(--mag-primary);text-align:left;font:inherit;cursor:pointer;padding:0;min-height:36px} .mag-control .mag-new-cars-intelligence-details-cell{background:var(--mag-surface-subtle)} .mag-control .mag-new-cars-intelligence-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left;padding:8px} .mag-control .mag-new-cars-intelligence-detail-grid span{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-detail-grid strong{display:block;color:var(--mag-text);font-size:15px;margin-top:3px} .mag-control .mag-new-cars-intelligence-empty{padding:35px;text-align:center;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-definitions{border-top:1px solid var(--mag-border);margin:28px 0;padding:10px 0;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-new-cars-intelligence-definitions h3{font-size:14px;color:var(--mag-text)} .mag-control .mag-new-cars-intelligence-definitions p{max-width:100ch;line-height:1.7} .mag-control .mag-new-cars-intelligence-definitions dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px} .mag-control .mag-new-cars-intelligence-definitions dt{font-weight:650;color:var(--mag-text)} .mag-control .mag-new-cars-intelligence-definitions dd{margin:4px 0 0} .mag-control .mag-new-cars-intelligence-foot{font-size:11px;color:var(--mag-text-secondary);margin:16px 0} .mag-control .mag-new-cars-intelligence-workspace :focus-visible{outline:3px solid #438be3;outline-offset:3px} .mag-control .mag-new-cars-intelligence-moves{display:grid;gap:14px;margin-top:16px} .mag-control .mag-new-cars-intelligence-move{border:1px solid var(--mag-border);border-radius:12px;padding:16px;min-width:0} .mag-control .mag-new-cars-intelligence-move p{font-size:13px;margin:10px 0} .mag-control .mag-new-cars-intelligence-move-head{display:flex;justify-content:space-between;gap:12px;align-items:start} .mag-control .mag-new-cars-intelligence-move-head h3{font-size:15px;margin:0 0 3px} .mag-control .mag-new-cars-intelligence-move-head small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-evidence{margin:10px 0;padding-left:18px;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-new-cars-intelligence-evidence li{margin:4px 0} .mag-control .mag-new-cars-intelligence-move-sub{font-size:13px;margin:16px 0 4px} .mag-control .mag-new-cars-intelligence-total-row td{font-weight:700} .mag-control .mag-new-cars-intelligence-aged-list{max-height:360px;overflow:auto} @container(max-width:950px){.mag-control .mag-new-cars-intelligence-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-new-cars-intelligence-grid{grid-template-columns:1fr} .mag-control .mag-new-cars-intelligence-hero{grid-template-columns:1fr} .mag-control .mag-new-cars-intelligence-hero-stats{border-left:0;border-top:1px solid #ffffff30;padding:18px 0 0} .mag-control .mag-new-cars-intelligence-table{font-size:12px} .mag-control .mag-new-cars-intelligence-panel{padding:18px}} @container(max-width:620px){.mag-control .mag-new-cars-intelligence-header{display:block} .mag-control .mag-new-cars-intelligence-header .mag-new-cars-intelligence-meta{margin-top:15px} .mag-control .mag-new-cars-intelligence-hero{padding:21px} .mag-control .mag-new-cars-intelligence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-new-cars-intelligence-kpi{padding:14px} .mag-control .mag-new-cars-intelligence-toolbar label, .mag-control .mag-new-cars-intelligence-toolbar input, .mag-control .mag-new-cars-intelligence-toolbar select{width:100%} .mag-control .mag-new-cars-intelligence-toolbar label{flex:1 1 160px} .mag-control .mag-new-cars-intelligence-table thead{display:none} .mag-control .mag-new-cars-intelligence-table, .mag-control .mag-new-cars-intelligence-table tbody, .mag-control .mag-new-cars-intelligence-table tr, .mag-control .mag-new-cars-intelligence-table td{display:block;width:100%} .mag-control .mag-new-cars-intelligence-table tr{border:1px solid var(--mag-border);border-radius:12px;margin:12px 0;padding:8px 12px} .mag-control .mag-new-cars-intelligence-table td{display:flex;justify-content:space-between;gap:15px;align-items:center;text-align:right;padding:8px 0;border:0} .mag-control .mag-new-cars-intelligence-table td:before{content:attr(data-label);text-align:left;color:var(--mag-text-secondary);font-size:12px;font-weight:400} .mag-control .mag-new-cars-intelligence-table td:first-child{display:block;border-bottom:1px solid var(--mag-border);padding-bottom:10px;margin-bottom:6px} .mag-control .mag-new-cars-intelligence-table td:first-child:before{display:none} .mag-control .mag-new-cars-intelligence-table td.mag-new-cars-intelligence-details-cell{display:block} .mag-control .mag-new-cars-intelligence-detail-grid{grid-template-columns:1fr 1fr} .mag-control .mag-new-cars-intelligence-definitions dl{grid-template-columns:1fr} .mag-control .mag-new-cars-intelligence-months button{font-size:10px;min-height:44px} .mag-control .mag-new-cars-intelligence-chart text{font-size:20px} .mag-control .mag-new-cars-intelligence-meta code{font-size:10px} .mag-control .mag-new-cars-intelligence-hero-stats strong{font-size:28px}} @media print{.mag-control .mag-new-cars-intelligence-toolbar, .mag-control .mag-new-cars-intelligence-tabs, .mag-control .mag-new-cars-intelligence-choice{display:none} .mag-control .mag-new-cars-intelligence-hero{background:white;color:black;border:1px solid #bbb} .mag-control .mag-new-cars-intelligence-hero h2, .mag-control .mag-new-cars-intelligence-hero p, .mag-control .mag-new-cars-intelligence-hero small, .mag-control .mag-new-cars-intelligence-hero-stats span{color:black} .mag-control .mag-new-cars-intelligence-panel, .mag-control .mag-new-cars-intelligence-kpi{break-inside:avoid} .mag-control .mag-new-cars-intelligence-grid{display:block} .mag-control .mag-new-cars-intelligence-panel{margin-bottom:18px}} .mag-control .mag-new-cars-intelligence-provisional{background:var(--mag-accent-sky,#e3f0fb);color:var(--mag-primary);border:1px dashed var(--mag-primary);border-radius:6px;padding:3px 8px;font-weight:650;font-size:12px} /* ==== src/features/opcodes/opcode-center.module.css (module -> .mag-opcode-center-*) ==== */ .mag-control .mag-opcode-center-page{ display: grid; gap: 14px; min-width: 0; } .mag-control .mag-opcode-center-head h1{ margin: 0 0 2px; font-size: 22px; } .mag-control .mag-opcode-center-head p{ margin: 0; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-opcode-center-meta{ font-size: 12px !important; color: var(--mag-text-muted) !important; margin-top: 4px !important; } .mag-control .notice{ margin: 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--mag-border); background: var(--mag-neutral-bg); color: var(--mag-text-secondary); font-size: 13px; } .mag-control .mag-opcode-center-cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; } .mag-control .mag-opcode-center-cards article{ display: grid; gap: 3px; padding: 12px 14px; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-opcode-center-cards h2{ margin: 0; font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-opcode-center-cards strong{ font-size: 26px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .mag-control .mag-opcode-center-cards span{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-opcode-center-panel{ border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); padding: 14px 16px; display: grid; gap: 10px; min-width: 0; } .mag-control .mag-opcode-center-panel h2{ margin: 0; font-size: 16px; } .mag-control .mag-opcode-center-panel > p{ margin: 0; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-opcode-center-table{ width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-opcode-center-table th{ text-align: left; font-weight: 650; color: var(--mag-text-secondary); padding: 8px 10px; border-bottom: 1px solid var(--mag-border); white-space: nowrap; } .mag-control .mag-opcode-center-table td{ padding: 7px 10px; border-bottom: 1px solid color-mix(in srgb, var(--mag-border) 60%, transparent); vertical-align: top; } .mag-control .mag-opcode-center-table tbody tr:hover td{ background: var(--mag-hover); } .mag-control .mag-opcode-center-num{ text-align: right; } .mag-control .quiet{ color: var(--mag-text-muted); } .mag-control .mag-opcode-center-table-wrap{ overflow-x: auto; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-opcode-center-why{ margin: 2px 0 0; display: grid; gap: 4px; font-size: 12px; } .mag-control .mag-opcode-center-why > div{ display: grid; grid-template-columns: minmax(150px, 190px) 1fr; gap: 10px; align-items: baseline; } .mag-control .mag-opcode-center-why dt{ color: var(--mag-text-secondary); font-weight: 650; } .mag-control .mag-opcode-center-why dd{ margin: 0; color: var(--mag-text-muted); max-width: 78ch; } @media (max-width: 640px){.mag-control .mag-opcode-center-why > div{ grid-template-columns: 1fr; gap: 1px; }} .mag-control .mag-opcode-center-code{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; } .mag-control .mag-opcode-center-variants{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px 6px; } .mag-control .mag-opcode-center-variants li{ font-size: 11.5px; color: var(--mag-text-secondary); background: var(--mag-neutral-bg); border-radius: 6px; padding: 1px 7px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } .mag-control .mag-opcode-center-more{ font-size: 11.5px; color: var(--mag-text-muted); } .mag-control .mag-opcode-center-bad{ color: var(--mag-danger-text); font-weight: 600; } .mag-control .mag-opcode-center-watch{ color: var(--mag-warning-text); font-weight: 600; } .mag-control .mag-opcode-center-good{ color: var(--mag-success-text); font-weight: 600; } .mag-control .mag-opcode-center-footer{ margin: 0; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-opcode-center-back{ display: inline-flex; align-items: center; gap: 5px; color: var(--mag-text-secondary); text-decoration: none; } .mag-control .mag-opcode-center-back:hover{ color: var(--mag-text-primary); text-decoration: underline; } .mag-control .mag-opcode-center-solo-head{ margin: 0; font-size: 22px; } .mag-control .mag-opcode-center-store-link{ color: inherit; text-decoration: none; border-bottom: 1px dotted var(--mag-border); } .mag-control .mag-opcode-center-store-link:hover{ color: var(--mag-accent-text, var(--mag-text-primary)); border-bottom-style: solid; } .mag-control .mag-opcode-center-stack{ margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-opcode-center-stack li{ white-space: normal; } .mag-control .mag-opcode-center-table td .mag-opcode-center-more{ display: block; font-size: 11px; } .mag-control .mag-opcode-center-table td .quiet{ display: block; font-size: 11.5px; max-width: 34ch; } .mag-control .mag-opcode-center-head-code{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: inherit; } .mag-control .mag-opcode-center-measure-table th:not(:first-child){ text-align: right; } /* ==== src/features/operating/comparison-selection.module.css (module -> .mag-comparison-selection-*) ==== */ .mag-control .mag-comparison-selection-root{padding:8px 10px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface);font-size:14px;line-height:1.4} .mag-control .mag-comparison-selection-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .mag-control .mag-comparison-selection-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px} .mag-control .mag-comparison-selection-toolbar select{font-size:14px;min-height:32px;padding:4px 8px;max-width:250px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:6px} .mag-control .mag-comparison-selection-toolbar>span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-comparison-selection-root button{min-height:32px;padding:4px 8px;font-size:12px;background:var(--mag-surface);color:var(--mag-link);border:1px solid var(--mag-border);border-radius:6px;cursor:pointer} .mag-control .mag-comparison-selection-boundary, .mag-control .mag-comparison-selection-status{font-size:12px;color:var(--mag-text-secondary);margin:5px 0 0} .mag-control .mag-comparison-selection-status{color:var(--mag-text)} .mag-control .mag-comparison-selection-custom{margin-top:7px;border-top:1px solid var(--mag-border)} .mag-control .mag-comparison-selection-custom summary{font-size:14px;cursor:pointer;min-height:34px;align-content:center} .mag-control .mag-comparison-selection-custom-actions{display:flex;gap:7px;margin:4px 0 7px} .mag-control .mag-comparison-selection-custom fieldset{border:0;margin:0;padding:0} .mag-control .mag-comparison-selection-legend{font-size:12px;color:var(--mag-text-secondary);margin-bottom:6px} .mag-control .mag-comparison-selection-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px} .mag-control .mag-comparison-selection-choices label{display:flex;align-items:center;gap:8px;min-height:38px;font-size:14px;padding:3px 0;margin:0} .mag-control .mag-comparison-selection-choices input{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--mag-link);margin:0} .mag-control .mag-comparison-selection-choices small{display:block;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-comparison-selection-choices label:has(input:disabled){opacity:.65} .mag-control .mag-comparison-selection-root :focus-visible{outline:2px solid var(--mag-link);outline-offset:2px} @media(max-width:1100px){.mag-control .mag-comparison-selection-choices{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(min-width:768px){.mag-control .mag-comparison-selection-toolbar select, .mag-control .mag-comparison-selection-root button{min-height:var(--mag-control-h,32px);font-size:13px;padding-block:0} .mag-control .mag-comparison-selection-toolbar label{font-size:12px} .mag-control .mag-comparison-selection-choices label{min-height:30px;font-size:13px} .mag-control .mag-comparison-selection-custom summary{min-height:32px;font-size:13px}} @media(pointer:coarse){.mag-control .mag-comparison-selection-toolbar select, .mag-control .mag-comparison-selection-root button, .mag-control .mag-comparison-selection-custom summary, .mag-control .mag-comparison-selection-choices label{min-height:44px}} @media(max-width:767px){.mag-control .mag-comparison-selection-root{padding:8px} .mag-control .mag-comparison-selection-toolbar{gap:6px} .mag-control .mag-comparison-selection-toolbar label{display:grid;flex:1 1 180px;gap:3px} .mag-control .mag-comparison-selection-toolbar select{max-width:none;width:100%;min-height:44px} .mag-control .mag-comparison-selection-root button, .mag-control .mag-comparison-selection-custom summary, .mag-control .mag-comparison-selection-choices label{min-height:44px} .mag-control .mag-comparison-selection-choices{grid-template-columns:1fr} .mag-control .mag-comparison-selection-choices input{width:20px;height:20px} .mag-control .mag-comparison-selection-custom-actions{flex-wrap:wrap}} /* ==== src/features/operating/demo.module.css (module -> .mag-demo-*) ==== */ .mag-control .mag-demo-page{display:grid;gap:18px;color:var(--mag-text)} .mag-control .mag-demo-page h1{font-size:28px;margin:0 0 8px} .mag-control .mag-demo-page header p{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-demo-page header strong{color:var(--mag-chart-1)} .mag-control .mag-demo-page label{display:flex;align-items:center;gap:10px;font-size:12px} .mag-control .mag-demo-page select{height:40px;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface);color:var(--mag-text);padding:0 10px} .mag-control .mag-demo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .mag-control .mag-demo-kpis article{border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-2);background:var(--mag-surface);border-radius:12px;padding:18px} .mag-control .mag-demo-kpis span, .mag-control .mag-demo-kpis small{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-demo-kpis strong{display:block;font-size:27px;margin:8px 0;font-variant-numeric:tabular-nums} .mag-control .mag-demo-chart, .mag-control .mag-demo-panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;overflow:hidden;min-width:0} .mag-control .mag-demo-panel{padding:20px} .mag-control .mag-demo-panel h2{font-size:20px;margin:0} .mag-control .mag-demo-panel p, .mag-control .mag-demo-notes{color:var(--mag-text-secondary);font-size:12px} .mag-control .mag-demo-panel button{display:grid;grid-template-columns:150px minmax(0,1fr) 85px 170px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--mag-border);padding:16px 0;background:transparent;color:var(--mag-text);width:100%;text-align:left;font:inherit;font-size:13px;cursor:pointer} .mag-control .mag-demo-track{height:10px;background:var(--mag-surface-subtle)} .mag-control .mag-demo-track i{display:block;height:100%;background:var(--mag-chart-1)} .mag-control .mag-demo-notes{border-top:1px solid var(--mag-border);padding-top:15px} .mag-control .mag-demo-notes summary{cursor:pointer;min-height:32px} .mag-control .mag-demo-page :is(button, .mag-control select):focus-visible{outline:2px solid var(--mag-chart-1);outline-offset:3px} @media(max-width:700px){.mag-control .mag-demo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-demo-kpis article{padding:12px} .mag-control .mag-demo-kpis strong{font-size:23px} .mag-control .mag-demo-panel button{grid-template-columns:1fr 85px} .mag-control .mag-demo-panel small{grid-column:1/-1} .mag-control .mag-demo-page label{flex-wrap:wrap}} /* ==== src/features/operating/executive-tables.module.css (module -> .mag-executive-tables-*) ==== */ .mag-control .mag-executive-tables-root{min-width:0;color:var(--mag-text);font-variant-numeric:tabular-nums} .mag-control .mag-executive-tables-scroll{width:100%;max-width:100%;overflow:auto;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface)} .mag-control .mag-executive-tables-scroll table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:19px;table-layout:fixed} .mag-control .mag-executive-tables-scroll th, .mag-control .mag-executive-tables-scroll td{padding:1px 9px;min-height:40px;border-bottom:1px solid var(--mag-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere} .mag-control .mag-executive-tables-scroll thead th{background:var(--mag-surface-subtle);font-weight:600;font-size:13px;line-height:18px;padding-block:5px;white-space:nowrap;position:sticky;top:0;z-index:2} .mag-control .mag-executive-tables-scroll tbody th{font-weight:500} .mag-control .mag-executive-tables-scroll tbody tr{height:40px} .mag-control .mag-executive-tables-scroll tbody tr:last-child>*{border-bottom:0} .mag-control .mag-executive-tables-scroll th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface);box-shadow:1px 0 0 var(--mag-border)} .mag-control .mag-executive-tables-scroll thead th:first-child{background:var(--mag-surface-subtle);z-index:3} .mag-control .mag-executive-tables-scroll tbody tr:hover>*, .mag-control .mag-executive-tables-scroll tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-executive-tables-scroll strong{font-weight:600} .mag-control .mag-executive-tables-scroll small{display:block;font-size:12px;line-height:16px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-executive-tables-issue-table{min-width:1010px} .mag-control .mag-executive-tables-issue-table th:first-child{width:205px} .mag-control .mag-executive-tables-issue-table th:nth-child(2){width:310px} .mag-control .mag-executive-tables-issue-table th:nth-child(3){width:105px} .mag-control .mag-executive-tables-issue-table th:nth-child(4){width:140px} .mag-control .mag-executive-tables-issue-table th:nth-child(5){width:95px} .mag-control .mag-executive-tables-issue-table th:nth-child(6){width:120px} .mag-control .mag-executive-tables-agenda-table{min-width:1010px} .mag-control .mag-executive-tables-agenda-table th:first-child{width:22%} .mag-control .mag-executive-tables-agenda-table th:nth-child(2){width:11%} .mag-control .mag-executive-tables-agenda-table th:nth-child(3){width:14%} .mag-control .mag-executive-tables-agenda-table td:nth-child(3) small{white-space:nowrap} .mag-control .mag-executive-tables-agenda-table th:nth-child(4), .mag-control .mag-executive-tables-agenda-table th:nth-child(5), .mag-control .mag-executive-tables-agenda-table th:nth-child(6){width:9.5%} .mag-control .mag-executive-tables-agenda-table th:nth-child(7){width:12%} .mag-control .mag-executive-tables-agenda-table th:nth-child(8){width:12.5%} .mag-control .mag-executive-tables-scroll .numeric{text-align:right;font-variant-numeric:tabular-nums} .mag-control .numeric>span{font-weight:650} .mag-control .mag-executive-tables-date{white-space:nowrap;font-size:14px} .mag-control .mag-executive-tables-updated{font-size:14px;line-height:19px} .mag-control .mag-executive-tables-updated summary{font-size:14px;line-height:19px;white-space:nowrap} .mag-control .mag-executive-tables-title-button{display:block;font:inherit;font-size:14px;font-weight:600;line-height:19px;border:0;background:none;text-align:left;color:var(--mag-link);padding:0;min-height:20px;overflow-wrap:anywhere} .mag-control .mag-executive-tables-title-button:hover{text-decoration:underline} .mag-control .mag-executive-tables-state{font-size:13px;font-weight:600;text-transform:capitalize} .mag-control .muted{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-executive-tables-link, .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-history{font:inherit;font-size:13px;color:var(--mag-link);font-weight:500;background:none;white-space:nowrap} .mag-control .mag-executive-tables-link{display:inline-flex;align-items:center;min-height:30px} .mag-control .mag-executive-tables-action{padding:6px 8px;border:1px solid var(--mag-control-border);border-radius:6px;min-height:32px} .mag-control .mag-executive-tables-action:hover{background:var(--mag-surface-subtle)} .mag-control .mag-executive-tables-history{display:block;border:0;padding:0;min-height:19px;line-height:18px} .mag-control .mag-executive-tables-history:hover{text-decoration:underline} .mag-control .mag-executive-tables-controls{font-size:13px} .mag-control .mag-executive-tables-disclosure{font-size:13px;line-height:18px} .mag-control .mag-executive-tables-disclosure summary{font:inherit;font-weight:500;padding:0;cursor:pointer;min-height:19px;color:var(--mag-link)} .mag-control .mag-executive-tables-disclosure p, .mag-control .mag-executive-tables-disclosure ol{margin:7px 0;font-size:13px;line-height:19px;color:var(--mag-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere} .mag-control .mag-executive-tables-disclosure ol{padding-left:20px} .mag-control .mag-executive-tables-disclosure li{margin:7px 0} .mag-control .mag-executive-tables-disclosure a{color:var(--mag-link)} .mag-control .mag-executive-tables-issue-detail summary{font-size:14px;line-height:19px;font-weight:600} .mag-control .mag-executive-tables-source-cell summary{font-size:14px;line-height:19px} .mag-control .mag-executive-tables-empty{padding:22px 14px!important;font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-executive-tables-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 1px;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-executive-tables-footer nav{display:flex;gap:6px} .mag-control .mag-executive-tables-footer button{display:inline-flex;align-items:center;gap:4px;min-height:32px;background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:5px;padding:4px 9px;font-size:13px;color:var(--mag-text)} .mag-control .mag-executive-tables-root button:disabled{cursor:default} .mag-control .mag-executive-tables-root button:focus-visible, .mag-control .mag-executive-tables-root a:focus-visible, .mag-control .mag-executive-tables-root summary:focus-visible, .mag-control .mag-executive-tables-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:3px} @media(max-width:760px){.mag-control .mag-executive-tables-scroll table{font-size:14px} .mag-control .mag-executive-tables-scroll th, .mag-control .mag-executive-tables-scroll td{padding-block:6px} .mag-control .mag-executive-tables-issue-table th:first-child{width:175px} .mag-control .mag-executive-tables-agenda-table th:first-child{width:210px} .mag-control .mag-executive-tables-title-button, .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-history, .mag-control .mag-executive-tables-link, .mag-control .mag-executive-tables-disclosure summary{min-height:32px} .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-footer button{min-height:40px} .mag-control .mag-executive-tables-disclosure summary{display:list-item;align-content:center} .mag-control .mag-executive-tables-footer{flex-wrap:wrap;font-size:13px} .mag-control .mag-executive-tables-footer nav{margin-left:auto} .mag-control .mag-executive-tables-scroll small{font-size:12px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-executive-tables-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}} .mag-control [data-motion=reduced] .mag-executive-tables-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important} .mag-control .mag-executive-tables-root{--ex-row:var(--mag-dense-row,30px);--ex-font:var(--mag-dense-font,13px);--ex-head:var(--mag-dense-head-font,11px);--ex-control:var(--mag-control-h,32px)} @media screen and (min-width:761px){.mag-control .mag-executive-tables-scroll table{font-size:var(--ex-font);line-height:17px} .mag-control .mag-executive-tables-scroll th, .mag-control .mag-executive-tables-scroll td{min-height:var(--ex-row);padding:1px 10px} .mag-control .mag-executive-tables-scroll tbody tr{height:var(--ex-row)} .mag-control .mag-executive-tables-scroll thead th{font-size:var(--ex-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;line-height:16px;padding-block:4px} .mag-control .mag-executive-tables-scroll small{font-size:11px;line-height:14px} .mag-control .mag-executive-tables-date, .mag-control .mag-executive-tables-updated, .mag-control .mag-executive-tables-updated summary, .mag-control .mag-executive-tables-title-button, .mag-control .mag-executive-tables-issue-detail summary, .mag-control .mag-executive-tables-source-cell summary{font-size:var(--ex-font);line-height:17px} .mag-control .mag-executive-tables-state, .mag-control .muted, .mag-control .mag-executive-tables-link, .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-history, .mag-control .mag-executive-tables-controls, .mag-control .mag-executive-tables-disclosure, .mag-control .mag-executive-tables-footer, .mag-control .mag-executive-tables-footer button{font-size:12px} .mag-control .mag-executive-tables-link{min-height:0} .mag-control .mag-executive-tables-action{min-height:26px;padding:2px 8px} .mag-control .mag-executive-tables-footer button{min-height:var(--ex-control);padding:0 10px} .mag-control .mag-executive-tables-empty{padding:12px 10px!important;font-size:13px}} @media(pointer:coarse){.mag-control .mag-executive-tables-title-button, .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-history, .mag-control .mag-executive-tables-link, .mag-control .mag-executive-tables-disclosure summary, .mag-control .mag-executive-tables-footer button{min-height:44px}} @media print{.mag-control .mag-executive-tables-scroll{overflow:visible;border-radius:0} .mag-control .mag-executive-tables-scroll table{min-width:0} .mag-control .mag-executive-tables-scroll th:first-child, .mag-control .mag-executive-tables-scroll thead th{position:static} .mag-control .mag-executive-tables-footer, .mag-control .mag-executive-tables-action, .mag-control .mag-executive-tables-history{display:none} .mag-control .mag-executive-tables-scroll tbody tr{break-inside:avoid}} .mag-control .mag-executive-tables-issue-table tbody tr{height:42px} .mag-control .mag-executive-tables-issue-table tbody th strong{font-weight:650} .mag-control .mag-executive-tables-issue-table tbody th{border-left:3px solid transparent} .mag-control .mag-executive-tables-issue-table tbody tr[data-issue-kind=inventory]>th{border-left-color:var(--mag-chart-2)} .mag-control .mag-executive-tables-issue-table tbody tr[data-issue-kind=source]>th{border-left-color:var(--mag-chart-1)} .mag-control .mag-executive-tables-issue-table .numeric>span{font-size:15px;letter-spacing:-.2px;font-weight:700} .mag-control .mag-executive-tables-issue-table .mag-executive-tables-issue-detail summary{color:var(--mag-text);font-weight:550} .mag-control .mag-executive-tables-issue-table .mag-executive-tables-source-cell summary{color:var(--mag-text-secondary);font-size:12px} .mag-control .mag-executive-tables-issue-table .mag-executive-tables-link{gap:5px;font-weight:600} .mag-control .mag-executive-tables-issue-table .mag-executive-tables-action{border-color:var(--mag-border);background:var(--mag-surface);font-weight:550} .mag-control .mag-executive-tables-issue-table .mag-executive-tables-action:hover{background:var(--mag-selected-bg);border-color:var(--mag-focus)} /* ==== src/features/operating/workspace.module.css (module -> .mag-operating-workspace-*) ==== */ .mag-control .mag-operating-workspace-workspace{color:var(--mag-text);max-width:1720px;margin:0 auto} .mag-control .mag-operating-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 24px} .mag-control .mag-operating-workspace-header h1{font-size:32px;letter-spacing:-1px;margin:5px 0 7px} .mag-control .mag-operating-workspace-header p{color:var(--mag-text-secondary);margin:0;font-size:15px} .mag-control .mag-operating-workspace-eyebrow{font-size:12px;color:var(--mag-text-secondary);letter-spacing:.06em;text-transform:uppercase} .mag-control .mag-operating-workspace-header-buttons{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-operating-workspace-tabs{display:flex;gap:24px;border-bottom:1px solid var(--mag-border);margin-bottom:18px} .mag-control .mag-operating-workspace-tabs button{padding:12px 4px;background:none;border:0;border-bottom:3px solid transparent;color:var(--mag-text-secondary);font-weight:600;cursor:pointer} .mag-control .mag-operating-workspace-tabs button[aria-current]{color:var(--mag-selected-text);border-color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap} .mag-control .mag-operating-workspace-toolbar label{margin:0;display:flex;align-items:center;gap:8px;background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:7px;padding:0 12px;min-width:230px;flex:1;max-width:460px} .mag-control .mag-operating-workspace-toolbar input{padding:10px 0;border:0;width:100%;outline:none;background:transparent} .mag-control .mag-operating-workspace-toolbar select{width:auto;min-width:175px;padding:9px 28px 9px 10px;border:1px solid var(--mag-control-border);border-radius:7px;color:inherit;background:var(--mag-surface)} .mag-control .mag-operating-workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px} .mag-control .mag-operating-workspace-metrics button{display:flex;gap:15px;text-align:left;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:11px;padding:20px 16px;cursor:pointer;color:inherit} .mag-control .mag-operating-workspace-metrics button:hover{border-color:var(--mag-focus)} .mag-control .mag-operating-workspace-metrics small, .mag-control .mag-operating-workspace-metrics em{display:block;font-size:12px;font-style:normal} .mag-control .mag-operating-workspace-metrics strong{display:block;font-size:30px;letter-spacing:-.7px;margin:7px 0} .mag-control .mag-operating-workspace-metrics em{font-size:12px;color:var(--mag-text-muted);line-height:1.5} .mag-control .mag-operating-workspace-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:var(--mag-selected-bg);color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-brief-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px} .mag-control .mag-operating-workspace-panel{border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:11px;overflow:hidden;margin-bottom:18px;min-width:0} .mag-control .mag-operating-workspace-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 19px 14px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-workspace-panel-head h2{font-size:17px;margin:0} .mag-control .mag-operating-workspace-panel-head p{font-size:12px;color:var(--mag-text-secondary);margin:6px 0 0;line-height:1.6} .mag-control .mag-operating-workspace-panel-head a{font-size:12px;white-space:nowrap} .mag-control .mag-operating-workspace-panel a{color:var(--mag-link);text-decoration:none} .mag-control .mag-operating-workspace-panel a:hover{text-decoration:underline} .mag-control .mag-operating-workspace-panel a svg{vertical-align:middle} .mag-control .mag-operating-workspace-tag{background:var(--mag-neutral-bg);padding:5px 9px;border-radius:12px;color:var(--mag-neutral-text);font-size:12px;white-space:nowrap} .mag-control .mag-operating-workspace-queue-item{display:flex;gap:13px;padding:17px 19px;align-items:center;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-workspace-ordinal{font-size:12px;background:var(--mag-neutral-bg);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 25px;color:var(--mag-neutral-text)} .mag-control .mag-operating-workspace-queue-body{flex:1;min-width:0} .mag-control .mag-operating-workspace-store-link{font-size:12px} .mag-control .mag-operating-workspace-queue-item h3{font-size:14px;margin:5px 0} .mag-control .mag-operating-workspace-queue-item p{font-size:12px;color:var(--mag-text-secondary);margin:0 0 5px;line-height:1.5} .mag-control .mag-operating-workspace-queue-item small{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-operating-workspace-queue-item strong{font-size:24px;min-width:32px} .mag-control .mag-operating-workspace-queue-item button{font-size:12px;padding:7px 10px} .mag-control .mag-operating-workspace-bad{color:var(--mag-danger-text)!important} .mag-control .mag-operating-workspace-action{padding:16px 19px;border-bottom:1px solid var(--mag-border);display:flex;justify-content:space-between;gap:16px;align-items:center} .mag-control .mag-operating-workspace-action h3{font-size:13px;margin:6px 0;line-height:1.5} .mag-control .mag-operating-workspace-action p{font-size:12px;color:var(--mag-text-secondary);line-height:1.6;margin:4px 0} .mag-control .mag-operating-workspace-side .mag-operating-workspace-action{display:block} .mag-control .mag-operating-workspace-side .mag-operating-workspace-action button{margin-top:8px;font-size:12px} .mag-control .mag-operating-workspace-side .mag-operating-workspace-eyebrow{font-size:12px} .mag-control .mag-operating-workspace-footer-link{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;font-size:12px} .mag-control .mag-operating-workspace-callout{padding:8px 19px 19px;font-size:12px;line-height:1.8;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-callout a{font-weight:600} .mag-control .mag-operating-workspace-caption{font-size:12px;color:var(--mag-text-muted);margin:0;padding:14px 19px;line-height:1.7} .mag-control .mag-operating-workspace-empty{padding:24px 19px;font-size:12px;color:var(--mag-text-secondary);line-height:1.8} .mag-control .notice{color:var(--mag-warning-text);border:1px solid var(--mag-border);background:var(--mag-warning-bg);padding:12px 16px;font-size:12px;margin-bottom:18px;border-radius:8px} .mag-control .notice summary{cursor:pointer;padding:0} .mag-control .mag-operating-workspace-back{display:inline-flex;gap:6px;align-items:center;color:var(--mag-link);font-size:12px;text-decoration:none;margin:8px 0} .mag-control .mag-operating-workspace-store-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px} .mag-control .mag-operating-workspace-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 19px 12px} .mag-control .mag-operating-workspace-facts dt{font-size:12px;color:var(--mag-text-secondary);margin-bottom:6px} .mag-control .mag-operating-workspace-facts dd{margin:0;font-size:21px;font-weight:650;letter-spacing:-.5px} .mag-control .mag-operating-workspace-table-wrap{overflow:auto} .mag-control .mag-operating-workspace-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap} .mag-control .mag-operating-workspace-table-wrap th, .mag-control .mag-operating-workspace-table-wrap td{text-align:right;padding:13px 16px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-workspace-table-wrap th:first-child, .mag-control .mag-operating-workspace-table-wrap td:first-child{text-align:left} .mag-control .mag-operating-workspace-table-wrap thead{font-size:12px;background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-table-wrap tbody th{font-weight:550} .mag-control .mag-operating-workspace-table-wrap tbody small{display:block;font-size:12px;color:var(--mag-text-muted);margin-top:5px;font-weight:400} .mag-control .mag-operating-workspace-table-wrap tbody tr:hover{background:var(--mag-hover)} .mag-control .mag-operating-workspace-table-wrap td:last-child{max-width:300px;white-space:normal;font-size:12px} .mag-control .mag-operating-workspace-action-list{max-height:850px;overflow:auto} @media(max-width:1100px){.mag-control .mag-operating-workspace-brief-grid{grid-template-columns:minmax(0,1fr) 285px} .mag-control .mag-operating-workspace-metrics button{padding:15px 11px;gap:9px} .mag-control .mag-operating-workspace-icon{width:30px;height:30px;flex-basis:30px} .mag-control .mag-operating-workspace-header-buttons{justify-content:flex-end} .mag-control .mag-operating-workspace-queue-item{gap:9px;padding:14px} .mag-control .mag-operating-workspace-metrics strong{font-size:26px}} @media(max-width:800px){.mag-control .mag-operating-workspace-brief-grid, .mag-control .mag-operating-workspace-store-panels{grid-template-columns:1fr} .mag-control .mag-operating-workspace-metrics{grid-template-columns:1fr 1fr} .mag-control .mag-operating-workspace-header{align-items:flex-start} .mag-control .mag-operating-workspace-header h1{font-size:27px} .mag-control .mag-operating-workspace-header-buttons{max-width:175px} .mag-control .mag-operating-workspace-queue-item .mag-operating-workspace-ordinal{display:none} .mag-control .mag-operating-workspace-table-wrap table{min-width:700px}} @media(max-width:480px){.mag-control .mag-operating-workspace-header{display:block} .mag-control .mag-operating-workspace-header-buttons{margin-top:16px;max-width:none;justify-content:flex-start} .mag-control .mag-operating-workspace-metrics button{padding:12px 10px} .mag-control .mag-operating-workspace-metrics .mag-operating-workspace-icon{display:none} .mag-control .mag-operating-workspace-metrics strong{font-size:26px} .mag-control .mag-operating-workspace-tabs{gap:14px} .mag-control .mag-operating-workspace-toolbar label{min-width:100%;box-sizing:border-box} .mag-control .mag-operating-workspace-toolbar select{min-width:0;max-width:100%;flex:1} .mag-control .mag-operating-workspace-queue-item{flex-wrap:wrap} .mag-control .mag-operating-workspace-queue-body{min-width:65%} .mag-control .mag-operating-workspace-facts{grid-template-columns:1fr 1fr} .mag-control .mag-operating-workspace-action{display:block} .mag-control .mag-operating-workspace-action button{margin-top:10px}} .mag-control .mag-operating-workspace-toolbar input:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-operating-workspace-mobile-filter-toggle, .mag-control .mag-operating-workspace-mobile-filter-done, .mag-control .mag-operating-workspace-mobile-cards, .mag-control .mag-operating-workspace-mobile-evidence, .mag-control .mag-operating-workspace-store-jumps{display:none} .mag-control .mag-operating-workspace-queue-actions{display:flex;align-items:center} @media print{.mag-control .mag-operating-workspace-mobile-cards, .mag-control .mag-operating-workspace-mobile-filter-toggle, .mag-control .mag-operating-workspace-mobile-filter-done, .mag-control .mag-operating-workspace-store-jumps{display:none!important} .mag-control .mag-operating-workspace-mobile-cards+.mag-operating-workspace-table-wrap{display:block!important}} @media(max-width:767px){.mag-control .mag-operating-workspace-header{display:block;margin:0 0 16px} .mag-control .mag-operating-workspace-header h1{font-size:28px;margin:4px 0 6px} .mag-control .mag-operating-workspace-header p{font-size:14px;line-height:1.5} .mag-control .mag-operating-workspace-header-buttons, .mag-control .mag-operating-workspace-tabs{display:none} .mag-control .mag-operating-workspace-workspace[data-view="meeting"] .mag-operating-workspace-header-buttons{display:flex;margin-top:12px;max-width:none} .mag-control .mag-operating-workspace-workspace[data-view="meeting"] .mag-operating-workspace-header-buttons>a{display:none} .mag-control .mag-operating-workspace-mobile-filter-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;margin:0 0 12px;border:1px solid var(--mag-control-border);border-radius:9px;background:var(--mag-surface);text-align:left} .mag-control .mag-operating-workspace-mobile-filter-toggle>span{flex:1;min-width:0;font-size:14px;font-weight:600;overflow-wrap:anywhere} .mag-control .mag-operating-workspace-mobile-filter-toggle small{display:block;font-size:12px;font-weight:400;color:var(--mag-text-secondary);margin-top:2px} .mag-control .mag-operating-workspace-mobile-filter-toggle[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)} .mag-control .mag-operating-workspace-toolbar:not([data-expanded="true"]){display:none} .mag-control .mag-operating-workspace-toolbar{padding:12px;border:1px solid var(--mag-border);border-radius:9px;background:var(--mag-surface);margin-bottom:12px} .mag-control .mag-operating-workspace-toolbar label{min-width:100%;max-width:none} .mag-control .mag-operating-workspace-toolbar select{min-width:0;max-width:100%;width:100%;flex:auto} .mag-control .mag-operating-workspace-toolbar input, .mag-control .mag-operating-workspace-toolbar select{font-size:16px;min-height:44px} .mag-control .mag-operating-workspace-mobile-filter-done{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;border:0;background:var(--mag-selected-bg);color:var(--mag-selected-text);border-radius:7px;font-size:14px;font-weight:600} .mag-control .notice{font-size:12px;padding:11px 12px;margin-bottom:12px} .mag-control .notice summary{min-height:24px;align-content:center} .mag-control .mag-operating-workspace-metrics{gap:8px;margin-bottom:16px} .mag-control .mag-operating-workspace-metrics button{padding:10px;gap:0;min-height:101px} .mag-control .mag-operating-workspace-metrics .mag-operating-workspace-icon{display:none} .mag-control .mag-operating-workspace-metrics small{font-size:12px;line-height:1.4} .mag-control .mag-operating-workspace-metrics strong{font-size:25px;margin:3px 0} .mag-control .mag-operating-workspace-metrics em{font-size:12px;line-height:1.35} .mag-control .mag-operating-workspace-workspace[data-view="brief"] .mag-operating-workspace-metrics button:nth-child(n+3){min-height:54px} .mag-control .mag-operating-workspace-workspace[data-view="brief"] .mag-operating-workspace-metrics button:nth-child(n+3)>span:not(.mag-operating-workspace-icon){display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%} .mag-control .mag-operating-workspace-workspace[data-view="brief"] .mag-operating-workspace-metrics button:nth-child(n+3) strong{font-size:22px;margin:0} .mag-control .mag-operating-workspace-workspace[data-view="brief"] .mag-operating-workspace-metrics button:nth-child(n+3) em{display:none} .mag-control .mag-operating-workspace-workspace[data-view="stores"] .mag-operating-workspace-metrics, .mag-control .mag-operating-workspace-workspace[data-view="meeting"] .mag-operating-workspace-metrics{display:none} .mag-control .mag-operating-workspace-panel-head{padding:14px;gap:10px;align-items:flex-start;flex-wrap:wrap} .mag-control .mag-operating-workspace-panel-head h2{font-size:17px} .mag-control .mag-operating-workspace-panel-head p{font-size:12px;line-height:1.5} .mag-control .mag-operating-workspace-brief-grid>.mag-operating-workspace-panel>.mag-operating-workspace-panel-head{align-items:center} .mag-control .mag-operating-workspace-brief-grid>.mag-operating-workspace-panel>.mag-operating-workspace-panel-head p{display:none} .mag-control .mag-operating-workspace-panel-head>a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;gap:6px} .mag-control .mag-operating-workspace-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px 14px;align-items:start} .mag-control .mag-operating-workspace-queue-body{min-width:0} .mag-control .mag-operating-workspace-queue-body h3{font-size:16px;line-height:1.4;margin:6px 0} .mag-control .mag-operating-workspace-queue-body .mag-operating-workspace-store-link{font-size:12px;display:inline-flex;align-items:center;gap:4px;min-height:28px} .mag-control .mag-operating-workspace-queue-body p{font-size:12px;line-height:1.5} .mag-control .mag-operating-workspace-queue-body small{font-size:12px} .mag-control .mag-operating-workspace-queue-item>strong{font-size:26px;margin-top:31px;text-align:right} .mag-control .mag-operating-workspace-queue-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;margin-top:2px} .mag-control .mag-operating-workspace-queue-actions button, .mag-control .mag-operating-workspace-mobile-evidence{min-height:44px;padding:10px 12px;font-size:13px;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px} .mag-control .mag-operating-workspace-mobile-evidence{background:var(--mag-selected-bg);color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-mobile-cards{display:block} .mag-control .mag-operating-workspace-mobile-cards+.mag-operating-workspace-table-wrap{display:none} .mag-control .mag-operating-workspace-mobile-card{padding:14px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-workspace-mobile-card:last-child{border-bottom:0} .mag-control .mag-operating-workspace-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:650;line-height:1.45} .mag-control .mag-operating-workspace-card-title>svg{flex-shrink:0} .mag-control .mag-operating-workspace-card-title small{font-size:12px;font-weight:400;color:var(--mag-text-secondary);display:block;margin-top:3px} .mag-control .mag-operating-workspace-card-facts, .mag-control .mag-operating-workspace-rate-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0} .mag-control .mag-operating-workspace-card-facts dt, .mag-control .mag-operating-workspace-rate-comparison dt{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-card-facts dd, .mag-control .mag-operating-workspace-rate-comparison dd{font-size:21px;font-weight:650;margin:3px 0 0;letter-spacing:-.5px} .mag-control .mag-operating-workspace-card-foot{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;color:var(--mag-text-muted);line-height:1.7;border-top:1px solid var(--mag-border);padding-top:8px} .mag-control .mag-operating-workspace-card-foot a{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:12px} .mag-control .mag-operating-workspace-rate-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--mag-surface-subtle);border-radius:8px;padding:12px 8px;margin:12px 0} .mag-control .mag-operating-workspace-rate-comparison dd{font-size:21px} .mag-control .mag-operating-workspace-rate-comparison>div:first-child dd{color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-card-population{font-size:12px;color:var(--mag-text-secondary);line-height:1.6;margin:8px 0} .mag-control .mag-operating-workspace-card-signal{font-size:13px;font-weight:550;margin:10px 0} .mag-control .mag-operating-workspace-card-evidence{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;border-top:1px solid var(--mag-border);margin-top:10px;padding-top:8px} .mag-control .mag-operating-workspace-store-jumps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px} .mag-control .mag-operating-workspace-store-jumps a, .mag-control .mag-operating-workspace-store-jumps button{display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;min-height:44px;padding:8px;font-size:12px;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface);color:var(--mag-link)} .mag-control .mag-operating-workspace-store-jumps button{background:var(--mag-selected-bg);color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-workspace section[id]{scroll-margin-top:76px} .mag-control .mag-operating-workspace-action-list{max-height:none;overflow:visible} .mag-control .mag-operating-workspace-action h3{font-size:15px} .mag-control .mag-operating-workspace-action p{font-size:13px} .mag-control .mag-operating-workspace-action button{min-height:44px;width:100%} .mag-control .mag-operating-workspace-facts{gap:16px;margin-top:16px;padding:0 14px} .mag-control .mag-operating-workspace-facts dd{font-size:21px} .mag-control .mag-operating-workspace-back{min-height:44px;margin:0 0 8px}} .mag-control .mag-operating-workspace-agenda{margin:16px 0;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface);padding:12px;min-width:0} .mag-control .mag-operating-workspace-agenda-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px} .mag-control .mag-operating-workspace-agenda-head h2{font-size:18px;line-height:24px;margin:0} .mag-control .mag-operating-workspace-agenda-head span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-agenda-buttons, .mag-control .mag-operating-workspace-agenda-presets{display:flex;gap:6px;flex-wrap:wrap} .mag-control .mag-operating-workspace-agenda-buttons .button{min-height:30px;font-size:13px;padding:4px 8px} .mag-control .mag-operating-workspace-agenda-presets{margin:8px 0} .mag-control .mag-operating-workspace-agenda-presets button{background:var(--mag-surface-subtle);border:1px solid var(--mag-border);color:var(--mag-text-secondary);border-radius:16px;padding:4px 10px;font-size:13px;min-height:30px} .mag-control .mag-operating-workspace-agenda-presets button[aria-pressed=true]{background:var(--mag-selected-bg);border-color:var(--mag-selected-text);color:var(--mag-selected-text)} .mag-control .mag-operating-workspace-agenda-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:8px 0 10px} .mag-control .mag-operating-workspace-agenda-filters label{flex:1;min-width:120px;font-size:12px;color:var(--mag-text-secondary);display:flex;flex-direction:column;gap:3px} .mag-control .mag-operating-workspace-agenda-filters label:first-child{flex:1.5} .mag-control .mag-operating-workspace-agenda-filters input, .mag-control .mag-operating-workspace-agenda-filters select{width:100%;min-width:0;font-size:13px;height:33px;padding:5px 7px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-control-border);border-radius:6px} .mag-control .mag-operating-workspace-agenda-notes{font-size:12px;color:var(--mag-text-secondary);margin-top:8px;overflow-wrap:anywhere} .mag-control .mag-operating-workspace-agenda-notes p{margin:6px 0;line-height:1.5} .mag-control .mag-operating-workspace-agenda-notes summary{cursor:pointer} @media(min-width:901px){.mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header{margin:4px 0 8px;gap:12px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header h1{font-size:25px;margin:2px 0;line-height:30px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header p{font-size:13px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-tabs{margin-bottom:7px;gap:20px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-tabs button{padding:6px 3px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar{margin-bottom:8px;gap:8px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar input{padding:5px 0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar select{padding-block:5px} .mag-control .mag-operating-workspace-workspace .notice{margin:5px 0;font-size:12px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics{display:flex;gap:6px;margin:6px 0 10px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics button{padding:5px 10px;min-height:36px;gap:8px;flex:1} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics .mag-operating-workspace-icon{display:none} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics button>span:not(.mag-operating-workspace-icon){display:flex;gap:9px;align-items:center} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics small{font-size:12px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics strong{font-size:20px;line-height:24px;margin:0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics em{display:none} .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-metrics, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-toolbar, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-mobile-filter-toggle{display:none} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head{padding:9px 12px;gap:10px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head h2{font-size:17px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head p{font-size:12px;margin:2px 0 0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap td, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap th{padding:6px 9px;font-size:14px;line-height:19px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap th small{font-size:12px;line-height:16px;margin-top:2px}} @media(max-width:760px){.mag-control .mag-operating-workspace-agenda{padding:9px} .mag-control .mag-operating-workspace-agenda-head{align-items:start;flex-direction:column;gap:8px} .mag-control .mag-operating-workspace-agenda-filters label{min-width:140px} .mag-control .mag-operating-workspace-agenda-buttons .button, .mag-control .mag-operating-workspace-agenda-presets button{min-height:36px} .mag-control .mag-operating-workspace-agenda-filters input, .mag-control .mag-operating-workspace-agenda-filters select{height:38px}} .mag-control .mag-operating-workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} @media(min-width:901px){.mag-control .mag-operating-workspace-workspace .notice{padding:7px 10px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head{padding:6px 12px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header{margin-top:0} .mag-control .mag-operating-workspace-agenda{margin-top:10px}} @media(min-width:901px){.mag-control .mag-operating-workspace-action-workspace{gap:8px} .mag-control .mag-operating-workspace-action-workspace .page-header{margin-bottom:0;gap:12px} .mag-control .mag-operating-workspace-action-workspace .page-header h1{font-size:25px;line-height:30px} .mag-control .mag-operating-workspace-action-workspace .page-header p{font-size:13px;margin:2px 0} .mag-control .mag-operating-workspace-action-workspace .breadcrumb{font-size:12px;margin:0} .mag-control .mag-operating-workspace-action-workspace [data-executive-summary]{padding:6px 10px;gap:6px 14px;font-size:12px;display:flex;flex-wrap:wrap} .mag-control .mag-operating-workspace-action-workspace .panel-header{padding:7px 12px} .mag-control .mag-operating-workspace-action-workspace .mag-operating-workspace-agenda{margin:0;border:0;border-radius:0;padding:10px 12px}} @media(min-width:901px){.mag-control .mag-operating-workspace-action-workspace.mag-operating-workspace-action-workspace{gap:8px} .mag-control .mag-operating-workspace-action-workspace .breadcrumb{display:none} .mag-control .mag-operating-workspace-agenda-head>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}} .mag-control .mag-operating-workspace-review-controls{display:contents} .mag-control .mag-operating-workspace-comparison-disclosure{margin:0 0 16px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);min-width:0;overflow:hidden} .mag-control .mag-operating-workspace-comparison-disclosure>summary{cursor:pointer;padding:10px 14px;color:var(--mag-link);font-size:14px;font-weight:600;min-height:40px} .mag-control .mag-operating-workspace-comparison-disclosure[open]>summary{border-bottom:1px solid var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .mag-operating-workspace-comparison-disclosure>.mag-operating-workspace-panel{border:0;border-radius:0;margin:0} .mag-control .mag-operating-workspace-comparison-disclosure>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @media(max-width:767px){.mag-control .mag-operating-workspace-comparison-disclosure>summary{min-height:44px;align-content:center}} .mag-control .mag-operating-workspace-action-context{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-action-context summary{cursor:pointer} .mag-control .mag-operating-workspace-action-context>div{padding:8px 0} @media(min-width:1100px){.mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls{display:grid;grid-template-columns:minmax(300px,1.3fr) minmax(180px,.9fr) minmax(250px,1fr);align-items:center;gap:8px;margin-bottom:6px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-toolbar, .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .notice, .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics{margin:0} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-toolbar label{min-width:150px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-toolbar select{min-width:155px;width:155px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics button{padding:3px 6px;min-height:32px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics small{font-size:12px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics strong{font-size:16px}} @media(min-width:901px){.mag-control .mag-operating-workspace-agenda-filters{margin:4px 0 6px;gap:6px} .mag-control .mag-operating-workspace-agenda-filters label{margin:0;line-height:16px;gap:2px} .mag-control .mag-operating-workspace-agenda-filters input, .mag-control .mag-operating-workspace-agenda-filters select{min-height:32px;height:32px} .mag-control .mag-operating-workspace-agenda-filters>details>summary{padding:3px 0;min-height:28px;font-size:12px} .mag-control .mag-operating-workspace-workspace[data-view=meeting]{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:6px} .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-header{margin:0} .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-eyebrow{display:none} .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-review-controls{display:block} .mag-control .mag-operating-workspace-workspace[data-view=meeting] .notice{margin:0;padding:4px 8px;font-size:12px} .mag-control .mag-operating-workspace-workspace[data-view=meeting]>.mag-operating-workspace-agenda{grid-column:1/-1;margin:0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header{min-height:34px;margin-bottom:6px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header h1{order:-1;margin:0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header p{display:none} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-eyebrow{font-size:12px;letter-spacing:0;text-transform:none} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header-buttons .button{min-height:30px;padding:4px 9px;font-size:13px} .mag-control .mag-operating-workspace-action-workspace .page-header>div:first-child>p{display:none} .mag-control .mag-operating-workspace-action-workspace .page-header h1{margin:0} .mag-control .mag-operating-workspace-action-workspace .page-header .button{min-height:30px;padding:4px 9px} .mag-control .mag-operating-workspace-action-workspace .mag-operating-workspace-action-context{padding:0!important;display:block!important} .mag-control .mag-operating-workspace-action-workspace .panel-header{padding:3px 10px} .mag-control .mag-operating-workspace-action-workspace .segmented button{padding:4px 8px;min-height:30px} .mag-control .mag-operating-workspace-action-workspace .panel-header .button{min-height:30px;padding:3px 8px} .mag-control .mag-operating-workspace-action-workspace .mag-operating-workspace-action-context>summary{padding:0;min-height:20px;line-height:20px}} .mag-control .mag-operating-workspace-workspace, .mag-control .mag-operating-workspace-action-workspace{--op-row:var(--mag-dense-row,30px);--op-font:var(--mag-dense-font,13px);--op-head:var(--mag-dense-head-font,11px);--op-control:var(--mag-control-h,32px);--op-tile:var(--mag-tile-value,20px);--op-tile-label:var(--mag-tile-label,11px);--op-tile-context:var(--mag-tile-context,12px);--op-title:var(--mag-page-title,22px)} @media(min-width:901px){.mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header h1, .mag-control .mag-operating-workspace-action-workspace .page-header h1{font-size:var(--op-title);line-height:1.2} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header-buttons .button, .mag-control .mag-operating-workspace-action-workspace .page-header .button{min-height:var(--op-control);padding:0 10px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar label{min-height:var(--op-control)} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar input{padding:0;min-height:0;height:30px;font-size:13px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head select{min-height:var(--op-control);height:var(--op-control);padding-block:0;font-size:13px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics strong{font-size:var(--op-tile)} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar select{min-height:var(--op-control);height:var(--op-control);padding-block:0;font-size:13px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics small{font-size:var(--op-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-metrics strong{font-size:var(--op-tile);line-height:1.3} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics small{font-size:var(--op-tile-label)} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head, .mag-control .mag-operating-workspace-agenda-head{min-height:40px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head{padding:6px 12px;background:var(--mag-surface-subtle)} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-panel-head h2, .mag-control .mag-operating-workspace-agenda-head h2{font-size:13px;font-weight:650;line-height:1.3} .mag-control .mag-operating-workspace-agenda-head h2{line-height:1.3} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap table{font-size:var(--op-font);font-variant-numeric:tabular-nums} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap td, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap th{height:var(--op-row);padding:1px 10px;font-size:var(--op-font);line-height:1.3} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap thead th{position:sticky;top:0;z-index:1;background:var(--mag-surface-subtle);font-size:var(--op-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;padding-block:4px} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap tbody small, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap th small{font-size:11px;line-height:1.25;margin-top:0} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap .review-disclosure{min-height:0;padding:0;gap:6px;font-size:var(--op-font);line-height:1.3} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap .review-disclosure small{margin-top:0;font-size:11px;line-height:1.25} .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap .aged-share{display:inline;margin-left:4px;font-size:11px} .mag-control .mag-operating-workspace-comparison-disclosure>summary{min-height:36px;padding:6px 12px;font-size:13px} .mag-control .mag-operating-workspace-facts dd{font-size:var(--op-tile)} .mag-control .mag-operating-workspace-facts dt{font-size:var(--op-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase}} @media(pointer:coarse){.mag-control .mag-operating-workspace-workspace .mag-operating-workspace-table-wrap .review-disclosure, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar select, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-toolbar label, .mag-control .mag-operating-workspace-workspace .mag-operating-workspace-header-buttons .button, .mag-control .mag-operating-workspace-agenda-filters input, .mag-control .mag-operating-workspace-agenda-filters select{min-height:44px;height:auto}} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-header{margin:8px 0 16px;align-items:center} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-header h1{font-size:30px;letter-spacing:-.8px;font-weight:750} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-header>div:first-child{display:block} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-header p{display:block;font-size:13px;line-height:1.45;margin:5px 0 0} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-eyebrow{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:12px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-toolbar{margin:0;max-width:660px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .notice{margin:0;padding:7px 12px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics button{min-height:72px;padding:12px 16px;gap:13px;border-radius:12px;align-items:center;box-shadow:0 2px 5px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics .mag-operating-workspace-icon{display:grid;width:42px;height:42px;flex-basis:42px;border-radius:50%;background:color-mix(in srgb,var(--mag-chart-1) 10%,var(--mag-surface));color:var(--mag-chart-1)} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics button:first-child .mag-operating-workspace-icon{color:var(--mag-warning-text);background:var(--mag-warning-bg)} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics strong{font-size:28px;line-height:1.1;margin:3px 0;color:var(--mag-link);letter-spacing:-.6px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics small{font-size:12px;letter-spacing:0;text-transform:none} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics em{font-size:11px;line-height:1.3} .mag-control .mag-operating-workspace-workspace[data-view=brief]>.mag-operating-workspace-panel{border-radius:12px;padding:0 12px;box-shadow:0 2px 5px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-operating-workspace-workspace[data-view=brief]>.mag-operating-workspace-panel>.mag-operating-workspace-panel-head{background:var(--mag-surface);padding:12px 0;border:0} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-panel-head h2{font-size:17px;letter-spacing:-.25px} .mag-control .mag-operating-workspace-priority-title{display:flex;gap:8px;align-items:center} .mag-control .mag-operating-workspace-priority-title svg{color:var(--mag-link)} .mag-control .mag-operating-workspace-workspace[data-view=brief]>.mag-operating-workspace-panel>.mag-operating-workspace-caption{padding:7px 0 10px} @media(max-width:767px){.mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls{display:block} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-toolbar{display:none} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-toolbar[data-expanded=true]{display:flex} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics{gap:8px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics button{padding:12px 10px;min-width:0} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics .mag-operating-workspace-icon{display:none} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-review-controls .mag-operating-workspace-metrics strong{font-size:26px} .mag-control .mag-operating-workspace-workspace[data-view=brief]>.mag-operating-workspace-panel>.mag-operating-workspace-panel-head{align-items:flex-start;flex-wrap:wrap;gap:8px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-header h1{font-size:28px}} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics button>span:not(.mag-operating-workspace-icon){display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 12px} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics em{display:block;grid-column:1/-1} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics strong{grid-column:2;grid-row:1} .mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics small{grid-column:1;grid-row:1} @media(max-width:767px){.mag-control .mag-operating-workspace-workspace[data-view=brief] .mag-operating-workspace-metrics button>span:not(.mag-operating-workspace-icon){display:block}} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-header, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-header, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-header{margin:8px 0 16px;align-items:center} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-header h1, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-header h1, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-header h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.25} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-panel, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-panel, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-panel{border-radius:12px;box-shadow:var(--mag-shadow-card)} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-panel-head, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-panel-head, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-panel-head{background:var(--mag-surface);padding-block:12px} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-panel-head h2, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-panel-head h2, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-panel-head h2{font-size:16px;letter-spacing:-.02em} .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-facts dd{font-size:24px;line-height:1.2;letter-spacing:-.025em} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-metrics button, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-metrics button{border-top:3px solid var(--mag-chart-2)} .mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-metrics strong, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-metrics strong{font-size:24px;line-height:1.2} @media(max-width:767px){.mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-header h1, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-header h1, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-header h1{font-size:25px} .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-facts dd{font-size:22px}} @media print{.mag-control .mag-operating-workspace-workspace[data-view=stores] .mag-operating-workspace-panel, .mag-control .mag-operating-workspace-workspace[data-view=store] .mag-operating-workspace-panel, .mag-control .mag-operating-workspace-workspace[data-view=meeting] .mag-operating-workspace-panel{box-shadow:none}} .mag-control .mag-operating-workspace-departments{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;background:var(--mag-border)} .mag-control .mag-operating-workspace-departments li{background:var(--mag-surface);padding:15px 19px 17px;min-width:0} .mag-control .mag-operating-workspace-departments h3{font-size:13px;margin:0;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-operating-workspace-departments p{font-size:12px;color:var(--mag-text-muted);line-height:1.6;margin:7px 0 10px} .mag-control .mag-operating-workspace-departments span{display:flex;flex-direction:column;gap:6px;align-items:flex-start} .mag-control .mag-operating-workspace-departments a{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:5px} @media(max-width:1100px){.mag-control .mag-operating-workspace-departments{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.mag-control .mag-operating-workspace-departments{grid-template-columns:1fr} .mag-control .mag-operating-workspace-departments li{padding:12px 14px 14px} .mag-control .mag-operating-workspace-departments a{min-height:32px}} /* ==== src/features/parts/parts-inventory.module.css (module -> .mag-parts-inventory-*) ==== */ .mag-control .mag-parts-inventory-page{ display: grid; gap: 14px; min-width: 0; } .mag-control .mag-parts-inventory-head h1{ margin: 0 0 2px; font-size: 22px; } .mag-control .mag-parts-inventory-head p{ margin: 0; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-parts-inventory-meta{ font-size: 12px !important; color: var(--mag-text-muted) !important; margin-top: 4px !important; max-width: 110ch; } .mag-control .notice{ margin: 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--mag-border); background: var(--mag-neutral-bg); color: var(--mag-text-secondary); font-size: 13px; } .mag-control .mag-parts-inventory-cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } .mag-control .mag-parts-inventory-cards article{ display: grid; gap: 3px; padding: 12px 14px; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-parts-inventory-cards h2, .mag-control .mag-parts-inventory-cards h3{ margin: 0; font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-parts-inventory-cards strong{ font-size: 26px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .mag-control .mag-parts-inventory-cards span{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-parts-inventory-panel{ border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); padding: 14px 16px; display: grid; gap: 10px; min-width: 0; } .mag-control .mag-parts-inventory-panel h2{ margin: 0; font-size: 16px; } .mag-control .mag-parts-inventory-panel > p{ margin: 0; font-size: 13px; color: var(--mag-text-secondary); max-width: 110ch; } .mag-control .mag-parts-inventory-table{ width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-parts-inventory-table th{ text-align: left; font-weight: 650; color: var(--mag-text-secondary); padding: 8px 10px; border-bottom: 1px solid var(--mag-border); white-space: nowrap; } .mag-control .mag-parts-inventory-table td{ padding: 7px 10px; border-bottom: 1px solid color-mix(in srgb, var(--mag-border) 60%, transparent); vertical-align: top; } .mag-control .mag-parts-inventory-table tbody tr:hover td{ background: var(--mag-hover); } .mag-control .mag-parts-inventory-num{ text-align: right; } .mag-control .quiet{ color: var(--mag-text-muted); } .mag-control .mag-parts-inventory-table-wrap{ overflow-x: auto; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-parts-inventory-coverage-band td{ background: color-mix(in srgb, var(--mag-neutral-bg) 70%, transparent); } .mag-control .mag-parts-inventory-tag{ display: inline-block; font-size: 11px; font-weight: 650; border-radius: 6px; padding: 1px 7px; border: 1px solid var(--mag-border); color: var(--mag-text-secondary); background: var(--mag-neutral-bg); } .mag-control .mag-parts-inventory-more{ font-size: 11.5px; color: var(--mag-text-muted); } .mag-control .mag-parts-inventory-bad{ color: var(--mag-danger-text); font-weight: 600; } .mag-control .mag-parts-inventory-watch{ color: var(--mag-warning-text); font-weight: 600; } .mag-control .mag-parts-inventory-good{ color: var(--mag-success-text); font-weight: 600; } .mag-control .mag-parts-inventory-footer{ margin: 0; font-size: 12px; color: var(--mag-text-muted); max-width: 110ch; } .mag-control .mag-parts-inventory-solo-head{ margin: 0; font-size: 22px; } .mag-control .mag-parts-inventory-back{ display: inline-flex; align-items: center; gap: 5px; color: var(--mag-text-secondary); text-decoration: none; } .mag-control .mag-parts-inventory-back:hover{ color: var(--mag-text-primary); text-decoration: underline; } .mag-control .mag-parts-inventory-store-link{ color: inherit; text-decoration: none; border-bottom: 1px dotted var(--mag-border); } .mag-control .mag-parts-inventory-store-link:hover{ color: var(--mag-accent-text, var(--mag-text-primary)); border-bottom-style: solid; } .mag-control .mag-parts-inventory-why{ margin: 2px 0 0; display: grid; gap: 4px; font-size: 12px; } .mag-control .mag-parts-inventory-why > div{ display: grid; grid-template-columns: minmax(150px, 210px) 1fr; gap: 10px; align-items: baseline; } .mag-control .mag-parts-inventory-why dt{ color: var(--mag-text-secondary); font-weight: 650; } .mag-control .mag-parts-inventory-why dd{ margin: 0; color: var(--mag-text-muted); max-width: 90ch; } @media (max-width: 640px){.mag-control .mag-parts-inventory-why > div{ grid-template-columns: 1fr; gap: 1px; }} /* ==== src/features/people/scoreboard.module.css (module -> .mag-scoreboard-*) ==== */ .mag-control .mag-scoreboard-page{ display: grid; gap: 10px; min-width: 0; } .mag-control .mag-scoreboard-head h1{ margin: 0 0 2px; font-size: 22px; } .mag-control .mag-scoreboard-head p{ margin: 0; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-meta{ font-size: 12px !important; color: var(--mag-text-muted) !important; margin-top: 4px !important; } .mag-control .mag-scoreboard-meta a, .mag-control .mag-scoreboard-footer a{ text-decoration: underline; text-underline-offset: 2px; } .mag-control .notice{ margin: 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--mag-border); background: var(--mag-neutral-bg); color: var(--mag-text-secondary); font-size: 13px; } .mag-control .mag-scoreboard-toggle{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-toggle a{ padding: 5px 12px; border: 1px solid var(--mag-border); border-radius: 999px; background: var(--mag-surface); color: var(--mag-text); text-decoration: none; font-weight: 600; } .mag-control .mag-scoreboard-toggle a:hover{ background: var(--mag-hover); } .mag-control .mag-scoreboard-toggle a.mag-scoreboard-on{ background: var(--mag-selected-bg); border-color: var(--mag-selected-text, var(--mag-link)); color: var(--mag-selected-text, var(--mag-link)); } .mag-control .mag-scoreboard-table{ width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; } .mag-control .mag-scoreboard-table th{ text-align: left; font-weight: 650; color: var(--mag-text-secondary); padding: 8px 10px; border-bottom: 1px solid var(--mag-border); white-space: nowrap; } .mag-control .mag-scoreboard-table td{ padding: 7px 10px; border-bottom: 1px solid color-mix(in srgb, var(--mag-border) 60%, transparent); } .mag-control .mag-scoreboard-table tbody tr:hover td{ background: var(--mag-hover); } .mag-control .mag-scoreboard-table a:not([data-dive]){ color: var(--mag-link); text-decoration: none; font-weight: 600; } .mag-control .mag-scoreboard-num{ text-align: right; } .mag-control .mag-scoreboard-role{ display: block; font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-scoreboard-tag, .mag-control .mag-scoreboard-tag-warn{ display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; } .mag-control .mag-scoreboard-tag{ background: var(--mag-neutral-bg); color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-tag-warn{ background: var(--mag-warning-bg); color: var(--mag-warning-text); } .mag-control .mag-scoreboard-good{ color: var(--mag-success-text); font-weight: 600; } .mag-control .mag-scoreboard-watch{ color: var(--mag-warning-text); font-weight: 600; } .mag-control .mag-scoreboard-bad{ color: var(--mag-danger-text); font-weight: 600; } .mag-control .quiet{ color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-footer{ margin: 0; font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-scoreboard-best4-note{ display: block; font-size: 10px; font-weight: 500; line-height: 1.2; color: var(--mag-text-muted); } .mag-control .mag-scoreboard-cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; } .mag-control .mag-scoreboard-cards article{ display: grid; gap: 3px; padding: 12px 14px; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-scoreboard-cards h2{ margin: 0; font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-cards strong{ font-size: 26px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .mag-control .mag-scoreboard-cards span{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-scoreboard-panel{ border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); padding: 14px 16px; display: grid; gap: 8px; min-width: 0; overflow-x: auto; } .mag-control .mag-scoreboard-panel h2{ margin: 0; font-size: 16px; } .mag-control .mag-scoreboard-gaps{ list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; } .mag-control .mag-scoreboard-gaps li{ display: grid; gap: 1px; } .mag-control .mag-scoreboard-gaps span{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-scoreboard-inactive{ padding: 10px 14px; border-top: 1px solid var(--mag-border); font-size: 13px; } .mag-control .mag-scoreboard-inactive summary{ cursor: pointer; font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-inactive ul{ margin: 8px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 16px; color: var(--mag-text-secondary); } .mag-control .mag-scoreboard-inactive a{ color: var(--mag-link); text-decoration: none; font-weight: 600; } .mag-control .mag-scoreboard-moves{ margin: 0; padding: 0 0 0 18px; display: grid; gap: 4px; font-size: 13px; } .mag-control .mag-scoreboard-moves small{ color: var(--mag-text-muted); } .mag-control .mag-scoreboard-empty-note{ padding: 10px 14px; margin: 0; } .mag-control .mag-scoreboard-table-wrap{ overflow-x: auto; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); } .mag-control .mag-scoreboard-folded{ margin: 0; padding: 10px 14px 10px 30px; display: grid; gap: 3px; font-size: 12px; color: var(--mag-text-secondary); border-bottom: 1px solid var(--mag-border); } /* ==== src/features/reporting-expansion/expansion.module.css (module -> .mag-expansion-*) ==== */ .mag-control .mag-expansion-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card)} .mag-control .mag-expansion-detail-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-basis:100%;font-size:13px} .mag-control .mag-expansion-detail-filter span{overflow-wrap:anywhere} .mag-control .mag-expansion-table-picker label{font-size:13px;display:flex;align-items:center;gap:12px} .mag-control .mag-expansion-table-picker select{min-height:44px;max-width:100%;flex:1} .mag-control .mag-expansion-links button{min-height:44px} .mag-control .mag-expansion-chart input{min-height:44px} .mag-control .mag-expansion-column-options{font-size:13px} .mag-control .mag-expansion-column-options summary{min-height:44px;cursor:pointer;display:flex;align-items:center} .mag-control .mag-expansion-column-options>div{display:flex;gap:8px 20px;flex-wrap:wrap} .mag-control .mag-expansion-column-options label{display:flex;gap:8px;align-items:center;min-height:44px;margin:0} .mag-control .mag-expansion-column-options input{width:18px;height:18px} .mag-control .mag-expansion-phone-amount{display:none} @media(max-width:767px){.mag-control .mag-expansion-desktop-amount{display:none} .mag-control .mag-expansion-phone-amount{display:inline}} @media(max-width:767px){.mag-control .mag-expansion-table-picker label{align-items:stretch;flex-direction:column;gap:6px} .mag-control .mag-expansion-table-picker select{width:100%;min-width:0} .mag-control .mag-expansion-coverage summary{min-height:44px} .mag-control .mag-expansion-coverage a{display:inline-flex;align-items:center;min-height:44px} .mag-control .mag-expansion-legend{gap:10px}} .mag-control .mag-expansion-controls label{font-size:12px;min-width:135px;max-width:280px;flex:1;margin:0} .mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input{width:100%;margin-top:5px} .mag-control .notice{font-size:13px;padding:12px 16px;background:var(--mag-surface-subtle);border-left:3px solid var(--mag-warning-text);color:var(--mag-text-secondary);line-height:1.6} .mag-control .mag-expansion-chart{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);padding:20px;min-width:0} .mag-control .mag-expansion-chart h2{font-size:18px} .mag-control .mag-expansion-chart p{font-size:12px;color:var(--mag-text-secondary);margin:8px 0} .mag-control .mag-expansion-plot{height:260px;width:100%;min-width:0} .mag-control .mag-expansion-legend{display:flex;gap:16px;font-size:12px;flex-wrap:wrap;margin-bottom:12px} .mag-control .mag-expansion-legend span:before{content:'';display:inline-block;width:14px;height:3px;margin:0 6px 3px 0;background:var(--series-color)} .mag-control .mag-expansion-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .mag-control .mag-expansion-coverage article{padding:16px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface)} .mag-control .mag-expansion-coverage h3{font-size:14px} .mag-control .mag-expansion-coverage p{font-size:12px;color:var(--mag-text-secondary);margin:7px 0} .mag-control .mag-expansion-coverage a{font-size:13px} .mag-control .mag-expansion-coverage summary{font-size:12px;cursor:pointer;min-height:32px} .mag-control .mag-expansion-coverage li{font-size:12px;line-height:1.6;margin-bottom:8px} .mag-control .mag-expansion-source-table{border-collapse:collapse;width:100%;font-size:12px} .mag-control .mag-expansion-source-table th, .mag-control .mag-expansion-source-table td{text-align:left;padding:10px;border-bottom:1px solid var(--mag-border);overflow-wrap:anywhere} .mag-control .mag-expansion-source-scroll{overflow:auto;max-width:100%} .mag-control .mag-expansion-links{display:flex;gap:8px;flex-wrap:wrap} .mag-control .mag-expansion-date-matrix{overflow:auto;max-width:100%;max-height:400px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface)} .mag-control .mag-expansion-date-matrix table{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%} .mag-control .mag-expansion-date-matrix th, .mag-control .mag-expansion-date-matrix td{white-space:nowrap;padding:10px;text-align:right;border-bottom:1px solid var(--mag-border)} .mag-control .mag-expansion-date-matrix thead th{position:sticky;top:0;background:var(--mag-surface-subtle);z-index:1} .mag-control .mag-expansion-date-matrix th:first-child{position:sticky;left:0;z-index:2;text-align:left;background:var(--mag-surface);min-width:150px} .mag-control .mag-expansion-date-matrix button{font-size:12px;min-height:32px;color:var(--mag-link);background:none;border:0} .mag-control .mag-expansion-phone-day{display:none} .mag-control .mag-expansion-contract-title{display:flex;align-items:center;justify-content:space-between;gap:12px} .mag-control .mag-expansion-source-meta{font-size:12px;color:var(--mag-text-secondary);overflow-wrap:anywhere} @media(max-width:767px){.mag-control .mag-expansion-controls{padding:12px;gap:10px} .mag-control .mag-expansion-controls label{min-width:calc(50% - 10px);max-width:none} .mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input{min-height:44px} .mag-control .mag-expansion-coverage{grid-template-columns:1fr} .mag-control .mag-expansion-chart{padding:14px} .mag-control .mag-expansion-plot{height:230px} .mag-control .mag-expansion-date-matrix{display:none} .mag-control .mag-expansion-phone-day{display:block;padding:12px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-expansion-phone-day select{min-height:44px;width:100%} .mag-control .mag-expansion-source-table{min-width:520px} .mag-control .mag-expansion-links a{min-height:44px} .mag-control .mag-expansion-contract-title{align-items:flex-start;flex-direction:column}} @media print{.mag-control .mag-expansion-controls, .mag-control .mag-expansion-links, .mag-control .mag-expansion-phone-day{display:none} .mag-control .mag-expansion-date-matrix{display:block;max-height:none} .mag-control .mag-expansion-plot{height:240px} .mag-control .mag-expansion-coverage{grid-template-columns:1fr} .mag-control .mag-expansion-chart{break-inside:avoid}} @media(max-width:389px){.mag-control .mag-expansion-controls label{flex-basis:100%;min-width:0} .mag-control .mag-expansion-controls label input[type=date]{font-size:16px}} .mag-control .mag-expansion-control-disclosure{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);background:var(--mag-surface);min-width:0} .mag-control .mag-expansion-control-disclosure>summary{padding:12px 16px;font-size:14px;min-height:44px;cursor:pointer;color:var(--mag-text-secondary)} .mag-control .mag-expansion-control-disclosure[open]>.mag-expansion-controls{border:0;margin:0} .mag-control .mag-expansion-links button[aria-pressed="true"]{background:var(--mag-selected-bg);color:var(--mag-selected-text);border-color:var(--mag-selected-text);box-shadow:inset 0 -3px 0 var(--mag-selected-text);font-weight:650} .mag-control .mag-expansion-coaching{padding:20px;border:1px solid var(--mag-border);border-radius:16px;background:var(--mag-surface);margin-block:16px} .mag-control .mag-expansion-coaching header p{color:var(--mag-text-secondary);max-width:90ch} .mag-control .mag-expansion-coaching-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .mag-control .mag-expansion-coaching-grid article{min-width:0;padding:14px;border:1px solid var(--mag-border);border-radius:12px} .mag-control .mag-expansion-coaching-grid h3{font-size:15px} .mag-control .mag-expansion-coaching-plot{height:220px;min-width:0} .mag-control .mag-expansion-series-legend{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-expansion-coaching-empty{min-height:110px;color:var(--mag-text-secondary);line-height:1.6} @media(max-width:850px){.mag-control .mag-expansion-coaching-grid{grid-template-columns:1fr} .mag-control .mag-expansion-coaching{padding:12px} .mag-control .mag-expansion-coaching-plot{height:210px}} .mag-control .mag-expansion-series-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-block:6px} .mag-control .mag-expansion-series-legend span{display:inline-flex;align-items:center;gap:5px} .mag-control .mag-expansion-series-legend i{display:inline-block;width:15px;border-top-width:2px} .mag-control .mag-expansion-controls, .mag-control .mag-expansion-control-disclosure, .mag-control .notice, .mag-control .mag-expansion-chart, .mag-control .mag-expansion-coverage, .mag-control .mag-expansion-source-scroll, .mag-control .mag-expansion-source-table, .mag-control .mag-expansion-date-matrix, .mag-control .mag-expansion-phone-day, .mag-control .mag-expansion-coaching, .mag-control .mag-expansion-table-picker, .mag-control .mag-expansion-links, .mag-control .mag-expansion-column-options, .mag-control .mag-expansion-detail-filter, .mag-control .mag-expansion-contract-title{--rx-row:var(--mag-dense-row,30px);--rx-font:var(--mag-dense-font,13px);--rx-head-font:var(--mag-dense-head-font,11px);--rx-pad-x:var(--mag-dense-pad-x,10px);--rx-control-h:var(--mag-control-h,32px);--rx-control-font:var(--mag-control-font,13px);--rx-touch:var(--mag-touch-target,44px)} @media screen{.mag-control .mag-expansion-controls{ padding: 6px 12px; gap: 6px 12px; align-items: center; } .mag-control .mag-expansion-controls label{ display: inline-flex; align-items: center; gap: 6px; font-size: 12px; min-width: 0; flex: 0 1 auto; white-space: nowrap; } .mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input{ width: auto; max-width: 240px; margin-top: 0; min-height: var(--rx-control-h); height: var(--rx-control-h); padding-block: 0; font-size: var(--rx-control-font); } .mag-control .notice{ padding: 8px 12px; font-size: 12px; line-height: 1.5; } .mag-control .mag-expansion-chart{ padding: 12px; } .mag-control .mag-expansion-chart h2{ font-size: 15px; line-height: 20px; margin: 0 0 6px; } .mag-control .mag-expansion-chart p{ margin: 6px 0; } .mag-control .mag-expansion-legend{ gap: 6px 12px; margin-bottom: 8px; } .mag-control .mag-expansion-coverage{ gap: 8px; } .mag-control .mag-expansion-coverage article{ padding: 10px 12px; } .mag-control .mag-expansion-coverage h3{ font-size: 14px; margin: 0 0 6px; } .mag-control .mag-expansion-coverage p{ margin: 5px 0; } .mag-control .mag-expansion-coverage li{ margin-bottom: 6px; } .mag-control .mag-expansion-source-table{ font-size: var(--rx-font); font-variant-numeric: tabular-nums; } .mag-control .mag-expansion-source-table th, .mag-control .mag-expansion-source-table td{ height: var(--rx-row); padding: 6px var(--rx-pad-x); line-height: 18px; vertical-align: top; box-sizing: border-box; } .mag-control .mag-expansion-source-table thead th{ vertical-align: middle; padding-block: 0; font-size: var(--rx-head-font); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); } .mag-control .mag-expansion-date-matrix table{ font-size: var(--rx-font); font-variant-numeric: tabular-nums; } .mag-control .mag-expansion-date-matrix th, .mag-control .mag-expansion-date-matrix td{ height: var(--rx-row); padding: 4px var(--rx-pad-x); line-height: 18px; box-sizing: border-box; } .mag-control .mag-expansion-date-matrix button{ min-height: 22px; font-size: var(--rx-font); } .mag-control .mag-expansion-date-matrix thead th{ padding-block: 0; font-size: var(--rx-head-font); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; color: var(--mag-text-secondary); } .mag-control .mag-expansion-date-matrix thead th:first-child{ z-index: 3; background: var(--mag-surface-subtle); } .mag-control .mag-expansion-contract-title h2{ margin: 0; font-size: 15px; line-height: 20px; } .mag-control .mag-expansion-control-disclosure > summary{ padding: 6px 12px; } .mag-control .mag-expansion-coaching{ padding: 12px; margin-block: 10px; border-radius: 12px; } .mag-control .mag-expansion-coaching header h2{ margin: 0 0 6px; font-size: 16px; } .mag-control .mag-expansion-coaching header p{ font-size: 12px; line-height: 1.5; margin: 6px 0 10px; } .mag-control .mag-expansion-coaching-grid{ gap: 10px; } .mag-control .mag-expansion-coaching-grid article{ padding: 10px; border-radius: 8px; } .mag-control .mag-expansion-coaching-grid h3{ margin: 0 0 6px; font-size: 14px; } .mag-control .mag-expansion-coaching-empty{ min-height: 64px; font-size: 12px; }} @media screen and (min-width: 768px){.mag-control .mag-expansion-plot{ height: 200px; } .mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-chart input, .mag-control .mag-expansion-column-options summary, .mag-control .mag-expansion-column-options label, .mag-control .mag-expansion-control-disclosure > summary{ min-height: var(--rx-control-h); } .mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-chart input{ font-size: var(--rx-control-font); } .mag-control .mag-expansion-coaching-plot{ height: 180px; }} @media screen and (pointer: coarse){.mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-links a, .mag-control .mag-expansion-chart input, .mag-control .mag-expansion-column-options summary, .mag-control .mag-expansion-column-options label, .mag-control .mag-expansion-control-disclosure > summary, .mag-control .mag-expansion-coverage summary, .mag-control .mag-expansion-coverage a, .mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input, .mag-control .mag-expansion-date-matrix button{ min-height: var(--rx-touch); }} @media screen and (max-width: 767px){.mag-control .mag-expansion-controls{ padding: 10px; } .mag-control .mag-expansion-controls label{ display: block; flex: 1; min-width: calc(50% - 10px); white-space: normal; } .mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input{ width: 100%; max-width: none; height: auto; margin-top: 5px; } .mag-control .mag-expansion-chart{ padding: 10px; } .mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-links a, .mag-control .mag-expansion-chart input, .mag-control .mag-expansion-column-options summary, .mag-control .mag-expansion-column-options label, .mag-control .mag-expansion-control-disclosure > summary, .mag-control .mag-expansion-coverage summary, .mag-control .mag-expansion-coverage a{ min-height: 44px; } .mag-control .mag-expansion-links a, .mag-control .mag-expansion-coverage a{ display: inline-flex; align-items: center; } .mag-control .mag-expansion-coaching-plot{ height: 210px; }} @media screen and (min-width: 768px){.mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input, .mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-chart input, .mag-control .mag-expansion-phone-day select{ min-height: var(--mag-control-h, 32px); height: var(--mag-control-h, 32px); padding-block: 0; font-size: 13px; } .mag-control .mag-expansion-links .button, .mag-control .mag-expansion-controls .button{ min-height: var(--mag-control-h, 32px); padding-block: 0; font-size: 13px; } .mag-control .mag-expansion-column-options label{ min-height: 28px; } .mag-control .mag-expansion-source-table, .mag-control .mag-expansion-date-matrix table{ font-size: var(--mag-dense-font, 13px); } .mag-control .mag-expansion-source-table th, .mag-control .mag-expansion-source-table td, .mag-control .mag-expansion-date-matrix th, .mag-control .mag-expansion-date-matrix td{ height: var(--mag-dense-row, 30px); padding: 1px 10px; line-height: 1.3; } .mag-control .mag-expansion-source-table thead th, .mag-control .mag-expansion-date-matrix thead th{ font-size: var(--mag-dense-head-font, 11px); font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } .mag-control .mag-expansion-date-matrix button{ min-height: 0; font-size: 13px; } .mag-control .mag-expansion-chart h2, .mag-control .mag-expansion-contract-title h2, .mag-control .mag-expansion-coaching header h2{ font-size: 14px; }} @media (pointer: coarse){.mag-control .mag-expansion-controls label select, .mag-control .mag-expansion-controls label input, .mag-control .mag-expansion-table-picker select, .mag-control .mag-expansion-links button, .mag-control .mag-expansion-chart input, .mag-control .mag-expansion-column-options label, .mag-control .mag-expansion-date-matrix button, .mag-control .mag-expansion-links .button, .mag-control .mag-expansion-controls .button{ min-height: 44px; height: auto; }} .mag-control .mag-expansion-chart, .mag-control .mag-expansion-coaching, .mag-control .mag-expansion-coverage article, .mag-control .mag-expansion-control-disclosure{border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-expansion-chart{padding:16px} .mag-control .mag-expansion-chart h2, .mag-control .mag-expansion-contract-title h2{font-size:17px;letter-spacing:-.25px;font-weight:700} .mag-control .mag-expansion-chart p{font-size:12px;line-height:1.5} .mag-control .mag-expansion-coaching header h2{font-size:18px;letter-spacing:-.3px} .mag-control .mag-expansion-coaching-grid article{padding:12px;border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-expansion-coaching-grid h3{font-size:15px} .mag-control .mag-expansion-coaching-empty{padding:14px;border:1px dashed var(--mag-border);border-radius:8px} .mag-control .mag-expansion-coverage article{padding:14px;border-top:3px solid var(--mag-chart-2)} .mag-control .mag-expansion-coverage h3{font-size:15px} .mag-control .notice{border-radius:0 10px 10px 0} .mag-control .mag-expansion-source-table tbody tr:hover>*, .mag-control .mag-expansion-date-matrix tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-expansion-date-matrix{border-radius:10px} .mag-control .mag-expansion-source-table thead th{color:var(--mag-text-secondary)} .mag-control .mag-expansion-plot{margin-top:10px} .mag-control .mag-expansion-controls{border-radius:10px} @media(max-width:767px){.mag-control .mag-expansion-chart{padding:12px} .mag-control .mag-expansion-chart h2{font-size:16px}} .mag-control .mag-expansion-date-matrix:has([data-responsive-table]){display:block} /* ==== src/features/reporting-expansion/parts-stock.module.css (module -> .mag-parts-stock-*) ==== */ .mag-control .mag-parts-stock-root{min-width:0;color:var(--mag-text);font-size:14px;line-height:19px;font-variant-numeric:tabular-nums} .mag-control .mag-parts-stock-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 7px} .mag-control .mag-parts-stock-heading h2{font-size:21px;line-height:26px;margin:0} .mag-control .mag-parts-stock-heading p{font-size:13px;line-height:18px;margin:2px 0 0;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px} .mag-control .mag-parts-stock-links a, .mag-control .mag-parts-stock-links button, .mag-control .mag-parts-stock-text-button, .mag-control .mag-parts-stock-identity{color:var(--mag-link)} .mag-control .mag-parts-stock-links button, .mag-control .mag-parts-stock-text-button, .mag-control .mag-parts-stock-identity{font:inherit;border:0;background:none;padding:0;cursor:pointer} .mag-control .mag-parts-stock-links button, .mag-control .mag-parts-stock-links a{min-height:26px;display:inline-flex;align-items:center} .mag-control .mag-parts-stock-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:4px 0 5px} .mag-control .mag-parts-stock-toolbar label{font-size:12px;line-height:16px;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-toolbar select, .mag-control .mag-parts-stock-toolbar input{font-size:14px;min-height:32px;padding:4px 7px;border-radius:5px;line-height:20px} .mag-control .mag-parts-stock-toolbar select{max-width:220px} .mag-control .mag-parts-stock-tabs{display:flex;gap:3px;align-self:flex-end;padding-bottom:1px} .mag-control .mag-parts-stock-root button{font-family:inherit} .mag-control .mag-parts-stock-tabs button, .mag-control .mag-parts-stock-search button, .mag-control .mag-parts-stock-pagination button{font-size:13px;min-height:32px;padding:4px 9px;border:1px solid var(--mag-control-border);border-radius:5px;background:var(--mag-surface);color:var(--mag-text);white-space:nowrap} .mag-control .mag-parts-stock-tabs button[aria-current=page]{color:var(--mag-selected-text);background:var(--mag-selected-bg);border-color:var(--mag-focus)} .mag-control .mag-parts-stock-search{display:flex;gap:4px;flex:1 1 240px;min-width:210px} .mag-control .mag-parts-stock-search input{min-width:80px} .mag-control .mag-parts-stock-filters{position:relative;align-self:flex-end} .mag-control .mag-parts-stock-filters>summary{padding:6px 4px;min-height:32px;line-height:20px;font-size:13px;color:var(--mag-link);cursor:pointer;white-space:nowrap} .mag-control .mag-parts-stock-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;position:absolute;right:0;top:100%;width:min(560px,85vw);z-index:5;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px;box-shadow:var(--mag-shadow-card)} .mag-control .mag-parts-stock-filter-grid select{width:100%;max-width:none} .mag-control .mag-parts-stock-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 6px;font-size:12px;line-height:17px;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-context p{margin:0;line-height:17px} .mag-control .mag-parts-stock-selection, .mag-control .notice{margin:5px 0;padding:6px 9px;background:var(--mag-surface-subtle);font-size:13px;border:1px solid var(--mag-border);border-radius:5px} .mag-control .mag-parts-stock-scroll{overflow:auto;max-width:100%;width:100%;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface)} .mag-control .mag-parts-stock-scroll table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px;line-height:18px} .mag-control .mag-parts-stock-scroll th, .mag-control .mag-parts-stock-scroll td{padding:2px 7px;border-bottom:1px solid var(--mag-border);vertical-align:middle;text-align:left;overflow-wrap:anywhere} .mag-control .mag-parts-stock-scroll tbody tr{height:40px} .mag-control .mag-parts-stock-scroll tbody tr:last-child>*{border-bottom:0} .mag-control .mag-parts-stock-scroll thead th{font-size:13px;font-weight:600;line-height:17px;padding-block:5px;background:var(--mag-surface-subtle);position:sticky;top:0;z-index:2} .mag-control .mag-parts-stock-scroll th:first-child{position:sticky;left:0;background:var(--mag-surface);z-index:1;box-shadow:1px 0 0 var(--mag-border)} .mag-control .mag-parts-stock-scroll thead th:first-child{background:var(--mag-surface-subtle);z-index:3} .mag-control .mag-parts-stock-scroll tbody th{font-weight:500} .mag-control .mag-parts-stock-scroll tbody tr:hover>*, .mag-control .mag-parts-stock-scroll tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-parts-stock-scroll strong{font-weight:600} .mag-control .mag-parts-stock-scroll small{display:block;font-size:12px;line-height:15px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-parts-stock-matrix{min-width:1010px} .mag-control .mag-parts-stock-matrix th:first-child{width:25%} .mag-control .mag-parts-stock-matrix th:not(:first-child){width:7.5%} .mag-control .mag-parts-stock-matrix th:not(:first-child), .mag-control .mag-parts-stock-matrix td{text-align:center} .mag-control .mag-parts-stock-count{display:block;width:100%;min-height:35px;font:inherit;line-height:18px;padding:0;border:0;background:none;color:var(--mag-link);text-align:center} .mag-control .mag-parts-stock-count:disabled{color:var(--mag-text-secondary);opacity:1;cursor:default} .mag-control .mag-parts-stock-count strong{font-size:15px} .mag-control .mag-parts-stock-records{min-width:1050px} .mag-control .mag-parts-stock-records th:first-child{width:18%} .mag-control .mag-parts-stock-records th:nth-child(2){width:21%} .mag-control .mag-parts-stock-records th:nth-child(3), .mag-control .mag-parts-stock-records th:nth-child(4), .mag-control .mag-parts-stock-records th:nth-child(5){width:8%} .mag-control .mag-parts-stock-records th:nth-child(6){width:10%} .mag-control .mag-parts-stock-records th:nth-child(7), .mag-control .mag-parts-stock-records th:nth-child(8){width:10%} .mag-control .mag-parts-stock-records th:nth-child(9){width:7%} .mag-control .mag-parts-stock-identity{display:block;text-align:left;font-size:14px;font-weight:600;line-height:18px;min-height:19px;overflow-wrap:anywhere;white-space:pre-wrap} .mag-control .mag-parts-stock-text-button{font-size:13px;min-height:30px} .mag-control .mag-parts-stock-number{font-variant-numeric:tabular-nums;text-align:right!important} .mag-control .mag-parts-stock-date{font-size:14px} .mag-control .mag-parts-stock-date>span{white-space:pre-wrap} .mag-control .mag-parts-stock-empty{padding:18px!important;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-pagination nav{display:flex;align-items:center;gap:8px} .mag-control .mag-parts-stock-legend{font-size:12px;line-height:17px;margin:6px 0;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-source{margin-top:7px;font-size:13px;line-height:19px} .mag-control .mag-parts-stock-source summary{font-size:13px;line-height:20px;padding:6px 0;color:var(--mag-link);cursor:pointer} .mag-control .mag-parts-stock-source p{margin:7px 0;overflow-wrap:anywhere} .mag-control .mag-parts-stock-source li{margin:5px 0} .mag-control .mag-parts-stock-sources{min-width:1100px} .mag-control .mag-parts-stock-sources th:first-child{width:22%} .mag-control .mag-parts-stock-sources th:not(:first-child){width:19.5%} .mag-control .mag-parts-stock-sources td{font-size:13px} .mag-control .mag-parts-stock-receipt{padding:8px 0;border-bottom:1px solid var(--mag-border);overflow-wrap:anywhere} .mag-control .mag-parts-stock-evidence{font-size:14px;line-height:20px} .mag-control .mag-parts-stock-evidence>p{margin:0 0 10px;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-evidence dl{margin:0} .mag-control .mag-parts-stock-evidence dl>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--mag-border);padding:6px 0} .mag-control .mag-parts-stock-evidence dt{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-evidence dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .mag-control .mag-parts-stock-evidence summary{font-size:14px;padding:10px 0;color:var(--mag-link)} .mag-control .mag-parts-stock-evidence-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px} .mag-control .mag-parts-stock-loading{min-height:360px;padding:16px 0;font-size:14px} .mag-control .mag-parts-stock-pending{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-root button:focus-visible, .mag-control .mag-parts-stock-root a:focus-visible, .mag-control .mag-parts-stock-root input:focus-visible, .mag-control .mag-parts-stock-root select:focus-visible, .mag-control .mag-parts-stock-root summary:focus-visible, .mag-control .mag-parts-stock-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:3px} .mag-control .mag-parts-stock-root button:disabled{cursor:default} .mag-control .mag-parts-stock-root [inert]{opacity:.6} @media(max-width:760px){.mag-control .mag-parts-stock-heading{align-items:flex-start;flex-wrap:wrap} .mag-control .mag-parts-stock-heading h2{font-size:20px} .mag-control .mag-parts-stock-toolbar{gap:8px} .mag-control .mag-parts-stock-toolbar label{flex:1 1 130px} .mag-control .mag-parts-stock-toolbar select{max-width:none} .mag-control .mag-parts-stock-search{flex-basis:100%} .mag-control .mag-parts-stock-tabs{flex-basis:100%} .mag-control .mag-parts-stock-toolbar select, .mag-control .mag-parts-stock-toolbar input, .mag-control .mag-parts-stock-tabs button, .mag-control .mag-parts-stock-search button, .mag-control .mag-parts-stock-pagination button{min-height:40px} .mag-control .mag-parts-stock-filters>summary{min-height:38px} .mag-control .mag-parts-stock-filter-grid{position:static;width:100%;grid-template-columns:1fr;margin-top:5px} .mag-control .mag-parts-stock-filters{width:100%} .mag-control .mag-parts-stock-context{align-items:flex-start;flex-direction:column} .mag-control .mag-parts-stock-scroll th, .mag-control .mag-parts-stock-scroll td{padding-block:5px} .mag-control .mag-parts-stock-matrix th:first-child{width:190px} .mag-control .mag-parts-stock-records th:first-child{width:175px} .mag-control .mag-parts-stock-count, .mag-control .mag-parts-stock-identity, .mag-control .mag-parts-stock-text-button{min-height:36px} .mag-control .mag-parts-stock-pagination{flex-wrap:wrap} .mag-control .mag-parts-stock-pagination nav{margin-left:auto} .mag-control .mag-parts-stock-evidence dl>div{grid-template-columns:1fr;gap:2px} .mag-control .mag-parts-stock-source .mag-parts-stock-links{gap:10px} .mag-control .mag-parts-stock-root .mag-parts-stock-links button, .mag-control .mag-parts-stock-root .mag-parts-stock-links a{min-height:34px}} @media(prefers-reduced-motion:reduce){.mag-control .mag-parts-stock-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}} .mag-control [data-motion=reduced] .mag-parts-stock-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important} @media print{.mag-control .mag-parts-stock-toolbar, .mag-control .mag-parts-stock-links, .mag-control .mag-parts-stock-pagination, .mag-control .mag-parts-stock-evidence-actions{display:none} .mag-control .mag-parts-stock-scroll{overflow:visible;border-radius:0} .mag-control .mag-parts-stock-scroll table{min-width:0} .mag-control .mag-parts-stock-scroll th:first-child, .mag-control .mag-parts-stock-scroll thead th{position:static} .mag-control .mag-parts-stock-scroll tbody tr{break-inside:avoid}} @media(min-width:1024px){.mag-control .app-main:has(.mag-parts-stock-root) .topbar{height:60px} .mag-control .app-main:has(.mag-parts-stock-root) .business-context-line{min-height:30px;padding-block:4px} .mag-control .app-main:has(.mag-parts-stock-root) .investigation-context{padding:6px 26px} .mag-control .app-main:has(.mag-parts-stock-root) .context-controls{align-items:center;gap:12px} .mag-control .app-main:has(.mag-parts-stock-root) .context-controls>label{display:flex;align-items:center;gap:6px;flex-direction:row;white-space:nowrap} .mag-control .app-main:has(.mag-parts-stock-root) .context-controls>label select{min-height:32px;height:32px;padding-block:4px;max-width:210px} .mag-control .app-main:has(.mag-parts-stock-root) .context-period{display:none} .mag-control .app-main:has(.mag-parts-stock-root) .context-compact-source{display:block} .mag-control .app-main:has(.mag-parts-stock-root) .workspace{padding:10px 26px 24px} .mag-control .app-main:has(.mag-parts-stock-root) .investigation-trail{margin-bottom:6px}} @media(max-width:760px){.mag-control .mag-parts-stock-toolbar select, .mag-control .mag-parts-stock-toolbar input, .mag-control .mag-parts-stock-tabs button, .mag-control .mag-parts-stock-search button, .mag-control .mag-parts-stock-pagination button, .mag-control .mag-parts-stock-filters>summary, .mag-control .mag-parts-stock-source summary{min-height:44px} .mag-control .mag-parts-stock-root .mag-parts-stock-links button, .mag-control .mag-parts-stock-root .mag-parts-stock-links a{min-height:44px} .mag-control .mag-parts-stock-count, .mag-control .mag-parts-stock-identity, .mag-control .mag-parts-stock-text-button{min-height:44px}} .mag-control .mag-parts-stock-root{--ps-row:var(--mag-dense-row,30px);--ps-font:var(--mag-dense-font,13px);--ps-head-font:var(--mag-dense-head-font,11px);--ps-pad-x:var(--mag-dense-pad-x,10px);--ps-control-h:var(--mag-control-h,32px);--ps-control-font:var(--mag-control-font,13px);--ps-title:var(--mag-page-title,22px);--ps-touch:var(--mag-touch-target,44px)} @media screen and (min-width:761px){.mag-control .mag-parts-stock-root{font-size:var(--ps-font);line-height:18px} .mag-control .mag-parts-stock-heading h2{font-size:var(--ps-title);line-height:28px} .mag-control .mag-parts-stock-heading p, .mag-control .mag-parts-stock-links{font-size:12px} .mag-control .mag-parts-stock-toolbar{align-items:center} .mag-control .mag-parts-stock-toolbar label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .mag-control .mag-parts-stock-toolbar select, .mag-control .mag-parts-stock-toolbar input{font-size:var(--ps-control-font);min-height:var(--ps-control-h);height:var(--ps-control-h);padding-block:0} .mag-control .mag-parts-stock-tabs{align-self:center} .mag-control .mag-parts-stock-tabs button, .mag-control .mag-parts-stock-search button, .mag-control .mag-parts-stock-pagination button{font-size:var(--ps-control-font);min-height:var(--ps-control-h);padding:0 10px} .mag-control .mag-parts-stock-filters{align-self:center} .mag-control .mag-parts-stock-filters>summary{min-height:var(--ps-control-h);font-size:var(--ps-control-font)} .mag-control .mag-parts-stock-selection, .mag-control .notice{font-size:var(--ps-font)} .mag-control .mag-parts-stock-scroll{border-radius:12px} .mag-control .mag-parts-stock-scroll table{font-size:var(--ps-font);line-height:18px} .mag-control .mag-parts-stock-scroll th, .mag-control .mag-parts-stock-scroll td{padding:4px var(--ps-pad-x)} .mag-control .mag-parts-stock-scroll tbody tr{height:var(--ps-row)} .mag-control .mag-parts-stock-scroll thead th button{text-transform:inherit;letter-spacing:inherit} .mag-control .mag-parts-stock-scroll thead th{height:var(--ps-row);padding-block:4px;font-size:var(--ps-head-font);line-height:14px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-scroll thead th small{text-transform:none;letter-spacing:0;font-weight:400;font-size:11px;line-height:14px} .mag-control .mag-parts-stock-scroll small{font-size:11px;line-height:15px} .mag-control .mag-parts-stock-count{min-height:28px;line-height:16px} .mag-control .mag-parts-stock-count strong{font-size:var(--ps-font)} .mag-control .mag-parts-stock-identity, .mag-control .mag-parts-stock-date{font-size:var(--ps-font);line-height:18px} .mag-control .mag-parts-stock-text-button{font-size:12px;min-height:24px} .mag-control .mag-parts-stock-pagination{font-size:12px;padding:4px 0} .mag-control .mag-parts-stock-legend, .mag-control .mag-parts-stock-context{font-size:12px}} @media screen and (pointer:coarse){.mag-control .mag-parts-stock-toolbar select, .mag-control .mag-parts-stock-toolbar input, .mag-control .mag-parts-stock-tabs button, .mag-control .mag-parts-stock-search button, .mag-control .mag-parts-stock-pagination button, .mag-control .mag-parts-stock-filters>summary, .mag-control .mag-parts-stock-source summary, .mag-control .mag-parts-stock-count, .mag-control .mag-parts-stock-identity, .mag-control .mag-parts-stock-text-button, .mag-control .mag-parts-stock-root .mag-parts-stock-links button, .mag-control .mag-parts-stock-root .mag-parts-stock-links a{min-height:var(--ps-touch)}} .mag-control .mag-parts-stock-heading h2{font-size:25px;letter-spacing:-.5px} .mag-control .mag-parts-stock-scroll{border-radius:12px} .mag-control .mag-parts-stock-scroll thead th{color:var(--mag-text-secondary)} .mag-control .mag-parts-stock-context{padding:10px 12px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface)} .mag-control .mag-parts-stock-selection, .mag-control .notice{padding:10px 12px;border-radius:10px} .mag-control .mag-parts-stock-source{padding:10px 12px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-parts-stock-source summary{font-weight:600} .mag-control .mag-parts-stock-empty{padding:22px 16px!important;background:var(--mag-surface-subtle)} .mag-control .mag-parts-stock-evidence dl>div{padding:9px 0} .mag-control .mag-parts-stock-count strong{font-size:16px} /* ==== src/features/reporting-expansion/service-board.module.css (module -> .mag-service-board-*) ==== */ .mag-control .mag-service-board-root{min-width:0} .mag-control .mag-service-board-root [role=region] table{min-width:1120px} .mag-control .mag-service-board-root [role=region] th:first-child{width:200px} .mag-control .mag-service-board-root [role=region] td{height:92px} .mag-control .mag-service-board-root [role=region] button{font-variant-numeric:tabular-nums} .mag-control .mag-service-board-mix{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;max-width:110px} .mag-control .mag-service-board-mix button{background:none;border:0;padding:2px;font-size:10px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap} .mag-control .mag-service-board-mix button:disabled{opacity:.55;cursor:default} .mag-control .notice{padding:14px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle);font-size:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .mag-control .mag-service-board-root button:disabled{cursor:default} .mag-control .mag-service-board-root strong>small{font-size:15px;letter-spacing:0} .mag-control .mag-service-board-root [role=region] tfoot th{font-size:13px} .mag-control .mag-service-board-root [role=region] tfoot td{background:var(--mag-surface-subtle)} .mag-control .mag-service-board-root{--sb-font:var(--mag-dense-font,13px);--sb-head-font:var(--mag-dense-head-font,11px);--sb-tile-value:var(--mag-tile-value,20px);--sb-tile-label:var(--mag-tile-label,11px);--sb-tile-context:var(--mag-tile-context,12px);--sb-title:var(--mag-page-title,22px)} @media screen{.mag-control .mag-service-board-root:not([data-presentation=true]){ gap: 8px; padding-bottom: 16px; } .mag-control .mag-service-board-root:not([data-presentation=true]) > header h1{ font-size: var(--board-title, 22px); letter-spacing: -.01em; } .mag-control .mag-service-board-root:not([data-presentation=true]) > section[aria-label="Service week summary"] > div{ padding: 6px 12px; gap: 1px; } .mag-control .mag-service-board-root:not([data-presentation=true]) > section[aria-label="Service week summary"] strong{ font-size: var(--board-tile, 20px); letter-spacing: 0; line-height: 1.3; } .mag-control .mag-service-board-root > section[aria-label="Service week summary"] small{ font-size: var(--board-tile-context, 12px); line-height: 1.4; } .mag-control .mag-service-board-root:not([data-presentation=true]) > section:has([role=region]){ padding: 8px; border-radius: var(--mag-radius-card); } .mag-control .mag-service-board-root:not([data-presentation=true]) > section:has([role=region]) > div:first-child{ margin: -8px -8px 8px; min-height: 40px; padding: 6px 12px; background: var(--mag-surface-subtle); border-bottom: 1px solid var(--mag-border); border-radius: var(--mag-radius-card) var(--mag-radius-card) 0 0; } .mag-control .mag-service-board-root:not([data-presentation=true]) > section:has([role=region]) h2{ font-size: 13px; font-weight: 650; letter-spacing: 0; } .mag-control .mag-service-board-root > section:has([role=region]) > div:first-child > span{ font-size: 12px; } .mag-control .mag-service-board-root [role=region] table{ min-width: 1080px; } .mag-control .mag-service-board-root [role=region] th:first-child{ width: 200px; } .mag-control .mag-service-board-root:not([data-presentation=true]) [role=region] td{ height: var(--board-row, 30px); padding: 1px 4px; } .mag-control .mag-service-board-root:not([data-presentation=true]) [role=region] td > div > button{ font-size: 14px; min-height: 0; line-height: 1.35; letter-spacing: 0; padding: 0 4px; } .mag-control .mag-service-board-root [role=region] th small{ font-size: 11px; } .mag-control .mag-service-board-mix{ gap: 0 4px; max-width: none; width: auto; } .mag-control .mag-service-board-mix button{ font-size: 11px; line-height: 1.35; padding: 0 2px; min-height: 0; } .mag-control .mag-service-board-root [role=region] tfoot th{ font-size: 12px; } .mag-control .mag-service-board-root:not([data-presentation=true]) [role=region] thead th{ font-size: var(--sb-head-font); letter-spacing: .045em; text-transform: uppercase; } .mag-control .mag-service-board-root > details{ padding: 8px 0; } .mag-control .mag-service-board-root > details > summary{ min-height: 32px; display: flex; align-items: center; } .mag-control .notice{ padding: 8px 12px; font-size: 12px; gap: 8px; }} @media screen and (max-width: 767px){.mag-control .mag-service-board-root > div:has(> form){ gap: 8px; } .mag-control .mag-service-board-root > div:has(> form) > label{ flex: 1; width: auto; min-width: 145px; margin: 0; } .mag-control .mag-service-board-root > div:has(> form) > label select{ min-width: 0; max-width: 100%; flex: 1; } .mag-control .mag-service-board-root[data-service-board] :is(button, .mag-control input, .mag-control select, .mag-control summary){ min-height: 44px; } .mag-control .mag-service-board-root[data-service-board] button{ min-width: 44px; } .mag-control .mag-service-board-root [role=region] button, .mag-control .mag-service-board-root:not([data-presentation=true]) [role=region] td > div > button{ min-height: 44px; } .mag-control .mag-service-board-root [role=region] td > div > button{ min-width: 44px; } .mag-control .mag-service-board-root .mag-service-board-mix button{ min-width: 44px; min-height: 44px; } .mag-control .mag-service-board-root a{ display: inline-flex; align-items: center; min-height: 44px; } .mag-control .mag-service-board-root [role=region] th:first-child{ width: 170px; } .mag-control .mag-service-board-root > details > summary{ min-height: 44px; }} .mag-control .mag-service-board-root [role=region] tr:not([data-pay-expanded=true]) .mag-service-board-mix{display:none} .mag-control .mag-service-board-pay-toggle{display:block;margin-top:3px;border:0;background:none;padding:2px 0;color:var(--mag-link);font-size:11px;cursor:pointer} .mag-control .mag-service-board-pay-toggle[aria-expanded=true]{font-weight:700} @media screen and (min-width:768px){.mag-control .mag-service-board-root:not([data-presentation=true]) [role=region] table{min-width:880px;table-layout:fixed}} .mag-control .mag-service-board-root:not([data-presentation=true]) > section[aria-label="Service week summary"] strong{font-size:24px} .mag-control .mag-service-board-root > section[aria-label="Service week summary"]{border-top:3px solid var(--mag-chart-2);border-radius:12px} .mag-control .mag-service-board-root:not([data-presentation=true]) > section:has([role=region]) h2{border-left:3px solid var(--mag-chart-2);padding-left:9px} .mag-control .mag-service-board-root [role=region] :is(th, .mag-control td):last-child{border-left:2px solid var(--mag-border)} .mag-control .mag-service-board-root [role=region] tfoot :is(th, .mag-control td){border-top:2px solid var(--mag-border)} @media(max-width:767px){.mag-control .mag-service-board-root:not([data-presentation=true]) > section[aria-label="Service week summary"] strong{font-size:22px}} /* ==== src/features/reporting-expansion/service-work-review.module.css (module -> .mag-service-work-review-*) ==== */ .mag-control .mag-service-work-review-workspace{--sw-row:var(--mag-dense-row,30px);--sw-font:var(--mag-dense-font,13px);--sw-head-font:var(--mag-dense-head-font,11px);--sw-pad-x:var(--mag-dense-pad-x,10px);--sw-control-h:var(--mag-control-h,32px);--sw-control-font:var(--mag-control-font,13px);--sw-title:var(--mag-page-title,22px);--sw-touch:var(--mag-touch-target,44px);display:grid;gap:4px;min-width:0;max-width:100%;color:var(--mag-text);font-size:var(--sw-font);line-height:1.35} @media(min-width:900px){.mag-control .app-main:has(.mag-service-work-review-workspace) .topbar{height:60px} .mag-control .app-main:has(.mag-service-work-review-workspace) .business-context-line{min-height:30px;padding-block:4px} .mag-control .app-main:has(.mag-service-work-review-workspace) .investigation-context{padding:6px 26px} .mag-control .app-main:has(.mag-service-work-review-workspace) .context-controls{align-items:center;gap:12px} .mag-control .app-main:has(.mag-service-work-review-workspace) .context-controls>label{display:flex;align-items:center;gap:6px;flex-direction:row;white-space:nowrap} .mag-control .app-main:has(.mag-service-work-review-workspace) .context-controls>label select{min-height:32px;height:32px;padding-block:4px;max-width:210px} .mag-control .app-main:has(.mag-service-work-review-workspace) .context-period{display:none} .mag-control .app-main:has(.mag-service-work-review-workspace) .context-compact-source{display:block} .mag-control .app-main:has(.mag-service-work-review-workspace) .workspace{padding:10px 26px 24px} .mag-control .app-main:has(.mag-service-work-review-workspace) .investigation-trail{margin-bottom:6px}} .mag-control .mag-service-work-review-workspace p{margin:2px 0} .mag-control .mag-service-work-review-workspace code, .mag-control .mag-service-work-review-evidence code{overflow-wrap:anywhere} .mag-control .mag-service-work-review-followups{display:inline-flex;align-items:center;min-height:30px;color:var(--mag-info-mark);text-decoration:underline} @media(max-width:640px){.mag-control .mag-service-work-review-followups{min-height:44px}} .mag-control .mag-service-work-review-heading, .mag-control .mag-service-work-review-toolbar, .mag-control .mag-service-work-review-controls, .mag-control .mag-service-work-review-pagination, .mag-control .mag-service-work-review-summary, .mag-control .mag-service-work-review-source-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;min-width:0} .mag-control .mag-service-work-review-heading h2{font-size:var(--sw-title);line-height:28px;margin:0} .mag-control .mag-service-work-review-controls{justify-content:flex-start} .mag-control .mag-service-work-review-controls label, .mag-control .mag-service-work-review-pagination label{display:flex;align-items:center;gap:5px;font-size:12px;min-width:0} .mag-control .mag-service-work-review-controls form{display:flex;gap:4px;align-items:center;flex-wrap:wrap} .mag-control .mag-service-work-review-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-service-work-review-evidence button, .mag-control .mag-service-work-review-print-link{font:inherit;font-size:var(--sw-control-font);min-height:var(--sw-control-h);padding:0 10px;background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-service-work-review-workspace button, .mag-control .mag-service-work-review-evidence button{cursor:pointer} .mag-control .mag-service-work-review-workspace button:disabled, .mag-control .mag-service-work-review-evidence button:disabled{cursor:default;opacity:.55} .mag-control .mag-service-work-review-workspace input{width:170px;max-width:170px;min-width:0} .mag-control .mag-service-work-review-workspace select{max-width:220px} .mag-control .mag-service-work-review-tabs{display:flex;gap:4px;flex-wrap:wrap;align-items:center} .mag-control .mag-service-work-review-tabs button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px 0 var(--mag-info-mark);border-color:var(--mag-info-mark)} .mag-control .mag-service-work-review-filters summary, .mag-control .mag-service-work-review-exports summary, .mag-control .mag-service-work-review-source summary, .mag-control .mag-service-work-review-row-details summary, .mag-control .mag-service-work-review-native>summary{cursor:pointer;padding-block:3px;min-height:24px} .mag-control .mag-service-work-review-filters>div, .mag-control .mag-service-work-review-exports>div{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0} .mag-control .mag-service-work-review-filters[open]{flex-basis:100%} .mag-control .mag-service-work-review-source-line, .mag-control .muted{color:var(--mag-text-secondary)} .mag-control .mag-service-work-review-source-line{justify-content:flex-start;gap:10px} .mag-control .mag-service-work-review-source-line a, .mag-control .mag-service-work-review-evidence a{color:var(--mag-info-mark)} .mag-control .mag-service-work-review-source{border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);padding:1px 8px;background:var(--mag-surface-subtle);min-width:0} .mag-control .mag-service-work-review-source[open]>summary{margin-bottom:6px} .mag-control .mag-service-work-review-source pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.4 ui-monospace,monospace;max-height:24rem;overflow:auto} .mag-control .mag-service-work-review-source p, .mag-control .mag-service-work-review-source dd, .mag-control .mag-service-work-review-evidence dd, .mag-control .mag-service-work-review-row-body{overflow-wrap:anywhere} .mag-control .mag-service-work-review-source dl{margin:4px 0} .mag-control .mag-service-work-review-source dd{margin:0 0 6px} .mag-control .mag-service-work-review-source dt{font-weight:600} .mag-control .mag-service-work-review-summary{justify-content:flex-start;gap:4px 14px;font-variant-numeric:tabular-nums} .mag-control .mag-service-work-review-summary>span{overflow-wrap:anywhere} .mag-control .mag-service-work-review-table-wrap{max-width:100%;min-width:0;overflow:auto;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-service-work-review-table{border-collapse:collapse;width:100%;font-size:var(--sw-font);line-height:18px;font-variant-numeric:tabular-nums} .mag-control .mag-service-work-review-table th, .mag-control .mag-service-work-review-table td{height:var(--sw-row);padding:5px var(--sw-pad-x);border-bottom:1px solid var(--mag-border);vertical-align:top;text-align:left;white-space:nowrap;box-sizing:border-box} .mag-control .mag-service-work-review-table thead th{position:sticky;top:0;z-index:1;vertical-align:middle;background:var(--mag-surface-subtle);font-size:var(--sw-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);padding-block:0} .mag-control .mag-service-work-review-table th{font-weight:500} .mag-control .mag-service-work-review-workspace .mag-service-work-review-name{border:0;padding:0;min-height:18px;background:transparent;color:var(--mag-info-mark);text-align:left;vertical-align:middle;font-weight:600;max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-service-work-review-row-details{display:inline-block;white-space:normal} .mag-control .mag-service-work-review-row-details>summary{white-space:nowrap} .mag-control .mag-service-work-review-row-body{min-width:220px;max-width:440px;white-space:normal;padding:6px 0} .mag-control .mag-service-work-review-literal{white-space:pre-wrap!important;min-width:80px;max-width:300px;overflow-wrap:anywhere} .mag-control .mag-service-work-review-failure{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border)} .mag-control .mag-service-work-review-pagination{justify-content:flex-end} .mag-control .mag-service-work-review-pagination>span{margin-right:auto} .mag-control .mag-service-work-review-print-link{justify-self:start;text-decoration:underline} .mag-control .mag-service-work-review-empty{padding:12px;border:1px solid var(--mag-border)} .mag-control .mag-service-work-review-evidence{display:grid;gap:8px;font-size:14px;min-width:0} .mag-control .mag-service-work-review-evidence>a{justify-self:start} .mag-control .mag-service-work-review-evidence-grid{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:4px 10px;margin:4px 0} .mag-control .mag-service-work-review-evidence-grid dt{font-weight:600} .mag-control .mag-service-work-review-evidence-grid dd{margin:0;min-width:0;white-space:pre-wrap} .mag-control .mag-service-work-review-field{display:contents} .mag-control .mag-service-work-review-workspace :is(button, .mag-control input, .mag-control select, .mag-control a, .mag-control summary, .mag-control pre, .mag-control [tabindex]):focus-visible, .mag-control .mag-service-work-review-evidence :is(button, .mag-control a, .mag-control summary, .mag-control pre):focus-visible{outline:2px solid var(--mag-info-mark);outline-offset:2px} .mag-control .mag-service-work-review-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(pointer:coarse){.mag-control .mag-service-work-review-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-service-work-review-evidence button, .mag-control .mag-service-work-review-print-link, .mag-control .mag-service-work-review-workspace summary, .mag-control .mag-service-work-review-evidence summary, .mag-control .mag-service-work-review-workspace .mag-service-work-review-name{min-height:var(--sw-touch)}} @media(max-width:640px){.mag-control .mag-service-work-review-heading{align-items:flex-start} .mag-control .mag-service-work-review-heading h2{font-size:20px} .mag-control .mag-service-work-review-controls, .mag-control .mag-service-work-review-controls label, .mag-control .mag-service-work-review-controls form{width:100%} .mag-control .mag-service-work-review-controls label{justify-content:space-between} .mag-control .mag-service-work-review-controls input, .mag-control .mag-service-work-review-controls select{max-width:65%;width:65%;min-width:0} .mag-control .mag-service-work-review-controls form label{flex:1;min-width:0} .mag-control .mag-service-work-review-controls form input{width:100%;max-width:100%} .mag-control .mag-service-work-review-workspace :is(button, .mag-control input, .mag-control select), .mag-control .mag-service-work-review-evidence button, .mag-control .mag-service-work-review-print-link, .mag-control .mag-service-work-review-workspace summary, .mag-control .mag-service-work-review-evidence summary{min-height:44px} .mag-control .mag-service-work-review-workspace .mag-service-work-review-name{min-height:44px} .mag-control .mag-service-work-review-toolbar{align-items:flex-start} .mag-control .mag-service-work-review-pagination{justify-content:flex-start} .mag-control .mag-service-work-review-failure{flex-wrap:wrap} .mag-control .mag-service-work-review-source-line{align-items:flex-start} .mag-control .mag-service-work-review-source-line>a, .mag-control .mag-service-work-review-evidence>a{display:inline-flex;align-items:center;min-height:44px} .mag-control .mag-service-work-review-evidence-grid{grid-template-columns:minmax(100px,1fr) minmax(0,2fr)}} @media(prefers-reduced-motion:reduce){.mag-control .mag-service-work-review-workspace, .mag-control .mag-service-work-review-workspace *, .mag-control .mag-service-work-review-evidence, .mag-control .mag-service-work-review-evidence *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .mag-control .mag-service-work-review-heading h2{font-size:25px;letter-spacing:-.5px} .mag-control .mag-service-work-review-table-wrap{border-radius:12px} .mag-control .mag-service-work-review-summary{padding:12px;border:1px solid var(--mag-border);border-left:3px solid var(--mag-chart-2);border-radius:10px;background:var(--mag-surface)} .mag-control .mag-service-work-review-summary strong{font-size:19px;font-variant-numeric:tabular-nums} .mag-control .mag-service-work-review-source{padding:12px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface)} .mag-control .mag-service-work-review-source>summary{font-weight:600} .mag-control .mag-service-work-review-failure{border-radius:10px;padding:12px} .mag-control .mag-service-work-review-table tbody tr:hover>*, .mag-control .mag-service-work-review-table tbody tr:focus-within>*{background:var(--mag-hover)} /* ==== src/features/reports/decision-panel.module.css (module -> .mag-decision-panel-*) ==== */ .mag-control .mag-decision-panel-panel{margin:0 0 20px} .mag-control .mag-decision-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mag-control .mag-decision-panel-card{min-width:0;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);padding:14px 16px;display:grid;align-content:start;gap:6px} .mag-control .mag-decision-panel-moves{grid-column:1/-1} .mag-control .mag-decision-panel-eyebrow{margin:0;color:var(--mag-text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px} .mag-control .mag-decision-panel-label{margin:0;font-size:14px;line-height:1.35;font-weight:600} .mag-control .mag-decision-panel-figure{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .small{margin:0;font-size:12px;line-height:1.5;color:var(--mag-text);overflow-wrap:anywhere} .mag-control .muted{margin:0;font-size:11px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-decision-panel-status{margin:0;width:fit-content;max-width:100%;font-size:12px;font-weight:500;padding:2px 8px;border-radius:var(--mag-radius-pill);background:var(--mag-surface-subtle);color:var(--mag-text)} .mag-control .mag-decision-panel-provisional, .mag-control .mag-decision-panel-adverse, .mag-control .mag-decision-panel-medium, .mag-control .mag-decision-panel-high{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-decision-panel-favorable{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-decision-panel-info, .mag-control .mag-decision-panel-low{background:var(--mag-info-bg);color:var(--mag-info-text)} .mag-control .mag-decision-panel-contributors{list-style:none;margin:4px 0;padding:0;display:grid;gap:6px} .mag-control .mag-decision-panel-contributors li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 8px;font-size:12px;line-height:1.4} .mag-control .mag-decision-panel-rank{grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mag-surface-subtle);font-weight:600;font-size:11px} .mag-control .mag-decision-panel-who{min-width:0;overflow-wrap:anywhere} .mag-control .mag-decision-panel-amount{font-variant-numeric:tabular-nums;color:var(--mag-text)} .mag-control .mag-decision-panel-amount small{color:var(--mag-text-secondary)} .mag-control .mag-decision-panel-move{border-top:1px solid var(--mag-border);padding-top:10px;margin-top:4px;display:grid;gap:4px} .mag-control .mag-decision-panel-move:first-of-type{border-top:0;padding-top:0;margin-top:0} .mag-control .mag-decision-panel-move header{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .mag-control .mag-decision-panel-severity{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--mag-radius-pill);background:var(--mag-surface-subtle)} .mag-control .mag-decision-panel-high{font-weight:700} .mag-control .mag-decision-panel-details summary{font-size:12px;padding:6px 0} .mag-control .mag-decision-panel-details ul{margin:2px 0 6px;padding-left:18px;font-size:12px;line-height:1.5} .mag-control .mag-decision-panel-provenance{margin:0;font-size:11px;color:var(--mag-text-secondary);font-family:var(--mag-font-mono,ui-monospace,monospace)} .mag-control .mag-decision-panel-card a:focus-visible, .mag-control .mag-decision-panel-details summary:focus-visible{outline:2px solid var(--mag-chart-1);outline-offset:2px} @media(max-width:1000px){.mag-control .mag-decision-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.mag-control .mag-decision-panel-grid{grid-template-columns:1fr} .mag-control .mag-decision-panel-card{padding:12px} .mag-control .mag-decision-panel-figure{font-size:20px} .mag-control .mag-decision-panel-details summary{min-height:44px;display:flex;align-items:center} .mag-control .mag-decision-panel-contributors li a{display:inline-block;min-height:24px}} @media(forced-colors:active){.mag-control .mag-decision-panel-status, .mag-control .mag-decision-panel-severity{border:1px solid CanvasText}} .mag-control .mag-decision-panel-breakdown-card{grid-column:1/-1} .mag-control .mag-decision-panel-breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px} .mag-control .mag-decision-panel-breakdown{min-width:0;display:grid;align-content:start;gap:6px} .mag-control .mag-decision-panel-contributors li[data-row-kind=unattributed] .mag-decision-panel-who{font-style:italic} @media(max-width:700px){.mag-control .mag-decision-panel-breakdowns{grid-template-columns:1fr}} /* ==== src/features/reports/export-dialog.module.css (module -> .mag-export-dialog-*) ==== */ .mag-control .mag-export-dialog-export-root{position:relative;display:inline-flex;min-width:0} .mag-control .mag-export-dialog-export-root>.button{gap:6px} .mag-control .mag-export-dialog-export-root>.button[aria-disabled="true"]{cursor:not-allowed;opacity:.65} .mag-control .mag-export-dialog-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--mag-z-popover);display:grid;gap:4px;width:min(300px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;padding:6px;border:1px solid var(--mag-border);border-radius:14px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);color:var(--mag-text)} .mag-control .mag-export-dialog-group{display:grid;gap:1px} .mag-control .mag-export-dialog-group+.mag-export-dialog-group{padding-top:4px;border-top:1px solid var(--mag-border)} .mag-control .mag-export-dialog-group-label{margin:0;padding:4px 8px 2px;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-export-dialog-item{all:unset;box-sizing:border-box;display:grid;gap:0;width:100%;min-height:36px;padding:5px 8px;border-radius:8px;font-size:13px;line-height:1.35;cursor:pointer} .mag-control .mag-export-dialog-item small{font-size:11.5px;color:var(--mag-text-muted)} .mag-control .mag-export-dialog-item:hover:not(:disabled), .mag-control .mag-export-dialog-item:focus-visible{background:var(--mag-hover)} .mag-control .mag-export-dialog-item:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-export-dialog-item:disabled{cursor:default;color:var(--mag-text-muted)} .mag-control .mag-export-dialog-menu-note{margin:0;padding:4px 8px 2px;border-top:1px solid var(--mag-border);font-size:11.5px;line-height:1.4;color:var(--mag-text-muted)} .mag-control .mag-export-dialog-status{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--mag-z-popover);display:grid;gap:6px;width:min(320px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--mag-border);border-radius:14px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);color:var(--mag-text);font-size:13px;line-height:1.45} .mag-control .mag-export-dialog-status p{margin:0} .mag-control .mag-export-dialog-status-error{color:var(--mag-danger-text)} .mag-control .mag-export-dialog-status-ready{display:inline-flex;align-items:center;gap:6px;color:var(--mag-success-text);font-weight:600} .mag-control .mag-export-dialog-status-hint{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-export-dialog-status-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px} .mag-control .mag-export-dialog-status-actions .button{min-height:30px;padding:4px 10px;font-size:12.5px} @media(max-width:767px),(pointer:coarse){.mag-control .mag-export-dialog-item{min-height:44px} .mag-control .mag-export-dialog-status-actions .button{min-height:44px}} @media print{.mag-control .mag-export-dialog-menu, .mag-control .mag-export-dialog-status{display:none}} /* ==== src/features/reports/families/d/time-statement.module.css (module -> .mag-time-statement-*) ==== */ .mag-control .mag-time-statement-block{display:grid;align-content:start;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-time-statement-block[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-time-statement-section{display:grid;align-content:start;min-width:0} .mag-control .mag-time-statement-section+.mag-time-statement-section{border-top:1px solid var(--mag-border)} .mag-control .mag-time-statement-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px var(--mag-panel-pad-x,12px) 8px} .mag-control .mag-time-statement-section-head h3{margin:0;font-size:14px;line-height:1.35;font-weight:650;letter-spacing:0;color:var(--mag-text)} .mag-control .mag-time-statement-section-meta{font-size:11.5px;line-height:1.35;color:var(--mag-text-muted)} .mag-control .mag-time-statement-note{margin:0;padding:6px 12px;max-width:1040px;font-size:12px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-note strong{font-weight:600;color:var(--mag-text)} .mag-control .mag-time-statement-empty{margin:0;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-scroll{position:relative;min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin} .mag-control .mag-time-statement-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-time-statement-dash{color:var(--mag-text-muted)} .mag-control .mag-time-statement-hidden-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:normal;word-break:break-all} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-time-statement-partial-value{text-decoration:underline dotted;text-decoration-color:var(--mag-text-muted);text-underline-offset:3px} .mag-control .mag-time-statement-metric-link{all:unset;box-sizing:border-box;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer;color:var(--mag-link);font-weight:500;border-radius:4px} .mag-control .mag-time-statement-metric-link:hover{text-decoration:underline} .mag-control .mag-time-statement-metric-link:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-time-statement-store-link{color:var(--mag-link);font-weight:500;text-decoration:none;border-radius:4px} .mag-control .mag-time-statement-store-link:hover{text-decoration:underline} .mag-control .mag-time-statement-store-link:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-time-statement-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:var(--mag-radius-pill);background:var(--mag-neutral-bg);color:var(--mag-neutral-text);font-size:10px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle} .mag-control .mag-time-statement-head-sub{display:block;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mag-text-muted)} .mag-control .mag-time-statement-block .mag-time-statement-sticky thead th:first-child{left:0;z-index:3} .mag-control .mag-time-statement-block .mag-time-statement-sticky tbody th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface)} .mag-control .mag-time-statement-block .mag-time-statement-sticky tbody tr:hover>th:first-child{background:var(--mag-hover)} .mag-control .mag-time-statement-block .mag-time-statement-sticky tbody tr.mag-time-statement-selected-row>th:first-child{background:var(--mag-selected-bg)} .mag-control .mag-time-statement-block .mag-time-statement-sticky tbody tr.mag-time-statement-subtle-row>th:first-child{background:var(--mag-surface-subtle)} .mag-control .mag-time-statement-block .mag-time-statement-sticky thead th{height:var(--mag-dense-row,30px);padding-top:4px;padding-bottom:4px;line-height:1.2;vertical-align:bottom} .mag-control .mag-time-statement-book{width:max-content;min-width:100%} .mag-control .mag-time-statement-book-scroll{max-height:min(70vh,720px);isolation:isolate;container:book/inline-size} .mag-control .mag-time-statement-month-book{width:100%;table-layout:fixed} .mag-control .mag-time-statement-block .mag-time-statement-month-book thead th.pinned, .mag-control .mag-time-statement-block .mag-time-statement-month-book tbody th.pinned{width:150px;min-width:0;max-width:150px;white-space:normal} .mag-control .mag-time-statement-block .mag-time-statement-month-book th, .mag-control .mag-time-statement-block .mag-time-statement-month-book td{padding:5px 3px;min-width:0;font-size:12px;line-height:1.35} .mag-control .mag-time-statement-block .mag-time-statement-month-book td.numeric{min-width:0;white-space:normal;vertical-align:top} .mag-control .mag-time-statement-block .mag-time-statement-month-book thead th{white-space:normal} .mag-control .mag-time-statement-month-book .mag-time-statement-metric-cell{flex-wrap:wrap;gap:0 6px} .mag-control .mag-time-statement-month-book .mag-time-statement-metric-link{white-space:normal;overflow-wrap:anywhere} .mag-control .mag-time-statement-block .mag-time-statement-month-book td[data-performance=favorable]{background:var(--mag-success-bg);color:var(--mag-success-text)} .mag-control .mag-time-statement-block .mag-time-statement-month-book td[data-performance=adverse]{background:var(--mag-warning-bg);color:var(--mag-warning-text)} .mag-control .mag-time-statement-block .mag-time-statement-month-book td[data-best-four=true]{box-shadow:inset 0 0 0 1px var(--mag-chart-1)} .mag-control .mag-time-statement-book-key{font-size:11px;line-height:1.5;color:var(--mag-text-muted);padding:8px 12px;margin:0} .mag-control .mag-time-statement-exact-book-value{font-variant-numeric:tabular-nums} .mag-control .mag-time-statement-whole-value{white-space:nowrap} .mag-control .mag-time-statement-book-details{min-width:0;border-top:1px solid var(--mag-border)} .mag-control .mag-time-statement-book-details>summary{cursor:pointer;padding:7px 12px;color:var(--mag-link);font-size:12px} .mag-control .mag-time-statement-book-details>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @container book (max-width:1000px){.mag-control .mag-time-statement-block .mag-time-statement-month-book thead th.pinned, .mag-control .mag-time-statement-block .mag-time-statement-month-book tbody th.pinned{width:120px;max-width:120px}} @container book (max-width:1000px){.mag-control .mag-time-statement-block .mag-time-statement-month-book{display:block;width:100%;min-width:0;table-layout:auto} .mag-control .mag-time-statement-block .mag-time-statement-month-book thead{display:none} .mag-control .mag-time-statement-block .mag-time-statement-month-book tbody{display:block} .mag-control .mag-time-statement-block .mag-time-statement-month-book tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--mag-border);padding:8px} .mag-control .mag-time-statement-block .mag-time-statement-month-book tbody th.pinned{position:static;grid-column:1/-1;width:auto;max-width:none;min-width:0;padding:4px 4px 10px} .mag-control .mag-time-statement-block .mag-time-statement-month-book td.numeric{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;white-space:normal;padding:8px 4px;font-size:13px} .mag-control .mag-time-statement-block .mag-time-statement-month-book td:before{content:attr(data-period);font-size:11px;font-weight:500;color:var(--mag-text-muted);margin-bottom:3px} .mag-control .mag-time-statement-book-scroll{max-height:none}} .mag-control .mag-time-statement-block .mag-time-statement-book thead th.pinned, .mag-control .mag-time-statement-block .mag-time-statement-book tbody th.pinned{width:204px;min-width:160px;max-width:204px} .mag-control .mag-time-statement-block .mag-time-statement-book tbody th.pinned{white-space:nowrap;line-height:1.25} .mag-control .mag-time-statement-block .mag-time-statement-book td.numeric{min-width:var(--mag-dense-num-min,64px)} .mag-control .mag-time-statement-block .mag-time-statement-book thead th{max-width:88px;white-space:normal} .mag-control .mag-time-statement-block .mag-time-statement-book thead th.pinned{max-width:204px} .mag-control .mag-time-statement-block .mag-time-statement-book .mag-time-statement-trend-cell{width:70px;min-width:70px;text-align:center} .mag-control .mag-time-statement-metric-cell{display:flex;align-items:baseline;gap:6px;min-width:0;max-width:192px} .mag-control .mag-time-statement-metric-cell .mag-time-statement-metric-link{flex:0 1 auto;min-width:0} .mag-control .mag-time-statement-unit-text{flex:0 0 auto;font-size:11px;font-weight:400;color:var(--mag-text-muted);white-space:nowrap} @container book (max-width:1199px){.mag-control .mag-time-statement-block .mag-time-statement-book thead th.pinned, .mag-control .mag-time-statement-block .mag-time-statement-book tbody th.pinned{width:170px;min-width:150px;max-width:170px} .mag-control .mag-time-statement-metric-cell{max-width:158px} .mag-control .mag-time-statement-block .mag-time-statement-book td, .mag-control .mag-time-statement-block .mag-time-statement-book th{padding-left:5px;padding-right:5px} .mag-control .mag-time-statement-block .mag-time-statement-book td.numeric{min-width:56px} .mag-control .mag-time-statement-block .mag-time-statement-book .mag-time-statement-trend-cell{width:68px;min-width:68px}} .mag-control .mag-time-statement-block .mag-time-statement-book tr.mag-time-statement-selected-row>*{background:var(--mag-selected-bg)} .mag-control .mag-time-statement-block .mag-time-statement-book tr.mag-time-statement-selected-row>th:first-child{box-shadow:inset 3px 0 0 var(--mag-selected-text)} .mag-control .mag-time-statement-statement{min-width:100%} .mag-control .mag-time-statement-block .mag-time-statement-statement tbody th{white-space:normal;min-width:180px;line-height:1.25} .mag-control .mag-time-statement-block .mag-time-statement-subtotal-row>*{font-weight:650} .mag-control .mag-time-statement-block .mag-time-statement-statement .mag-time-statement-trend-cell{min-width:72px;text-align:center} .mag-control .mag-time-statement-block .mag-time-statement-rank tr.mag-time-statement-selected-row>*{background:var(--mag-selected-bg)} .mag-control .mag-time-statement-block .mag-time-statement-rank tr.mag-time-statement-selected-row>th:first-child{box-shadow:inset 3px 0 0 var(--mag-selected-text)} .mag-control .mag-time-statement-block .mag-time-statement-rank tbody th{min-width:160px;white-space:normal;line-height:1.25} .mag-control .mag-time-statement-block .mag-time-statement-rank .mag-time-statement-trend-cell{min-width:72px;text-align:center} .mag-control .mag-time-statement-rank-number{font-weight:650} .mag-control .mag-time-statement-block .mag-time-statement-matrix thead th{white-space:normal;min-width:80px;max-width:128px} .mag-control .mag-time-statement-block .mag-time-statement-matrix tbody th{min-width:160px;white-space:normal;line-height:1.25} .mag-control .mag-time-statement-block .mag-time-statement-matrix td{min-width:var(--mag-dense-num-min,64px)} .mag-control .mag-time-statement-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 12px;font-size:12px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-block .mag-time-statement-gap-table tbody th{min-width:180px;white-space:normal;line-height:1.25} .mag-control .mag-time-statement-gap{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px} .mag-control .mag-time-statement-gap-track{position:relative;display:inline-block;flex:0 0 auto;width:112px;height:10px;border-radius:0 4px 4px 0;background:color-mix(in oklab,var(--mag-chart-1) 14%,var(--mag-surface))} .mag-control .mag-time-statement-gap-bar{position:absolute;left:0;top:0;bottom:0;border-radius:0 4px 4px 0;background:var(--mag-chart-1)} .mag-control .mag-time-statement-block .mag-time-statement-matrix thead .mag-time-statement-metric-link{white-space:normal;overflow:visible;text-overflow:clip} .mag-control .mag-time-statement-chart{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;margin:0;padding:16px 16px 12px;overflow-x:clip;container-type:inline-size} .mag-control .mag-time-statement-plot-row{display:grid;grid-template-columns:var(--axis-width,56px) minmax(0,1fr);min-width:0} .mag-control .mag-time-statement-y-axis{position:relative;height:var(--plot-height,200px)} .mag-control .mag-time-statement-y-tick{position:absolute;right:8px;transform:translateY(-50%);font-size:12px;line-height:1;color:var(--mag-text-muted);white-space:nowrap} .mag-control .mag-time-statement-plot{position:relative;height:var(--plot-height,200px);border-radius:4px;cursor:crosshair;touch-action:pan-y} .mag-control .mag-time-statement-plot:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-time-statement-plot-selectable{cursor:pointer} .mag-control .mag-time-statement-layer{position:absolute;inset:8px 10px 0} .mag-control .mag-time-statement-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} .mag-control .mag-time-statement-grid-line{stroke:var(--mag-border);stroke-width:1;vector-effect:non-scaling-stroke;shape-rendering:crispEdges} .mag-control .mag-time-statement-line-actual, .mag-control .mag-time-statement-line-outlook, .mag-control .mag-time-statement-line-reference{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round} .mag-control .mag-time-statement-line-actual{stroke:var(--mag-chart-1);stroke-width:2.75} .mag-control .mag-time-statement-line-outlook{stroke:var(--mag-chart-1);stroke-dasharray:6 5;stroke-linecap:butt} .mag-control .mag-time-statement-line-reference{stroke:var(--mag-text-secondary)} .mag-control .mag-time-statement-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--mag-chart-1);box-shadow:0 0 0 2px var(--mag-surface);pointer-events:none} .mag-control .mag-time-statement-dot-outlook{background:var(--mag-surface);border:2px solid var(--mag-chart-1)} .mag-control .mag-time-statement-dot-reference{background:var(--mag-text-secondary)} .mag-control .mag-time-statement-ring{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--mag-chart-1);border-radius:50%;background:transparent;box-shadow:0 0 0 2px var(--mag-surface),inset 0 0 0 2px var(--mag-surface);box-sizing:border-box;pointer-events:none} .mag-control .mag-time-statement-cursor{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--mag-chart-1);pointer-events:none} .mag-control .mag-time-statement-end-label, .mag-control .mag-time-statement-ref-label{position:absolute;padding:0 3px;border-radius:3px;background:var(--mag-surface);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none} .mag-control .mag-time-statement-end-label{transform:translate(calc(-100% - 6px),-125%);font-weight:600;color:var(--mag-text)} .mag-control .mag-time-statement-ref-label{left:0;transform:translateY(calc(-100% - 2px));font-size:11.5px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-end-label.mag-time-statement-label-below{transform:translate(calc(-100% - 6px),25%)} .mag-control .mag-time-statement-ref-label.mag-time-statement-label-below{transform:translateY(2px)} .mag-control .mag-time-statement-tip{position:absolute;top:0;z-index:4;display:grid;gap:4px;min-width:132px;max-width:240px;padding:10px 12px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);font-size:12px;line-height:1.4;color:var(--mag-text);pointer-events:none} .mag-control .mag-time-statement-tip-right{transform:translateX(10px)} .mag-control .mag-time-statement-tip-left{transform:translateX(calc(-100% - 10px))} .mag-control .mag-time-statement-tip-title{font-weight:600;color:var(--mag-text-secondary);padding-bottom:4px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-time-statement-tip-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;white-space:nowrap} .mag-control .mag-time-statement-tip-row strong{font-weight:650;color:var(--mag-text)} .mag-control .mag-time-statement-tip-row span{color:var(--mag-text-secondary)} .mag-control .mag-time-statement-tip-row .mag-time-statement-tip-note{flex-basis:100%;white-space:normal;font-size:11.5px;line-height:1.35;color:var(--mag-text-muted)} .mag-control .mag-time-statement-x-axis{position:relative;height:20px;margin-left:var(--axis-width,56px)} .mag-control .mag-time-statement-x-tick{position:absolute;top:4px;transform:translateX(-50%);font-size:12px;line-height:1;color:var(--mag-text-muted);white-space:nowrap} .mag-control .mag-time-statement-x-tick:first-child{transform:none} .mag-control .mag-time-statement-x-tick:last-child{transform:translateX(-100%)} @container (max-width:620px){.mag-control .mag-time-statement-x-tick[data-thin~="2"]{display:none}} @container (max-width:380px){.mag-control .mag-time-statement-x-tick[data-thin~="4"]{display:none}} .mag-control .mag-time-statement-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.4;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-legend li{display:inline-flex;align-items:center;gap:6px} .mag-control .mag-time-statement-key{display:inline-block;width:18px;height:0;border-top:2px solid var(--mag-chart-1)} .mag-control .mag-time-statement-key-outlook{border-top-style:dashed} .mag-control .mag-time-statement-key-reference{border-top-color:var(--mag-text-secondary)} .mag-control .mag-time-statement-key-ring{display:inline-block;width:12px;height:12px;border:2px solid var(--mag-chart-1);border-radius:50%;box-sizing:border-box} .mag-control .mag-time-statement-chart-empty{margin:0;padding:18px 0;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-time-statement-table-view{font-size:12.5px;min-width:0} .mag-control .mag-time-statement-table-view summary{width:max-content;cursor:pointer;color:var(--mag-link);border-radius:4px} .mag-control .mag-time-statement-table-view summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-time-statement-table-view table{margin-top:6px} .mag-control .mag-time-statement-scrub{position:relative;min-width:0;border-radius:6px;outline:none} .mag-control .mag-time-statement-scrub:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-time-statement-scrub-overlay{position:absolute;left:0;top:0;width:100%;pointer-events:none} .mag-control .mag-time-statement-scrub-slot{position:absolute;box-sizing:border-box;border:1px solid var(--mag-chart-context);border-radius:4px} .mag-control .mag-time-statement-tip-above{transform:translate(-50%,calc(-100% - 4px))} .mag-control .mag-time-statement-chart-wrap{padding:8px 12px 10px;min-width:0} @media(max-width:767px){.mag-control .mag-time-statement-block .mag-time-statement-book tbody th.pinned, .mag-control .mag-time-statement-block .mag-time-statement-book thead th.pinned{width:clamp(112px,calc(100vw - 214px),160px);min-width:clamp(112px,calc(100vw - 214px),160px);max-width:clamp(112px,calc(100vw - 214px),160px);overflow-wrap:anywhere} .mag-control .mag-time-statement-block .mag-time-statement-book td.numeric{min-width:72px} .mag-control .mag-time-statement-block .mag-time-statement-book tbody th.pinned{white-space:normal} .mag-control .mag-time-statement-metric-cell{flex-wrap:wrap;gap:0 6px;max-width:none} .mag-control .mag-time-statement-metric-link{white-space:normal;overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center} .mag-control .mag-time-statement-store-link{display:inline-flex;align-items:center;min-height:44px}} @media(forced-colors:active){.mag-control .mag-time-statement-line-actual, .mag-control .mag-time-statement-line-outlook{stroke:Highlight} .mag-control .mag-time-statement-line-reference{stroke:CanvasText} .mag-control .mag-time-statement-cursor{background:CanvasText;forced-color-adjust:none} .mag-control .mag-time-statement-scrub-slot{border-color:CanvasText} .mag-control .mag-time-statement-grid-line{stroke:GrayText} .mag-control .mag-time-statement-dot, .mag-control .mag-time-statement-gap-bar{background:Highlight;forced-color-adjust:none} .mag-control .mag-time-statement-gap-track{background:Canvas;outline:1px solid CanvasText;forced-color-adjust:none} .mag-control .mag-time-statement-dot-outlook{background:Canvas;border-color:Highlight} .mag-control .mag-time-statement-key{border-top-color:Highlight} .mag-control .mag-time-statement-key-reference{border-top-color:CanvasText} .mag-control .mag-time-statement-ring, .mag-control .mag-time-statement-key-ring{border-color:Highlight;forced-color-adjust:none} .mag-control .mag-time-statement-tip, .mag-control .mag-time-statement-tag{border:1px solid CanvasText}} @media print{.mag-control .mag-time-statement-tip, .mag-control .mag-time-statement-cursor, .mag-control .mag-time-statement-scrub-slot{display:none} .mag-control .mag-time-statement-scroll, .mag-control .mag-time-statement-book-scroll{max-height:none;overflow:visible} .mag-control .mag-time-statement-block .mag-time-statement-sticky th{position:static}} .mag-control .mag-time-statement-grid-zero{stroke:var(--mag-text-muted);stroke-width:1.25} /* ==== src/features/reports/families/demand/demand.module.css (module -> .mag-demand-*) ==== */ .mag-control .mag-demand-block{display:flex;flex-direction:column;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-demand-block[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-demand-methodology{min-width:0;border-top:1px solid var(--mag-border)} .mag-control .mag-demand-methodology>summary{padding:12px;cursor:pointer;color:var(--mag-link);font-size:13px} .mag-control .mag-demand-summary{margin:0;padding:8px 12px;border-bottom:1px solid var(--mag-border);font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-demand-summary strong{font-weight:650;color:var(--mag-text)} .mag-control .mag-demand-scroll{position:relative;min-width:0;overflow:auto;scrollbar-width:thin} .mag-control .mag-demand-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-demand-measure{display:inline-flex;align-items:baseline;gap:6px;min-width:0} .mag-control .mag-demand-id{font-size:11.5px;color:var(--mag-text-muted)} .mag-control .mag-demand-text{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-demand-why{max-width:320px;white-space:normal} .mag-control .mag-demand-why>summary{list-style:none;color:var(--mag-link);font-weight:500;cursor:pointer;white-space:nowrap} .mag-control .mag-demand-why>summary::-webkit-details-marker{display:none} .mag-control .mag-demand-why>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px;border-radius:4px} .mag-control .mag-demand-why p{margin:4px 0 8px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary);white-space:normal} .mag-control .mag-demand-why ul{margin:0 0 8px;padding-left:16px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-demand-why li{white-space:normal} .mag-control .mag-demand-why dt{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-demand-why dd{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-demand-page{display:flex;flex-direction:column;gap:10px;min-width:0} .mag-control .mag-demand-state{margin:0;font-size:13px;line-height:1.55;color:var(--mag-text)} .mag-control .mag-demand-statement{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-demand-notes{display:grid;gap:6px;margin:0;padding:10px 12px;list-style:none} .mag-control .mag-demand-notes li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-demand-notes li::before{content:"—";position:absolute;left:0;color:var(--mag-text-muted)} .mag-control .mag-demand-links{display:grid;gap:2px;margin:0;padding:6px 12px 10px;list-style:none} .mag-control .mag-demand-links a{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 6px;margin:0 -6px;border-radius:var(--mag-radius-small);color:var(--mag-link);font-size:13px;text-decoration:none} .mag-control .mag-demand-links a:hover{background:var(--mag-hover)} .mag-control .mag-demand-links a:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-demand-links small{margin-left:auto;color:var(--mag-text-muted);font-size:11.5px} .mag-control .mag-demand-empty{margin:0;padding:12px;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} @media(max-width:767px){.mag-control .mag-demand-text{max-width:160px} .mag-control .mag-demand-why{max-width:220px}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-demand-why>summary, .mag-control .mag-demand-links a{min-height:44px;display:flex;align-items:center}} @media print{.mag-control .mag-demand-scroll{overflow:visible}} .mag-control .mag-demand-summary{padding:12px;background:var(--mag-surface-subtle);border-left:3px solid var(--mag-chart-1)} .mag-control .mag-demand-summary strong{font-size:14px} .mag-control .mag-demand-scroll table thead th{color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-demand-scroll table tbody tr:hover>*, .mag-control .mag-demand-scroll table tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-demand-notes{padding:12px;gap:8px} .mag-control .mag-demand-empty{margin:12px;padding:16px;border:1px dashed var(--mag-border);border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-demand-measure{font-weight:600} .mag-control .mag-demand-id{font-weight:400} /* ==== src/features/reports/families/demand/organic/organic.module.css (module -> .mag-organic-*) ==== */ .mag-control .mag-organic-page{display:flex;flex-direction:column;gap:10px;min-width:0} .mag-control .mag-organic-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-organic-banner-text{margin:0;font-size:13px;line-height:1.55;color:var(--mag-text)} .mag-control .mag-organic-banner-text strong{font-weight:650} .mag-control .mag-organic-block{display:flex;flex-direction:column;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-organic-block[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-organic-summary{margin:0;padding:8px 12px;border-bottom:1px solid var(--mag-border);font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-organic-summary strong{font-weight:650;color:var(--mag-text)} .mag-control .mag-organic-scroll{position:relative;min-width:0;overflow:auto;scrollbar-width:thin} .mag-control .mag-organic-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-organic-text{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom} .mag-control .mag-organic-measure{display:inline-flex;align-items:baseline;gap:6px;min-width:0} .mag-control .mag-organic-id{font-size:11.5px;color:var(--mag-text-muted)} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-organic-why{max-width:340px;white-space:normal} .mag-control .mag-organic-why>summary{list-style:none;color:var(--mag-link);font-weight:500;cursor:pointer;white-space:nowrap} .mag-control .mag-organic-why>summary::-webkit-details-marker{display:none} .mag-control .mag-organic-why>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px;border-radius:4px} .mag-control .mag-organic-why p{margin:4px 0 8px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary);white-space:normal} .mag-control .mag-organic-why ul{margin:0 0 8px;padding-left:16px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-organic-why li{white-space:normal} .mag-control .mag-organic-why dt{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-organic-why dd{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-organic-notes{display:grid;gap:6px;margin:0;padding:10px 12px;list-style:none} .mag-control .mag-organic-notes li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-organic-notes li::before{content:"—";position:absolute;left:0;color:var(--mag-text-muted)} .mag-control .mag-organic-body{margin:0;padding:10px 12px;font-size:13px;line-height:1.55;color:var(--mag-text-secondary)} .mag-control .mag-organic-body + .mag-organic-body{padding-top:0} .mag-control .mag-organic-body code{font-size:12px;color:var(--mag-text)} @media(max-width:767px){.mag-control .mag-organic-text{max-width:150px} .mag-control .mag-organic-why{max-width:220px}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-organic-why>summary{min-height:44px;display:flex;align-items:center}} @media print{.mag-control .mag-organic-scroll{overflow:visible}} .mag-control .mag-organic-workspace-nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--mag-border);padding-bottom:8px} .mag-control .mag-organic-workspace-nav a{padding:7px 10px;border:1px solid var(--mag-border);border-radius:5px;font-size:12px;color:var(--mag-text);text-decoration:none} .mag-control .mag-organic-workspace-nav a[aria-current="page"]{background:var(--mag-surface-raised);border-color:var(--mag-link);font-weight:650} .mag-control .mag-organic-workspace-nav a:focus-visible, .mag-control .mag-organic-source-details>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-organic-source-details{border:1px solid var(--mag-border);border-radius:6px;min-width:0} .mag-control .mag-organic-source-details>summary{padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer} .mag-control .mag-organic-source-details[open]{display:flex;flex-direction:column;gap:8px} .mag-control .mag-organic-banner{border:1px solid var(--mag-border);border-left:3px solid var(--mag-info-mark);border-radius:12px;background:var(--mag-surface);padding:12px 16px} .mag-control .mag-organic-summary{padding:12px;background:var(--mag-surface-subtle)} .mag-control .mag-organic-summary strong{font-size:14px} .mag-control .mag-organic-scroll table thead th{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-organic-scroll table tbody tr:hover>*, .mag-control .mag-organic-scroll table tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-organic-measure{font-weight:600} .mag-control .mag-organic-id{font-weight:400} .mag-control .mag-organic-source-details{border-radius:12px;background:var(--mag-surface)} .mag-control .mag-organic-source-details>summary{font-weight:600;padding:12px 16px} /* ==== src/features/reports/families/demand/outcomes/outcomes.module.css (module -> .mag-outcomes-*) ==== */ .mag-control .mag-outcomes-section{display:flex;flex-direction:column;gap:16px;min-width:0;margin-top:20px;color:var(--mag-text)} .mag-control .mag-outcomes-panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:17px;padding:23px;min-width:0} .mag-control .mag-outcomes-panel h2{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin:0 0 6px} .mag-control .mag-outcomes-panel h3{font-size:15px;margin:0 0 4px} .mag-control .mag-outcomes-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start;margin-bottom:12px} .mag-control .mag-outcomes-sub{color:var(--mag-text-secondary);font-size:12.5px;line-height:1.5;margin:0;max-width:100ch} .mag-control .mag-outcomes-provisional{background:var(--mag-accent-sky,#e3f0fb);color:var(--mag-primary);border:1px dashed var(--mag-primary);border-radius:6px;padding:3px 8px;font-weight:650;font-size:12px;white-space:nowrap} .mag-control .mag-outcomes-caution{border:1px solid var(--mag-border);background:var(--mag-surface-subtle);border-radius:12px;padding:10px 14px;font-size:12.5px;line-height:1.55;color:var(--mag-text-secondary)} .mag-control .mag-outcomes-caution strong{color:var(--mag-text)} .mag-control .mag-outcomes-caution p{margin:4px 0} .mag-control .mag-outcomes-moves{display:grid;gap:14px;margin-top:12px} .mag-control .mag-outcomes-move{border:1px solid var(--mag-border);border-radius:12px;padding:16px;min-width:0} .mag-control .mag-outcomes-move p{font-size:13px;margin:10px 0;line-height:1.5} .mag-control .mag-outcomes-move-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .mag-control .mag-outcomes-move-head h3{font-size:15px;margin:0 0 3px} .mag-control .mag-outcomes-move-head small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-outcomes-evidence{margin:10px 0;padding-left:18px;font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-outcomes-evidence li{margin:4px 0;line-height:1.5} .mag-control .mag-outcomes-pill{display:inline-block;padding:4px 7px;border-radius:6px;font-weight:650;font-size:12px;white-space:nowrap} .mag-control .mag-outcomes-bad{background:var(--mag-danger-bg,#fee8e5);color:var(--mag-danger-text,#a42d33)} .mag-control .mag-outcomes-good{background:var(--mag-success-bg,#def4e9);color:var(--mag-success-text,#12644c)} .mag-control .mag-outcomes-warn{background:var(--mag-warning-bg,#fff1d7);color:var(--mag-warning-text,#845510)} .mag-control .mag-outcomes-neutral{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-outcomes-scroll{max-width:100%;overflow:auto;scrollbar-width:thin} .mag-control .mag-outcomes-scroll:focus-visible{outline:2px solid var(--mag-focus,#438be3);outline-offset:-2px} .mag-control .mag-outcomes-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-outcomes-table th{text-align:right;font-size:11px;font-weight:650;color:var(--mag-text-secondary);border-bottom:1px solid var(--mag-border);padding:8px 6px;vertical-align:bottom;white-space:nowrap} .mag-control .mag-outcomes-table th:first-child, .mag-control .mag-outcomes-table td:first-child{text-align:left} .mag-control .mag-outcomes-table td{padding:8px 6px;border-bottom:1px solid var(--mag-border);text-align:right;white-space:nowrap;vertical-align:top} .mag-control .mag-outcomes-table td:first-child{white-space:normal;min-width:180px;font-weight:600} .mag-control .mag-outcomes-table td small{display:block;font-size:10.5px;color:var(--mag-text-secondary);font-weight:400;white-space:normal} .mag-control .mag-outcomes-history td:first-child{position:sticky;left:0;background:var(--mag-surface);z-index:1} .mag-control .mag-outcomes-history th:first-child{position:sticky;left:0;background:var(--mag-surface);z-index:1} .mag-control .mag-outcomes-partial{color:var(--mag-text-secondary);font-style:italic} .mag-control .mag-outcomes-ineligible{color:var(--mag-text-secondary);text-decoration:underline dotted;text-underline-offset:3px} .mag-control .mag-outcomes-missing{color:var(--mag-text-muted,var(--mag-text-secondary))} .mag-control .mag-outcomes-selected{font-weight:700;color:var(--mag-primary)} .mag-control .mag-outcomes-total-row td{font-weight:700} .mag-control .mag-outcomes-attribution td{background:var(--mag-warning-bg,#fff1d7)} .mag-control .mag-outcomes-foot{font-size:11.5px;color:var(--mag-text-secondary);margin:12px 0 0;line-height:1.5} .mag-control .mag-outcomes-definitions{border-top:1px solid var(--mag-border);padding-top:10px;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-outcomes-definitions summary{cursor:pointer;color:var(--mag-link,var(--mag-primary));min-height:32px} .mag-control .mag-outcomes-definitions dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px} .mag-control .mag-outcomes-definitions dt{font-weight:650;color:var(--mag-text)} .mag-control .mag-outcomes-definitions dd{margin:4px 0 0;line-height:1.55} .mag-control .mag-outcomes-empty{padding:18px;text-align:center;color:var(--mag-text-secondary);font-size:13px} @container(max-width:620px){.mag-control .mag-outcomes-panel{padding:16px} .mag-control .mag-outcomes-definitions dl{grid-template-columns:1fr}} @media(max-width:620px){.mag-control .mag-outcomes-panel{padding:16px} .mag-control .mag-outcomes-definitions dl{grid-template-columns:1fr}} @media print{.mag-control .mag-outcomes-panel{break-inside:avoid} .mag-control .mag-outcomes-scroll{overflow:visible}} /* ==== src/features/reports/families/demand/topic-demo.module.css (module -> .mag-topic-demo-*) ==== */ .mag-control .mag-topic-demo-demo{display:grid;gap:18px;min-width:0} .mag-control .mag-topic-demo-status{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mag-text-secondary);padding:10px 14px;border-left:3px solid var(--mag-chart-1);background:var(--mag-surface-subtle);border-radius:6px} .mag-control .mag-topic-demo-status strong{color:var(--mag-chart-1)} .mag-control .mag-topic-demo-kpis{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px} .mag-control .mag-topic-demo-kpis article, .mag-control .mag-topic-demo-chart, .mag-control .mag-topic-demo-records{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:18px;min-width:0} .mag-control .mag-topic-demo-kpis article{border-top:3px solid var(--mag-chart-2)} .mag-control .mag-topic-demo-kpis article>span{display:block;color:var(--mag-text-secondary);font-size:12px} .mag-control .mag-topic-demo-kpis strong{display:block;font-size:29px;margin:8px 0} .mag-control .mag-topic-demo-kpis small, .mag-control .mag-topic-demo-records>p{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-topic-demo-kpis p{font-size:14px;line-height:1.6;margin-bottom:0} .mag-control .mag-topic-demo-chart header, .mag-control .mag-topic-demo-records header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px} .mag-control .mag-topic-demo-demo h2{font-size:18px;margin:0} .mag-control .mag-topic-demo-demo label{font-size:12px;display:flex;gap:8px;align-items:center} .mag-control .mag-topic-demo-demo select, .mag-control .mag-topic-demo-demo input{height:40px;padding:0 10px;border:1px solid var(--mag-border);border-radius:7px;background:var(--mag-surface);color:var(--mag-text);max-width:100%;min-width:0} .mag-control .mag-topic-demo-records>button{width:100%;display:grid;grid-template-columns:160px minmax(0,1fr) 100px 150px;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--mag-border);background:transparent;color:var(--mag-text);padding:14px 0;text-align:left;cursor:pointer;font:inherit;font-size:13px} .mag-control .mag-topic-demo-records small{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-topic-demo-records strong{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-topic-demo-bar{background:var(--mag-surface-subtle);height:10px} .mag-control .mag-topic-demo-bar i{display:block;height:100%;background:var(--mag-chart-1);border-radius:0 3px 3px 0} .mag-control .mag-topic-demo-demo :is(button, .mag-control select, .mag-control input):focus-visible{outline:2px solid var(--mag-chart-1);outline-offset:3px} @media(max-width:700px){.mag-control .mag-topic-demo-kpis{grid-template-columns:1fr 1fr} .mag-control .mag-topic-demo-kpis article:last-child{grid-column:1/-1} .mag-control .mag-topic-demo-records>button{grid-template-columns:1fr 90px;gap:8px} .mag-control .mag-topic-demo-records .mag-topic-demo-bar{grid-column:1;grid-row:auto} .mag-control .mag-topic-demo-records small{grid-column:1/-1} .mag-control .mag-topic-demo-chart, .mag-control .mag-topic-demo-records{padding:12px} .mag-control .mag-topic-demo-demo label{flex-wrap:wrap} .mag-control .mag-topic-demo-kpis strong{font-size:24px}} /* ==== src/features/reports/families/e/operational.module.css (module -> .mag-operational-*) ==== */ .mag-control .mag-operational-block{display:flex;flex-direction:column;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-operational-block[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-operational-block select, .mag-control .mag-operational-block input[type="search"]{min-height:var(--mag-control-h,32px);padding:4px 8px;font-size:13px;line-height:1.4} .mag-control .mag-operational-strip{min-width:0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operational-tiles{min-width:0;padding:var(--mag-dense-pad-y,6px) 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operational-tiles li>div, .mag-control .mag-operational-tiles li>button{padding:var(--mag-tile-pad,8px 12px)} .mag-control .mag-operational-tiles li strong{font-size:var(--mag-tile-value,20px)} .mag-control .mag-operational-caption{margin:0;padding:6px 12px;border-bottom:1px solid var(--mag-border);font-size:12px;line-height:1.45;color:var(--mag-text-muted)} .mag-control .mag-operational-caption strong{font-weight:600;color:var(--mag-text-secondary)} .mag-control .notice{margin:0;padding:8px 12px;border-bottom:1px solid var(--mag-border);background:var(--mag-info-bg);color:var(--mag-info-text);font-size:12.5px;line-height:1.5} .mag-control .mag-operational-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;padding:8px 12px;border-bottom:1px solid var(--mag-border);font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-operational-summary strong{font-size:14px;font-weight:650;color:var(--mag-text)} .mag-control .mag-operational-section{min-width:0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operational-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:8px 12px 6px} .mag-control .mag-operational-section-title{margin:0;font-size:13px;line-height:1.35;font-weight:650;letter-spacing:0;color:var(--mag-text)} .mag-control .mag-operational-section-meta{min-width:0;font-size:11.5px;line-height:1.35;color:var(--mag-text-muted)} .mag-control .mag-operational-section .mag-operational-empty{padding:4px 12px 10px} .mag-control .mag-operational-day-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:26px;margin-left:-6px;padding:0 6px;border-radius:6px;color:var(--mag-link);font-weight:600;white-space:nowrap;cursor:pointer} .mag-control .mag-operational-day-button:hover{background:var(--mag-hover)} .mag-control .mag-operational-day-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-operational-day-button[aria-pressed="true"]{background:var(--mag-selected-bg);color:var(--mag-selected-text);box-shadow:inset 0 -2px 0 var(--mag-selected-text)} .mag-control .mag-operational-search{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;flex:0 1 auto;margin:0} .mag-control .mag-operational-search-button{display:inline-flex;align-items:center;gap:4px;min-height:var(--mag-control-h,32px);padding:4px 10px;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-small);background:var(--mag-surface);color:var(--mag-text);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer} .mag-control .mag-operational-search-button:hover{background:var(--mag-hover)} .mag-control .mag-operational-search-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-operational-active{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-width:0;padding:1px 3px 1px 9px;border-radius:var(--mag-radius-pill);background:var(--mag-selected-bg);color:var(--mag-selected-text);font-size:12px;line-height:1.4;font-weight:600} .mag-control .mag-operational-clear{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:var(--mag-radius-pill);color:var(--mag-link);font-weight:600;cursor:pointer} .mag-control .mag-operational-clear:hover{text-decoration:underline} .mag-control .mag-operational-clear:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-operational-scroll{max-height:calc(100vh - 220px);scrollbar-width:thin} .mag-control .mag-operational-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} .mag-control .mag-operational-table tbody tr[data-row-key]{cursor:pointer;scroll-margin-top:32px} .mag-control .mag-operational-scroll .mag-operational-table tbody tr[data-row-key]:focus-visible>*, .mag-control .mag-operational-scroll .mag-operational-table tbody tr[data-active="true"]>*{background:var(--mag-selected-bg)} .mag-control .mag-operational-scroll .mag-operational-table thead th{z-index:2} .mag-control .mag-operational-scroll .mag-operational-table tfoot td{position:sticky;bottom:0;z-index:1;box-shadow:inset 0 1px 0 var(--mag-border);cursor:default} .mag-control .mag-operational-sort-button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:3px;min-height:30px;max-width:100%;cursor:pointer;white-space:nowrap} .mag-control .mag-operational-sort-button:hover{color:var(--mag-text)} .mag-control .mag-operational-sort-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px;border-radius:4px} .mag-control .mag-operational-sort-mark{display:inline-block;width:10px;text-align:center;font-size:10px} .mag-control .mag-operational-label{color:var(--mag-link);font-weight:500} .mag-control .mag-operational-text{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom} .mag-control .mag-operational-sub{margin-left:6px;font-size:12px;color:var(--mag-text-muted)} .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-operational-age{display:inline-flex;align-items:center;gap:5px;min-width:52px;padding:0 6px;border-radius:6px;background:var(--mag-neutral-bg);color:var(--mag-neutral-text);font-weight:600;line-height:18px;white-space:nowrap} .mag-control .mag-operational-age-late{background:var(--mag-danger-bg);color:var(--mag-danger-text)} .mag-control .mag-operational-late-word{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-operational-due{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .mag-control .mag-operational-overdue{color:var(--mag-danger-text);font-weight:600} .mag-control .mag-operational-overdue svg{flex:0 0 auto} .mag-control .mag-operational-empty{padding:18px 16px;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-operational-empty strong{display:block;margin-bottom:2px;font-weight:600;color:var(--mag-text)} .mag-control .mag-operational-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:5px 12px;border-top:1px solid var(--mag-border);font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-operational-pager{margin-left:auto;display:inline-flex;align-items:center;gap:6px} .mag-control .mag-operational-page-button{display:inline-grid;place-items:center;width:var(--mag-control-h,32px);height:var(--mag-control-h,32px);padding:0;border:1px solid var(--mag-control-border);border-radius:var(--mag-radius-small);background:var(--mag-surface);color:var(--mag-text);cursor:pointer} .mag-control .mag-operational-page-button:hover:not(:disabled){background:var(--mag-hover)} .mag-control .mag-operational-page-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-operational-page-button:disabled{cursor:default;opacity:.45} @media(max-width:767px){.mag-control .mag-operational-scroll{max-height:none} .mag-control .mag-operational-text{max-width:160px} .mag-control .mag-operational-block select, .mag-control .mag-operational-block input[type="search"]{font-size:16px}} @media(max-width:767px),(pointer:coarse){.mag-control .mag-operational-block select, .mag-control .mag-operational-block input[type="search"], .mag-control .mag-operational-search-button, .mag-control .mag-operational-sort-button, .mag-control .mag-operational-clear, .mag-control .mag-operational-day-button{min-height:44px} .mag-control .mag-operational-page-button{width:44px;height:44px}} @media(forced-colors:active){.mag-control .mag-operational-age, .mag-control .mag-operational-active{border:1px solid CanvasText} .mag-control .mag-operational-day-button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px} .mag-control .mag-operational-scroll .mag-operational-table tbody tr[data-row-key]:focus-visible>*, .mag-control .mag-operational-scroll .mag-operational-table tbody tr[data-active="true"]>*{outline:2px solid Highlight;outline-offset:-2px}} @media print{.mag-control .mag-operational-foot, .mag-control .mag-operational-clear, .mag-control .mag-operational-search{display:none} .mag-control .mag-operational-scroll{max-height:none;overflow:visible} .mag-control .mag-operational-scroll .mag-operational-table tfoot td{position:static}} .mag-control .mag-operational-section-head{padding:10px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-operational-section-title{font-size:14px;font-weight:700;letter-spacing:-.15px} .mag-control .mag-operational-section-meta{font-size:12px} .mag-control .mag-operational-tiles{padding:10px 12px} .mag-control .mag-operational-tiles li strong{font-size:24px;letter-spacing:-.6px} .mag-control .mag-operational-summary{background:var(--mag-surface-subtle);padding:10px 12px} .mag-control .mag-operational-summary strong{font-size:17px} .mag-control .mag-operational-empty{margin:10px 12px;padding:16px;border:1px dashed var(--mag-border);border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-operational-empty strong{font-size:14px} .mag-control .mag-operational-table tbody tr:hover>*, .mag-control .mag-operational-table tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-operational-foot{padding:9px 12px;background:var(--mag-surface-subtle)} .mag-control .notice{border-left:3px solid var(--mag-info-mark)} /* ==== src/features/reports/families/f/family.module.css (module -> .mag-family-*) ==== */ .mag-control .mag-family-block{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;max-width:100%;--kit-row:var(--mag-dense-row,30px);--kit-font:var(--mag-dense-font,13px);--kit-pad:var(--mag-dense-pad-x,6px)} .mag-control .mag-family-block .mag-family-control-label{flex-wrap:wrap;max-width:100%;white-space:normal} .mag-control .mag-family-block .mag-family-control-label select{min-width:0;max-width:100%} .mag-control .mag-family-block[data-density="comfortable"]{--kit-row:36px;--kit-font:14px;--kit-pad:10px} .mag-control .mag-family-section{min-width:0;border-top:1px solid var(--mag-border)} .mag-control .mag-family-block>.mag-family-section:first-child{border-top:0} .mag-control .mag-family-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-height:32px;padding:6px var(--mag-panel-pad-x,12px) 2px} .mag-control .mag-family-section-title{margin:0;min-width:0;font-size:12.5px;line-height:1.35;font-weight:650;letter-spacing:0;color:var(--mag-text)} .mag-control .mag-family-section-count{font-size:12px;line-height:1.35;color:var(--mag-text-muted);white-space:nowrap} .mag-control .mag-family-section-meta{min-width:0;font-size:11.5px;line-height:1.35;color:var(--mag-text-muted)} .mag-control .mag-family-section-actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;line-height:1.35} .mag-control .mag-family-section-body{display:grid;gap:10px;min-width:0;padding:4px 12px 12px} .mag-control .mag-family-pad{display:grid;gap:10px;min-width:0;padding:4px 12px 10px} .mag-control .mag-family-note{margin:0;max-width:960px;font-size:12.5px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control p.mag-family-pad{display:block} .mag-control .mag-family-flush-note{padding:0 12px 8px} .mag-control .mag-family-chart-block{display:grid;gap:4px;min-width:0} .mag-control .mag-family-chart-title{margin:2px 0 0;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-family-empty{display:grid;gap:4px;padding:10px 12px 12px} .mag-control .mag-family-empty p{margin:0;max-width:760px;font-size:13px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-family-empty .mag-family-empty-title{font-size:13.5px;font-weight:650;color:var(--mag-text)} .mag-control .mag-family-missing, .mag-control .muted{color:var(--mag-text-muted)} .mag-control .mag-family-sub{display:inline;margin-left:6px;white-space:nowrap;font-size:11px;line-height:18px;font-weight:400;color:var(--mag-text-muted)} .mag-control .mag-family-cell-stack{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 6px} .mag-control .mag-family-measures.mag-family-measures td.mag-family-wrap-cell{min-width:200px;max-width:420px;white-space:normal} .mag-control .mag-family-details summary{cursor:pointer;min-height:18px;line-height:18px;font-size:12.5px;font-weight:500;color:var(--mag-text-secondary)} .mag-control .mag-family-details summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:4px} .mag-control .mag-family-details p{margin:4px 0;font-size:12.5px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-family-measures.mag-family-measures tbody th, .mag-control .mag-family-measures.mag-family-measures td{height:var(--mag-dense-row,30px);vertical-align:top;padding-top:var(--mag-dense-pad-y,6px);padding-bottom:var(--mag-dense-pad-y,6px);line-height:18px} .mag-control .mag-family-link{color:var(--mag-link);font-weight:500;text-decoration:none} .mag-control .mag-family-link:hover{text-decoration:underline} .mag-control .mag-family-link:focus-visible, .mag-control .mag-family-link-button:focus-visible, .mag-control .mag-family-head-button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:4px} .mag-control .mag-family-link-button{all:unset;box-sizing:border-box;cursor:pointer;color:var(--mag-link);font-weight:500;white-space:nowrap} .mag-control .mag-family-link-button:hover{text-decoration:underline} .mag-control .mag-family-head-button{all:unset;box-sizing:border-box;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit} .mag-control .mag-family-head-button:hover{color:var(--mag-link)} .mag-control .mag-family-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5;color:var(--mag-text-secondary)} .mag-control .mag-family-legend li{display:inline-flex;align-items:center;gap:6px} .mag-control ul.mag-family-pad{display:flex} .mag-control .mag-family-legend.mag-family-pad{padding:2px 12px 10px} .mag-control .mag-family-swatch{display:inline-block;width:14px;height:10px;border-radius:0 3px 3px 0} .mag-control .mag-family-swatch-count{background:var(--mag-chart-1)} .mag-control .mag-family-swatch-population{background:color-mix(in oklab,var(--mag-chart-1) 18%,var(--mag-surface))} .mag-control .mag-family-key-word{font-weight:600;color:var(--mag-text-muted)} .mag-control .mag-family-explorer{position:relative;min-width:0} .mag-control .mag-family-explorer-layer{position:absolute;left:0;top:0;width:100%;border-radius:4px;touch-action:pan-y} .mag-control .mag-family-explorer-layer:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px} .mag-control .mag-family-explorer-highlight{position:absolute;border-radius:4px;background:color-mix(in oklab,var(--mag-text) 7%,transparent);pointer-events:none} .mag-control .mag-family-explorer-layer:focus-visible .mag-family-explorer-highlight{box-shadow:inset 0 0 0 2px var(--mag-focus)} .mag-control .mag-family-explorer-tip{position:absolute;z-index:3;display:grid;padding:3px 8px;transform:translate(-50%,calc(-100% - 6px));border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);font-size:12px;line-height:17px;white-space:nowrap;color:var(--mag-text);pointer-events:none} .mag-control .mag-family-explorer-tip[data-align="start"]{transform:translate(0,calc(-100% - 6px))} .mag-control .mag-family-explorer-tip[data-align="end"]{transform:translate(-100%,calc(-100% - 6px))} .mag-control .mag-family-explorer-tip strong{font-weight:650;font-variant-numeric:tabular-nums} .mag-control .mag-family-explorer-tip span{color:var(--mag-text-secondary)} .mag-control .mag-family-meter-total{max-width:520px} .mag-control .mag-family-meters{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px 24px} .mag-control .mag-family-cohort-table.mag-family-cohort-table{width:auto;min-width:min(100%,640px)} .mag-control .mag-family-cohort-table.mag-family-cohort-table thead th.mag-family-group-head{text-align:center;box-shadow:inset 1px 0 0 var(--mag-border),inset 0 -1px 0 var(--mag-border)} .mag-control .mag-family-cohort-table.mag-family-cohort-table thead th.mag-family-wrap-head{min-width:96px;max-width:180px;height:auto;padding-block:4px;white-space:normal;vertical-align:bottom;line-height:1.25} .mag-control .mag-family-immature{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-family-partial-mark{margin-left:4px;font-size:11px;color:var(--mag-text-secondary)} @media(max-width:767px){.mag-control .mag-family-link-button, .mag-control .mag-family-head-button, .mag-control .mag-family-link{display:inline-flex;align-items:center;min-height:44px} .mag-control .mag-family-details summary{min-height:44px;line-height:44px} .mag-control .mag-family-section-head{padding-inline:10px} .mag-control .mag-family-section-body, .mag-control .mag-family-pad{padding-inline:10px}} @media(forced-colors:active){.mag-control .mag-family-explorer-highlight{background:transparent;outline:2px solid Highlight} .mag-control .mag-family-swatch-count{background:Highlight} .mag-control .mag-family-swatch-population{background:Canvas;outline:1px solid CanvasText} .mag-control .mag-family-explorer-tip{border:1px solid CanvasText}} @media print{.mag-control .mag-family-explorer-layer, .mag-control .mag-family-explorer-tip, .mag-control .mag-family-explorer-highlight{display:none} .mag-control .mag-family-head-button, .mag-control .mag-family-link-button{color:inherit}} .mag-control .mag-family-section-head{min-height:42px;padding:10px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-family-section-title{font-size:14px;font-weight:700;letter-spacing:-.15px} .mag-control .mag-family-section-meta{font-size:12px} .mag-control .mag-family-section-body, .mag-control .mag-family-pad{padding-top:12px;gap:12px} .mag-control .mag-family-chart-title{font-size:12px;letter-spacing:.025em;color:var(--mag-text)} .mag-control .mag-family-chart-block{gap:8px} .mag-control .mag-family-empty{margin:12px;padding:16px;border:1px dashed var(--mag-border);border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-family-empty .mag-family-empty-title{font-size:15px} .mag-control .mag-family-measures tbody tr:hover>*, .mag-control .mag-family-measures tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-family-legend{gap:6px 16px} .mag-control .mag-family-swatch{border-radius:3px} /* ==== src/features/reports/frame/frame.module.css (module -> .mag-frame-*) ==== */ .mag-control .mag-frame-root{display:flex;flex-direction:column;gap:10px;min-width:0;max-width:100%} .mag-control .mag-frame-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px} .mag-control .mag-frame-actions .button, .mag-control .mag-frame-actions .text-case-toggle{min-height:var(--mag-control-h,32px);height:var(--mag-control-h,32px);padding:0 10px;border-radius:10px;font-size:var(--mag-control-font,13px);gap:6px} .mag-control .mag-frame-actions .button[aria-disabled="true"]{opacity:.55;cursor:not-allowed} .mag-control .mag-frame-actions .button[aria-disabled="true"]:hover{background:var(--mag-surface)} .mag-control .mag-frame-action-note{flex-basis:100%;margin:0;text-align:right;font-size:12px;line-height:1.4;color:var(--mag-text-muted)} .mag-control .mag-frame-segmented{box-sizing:border-box;display:inline-flex;align-items:stretch;gap:2px;height:var(--mag-control-h,32px);padding:2px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface-subtle)} .mag-control .mag-frame-segment{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 9px;border-radius:8px;font-size:var(--mag-control-font,13px);line-height:1.2;font-weight:500;white-space:nowrap;color:var(--mag-text-secondary);cursor:pointer} .mag-control .mag-frame-segment:hover{background:var(--mag-hover);color:var(--mag-text)} .mag-control .mag-frame-segment[aria-pressed="true"]{background:var(--mag-surface-raised);color:var(--mag-selected-text);font-weight:600;box-shadow:0 0 0 1px var(--mag-border)} .mag-control .mag-frame-segment:focus-visible{outline:2px solid var(--mag-focus);outline-offset:1px} .mag-control .mag-frame-segment:disabled{opacity:.6;cursor:progress} .mag-control .mag-frame-basis-note{margin:0;font-size:12px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-frame-corrected{vertical-align:baseline} .mag-control .mag-frame-corrections-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:6px 12px;border-bottom:1px solid var(--mag-border);font-size:12px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-frame-correction-item{display:inline-flex;align-items:center;gap:4px;color:var(--mag-text)} .mag-control .mag-frame-excluded{position:relative;align-self:flex-start;font-size:12px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-frame-excluded>summary{min-height:22px;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px} .mag-control .mag-frame-excluded>summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:2px} .mag-control .mag-frame-excluded>ul{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--mag-z-popover);display:grid;gap:2px;min-width:220px;max-width:min(360px,calc(100vw - 32px));max-height:260px;overflow:auto;margin:0;padding:6px 10px;list-style:none;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface-raised);box-shadow:var(--mag-shadow-popover);color:var(--mag-text)} .mag-control .mag-frame-refresh{display:inline-flex;align-items:center;gap:4px} .mag-control .mag-frame-icon-button{display:inline-grid;place-items:center;width:24px;height:24px;min-height:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--mag-text-secondary)} .mag-control .mag-frame-icon-button:hover{background:var(--mag-hover);color:var(--mag-text)} .mag-control .mag-frame-updating{font-size:12px;color:var(--mag-text-muted)} .mag-control .mag-frame-root .mag-frame-flush.mag-frame-flush{margin:0} .mag-control .mag-frame-root details.mag-frame-flush.mag-frame-flush{padding:4px 10px;border-radius:8px;font-size:12px;line-height:1.45} .mag-control .mag-frame-root details.mag-frame-flush.mag-frame-flush>summary{padding:0;min-height:22px;align-content:center;font-size:12px;line-height:1.45} .mag-control .mag-frame-viewbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2px 12px;min-width:0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-frame-tabs{display:flex;gap:2px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none} .mag-control .mag-frame-tabs::-webkit-scrollbar{display:none} .mag-control .mag-frame-tab{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;height:36px;padding:0 8px;border-bottom:3px solid transparent;color:var(--mag-text-secondary);font-size:13.5px;line-height:1.2;font-weight:500;white-space:nowrap;cursor:pointer} .mag-control .mag-frame-tab:hover{color:var(--mag-text)} .mag-control .mag-frame-tab[aria-selected="true"]{color:var(--mag-selected-text);border-bottom-color:var(--mag-primary);font-weight:600} .mag-control .mag-frame-tab:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px;border-radius:4px 4px 0 0} .mag-control .mag-frame-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 8px;min-width:0;margin-left:auto;padding:3px 0 5px} .mag-control .mag-frame-toolbar select{width:auto;min-width:0;max-width:240px;height:var(--mag-control-h,32px);min-height:var(--mag-control-h,32px);padding:0 4px 0 8px;border-radius:var(--mag-control-radius,8px);font-size:var(--mag-control-font,13px);line-height:1.2} .mag-control .mag-frame-toolbar .button{min-height:var(--mag-control-h,32px);padding:0 10px;font-size:var(--mag-control-font,13px);gap:6px} .mag-control .mag-frame-toolbar .button.text{padding-left:2px;padding-right:2px} .mag-control .mag-frame-tabpanel{min-width:0;border-radius:var(--mag-radius-card)} .mag-control .mag-frame-tabpanel:focus-visible{outline:2px solid var(--mag-focus);outline-offset:4px} .mag-control .mag-frame-busy{opacity:.62;transition:opacity .15s ease} .mag-control .mag-frame-root .mag-frame-panel-button.button{min-height:28px;padding:0 4px;font-size:12.5px;gap:4px} .mag-control .mag-frame-root .mag-frame-small-button.button{min-height:var(--mag-control-h,32px);padding:0 12px;font-size:var(--mag-control-font,13px);gap:6px} .mag-control .mag-frame-inline-link{all:unset;color:var(--mag-link);cursor:pointer;text-decoration:underline;text-underline-offset:2px} .mag-control .mag-frame-inline-link:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:2px} .mag-control .mag-frame-focus-target:focus{outline:none} .mag-control .mag-frame-focus-target:focus-visible{outline:2px solid var(--mag-focus);outline-offset:2px;border-radius:2px} .mag-control .mag-frame-filter-card{border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface);overflow:hidden} .mag-control .mag-frame-filter-card>[role="group"]{border-bottom:0} .mag-control .mag-frame-tiles-block{display:grid;gap:4px;min-width:0} .mag-control .mag-frame-tiles-more{margin:0;font-size:var(--mag-tile-context,12px);line-height:18px;color:var(--mag-text-muted)} .mag-control .mag-frame-tiles-more .mag-frame-inline-link{color:var(--mag-link)} .mag-control .mag-frame-root .mag-frame-state-notice.notice{margin:0;padding:6px 10px;border-radius:8px;font-size:12.5px;line-height:1.45} .mag-control .mag-frame-root .mag-frame-records-notice.notice{margin:6px 12px 0;padding:5px 10px;border-radius:8px;font-size:12.5px;line-height:1.45} .mag-control .mag-frame-trend-missing{display:grid;gap:2px;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--mag-text-secondary)} .mag-control .mag-frame-trend-missing p{margin:0} .mag-control .mag-frame-trend-missing summary{padding:2px 0;font-size:12.5px;font-weight:500} .mag-control .mag-frame-trend-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;width:100%} .mag-control .mag-frame-status{display:grid;gap:8px;padding:4px 12px 14px;font-size:13px;line-height:1.5} .mag-control .mag-frame-status p{margin:0} .mag-control .mag-frame-status h3{margin:8px 0 0;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-frame-status .detail-list>div{padding:7px 0;font-size:13px} .mag-control .mag-frame-status .notice{padding:8px 10px;font-size:12.5px} .mag-control .mag-frame-error{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 10px;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-danger-bg);color:var(--mag-danger-text);font-size:13px;line-height:1.45} .mag-control .mag-frame-error p{flex:1 1 260px;margin:0} @media (max-width:767px){.mag-control .mag-frame-actions{position:relative;justify-content:flex-start} .mag-control .mag-frame-actions :has(>[aria-haspopup="menu"]){position:static} .mag-control .mag-frame-actions :has(>[aria-haspopup="menu"])>div{left:0;right:0;width:auto} .mag-control .mag-frame-segmented{height:auto;min-height:44px} .mag-control .mag-frame-segment{min-height:40px} .mag-control .mag-frame-action-note{text-align:left} .mag-control .mag-frame-actions .button, .mag-control .mag-frame-actions .text-case-toggle, .mag-control .mag-frame-toolbar .button, .mag-control .mag-frame-toolbar select, .mag-control .mag-frame-root .mag-frame-small-button.button, .mag-control .mag-frame-root .mag-frame-panel-button.button{min-height:44px} .mag-control .mag-frame-tab{height:44px} .mag-control .mag-frame-toolbar{justify-content:flex-start;width:100%;margin-left:0} .mag-control .mag-frame-toolbar select{flex:1 1 180px;max-width:none} .mag-control .mag-frame-icon-button{width:44px;height:44px}} @media (max-width:479px){.mag-control .mag-frame-root [role="group"][aria-label="Report filters"] label{flex:1 1 100%;flex-wrap:wrap;white-space:normal} .mag-control .mag-frame-root [role="group"][aria-label="Report filters"] select{flex:1 1 160px;max-width:100%}} @media (prefers-reduced-motion:reduce){.mag-control .mag-frame-busy{transition:none}} :root[data-motion="reduced"] .mag-frame-busy{transition:none} @media (forced-colors:active){.mag-control .mag-frame-tab[aria-selected="true"]{border-bottom-color:Highlight} .mag-control .mag-frame-segment[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px} .mag-control .mag-frame-actions .button[aria-disabled="true"]{border-style:dashed}} @media print{.mag-control .mag-frame-actions, .mag-control .mag-frame-toolbar, .mag-control .mag-frame-refresh{display:none} .mag-control .mag-frame-busy{opacity:1} .mag-control .mag-frame-excluded>ul{position:static;box-shadow:none}} .mag-control .mag-frame-root{gap:12px} .mag-control .mag-frame-basis-note{padding:8px 12px;border-left:3px solid var(--mag-chart-1);background:var(--mag-surface-subtle);border-radius:0 8px 8px 0} .mag-control .mag-frame-corrections-line{padding:10px 12px;background:var(--mag-surface-subtle)} .mag-control .mag-frame-tabpanel{border-radius:12px} .mag-control .mag-frame-error{padding:12px 14px;border-radius:12px} .mag-control .mag-frame-root details.mag-frame-flush.mag-frame-flush{border-radius:10px} .mag-control .mag-frame-action-note{font-size:12px} .mag-control .mag-frame-methodology{margin-top:20px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);padding:12px 16px;min-width:0;overflow-wrap:anywhere} .mag-control .mag-frame-methodology>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-frame-methodology[open]>summary{margin-bottom:16px} .mag-control .mag-frame-demo-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-left:3px solid var(--mag-chart-1);border-radius:7px;background:var(--mag-surface-subtle);font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-frame-demo-context strong, .mag-control .mag-frame-demo-context a{color:var(--mag-chart-1)} .mag-control .mag-frame-demo-context a{margin-left:auto;min-height:30px;display:inline-flex;align-items:center} .mag-control .mag-frame-dive-line{ margin: 6px 0 0; } /* ==== src/features/reports/native-views.module.css (module -> .mag-native-views-*) ==== */ .mag-control .mag-native-views-native{padding:var(--mag-space-24,1.5rem);display:grid;gap:var(--mag-space-24,1.5rem);min-width:0} .mag-control .mag-native-views-native>p{margin:0} .mag-control .mag-native-views-aging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem} .mag-control .mag-native-views-age-card{background:var(--mag-surface-subtle);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control,12px);padding:1rem;display:grid;gap:.5rem} .mag-control .mag-native-views-age-card>span{font-size:.875rem;color:var(--mag-text-secondary)} .mag-control .mag-native-views-age-card strong{font-size:1.5rem;line-height:1.4;font-variant-numeric:tabular-nums} .mag-control .mag-native-views-age-card p{margin:0;color:var(--mag-text-secondary);font-variant-numeric:tabular-nums} .mag-control .mag-native-views-bridge{display:grid;gap:1rem} .mag-control .mag-native-views-bridge-row{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(10rem,2fr) minmax(7rem,1fr);gap:1rem;align-items:center;font-size:.875rem} .mag-control .mag-native-views-bridge-row strong{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-native-views-bridge-track{height:1.5rem;position:relative;background:var(--mag-surface-subtle);border-radius:4px} .mag-control .mag-native-views-bridge-track::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--mag-control-border)} .mag-control .mag-native-views-bridge-track i{display:block;height:100%;position:absolute;border-radius:3px} .mag-control .mag-native-views-positive-bar{left:50%;background:var(--mag-chart-1)} .mag-control .mag-native-views-negative-bar{right:50%;background:var(--mag-chart-2)} .mag-control .mag-native-views-native a{color:var(--mag-link,var(--mag-primary));text-decoration:underline;text-underline-offset:.2em} .mag-control .mag-native-views-native a:focus-visible, .mag-control .mag-native-views-native summary:focus-visible{outline:2px solid var(--mag-focus);outline-offset:4px} .mag-control .mag-native-views-native details summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;font-weight:600} @media(max-width:767px){.mag-control .mag-native-views-native{padding:1rem;gap:1rem} .mag-control .mag-native-views-bridge-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem} .mag-control .mag-native-views-bridge-track{grid-row:2;grid-column:1/-1}} @media screen{.mag-control .mag-native-views-native{ padding: 12px; gap: 12px; font-size: 14px; } .mag-control .mag-native-views-aging-grid{ gap: 8px; } .mag-control .mag-native-views-age-card{ padding: 8px 10px; gap: 3px; border-radius: 8px; } .mag-control .mag-native-views-age-card > span{ font-size: 12px; line-height: 1.4; } .mag-control .mag-native-views-age-card strong{ font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; } .mag-control .mag-native-views-age-card p{ font-size: 14px; line-height: 1.4; } .mag-control .mag-native-views-bridge{ gap: 0; } .mag-control .mag-native-views-bridge-row{ min-height: 36px; padding: 6px 0; gap: 12px; border-bottom: 1px solid var(--mag-border); } .mag-control .mag-native-views-bridge-row:last-child{ border-bottom: 0; } .mag-control .mag-native-views-bridge-row > span, .mag-control .mag-native-views-bridge-row strong{ min-width: 0; overflow-wrap: anywhere; } .mag-control .mag-native-views-bridge-track{ height: 18px; }} @media screen and (min-width: 768px){.mag-control .mag-native-views-native details summary{ min-height: 32px; font-size: 12px; }} @media screen and (max-width: 767px){.mag-control .mag-native-views-native{ padding: 10px; gap: 10px; } .mag-control .mag-native-views-native a, .mag-control .mag-native-views-native summary{ min-height: 44px; } .mag-control .mag-native-views-native a{ display: inline-flex; align-items: center; } .mag-control .mag-native-views-native details summary{ min-height: 44px; } .mag-control .mag-native-views-bridge-row{ gap: 6px; }} .mag-control .mag-native-views-native{gap:18px} .mag-control .mag-native-views-age-card{background:var(--mag-surface);border-radius:12px;padding:16px;border-top:3px solid var(--mag-chart-1)} .mag-control .mag-native-views-age-card strong{font-size:28px;letter-spacing:-.6px} .mag-control .mag-native-views-bridge-track{border-radius:6px;background:var(--mag-surface-subtle)} .mag-control .mag-native-views-bridge-row{padding:8px 0;border-bottom:1px solid var(--mag-border)} @media(max-width:767px){.mag-control .mag-native-views-bridge-row{grid-template-columns:minmax(0,1fr) minmax(70px,1fr);gap:8px} .mag-control .mag-native-views-bridge-track{grid-column:1/-1;grid-row:2} .mag-control .mag-native-views-bridge-row strong{grid-column:2;grid-row:1}} /* ==== src/features/reports/operating-overview.module.css (module -> .mag-operating-overview-*) ==== */ .mag-control .mag-operating-overview-root{ min-width: 0; } .mag-control .mag-operating-overview-trend-review{margin:12px -12px;border-top:1px solid var(--mag-border);border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-overview-trend-review>label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-operating-overview-trend-review select{max-width:100%;min-height:32px;border:1px solid var(--mag-control-border);border-radius:6px;background:var(--mag-surface);color:var(--mag-text);font-size:13px;padding:4px 8px} .mag-control .mag-operating-overview-heading{ display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 28px; } .mag-control .mag-operating-overview-eyebrow{ font-size: 11px; letter-spacing: 0.12em; color: var(--mag-text-muted); font-weight: 650; margin-bottom: 8px; } .mag-control .mag-operating-overview-heading h1{ font-size: 30px; font-weight: 650; line-height: 40px; letter-spacing: -0.7px; } .mag-control .mag-operating-overview-heading > div > p:last-child{ color: var(--mag-text-secondary); font-size: 14px; margin-top: 7px; } .mag-control .mag-operating-overview-tabs{ display: flex; align-items: center; gap: 28px; overflow: auto; white-space: nowrap; border-bottom: 1px solid var(--mag-border); } .mag-control .mag-operating-overview-tabs > button, .mag-control .mag-operating-overview-tabs > a{ display: flex; align-items: center; gap: 8px; min-height: 48px; color: var(--mag-text-secondary); background: none; border: 0; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 550; padding: 0; } .mag-control .mag-operating-overview-tabs > [aria-current="page"]{ color: var(--mag-link); border-color: var(--mag-primary); } .mag-control .mag-operating-overview-context{ display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 18px 0; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-operating-overview-context a{ display: flex; align-items: center; gap: 8px; } .mag-control .mag-operating-overview-metrics{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--mag-border); border-radius: 20px; background: var(--mag-surface); overflow: hidden; margin-bottom: 24px; } .mag-control .mag-operating-overview-metrics > :is(button, .mag-control a){ display: flex; flex-direction: column; text-align: left; gap: 8px; padding: 18px 22px; border: 0; border-right: 1px solid var(--mag-border); background: none; color: var(--mag-text); } .mag-control .mag-operating-overview-metrics > :is(button, .mag-control a):last-child{ border: 0; } .mag-control .mag-operating-overview-metrics span{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-operating-overview-metrics strong{ font-size: 28px; font-weight: 600; letter-spacing: -0.5px; font-variant-numeric: tabular-nums; } .mag-control .mag-operating-overview-metrics small{ font-size: 11px; color: var(--mag-text-muted); display: flex; align-items: center; justify-content: space-between; gap: 12px; } .mag-control .mag-operating-overview-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; align-items: start; } .mag-control .mag-operating-overview-table-panel, .mag-control .mag-operating-overview-review{ background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: 20px; overflow: hidden; min-width: 0; box-shadow: var(--mag-shadow-card); } .mag-control .mag-operating-overview-table-heading{ display: flex; justify-content: space-between; align-items: start; gap: 16px; padding: 20px 20px 14px; } .mag-control .mag-operating-overview-table-heading h2, .mag-control .mag-operating-overview-review h2{ font-size: 17px; font-weight: 650; line-height: 24px; } .mag-control .mag-operating-overview-table-heading p, .mag-control .mag-operating-overview-review > p{ font-size: 12px; line-height: 18px; color: var(--mag-text-secondary); margin-top: 5px; } .mag-control .mag-operating-overview-filters{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px 18px; } .mag-control .mag-operating-overview-filters label{ display: flex; align-items: center; gap: 8px; border: 1px solid var(--mag-control-border); border-radius: 10px; padding: 0 10px; max-width: 360px; flex: 1; height: 36px; color: var(--mag-text-muted); } .mag-control .mag-operating-overview-filters input{ background: none; border: 0; height: 34px; padding: 0; font-size: 13px; width: 100%; min-width: 0; } .mag-control .mag-operating-overview-filters > span{ font-size: 11px; color: var(--mag-text-muted); } .mag-control .mag-operating-overview-scroll{ overflow: auto; max-height: 680px; position: relative; } .mag-control .mag-operating-overview-scroll table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; } .mag-control .mag-operating-overview-scroll td, .mag-control .mag-operating-overview-scroll th{ padding: 12px 10px; border-bottom: 1px solid var(--mag-border); text-align: right; font-weight: 450; } .mag-control .mag-operating-overview-scroll thead th{ position: sticky; top: 0; background: var(--mag-surface-subtle); z-index: 2; font-size: 11px; color: var(--mag-text-secondary); } .mag-control .mag-operating-overview-scroll th:nth-child(2){ text-align: left; position: sticky; left: 0; z-index: 1; min-width: 215px; max-width: 250px; background: var(--mag-surface); } .mag-control .mag-operating-overview-scroll thead th:nth-child(2){ z-index: 3; background: var(--mag-surface-subtle); } .mag-control .mag-operating-overview-scroll th button{ display: flex; align-items: center; gap: 6px; justify-content: flex-end; background: none; border: 0; color: inherit; font: inherit; width: 100%; padding: 0; } .mag-control .mag-operating-overview-scroll tbody th button{ justify-content: space-between; text-align: left; white-space: normal; font-weight: 550; gap: 12px; min-height: 24px; } .mag-control .mag-operating-overview-scroll td > a{ color: var(--mag-text); text-decoration: underline; text-decoration-color: var(--mag-border); text-underline-offset: 4px; } .mag-control .mag-operating-overview-scroll .mag-operating-overview-selected th, .mag-control .mag-operating-overview-scroll .mag-operating-overview-selected td{ background: var(--mag-selected-bg); } .mag-control .mag-operating-overview-scroll tbody tr:hover th, .mag-control .mag-operating-overview-scroll tbody tr:hover td{ background: var(--mag-hover); } .mag-control .mag-operating-overview-scroll .mag-operating-overview-negative a{ color: var(--mag-danger-text); } .mag-control .mag-operating-overview-mix{ height: 4px; width: 60px; background: var(--mag-neutral-bg); border-radius: 5px; margin: 5px 0 0 auto; overflow: hidden; } .mag-control .mag-operating-overview-mix i{ display: block; height: 100%; background: var(--mag-chart-3); } .mag-control .mag-operating-overview-foot{ font-size: 11px; line-height: 18px; color: var(--mag-text-muted); padding: 14px 20px; } .mag-control .mag-operating-overview-review{ padding: 20px; } .mag-control .mag-operating-overview-review h3{ font-size: 16px; line-height: 23px; color: var(--mag-link); font-weight: 600; margin-top: 20px; } .mag-control .mag-operating-overview-review dl{ margin: 18px 0; } .mag-control .mag-operating-overview-review dl > div{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--mag-border); } .mag-control .mag-operating-overview-review dt{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-operating-overview-review dd{ font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; } .mag-control .mag-operating-overview-review .button{ width: 100%; margin: 5px 0; min-height: 40px; font-size: 13px; } .mag-control .mag-operating-overview-secondary-link{ display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 12px; margin-top: 18px; } .mag-control .mag-operating-overview-next{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; margin-top: 24px; } .mag-control .mag-operating-overview-next > a{ display: flex; align-items: center; gap: 16px; padding: 20px 24px; border: 1px solid var(--mag-border); border-radius: 16px; color: var(--mag-text); background: var(--mag-surface); } .mag-control .mag-operating-overview-next > a > svg:last-child{ margin-left: auto; flex-shrink: 0; } .mag-control .mag-operating-overview-next strong{ display: block; font-size: 14px; font-weight: 600; } .mag-control .mag-operating-overview-next span{ display: block; color: var(--mag-text-secondary); font-size: 12px; line-height: 18px; margin-top: 5px; } .mag-control .mag-operating-overview-loading{ padding: 36px !important; text-align: center !important; color: var(--mag-text-muted); } @media (max-width: 1399px){.mag-control .mag-operating-overview-grid{ grid-template-columns: minmax(0, 1fr); } .mag-control .mag-operating-overview-review{ display: block; } .mag-control .mag-operating-overview-heading{ align-items: start; } .mag-control .mag-operating-overview-heading h1{ font-size: 27px; }} @media (max-width: 767px){.mag-control .mag-operating-overview-heading{ display: block; margin-bottom: 18px; } .mag-control .mag-operating-overview-heading .button{ margin-top: 16px; width: 100%; } .mag-control .mag-operating-overview-heading h1{ font-size: 26px; line-height: 34px; } .mag-control .mag-operating-overview-tabs{ gap: 22px; } .mag-control .mag-operating-overview-context{ font-size: 11px; padding: 14px 0; } .mag-control .mag-operating-overview-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mag-control .mag-operating-overview-metrics > :is(button, .mag-control a){ padding: 16px; border-bottom: 1px solid var(--mag-border); } .mag-control .mag-operating-overview-metrics > :is(button, .mag-control a):nth-child(2){ border-right: 0; } .mag-control .mag-operating-overview-metrics strong{ font-size: 24px; } .mag-control .mag-operating-overview-table-heading{ padding: 16px; flex-wrap: wrap; } .mag-control .mag-operating-overview-filters{ padding: 0 16px 16px; } .mag-control .mag-operating-overview-filters > span{ display: none; } .mag-control .mag-operating-overview-scroll th:nth-child(2){ min-width: 175px; max-width: 175px; } .mag-control .mag-operating-overview-scroll tbody th button{ min-height: 44px; } .mag-control .mag-operating-overview-scroll th, .mag-control .mag-operating-overview-scroll td{ padding: 9px; } .mag-control .mag-operating-overview-next{ grid-template-columns: 1fr; } .mag-control .mag-operating-overview-next > a{ padding: 18px; } .mag-control .mag-operating-overview-review{ display: block; } .mag-control .mag-operating-overview-review > dl{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }} .mag-control .mag-operating-overview-review .entity-follow-up > span{ display: block; font-size: 11px; line-height: 17px; color: var(--mag-text-secondary); margin: 8px 0; } .mag-control .mag-operating-overview-heading{margin-bottom:18px} .mag-control .mag-operating-overview-heading h1{font-size:27px;line-height:34px} .mag-control .mag-operating-overview-heading>div>p:last-child{font-size:13px;margin-top:5px} .mag-control .mag-operating-overview-tabs>button, .mag-control .mag-operating-overview-tabs>a{min-height:42px} .mag-control .mag-operating-overview-context{padding:12px 0} .mag-control .mag-operating-overview-metrics{margin-bottom:20px} .mag-control .mag-operating-overview-metrics>button{padding:14px 18px;gap:6px} .mag-control .mag-operating-overview-metrics strong{font-size:26px} .mag-control .mag-operating-overview-table-heading{padding:16px 16px 10px} .mag-control .mag-operating-overview-filters{padding:0 16px 12px} .mag-control .mag-operating-overview-scroll td, .mag-control .mag-operating-overview-scroll th{padding:10px} .mag-control .mag-operating-overview-reference-filters{display:flex;flex-wrap:wrap;gap:16px;padding:18px 0} .mag-control .mag-operating-overview-reference-filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-operating-overview-reference-filters select{min-width:180px;height:38px;font-size:13px;color:var(--mag-text);background:var(--mag-surface);border:1px solid var(--mag-control-border);border-radius:10px;padding:0 32px 0 10px} .mag-control .mag-operating-overview-review dl{margin:14px 0} @media(max-width:767px){.mag-control .mag-operating-overview-reference-filters{gap:12px} .mag-control .mag-operating-overview-reference-filters label{flex:1;min-width:130px} .mag-control .mag-operating-overview-reference-filters select{min-width:0;width:100%} .mag-control .mag-operating-overview-heading h1{font-size:25px;line-height:32px}} .mag-control .mag-operating-overview-root{--oo-row:var(--mag-dense-row,30px);--oo-font:var(--mag-dense-font,13px);--oo-head-font:var(--mag-dense-head-font,11px);--oo-pad-x:var(--mag-dense-pad-x,10px);--oo-tile-value:var(--mag-tile-value,20px);--oo-tile-label:var(--mag-tile-label,11px);--oo-tile-context:var(--mag-tile-context,12px);--oo-control-h:var(--mag-control-h,32px);--oo-control-font:var(--mag-control-font,13px);--oo-panel-head:var(--mag-panel-head,40px);--oo-title:var(--mag-page-title,22px);--oo-touch:var(--mag-touch-target,44px)} @media(min-width:768px){.mag-control .mag-operating-overview-heading{margin-bottom:6px;gap:12px} .mag-control .mag-operating-overview-heading h1{font-size:var(--oo-title);line-height:28px;letter-spacing:-.01em} .mag-control .mag-operating-overview-eyebrow{margin-bottom:2px} .mag-control .mag-operating-overview-heading>div>p:last-child{margin-top:2px;font-size:13px} .mag-control .mag-operating-overview-tabs{gap:18px} .mag-control .mag-operating-overview-tabs>button, .mag-control .mag-operating-overview-tabs>a{min-height:36px;font-size:var(--oo-control-font)} .mag-control .mag-operating-overview-context{padding:6px 0;font-size:12px} .mag-control .mag-operating-overview-metrics{margin:6px 0 10px;border-radius:12px} .mag-control .mag-operating-overview-metrics>:is(button, .mag-control a){padding:8px 10px;gap:1px} .mag-control .mag-operating-overview-metrics span{font-size:var(--oo-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-operating-overview-metrics strong{font-size:var(--oo-tile-value);line-height:26px;letter-spacing:0} .mag-control .mag-operating-overview-metrics small{font-size:var(--oo-tile-context)} .mag-control .mag-operating-overview-grid{gap:10px} .mag-control .mag-operating-overview-table-panel, .mag-control .mag-operating-overview-review{border-radius:12px;box-shadow:none} .mag-control .mag-operating-overview-table-heading{align-items:center;min-height:var(--oo-panel-head);padding:6px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border);box-sizing:border-box} .mag-control .mag-operating-overview-table-heading h2, .mag-control .mag-operating-overview-review h2{font-size:15px;line-height:20px} .mag-control .mag-operating-overview-table-heading p{margin-top:1px} .mag-control .mag-operating-overview-filters{padding:6px 12px;gap:8px 12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-overview-filters label{height:var(--oo-control-h);max-width:300px} .mag-control .mag-operating-overview-filters input{height:30px;font-size:var(--oo-control-font)} .mag-control .mag-operating-overview-reference-filters{padding:8px 0;gap:6px 12px;align-items:center} .mag-control .mag-operating-overview-reference-filters label{flex-direction:row;align-items:center;gap:6px;font-size:12px} .mag-control .mag-operating-overview-reference-filters select{height:var(--oo-control-h);min-width:160px;font-size:var(--oo-control-font)} .mag-control .mag-operating-overview-scroll table{font-size:var(--oo-font)} .mag-control .mag-operating-overview-scroll td, .mag-control .mag-operating-overview-scroll th{height:var(--oo-row);padding:4px var(--oo-pad-x);font-size:var(--oo-font);line-height:18px;box-sizing:border-box} .mag-control .mag-operating-overview-scroll thead th{padding-block:0;font-size:var(--oo-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase} .mag-control .mag-operating-overview-scroll thead th button{text-transform:inherit;letter-spacing:inherit} .mag-control .mag-operating-overview-scroll tbody th button{min-height:18px} .mag-control .mag-operating-overview-scroll tbody th .review-disclosure{min-height:22px;padding:0 4px 0 0;gap:6px} .mag-control .mag-operating-overview-foot{padding:5px 12px;font-size:12px;border-top:1px solid var(--mag-border)} .mag-control .mag-operating-overview-review{padding:0 12px 12px} .mag-control .mag-operating-overview-review h2{margin:0 -12px;padding:10px 12px;min-height:var(--oo-panel-head);box-sizing:border-box;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-overview-review h3{font-size:14px;margin-top:10px} .mag-control .mag-operating-overview-review dl{margin:8px 0} .mag-control .mag-operating-overview-review dl>div{padding:6px 0} .mag-control .mag-operating-overview-review dd{font-size:var(--oo-font)} .mag-control .mag-operating-overview-review .button{min-height:var(--oo-control-h);font-size:var(--oo-control-font)}} @media(pointer:coarse){.mag-control .mag-operating-overview-tabs>button, .mag-control .mag-operating-overview-tabs>a, .mag-control .mag-operating-overview-filters label, .mag-control .mag-operating-overview-reference-filters select, .mag-control .mag-operating-overview-review .button, .mag-control .mag-operating-overview-scroll tbody th .review-disclosure{min-height:var(--oo-touch)}} @media(max-width:767px){.mag-control .mag-operating-overview-trend-review select{font-size:16px;min-height:44px}} .mag-control .mag-operating-overview-root{--ov-row:var(--mag-dense-row,30px);--ov-font:var(--mag-dense-font,13px);--ov-head:var(--mag-dense-head-font,11px);--ov-control:var(--mag-control-h,32px);--ov-tile:var(--mag-tile-value,20px);--ov-tile-label:var(--mag-tile-label,11px);--ov-tile-context:var(--mag-tile-context,12px);--ov-title:var(--mag-page-title,22px)} @media(min-width:901px){.mag-control .mag-operating-overview-heading h1{font-size:var(--ov-title);line-height:1.2} .mag-control .mag-operating-overview-heading .button{min-height:var(--ov-control);padding-block:0;font-size:13px} .mag-control .mag-operating-overview-tabs{gap:20px} .mag-control .mag-operating-overview-tabs>button, .mag-control .mag-operating-overview-tabs>a{min-height:var(--ov-control);font-size:13px} .mag-control .mag-operating-overview-metrics{border-radius:var(--mag-radius-card)} .mag-control .mag-operating-overview-metrics>:is(button, .mag-control a){padding:6px 12px;gap:1px} .mag-control .mag-operating-overview-metrics span{font-size:var(--ov-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-operating-overview-metrics strong{font-size:var(--ov-tile);line-height:1.3;font-weight:650;letter-spacing:0} .mag-control .mag-operating-overview-metrics small{font-size:var(--ov-tile-context)} .mag-control .mag-operating-overview-grid{gap:10px} .mag-control .mag-operating-overview-table-panel, .mag-control .mag-operating-overview-review{border-radius:var(--mag-radius-card);box-shadow:none} .mag-control .mag-operating-overview-table-heading{align-items:center;min-height:40px;padding:4px 12px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border)} .mag-control .mag-operating-overview-table-heading h2, .mag-control .mag-operating-overview-review h2{font-size:13px;line-height:1.3} .mag-control .mag-operating-overview-table-heading p{margin-top:0} .mag-control .mag-operating-overview-table-heading .button{min-height:var(--ov-control);padding-block:0;font-size:13px} .mag-control .mag-operating-overview-filters{padding:6px 12px} .mag-control .mag-operating-overview-filters label{height:var(--ov-control)} .mag-control .mag-operating-overview-filters input{height:30px} .mag-control .mag-operating-overview-scroll table{font-size:var(--ov-font)} .mag-control .mag-operating-overview-scroll td, .mag-control .mag-operating-overview-scroll th{height:var(--ov-row);padding:1px 10px;font-size:var(--ov-font);line-height:1.3} .mag-control .mag-operating-overview-scroll thead th{font-size:var(--ov-head);font-weight:700;letter-spacing:.045em;text-transform:uppercase;padding-block:4px} .mag-control .mag-operating-overview-scroll tbody th button{min-height:0} .mag-control .mag-operating-overview-mix{margin-top:2px;height:3px} .mag-control .mag-operating-overview-foot{padding:6px 12px} .mag-control .mag-operating-overview-review{padding:10px 12px} .mag-control .mag-operating-overview-review h3{font-size:14px;margin-top:8px} .mag-control .mag-operating-overview-review dl{margin:8px 0} .mag-control .mag-operating-overview-review dl>div{padding:5px 0} .mag-control .mag-operating-overview-review .button{min-height:var(--ov-control);margin:3px 0} .mag-control .mag-operating-overview-secondary-link{margin-top:8px} .mag-control .mag-operating-overview-next{gap:10px;margin-top:10px} .mag-control .mag-operating-overview-next>a{padding:10px 14px;border-radius:var(--mag-radius-card)}} @media(pointer:coarse){.mag-control .mag-operating-overview-tabs>button, .mag-control .mag-operating-overview-tabs>a, .mag-control .mag-operating-overview-scroll tbody th button, .mag-control .mag-operating-overview-review .button, .mag-control .mag-operating-overview-filters label{min-height:44px;height:auto}} .mag-control .mag-operating-overview-heading h1{font-size:28px;letter-spacing:-.6px} .mag-control .mag-operating-overview-trend-review{border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-operating-overview-eyebrow{color:var(--mag-text-secondary)} .mag-control .mag-operating-overview-table-panel{border-radius:12px;border:1px solid var(--mag-border);background:var(--mag-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-operating-overview-table-heading{background:var(--mag-surface);padding:12px 14px} .mag-control .mag-operating-overview-table-heading h2{font-size:17px;font-weight:700;letter-spacing:-.25px} .mag-control .mag-operating-overview-scroll table tbody tr:hover>*, .mag-control .mag-operating-overview-scroll table tbody tr:focus-within>*{background:var(--mag-hover)} .mag-control .mag-operating-overview-metrics>div{border-radius:10px} .mag-control .mag-operating-overview-metrics strong{font-variant-numeric:tabular-nums} .mag-control .mag-operating-overview-loading{padding:20px;border:1px dashed var(--mag-border);border-radius:12px;background:var(--mag-surface-subtle)} /* ==== src/features/reports/pace-comparison.module.css (module -> .mag-pace-comparison-*) ==== */ .mag-control .mag-pace-comparison-root{container-type:inline-size;min-width:0;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);overflow:visible} .mag-control .mag-pace-comparison-root header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap} .mag-control .mag-pace-comparison-root header p, .mag-control .mag-pace-comparison-root header>span{font-size:12px;color:var(--mag-text-secondary);margin:0} .mag-control .mag-pace-comparison-root h2{font-size:17px;margin:4px 0 0} .mag-control .mag-pace-comparison-table{width:100%;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-pace-comparison-head, .mag-control .mag-pace-comparison-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:10px;padding:12px 18px;border-top:1px solid var(--mag-border)} .mag-control .mag-pace-comparison-head{font-size:11px;color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-pace-comparison-row>div{min-width:0;overflow-wrap:anywhere} .mag-control .mag-pace-comparison-row strong{font-size:15px;font-weight:650} .mag-control .mag-pace-comparison-row small{display:block;margin-top:4px;font-size:11px;color:var(--mag-text-secondary);line-height:1.45} .mag-control .mag-pace-comparison-row button{border:0;background:none;color:var(--mag-link);font:inherit;text-align:left;padding:0;min-height:28px;cursor:pointer} .mag-control .mag-pace-comparison-row button:focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} .mag-control .mag-pace-comparison-gap{padding:6px 8px;border-radius:6px;align-self:start;background:var(--mag-surface-subtle)} .mag-control .mag-pace-comparison-row[data-performance="favorable"] .mag-pace-comparison-gap{background:var(--mag-success-bg,#e8f5ed);color:var(--mag-success-text,#166534)} .mag-control .mag-pace-comparison-row[data-performance="adverse"] .mag-pace-comparison-gap{background:var(--mag-danger-bg,#fdecec);color:var(--mag-danger-text,#a11d2c)} .mag-control .mag-pace-comparison-gap small{color:inherit} .mag-control .mag-pace-comparison-expand{display:block;width:100%;padding:10px;border:0;border-top:1px solid var(--mag-border);background:var(--mag-surface-subtle);color:var(--mag-link);cursor:pointer;font:inherit;font-size:12px;min-height:44px} .mag-control .mag-pace-comparison-expand:focus-visible{outline:2px solid var(--mag-focus);outline-offset:-2px} @container(max-width:720px){.mag-control .mag-pace-comparison-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)} .mag-control .mag-pace-comparison-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px} .mag-control .mag-pace-comparison-row>div:first-child{grid-column:1/-1} .mag-control .mag-pace-comparison-row [data-label]:before{content:attr(data-label);display:block;font-size:11px;color:var(--mag-text-secondary);margin-bottom:4px} .mag-control .mag-pace-comparison-row button{min-height:44px} .mag-control .mag-pace-comparison-root header{padding:14px}} /* ==== src/features/reports/primary-analysis.module.css (module -> .mag-primary-analysis-*) ==== */ .mag-control .mag-primary-analysis-analysis{display:flex;gap:16px;align-items:stretch;margin:12px 0 20px} .mag-control .mag-primary-analysis-trend, .mag-control .mag-primary-analysis-comparison{min-width:0;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);padding:18px} .mag-control .mag-primary-analysis-trend{flex:2} .mag-control .mag-primary-analysis-comparison{flex:1} .mag-control .mag-primary-analysis-analysis header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px} .mag-control .mag-primary-analysis-analysis h2, .mag-control .mag-primary-analysis-analysis h3{margin:3px 0;font-size:20px;line-height:1.25;letter-spacing:-.4px} .mag-control .mag-primary-analysis-eyebrow{margin:0;color:var(--mag-text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px} .mag-control .mag-primary-analysis-latest{text-align:right;display:grid;gap:4px} .mag-control .mag-primary-analysis-latest strong{font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.6px} .mag-control .mag-primary-analysis-latest span, .mag-control .mag-primary-analysis-note, .mag-control .mag-primary-analysis-analysis footer{font-size:11px;color:var(--mag-text-secondary);line-height:1.5} .mag-control .mag-primary-analysis-note{margin:8px 0 12px} .mag-control .mag-primary-analysis-bars{display:grid;gap:12px} .mag-control .mag-primary-analysis-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px} .mag-control .mag-primary-analysis-bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-primary-analysis-bar-row strong{font-variant-numeric:tabular-nums;white-space:nowrap} .mag-control .mag-primary-analysis-track{height:7px;position:relative;background:var(--mag-surface-subtle);margin-top:5px;border-radius:3px} .mag-control .mag-primary-analysis-track i{position:absolute;top:0;height:7px;background:var(--mag-chart-1);border-radius:3px} .mag-control .mag-primary-analysis-track b{position:absolute;top:-2px;height:11px;width:1px;background:var(--mag-text-secondary)} .mag-control .mag-primary-analysis-analysis footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--mag-border);padding-top:10px;margin-top:12px} .mag-control .mag-primary-analysis-analysis footer button{border:0;background:none;color:var(--mag-chart-1);font:inherit;font-weight:600;cursor:pointer} .mag-control .mag-primary-analysis-empty{min-height:180px;display:grid;place-content:center;color:var(--mag-text-secondary);border:1px dashed var(--mag-border);padding:20px} .mag-control .mag-primary-analysis-analysis button:focus-visible{outline:2px solid var(--mag-chart-1);outline-offset:3px} @media(max-width:1000px){.mag-control .mag-primary-analysis-analysis{flex-direction:column} .mag-control .mag-primary-analysis-comparison .mag-primary-analysis-bars{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.mag-control .mag-primary-analysis-trend, .mag-control .mag-primary-analysis-comparison{padding:12px} .mag-control .mag-primary-analysis-analysis header{flex-wrap:wrap} .mag-control .mag-primary-analysis-latest{text-align:left} .mag-control .mag-primary-analysis-comparison .mag-primary-analysis-bars{grid-template-columns:1fr} .mag-control .mag-primary-analysis-analysis footer{flex-wrap:wrap} .mag-control .mag-primary-analysis-analysis footer button{min-height:44px}} .mag-control .mag-primary-analysis-no-history{margin:8px 0;font-size:12px;line-height:1.5;color:var(--mag-text-secondary)} /* ==== src/features/reports/reference-density.module.css (module -> .mag-reference-density-*) ==== */ .mag-control .mag-reference-density-dense{ display:contents; --rd-row:var(--mag-dense-row,30px); --rd-font:var(--mag-dense-font,13px); --rd-head-font:var(--mag-dense-head-font,11px); --rd-pad-x:var(--mag-dense-pad-x,10px); --rd-control-h:var(--mag-control-h,32px); --rd-control-font:var(--mag-control-font,13px); --rd-panel-head:var(--mag-panel-head,40px); --rd-title:var(--mag-page-title,22px); --rd-touch:var(--mag-touch-target,44px); } @media screen and (min-width:768px){.mag-control .mag-reference-density-dense .page-header{margin-bottom:8px;gap:8px 12px;align-items:center} .mag-control .mag-reference-density-dense .page-header h1, .mag-control .mag-reference-density-dense .business-heading h1{font-size:var(--rd-title);line-height:28px;letter-spacing:-.01em;margin:0} .mag-control .mag-reference-density-dense .page-header p, .mag-control .mag-reference-density-dense .business-heading p{font-size:13px;line-height:18px;margin:2px 0 0} .mag-control .mag-reference-density-dense .business-heading{margin-bottom:10px} .mag-control .mag-reference-density-dense .panel{border-radius:12px;box-shadow:none} .mag-control .mag-reference-density-dense .panel-header{min-height:var(--rd-panel-head);padding:6px 12px;gap:8px;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border);border-radius:12px 12px 0 0} .mag-control .mag-reference-density-dense .panel-header h2{font-size:15px;line-height:20px;margin:0} .mag-control .mag-reference-density-dense .panel-content{padding:10px 12px} .mag-control .mag-reference-density-dense .panel.panel-content{padding:10px 12px} .mag-control .mag-reference-density-dense .panel.panel-content h1{font-size:var(--rd-title);line-height:28px} .mag-control .mag-reference-density-dense .panel.panel-content h2{font-size:15px;line-height:20px;margin-top:4px} .mag-control .mag-reference-density-dense .stack{gap:10px} .mag-control .mag-reference-density-dense .notice, .mag-control .mag-reference-density-dense .error-message{padding:8px 12px;font-size:var(--rd-font)} .mag-control .mag-reference-density-dense .badge{padding:1px 8px;font-size:11.5px} .mag-control .mag-reference-density-dense .empty{padding:16px 12px;gap:8px} .mag-control .mag-reference-density-dense .empty h3{font-size:15px} .mag-control .mag-reference-density-dense p{font-size:var(--rd-font)} .mag-control .mag-reference-density-dense .button{min-height:var(--rd-control-h);padding:0 12px;font-size:var(--rd-control-font)} .mag-control .mag-reference-density-dense select, .mag-control .mag-reference-density-dense input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:var(--rd-control-h);height:var(--rd-control-h);padding-block:0;font-size:var(--rd-control-font)} .mag-control .mag-reference-density-dense textarea{font-size:var(--rd-control-font)} .mag-control .mag-reference-density-dense .field{margin-bottom:10px} .mag-control .mag-reference-density-dense label, .mag-control .mag-reference-density-dense legend{font-size:12px;margin-bottom:4px} .mag-control .mag-reference-density-dense .filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px} .mag-control .mag-reference-density-dense .filter-row label{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap} .mag-control .mag-reference-density-dense .filter-row select{width:auto;max-width:260px} .mag-control .mag-reference-density-dense .search-field{height:var(--rd-control-h);padding:0 10px;gap:6px;border-radius:8px} .mag-control .mag-reference-density-dense .search-field input{min-height:0;height:30px;padding:0;border:0} .mag-control .mag-reference-density-dense .search-field svg{width:16px;height:16px} .mag-control .mag-reference-density-dense .data-table{font-size:var(--rd-font);line-height:18px;font-variant-numeric:tabular-nums} .mag-control .mag-reference-density-dense .data-table :is(th, .mag-control td){height:var(--rd-row);min-height:0;padding:4px var(--rd-pad-x)} .mag-control .mag-reference-density-dense .data-table thead th{padding-block:0;font-size:var(--rd-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-reference-density-dense .data-table thead th button{text-transform:inherit;letter-spacing:inherit} .mag-control .mag-reference-density-dense .detail-list>div{padding:5px 0;gap:12px;font-size:var(--rd-font)} .mag-control .mag-reference-density-dense .catalog-toolbar{padding:8px 12px;gap:8px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-reference-density-dense .catalog-toolbar>select{width:auto;max-width:240px} .mag-control .mag-reference-density-dense .catalog-count{padding:6px 12px;font-size:12px;line-height:1.5} .mag-control .mag-reference-density-dense .catalog-list{padding:0 12px 8px} .mag-control .mag-reference-density-dense .catalog-list>a{gap:12px;padding:6px 0;align-items:center} .mag-control .mag-reference-density-dense .catalog-list>a>svg:last-child{margin-top:0;width:16px;height:16px} .mag-control .mag-reference-density-dense .catalog-list h3{font-size:var(--rd-font);font-weight:600;line-height:18px} .mag-control .mag-reference-density-dense .catalog-list p{font-size:12px;line-height:16px;margin:1px 0 2px} .mag-control .mag-reference-density-dense .catalog-list .meta{font-size:11.5px;margin-right:8px} .mag-control .mag-reference-density-dense .report-code{min-width:44px;font-size:11.5px} .mag-control .mag-reference-density-dense .catalog-availability{display:inline-block;margin:0;padding:0 7px;line-height:17px;font-size:11.5px} .mag-control .mag-reference-density-dense details>summary{margin-bottom:0;padding:6px 0;font-size:var(--rd-font)} .mag-control .mag-reference-density-dense details[open]>summary{margin-bottom:6px} .mag-control .mag-reference-density-dense ul{margin:4px 0;padding-left:18px} .mag-control .mag-reference-density-dense li{font-size:var(--rd-font);line-height:1.5} .mag-control .mag-reference-density-dense .source-grid{gap:10px;margin:10px 0} .mag-control .mag-reference-density-dense .domain-links{padding:0;gap:8px} .mag-control .mag-reference-density-dense .domain-links>a{padding:8px 12px;border-radius:12px;gap:8px} .mag-control .mag-reference-density-dense .business-grid{gap:8px} .mag-control .mag-reference-density-dense .business-grid>a{padding:10px 12px;gap:12px} .mag-control .mag-reference-density-dense .business-grid h2{font-size:15px;line-height:20px;margin:0 0 2px} .mag-control .mag-reference-density-dense .business-grid p{font-size:12px;line-height:1.5} .mag-control .mag-reference-density-dense .topic-index{margin:14px 0} .mag-control .mag-reference-density-dense .topic-index h2{font-size:15px;margin:10px 0 6px} .mag-control .mag-reference-density-dense .topic-index>details{margin:6px 0;padding:0 12px} .mag-control .mag-reference-density-dense .topic-index summary{min-height:var(--rd-panel-head);padding:10px 0} .mag-control .mag-reference-density-dense .topic-index li a{min-height:var(--rd-row);padding:5px 0;font-size:var(--rd-font)}} @media screen and (pointer:coarse){.mag-control .mag-reference-density-dense .button, .mag-control .mag-reference-density-dense select, .mag-control .mag-reference-density-dense input:not([type=checkbox]):not([type=radio]):not([type=file]), .mag-control .mag-reference-density-dense .search-field, .mag-control .mag-reference-density-dense .topic-index li a, .mag-control .mag-reference-density-dense .catalog-list>a{min-height:var(--rd-touch)}} .mag-control .mag-reference-density-dense .panel{border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--mag-text) 3%,transparent)} .mag-control .mag-reference-density-dense .panel-header{background:var(--mag-surface);padding:12px 14px} .mag-control .mag-reference-density-dense .panel-header h2{font-size:16px;letter-spacing:-.2px} .mag-control .mag-reference-density-dense .page-header h1{font-size:26px;letter-spacing:-.6px} .mag-control .mag-reference-density-dense .data-table tbody tr:hover{background:var(--mag-hover)} .mag-control .mag-reference-density-dense .catalog-toolbar{padding:14px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface-subtle)} .mag-control .mag-reference-density-dense .catalog-count{padding-inline:14px;font-size:12px;line-height:1.55} .mag-control .mag-reference-density-dense .catalog-list>a{padding:14px;gap:14px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-reference-density-dense .catalog-list>a:hover{background:var(--mag-hover)} .mag-control .mag-reference-density-dense .catalog-list h3{font-size:15px;letter-spacing:-.15px;font-weight:650} .mag-control .mag-reference-density-dense .report-code{background:var(--mag-selected-bg);color:var(--mag-selected-text);border:1px solid var(--mag-border);border-radius:8px;font-weight:650;padding:6px 8px} .mag-control .mag-reference-density-dense .catalog-availability{margin-top:5px} .mag-control .mag-reference-density-dense .empty{padding:24px 16px;background:var(--mag-surface-subtle)} .mag-control .mag-reference-density-dense .empty h3{font-size:16px} .mag-control .mag-reference-density-dense .source-grid .panel{border-top:3px solid var(--mag-chart-2)} /* ==== src/features/reports/report-library.module.css (module -> .mag-report-library-*) ==== */ .mag-control .mag-report-library-library{width:100%;min-width:0} .mag-control .mag-report-library-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 32px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-report-library-header h1{font-size:clamp(30px,3vw,44px);margin:10px 0} .mag-control .mag-report-library-header p{max-width:75ch;color:var(--mag-text-secondary)} .mag-control .mag-report-library-eyebrow{display:flex;align-items:center;gap:8px;color:var(--mag-primary)!important;font-size:12px;font-weight:650;letter-spacing:.05em} .mag-control .mag-report-library-total{display:flex;flex-direction:column;text-align:right;flex:none} .mag-control .mag-report-library-total strong{font-size:44px;color:var(--mag-primary);line-height:1.1} .mag-control .mag-report-library-total span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-report-library-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:26px 0 12px} .mag-control .mag-report-library-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mag-text-secondary);min-width:0} .mag-control .mag-report-library-toolbar input, .mag-control .mag-report-library-toolbar select{min-height:44px;border:1px solid var(--mag-border);border-radius:10px;background:var(--mag-surface);padding:10px 12px;font-size:14px;max-width:100%} .mag-control .mag-report-library-toolbar .mag-report-library-search{flex:1;min-width:240px;position:relative} .mag-control .mag-report-library-search svg{position:absolute;top:13px;left:12px} .mag-control .mag-report-library-search input{padding-left:40px;width:100%} .mag-control .mag-report-library-count{font-size:13px;color:var(--mag-text-secondary);margin-bottom:18px} .mag-control .mag-report-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;align-items:start} .mag-control .mag-report-library-card{min-width:0;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:16px;padding:22px;box-shadow:0 4px 16px #102d4b06;overflow-wrap:anywhere} .mag-control .mag-report-library-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-report-library-meta code{background:var(--mag-accent-sky);color:var(--mag-accent-sky-ink);padding:5px 8px;border-radius:6px;font-weight:700} .mag-control .mag-report-library-card h2{font-size:20px;line-height:1.35;margin:16px 0 12px} .mag-control .mag-report-library-card h2 a{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--mag-text)} .mag-control .mag-report-library-card h2 svg{flex:none;margin-top:4px;color:var(--mag-primary)} .mag-control .mag-report-library-description{font-size:14px;line-height:1.65;color:var(--mag-text-secondary)} .mag-control .mag-report-library-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0} .mag-control .mag-report-library-tags span{font-size:11px;border:1px solid var(--mag-border);border-radius:7px;padding:4px 7px;background:var(--mag-surface-subtle)} .mag-control .mag-report-library-card details{border-top:1px solid var(--mag-border);padding-top:12px} .mag-control .mag-report-library-card summary{font-size:13px;font-weight:600;cursor:pointer;min-height:32px} .mag-control .mag-report-library-context h3{font-size:13px;margin:16px 0 5px} .mag-control .mag-report-library-context p, .mag-control .mag-report-library-context li{font-size:13px;color:var(--mag-text-secondary);line-height:1.65} .mag-control .mag-report-library-context ul{padding-left:18px;margin:8px 0} .mag-control .mag-report-library-open{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650;min-height:44px;margin-top:8px} .mag-control .mag-report-library-note{font-size:12px!important;color:var(--mag-text-secondary);margin-top:24px;line-height:1.65} .mag-control .mag-report-library-empty{padding:48px 20px;text-align:center} .mag-control .mag-report-library-empty p{margin:12px 0 20px} @media(max-width:600px){.mag-control .mag-report-library-header{align-items:flex-start;gap:12px;padding-top:8px} .mag-control .mag-report-library-total strong{font-size:30px} .mag-control .mag-report-library-total span{max-width:90px} .mag-control .mag-report-library-toolbar .mag-report-library-search{flex-basis:100%;min-width:0} .mag-control .mag-report-library-toolbar>label{flex:1} .mag-control .mag-report-library-card{padding:18px}} @media print{.mag-control .mag-report-library-toolbar{display:none} .mag-control .mag-report-library-grid{display:block} .mag-control .mag-report-library-card{break-inside:avoid;margin-bottom:16px;box-shadow:none}} /* ==== src/features/service-income/statement-picker.module.css (module -> .mag-statement-picker-*) ==== */ .mag-control .mag-statement-picker-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;margin:0 0 12px;border:1px solid var(--mag-border);border-radius:12px;background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-statement-picker-picker label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mag-text-secondary)} .mag-control .mag-statement-picker-picker select{border:1px solid var(--mag-border);background:var(--mag-surface);color:var(--mag-text);border-radius:6px;padding:6px 10px;font-size:13px;max-width:260px} .mag-control .mag-statement-picker-picker strong{font-size:13px;color:var(--mag-text)} .mag-control .mag-statement-picker-picker>span{font-size:12px;color:var(--mag-text-secondary);flex:1 1 280px} .mag-control .mag-statement-picker-note{font-size:12px;color:var(--mag-text-secondary);margin:0 0 12px} @media(max-width:760px){.mag-control .mag-statement-picker-picker label{width:100%} .mag-control .mag-statement-picker-picker select{flex:1;max-width:none;min-height:40px}} @media print{.mag-control .mag-statement-picker-picker{display:none}} /* ==== src/features/service-income/workspace.module.css (module -> .mag-service-income-workspace-*) ==== */ .mag-control .mag-service-income-workspace-root{max-width:1600px;margin:auto;color:var(--mag-text);min-width:0} .mag-control .mag-service-income-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px} .mag-control .mag-service-income-workspace-header h1{font-size:29px;margin:5px 0} .mag-control .mag-service-income-workspace-header p{font-size:13px;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-header .mag-service-income-workspace-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700} .mag-control .mag-service-income-workspace-actions{display:flex;gap:8px} .mag-control .mag-service-income-workspace-actions button, .mag-control .mag-service-income-workspace-actions summary{display:flex;align-items:center;gap:6px;border:1px solid var(--mag-border);background:var(--mag-surface);border-radius:8px;padding:9px 12px;font-size:13px;white-space:nowrap} .mag-control .mag-service-income-workspace-actions details{position:relative} .mag-control .mag-service-income-workspace-actions summary{cursor:pointer;list-style:none} .mag-control .mag-service-income-workspace-actions details>div{position:absolute;right:0;top:42px;z-index:5;min-width:180px;background:var(--mag-surface);border:1px solid var(--mag-border);padding:8px;border-radius:8px;box-shadow:0 4px 18px #0002} .mag-control .mag-service-income-workspace-actions a{display:block;padding:8px;font-size:13px} .mag-control .mag-service-income-workspace-period{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .mag-control .mag-service-income-workspace-period>div{display:flex;gap:5px} .mag-control .mag-service-income-workspace-period button{border:1px solid var(--mag-border);border-radius:24px;padding:8px 16px;background:var(--mag-surface);font-size:13px} .mag-control .mag-service-income-workspace-period button[aria-pressed=true]{background:var(--mag-accent-soft);border-color:var(--mag-link);color:var(--mag-link)} .mag-control .mag-service-income-workspace-period>span, .mag-control .mag-service-income-workspace-caption, .mag-control .mag-service-income-workspace-footnote{font-size:12px;color:var(--mag-text-secondary);line-height:1.6} .mag-control .mag-service-income-workspace-headlines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--mag-border);border-radius:12px;overflow:hidden;background:var(--mag-surface);margin:16px 0 8px} .mag-control .mag-service-income-workspace-headlines article{display:grid;gap:9px;padding:16px;border-right:1px solid var(--mag-border)} .mag-control .mag-service-income-workspace-headlines article:last-child{border:0;background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-headlines article>span{font-size:12px;font-weight:650} .mag-control .mag-service-income-workspace-headlines article>small{font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-amount{border:0;background:none;color:var(--mag-link);font-weight:650;font-size:17px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;cursor:pointer;padding:0} .mag-control .mag-service-income-workspace-amount small{display:block;font-size:10px;color:var(--mag-text-secondary);font-weight:400;margin-top:3px} .mag-control .mag-service-income-workspace-headlines .mag-service-income-workspace-amount{text-align:left;font-size:27px} .mag-control .mag-service-income-workspace-tabs{display:flex;gap:10px;border-bottom:1px solid var(--mag-border);margin:16px 0 12px;overflow:auto} .mag-control .mag-service-income-workspace-tabs button{border:0;border-bottom:3px solid transparent;padding:11px 14px;background:none;font-weight:650;font-size:13px;white-space:nowrap} .mag-control .mag-service-income-workspace-tabs button[aria-pressed=true]{border-bottom-color:var(--mag-link);color:var(--mag-link)} .mag-control .mag-service-income-workspace-panel{background:var(--mag-surface);border:1px solid var(--mag-border);padding:18px;border-radius:12px} .mag-control .mag-service-income-workspace-panel h2{font-size:18px;margin:0 0 10px} .mag-control .mag-service-income-workspace-panel h3{font-size:15px;margin:22px 0 8px} .mag-control .mag-service-income-workspace-panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline} .mag-control .mag-service-income-workspace-panel-heading>span{font-size:13px;font-weight:650} .mag-control .mag-service-income-workspace-tree{border-top:1px solid var(--mag-border)} .mag-control .mag-service-income-workspace-tree summary{padding:13px 10px;cursor:pointer;list-style:revert;font-size:14px;font-weight:650} .mag-control .mag-service-income-workspace-tree summary strong{float:right;font-variant-numeric:tabular-nums} .mag-control .mag-service-income-workspace-tree details>.mag-service-income-workspace-tree{margin-left:20px} .mag-control .mag-service-income-workspace-subtotal, .mag-control .mag-service-income-workspace-leaf{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px} .mag-control .mag-service-income-workspace-subtotal{font-size:11px;color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-leaf>span{font-size:13px} .mag-control .mag-service-income-workspace-result{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:2px solid var(--mag-border);background:var(--mag-surface-subtle);padding:16px 12px;margin-top:12px;font-weight:700} .mag-control .mag-service-income-workspace-scroll{overflow:auto;border:1px solid var(--mag-border);border-radius:8px;margin:12px 0} .mag-control .mag-service-income-workspace-scroll table{border-collapse:collapse;width:100%;font-size:12px} .mag-control .mag-service-income-workspace-scroll th, .mag-control .mag-service-income-workspace-scroll td{padding:10px 12px;border-bottom:1px solid var(--mag-border);text-align:left;min-width:90px} .mag-control .mag-service-income-workspace-scroll thead{background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-scroll th:first-child{min-width:220px;font-weight:500} .mag-control .mag-service-income-workspace-scroll td:has(.mag-service-income-workspace-amount){text-align:right} .mag-control .mag-service-income-workspace-scroll .mag-service-income-workspace-amount{font-size:16px} .mag-control .mag-service-income-workspace-derived{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px;background:var(--mag-surface-subtle);border-radius:8px;font-size:14px} .mag-control .mag-service-income-workspace-derived p{width:100%;font-size:12px;color:var(--mag-text-secondary);margin:0} .mag-control .mag-service-income-workspace-check-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .mag-control .mag-service-income-workspace-check-summary article{display:grid;gap:5px;padding:14px;border:1px solid var(--mag-border);border-radius:8px} .mag-control .mag-service-income-workspace-check-summary strong{font-size:24px} .mag-control .mag-service-income-workspace-check-summary span{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-memos>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;border-bottom:1px solid var(--mag-border);padding:9px 0} .mag-control .mag-service-income-workspace-metadata{font-size:12px;margin-top:18px;overflow-wrap:anywhere} .mag-control .mag-service-income-workspace-metadata summary{cursor:pointer;font-weight:650} .mag-control .mag-service-income-workspace-metadata dl>div{margin:14px 0} .mag-control .mag-service-income-workspace-metadata dt{font-weight:650} .mag-control .mag-service-income-workspace-metadata dd{margin:4px 0;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-metadata a{display:block;margin:12px 0} .mag-control .mag-service-income-workspace-footnote{margin:14px 0;overflow-wrap:anywhere} .mag-control .notice{padding:18px;border:1px solid var(--mag-border);border-radius:12px} .mag-control .notice button{color:var(--mag-link);background:none;border:0} .mag-control .mag-service-income-workspace-evidence{font-size:13px} .mag-control .mag-service-income-workspace-evidence h2{font-size:20px} .mag-control .mag-service-income-workspace-evidence>strong{font-size:28px} .mag-control .mag-service-income-workspace-evidence p{margin:12px 0;line-height:1.5} .mag-control .mag-service-income-workspace-evidence h3{margin-top:20px} .mag-control .mag-service-income-workspace-evidence li{margin:7px 0} .mag-control .mag-service-income-workspace-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--mag-surface-subtle);font-size:11px} @media(max-width:760px){.mag-control .mag-service-income-workspace-header{display:block} .mag-control .mag-service-income-workspace-actions{margin-top:12px} .mag-control .mag-service-income-workspace-headlines{grid-template-columns:1fr 1fr} .mag-control .mag-service-income-workspace-headlines article{padding:12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-service-income-workspace-headlines .mag-service-income-workspace-amount{font-size:22px} .mag-control .mag-service-income-workspace-headlines article:last-child{border-bottom:1px solid var(--mag-border)} .mag-control .mag-service-income-workspace-panel{padding:12px} .mag-control .mag-service-income-workspace-panel-heading{display:block} .mag-control .mag-service-income-workspace-tree details>.mag-service-income-workspace-tree{margin-left:8px} .mag-control .mag-service-income-workspace-leaf{padding:10px 6px} .mag-control .mag-service-income-workspace-tree summary{font-size:12px;padding:12px 6px} .mag-control .mag-service-income-workspace-tree summary span{display:inline-block;max-width:62%;vertical-align:top} .mag-control .mag-service-income-workspace-check-summary{grid-template-columns:1fr} .mag-control .mag-service-income-workspace-check-summary article{display:flex;align-items:center} .mag-control .mag-service-income-workspace-scroll th:first-child{min-width:190px} .mag-control .mag-service-income-workspace-tabs button{padding:10px} .mag-control .mag-service-income-workspace-amount{font-size:16px} .mag-control .mag-service-income-workspace-subtotal{align-items:flex-start} .mag-control .mag-service-income-workspace-subtotal>span{max-width:50%}} .mag-control .mag-service-income-workspace-root{--fs-row:var(--mag-dense-row,30px);--fs-font:var(--mag-dense-font,13px);--fs-head-font:var(--mag-dense-head-font,11px);--fs-pad-x:var(--mag-dense-pad-x,10px);--fs-tile-value:var(--mag-tile-value,20px);--fs-tile-label:var(--mag-tile-label,11px);--fs-tile-context:var(--mag-tile-context,12px);--fs-control-h:var(--mag-control-h,32px);--fs-control-font:var(--mag-control-font,13px);--fs-panel-head:var(--mag-panel-head,40px);--fs-title:var(--mag-page-title,22px);--fs-touch:var(--mag-touch-target,44px)} @media screen{.mag-control .mag-service-income-workspace-root{font-size:var(--fs-font);line-height:1.4;font-variant-numeric:tabular-nums} .mag-control .mag-service-income-workspace-header{gap:10px;margin-bottom:6px} .mag-control .mag-service-income-workspace-header h1{font-size:var(--fs-title);line-height:28px;margin:1px 0 0} .mag-control .mag-service-income-workspace-header p{font-size:12px;margin:2px 0} .mag-control .mag-service-income-workspace-header .mag-service-income-workspace-eyebrow{font-size:var(--fs-tile-label);letter-spacing:.06em;margin:0;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-actions{gap:6px} .mag-control .mag-service-income-workspace-actions button, .mag-control .mag-service-income-workspace-actions summary{padding:0 10px;min-height:var(--fs-control-h);font-size:var(--fs-control-font);border-radius:6px} .mag-control .mag-service-income-workspace-actions details>div{top:calc(100% + 4px)} .mag-control .mag-service-income-workspace-actions a{font-size:var(--fs-control-font);padding:6px 8px} .mag-control .mag-service-income-workspace-period{gap:8px} .mag-control .mag-service-income-workspace-period button{font-size:var(--fs-control-font);padding:0 12px;min-height:var(--fs-control-h);border-radius:6px} .mag-control .mag-service-income-workspace-period>span, .mag-control .mag-service-income-workspace-caption, .mag-control .mag-service-income-workspace-footnote{font-size:12px;line-height:1.5} .mag-control .mag-service-income-workspace-headlines{margin:8px 0;border-radius:12px} .mag-control .mag-service-income-workspace-headlines article{padding:8px 10px;gap:1px;align-content:start} .mag-control .mag-service-income-workspace-headlines article>span{font-size:var(--fs-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-headlines article>small{font-size:var(--fs-tile-context);color:var(--mag-text-muted)} .mag-control .mag-service-income-workspace-amount small{font-size:11px} .mag-control .mag-service-income-workspace-headlines .mag-service-income-workspace-amount{font-size:var(--fs-tile-value);line-height:26px;font-weight:650} .mag-control .mag-service-income-workspace-headlines .mag-service-income-workspace-amount small{display:inline;margin:0 0 0 6px;font-size:var(--fs-tile-context);font-weight:400} .mag-control .mag-service-income-workspace-amount{font-size:var(--fs-font);line-height:18px} .mag-control .mag-service-income-workspace-tabs{gap:4px;margin:8px 0} .mag-control .mag-service-income-workspace-tabs button{font-size:var(--fs-control-font);padding:6px 12px 7px;min-height:34px} .mag-control .mag-service-income-workspace-panel{padding:0 10px 10px;border-radius:12px} .mag-control .mag-service-income-workspace-panel>h2{font-size:15px;line-height:20px;margin:0 -10px 8px;padding:10px 10px 9px;min-height:var(--fs-panel-head);box-sizing:border-box;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border);border-radius:12px 12px 0 0} .mag-control .mag-service-income-workspace-panel h3{font-size:14px;margin:12px 0 6px} .mag-control .mag-service-income-workspace-panel-heading{align-items:center;margin:0 -10px 8px;padding:6px 10px;min-height:var(--fs-panel-head);box-sizing:border-box;background:var(--mag-surface-subtle);border-bottom:1px solid var(--mag-border);border-radius:12px 12px 0 0} .mag-control .mag-service-income-workspace-panel-heading h2{margin:0;padding:0;min-height:0;background:none;border:0} .mag-control .mag-service-income-workspace-panel-heading>span{font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-service-income-workspace-tree summary{padding:5px var(--fs-pad-x);font-size:var(--fs-font);line-height:18px;min-height:var(--fs-row);box-sizing:border-box} .mag-control .mag-service-income-workspace-tree summary strong{font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-tree details>.mag-service-income-workspace-tree{margin-left:14px} .mag-control .mag-service-income-workspace-subtotal, .mag-control .mag-service-income-workspace-leaf{padding:5px var(--fs-pad-x);gap:10px;min-height:var(--fs-row);box-sizing:border-box} .mag-control .mag-service-income-workspace-subtotal{font-size:12px} .mag-control .mag-service-income-workspace-leaf>span{font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-leaf .mag-service-income-workspace-amount small, .mag-control .mag-service-income-workspace-subtotal .mag-service-income-workspace-amount small{display:inline;margin:0 0 0 6px} .mag-control .mag-service-income-workspace-result{padding:6px var(--fs-pad-x);margin-top:8px;font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-scroll{margin:8px 0} .mag-control .mag-service-income-workspace-scroll table{font-size:var(--fs-font);border-collapse:separate;border-spacing:0} .mag-control .mag-service-income-workspace-scroll th, .mag-control .mag-service-income-workspace-scroll td{height:var(--fs-row);padding:4px var(--fs-pad-x);line-height:18px;box-sizing:border-box} .mag-control .mag-service-income-workspace-scroll thead th{position:sticky;top:0;z-index:2;height:var(--fs-row);padding-block:0;font-size:var(--fs-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);background:var(--mag-surface-subtle);white-space:nowrap} .mag-control .mag-service-income-workspace-scroll th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface);min-width:210px;max-width:300px} .mag-control .mag-service-income-workspace-scroll thead th:first-child{z-index:3;background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-scroll .mag-service-income-workspace-amount{font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-scroll .mag-service-income-workspace-amount small{display:inline;margin:0 0 0 6px} .mag-control .mag-service-income-workspace-derived{padding:8px var(--fs-pad-x);font-size:var(--fs-font);gap:6px} .mag-control .mag-service-income-workspace-check-summary{gap:8px} .mag-control .mag-service-income-workspace-check-summary article{padding:8px 10px;gap:1px} .mag-control .mag-service-income-workspace-check-summary strong{font-size:var(--fs-tile-value);line-height:26px} .mag-control .mag-service-income-workspace-check-summary span{font-size:var(--fs-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase} .mag-control .mag-service-income-workspace-memos>div{padding:5px 0;min-height:var(--fs-row);box-sizing:border-box;font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-metadata{margin-top:10px;font-size:12px} .mag-control .mag-service-income-workspace-metadata dl>div{margin:8px 0} .mag-control .mag-service-income-workspace-footnote{margin:8px 0} .mag-control .notice{padding:8px 12px;font-size:var(--fs-font)} .mag-control .mag-service-income-workspace-evidence{font-size:14px} .mag-control .mag-service-income-workspace-evidence h2{font-size:18px} .mag-control .mag-service-income-workspace-evidence>strong{font-size:var(--fs-tile-value);font-variant-numeric:tabular-nums} .mag-control .mag-service-income-workspace-evidence h3{font-size:15px;margin-top:14px} .mag-control .mag-service-income-workspace-evidence p{margin:8px 0} .mag-control .mag-service-income-workspace-evidence pre{font-size:12px;padding:9px}} @media screen and (max-width:760px){.mag-control .mag-service-income-workspace-header h1{font-size:20px} .mag-control .mag-service-income-workspace-actions{margin-top:8px;flex-wrap:wrap} .mag-control .mag-service-income-workspace-headlines article{padding:8px} .mag-control .mag-service-income-workspace-panel{padding:0 9px 9px} .mag-control .mag-service-income-workspace-panel>h2, .mag-control .mag-service-income-workspace-panel-heading{margin-inline:-9px} .mag-control .mag-service-income-workspace-tree summary{padding:10px 6px} .mag-control .mag-service-income-workspace-tree summary span{max-width:58%} .mag-control .mag-service-income-workspace-tree details>.mag-service-income-workspace-tree{margin-left:8px} .mag-control .mag-service-income-workspace-leaf, .mag-control .mag-service-income-workspace-subtotal{padding:4px 6px} .mag-control .mag-service-income-workspace-scroll th, .mag-control .mag-service-income-workspace-scroll td{padding:4px 8px} .mag-control .mag-service-income-workspace-scroll th:first-child{min-width:185px;max-width:230px} .mag-control .mag-service-income-workspace-tabs button{padding:9px 10px} .mag-control .mag-service-income-workspace-check-summary article{gap:8px}} @media screen and (max-width:760px),screen and (pointer:coarse){.mag-control .mag-service-income-workspace-actions button, .mag-control .mag-service-income-workspace-actions summary, .mag-control .mag-service-income-workspace-actions a, .mag-control .mag-service-income-workspace-period button, .mag-control .mag-service-income-workspace-tabs button, .mag-control .mag-service-income-workspace-amount, .mag-control .mag-service-income-workspace-tree summary, .mag-control .mag-service-income-workspace-metadata summary, .mag-control .mag-service-income-workspace-evidence summary{min-height:var(--fs-touch);box-sizing:border-box} .mag-control .mag-service-income-workspace-actions a, .mag-control .mag-service-income-workspace-metadata summary, .mag-control .mag-service-income-workspace-evidence summary{align-content:center}} @media screen{.mag-control .mag-service-income-workspace-root .mag-service-income-workspace-headlines{border-top:3px solid var(--mag-chart-2);border-radius:12px} .mag-control .mag-service-income-workspace-root .mag-service-income-workspace-headlines .mag-service-income-workspace-amount{font-size:24px;font-variant-numeric:tabular-nums} .mag-control .mag-service-income-workspace-root .mag-service-income-workspace-panel{border-radius:12px} .mag-control .mag-service-income-workspace-root .mag-service-income-workspace-panel-heading{border-left:3px solid var(--mag-chart-2);background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-root .mag-service-income-workspace-scroll thead th{background:var(--mag-surface-subtle)} .mag-control .mag-service-income-workspace-root .mag-service-income-workspace-scroll tbody tr:hover>*{background:var(--mag-hover)} .mag-control .mag-service-income-workspace-root .notice{border-left:3px solid var(--mag-warning-text)}} /* ==== src/features/settings/management-settings.module.css (module -> .mag-management-settings-*) ==== */ .mag-control .mag-management-settings-page{ display: grid; gap: 16px; min-width: 0; max-width: 100%; } .mag-control .mag-management-settings-page *{ min-width: 0; } .mag-control .mag-management-settings-intro{ display: grid; gap: 6px; font-size: var(--mag-font-ui); color: var(--mag-text-secondary); } .mag-control .mag-management-settings-intro p{ margin: 0; } .mag-control .notice{ border: 1px solid var(--mag-border); border-left: 4px solid var(--mag-warning-mark); border-radius: var(--mag-radius-small); background: var(--mag-surface); padding: 8px 12px; font-size: var(--mag-font-ui); } .mag-control .mag-management-settings-editor-bar{ display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: end; font-size: var(--mag-font-ui); } .mag-control .mag-management-settings-editor-bar label, .mag-control .mag-management-settings-form label{ display: grid; gap: 2px; color: var(--mag-text-secondary); font-size: 12px; } .mag-control .mag-management-settings-jump{ display: flex; flex-wrap: wrap; gap: 6px; } .mag-control .mag-management-settings-jump a{ font-size: 12px; padding: 4px 10px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-pill); color: var(--mag-text); text-decoration: none; background: var(--mag-surface); } .mag-control .mag-management-settings-group{ display: grid; gap: 10px; scroll-margin-top: 80px; } .mag-control .mag-management-settings-group h2{ margin: 0; font-size: var(--mag-font-section); line-height: var(--mag-line-section); } .mag-control .mag-management-settings-group > p{ margin: 0; font-size: var(--mag-font-ui); color: var(--mag-text-secondary); } .mag-control .mag-management-settings-family{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface-subtle); padding: 6px 10px; } .mag-control .mag-management-settings-family > summary{ cursor: pointer; font-weight: 600; font-size: var(--mag-font-ui); padding: 4px 0; } .mag-control .mag-management-settings-family[open] > summary{ margin-bottom: 8px; } .mag-control .mag-management-settings-cards{ display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); } .mag-control .mag-management-settings-card{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); padding: 12px; display: grid; gap: 6px; align-content: start; overflow-wrap: anywhere; } .mag-control .mag-management-settings-card-head{ display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; justify-content: space-between; } .mag-control .mag-management-settings-card-head h3{ margin: 0; font-size: var(--mag-font-panel); line-height: var(--mag-line-panel); } .mag-control .mag-management-settings-value{ font-size: 1.25rem; font-weight: 600; font-variant-numeric: tabular-nums; } .mag-control .mag-management-settings-chip{ font-size: 11px; padding: 1px 8px; border-radius: var(--mag-radius-pill); border: 1px solid var(--mag-border); white-space: nowrap; } .mag-control .mag-management-settings-live{ background: var(--mag-success-bg); color: var(--mag-success-text); } .mag-control .mag-management-settings-not-live{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .small{ margin: 0; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-management-settings-meta{ margin: 0; font-size: 12px; color: var(--mag-text-muted); display: grid; gap: 2px; } .mag-control .mag-management-settings-meta dt{ font-weight: 600; color: var(--mag-text-secondary); } .mag-control .mag-management-settings-meta dd{ margin: 0 0 4px; } .mag-control .mag-management-settings-actions{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .mag-control .primary, .mag-control .mag-management-settings-secondary{ font: inherit; font-size: 13px; min-height: 32px; display: inline-flex; gap: 5px; align-items: center; padding: 5px 12px; border-radius: var(--mag-radius-control); border: 1px solid var(--mag-border); cursor: pointer; } .mag-control .primary{ background: var(--mag-selected-bg); color: var(--mag-selected-text); font-weight: 600; } .mag-control .mag-management-settings-secondary{ background: var(--mag-surface); color: var(--mag-text); } .mag-control .primary:disabled, .mag-control .mag-management-settings-secondary:disabled{ opacity: .5; cursor: default; } .mag-control :is(.primary, .mag-control .mag-management-settings-secondary):focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-management-settings-form{ display: grid; gap: 8px; border-top: 1px solid var(--mag-border); padding-top: 8px; } .mag-control .mag-management-settings-form input[type='text'], .mag-control .mag-management-settings-form input[type='number'], .mag-control .mag-management-settings-form textarea, .mag-control .mag-management-settings-form select, .mag-control .mag-management-settings-editor-bar input{ font: inherit; font-size: 14px; padding: 6px 8px; border: 1px solid var(--mag-border); border-radius: var(--mag-radius-control); background: var(--mag-surface); color: var(--mag-text); width: 100%; max-width: 100%; box-sizing: border-box; } .mag-control .mag-management-settings-form textarea{ min-height: 60px; resize: vertical; } .mag-control .mag-management-settings-weights{ display: grid; gap: 6px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr)); } .mag-control .mag-management-settings-check{ display: flex !important; gap: 6px; align-items: center; } .mag-control .mag-management-settings-error{ color: var(--mag-danger-text); font-size: 12px; margin: 0; } .mag-control .mag-management-settings-ok{ color: var(--mag-success-text); font-size: 12px; margin: 0; } .mag-control .mag-management-settings-history{ font-size: 12px; } .mag-control .mag-management-settings-history > summary{ cursor: pointer; color: var(--mag-link); } .mag-control .mag-management-settings-table{ width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 6px; table-layout: fixed; } .mag-control .mag-management-settings-table th, .mag-control .mag-management-settings-table td{ padding: 4px 6px; border-bottom: 1px solid var(--mag-border); text-align: left; vertical-align: top; overflow-wrap: anywhere; } .mag-control .mag-management-settings-table thead th{ font-weight: 600; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); } .mag-control .mag-management-settings-readonly{ width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; } .mag-control .mag-management-settings-readonly th, .mag-control .mag-management-settings-readonly td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: left; vertical-align: top; overflow-wrap: anywhere; } @media (max-width: 640px){.mag-control .mag-management-settings-table thead, .mag-control .mag-management-settings-readonly thead{ display: none; } .mag-control .mag-management-settings-table tr, .mag-control .mag-management-settings-readonly tr{ display: grid; gap: 2px; padding: 6px 0; border-bottom: 1px solid var(--mag-border); } .mag-control .mag-management-settings-table td, .mag-control .mag-management-settings-readonly td, .mag-control .mag-management-settings-readonly th{ border: 0; padding: 0; } .mag-control .mag-management-settings-table td::before, .mag-control .mag-management-settings-readonly td::before{ content: attr(data-label) ': '; font-weight: 600; color: var(--mag-text-secondary); }} /* ==== src/features/settings/report-visibility.module.css (module -> .mag-report-visibility-*) ==== */ .mag-control .mag-report-visibility-page{ display: grid; gap: 12px; min-width: 0; } .mag-control .mag-report-visibility-summary{ display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; } .mag-control .mag-report-visibility-summary div{ border: 1px solid var(--mag-border); border-radius: var(--mag-radius-card); background: var(--mag-surface); padding: 10px 12px; display: grid; gap: 2px; } .mag-control .mag-report-visibility-summary strong{ font-size: 22px; font-variant-numeric: tabular-nums; } .mag-control .mag-report-visibility-summary span{ font-size: 12px; color: var(--mag-text-muted); } .mag-control .mag-report-visibility-toolbar{ display: flex; flex-wrap: wrap; gap: 10px; align-items: end; font-size: 12px; } .mag-control .mag-report-visibility-toolbar label{ display: grid; gap: 2px; color: var(--mag-text-secondary); } .mag-control .mag-report-visibility-toolbar input[type='search'], .mag-control .mag-report-visibility-toolbar select, .mag-control .mag-report-visibility-table select{ font: inherit; font-size: 13px; padding: 4px 6px; border: 1px solid var(--mag-border); border-radius: 6px; background: var(--mag-surface); color: var(--mag-text); max-width: 100%; } .mag-control .mag-report-visibility-toolbar .mag-report-visibility-check{ display: flex; gap: 6px; align-items: center; } .mag-control .mag-report-visibility-actions{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .primary, .mag-control .mag-report-visibility-secondary, .mag-control .mag-report-visibility-shown-button, .mag-control .mag-report-visibility-hidden-button{ font: inherit; font-size: 12px; display: inline-flex; gap: 5px; align-items: center; padding: 5px 10px; border-radius: 6px; border: 1px solid var(--mag-border); cursor: pointer; white-space: nowrap; } .mag-control .primary{ background: var(--mag-selected-bg); color: var(--mag-selected-text); font-weight: 600; } .mag-control .mag-report-visibility-secondary, .mag-control .mag-report-visibility-shown-button{ background: var(--mag-surface); color: var(--mag-text); } .mag-control .mag-report-visibility-hidden-button{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .primary:disabled, .mag-control .mag-report-visibility-secondary:disabled{ opacity: .5; cursor: default; } .mag-control :is(.primary, .mag-control .mag-report-visibility-secondary, .mag-control .mag-report-visibility-shown-button, .mag-control .mag-report-visibility-hidden-button):focus-visible{ outline: 2px solid var(--mag-focus); outline-offset: 2px; } .mag-control .mag-report-visibility-ok{ color: var(--mag-success-text); } .mag-control .mag-report-visibility-error{ color: var(--mag-danger-text); } .mag-control .mag-report-visibility-preview-list{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 12px; font-size: 13px; } .mag-control .mag-report-visibility-table{ width: 100%; border-collapse: collapse; font-size: 13px; } .mag-control .mag-report-visibility-table th, .mag-control .mag-report-visibility-table td{ padding: 6px 8px; border-bottom: 1px solid var(--mag-border); text-align: left; vertical-align: top; } .mag-control .mag-report-visibility-table thead th{ font-size: 12px; font-weight: 600; color: var(--mag-text-secondary); background: var(--mag-surface-subtle); } .mag-control .mag-report-visibility-table a{ color: var(--mag-link); } .mag-control .mag-report-visibility-left{ text-align: left; } .mag-control .muted{ color: var(--mag-text-muted); font-size: 12px; } .mag-control .mag-report-visibility-hidden-row{ background: var(--mag-surface-subtle); } .mag-control .mag-report-visibility-hidden-row th a{ text-decoration: line-through; text-decoration-color: var(--mag-text-muted); } .mag-control .mag-report-visibility-methods{ font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-report-visibility-methods summary{ cursor: pointer; font-weight: 600; padding: 6px 0; } .mag-control .mag-report-visibility-methods ul{ margin: 6px 0; padding-left: 18px; display: grid; gap: 4px; } .mag-control .mag-report-visibility-page input[type='checkbox']{ width: 16px; height: 16px; min-width: 16px; min-height: 16px; padding: 0; margin: 0; flex: none; accent-color: var(--mag-chart-1); } .mag-control .mag-report-visibility-toolbar .mag-report-visibility-check{ white-space: nowrap; } .mag-control .mag-report-visibility-shown-button, .mag-control .mag-report-visibility-hidden-button{ min-width: 88px; justify-content: center; } .mag-control .mag-report-visibility-table td:last-child, .mag-control .mag-report-visibility-table th:last-child{ white-space: nowrap; } /* ==== src/features/traffic-tower/tower.module.css (module -> .mag-tower-*) ==== */ .mag-control .mag-tower-page{ display: grid; gap: 12px; min-width: 0; } .mag-control .mag-tower-hero{ position: relative; overflow: hidden; border-radius: 14px; padding: 16px 20px; color: #fff; background: linear-gradient(120deg, #0e2240 0%, #173d6e 55%, #1f5aa6 100%); } .mag-control .mag-tower-hero h1{ margin: 2px 0 4px; font-size: 26px; line-height: 1.15; color: #fff; } .mag-control .mag-tower-hero p{ margin: 0; max-width: 860px; color: rgba(255,255,255,.86); font-size: 14px; } .mag-control .mag-tower-eyebrow{ font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.75); } .mag-control .mag-tower-hero-meta{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; font-size: 12px; } .mag-control .mag-tower-hero-meta span, .mag-control .mag-tower-hero-meta a{ background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 999px; padding: 3px 10px; text-decoration: none; } .mag-control .mag-tower-hero-meta a:hover{ background: rgba(255,255,255,.24); } .mag-control .mag-tower-how-to{ margin: 0; padding: 10px 14px; border-radius: 10px; background: var(--mag-info-bg, var(--mag-surface-subtle)); color: var(--mag-info-text, var(--mag-text-secondary)); font-size: 12.5px; line-height: 1.5; } .mag-control .mag-tower-table-wrap{ max-width: 100%; max-height: min(78vh, 1400px); overflow: auto; border: 1px solid var(--mag-border); border-radius: 12px; background: var(--mag-surface); overscroll-behavior-x: contain; } .mag-control .mag-tower-table-wrap:focus-visible{ outline: 2px solid var(--mag-focus, var(--mag-primary)); outline-offset: 2px; } .mag-control .mag-tower-table{ border-collapse: separate; border-spacing: 0; font-size: 12px; font-variant-numeric: tabular-nums; width: max-content; min-width: 100%; } .mag-control .mag-tower-table th, .mag-control .mag-tower-table td{ padding: 4px 6px; white-space: nowrap; border-bottom: 1px solid color-mix(in srgb, var(--mag-border) 60%, transparent); } .mag-control .mag-tower-table td{ text-align: right; min-width: 50px; } .mag-control .mag-tower-table thead th{ position: sticky; top: 0; z-index: 3; background: var(--mag-surface-raised, var(--mag-surface)); color: var(--mag-text-secondary); font-weight: 600; font-size: 11px; text-align: right; border-bottom: 2px solid var(--mag-border); } .mag-control .mag-tower-table thead th small{ font-weight: 500; color: var(--mag-text-muted); } .mag-control .mag-tower-table tbody th, .mag-control .mag-tower-table thead .mag-tower-corner{ position: sticky; left: 0; z-index: 2; text-align: left; background: var(--mag-surface); font-weight: 500; color: var(--mag-text); min-width: 200px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; box-shadow: 1px 0 0 var(--mag-border); } .mag-control .mag-tower-table thead .mag-tower-corner{ z-index: 4; background: var(--mag-surface-raised, var(--mag-surface)); } .mag-control .mag-tower-table tbody th a{ color: var(--mag-link); text-decoration: none; } .mag-control .mag-tower-table tbody th a:hover{ text-decoration: underline; } .mag-control .mag-tower-table tbody tr:hover td, .mag-control .mag-tower-table tbody tr:hover th{ background-image: linear-gradient(var(--mag-hover, rgba(0,0,0,.04)), var(--mag-hover, rgba(0,0,0,.04))); } .mag-control .mag-tower-section th, .mag-control .mag-tower-section td{ background: var(--mag-selected-bg) !important; color: var(--mag-selected-text); font-weight: 700; font-size: 11px; letter-spacing: .02em; border-top: 6px solid var(--mag-surface); } .mag-control .mag-tower-section th{ font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; } .mag-control .mag-tower-group th{ font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--mag-text-muted) !important; padding-top: 7px; } .mag-control .mag-tower-group td{ background: transparent; } .mag-control .mag-tower-sub th, .mag-control .mag-tower-sub-label{ font-weight: 400 !important; } .mag-control .mag-tower-sub-label{ padding-left: 20px !important; color: var(--mag-text-secondary) !important; } .mag-control .mag-tower-pace-col{ background: color-mix(in srgb, var(--mag-chart-1) 12%, var(--mag-surface)) !important; font-weight: 700; border-left: 2px solid color-mix(in srgb, var(--mag-chart-1) 45%, transparent); } .mag-control .mag-tower-table thead .mag-tower-pace-col{ color: var(--mag-text); } .mag-control .mag-tower-h0{ background: color-mix(in srgb, var(--mag-danger-bg) 90%, var(--mag-surface)); } .mag-control .mag-tower-h1{ background: color-mix(in srgb, var(--mag-danger-bg) 40%, var(--mag-surface)); } .mag-control .mag-tower-h2{ background: var(--mag-surface); } .mag-control .mag-tower-h3{ background: color-mix(in srgb, var(--mag-success-bg) 45%, var(--mag-surface)); } .mag-control .mag-tower-h4{ background: color-mix(in srgb, var(--mag-success-bg) 95%, var(--mag-surface)); } .mag-control .mag-tower-best{ box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--mag-success-text) 55%, transparent); font-weight: 700; } .mag-control .mag-tower-partial{ text-decoration: underline dotted var(--mag-text-muted); text-underline-offset: 3px; } .mag-control .mag-tower-b4-note{ display: block; font-size: 10px; font-weight: 500; line-height: 1.2; color: var(--mag-text-muted); white-space: normal; } .mag-control .mag-tower-chip{ display: inline-block; min-width: 44px; text-align: center; padding: 1px 7px; border-radius: 999px; font-weight: 700; font-size: 11px; } .mag-control .mag-tower-good{ background: var(--mag-success-bg); color: var(--mag-success-text); } .mag-control .mag-tower-bad{ background: var(--mag-danger-bg); color: var(--mag-danger-text); } .mag-control .mag-tower-neutral{ background: var(--mag-neutral-bg); color: var(--mag-neutral-text); } .mag-control .mag-tower-missing th, .mag-control .mag-tower-missing td{ color: var(--mag-text-muted); background: var(--mag-surface-subtle, var(--mag-neutral-bg)); } .mag-control .mag-tower-missing th a, .mag-control .mag-tower-missing th span:first-child{ color: var(--mag-text-muted); } .mag-control .mag-tower-nc{ display: inline-block; margin-left: 8px; padding: 0 6px; border-radius: 999px; font-size: 10px; font-weight: 600; background: var(--mag-neutral-bg); color: var(--mag-neutral-text); border: 1px dashed var(--mag-border); } .mag-control .mag-tower-notes{ background: var(--mag-surface); border: 1px solid var(--mag-border); border-radius: 12px; padding: 12px 16px; font-size: 12px; color: var(--mag-text-secondary); } .mag-control .mag-tower-notes h2{ margin: 6px 0 4px; font-size: 14px; color: var(--mag-text); } .mag-control .mag-tower-notes ol, .mag-control .mag-tower-notes ul{ margin: 0 0 6px; padding-left: 20px; display: grid; gap: 3px; } .mag-control .mag-tower-notes p{ margin: 6px 0 0; } .mag-control .mag-tower-failed{ color: var(--mag-danger-text); } @media (max-width: 720px){.mag-control .mag-tower-hero{ padding: 14px 16px; } .mag-control .mag-tower-hero h1{ font-size: 21px; } .mag-control .mag-tower-table tbody th, .mag-control .mag-tower-table thead .mag-tower-corner{ min-width: 140px; max-width: 150px; white-space: normal; } .mag-control .mag-tower-nc{ display: block; margin: 2px 0 0; width: max-content; } .mag-control .mag-tower-table-wrap{ max-height: 72vh; }} .mag-control .mag-tower-section th{ white-space: normal; } @media (min-width: 900px){.mag-control .mag-tower-r1, .mag-control .mag-tower-r2, .mag-control .mag-tower-r3, .mag-control .mag-tower-r4{ position: sticky; z-index: 2; box-sizing: border-box; } .mag-control .mag-tower-r1{ right: 0; width: 64px; min-width: 64px; } .mag-control .mag-tower-r2{ right: 64px; width: 72px; min-width: 72px; } .mag-control .mag-tower-r3{ right: 136px; width: 72px; min-width: 72px; } .mag-control .mag-tower-r4{ right: 208px; width: 80px; min-width: 80px; box-shadow: -1px 0 0 var(--mag-border); } .mag-control .mag-tower-table tbody td.mag-tower-r1, .mag-control .mag-tower-table tbody td.mag-tower-r2, .mag-control .mag-tower-table tbody td.mag-tower-r3{ background: var(--mag-surface); } .mag-control .mag-tower-missing td.mag-tower-r1, .mag-control .mag-tower-missing td.mag-tower-r2, .mag-control .mag-tower-missing td.mag-tower-r3{ background: var(--mag-surface-subtle, var(--mag-neutral-bg)) !important; } .mag-control .mag-tower-table thead .mag-tower-r1, .mag-control .mag-tower-table thead .mag-tower-r2, .mag-control .mag-tower-table thead .mag-tower-r3, .mag-control .mag-tower-table thead .mag-tower-r4{ z-index: 4; }} /* ==== src/features/used-cars/components/charts/chart-access.module.css (module -> .mag-chart-access-*) ==== */ .mag-control .mag-chart-access-control{min-height:32px;min-width:32px;cursor:pointer;font-size:12px;line-height:18px;padding:5px 9px;} .mag-control .mag-chart-access-control:focus-visible, .mag-control .mag-chart-access-scroll:focus-visible, .mag-control .mag-chart-access-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px;} .mag-control .mag-chart-access-values{margin:4px 0 8px;color:var(--foreground);} .mag-control .mag-chart-access-values>summary{width:fit-content;font-weight:600;} .mag-control .mag-chart-access-scroll{max-height:320px;overflow:auto;overscroll-behavior:contain;} .mag-control .mag-chart-access-table{border-collapse:collapse;width:100%;font-size:14px;line-height:19px;color:var(--foreground);} .mag-control .mag-chart-access-table th, .mag-control .mag-chart-access-table td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:top;} .mag-control .mag-chart-access-table thead{position:sticky;top:0;background:var(--card);z-index:1;} .mag-control .mag-chart-access-table th{text-align:left;font-weight:600;} .mag-control .mag-chart-access-table td{font-variant-numeric:tabular-nums;} .mag-control .mag-chart-access-values .mag-chart-access-table td:nth-child(3){min-width:220px;white-space:normal;} .mag-control .mag-chart-access-link{display:inline-flex;align-items:center;min-height:28px;} .mag-control .mag-chart-access-bar-value{width:auto;min-width:80px;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums;} .mag-control .mag-chart-access-bar-label{font-size:14px;} .mag-control .mag-chart-access-note{grid-column:1/-1;font-size:12px;line-height:16px;color:var(--muted-foreground);margin:0 0 3px;} @media screen and (max-width:800px),screen and (pointer:coarse){.mag-control .mag-chart-access-control, .mag-control .mag-chart-access-link{min-height:44px;min-width:44px;} .mag-control .mag-chart-access-control{padding:10px;}} @media print{.mag-control .mag-chart-access-scroll{max-height:none;overflow:visible;} .mag-control .mag-chart-access-control{display:none;} .mag-control .mag-chart-access-values:not([open]){display:none;}} @media screen{.mag-control .mag-chart-access-figure{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--mag-shadow-card)} .mag-control .mag-chart-access-figure figcaption{font-weight:650;color:var(--foreground)} .mag-control .mag-chart-access-figure .mag-chart-access-control{border:1px solid var(--border);border-radius:8px;background:var(--secondary)} .mag-control .mag-chart-access-figure .mag-chart-access-table thead{background:var(--secondary)}} @media screen and (max-width:767px){.mag-control .mag-chart-access-figure{padding:10px}} /* ==== src/features/used-cars/components/charts/snapshot-bars.module.css (module -> .mag-snapshot-bars-*) ==== */ .mag-control .mag-snapshot-bars-chart{margin:0;padding:16px 18px;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:12px;min-width:0} .mag-control .mag-snapshot-bars-chart figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-bottom:12px} .mag-control .mag-snapshot-bars-chart h2{font-size:17px;line-height:24px;font-weight:650;margin:0} .mag-control .mag-snapshot-bars-chart figcaption p{flex-basis:100%;order:2;margin:0;font-size:13px;color:var(--muted-foreground)} .mag-control .mag-snapshot-bars-chart figcaption>span{font-size:11px;color:var(--muted-foreground)} .mag-control .mag-snapshot-bars-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;list-style:none;padding:0;margin:0} .mag-control .mag-snapshot-bars-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px;line-height:20px} .mag-control .mag-snapshot-bars-label a{color:var(--foreground);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} .mag-control .mag-snapshot-bars-label a:focus-visible{outline:2px solid var(--ring);outline-offset:3px} .mag-control .mag-snapshot-bars-label strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px} .mag-control .mag-snapshot-bars-track{height:9px;background:var(--secondary);border-left:1px solid var(--border);margin-top:3px} .mag-control .mag-snapshot-bars-track span{display:block;height:100%;background:var(--chart-1);border-radius:0 3px 3px 0} .mag-control .mag-snapshot-bars-note{font-size:11px;color:var(--muted-foreground);margin:12px 0 0;line-height:16px} .mag-control .mag-snapshot-bars-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start} .mag-control .mag-snapshot-bars-overview .mag-snapshot-bars-bars{grid-template-columns:1fr} @media(max-width:900px){.mag-control .mag-snapshot-bars-overview{grid-template-columns:1fr}} @media(max-width:600px){.mag-control .mag-snapshot-bars-chart{padding:12px} .mag-control .mag-snapshot-bars-bars{grid-template-columns:1fr;gap:8px} .mag-control .mag-snapshot-bars-label a{min-height:28px} .mag-control .mag-snapshot-bars-chart h2{font-size:16px} .mag-control .mag-snapshot-bars-chart figcaption>span{flex-basis:100%}} @media print{.mag-control .mag-snapshot-bars-chart{break-inside:avoid} .mag-control .mag-snapshot-bars-track span{print-color-adjust:exact}} /* ==== src/features/used-cars/components/pricing/store-scatter.module.css (module -> .mag-store-scatter-*) ==== */ .mag-control .mag-store-scatter-svg{display:block;width:100%;height:auto;overflow:visible;} .mag-control .mag-store-scatter-grid{stroke:var(--grid);stroke-width:1;} .mag-control .mag-store-scatter-axis{stroke:var(--axis);stroke-width:1;} .mag-control .mag-store-scatter-ref{stroke:var(--muted-foreground);stroke-opacity:.7;stroke-width:1;stroke-dasharray:4 3;} .mag-control .mag-store-scatter-tick{fill:var(--muted-foreground);font-size:12px;} .mag-control .mag-store-scatter-axis-label{fill:var(--foreground);font-size:12px;font-weight:600;} .mag-control .mag-store-scatter-pt{cursor:pointer;outline:none;} .mag-control .mag-store-scatter-pt .mag-store-scatter-dot{fill:var(--series-1);stroke:var(--card);stroke-width:2;} .mag-control .mag-store-scatter-pt.mag-store-scatter-hi .mag-store-scatter-dot{fill:var(--series-2);} .mag-control .mag-store-scatter-pt .mag-store-scatter-ring{fill:none;stroke:transparent;stroke-width:2;} .mag-control .mag-store-scatter-pt .mag-store-scatter-label{fill:var(--foreground);font-size:12px;opacity:0;pointer-events:none;paint-order:stroke;stroke:var(--card);stroke-width:3px;} .mag-control .mag-store-scatter-pt.mag-store-scatter-hi .mag-store-scatter-label{opacity:1;} .mag-control .mag-store-scatter-pt:hover .mag-store-scatter-label, .mag-control .mag-store-scatter-pt:focus-visible .mag-store-scatter-label{opacity:1;} .mag-control .mag-store-scatter-pt:focus-visible .mag-store-scatter-ring{stroke:var(--ring);} @media (forced-colors:active){.mag-control .mag-store-scatter-pt .mag-store-scatter-dot{fill:CanvasText;} .mag-control .mag-store-scatter-pt:focus-visible .mag-store-scatter-ring{stroke:Highlight;}} /* ==== src/features/used-cars/components/ranker/board.module.css (module -> .mag-board-*) ==== */ .mag-control .mag-board-board{display:grid;gap:20px;color:var(--foreground,#172c44);min-width:0} .mag-control .mag-board-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .mag-control .mag-board-summary article{border:1px solid var(--border,#dae2ed);border-radius:14px;padding:18px;background:linear-gradient(130deg,color-mix(in srgb,var(--card,#fff) 95%,#298dc9),var(--card,#fff));display:grid;gap:8px} .mag-control .mag-board-summary article>span, .mag-control .mag-board-summary small{font-size:12px;color:var(--muted-foreground,#64748b)} .mag-control .mag-board-summary strong{font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-1px} .mag-control .mag-board-summary em{font-size:17px;font-style:normal;color:var(--muted-foreground,#64748b)} .mag-control .mag-board-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px} .mag-control .mag-board-toolbar label{display:grid;gap:6px;font-size:12px;min-width:0;flex:1 1 220px} .mag-control .mag-board-toolbar select, .mag-control .mag-board-toolbar input, .mag-control .mag-board-toolbar button, .mag-control .mag-board-groups button{border:1px solid var(--border,#d7e1eb);border-radius:9px;padding:10px;background:var(--card,#fff);color:inherit;min-width:0;font:inherit} .mag-control .mag-board-toolbar select, .mag-control .mag-board-toolbar input{width:100%;font-size:14px} .mag-control .mag-board-toolbar button, .mag-control .mag-board-groups button{cursor:pointer;font-size:12px} .mag-control .mag-board-groups{display:flex;gap:7px;flex-wrap:wrap} .mag-control .mag-board-groups button[aria-pressed=true]{background:#164f85;color:#fff;border-color:#164f85} .mag-control .mag-board-section h2, .mag-control .mag-board-focus h2{font-size:19px;font-weight:650;margin:0 0 12px} .mag-control .mag-board-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .mag-control .mag-board-card{border:1px solid var(--border,#dce4ec);background:var(--card,#fff);border-radius:14px;overflow:hidden;scroll-margin-top:90px;min-width:0} .mag-control .mag-board-card header{padding:17px 16px 10px;display:flex;gap:12px;align-items:start;justify-content:space-between;border-top:3px solid #2d8db6} .mag-control .mag-board-card h3{font-size:15px;font-weight:650;margin:0;overflow-wrap:anywhere} .mag-control .mag-board-card header>span{font-size:10px;border-radius:20px;background:color-mix(in srgb,var(--card,#fff) 88%,#2d8db6);padding:4px 7px;white-space:nowrap} .mag-control .mag-board-coverage{padding:0 16px 12px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted-foreground,#65758a)} .mag-control .mag-board-rows{list-style:none;margin:0;padding:0 12px 10px} .mag-control .mag-board-rows li{display:flex;align-items:center;gap:10px;min-height:55px;padding:8px 5px;border-top:1px solid var(--border,#e5ebf1)} .mag-control .mag-board-rows li[data-focus=true]{background:color-mix(in srgb,var(--card,#fff) 85%,#3b9ccd);border-radius:8px} .mag-control .mag-board-rank{width:28px;flex-shrink:0;text-align:center;font-size:12px;font-weight:700;border-radius:50%;padding:5px 0;color:var(--muted-foreground,#607088)} .mag-control .mag-board-rank[data-medal="1"]{background:#f5d36c;color:#493406} .mag-control .mag-board-rank[data-medal="2"]{background:#dce4ed;color:#34475e} .mag-control .mag-board-rank[data-medal="3"]{background:#ecc4a0;color:#593317} .mag-control .mag-board-store{flex:1;min-width:0;display:grid;gap:6px} .mag-control .mag-board-store a{font-size:12px;color:inherit;text-decoration:none;overflow-wrap:anywhere} .mag-control .mag-board-store a:hover{text-decoration:underline} .mag-control .mag-board-rows strong{font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0} .mag-control .mag-board-track{height:4px;background:color-mix(in srgb,var(--card,#fff) 80%,#94b5cd);border-radius:5px} .mag-control .mag-board-track i{display:block;height:100%;background:linear-gradient(90deg,#257ac0,#31aeab);border-radius:5px} .mag-control .mag-board-empty{padding:15px;color:var(--muted-foreground,#68798b);font-size:13px} .mag-control .mag-board-exclusions{border-top:1px solid var(--border,#dce4ec);font-size:12px;padding:10px 16px} .mag-control .mag-board-exclusions summary, .mag-control .mag-board-method summary{cursor:pointer} .mag-control .mag-board-exclusions ul{list-style:none;padding:0} .mag-control .mag-board-exclusions li{display:grid;gap:3px;padding:6px 0} .mag-control .mag-board-exclusions small{color:var(--muted-foreground,#65758a)} .mag-control .mag-board-focus{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 94%,#278cb0);border:1px solid var(--border,#dce4ec)} .mag-control .mag-board-focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .mag-control .mag-board-focus-grid a{display:grid;gap:6px;background:var(--card,#fff);border:1px solid var(--border,#dce4ec);border-radius:10px;padding:11px;text-decoration:none;color:inherit;min-width:0} .mag-control .mag-board-focus-grid span, .mag-control .mag-board-focus-grid small{font-size:11px;overflow-wrap:anywhere} .mag-control .mag-board-focus-grid strong{font-size:22px} .mag-control .mag-board-focus-grid a[data-tone=good]{border-left:3px solid #289e87} .mag-control .mag-board-focus-grid a[data-tone=missing]{border-left:3px solid #be8d3e} .mag-control .mag-board-method{border:1px solid var(--border,#dce4ec);border-radius:12px;padding:16px;font-size:12px} .mag-control .mag-board-method p{margin:10px 0;color:var(--muted-foreground,#64748b);overflow-wrap:anywhere} .mag-control .mag-board-method h3, .mag-control .mag-board-method h4{margin-top:16px;font-weight:650} .mag-control .mag-board-method a{color:#2877b2} .mag-control .mag-board-toolbar button:focus-visible, .mag-control .mag-board-groups button:focus-visible, .mag-control .mag-board-board a:focus-visible{outline:3px solid #359ebf;outline-offset:3px} @media(max-width:900px){.mag-control .mag-board-summary, .mag-control .mag-board-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:570px){.mag-control .mag-board-cards{grid-template-columns:1fr} .mag-control .mag-board-summary article{padding:12px} .mag-control .mag-board-summary strong{font-size:24px} .mag-control .mag-board-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-board-rows{padding-inline:8px} .mag-control .mag-board-card header{padding-inline:12px} .mag-control .mag-board-toolbar label{flex-basis:100%} .mag-control .mag-board-groups button{padding:7px} .mag-control .mag-board-coverage{padding-inline:12px} .mag-control .mag-board-rows li{gap:7px}} @media print{.mag-control .mag-board-toolbar, .mag-control .mag-board-groups{display:none} .mag-control .mag-board-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-board-card{break-inside:avoid}} .mag-control .mag-board-mobile-group{display:none} @media(max-width:570px){.mag-control .mag-board-groups{display:none} .mag-control .mag-board-mobile-group{display:grid;gap:5px;font-size:12px} .mag-control .mag-board-mobile-group select{width:100%;padding:10px;border:1px solid var(--border,#d7e1eb);border-radius:9px;background:var(--card,#fff);color:inherit} .mag-control .mag-board-summary small{display:none} .mag-control .mag-board-summary article{gap:5px} .mag-control .mag-board-toolbar{gap:8px} .mag-control .mag-board-board{gap:14px}} /* ==== src/features/used-cars/components/unavailable-preview.module.css (module -> .mag-unavailable-preview-*) ==== */ .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview{border:2px solid var(--mag-warning-text);border-radius:12px;padding:18px;display:grid;gap:18px;min-width:0;background:var(--mag-surface);color:var(--mag-text)} .mag-control .mag-unavailable-preview-banner.mag-unavailable-preview-banner{display:grid;gap:6px;background:var(--mag-warning-bg);padding:12px;border-radius:8px;font-size:12px} .mag-control .mag-unavailable-preview-banner.mag-unavailable-preview-banner strong{color:var(--mag-warning-text)} .mag-control .mag-unavailable-preview-banner.mag-unavailable-preview-banner button{justify-self:start} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview h2{font-size:22px;font-weight:650;margin:0} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview h3{font-size:16px;font-weight:650;margin:0} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards>div{border:1px solid var(--mag-border);border-top:3px solid var(--mag-chart-1);border-radius:9px;padding:12px;display:grid;gap:8px} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards span{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards strong{font-size:20px;font-variant-numeric:tabular-nums} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart{margin:0;padding:14px;border:1px solid var(--mag-border);border-radius:10px;min-width:0} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart figcaption{font-weight:650;font-size:16px;margin-bottom:12px} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart svg{display:block;width:100%;height:150px;overflow:visible} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart svg line{stroke:var(--mag-border)} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart svg polyline{fill:none;stroke:var(--mag-chart-1);stroke-width:3;vector-effect:non-scaling-stroke} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart svg circle{fill:var(--mag-chart-2)} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart p, .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview>p{font-size:11px;color:var(--mag-text-secondary);margin:12px 0 0} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;margin-top:12px} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months>div{display:grid;gap:5px;text-align:center;padding:7px 2px;border-top:1px solid var(--mag-border);min-width:0} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months span{font-size:9px;color:var(--mag-text-secondary)} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months strong{font-size:10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars{padding:0;margin:0;list-style:none;display:grid;gap:12px} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars li{display:grid;grid-template-columns:130px minmax(0,1fr) 110px;gap:10px;align-items:center;font-size:12px} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars li>div{height:11px;background:var(--mag-surface-subtle)} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars i{display:block;height:100%;background:var(--mag-chart-1)} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars strong{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-unavailable-preview-log-head.mag-unavailable-preview-log-head{display:flex;justify-content:space-between;gap:14px;align-items:center} .mag-control .mag-unavailable-preview-log-head.mag-unavailable-preview-log-head label{display:grid;gap:5px;font-size:11px} .mag-control .mag-unavailable-preview-log-head.mag-unavailable-preview-log-head input{border:1px solid var(--mag-control-border);background:var(--mag-surface);color:var(--mag-text);padding:8px;border-radius:6px;min-width:0} .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll{overflow:auto;max-width:100%;position:relative} .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px} .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll th, .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll td{padding:9px;text-align:left;border-bottom:1px solid var(--mag-border);font-variant-numeric:tabular-nums} .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll thead{background:var(--mag-surface-subtle)} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview button, .mag-control .mag-unavailable-preview-reopen.mag-unavailable-preview-reopen{border:1px solid var(--mag-control-border);border-radius:6px;padding:7px 10px;min-height:36px;background:var(--mag-surface);color:var(--mag-link);cursor:pointer;font-size:12px} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview :is(button, .mag-control input, .mag-control summary):focus-visible, .mag-control .mag-unavailable-preview-reopen.mag-unavailable-preview-reopen:focus-visible, .mag-control .mag-unavailable-preview-table-scroll.mag-unavailable-preview-table-scroll:focus-visible{outline:2px solid var(--mag-focus);outline-offset:3px} .mag-control .mag-unavailable-preview-detail.mag-unavailable-preview-detail{padding:14px;border:1px solid var(--mag-chart-1);border-radius:8px;font-size:13px} .mag-control .mag-unavailable-preview-evidence.mag-unavailable-preview-evidence{font-size:12px;color:var(--mag-text-secondary);line-height:1.6} .mag-control .mag-unavailable-preview-evidence.mag-unavailable-preview-evidence summary{cursor:pointer;min-height:32px} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview .mag-unavailable-preview-evidence.mag-unavailable-preview-evidence p{margin-top:8px} @media(max-width:800px){.mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months{grid-template-columns:repeat(7,minmax(0,1fr))} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards{grid-template-columns:1fr 1fr} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards>div:last-child{grid-column:1/-1} .mag-control .mag-unavailable-preview-log-head.mag-unavailable-preview-log-head{align-items:start;flex-direction:column}} @media(max-width:480px){.mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview{padding:12px;gap:14px} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months{grid-template-columns:repeat(4,minmax(0,1fr))} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months strong{font-size:11px} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars li{grid-template-columns:minmax(0,1fr) 100px} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars li>div{grid-column:1/-1;grid-row:auto} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars strong{grid-column:2;grid-row:1} .mag-control .mag-unavailable-preview-bars.mag-unavailable-preview-bars li{position:relative} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview button{min-height:44px} .mag-control .mag-unavailable-preview-chart.mag-unavailable-preview-chart{padding:10px} .mag-control .mag-unavailable-preview-cards.mag-unavailable-preview-cards strong{font-size:18px}} @media print{.mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview{break-inside:avoid} .mag-control .mag-unavailable-preview-preview.mag-unavailable-preview-preview button{display:none} .mag-control .mag-unavailable-preview-months.mag-unavailable-preview-months{grid-template-columns:repeat(13,minmax(0,1fr))}} /* ==== src/features/used-cars/components/workbench.module.css (module -> .mag-workbench-*) ==== */ .mag-control .mag-workbench-workbench{ --wb-row:var(--mag-dense-row,30px); --wb-font:var(--mag-dense-font,13px); --wb-head-font:var(--mag-dense-head-font,11px); --wb-pad-x:var(--mag-dense-pad-x,10px); --wb-tile-value:var(--mag-tile-value,20px); --wb-tile-label:var(--mag-tile-label,11px); --wb-tile-context:var(--mag-tile-context,12px); --wb-control-h:var(--mag-control-h,32px); --wb-control-font:var(--mag-control-font,13px); --wb-panel-head:var(--mag-panel-head,40px); --wb-title:var(--mag-page-title,22px); --wb-touch:var(--mag-touch-target,44px); font-size:var(--wb-font); color:var(--mag-text); } .mag-control .mag-workbench-workbench button, .mag-control .mag-workbench-workbench input, .mag-control .mag-workbench-workbench select{ font-family:inherit; } .mag-control .mag-workbench-workbench .mag-workbench-scope{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:4px 20px; min-height:40px; margin:-10px -20px 10px; border-bottom:1px solid var(--mag-border); font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-scope-controls{ display:flex; align-items:center; gap:20px; } .mag-control .mag-workbench-workbench .mag-workbench-scope label{ display:flex; align-items:center; gap:12px; margin:0; color:var(--mag-text-secondary); font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-scope select{ height:var(--wb-control-h); min-height:var(--wb-control-h); width:166px; max-width:230px; border:1px solid var(--mag-border); border-radius:5px; background:var(--mag-canvas); color:var(--mag-text); padding:4px 30px 4px 12px; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-asof{ border-left:1px solid var(--mag-border); padding-left:20px; display:flex; align-items:center; gap:12px; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-asof input{ height:var(--wb-control-h); min-height:var(--wb-control-h); width:154px; border:1px solid var(--mag-control-border); border-radius:6px; padding:0 10px; background:var(--mag-surface); font-size:var(--wb-control-font); } .mag-control .mag-workbench-workbench .mag-workbench-source{ display:flex; align-items:center; gap:16px; color:var(--mag-text-muted); font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-source a{ color:var(--mag-text-secondary); display:flex; gap:8px; align-items:center; border-left:1px solid var(--mag-border); padding-left:16px; white-space:nowrap; } .mag-control .mag-workbench-workbench .mag-workbench-source i{ width:8px; height:8px; background:var(--mag-warning-mark); box-shadow:0 0 0 4px var(--mag-warning-bg); border-radius:50%; } .mag-control .mag-workbench-workbench .mag-workbench-title{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; } .mag-control .mag-workbench-workbench .mag-workbench-title h1{ margin:0; font-size:var(--wb-title); font-weight:650; letter-spacing:-.01em; line-height:28px; } .mag-control .mag-workbench-workbench .mag-workbench-title p{ color:var(--mag-text-secondary); font-size:13px; line-height:18px; margin:2px 0 0; } .mag-control .mag-workbench-workbench .mag-workbench-export{ display:flex; align-items:center; gap:9px; border:1px solid #c4d5fb; border-radius:6px; height:var(--wb-control-h); padding:0 12px; margin-top:0; background:var(--mag-surface); color:var(--mag-link); font-size:var(--wb-control-font); font-weight:600; white-space:nowrap; box-shadow:0 1px 3px #13295508; } .mag-control .mag-workbench-workbench .mag-workbench-tabs{ display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--mag-border); margin-bottom:10px; overflow:auto; scrollbar-width:none; } .mag-control .mag-workbench-workbench .mag-workbench-tabs a, .mag-control .mag-workbench-workbench .mag-workbench-tabs button{ display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:36px; padding:6px 8px 7px; background:transparent; border:0; border-bottom:3px solid transparent; color:var(--mag-text-secondary); font-size:13px; text-decoration:none; } .mag-control .mag-workbench-workbench .mag-workbench-tabs [aria-current="page"], .mag-control .mag-workbench-workbench .mag-workbench-tabs [aria-pressed="true"]{ color:var(--mag-link); border-bottom-color:var(--mag-link); font-weight:600; } .mag-control .mag-workbench-workbench .mag-workbench-summary{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:10px; } .mag-control .mag-workbench-workbench .mag-workbench-metric{ border:1px solid var(--mag-border); border-radius:12px; background:var(--mag-surface); text-align:left; min-height:0; padding:8px 10px; display:flex; align-items:flex-start; gap:10px; color:var(--mag-text); } .mag-control .mag-workbench-workbench .mag-workbench-metric:hover{ border-color:#b6cdf4; box-shadow:0 3px 12px #1c397c06; } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon{ width:28px; height:28px; flex-shrink:0; display:grid; place-items:center; color:var(--mag-link); background:var(--mag-info-bg); border-radius:8px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon svg{ width:16px; height:16px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon[data-tone="danger"]{ color:var(--mag-danger-text); background:var(--mag-danger-bg); } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon[data-tone="warning"]{ color:var(--mag-warning-text); background:var(--mag-warning-bg); } .mag-control .mag-workbench-workbench .mag-workbench-metric-text{ min-width:0; } .mag-control .mag-workbench-workbench .mag-workbench-metric-text span{ display:block; font-size:var(--wb-tile-label); line-height:16px; font-weight:650; letter-spacing:.04em; text-transform:uppercase; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-metric-text strong{ display:block; font-size:var(--wb-tile-value); font-weight:650; line-height:26px; letter-spacing:0; font-variant-numeric:tabular-nums; } .mag-control .mag-workbench-workbench .mag-workbench-metric-text small{ display:block; color:var(--mag-text-muted); font-size:var(--wb-tile-context); line-height:16px; margin-top:0; } .mag-control .mag-workbench-workbench .mag-workbench-grid{ display:grid; grid-template-columns:minmax(0,1fr) 324px; gap:10px; align-items:stretch; } .mag-control .mag-workbench-workbench .mag-workbench-store-panel, .mag-control .mag-workbench-workbench .mag-workbench-review{ background:var(--mag-surface); border:1px solid var(--mag-border); border-radius:12px; min-width:0; } .mag-control .mag-workbench-workbench .mag-workbench-store-panel{ overflow:hidden; display:flex; flex-direction:column; } .mag-control .mag-workbench-workbench .mag-workbench-table-heading{ display:flex; align-items:center; min-height:var(--wb-panel-head); padding:6px 12px; background:var(--mag-surface-subtle); border-bottom:1px solid var(--mag-border); } .mag-control .mag-workbench-workbench .mag-workbench-store-panel h2, .mag-control .mag-workbench-workbench .mag-workbench-review h2{ font-size:15px; line-height:20px; font-weight:650; letter-spacing:0; margin:0; } .mag-control .mag-workbench-workbench .mag-workbench-table-controls{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 12px; border-bottom:1px solid var(--mag-border); flex-wrap:wrap; } .mag-control .mag-workbench-workbench .mag-workbench-search{ border:1px solid var(--mag-border); border-radius:6px; height:var(--wb-control-h); min-width:150px; max-width:260px; flex:1; display:flex; align-items:center; gap:8px; padding:0 10px; margin:0; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-search input{ border:0; box-shadow:none; background:transparent; width:100%; min-width:0; min-height:0; height:28px; font-size:var(--wb-control-font); padding:0; color:var(--mag-text); } .mag-control .mag-workbench-workbench .mag-workbench-search input:focus-visible{ outline-offset:4px; } .mag-control .mag-workbench-workbench .mag-workbench-filters{ display:flex; align-items:center; gap:6px; } .mag-control .mag-workbench-workbench .mag-workbench-filters>span{ font-size:12px; margin-right:2px; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-filters button{ background:var(--mag-surface); border:1px solid var(--mag-border); border-radius:24px; padding:0 11px; min-height:var(--wb-control-h); font-size:var(--wb-control-font); color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-filters button[aria-pressed="true"]{ background:var(--mag-selected-bg); color:var(--mag-selected-text); border-color:var(--mag-selected-text); font-weight:600; } .mag-control .mag-workbench-workbench .mag-workbench-saved-views{ display:flex; align-items:center; gap:8px; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-saved-views label{ margin:0; font-size:12px; white-space:nowrap; } .mag-control .mag-workbench-workbench .mag-workbench-saved-views select{ height:var(--wb-control-h); min-height:var(--wb-control-h); max-width:160px; font-size:var(--wb-control-font); border:1px solid var(--mag-control-border); border-radius:6px; padding:0 24px 0 10px; } .mag-control .mag-workbench-workbench .mag-workbench-table-scroll{ overflow:auto; flex:1; max-height:calc(100vh - 220px); scrollbar-width:thin; } .mag-control .mag-workbench-workbench .mag-workbench-table{ border-collapse:collapse; width:100%; min-width:760px; table-layout:fixed; font-size:var(--wb-font); line-height:18px; font-variant-numeric:tabular-nums; } .mag-control .mag-workbench-workbench .mag-workbench-table th, .mag-control .mag-workbench-workbench .mag-workbench-table td{ border-right:1px solid var(--mag-border); border-bottom:1px solid var(--mag-border); padding:0 var(--wb-pad-x); height:var(--wb-row); text-align:left; vertical-align:middle; white-space:nowrap; } .mag-control .mag-workbench-workbench .mag-workbench-table th:last-child, .mag-control .mag-workbench-workbench .mag-workbench-table td:last-child{ border-right:0; } .mag-control .mag-workbench-workbench .mag-workbench-table thead th{ position:sticky; top:0; z-index:2; background:var(--mag-surface-subtle); box-shadow:inset 0 -1px 0 var(--mag-border); color:var(--mag-text-secondary); font-weight:700; font-size:var(--wb-head-font); letter-spacing:.045em; text-transform:uppercase; height:var(--wb-row); line-height:13px; padding:2px var(--wb-pad-x); } .mag-control .mag-workbench-workbench .mag-workbench-table th button{ display:flex; align-items:center; gap:5px; width:100%; border:0; background:transparent; padding:0; text-align:left; color:inherit; font:inherit; } .mag-control .mag-workbench-workbench .mag-workbench-table thead th button{ white-space:normal; text-transform:inherit; letter-spacing:inherit; } .mag-control .mag-workbench-workbench .mag-workbench-table thead svg{ flex-shrink:0; color:var(--mag-text-muted); } .mag-control .mag-workbench-workbench .mag-workbench-table tbody th{ font-weight:400; } .mag-control .mag-workbench-workbench .mag-workbench-table tbody th .review-disclosure{ min-height:28px; padding:0 4px 0 0; gap:6px; } .mag-control .mag-workbench-workbench .mag-workbench-table tbody th button{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .mag-control .mag-workbench-workbench .mag-workbench-table tbody tr:hover{ background:var(--mag-hover); } .mag-control .mag-workbench-workbench .mag-workbench-table tbody tr[data-selected="true"]{ background:var(--mag-selected-bg); } .mag-control .mag-workbench-workbench .mag-workbench-table td a{ color:inherit; text-decoration:none; } .mag-control .mag-workbench-workbench .mag-workbench-table td a:hover{ color:var(--mag-link); text-decoration:underline; } .mag-control .mag-workbench-workbench .mag-workbench-aged{ display:flex; align-items:center; gap:8px; } .mag-control .mag-workbench-workbench .mag-workbench-aged small{ font-size:11px; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-microbar{ display:block; width:40px; height:6px; background:var(--mag-border); border-radius:10px; overflow:hidden; flex-shrink:0; } .mag-control .mag-workbench-workbench .mag-workbench-microbar i{ display:block; height:100%; background:var(--mag-danger-text); border-radius:10px; } .mag-control .mag-workbench-workbench .badge{ display:inline-block; font-size:11.5px; font-weight:600; line-height:17px; padding:0 7px; border-radius:18px; background:var(--mag-neutral-bg); color:var(--mag-text-secondary); white-space:nowrap; } .mag-control .mag-workbench-workbench .badge[data-attention="true"]{ background:var(--mag-neutral-bg); color:var(--mag-neutral-text); } .mag-control .mag-workbench-workbench .mag-workbench-table-foot{ padding:4px 12px; margin-top:auto; min-height:38px; border-top:1px solid var(--mag-border); display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:var(--mag-text-muted); } .mag-control .mag-workbench-workbench .mag-workbench-pagination{ display:flex; align-items:center; gap:14px; } .mag-control .mag-workbench-workbench .mag-workbench-pagination label{ display:flex; align-items:center; gap:8px; margin:0; font-size:12px; white-space:nowrap; } .mag-control .mag-workbench-workbench .mag-workbench-pagination select{ height:30px; min-height:30px; border:1px solid var(--mag-border); border-radius:5px; padding:4px 8px 4px 10px; width:54px; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-pagination button{ display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--mag-border); border-radius:7px; background:var(--mag-surface); color:var(--mag-text); } .mag-control .mag-workbench-workbench .mag-workbench-pagination button:disabled{ opacity:.4; cursor:default; } .mag-control .mag-workbench-workbench .mag-workbench-review{ padding:14px 16px 18px; display:flex; flex-direction:column; } .mag-control .mag-workbench-workbench .mag-workbench-store-title{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:15px; } .mag-control .mag-workbench-workbench .mag-workbench-store-title a{ font-size:17px; line-height:23px; color:var(--mag-text); font-weight:700; letter-spacing:-.025em; } .mag-control .mag-workbench-workbench .mag-workbench-store-description{ margin:4px 0 17px; color:var(--mag-text-muted); font-size:12px; line-height:18px; } .mag-control .mag-workbench-workbench .mag-workbench-review-list{ border-top:1px solid var(--mag-border); padding-top:12px; } .mag-control .mag-workbench-workbench .mag-workbench-review-list>p{ font-size:12px; margin:0 0 9px; } .mag-control .mag-workbench-workbench .mag-workbench-recommendation{ display:grid; grid-template-columns:25px minmax(0,1fr); align-items:start; gap:8px; margin-bottom:10px; } .mag-control .mag-workbench-workbench .mag-workbench-ordinal{ display:grid; place-items:center; width:26px; height:26px; background:var(--mag-canvas); color:var(--mag-text-secondary); border-radius:50%; margin-top:8px; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-action-card{ border:1px solid var(--mag-border); border-radius:7px; padding:9px 10px; min-width:0; } .mag-control .mag-workbench-workbench .mag-workbench-action-card[data-selected="true"]{ border-color:#bdd2fb; background:color-mix(in srgb,var(--mag-selected-bg) 24%,var(--mag-surface)); } .mag-control .mag-workbench-workbench .mag-workbench-action-card label{ display:flex; align-items:flex-start; gap:9px; margin:0; font-size:12px; line-height:17px; color:var(--mag-text); cursor:pointer; } .mag-control .mag-workbench-workbench .mag-workbench-action-card input{ appearance:auto; min-height:0; width:15px; height:15px; padding:0; margin:2px 0 0; accent-color:var(--mag-link); flex-shrink:0; } .mag-control .mag-workbench-workbench .mag-workbench-action-card strong{ font-weight:600; } .mag-control .mag-workbench-workbench .mag-workbench-action-card a{ display:block; font-size:12px; line-height:16px; color:var(--mag-text-muted); margin:2px 0 6px 24px; text-decoration:none; } .mag-control .mag-workbench-workbench .mag-workbench-action-card a:hover{ color:var(--mag-link); text-decoration:underline; } .mag-control .mag-workbench-workbench .mag-workbench-assignment{ margin-left:24px; display:flex; align-items:center; gap:7px; font-size:12px; line-height:16px; color:var(--mag-text-secondary); } .mag-control .mag-workbench-workbench .mag-workbench-assignment>span:first-child{ display:grid; place-items:center; width:25px; height:25px; background:var(--mag-info-bg); color:var(--mag-link); border-radius:50%; font-size:12px; flex-shrink:0; } .mag-control .mag-workbench-workbench .mag-workbench-assignment small{ font-size:12px; margin-left:auto; } .mag-control .mag-workbench-workbench .mag-workbench-assign{ margin-top:auto; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:46px; border-radius:6px; border:0; background:var(--mag-primary); color:var(--mag-on-primary); font-size:13px; font-weight:600; } .mag-control .mag-workbench-workbench .mag-workbench-assign:hover{ background:var(--mag-primary-hover); } .mag-control .mag-workbench-workbench .mag-workbench-assign:disabled{ opacity:.6; cursor:default; } .mag-control .mag-workbench-workbench .mag-workbench-readiness{ display:flex; justify-content:space-between; align-items:center; color:var(--mag-text-muted); font-size:12px; margin:0 0 14px 33px; } .mag-control .mag-workbench-workbench .mag-workbench-empty{ padding:40px 18px; text-align:center; } .mag-control .mag-workbench-workbench .mag-workbench-error{ font-size:12px; color:var(--mag-danger-text); padding:8px 18px; } .mag-control .mag-workbench-workbench .mag-workbench-error button{ border:0; background:transparent; color:var(--mag-link); text-decoration:underline; font-size:inherit; } .mag-control .mag-workbench-workbench .mag-workbench-definitions{ color:var(--mag-text-muted); font-size:12px; text-align:right; margin:6px 0 0; } @media(min-width:1400px){.mag-control .mag-workbench-workbench .mag-workbench-grid{ grid-template-columns:minmax(0,1fr) 324px; }} @media(max-width:1450px){.mag-control .mag-workbench-workbench .mag-workbench-grid{ grid-template-columns:minmax(0,1fr) 285px; } .mag-control .mag-workbench-workbench .mag-workbench-table-controls{ gap:8px; } .mag-control .mag-workbench-workbench .mag-workbench-search{ max-width:220px; } .mag-control .mag-workbench-workbench .mag-workbench-saved-views label{ display:none; } .mag-control .mag-workbench-workbench .mag-workbench-metric{ gap:12px; padding:15px 13px; } .mag-control .mag-workbench-workbench .mag-workbench-table-foot{ flex-wrap:wrap; } .mag-control .mag-workbench-workbench .mag-workbench-pagination{ margin-left:auto; }} @media(max-width:1399px){.mag-control .mag-workbench-workbench .mag-workbench-grid{ grid-template-columns:minmax(0,1fr); } .mag-control .mag-workbench-workbench .mag-workbench-review{ display:block; } .mag-control .mag-workbench-workbench .mag-workbench-review-list{ display:flex; flex-wrap:wrap; gap:10px; } .mag-control .mag-workbench-workbench .mag-workbench-review-list>p{ width:100%; } .mag-control .mag-workbench-workbench .mag-workbench-recommendation{ flex:1; min-width:220px; } .mag-control .mag-workbench-workbench .mag-workbench-readiness{ margin:0 0 12px; } .mag-control .mag-workbench-workbench .mag-workbench-assign{ max-width:290px; margin-left:auto; } .mag-control .mag-workbench-workbench .mag-workbench-source>span{ display:none; }} @media(max-width:767px){.mag-control .mag-workbench-workbench .mag-workbench-scope{ padding:8px 14px; margin:-16px -14px 12px; flex-wrap:wrap; gap:10px; } .mag-control .mag-workbench-workbench .mag-workbench-scope-controls{ width:100%; gap:10px; flex-wrap:wrap; } .mag-control .mag-workbench-workbench .mag-workbench-scope label{ gap:8px; } .mag-control .mag-workbench-workbench .mag-workbench-scope select{ max-width:190px; } .mag-control .mag-workbench-workbench .mag-workbench-asof{ padding-left:0; border:0; gap:8px; } .mag-control .mag-workbench-workbench .mag-workbench-source a{ border:0; padding-left:0; } .mag-control .mag-workbench-workbench .mag-workbench-source>span{ display:block; } .mag-control .mag-workbench-workbench .mag-workbench-source{ gap:16px; flex-direction:row-reverse; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-title{ align-items:center; gap:10px; margin-bottom:14px; } .mag-control .mag-workbench-workbench .mag-workbench-title h1{ font-size:20px; line-height:26px; } .mag-control .mag-workbench-workbench .mag-workbench-title p{ font-size:13px; line-height:20px; max-width:215px; } .mag-control .mag-workbench-workbench .mag-workbench-export{ width:38px; height:38px; padding:0; justify-content:center; margin:0; } .mag-control .mag-workbench-workbench .mag-workbench-export span{ display:none; } .mag-control .mag-workbench-workbench .mag-workbench-tabs{ gap:12px; margin-right:-14px; margin-bottom:10px; } .mag-control .mag-workbench-workbench .mag-workbench-tabs a, .mag-control .mag-workbench-workbench .mag-workbench-tabs button{ font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .mag-control .mag-workbench-workbench .mag-workbench-metric{ padding:8px; gap:8px; min-height:0; } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon{ width:30px; height:30px; border-radius:10px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-icon svg{ width:18px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-text span{ font-size:var(--wb-tile-label); line-height:15px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-text strong{ font-size:var(--wb-tile-value); line-height:26px; } .mag-control .mag-workbench-workbench .mag-workbench-metric-text small{ font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-store-panel h2, .mag-control .mag-workbench-workbench .mag-workbench-review h2{ font-size:16px; } .mag-control .mag-workbench-workbench .mag-workbench-table-heading{ padding:6px 12px; } .mag-control .mag-workbench-workbench .mag-workbench-table-controls{ padding:6px 12px; } .mag-control .mag-workbench-workbench .mag-workbench-search{ min-width:100%; max-width:none; } .mag-control .mag-workbench-workbench .mag-workbench-filters{ gap:4px; } .mag-control .mag-workbench-workbench .mag-workbench-filters>span{ display:none; } .mag-control .mag-workbench-workbench .mag-workbench-filters button{ padding:7px 9px; font-size:12px; } .mag-control .mag-workbench-workbench .mag-workbench-saved-views{ margin-left:auto; } .mag-control .mag-workbench-workbench .mag-workbench-table-foot{ padding:12px; gap:12px; } .mag-control .mag-workbench-workbench .mag-workbench-pagination{ width:100%; gap:10px; justify-content:space-between; } .mag-control .mag-workbench-workbench .mag-workbench-recommendation{ min-width:100%; } .mag-control .mag-workbench-workbench .mag-workbench-review-list{ gap:0; } .mag-control .mag-workbench-workbench .mag-workbench-assign{ max-width:none; }} @media(max-width:767px),(pointer:coarse){.mag-control .mag-workbench-workbench .mag-workbench-scope select, .mag-control .mag-workbench-workbench .mag-workbench-asof input, .mag-control .mag-workbench-workbench .mag-workbench-export, .mag-control .mag-workbench-workbench .mag-workbench-search, .mag-control .mag-workbench-workbench .mag-workbench-filters button, .mag-control .mag-workbench-workbench .mag-workbench-saved-views select, .mag-control .mag-workbench-workbench .mag-workbench-pagination select, .mag-control .mag-workbench-workbench .mag-workbench-tabs a, .mag-control .mag-workbench-workbench .mag-workbench-tabs button{ min-height:var(--wb-touch); } .mag-control .mag-workbench-workbench .mag-workbench-search input{ height:40px; } .mag-control .mag-workbench-workbench .mag-workbench-pagination button{ width:var(--wb-touch); height:var(--wb-touch); } .mag-control .mag-workbench-workbench .mag-workbench-table tbody th .review-disclosure{ min-height:var(--wb-touch); }} @media(prefers-reduced-motion:reduce){.mag-control .mag-workbench-workbench *{ scroll-behavior:auto; }} @media screen{.mag-control .mag-workbench-workbench .mag-workbench-title h1{font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.025em} .mag-control .mag-workbench-workbench .mag-workbench-metric{border-top:3px solid var(--mag-chart-1);background:var(--mag-surface)} .mag-control .mag-workbench-workbench .mag-workbench-metric-text strong{font-size:26px;line-height:32px} .mag-control .mag-workbench-workbench .mag-workbench-metric-icon{border-radius:10px} .mag-control .mag-workbench-workbench .mag-workbench-table-heading h2{font-size:16px;letter-spacing:-.015em}} @media screen and (max-width:767px){.mag-control .mag-workbench-workbench .mag-workbench-title h1{font-size:23px} .mag-control .mag-workbench-workbench .mag-workbench-metric-text strong{font-size:22px}} /* ==== src/features/used-intelligence/intelligence.module.css (module -> .mag-used-intelligence-intelligence-*) ==== */ .mag-control .mag-used-intelligence-intelligence-workspace{min-width:0;container-type:inline-size;color:var(--mag-text)} .mag-control .mag-used-intelligence-intelligence-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;margin-top:16px} .mag-control .mag-used-intelligence-intelligence-attention-grid a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--mag-border);border-radius:10px;color:var(--mag-text);font-size:12px;text-decoration:none} .mag-control .mag-used-intelligence-intelligence-attention-grid a strong{padding:5px 8px;border-radius:6px;min-width:44px;text-align:center} .mag-control .mag-used-intelligence-intelligence-attention-grid a span:last-child{margin-left:auto;color:var(--mag-primary)} .mag-control .mag-used-intelligence-intelligence-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 22px} .mag-control .mag-used-intelligence-intelligence-eyebrow{color:var(--mag-primary);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase} .mag-control .mag-used-intelligence-intelligence-header h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.04em;line-height:1.15;margin:9px 0} .mag-control .mag-used-intelligence-intelligence-header p{color:var(--mag-text-secondary);margin:8px 0 0} .mag-control .mag-used-intelligence-intelligence-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px} .mag-control .mag-used-intelligence-intelligence-demo{background:#fff0d1;color:#825100;border:1px solid #edcf88;border-radius:6px;padding:3px 8px;font-weight:750} .mag-control .mag-used-intelligence-intelligence-meta code{color:var(--mag-text-secondary);font-size:11px} .mag-control .mag-used-intelligence-intelligence-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;border-bottom:1px solid var(--mag-border);padding-bottom:12px} .mag-control .mag-used-intelligence-intelligence-tabs a{padding:9px 13px;border-radius:9px;font-size:13px;color:var(--mag-text-secondary);font-weight:600;text-decoration:none} .mag-control .mag-used-intelligence-intelligence-tabs a[aria-current=page]{background:var(--mag-primary);color:white} .mag-control .mag-used-intelligence-intelligence-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:18px 0} .mag-control .mag-used-intelligence-intelligence-toolbar label{display:grid;gap:5px;font-size:12px;color:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-toolbar select, .mag-control .mag-used-intelligence-intelligence-toolbar input, .mag-control .mag-used-intelligence-intelligence-toolbar button, .mag-control .mag-used-intelligence-intelligence-choice button, .mag-control .mag-used-intelligence-intelligence-expand{min-height:44px;border:1px solid var(--mag-border);border-radius:9px;padding:9px 12px;background:var(--mag-surface);color:var(--mag-text);font-size:13px;max-width:100%} .mag-control .mag-used-intelligence-intelligence-toolbar input{width:240px} .mag-control .mag-used-intelligence-intelligence-scope-note{font-size:12px;color:var(--mag-text-secondary);flex:1;min-width:180px;margin:0} .mag-control .mag-used-intelligence-intelligence-hero{background:linear-gradient(110deg,#102e54,#174a68);border-radius:20px;color:white;padding:26px 30px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;margin:20px 0} .mag-control .mag-used-intelligence-intelligence-hero h2{font-size:clamp(22px,2.4vw,31px);line-height:1.25;letter-spacing:-.025em;margin:6px 0 12px;color:white} .mag-control .mag-used-intelligence-intelligence-hero p{font-size:14px;color:#cad9e9;margin:0;max-width:65ch} .mag-control .mag-used-intelligence-intelligence-hero small{color:#8fe2dc;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .mag-control .mag-used-intelligence-intelligence-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-left:1px solid #ffffff30;padding-left:26px} .mag-control .mag-used-intelligence-intelligence-hero-stats strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-.03em} .mag-control .mag-used-intelligence-intelligence-hero-stats span{font-size:12px;color:#cad9e9} .mag-control .mag-used-intelligence-intelligence-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0} .mag-control .mag-used-intelligence-intelligence-kpi{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:14px;padding:17px;min-width:0} .mag-control .mag-used-intelligence-intelligence-kpi h2{font-size:12px;font-weight:550;color:var(--mag-text-secondary);margin:0 0 9px} .mag-control .mag-used-intelligence-intelligence-kpi strong{display:block;font-size:clamp(22px,2.2vw,31px);font-variant-numeric:tabular-nums;line-height:1.25;letter-spacing:-.035em} .mag-control .mag-used-intelligence-intelligence-kpi p{font-size:11px;margin:8px 0 0;color:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-kpi svg{width:100%;height:29px;margin-top:12px;display:block} .mag-control .mag-used-intelligence-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin:20px 0} .mag-control .mag-used-intelligence-intelligence-panel{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:17px;padding:23px;min-width:0} .mag-control .mag-used-intelligence-intelligence-panel h2{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin:0 0 6px} .mag-control .mag-used-intelligence-intelligence-sub{color:var(--mag-text-secondary);font-size:12px;margin:0 0 20px} .mag-control .mag-used-intelligence-intelligence-choice{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0} .mag-control .mag-used-intelligence-intelligence-choice button{padding:6px 10px;min-height:36px;font-size:12px} .mag-control .mag-used-intelligence-intelligence-choice button[aria-pressed=true]{color:var(--mag-primary);background:var(--mag-accent-sky);border-color:var(--mag-primary)} .mag-control .mag-used-intelligence-intelligence-chart{display:block;width:100%;height:auto;overflow:visible} .mag-control .mag-used-intelligence-intelligence-chart text{font-family:inherit;font-size:11px;fill:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-chart .mag-used-intelligence-intelligence-value{font-size:12px;fill:var(--mag-text);font-weight:650} .mag-control .mag-used-intelligence-intelligence-chart button{font:inherit} .mag-control .mag-used-intelligence-intelligence-months{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;margin-top:8px} .mag-control .mag-used-intelligence-intelligence-months button{border:0;border-radius:5px;min-width:0;min-height:38px;padding:4px 0;background:transparent;color:var(--mag-text-secondary);font-size:10px} .mag-control .mag-used-intelligence-intelligence-months button[aria-pressed=true]{background:var(--mag-accent-sky);color:var(--mag-primary);font-weight:750} .mag-control .mag-used-intelligence-intelligence-readout{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--mag-surface-subtle);border-radius:9px;padding:11px 13px;font-size:12px;margin-top:12px} .mag-control .mag-used-intelligence-intelligence-readout strong{color:var(--mag-primary)} .mag-control .mag-used-intelligence-intelligence-rank{display:grid;gap:15px;margin-top:22px} .mag-control .mag-used-intelligence-intelligence-rank-row{display:grid;grid-template-columns:minmax(0,1fr) 55px;gap:7px 15px;font-size:12px} .mag-control .mag-used-intelligence-intelligence-rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mag-control .mag-used-intelligence-intelligence-rank-row strong{text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-used-intelligence-intelligence-track{height:9px;background:var(--mag-surface-subtle);border-radius:9px;overflow:hidden;grid-column:1/-1} .mag-control .mag-used-intelligence-intelligence-track i{height:100%;display:block;border-radius:9px;background:linear-gradient(90deg,#26b5af,#2874c4)} .mag-control .mag-used-intelligence-intelligence-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:11px;color:var(--mag-text-secondary);margin:12px 0} .mag-control .mag-used-intelligence-intelligence-legend span{display:flex;gap:5px;align-items:center} .mag-control .mag-used-intelligence-intelligence-legend i{width:9px;height:9px;border-radius:3px;background:#277ad0} .mag-control .mag-used-intelligence-intelligence-legend span:nth-child(2) i{background:#24b6a9} .mag-control .mag-used-intelligence-intelligence-legend span:nth-child(3) i{background:#db8b29} .mag-control .mag-used-intelligence-intelligence-table-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:15px} .mag-control .mag-used-intelligence-intelligence-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums} .mag-control .mag-used-intelligence-intelligence-table th{text-align:right;font-size:11px;color:var(--mag-text-secondary);border-bottom:1px solid var(--mag-border);padding:10px 6px;vertical-align:bottom;overflow-wrap:anywhere} .mag-control .mag-used-intelligence-intelligence-table th:first-child{width:27%;text-align:left} .mag-control .mag-used-intelligence-intelligence-table th button{font:inherit;background:none;border:0;padding:0;color:inherit;text-align:inherit;cursor:pointer;min-height:32px} .mag-control .mag-used-intelligence-intelligence-table td{padding:13px 6px;border-bottom:1px solid var(--mag-border);text-align:right;overflow-wrap:anywhere;vertical-align:middle} .mag-control .mag-used-intelligence-intelligence-table td:first-child{text-align:left;font-weight:600} .mag-control .mag-used-intelligence-intelligence-table td small{display:block;font-size:10px;color:var(--mag-text-secondary);font-weight:400} .mag-control .mag-used-intelligence-intelligence-pill{display:inline-block;padding:4px 7px;border-radius:6px;font-weight:650} .mag-control .mag-used-intelligence-intelligence-bad{background:var(--mag-danger-bg,#fee8e5);color:var(--mag-danger-text,#a42d33)} .mag-control .mag-used-intelligence-intelligence-good{background:var(--mag-success-bg,#def4e9);color:var(--mag-success-text,#12644c)} .mag-control .mag-used-intelligence-intelligence-warn{background:var(--mag-warning-bg,#fff1d7);color:var(--mag-warning-text,#845510)} .mag-control .mag-used-intelligence-intelligence-neutral{background:var(--mag-surface-subtle);color:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-row-button{background:none;border:0;color:var(--mag-primary);text-align:left;font:inherit;cursor:pointer;padding:0;min-height:36px} .mag-control .mag-used-intelligence-intelligence-details-cell{background:var(--mag-surface-subtle)} .mag-control .mag-used-intelligence-intelligence-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left;padding:8px} .mag-control .mag-used-intelligence-intelligence-detail-grid span{font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-detail-grid strong{display:block;color:var(--mag-text);font-size:15px;margin-top:3px} .mag-control .mag-used-intelligence-intelligence-empty{padding:35px;text-align:center;color:var(--mag-text-secondary)} .mag-control .mag-used-intelligence-intelligence-definitions{border-top:1px solid var(--mag-border);margin:28px 0;padding:10px 0;color:var(--mag-text-secondary);font-size:13px} .mag-control .mag-used-intelligence-intelligence-definitions h3{font-size:14px;color:var(--mag-text)} .mag-control .mag-used-intelligence-intelligence-definitions p{max-width:100ch;line-height:1.7} .mag-control .mag-used-intelligence-intelligence-definitions dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px} .mag-control .mag-used-intelligence-intelligence-definitions dt{font-weight:650;color:var(--mag-text)} .mag-control .mag-used-intelligence-intelligence-definitions dd{margin:4px 0 0} .mag-control .mag-used-intelligence-intelligence-foot{font-size:11px;color:var(--mag-text-secondary);margin:16px 0} .mag-control .mag-used-intelligence-intelligence-workspace :focus-visible{outline:3px solid #438be3;outline-offset:3px} @container(max-width:950px){.mag-control .mag-used-intelligence-intelligence-kpis{grid-template-columns:repeat(3,minmax(0,1fr))} .mag-control .mag-used-intelligence-intelligence-grid{grid-template-columns:1fr} .mag-control .mag-used-intelligence-intelligence-hero{grid-template-columns:1fr} .mag-control .mag-used-intelligence-intelligence-hero-stats{border-left:0;border-top:1px solid #ffffff30;padding:18px 0 0} .mag-control .mag-used-intelligence-intelligence-table{font-size:12px} .mag-control .mag-used-intelligence-intelligence-panel{padding:18px}} @container(max-width:620px){.mag-control .mag-used-intelligence-intelligence-header{display:block} .mag-control .mag-used-intelligence-intelligence-header .mag-used-intelligence-intelligence-meta{margin-top:15px} .mag-control .mag-used-intelligence-intelligence-hero{padding:21px} .mag-control .mag-used-intelligence-intelligence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .mag-control .mag-used-intelligence-intelligence-kpi{padding:14px} .mag-control .mag-used-intelligence-intelligence-toolbar label, .mag-control .mag-used-intelligence-intelligence-toolbar input, .mag-control .mag-used-intelligence-intelligence-toolbar select{width:100%} .mag-control .mag-used-intelligence-intelligence-toolbar label{flex:1 1 160px} .mag-control .mag-used-intelligence-intelligence-table thead{display:none} .mag-control .mag-used-intelligence-intelligence-table, .mag-control .mag-used-intelligence-intelligence-table tbody, .mag-control .mag-used-intelligence-intelligence-table tr, .mag-control .mag-used-intelligence-intelligence-table td{display:block;width:100%} .mag-control .mag-used-intelligence-intelligence-table tr{border:1px solid var(--mag-border);border-radius:12px;margin:12px 0;padding:8px 12px} .mag-control .mag-used-intelligence-intelligence-table td{display:flex;justify-content:space-between;gap:15px;align-items:center;text-align:right;padding:8px 0;border:0} .mag-control .mag-used-intelligence-intelligence-table td:before{content:attr(data-label);text-align:left;color:var(--mag-text-secondary);font-size:12px;font-weight:400} .mag-control .mag-used-intelligence-intelligence-table td:first-child{display:block;border-bottom:1px solid var(--mag-border);padding-bottom:10px;margin-bottom:6px} .mag-control .mag-used-intelligence-intelligence-table td:first-child:before{display:none} .mag-control .mag-used-intelligence-intelligence-table td.mag-used-intelligence-intelligence-details-cell{display:block} .mag-control .mag-used-intelligence-intelligence-detail-grid{grid-template-columns:1fr 1fr} .mag-control .mag-used-intelligence-intelligence-definitions dl{grid-template-columns:1fr} .mag-control .mag-used-intelligence-intelligence-months button{font-size:10px;min-height:44px} .mag-control .mag-used-intelligence-intelligence-chart text{font-size:20px} .mag-control .mag-used-intelligence-intelligence-meta code{font-size:10px} .mag-control .mag-used-intelligence-intelligence-hero-stats strong{font-size:28px}} @media print{.mag-control .mag-used-intelligence-intelligence-toolbar, .mag-control .mag-used-intelligence-intelligence-tabs, .mag-control .mag-used-intelligence-intelligence-choice{display:none} .mag-control .mag-used-intelligence-intelligence-hero{background:white;color:black;border:1px solid #bbb} .mag-control .mag-used-intelligence-intelligence-hero h2, .mag-control .mag-used-intelligence-intelligence-hero p, .mag-control .mag-used-intelligence-intelligence-hero small, .mag-control .mag-used-intelligence-intelligence-hero-stats span{color:black} .mag-control .mag-used-intelligence-intelligence-panel, .mag-control .mag-used-intelligence-intelligence-kpi{break-inside:avoid} .mag-control .mag-used-intelligence-intelligence-grid{display:block} .mag-control .mag-used-intelligence-intelligence-panel{margin-bottom:18px}} .mag-control .mag-used-intelligence-intelligence-source-badge{background:var(--mag-accent-sky);color:var(--mag-primary);padding:4px 8px;border-radius:6px;font-weight:700} .mag-control .notice{background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border);padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.6} .mag-control .mag-used-intelligence-intelligence-evidence-link{display:block;text-align:left;padding:12px;color:var(--mag-primary)} .mag-control .mag-used-intelligence-intelligence-hero-stats strong{overflow-wrap:anywhere;font-size:clamp(20px,2.4vw,32px)} /* ==== src/features/workflows/follow-up-context.module.css (module -> .mag-follow-up-context-*) ==== */ .mag-control .mag-follow-up-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:10px 12px} .mag-control .mag-follow-up-context-block{min-width:0;display:grid;gap:6px;align-content:start} .mag-control .mag-follow-up-context-block h3{margin:0;font-size:var(--mag-dense-head-font,11px);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-follow-up-context-figures{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 12px 0;font-size:var(--mag-dense-font,13px)} .mag-control .mag-follow-up-context-figures strong{font-size:16px;font-variant-numeric:tabular-nums} .mag-control .mag-follow-up-context-note{margin:0;font-size:var(--mag-dense-meta-font,11.5px);line-height:1.5;color:var(--mag-text-muted)} .mag-control .mag-follow-up-context-rules{display:grid;gap:8px;padding:0 12px 10px} .mag-control .mag-follow-up-context-rule{border:1px solid var(--mag-border);border-radius:10px;padding:8px 10px;display:grid;gap:4px;font-size:var(--mag-dense-font,13px)} .mag-control .mag-follow-up-context-rule-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center} .mag-control .mag-follow-up-context-rule-head strong{font-weight:650} .mag-control .mag-follow-up-context-rule ul{margin:0;padding-left:18px} .mag-control .mag-follow-up-context-gap{color:var(--mag-text-muted)} @media(max-width:767px){.mag-control .mag-follow-up-context-grid{grid-template-columns:1fr;padding:8px} .mag-control .mag-follow-up-context-figures{padding:8px 8px 0} .mag-control .mag-follow-up-context-rules{padding:0 8px 8px}} /* ==== src/features/workflows/workflow-history.module.css (module -> .mag-workflow-history-*) ==== */ .mag-control .mag-workflow-history-history{display:grid;gap:8px;min-width:0;color:var(--mag-text);font-size:14px;line-height:1.4} .mag-control .mag-workflow-history-context{display:grid;gap:4px;min-width:0;padding:8px 10px;background:var(--mag-surface-subtle);border:1px solid var(--mag-border);border-radius:var(--mag-radius-control)} .mag-control .mag-workflow-history-context p, .mag-control .mag-workflow-history-provenance p, .mag-control .mag-workflow-history-failure p{margin:0} .mag-control .mag-workflow-history-context-heading, .mag-control .mag-workflow-history-entry-heading, .mag-control .mag-workflow-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px 8px;flex-wrap:wrap} .mag-control .mag-workflow-history-context-heading strong{overflow-wrap:anywhere} .mag-control .mag-workflow-history-context-heading .badge{font-size:14px;padding:2px 6px} .mag-control .mag-workflow-history-qualification, .mag-control .mag-workflow-history-qualifications, .mag-control .mag-workflow-history-count, .mag-control .mag-workflow-history-provenance, .mag-control .mag-workflow-history-entry-heading span, .mag-control .mag-workflow-history-raw-label{font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-workflow-history-counts{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0} .mag-control .mag-workflow-history-counts>div{display:flex;align-items:baseline;gap:6px} .mag-control .mag-workflow-history-counts dt{font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-workflow-history-counts dd{margin:0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-history-qualification{margin:0;line-height:1.45} .mag-control .mag-workflow-history-evidence>.mag-workflow-history-qualification, .mag-control .mag-workflow-history-evidence>.mag-workflow-history-qualifications{margin:8px 0} .mag-control .mag-workflow-history-qualifications{display:grid;gap:4px;margin:0;padding-left:18px;overflow-wrap:anywhere} .mag-control .mag-workflow-history-exports{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:14px} .mag-control .mag-workflow-history-print-ready{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-workflow-history-print-ready a, .mag-control .mag-workflow-history-toolbar button, .mag-control .mag-workflow-history-failure button{font-size:14px;min-height:32px;padding:4px 8px} .mag-control .mag-workflow-history-streams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start} .mag-control .mag-workflow-history-mobile-selectors{display:none} .mag-control .mag-workflow-history-streams section{min-width:0} .mag-control .mag-workflow-history-streams h3{font-size:14px;margin:0} .mag-control .mag-workflow-history-count{margin:2px 0 6px;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-history-entries{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:6px} .mag-control .mag-workflow-history-entry{min-width:0;border:1px solid var(--mag-border);border-radius:var(--mag-radius-control);padding:6px 8px;display:grid;gap:3px;background:var(--mag-surface)} .mag-control .mag-workflow-history-entry-heading{align-items:baseline;font-size:14px} .mag-control .mag-workflow-history-entry-heading span{font-weight:400} .mag-control .mag-workflow-history-timestamp{display:block;font-size:14px;line-height:1.4;color:var(--mag-text-secondary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .mag-control .mag-workflow-history-provenance{display:grid;gap:4px;overflow-wrap:anywhere} .mag-control .mag-workflow-history-session{font-size:14px} .mag-control .mag-workflow-history-session code, .mag-control .mag-workflow-history-metadata code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere} .mag-control .mag-workflow-history-transition, .mag-control .mag-workflow-history-note{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px} .mag-control .mag-workflow-history-evidence, .mag-control .mag-workflow-history-revision{min-width:0;font-size:14px} .mag-control .mag-workflow-history-evidence summary, .mag-control .mag-workflow-history-revision summary{cursor:pointer;overflow-wrap:anywhere;min-height:26px;padding-block:3px} .mag-control .mag-workflow-history-revision summary .mag-workflow-history-timestamp{display:inline;margin-left:8px} .mag-control .mag-workflow-history-revision[open] summary, .mag-control .mag-workflow-history-evidence[open] summary{margin-bottom:6px} .mag-control .mag-workflow-history-revision .mag-workflow-history-note{margin-block:8px} .mag-control .mag-workflow-history-raw-label{margin:8px 0 4px} .mag-control .mag-workflow-history-raw{max-height:22rem;overflow:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:8px;margin:6px 0 0;font:14px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--mag-surface-subtle);color:var(--mag-text);border:1px solid var(--mag-border);border-radius:6px;tab-size:2} .mag-control .mag-workflow-history-metadata{display:grid;gap:6px;margin:8px 0;font-size:14px} .mag-control .mag-workflow-history-metadata dt{color:var(--mag-text-secondary)} .mag-control .mag-workflow-history-metadata dd{margin:2px 0 0;overflow-wrap:anywhere} .mag-control .mag-workflow-history-failure{display:grid;gap:6px;justify-items:start;background:var(--mag-warning-bg);color:var(--mag-warning-text);border:1px solid var(--mag-border);padding:8px;border-radius:var(--mag-radius-control);font-size:14px;overflow-wrap:anywhere} .mag-control .mag-workflow-history-loading, .mag-control .mag-workflow-history-empty{margin:0;font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-workflow-history-empty{padding-block:8px} .mag-control .mag-workflow-history-history :is(button, .mag-control a, .mag-control summary, .mag-control pre):focus-visible{outline:2px solid var(--mag-info-mark);outline-offset:3px} @media(max-width:640px){.mag-control .mag-workflow-history-streams{grid-template-columns:minmax(0,1fr);gap:16px} .mag-control .mag-workflow-history-streams>section[data-mobile-active=false]{display:none} .mag-control .mag-workflow-history-mobile-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px} .mag-control .mag-workflow-history-mobile-selectors button{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2px 6px;min-height:44px;font-size:14px;padding:6px 10px;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-history-mobile-selectors button[aria-pressed=true]{font-weight:700;border-color:var(--mag-info-mark);box-shadow:inset 0 -3px 0 var(--mag-info-mark);background:var(--mag-surface-subtle)} .mag-control .mag-workflow-history-counts{gap:4px 12px} .mag-control .mag-workflow-history-context{padding:8px} .mag-control .mag-workflow-history-toolbar button, .mag-control .mag-workflow-history-failure button, .mag-control .mag-workflow-history-streams button, .mag-control .mag-workflow-history-print-ready a{min-height:44px} .mag-control .mag-workflow-history-evidence summary, .mag-control .mag-workflow-history-revision summary{min-height:44px} .mag-control .mag-workflow-history-raw{max-height:18rem} .mag-control .mag-workflow-history-toolbar{align-items:flex-start}} @media(prefers-reduced-motion:reduce){.mag-control .mag-workflow-history-history, .mag-control .mag-workflow-history-history *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .mag-control .mag-workflow-history-context{border-left:3px solid var(--mag-chart-2);padding:12px} .mag-control .mag-workflow-history-context-heading strong{font-size:16px;letter-spacing:-.015em} .mag-control .mag-workflow-history-counts strong{font-variant-numeric:tabular-nums;color:var(--mag-link)} .mag-control .mag-workflow-history-entry-heading{padding-bottom:6px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-workflow-history-failure{padding:12px;border-left:3px solid var(--mag-warning-mark)} /* ==== src/features/workflows/workflow-ui.module.css (module -> .mag-workflow-ui-*) ==== */ .mag-control .mag-workflow-ui-layout{display:grid;gap:24px;min-width:0} .mag-control .mag-workflow-ui-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:20px 24px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-workflow-ui-toolbar label{flex:1;min-width:144px;margin:0} .mag-control .mag-workflow-ui-toolbar input, .mag-control .mag-workflow-ui-toolbar select{margin-top:8px} .mag-control .mag-workflow-ui-toolbar button{flex-shrink:0} .mag-control .mag-workflow-ui-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--mag-text-secondary)} .mag-control .mag-workflow-ui-summary strong{color:var(--mag-text);font-weight:600} .mag-control .mag-workflow-ui-table-scroll{overflow-x:auto;max-width:100%;border-radius:0 0 var(--mag-radius-panel) var(--mag-radius-panel)} .mag-control .mag-workflow-ui-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:760px} .mag-control .mag-workflow-ui-table th{font-weight:500;color:var(--mag-text-secondary);padding:12px 16px;border-bottom:1px solid var(--mag-border);background:var(--mag-surface-subtle);white-space:nowrap} .mag-control .mag-workflow-ui-table td{padding:16px;border-bottom:1px solid var(--mag-border);vertical-align:top} .mag-control .mag-workflow-ui-table tr:last-child td{border-bottom:0} .mag-control .mag-workflow-ui-table tbody tr:hover{background:var(--mag-hover)} .mag-control .mag-workflow-ui-table th:first-child, .mag-control .mag-workflow-ui-table td:first-child{padding-left:24px} .mag-control .mag-workflow-ui-table td p{margin-top:4px} .mag-control .mag-workflow-ui-table .mag-workflow-ui-title{display:block;font-weight:500;color:var(--mag-text);max-width:340px;overflow-wrap:anywhere} .mag-control .mag-workflow-ui-table .mag-workflow-ui-description{max-width:340px;color:var(--mag-text-secondary);font-size:12px;white-space:pre-wrap} .mag-control .mag-workflow-ui-buttons{display:flex;flex-wrap:wrap;gap:8px} .mag-control .mag-workflow-ui-table button{font-size:12px;min-height:36px;padding:6px 12px} .mag-control .mag-workflow-ui-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--mag-border)} .mag-control .mag-workflow-ui-cards{display:grid;gap:16px;padding:0 24px 24px} .mag-control .mag-workflow-ui-note-card{padding:20px;border:1px solid var(--mag-border);border-radius:var(--mag-radius-card);background:var(--mag-surface)} .mag-control .mag-workflow-ui-note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:12px 0 16px} .mag-control .mag-workflow-ui-history{display:grid;gap:20px} .mag-control .mag-workflow-ui-event{position:relative;padding-left:24px;border-left:2px solid var(--mag-border)} .mag-control .mag-workflow-ui-event:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mag-info-mark);position:absolute;left:-5px;top:7px} .mag-control .mag-workflow-ui-event p{margin:6px 0} .mag-control .mag-workflow-ui-revision{padding:16px;background:var(--mag-surface-subtle);border-radius:var(--mag-radius-control);overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px} .mag-control .mag-workflow-ui-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px} .mag-control .mag-workflow-ui-full-width{grid-column:1/-1} .mag-control .mag-workflow-ui-split{display:grid;grid-template-columns:1fr 1fr;gap:20px} .mag-control .mag-workflow-ui-governance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} .mag-control .mag-workflow-ui-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:4px} .mag-control .mag-workflow-ui-entry{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-workflow-ui-entry:last-child{border-bottom:0} .mag-control .mag-workflow-ui-entry strong{display:block;overflow-wrap:anywhere} .mag-control .mag-workflow-ui-entry p{margin-top:6px} .mag-control .mag-workflow-ui-entry-main{min-width:0;flex:1} .mag-control .mag-workflow-ui-entry-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .mag-control .mag-workflow-ui-code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;min-height:150px} .mag-control .mag-workflow-ui-status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px} .mag-control .mag-workflow-ui-conflict{padding:16px;background:var(--mag-warning-bg);color:var(--mag-warning-text);border-radius:var(--mag-radius-control);display:grid;gap:12px;margin-bottom:16px} .mag-control .mag-workflow-ui-muted-line{font-size:12px;color:var(--mag-text-secondary);margin-top:8px} .mag-control .mag-workflow-ui-scope-text{overflow-wrap:anywhere} .mag-control .mag-workflow-ui-number{white-space:nowrap;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-ui-empty{padding:32px 24px;display:grid;gap:12px;text-align:center;justify-items:center} .mag-control .mag-workflow-ui-pill{white-space:nowrap} .mag-control .mag-workflow-ui-benchmark-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px} .mag-control .mag-workflow-ui-benchmark-grid label{font-size:12px} .mag-control .mag-workflow-ui-benchmark-grid input{margin-top:8px} .mag-control .mag-workflow-ui-inline-note{font-size:14px;line-height:1.5;color:var(--mag-text-secondary);margin:0 0 16px} .mag-control .mag-workflow-ui-control-label{font-size:14px;margin-bottom:8px} .mag-control .mag-workflow-ui-visually-current{font-size:12px;color:var(--mag-text-secondary)} @media(max-width:767px){.mag-control .mag-workflow-ui-toolbar{padding:16px;align-items:stretch} .mag-control .mag-workflow-ui-toolbar label{min-width:100%;} .mag-control .mag-workflow-ui-toolbar button{flex:1} .mag-control .mag-workflow-ui-cards{padding:0 16px 16px} .mag-control .mag-workflow-ui-note-card{padding:16px} .mag-control .mag-workflow-ui-form-grid, .mag-control .mag-workflow-ui-split{grid-template-columns:1fr} .mag-control .mag-workflow-ui-table th:first-child, .mag-control .mag-workflow-ui-table td:first-child{padding-left:16px} .mag-control .mag-workflow-ui-table button{min-height:44px} .mag-control .mag-workflow-ui-entry{flex-direction:column;gap:12px} .mag-control .mag-workflow-ui-entry-actions{justify-content:flex-start} .mag-control .mag-workflow-ui-pagination{padding:16px} .mag-control .mag-workflow-ui-benchmark-grid{grid-template-columns:1fr} .mag-control .mag-workflow-ui-code-input{font-size:16px} .mag-control .mag-workflow-ui-table-scroll{scrollbar-width:thin} .mag-control .mag-workflow-ui-layout{gap:20px}} @media print{.mag-control .mag-workflow-ui-toolbar, .mag-control .mag-workflow-ui-buttons, .mag-control .mag-workflow-ui-pagination, .mag-control .mag-workflow-ui-entry-actions{display:none} .mag-control .mag-workflow-ui-table-scroll{overflow:visible} .mag-control .mag-workflow-ui-table{min-width:0;font-size:10px} .mag-control .mag-workflow-ui-layout{gap:16px}} .mag-control .mag-workflow-ui-layout, .mag-control .mag-workflow-ui-toolbar, .mag-control .mag-workflow-ui-table-scroll, .mag-control .mag-workflow-ui-pagination, .mag-control .mag-workflow-ui-cards, .mag-control .mag-workflow-ui-entry, .mag-control .mag-workflow-ui-revision, .mag-control .mag-workflow-ui-conflict, .mag-control .mag-workflow-ui-benchmark-grid, .mag-control .mag-workflow-ui-buttons, .mag-control .mag-workflow-ui-inline-note, .mag-control .mag-workflow-ui-control-label{--wf-row:var(--mag-dense-row,30px);--wf-font:var(--mag-dense-font,13px);--wf-head-font:var(--mag-dense-head-font,11px);--wf-pad-x:var(--mag-dense-pad-x,10px);--wf-control-h:var(--mag-control-h,32px);--wf-control-font:var(--mag-control-font,13px);--wf-touch:var(--mag-touch-target,44px)} @media screen and (min-width:768px){.mag-control .mag-workflow-ui-layout{gap:12px} .mag-control .mag-workflow-ui-toolbar{gap:6px 12px;align-items:center;padding:8px 12px} .mag-control .mag-workflow-ui-toolbar label{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;font-size:12px;white-space:nowrap} .mag-control .mag-workflow-ui-toolbar input, .mag-control .mag-workflow-ui-toolbar select{margin-top:0;width:auto;max-width:220px;min-height:var(--wf-control-h);height:var(--wf-control-h);padding-block:0;font-size:var(--wf-control-font)} .mag-control .mag-workflow-ui-toolbar button, .mag-control .mag-workflow-ui-buttons .button, .mag-control .mag-workflow-ui-entry-actions .button, .mag-control .mag-workflow-ui-pagination .button{min-height:var(--wf-control-h);padding:0 12px;font-size:var(--wf-control-font)} .mag-control .mag-workflow-ui-summary{gap:6px 14px;font-size:12px} .mag-control .mag-workflow-ui-table{font-size:var(--wf-font);line-height:18px;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-ui-table th{height:var(--wf-row);padding:0 var(--wf-pad-x);font-size:var(--wf-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase} .mag-control .mag-workflow-ui-table td{height:var(--wf-row);padding:6px var(--wf-pad-x)} .mag-control .mag-workflow-ui-table th:first-child, .mag-control .mag-workflow-ui-table td:first-child{padding-left:12px} .mag-control .mag-workflow-ui-table button{min-height:28px;padding:0 10px} .mag-control .mag-workflow-ui-pagination{padding:6px 12px;font-size:12px} .mag-control .mag-workflow-ui-cards{gap:8px;padding:0 12px 12px} .mag-control .mag-workflow-ui-note-card{padding:10px 12px;border-radius:12px} .mag-control .mag-workflow-ui-note-body{margin:6px 0 8px;font-size:var(--wf-font)} .mag-control .mag-workflow-ui-history{gap:10px} .mag-control .mag-workflow-ui-revision{padding:8px 12px;font-size:var(--wf-font)} .mag-control .mag-workflow-ui-entry{gap:12px;padding:8px 0} .mag-control .mag-workflow-ui-inline-note, .mag-control .mag-workflow-ui-control-label{font-size:var(--wf-font);margin-bottom:8px} .mag-control .mag-workflow-ui-benchmark-grid{gap:8px;margin-bottom:10px} .mag-control .mag-workflow-ui-benchmark-grid input{margin-top:4px} .mag-control .mag-workflow-ui-conflict{padding:8px 12px;gap:8px;margin-bottom:10px} .mag-control .mag-workflow-ui-empty{padding:16px 12px;gap:8px}} @media screen and (pointer:coarse){.mag-control .mag-workflow-ui-toolbar input, .mag-control .mag-workflow-ui-toolbar select, .mag-control .mag-workflow-ui-toolbar button, .mag-control .mag-workflow-ui-buttons .button, .mag-control .mag-workflow-ui-entry-actions .button, .mag-control .mag-workflow-ui-pagination .button, .mag-control .mag-workflow-ui-table button{min-height:var(--wf-touch)}} .mag-control .mag-workflow-ui-layout .page-header h1{font-size:28px;letter-spacing:-.03em;line-height:1.2} .mag-control .mag-workflow-ui-layout .panel{box-shadow:var(--mag-shadow-card);border-radius:12px} .mag-control .mag-workflow-ui-toolbar{background:var(--mag-surface-subtle)} .mag-control .mag-workflow-ui-summary strong{font-size:16px;font-variant-numeric:tabular-nums} .mag-control .mag-workflow-ui-note-card{border-top:3px solid var(--mag-chart-2);box-shadow:var(--mag-shadow-card)} .mag-control .mag-workflow-ui-empty>svg{color:var(--mag-chart-1);padding:8px;box-sizing:content-box;background:var(--mag-info-bg);border-radius:12px} .mag-control .mag-workflow-ui-empty h3{font-size:18px;letter-spacing:-.02em} .mag-control .mag-workflow-ui-event{border-left-color:var(--mag-chart-2)} .mag-control .mag-workflow-ui-event:before{background:var(--mag-chart-2)} .mag-control .mag-workflow-ui-governance-header h2{font-size:18px;letter-spacing:-.02em} .mag-control .mag-workflow-ui-entry:focus-within{background:var(--mag-hover)} @media print{.mag-control .mag-workflow-ui-note-card, .mag-control .mag-workflow-ui-layout .panel{box-shadow:none} .mag-control .mag-workflow-ui-note-card{border-top-color:var(--mag-border)}} /* ==== src/features/working-capital/balance-analysis.module.css (module -> .mag-balance-analysis-*) ==== */ .mag-control .mag-balance-analysis-analysis{margin:18px 0;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:12px;padding:20px} .mag-control .mag-balance-analysis-analysis header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px} .mag-control .mag-balance-analysis-analysis h2{font-size:21px;line-height:1.3;margin:4px 0 0;letter-spacing:-.025em} .mag-control .mag-balance-analysis-kicker{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--mag-chart-2);font-weight:700} .mag-control .mag-balance-analysis-analysis header p{margin:0;color:var(--mag-text-secondary);font-size:12px} .mag-control .mag-balance-analysis-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px} .mag-control .mag-balance-analysis-group{min-width:0} .mag-control .mag-balance-analysis-group h3{display:flex;gap:8px;align-items:center;font-size:13px;margin:0 0 14px} .mag-control .mag-balance-analysis-group h3 i{height:9px;width:9px;border-radius:2px;background:var(--mag-chart-2)} .mag-control .mag-balance-analysis-group h3 i[data-liability=true]{background:var(--mag-chart-1)} .mag-control .mag-balance-analysis-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;border:0;background:transparent;width:100%;padding:5px 0 13px;text-align:left;color:var(--mag-text);font:inherit;cursor:pointer} .mag-control .mag-balance-analysis-row:hover .mag-balance-analysis-label{color:var(--mag-link);text-decoration:underline} .mag-control .mag-balance-analysis-row:focus-visible{outline:2px solid var(--mag-primary);outline-offset:4px;border-radius:4px} .mag-control .mag-balance-analysis-label{font-size:13px;line-height:1.35} .mag-control .mag-balance-analysis-row strong{font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere} .mag-control .mag-balance-analysis-track{grid-column:1/-1;display:block;height:16px;position:relative;background:var(--mag-surface-subtle)} .mag-control .mag-balance-analysis-track b{position:absolute;top:-2px;bottom:-2px;border-left:1px solid var(--mag-text-muted);z-index:1} .mag-control .mag-balance-analysis-track i{position:absolute;top:1px;bottom:1px;background:var(--mag-chart-2)} .mag-control .mag-balance-analysis-track i[data-liability=true]{background:var(--mag-chart-1)} .mag-control .mag-balance-analysis-track i[data-negative=true]{background:var(--mag-warning-text)} .mag-control .mag-balance-analysis-analysis .mag-balance-analysis-caption{font-size:11px;line-height:1.5;color:var(--mag-text-secondary);margin:10px 0 0} .mag-control .mag-balance-analysis-row:disabled{cursor:default;opacity:1} .mag-control .mag-balance-analysis-row:disabled strong{color:var(--mag-text-muted)} @media(max-width:700px){.mag-control .mag-balance-analysis-analysis{padding:16px} .mag-control .mag-balance-analysis-analysis header{display:block} .mag-control .mag-balance-analysis-analysis header p{margin-top:8px} .mag-control .mag-balance-analysis-panels{grid-template-columns:1fr;gap:20px} .mag-control .mag-balance-analysis-row{min-height:48px;grid-template-columns:minmax(0,1fr) minmax(80px,auto)} .mag-control .mag-balance-analysis-row strong{font-size:13px}} @media print{.mag-control .mag-balance-analysis-analysis{break-inside:avoid} .mag-control .mag-balance-analysis-row{color:#000}} /* ==== src/features/working-capital/working-capital.module.css (module -> .mag-working-capital-*) ==== */ .mag-control .mag-working-capital-root{max-width:1680px;margin:auto;min-width:0;color:var(--mag-text)} .mag-control .mag-working-capital-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px} .mag-control .mag-working-capital-header h1{font-size:24px;line-height:1.2;margin:0} .mag-control .mag-working-capital-header p{font-size:11px;color:var(--mag-text-secondary);margin:4px 0 0} .mag-control .mag-working-capital-controls{display:flex;align-items:end;gap:7px;flex-wrap:wrap} .mag-control .mag-working-capital-controls label{display:grid;gap:3px;font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-working-capital-controls select{background:var(--mag-surface);color:var(--mag-text);border:1px solid var(--mag-border);padding:6px 25px 6px 8px;border-radius:6px;max-width:210px;font-size:12px;height:31px} .mag-control .mag-working-capital-icon-action, .mag-control .mag-working-capital-exports summary{display:flex;align-items:center;gap:5px;white-space:nowrap;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:6px;padding:7px 9px;font-size:11px;line-height:15px;cursor:pointer} .mag-control .mag-working-capital-exports{position:relative} .mag-control .mag-working-capital-exports summary{list-style:none} .mag-control .mag-working-capital-exports summary::-webkit-details-marker{display:none} .mag-control .mag-working-capital-exports>div{position:absolute;right:0;top:36px;z-index:5;width:190px;padding:5px;background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px;box-shadow:0 5px 18px #0002} .mag-control .mag-working-capital-exports a{display:block;padding:10px;font-size:12px;color:var(--mag-link)} .mag-control .mag-working-capital-scope-line{font-size:11px;line-height:1.5;color:var(--mag-text-secondary);margin:7px 0} .mag-control .mag-working-capital-scope-line strong{font-size:10px;letter-spacing:.3px;color:var(--mag-text)} .mag-control .mag-working-capital-headlines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px;overflow:hidden} .mag-control .mag-working-capital-headlines article{display:grid;gap:3px;padding:9px 13px;border-right:1px solid var(--mag-border)} .mag-control .mag-working-capital-headlines article:last-child{border:0;background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-headlines article>span{font-size:11px;font-weight:600} .mag-control .mag-working-capital-headlines article>small{font-size:10px;color:var(--mag-text-secondary)} .mag-control .mag-working-capital-amount{border:0;background:none;padding:0;color:var(--mag-link);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;cursor:pointer} .mag-control .mag-working-capital-amount:hover{text-decoration:underline} .mag-control .mag-working-capital-headlines .mag-working-capital-amount{font-size:24px;line-height:1.25;text-align:left;font-weight:650} .mag-control .mag-working-capital-tab-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mag-border);gap:6px;margin:5px 0 8px} .mag-control .mag-working-capital-tab-row nav{display:flex;gap:6px} .mag-control .mag-working-capital-tab-row nav>button{border:0;border-bottom:2px solid transparent;background:none;padding:9px 10px;font-size:12px;font-weight:600;white-space:nowrap} .mag-control .mag-working-capital-tab-row nav>button[aria-pressed=true]{color:var(--mag-link);border-bottom-color:var(--mag-link)} .mag-control .mag-working-capital-expand-actions{display:flex;gap:8px} .mag-control .mag-working-capital-expand-actions button{background:none;border:0;font-size:11px;color:var(--mag-link);padding:7px 3px;white-space:nowrap} .mag-control .mag-working-capital-books{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start} .mag-control .mag-working-capital-book{min-width:0;border:1px solid var(--mag-border);border-radius:8px;background:var(--mag-surface);overflow:hidden} .mag-control .mag-working-capital-book-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--mag-border);gap:8px} .mag-control .mag-working-capital-book-heading h2{font-size:13px;margin:0} .mag-control .mag-working-capital-book-heading>span{font-size:10px;color:var(--mag-text-secondary);white-space:nowrap} .mag-control .mag-working-capital-scroll{overflow:auto;max-width:100%} .mag-control .mag-working-capital-scroll table{border-collapse:collapse;width:100%;font-size:12px} .mag-control .mag-working-capital-scroll th, .mag-control .mag-working-capital-scroll td{border-bottom:1px solid var(--mag-border);padding:6px 9px;text-align:left;line-height:1.25} .mag-control .mag-working-capital-scroll th{font-weight:500} .mag-control .mag-working-capital-scroll th:first-child{min-width:170px} .mag-control .mag-working-capital-scroll thead{background:var(--mag-surface-subtle);color:var(--mag-text-secondary);font-size:10px} .mag-control .mag-working-capital-scroll thead th{font-weight:600} .mag-control .mag-working-capital-scroll td:nth-child(2), .mag-control .mag-working-capital-scroll thead th:nth-child(2){text-align:right} .mag-control .mag-working-capital-scroll .mag-working-capital-cell-ref{font-size:10px;color:var(--mag-text-secondary);text-align:right;white-space:nowrap;width:37px} .mag-control .mag-working-capital-group-row{background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-group-row .mag-working-capital-amount, .mag-control .mag-working-capital-group-row th{font-weight:650} .mag-control .mag-working-capital-group-toggle{background:none;border:0;text-align:left;padding:0;display:flex;align-items:flex-start;gap:4px;font-size:12px;font-weight:650;cursor:pointer;line-height:1.25;color:inherit} .mag-control .mag-working-capital-group-toggle svg{flex:none} .mag-control .mag-working-capital-reserve{font-size:10px;font-weight:400;color:var(--mag-text-secondary)} .mag-control .mag-working-capital-scroll tfoot{background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-scroll tfoot th, .mag-control .mag-working-capital-scroll tfoot td{font-weight:700;border-top:2px solid var(--mag-border);border-bottom:0;padding-top:9px;padding-bottom:9px} .mag-control .mag-working-capital-caption, .mag-control .mag-working-capital-footnote{color:var(--mag-text-secondary);font-size:11px;line-height:1.6;margin:9px 0} .mag-control .mag-working-capital-footnote{border-top:1px solid var(--mag-border);padding-top:9px} .mag-control .notice{background:var(--mag-surface);border:1px solid var(--mag-border);padding:18px;border-radius:8px;font-size:13px} .mag-control .notice button{color:var(--mag-link);border:0;background:none;cursor:pointer} .mag-control .mag-working-capital-checks{background:var(--mag-surface);border:1px solid var(--mag-border);border-radius:8px;padding:12px} .mag-control .mag-working-capital-checks h2{font-size:15px;margin:19px 0 7px} .mag-control .mag-working-capital-check-summary{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;margin:0 0 12px} .mag-control .mag-working-capital-check-summary strong{font-size:15px} .mag-control .mag-working-capital-check-table{min-width:600px} .mag-control .mag-working-capital-check-table td:nth-child(3), .mag-control .mag-working-capital-check-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums} .mag-control .mag-working-capital-derivation{display:flex;justify-content:space-between;gap:12px;padding:12px 9px;background:var(--mag-surface-subtle);font-size:12px;border-bottom:1px solid var(--mag-border)} .mag-control .mag-working-capital-metadata{font-size:11px;margin:0} .mag-control .mag-working-capital-metadata>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-working-capital-metadata dt{font-weight:600} .mag-control .mag-working-capital-metadata dd{color:var(--mag-text-secondary);margin:0;overflow-wrap:anywhere} .mag-control .mag-working-capital-original{display:inline-block;margin:12px 0 0;font-size:12px;color:var(--mag-link)} .mag-control .mag-working-capital-exclusions{margin:8px 0;padding-left:18px;font-size:12px} .mag-control .mag-working-capital-exclusions li{margin:10px 0;line-height:1.5} .mag-control .mag-working-capital-exclusions span{display:block;font-size:11px;color:var(--mag-text-secondary)} .mag-control .mag-working-capital-evidence{font-size:13px;line-height:1.5} .mag-control .mag-working-capital-evidence h2{font-size:19px;margin:0 0 5px} .mag-control .mag-working-capital-evidence h3{font-size:14px;margin:18px 0 6px} .mag-control .mag-working-capital-evidence p{margin:10px 0} .mag-control .mag-working-capital-evidence-amount{font-size:27px;font-variant-numeric:tabular-nums} .mag-control .mag-working-capital-evidence code{overflow-wrap:anywhere} .mag-control .mag-working-capital-evidence details{margin:14px 0} .mag-control .mag-working-capital-evidence summary{cursor:pointer} .mag-control .mag-working-capital-evidence pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:10px;border:1px solid var(--mag-border);border-radius:6px;background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-evidence a{color:var(--mag-link)} .mag-control .mag-working-capital-terms{padding:0;list-style:none} .mag-control .mag-working-capital-terms li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--mag-border);padding:7px 0} .mag-control .mag-working-capital-terms li>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums} .mag-control .mag-working-capital-terms small{display:block;color:var(--mag-text-secondary);font-size:10px} .mag-control .mag-working-capital-reserve-note{background:var(--mag-surface-subtle);padding:9px 12px;border-radius:6px} .mag-control .mag-working-capital-reserve-note h3{margin-top:0} .mag-control .mag-working-capital-evidence-ids{font-size:10px;color:var(--mag-text-secondary);overflow-wrap:anywhere} .mag-control .mag-working-capital-root button:focus-visible, .mag-control .mag-working-capital-root a:focus-visible, .mag-control .mag-working-capital-root summary:focus-visible, .mag-control .mag-working-capital-root select:focus-visible, .mag-control .mag-working-capital-scroll:focus-visible{outline:2px solid var(--mag-link);outline-offset:3px;border-radius:3px} @media(max-width:1100px){.mag-control .mag-working-capital-header{align-items:flex-start;flex-wrap:wrap} .mag-control .mag-working-capital-controls{flex:1;justify-content:flex-end} .mag-control .mag-working-capital-controls select{max-width:180px} .mag-control .mag-working-capital-books{gap:8px} .mag-control .mag-working-capital-scroll th, .mag-control .mag-working-capital-scroll td{padding-inline:6px} .mag-control .mag-working-capital-headlines .mag-working-capital-amount{font-size:22px}} @media(max-width:760px){.mag-control .mag-working-capital-header{display:block} .mag-control .mag-working-capital-header h1{font-size:23px} .mag-control .mag-working-capital-controls{justify-content:flex-start;margin-top:9px;gap:6px} .mag-control .mag-working-capital-controls label{flex:1;min-width:130px} .mag-control .mag-working-capital-controls select{max-width:none;width:100%;height:37px;font-size:12px} .mag-control .mag-working-capital-icon-action, .mag-control .mag-working-capital-exports summary{min-height:37px} .mag-control .mag-working-capital-headlines article{padding:9px 8px} .mag-control .mag-working-capital-headlines .mag-working-capital-amount{font-size:17px} .mag-control .mag-working-capital-headlines article>span{font-size:10px} .mag-control .mag-working-capital-headlines article>small{font-size:9px} .mag-control .mag-working-capital-books{grid-template-columns:minmax(0,1fr);gap:12px} .mag-control .mag-working-capital-scope-line{font-size:10px} .mag-control .mag-working-capital-tab-row{align-items:flex-start;flex-wrap:wrap;gap:0;margin-top:8px} .mag-control .mag-working-capital-tab-row nav{flex:1} .mag-control .mag-working-capital-tab-row nav>button{padding:10px 7px;font-size:11px;min-height:39px} .mag-control .mag-working-capital-expand-actions{margin-left:auto} .mag-control .mag-working-capital-expand-actions button{padding:9px 4px;min-height:39px;font-size:10px} .mag-control .mag-working-capital-book-heading{padding:10px} .mag-control .mag-working-capital-scroll table{min-width:330px} .mag-control .mag-working-capital-scroll th, .mag-control .mag-working-capital-scroll td{padding-block:8px} .mag-control .mag-working-capital-scroll th:first-child{min-width:165px} .mag-control .mag-working-capital-scroll .mag-working-capital-amount{min-height:28px;font-size:13px} .mag-control .mag-working-capital-group-toggle{min-height:28px;align-items:center} .mag-control .mag-working-capital-metadata>div{grid-template-columns:1fr;gap:4px} .mag-control .mag-working-capital-check-summary{gap:8px 15px} .mag-control .mag-working-capital-derivation{align-items:flex-start;flex-direction:column} .mag-control .mag-working-capital-terms li{gap:10px} .mag-control .mag-working-capital-terms li>span:first-child{min-width:0} .mag-control .mag-working-capital-evidence-amount{font-size:24px}} @media print{.mag-control .mag-working-capital-controls, .mag-control .mag-working-capital-tab-row, .mag-control .mag-working-capital-footnote{display:none} .mag-control .mag-working-capital-books{display:block} .mag-control .mag-working-capital-book{break-inside:auto;margin-bottom:18px} .mag-control .mag-working-capital-scroll{overflow:visible} .mag-control .mag-working-capital-amount{color:inherit} .mag-control .mag-working-capital-root{max-width:none} .mag-control .mag-working-capital-headlines{margin-bottom:14px}} .mag-control .mag-working-capital-root{--wc-row:var(--mag-dense-row,30px);--wc-font:var(--mag-dense-font,13px);--wc-head-font:var(--mag-dense-head-font,11px);--wc-pad-x:var(--mag-dense-pad-x,10px);--wc-tile-value:var(--mag-tile-value,20px);--wc-tile-label:var(--mag-tile-label,11px);--wc-tile-context:var(--mag-tile-context,12px);--wc-control-h:var(--mag-control-h,32px);--wc-control-font:var(--mag-control-font,13px);--wc-panel-head:var(--mag-panel-head,40px);--wc-title:var(--mag-page-title,22px);--wc-touch:var(--mag-touch-target,44px)} @media screen{.mag-control .mag-working-capital-root{font-size:var(--wc-font);line-height:1.4;font-variant-numeric:tabular-nums} .mag-control .mag-working-capital-header{gap:10px;margin-bottom:6px} .mag-control .mag-working-capital-header h1{font-size:var(--wc-title);line-height:28px;letter-spacing:0} .mag-control .mag-working-capital-header p, .mag-control .mag-working-capital-scope-line, .mag-control .mag-working-capital-icon-action, .mag-control .mag-working-capital-exports summary, .mag-control .mag-working-capital-caption, .mag-control .mag-working-capital-footnote, .mag-control .mag-working-capital-check-summary, .mag-control .mag-working-capital-metadata, .mag-control .mag-working-capital-exclusions span, .mag-control .mag-working-capital-terms small, .mag-control .mag-working-capital-evidence-ids{font-size:12px} .mag-control .mag-working-capital-controls{align-items:center;gap:6px 10px} .mag-control .mag-working-capital-controls label{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap} .mag-control .mag-working-capital-controls select{font-size:var(--wc-control-font);min-height:var(--wc-control-h);height:var(--wc-control-h);padding-block:0} .mag-control .mag-working-capital-icon-action, .mag-control .mag-working-capital-exports summary{min-height:var(--wc-control-h);padding:0 10px;font-size:var(--wc-control-font)} .mag-control .mag-working-capital-exports>div{top:calc(100% + 4px)} .mag-control .mag-working-capital-exports a{font-size:var(--wc-control-font);padding:7px 10px} .mag-control .mag-working-capital-headlines{border-radius:12px} .mag-control .mag-working-capital-headlines article{padding:8px 10px;gap:1px;align-content:start} .mag-control .mag-working-capital-headlines article>span{font-size:var(--wc-tile-label);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mag-text-secondary)} .mag-control .mag-working-capital-headlines article>small{font-size:var(--wc-tile-context);color:var(--mag-text-muted)} .mag-control .mag-working-capital-headlines .mag-working-capital-amount{font-size:var(--wc-tile-value);line-height:26px;font-weight:650} .mag-control .mag-working-capital-amount{font-size:var(--wc-font);line-height:18px} .mag-control .mag-working-capital-tab-row nav>button{font-size:var(--wc-control-font);min-height:34px;padding:6px 12px 7px} .mag-control .mag-working-capital-expand-actions button{font-size:12px;min-height:var(--wc-control-h);padding:0 4px} .mag-control .mag-working-capital-books{gap:10px} .mag-control .mag-working-capital-book{border-radius:12px} .mag-control .mag-working-capital-book-heading{min-height:var(--wc-panel-head);padding:6px 12px;background:var(--mag-surface-subtle);box-sizing:border-box} .mag-control .mag-working-capital-book-heading h2{font-size:15px;line-height:20px} .mag-control .mag-working-capital-book-heading>span{font-size:12px} .mag-control .mag-working-capital-scroll table{font-size:var(--wc-font);border-collapse:separate;border-spacing:0} .mag-control .mag-working-capital-scroll th, .mag-control .mag-working-capital-scroll td{height:var(--wc-row);padding:4px var(--wc-pad-x);line-height:18px;box-sizing:border-box} .mag-control .mag-working-capital-scroll thead th{position:sticky;top:0;z-index:2;padding-block:0;font-size:var(--wc-head-font);font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--mag-text-secondary);background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-scroll th:first-child{position:sticky;left:0;z-index:1;background:var(--mag-surface)} .mag-control .mag-working-capital-scroll thead th:first-child{z-index:3} .mag-control .mag-working-capital-scroll thead th:first-child, .mag-control .mag-working-capital-scroll .mag-working-capital-group-row th:first-child, .mag-control .mag-working-capital-scroll tfoot th:first-child{background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-scroll thead{font-size:var(--wc-head-font)} .mag-control .mag-working-capital-scroll .mag-working-capital-cell-ref, .mag-control .mag-working-capital-reserve{font-size:11px} .mag-control .mag-working-capital-group-toggle{font-size:var(--wc-font);line-height:18px} .mag-control .mag-working-capital-scroll tfoot th, .mag-control .mag-working-capital-scroll tfoot td{padding-block:4px} .mag-control .notice, .mag-control .mag-working-capital-checks{padding:8px 12px} .mag-control .mag-working-capital-checks h2{margin:12px 0 6px;font-size:15px} .mag-control .mag-working-capital-checks h2:first-child{margin-top:0} .mag-control .mag-working-capital-check-summary strong{font-size:var(--wc-tile-value)} .mag-control .mag-working-capital-derivation{padding:6px var(--wc-pad-x);font-size:var(--wc-font)} .mag-control .mag-working-capital-metadata>div{gap:10px;padding:5px 0} .mag-control .mag-working-capital-original, .mag-control .mag-working-capital-exclusions{font-size:var(--wc-font)} .mag-control .mag-working-capital-exclusions li{margin:6px 0} .mag-control .mag-working-capital-evidence{font-size:14px} .mag-control .mag-working-capital-evidence h2{font-size:18px} .mag-control .mag-working-capital-evidence h3{font-size:15px;margin-top:14px} .mag-control .mag-working-capital-evidence-amount{font-size:var(--wc-tile-value);font-weight:650;line-height:1.3} .mag-control .mag-working-capital-evidence pre{font-size:12px} .mag-control .mag-working-capital-terms li{gap:12px;padding:5px 0}} @media screen and (max-width:760px){.mag-control .mag-working-capital-header h1{font-size:20px} .mag-control .mag-working-capital-controls label{white-space:normal} .mag-control .mag-working-capital-controls select{height:auto} .mag-control .mag-working-capital-headlines{grid-template-columns:1fr} .mag-control .mag-working-capital-headlines article{border-right:0;border-bottom:1px solid var(--mag-border)} .mag-control .mag-working-capital-books{gap:10px} .mag-control .mag-working-capital-scroll th, .mag-control .mag-working-capital-scroll td{padding-block:4px} .mag-control .mag-working-capital-scroll th:first-child{min-width:165px;max-width:210px} .mag-control .mag-working-capital-group-toggle{align-items:center}} @media screen and (max-width:760px),screen and (pointer:coarse){.mag-control .mag-working-capital-controls select, .mag-control .mag-working-capital-icon-action, .mag-control .mag-working-capital-exports summary, .mag-control .mag-working-capital-tab-row nav>button, .mag-control .mag-working-capital-expand-actions button, .mag-control .mag-working-capital-scroll .mag-working-capital-amount, .mag-control .mag-working-capital-group-toggle{min-height:var(--wc-touch)} .mag-control .mag-working-capital-exports a{min-height:var(--wc-touch);box-sizing:border-box} .mag-control .mag-working-capital-evidence summary{min-height:var(--wc-touch);align-content:center}} @media screen{.mag-control .mag-working-capital-root .mag-working-capital-headlines{border-top:3px solid var(--mag-chart-2);border-radius:12px} .mag-control .mag-working-capital-root .mag-working-capital-headlines .mag-working-capital-amount{font-size:24px;font-variant-numeric:tabular-nums} .mag-control .mag-working-capital-root .mag-working-capital-book{border-radius:12px} .mag-control .mag-working-capital-root .mag-working-capital-book-heading{border-left:3px solid var(--mag-chart-2)} .mag-control .mag-working-capital-root .mag-working-capital-scroll thead th{background:var(--mag-surface-subtle)} .mag-control .mag-working-capital-root .mag-working-capital-scroll tbody tr:not(.mag-working-capital-group-row):hover>*{background:var(--mag-hover)} .mag-control .mag-working-capital-root .mag-working-capital-checks{border-radius:12px} .mag-control .mag-working-capital-root .notice{border-left:3px solid var(--mag-warning-text)}}