/* Page-level layouts built on top of app-2026.css */
.section-heading-2026 { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.section-heading-2026 h2 { margin-bottom:4px; }
.section-heading-2026 p { margin:0; font-size:11.5px; line-height:1.5; }

/* Authentication */
.login-card-2026 { display:grid; gap:22px; }
.login-brand-2026 { display:flex; align-items:center; gap:11px; }
.login-brand-2026 > div { display:flex; flex-direction:column; }
.login-brand-2026 strong { font-size:13px; }
.login-brand-2026 small { margin-top:3px; color:var(--text-muted); font-size:10.5px; }
.login-heading-2026 h1 { margin:0 0 5px; }
.login-heading-2026 p { margin:0; color:var(--text-muted); font-size:12.5px; }
.login-form-2026 { display:grid; gap:12px; }
.login-form-2026 .wizard-field { margin:0; }
.login-form-2026 .btn { width:100%; margin-top:4px; min-height:42px; }

/* Overview */
.dashboard-toolbar-2026 .settings-field { min-width:210px; }
.overview-metric-grid-2026 { grid-template-columns:repeat(4,minmax(0,1fr)) !important; margin-bottom:18px; }
.dashboard-metric-card { min-height:138px; display:flex !important; flex-direction:column; text-decoration:none; transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast) !important; }
.dashboard-metric-card:hover { transform:translateY(-1px); box-shadow:var(--shadow-sm); border-color:var(--border-default); }
.dashboard-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.dashboard-card-note { margin-top:auto; padding-top:10px; color:var(--text-muted); font-size:10.5px; line-height:1.4; }
.dashboard-date-value { font-size:16px !important; line-height:1.3 !important; }
.dashboard-progress { height:5px !important; margin-top:11px !important; background:var(--surface-tertiary) !important; border-radius:99px; overflow:hidden; }
.dashboard-progress span { display:block; height:100%; background:var(--accent) !important; border-radius:99px; }
.dashboard-status-warning { border-color:color-mix(in srgb,var(--warning-border) 70%,var(--border-subtle)) !important; }
.dashboard-status-failed { border-color:color-mix(in srgb,var(--danger-border) 72%,var(--border-subtle)) !important; }
.dashboard-status-ok { border-color:color-mix(in srgb,var(--success-border) 72%,var(--border-subtle)) !important; }
.run-summary-grid-2026 { gap:8px !important; }
.info-card { padding:12px 13px !important; background:var(--surface-secondary) !important; border:1px solid var(--border-subtle) !important; border-radius:11px !important; }
.info-card span { color:var(--text-muted) !important; font-size:9.5px !important; text-transform:uppercase; letter-spacing:.035em; }
.info-card strong { margin-top:5px !important; font-size:12.5px !important; }
.dashboard-region-form { min-width:0; display:flex; align-items:flex-end; gap:8px; }
.dashboard-region-form .dashboard-filter-field { width:238px; display:grid; gap:5px; }
.dashboard-region-form .btn { min-height:38px; white-space:nowrap; }
.dashboard-attention-arrow-button {
    min-width:24px;
    width:24px;
    min-height:24px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    color:var(--text-secondary);
    font-size:14px;
}
.dashboard-attention-arrow-button:hover { color:var(--text-primary); }

/* Manual run launcher */
.run-launch-2026 { padding:20px; }
.run-launch-form-2026 { display:grid; gap:18px; }
.run-source-picker { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.run-source-option { position:relative; min-height:78px; margin:0; padding:12px; display:flex; align-items:flex-start; gap:9px; color:var(--text-primary); background:var(--surface-secondary); border:1px solid var(--border-subtle); border-radius:12px; cursor:pointer; transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast); }
.run-source-option:hover { background:#fff; border-color:var(--border-default); box-shadow:var(--shadow-xs); transform:translateY(-1px); }
.run-source-option input { position:absolute; opacity:0; pointer-events:none; }
.run-source-radio { width:16px; height:16px; margin-top:1px; flex:0 0 16px; border:1.5px solid var(--border-strong); border-radius:50%; background:#fff; box-shadow:inset 0 0 0 4px #fff; transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast); }
.run-source-option:has(input:checked) { background:var(--accent-soft); border-color:var(--accent-border); box-shadow:0 0 0 2px rgba(56,103,232,.055); }
.run-source-option:has(input:checked) .run-source-radio { background:var(--accent); border-color:var(--accent); }
.run-source-option strong { display:block; font-size:11.5px; line-height:1.25; }
.run-source-option small { display:block; margin-top:4px; color:var(--text-muted); font-size:9.5px; line-height:1.3; }
.run-source-option.is-featured strong { color:var(--accent); }
.run-launch-bottom { padding-top:14px; display:flex; align-items:flex-end; gap:10px; border-top:1px solid var(--border-subtle); }
.run-region-field { width:min(320px,100%); }
.run-region-field label { display:block; margin:0 0 5px; }
.run-launch-bottom .btn { margin-left:auto; }
.live-dot { width:7px; height:7px; display:inline-block; margin-right:5px; border-radius:50%; background:var(--success); box-shadow:0 0 0 3px var(--success-soft); }

/* Parser history */
.parser-run-card-list { display:grid; gap:7px; }
.parser-run-card { overflow:hidden; }
.parser-run-card-summary { min-height:64px; padding:10px 12px !important; display:grid !important; grid-template-columns:54px minmax(140px,1.5fr) 90px repeat(4,minmax(72px,.55fr)) minmax(150px,.8fr) 24px; align-items:center; gap:8px; list-style:none; cursor:pointer; }
.parser-run-card-summary::-webkit-details-marker { display:none; }
.parser-run-card-id { color:var(--text-muted); font-size:11px; font-weight:650; }
.parser-run-card-name strong { display:block; font-size:12px; }
.parser-run-card-name span { display:block; margin-top:3px; font-size:10px; }
.parser-run-stat { text-align:center; }
.parser-run-stat b { display:block; font-size:13px; }
.parser-run-stat small { display:block; margin-top:2px; color:var(--text-muted); font-size:8.5px; }
.parser-run-card-time { min-width:0; }
.parser-run-card-time span { display:block; font-size:10px; }
.parser-run-card-time small { display:block; margin-top:3px; color:var(--text-muted); font-size:8.5px; }
.parser-run-card-chevron { color:var(--text-muted); transition:transform var(--transition-fast); }
.parser-run-card[open] .parser-run-card-chevron { transform:rotate(180deg); }
.parser-run-card-body { padding:15px !important; background:#fbfcfd; }
.parser-run-task-list { padding:12px; border:1px solid var(--border-subtle); border-radius:11px; background:#fff; }
.parser-run-task-row { padding:8px 0 !important; border-bottom:1px solid var(--border-subtle); font-size:10.5px; }
.parser-run-task-row:last-child { border-bottom:0; }
.parser-run-actions { margin-bottom:10px; }

/* Shared direct-page navigation */
.pm-pagination .pm-page-jump { align-items:center; }
.pm-pagination .pm-page-jump label { margin:0; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.pm-pagination .pm-page-jump input { width:72px; min-height:32px; }
.pm-pagination .pm-page-jump .btn { min-height:32px; }

/* Product pages */
.products-filter-panel, .report-filters-panel { padding:14px !important; }
.filters-form { gap:9px !important; }
.filters-form .settings-field, .filters-form > div { min-width:0; }
.products-table-panel { padding:16px !important; }
.product-modal h2 { padding-right:48px; font-size:22px; letter-spacing:-.03em; }
.product-modal .modal-section { padding-top:18px; margin-top:18px; }
.product-image-wrap { background:var(--surface-secondary) !important; border-color:var(--border-subtle) !important; }
.product-image-wrap img { transition:transform 220ms var(--ease-standard); }
.product-image-wrap:hover img { transform:scale(1.015); }

/* Matching */
.matching-summary-cards { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; }
.matching-summary-cards .card { min-height:92px; }
#matching-run-panel, #manual-pair, #our-matches { border-radius:var(--radius-lg) !important; }
.action-stack { gap:5px !important; }
.matched-row { background:#fbfdfc !important; }
.manual-filter-form { padding:13px !important; background:var(--surface-secondary) !important; }
.selected-product-card { background:var(--accent-soft) !important; border-color:var(--accent-border) !important; }

/* Reports */
.report-cards { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; }
.report-table { min-width:1320px !important; }
.report-table td, .report-table th { white-space:nowrap; }

/* Settings / administration */
.admin-intro-2026 { max-width:760px; margin:-13px 0 15px; color:var(--text-muted); font-size:12.5px; line-height:1.55; }
.settings-jump-nav-2026 { position:sticky; top:74px; z-index:20; margin:0 0 18px; padding:6px; display:flex; align-items:center; gap:4px; overflow-x:auto; background:rgba(255,255,255,.88); border:1px solid var(--border-subtle); border-radius:12px; box-shadow:var(--shadow-xs); backdrop-filter:blur(12px); scrollbar-width:none; }
.settings-jump-nav-2026::-webkit-scrollbar { display:none; }
.settings-jump-nav-2026 a { flex:0 0 auto; padding:7px 10px; color:var(--text-secondary); border-radius:8px; font-size:10.5px; font-weight:610; text-decoration:none; transition:color var(--transition-fast), background var(--transition-fast); }
.settings-jump-nav-2026 a:hover { color:var(--text-primary); background:var(--surface-secondary); }
.settings-source-handoff-2026 { margin:0 0 16px; padding:12px 13px; display:flex; align-items:center; gap:14px; background:var(--accent-soft); border:1px solid var(--accent-border); border-radius:12px; }
.settings-source-handoff-2026 > div { min-width:0; flex:1; }
.settings-source-handoff-2026 strong { display:block; color:var(--text-primary); font-size:11.5px; }
.settings-source-handoff-2026 span { display:block; margin-top:3px; color:var(--text-muted); font-size:10.5px; }
.settings-source-handoff-2026 .btn { flex:0 0 auto; }
.settings-overview-panel { background:linear-gradient(135deg,#fff,#fafbfc) !important; }
.settings-summary-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:8px !important; margin-bottom:0 !important; }
.settings-summary-card { min-height:88px; }
.settings-section-header { align-items:flex-start !important; }
.settings-section-header p { max-width:720px; margin-top:4px !important; font-size:11.5px; line-height:1.5; }
.settings-collapse-panel { padding:16px 18px !important; }
.settings-collapse-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.settings-collapse-summary strong { font-size:14px; }
.settings-collapse-summary small { margin-left:8px; color:var(--text-muted); font-size:10.5px; font-weight:500; }
.settings-collapse-arrow { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--surface-secondary); color:var(--text-muted); transition:transform var(--transition-fast); }
details[open] > .settings-collapse-summary .settings-collapse-arrow { transform:rotate(180deg); }
.settings-table { font-size:11.5px; }
.settings-store-card { border-color:var(--border-subtle) !important; background:var(--surface-primary) !important; box-shadow:var(--shadow-xs) !important; }
.settings-store-modal .product-modal { width:min(980px,100%); }
.settings-subpanel { padding:14px !important; }
.settings-checkbox-grid { gap:8px !important; }

/* Audit / health */
.audit-table td { font-size:11.5px; }
.health-check-card, .readiness-card { border-radius:var(--radius-md) !important; }

@media (max-width:1300px) {
    .overview-metric-grid-2026 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .run-source-picker { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .settings-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .matching-summary-cards, .report-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:980px) {
    .parser-run-card-summary { grid-template-columns:50px minmax(150px,1fr) 86px 80px 24px; }
    .parser-run-card-summary .parser-run-stat:nth-of-type(n+3) { display:none; }
    .parser-run-card-time { display:none; }
}
@media (max-width:760px) {
    .overview-metric-grid-2026, .settings-summary-grid, .matching-summary-cards, .report-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .run-source-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .run-launch-bottom { align-items:stretch; flex-direction:column; }
    .run-launch-bottom .btn { width:100%; margin-left:0; }
    .run-region-field { width:100%; }
    .parser-run-card-summary { grid-template-columns:42px minmax(120px,1fr) 76px 20px; min-height:58px; }
    .parser-run-card-summary .parser-run-stat, .parser-run-card-time { display:none; }
    .settings-jump-nav-2026 { top:62px; margin-inline:-4px; }
    .settings-source-handoff-2026 { align-items:flex-start; flex-direction:column; }
    .dashboard-region-form { width:100%; }
    .dashboard-region-form .dashboard-filter-field { width:auto; flex:1 1 auto; }
}
@media (max-width:520px) {
    .overview-metric-grid-2026, .matching-summary-cards, .report-cards { grid-template-columns:1fr !important; }
    .run-source-picker { grid-template-columns:1fr; }
    .settings-summary-grid { grid-template-columns:1fr 1fr !important; }
}
