:root {
    --ink: #121923;
    --ink-soft: #475569;
    --muted: #6b7787;
    --border: #d8dfe3;
    --border-strong: #b9c4ca;
    --canvas: #f3f5f5;
    --surface: #fff;
    --sidebar: #23313d;
    --sidebar-deep: #1d2933;
    --teal: #007c70;
    --teal-dark: #00665d;
    --teal-soft: #e5f4f2;
    --amber: #b86b00;
    --amber-soft: #fff0cf;
    --red: #c83232;
    --red-soft: #fff0f0;
    --green: #14835a;
    --green-soft: #e7f5ef;
    --radius: 8px;
    --sidebar-width: 230px;
    --shadow: 0 1px 2px rgba(18, 25, 35, .04), 0 8px 28px rgba(31, 47, 58, .05);
}

* { box-sizing: border-box; }
html { font-size: 15px; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; font-variant-numeric: tabular-nums; }
a { color: var(--teal); }
.svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-width); display: flex; flex-direction: column; z-index: 40; color: #dbe5eb; background: var(--sidebar); }
.brand-lockup { min-height: 112px; display: flex; align-items: center; gap: 13px; padding: 23px 19px; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-lockup > a { color: #fff; text-decoration: none; line-height: 1.15; font-size: 16px; letter-spacing: -.02em; }
.brand-lockup > a span, .login-brand > div span { display: block; font-weight: 500; color: #cad6dc; }
.cube-mark { position: relative; width: 40px; height: 42px; color: var(--teal); border: 2px solid currentColor; transform: rotate(30deg) skew(-2deg); border-radius: 3px; flex: 0 0 auto; }
.cube-mark::before, .cube-mark::after { content: ""; position: absolute; background: currentColor; }
.cube-mark::before { width: 2px; height: 100%; left: 50%; transform: rotate(60deg); transform-origin: center; }
.cube-mark::after { width: 100%; height: 2px; top: 50%; transform: rotate(-30deg); transform-origin: center; }
.cube-mark-inverse { color: #f5fbfc; }
.cube-mark-lg { width: 50px; height: 52px; margin: 0 auto 22px; }
.primary-nav { padding: 18px 0; display: grid; gap: 5px; }
.primary-nav a { position: relative; display: flex; align-items: center; gap: 13px; min-height: 48px; padding: 0 20px; color: #d6e0e5; text-decoration: none; font-size: 13.5px; font-weight: 550; transition: .18s ease; }
.primary-nav a:hover { background: rgba(255,255,255,.06); color: #fff; }
.primary-nav a.active { color: #fff; background: var(--teal); }
.primary-nav a.active::before { content: ""; position: absolute; inset: 8px auto 8px 0; width: 3px; background: #7de0d3; border-radius: 0 3px 3px 0; }
.sidebar-account { margin-top: auto; min-height: 80px; border-top: 1px solid rgba(255,255,255,.1); display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 13px 15px; }
.avatar { width: 36px; height: 36px; border: 1px solid #b8c9d0; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: #fff; }
.sidebar-account strong { display: block; font-size: 12.5px; color: #fff; max-width: 95px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-account span { display: block; font-size: 11px; color: #9eb0ba; }
.account-actions { display: flex; gap: 3px; }
.account-actions a, .account-actions button { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 5px; color: #bdcbd2; background: transparent; padding: 0; }
.account-actions a:hover, .account-actions button:hover { color: #fff; background: rgba(255,255,255,.1); }
.sidebar-close { display: none; border: 0; color: #fff; background: transparent; margin-left: auto; }
.app-main { min-height: 100vh; margin-left: var(--sidebar-width); }
.topbar { min-height: 92px; padding: 20px 30px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 18px; position: sticky; top: 0; z-index: 30; backdrop-filter: blur(8px); }
.topbar h1 { margin: 0; font-size: 25px; line-height: 1.15; letter-spacing: -.035em; font-weight: 720; }
.topbar p { margin: 5px 0 0; color: var(--muted); font-size: 12.5px; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.page-content { padding: 26px 30px 42px; max-width: 1600px; margin: 0 auto; }
.mobile-menu { display: none; padding: 8px; border: 1px solid var(--border); border-radius: 6px; background: #fff; }

.btn { border-radius: 6px; min-height: 39px; padding: .52rem .88rem; font-size: 13px; font-weight: 650; display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-shadow: none !important; }
.btn-sm { min-height: 32px; padding: .35rem .62rem; font-size: 12px; }
.btn-lg { min-height: 47px; font-size: 14px; }
.btn-primary { --bs-btn-bg: var(--teal); --bs-btn-border-color: var(--teal); --bs-btn-hover-bg: var(--teal-dark); --bs-btn-hover-border-color: var(--teal-dark); --bs-btn-active-bg: var(--teal-dark); }
.btn-outline-secondary { --bs-btn-color: #35424d; --bs-btn-border-color: #aebac1; --bs-btn-hover-bg: #f2f5f6; --bs-btn-hover-color: var(--ink); --bs-btn-hover-border-color: #82939c; }
.btn-outline-danger { --bs-btn-color: var(--red); --bs-btn-border-color: #e8a7a7; --bs-btn-hover-bg: var(--red-soft); --bs-btn-hover-color: #9c1f1f; --bs-btn-hover-border-color: #d87777; }
.form-control, .form-select { min-height: 39px; border-color: #cbd5da; border-radius: 6px; font-size: 13px; color: var(--ink); background-color: #fff; }
.form-control:focus, .form-select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(0,124,112,.13); }
.form-control[readonly] { background: #edf1f2; color: #3d4b55; }
.form-field { margin-bottom: 17px; }
.form-field label, .field-label { display: block; margin-bottom: 6px; color: #34424c; font-size: 11.5px; line-height: 1.2; font-weight: 680; letter-spacing: .01em; }
.form-field span.field-validation-error, .validation-summary { display: block; margin-top: 5px; color: var(--red); font-size: 11.5px; }
.validation-summary ul { margin: 0 0 14px; padding-left: 18px; }
.content-panel { padding: 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.narrow-panel { max-width: 620px; }
.panel-title { margin: 0 0 18px; font-size: 17px; font-weight: 720; letter-spacing: -.015em; }
.status-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 3px 9px; border-radius: 5px; font-size: 11px; font-weight: 760; text-transform: uppercase; letter-spacing: .035em; }
.status-draft { color: #7e4900; background: var(--amber-soft); }
.status-final { color: #09603e; background: var(--green-soft); }
.status-cancelled { color: #a62424; background: var(--red-soft); }
.dashboard-actions { display: flex; gap: 9px; margin-bottom: 22px; }
.stat-strip { display: grid; grid-template-columns: repeat(5, 1fr); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.stat-strip article { position: relative; min-height: 130px; padding: 21px 22px; border-right: 1px solid var(--border); }
.stat-strip article:last-child { border-right: 0; }
.stat-strip span { display: block; color: var(--ink-soft); font-size: 12px; font-weight: 680; }
.stat-strip strong { display: block; margin: 8px 0 1px; font-size: 30px; letter-spacing: -.04em; line-height: 1; }
.stat-strip small { color: #87939d; font-size: 10.5px; }
.empty-workspace { margin-top: 22px; min-height: 330px; display: grid; place-content: center; text-align: center; padding: 42px; background: #fff; border: 1px dashed #c1ccd1; border-radius: var(--radius); }
.empty-workspace h2 { font-size: 19px; font-weight: 720; }
.empty-workspace p { max-width: 480px; color: var(--muted); font-size: 13px; }
.empty-workspace .btn { justify-self: center; margin-top: 7px; }
.alert { font-size: 13px; border-radius: 6px; }
.table { --bs-table-color: var(--ink); font-size: 12px; margin-bottom: 0; }
.table > :not(caption) > * > * { padding: .72rem .75rem; border-color: var(--border); vertical-align: middle; }
.table thead th { color: #42515b; background: #f6f8f8; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; font-weight: 760; white-space: nowrap; }
.table-link { color: var(--ink); font-weight: 720; text-decoration: none; }
.table-link:hover { color: var(--teal); }
.login-page { min-height: 100vh; background: #fff; }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, .85fr) minmax(520px, 1.15fr); }
.login-brand { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 11vw; color: #fff; background: var(--sidebar); }
.login-brand::after { content: ""; position: absolute; width: 420px; height: 420px; right: -260px; bottom: -180px; border: 1px solid rgba(125,224,211,.2); transform: rotate(30deg); }
.login-brand .cube-mark { margin-bottom: 25px; }
.login-brand > div strong, .login-brand > div span { font-size: clamp(24px, 3vw, 42px); letter-spacing: -.045em; line-height: 1.05; }
.login-brand p { max-width: 410px; margin-top: 28px; color: #b9c9d0; font-size: 15px; line-height: 1.65; }
.login-panel { display: grid; place-items: center; padding: 40px; }
.login-form-wrap { width: min(100%, 430px); }
.login-form-wrap h1 { font-size: 32px; font-weight: 750; letter-spacing: -.04em; }
.login-context { margin-bottom: 9px; color: var(--teal); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.login-note { margin-top: 26px; padding: 12px 14px; color: #5b6872; background: #f4f6f6; border-left: 3px solid var(--teal); font-size: 11px; line-height: 1.55; }
.login-note code { color: #224039; }

.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.panel-heading h2 { margin: 0; font-size: 16px; font-weight: 740; letter-spacing: -.02em; }
.panel-heading p { margin: 4px 0 0; color: var(--muted); font-size: 11.5px; }
.filter-panel { margin-bottom: 16px; padding: 17px 20px; }
.search-row { display: flex; align-items: center; gap: 14px; }
.search-input { position: relative; flex: 1; }
.search-input .icon { position: absolute; left: 12px; top: 10px; width: 17px; color: #70808a; pointer-events: none; }
.search-input input { padding-left: 38px; }
.form-check { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: #43515b; font-size: 12px; }
.form-check-input:checked { background-color: var(--teal); border-color: var(--teal); }
.table-panel { padding: 0; overflow: hidden; }
.table-panel > .panel-heading { padding: 19px 21px 0; }
.table td > small { display: block; margin-top: 3px; color: #7d8992; font-size: 10.5px; }
.empty-row { padding: 38px !important; color: var(--muted) !important; text-align: center; }
.mono { font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace; font-variant-numeric: tabular-nums; }
.row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; white-space: nowrap; }
.row-actions form { margin: 0; }
.btn-link { color: var(--teal); text-decoration: none; }
.form-panel { max-width: 1180px; }
.form-grid { display: grid; gap: 0 15px; }
.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.span-2 { grid-column: span 2; }.span-3 { grid-column: span 3; }.span-4 { grid-column: span 4; }.span-5 { grid-column: span 5; }
.form-actions { margin: 7px -24px -24px; padding: 15px 24px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--border); background: #f9fafa; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0; padding: 0; }
.detail-grid > div { min-height: 72px; padding: 15px 18px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.detail-grid > div:nth-child(even) { border-right: 0; }.detail-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
.detail-grid span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 10.5px; text-transform: uppercase; letter-spacing: .045em; font-weight: 720; }
.detail-grid strong { display: block; font-size: 13px; line-height: 1.45; }
.settings-stack { display: grid; gap: 16px; padding-bottom: 72px; }
.settings-stack .content-panel { max-width: none; }
.method-grid { display: grid; grid-template-columns: minmax(220px, 1.5fr) minmax(260px, 1fr) 150px; align-items: center; gap: 7px 12px; }
.method-grid > strong { padding-bottom: 6px; color: #52616b; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; }
.method-grid > span { font-size: 12px; font-weight: 650; }
.sticky-form-actions { position: sticky; z-index: 20; bottom: 12px; min-height: 60px; display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(255,255,255,.96); box-shadow: 0 10px 30px rgba(28,42,51,.12); }
.sticky-form-actions span { color: var(--muted); font-size: 11px; }

.report-editor { display: grid; gap: 16px; }
.entry-progress { display: grid; grid-template-columns: repeat(4,1fr); min-height: 50px; padding: 0 18px; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.entry-progress a { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; color: #43515b; text-decoration: none; font-size: 11.5px; font-weight: 650; }
.entry-progress a::after { content: ""; position: absolute; left: 58%; right: -42%; top: 50%; height: 1px; background: #d8dfe3; }
.entry-progress a:last-child::after { display: none; }
.entry-progress b { z-index: 1; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #8f9aa2; color: #fff; font-size: 10px; }
.entry-progress a:first-child b { background: var(--teal); }
.entry-progress a:first-child { color: var(--teal-dark); }
.editor-surface { display: grid; grid-template-columns: 156px minmax(0,1fr); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); overflow: hidden; }
.section-rail { border-right: 1px solid var(--border); padding: 9px 0; background: #fafbfb; }
.section-rail a { display: block; padding: 11px 15px; border-left: 3px solid transparent; color: #34424c; text-decoration: none; font-size: 12px; font-weight: 620; }
.section-rail a:hover { color: var(--teal); background: #f1f6f5; }
.section-rail a.active { color: var(--teal-dark); border-left-color: var(--teal); background: #eef6f5; }
.editor-sections { min-width: 0; }
.editor-section { padding: 17px 18px 3px; border-bottom: 1px solid var(--border); scroll-margin-top: 112px; }
.editor-section:last-child { border-bottom: 0; }
.editor-section > h2 { margin: 0 0 15px; font-size: 15px; font-weight: 740; letter-spacing: -.015em; }
.editor-section > h2:not(:first-child) { margin-top: 4px; padding-top: 13px; border-top: 1px solid #e6eaec; }
.editor-section .form-field { margin-bottom: 12px; }
.editor-section .form-control, .editor-section .form-select { min-height: 34px; padding-top: .35rem; padding-bottom: .35rem; font-size: 11.5px; }
.editor-section .form-field label { margin-bottom: 5px; font-size: 10px; }
.editor-section .form-field small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.report-id-grid { grid-template-columns: 1fr 2.25fr 1fr 1fr 1fr; }
.field-with-action { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
.field-with-action .btn { min-height: 34px; padding: 5px 10px; font-size: 10.5px; }
.method-section { padding-bottom: 17px; }
.result-section { padding: 13px 14px 12px; }
.result-section .panel-heading { margin: 0 2px 10px; }
.cube-table-wrap { border: 1px solid var(--border); border-radius: 6px; }
.cube-table { min-width: 1110px; table-layout: fixed; }
.cube-table th { padding: 6px 4px !important; text-align: center; white-space: normal; line-height: 1.1; }
.cube-table td { padding: 5px 4px !important; text-align: center; }
.cube-table th:nth-child(1) { width: 30px; }.cube-table th:nth-child(2) { width: 92px; }.cube-table th:nth-child(3) { width: 82px; }.cube-table th:nth-child(4) { width: 88px; }.cube-table th:nth-child(n+5):nth-child(-n+7) { width: 61px; }.cube-table th:nth-child(8) { width: 76px; }.cube-table th:nth-child(9) { width: 90px; }.cube-table th:nth-child(10) { width: 82px; }.cube-table th:nth-child(11) { width: 96px; }.cube-table th:nth-child(12) { width: 70px; }.cube-table th:nth-child(13) { width: 37px; }
.cube-table .form-control, .cube-table .form-select { min-height: 31px; height: 31px; padding: 3px 5px; text-align: center; font-size: 11px; }
.calculated-head, .calculated-cell { background: #eaf6f4 !important; }
.calculated-cell output { display: block; color: var(--teal-dark); font-size: 12px; font-weight: 780; }
.calculated-cell small { display: block; margin-top: 0 !important; color: var(--teal-dark) !important; font-size: 7.5px !important; }
.icon-button { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 5px; color: #687680; background: transparent; }
.icon-button:hover { color: var(--red); background: var(--red-soft); }.icon-button .icon { width: 16px; }
.result-tools { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; margin-top: 9px; }
.result-tools > div:first-child { display: flex; align-items: center; gap: 6px; }
.result-summary { display: flex; align-items: stretch; border: 1px solid var(--border); border-radius: 6px; }
.result-summary span { min-width: 130px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 13px; border-right: 1px solid var(--border); color: #47545e; font-size: 10.5px; }
.result-summary span:last-child { border-right: 0; }.result-summary b { color: var(--ink); font-size: 11.5px; }
.failure-legend { margin: 10px 4px 2px; color: #596771; font-size: 9.5px; }.failure-legend i { padding: 0 8px; }
.editor-actions { position: sticky; z-index: 24; bottom: 10px; min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(255,255,255,.97); box-shadow: 0 10px 30px rgba(28,42,51,.13); }
.editor-actions > div { display: flex; align-items: center; gap: 7px; }
.editor-validation:empty { display: none; }
.modal-content { border: 0; border-radius: 8px; box-shadow: 0 18px 50px rgba(21,35,44,.2); }.modal-header h2{font-size:18px;font-weight:740}.modal-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.modal-header,.modal-footer{border-color:var(--border)}
.report-filters .form-field { margin-bottom: 9px; }
.advanced-filters { margin-top: 5px; padding-top: 11px; border-top: 1px solid var(--border); }
.advanced-filters summary { cursor: pointer; color: var(--teal); font-size: 11.5px; font-weight: 720; }
.advanced-filters[open] summary { margin-bottom: 12px; }
.filter-actions { display: flex; gap: 7px; margin-top: 10px; }
.pagination-bar { min-height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 10px 18px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.details-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 17px; align-items: start; }.details-main{display:grid;gap:17px}.lifecycle-panel{position:sticky;top:112px;display:grid;gap:8px}.lifecycle-panel h2{font-size:16px;font-weight:740}.lifecycle-panel form{display:grid}.lifecycle-panel hr{margin:10px 0;border-color:var(--border);opacity:1}
.audit-list article { display: grid; grid-template-columns: 16px minmax(0,1fr) auto; gap: 10px; padding: 13px 20px; border-top: 1px solid var(--border); }.audit-list i{width:9px;height:9px;margin-top:4px;border:2px solid var(--teal);border-radius:50%}.audit-list strong{font-size:12px}.audit-list p{margin:3px 0 0;color:var(--muted);font-size:11px}.audit-list time{text-align:right;color:#58656e;font-size:10.5px}.audit-list time span{display:block;margin-top:3px;color:#89939a}

@media (max-width: 1100px) {
    .stat-strip { grid-template-columns: repeat(3, 1fr); }
    .stat-strip article:nth-child(3) { border-right: 0; }
    .stat-strip article:nth-child(n+4) { border-top: 1px solid var(--border); }
    .cols-5 { grid-template-columns: repeat(3,minmax(0,1fr)); }.span-5 { grid-column: span 3; }
    .report-id-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.customer-field{grid-column:span 2}.details-layout{grid-template-columns:1fr}.lifecycle-panel{position:static}.result-tools{align-items:flex-start;flex-direction:column}.result-summary{width:100%}.result-summary span{flex:1}
}
@media (max-width: 800px) {
    :root { --sidebar-width: 260px; }
    .sidebar { transform: translateX(-100%); transition: transform .22s ease; }
    body.sidebar-open .sidebar { transform: translateX(0); }
    .sidebar-scrim { display: none; position: fixed; inset: 0; background: rgba(10,20,27,.52); z-index: 35; }
    body.sidebar-open .sidebar-scrim { display: block; }
    .sidebar-close, .mobile-menu { display: inline-grid; place-items: center; }
    .app-main { margin-left: 0; }
    .topbar { min-height: 76px; padding: 14px 18px; }
    .topbar h1 { font-size: 21px; }
    .topbar p { display: none; }
    .page-content { padding: 18px; }
    .editor-surface { grid-template-columns: 1fr; }.section-rail{display:none}.entry-progress span{display:none}.entry-progress a::after{left:62%;right:-38%}.editor-actions{position:static;flex-direction:column;align-items:stretch}.editor-actions>div{flex-wrap:wrap}.cols-3,.cols-4,.cols-5,.report-id-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4,.span-5{grid-column:span 2}.method-grid{grid-template-columns:1fr}.method-grid>strong{display:none}.method-grid>span{margin-top:7px}.settings-stack{padding-bottom:0}.sticky-form-actions{bottom:5px}.search-row{align-items:stretch;flex-direction:column}
    .login-shell { grid-template-columns: 1fr; }
    .login-brand { display: none; }
}
@media (max-width: 620px) {
    .dashboard-actions { display: grid; }
    .stat-strip { grid-template-columns: 1fr 1fr; }
    .stat-strip article { min-height: 110px; border-bottom: 1px solid var(--border); }
    .stat-strip article:nth-child(even) { border-right: 0; }
    .stat-strip article:last-child { grid-column: 1/-1; border-bottom: 0; }
    .topbar-actions { display: none; }
    .login-panel { padding: 26px; }
    .cols-2,.cols-3,.cols-4,.cols-5,.report-id-grid{grid-template-columns:1fr}.span-2,.span-3,.span-4,.span-5,.customer-field{grid-column:span 1}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0}.result-summary{flex-direction:column}.result-summary span{border-right:0;border-bottom:1px solid var(--border)}.result-summary span:last-child{border-bottom:0}.entry-progress{padding:0 5px}.editor-section{padding-left:12px;padding-right:12px}.editor-actions .btn{flex:1}.filter-actions{display:grid}
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }