:root {
    --ink: #153b3a;
    --muted: #687d7c;
    --line: #dce5e5;
    --paper: #ffffff;
    --canvas: #f4f6f8;
    --accent: #e65f3b;
    --teal: #21756d;
    --global-size: 16px;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

html { font-size: var(--global-size); }
html, body { margin: 0; color: var(--ink); background: var(--canvas); }
body { min-height: 100vh; }
a { color: var(--teal); }
button, input, select { font: inherit; }
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(1.75rem, 3vw, 2.55rem); letter-spacing: -.035em; margin-bottom: .35rem; }
.page-heading h1:focus, .empty-state h1:focus { outline: none; }

.context-loading { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: .8rem; color: #486160; background: var(--canvas); font-weight: 650; }
.context-loading-mark { width: 18px; height: 18px; border: 2px solid #bfd0ce; border-top-color: var(--accent); border-radius: 50%; animation: context-spin .75s linear infinite; }
@keyframes context-spin { to { transform: rotate(360deg); } }

.page-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 1.6rem; }
.page-heading > div { min-width: 0; max-width: 100%; }
.page-heading p { color: var(--muted); margin: 0; }
.eyebrow { color: var(--accent); font-size: .68rem; font-weight: 800; letter-spacing: .16em; }
.today { color: var(--muted); font-size: .9rem; background: var(--paper); border: 1px solid var(--line); padding: .65rem .9rem; border-radius: 10px; }
.primary-action { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border: 0; border-radius: 9px; background: var(--accent); color: #fff; padding: .72rem 1rem; text-decoration: none; font-weight: 700; box-shadow: 0 6px 18px rgba(213,75,45,.17); }
.primary-action:hover { color: #fff; background: #cf4f30; }
.page-actions { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; flex-wrap: wrap; }

.metric-grid { display: grid; grid-template-columns: repeat(6, minmax(145px,1fr)); gap: 1rem; margin-bottom: 1.35rem; }
.metric-card { min-height: 145px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); padding: 1.15rem; text-decoration: none; color: var(--ink); box-shadow: 0 5px 22px rgba(29,59,62,.045); }
.metric-card span { color: var(--muted); font-size: .79rem; font-weight: 700; }
.metric-card strong { font-size: 2.25rem; line-height: 1; margin: 1.25rem 0 auto; }
.metric-card small { color: #7f9190; }
.metric-card.hot { border-top: 3px solid #d94b36; }
.metric-card.hot strong { color: #c5402d; }
.metric-card.warm { border-top: 3px solid #e5a235; }
.process-panel { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr; align-items: center; border: 1px solid var(--line); border-radius: 15px; background: #153c3a; color: #fff; padding: 1.2rem; }
.process-panel > div { display: grid; grid-template-columns: auto 1fr; column-gap: .7rem; }
.process-panel small { grid-column: 2; color: #a9c5c2; }
.process-panel i { height: 1px; background: #557873; }
.step-number { grid-row: span 2; color: #f58a65; font-weight: 800; }

.module-grid { display: grid; grid-template-columns: repeat(3,minmax(220px,1fr)); gap: 1rem; }
.module-card, .data-panel, .form-panel, .loading-card { border: 1px solid var(--line); border-radius: 14px; background: var(--paper); padding: 1.25rem; box-shadow: 0 5px 22px rgba(29,59,62,.04); }
.module-card { min-height: 220px; display: flex; flex-direction: column; }
.module-card h2 { font-size: 1.12rem; margin: .7rem 0 .5rem; }
.module-card p { color: var(--muted); line-height: 1.55; }
.module-card a { margin-top: auto; font-weight: 700; text-decoration: none; }
.module-icon { width: 38px; height: 38px; display: grid; place-items: center; background: #edf5f3; border-radius: 10px; color: var(--teal); }
.module-note { margin-top: 1rem; }
.module-note p { color: var(--muted); margin: .4rem 0 0; }
.data-panel { min-width: 0; max-width: 100%; padding: 0; overflow: hidden; }
.form-panel { margin-bottom: 1rem; }
.form-grid { display: grid; grid-template-columns: 160px minmax(240px,2fr) minmax(180px,1fr) auto; align-items: end; gap: 1rem; }
.form-grid label { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; margin-bottom: .35rem; }
.dx-control { width: 100%; }
.entity-form-grid { display: grid; grid-template-columns: repeat(2,minmax(220px,1fr)); gap: 1rem; padding: 1.2rem; }
.entity-form-grid label { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; margin-bottom: .35rem; }
.branding-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; }
.branding-card { display: flex; flex-direction: column; gap: 1rem; padding: 1.2rem; min-width: 0; }
.branding-card-heading { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.branding-card-heading h2 { margin: .15rem 0 0; }
.branding-card-heading > strong { color: var(--muted); text-align: right; }
.branding-fields { display: grid; gap: 1rem; }
.branding-fields label { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; margin-bottom: .35rem; }
.image-preview { min-height: 155px; border: 1px dashed var(--line); border-radius: 12px; background: #f8fbfa; display: flex; align-items: center; justify-content: center; padding: 1rem; color: var(--muted); text-align: center; }
.image-preview img { display: block; max-width: 100%; max-height: 135px; object-fit: contain; }
.signature-preview { min-height: 125px; }
.signature-preview img { max-height: 105px; }
.branding-card .field-help { margin: 0; }
.branding-actions { margin-top: auto; }
.activation-panel { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.activation-panel p { color: var(--muted); margin: .25rem 0 0; }
.access-page { height: auto; min-height: calc(100dvh - 104px); }
.access-members-panel, .access-roles-panel { min-height: 360px; margin-bottom: 1rem; }
.access-popup { display: grid; gap: 1rem; padding: 1rem; }
.member-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.member-heading strong, .member-heading small { display: block; }
.member-heading small { color: var(--muted); margin-top: .2rem; }
.permission-section { padding: 0 1.2rem 1.2rem; }
.permission-section > label { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; margin-bottom: .55rem; }
.permission-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
.permission-option { display: flex; align-items: start; gap: .6rem; border: 1px solid var(--line); border-radius: 9px; padding: .65rem; color: var(--ink) !important; font-size: .82rem !important; }
.permission-option span, .permission-option strong, .permission-option small { display: block; min-width: 0; }
.permission-option small { color: var(--muted); margin-top: .2rem; overflow-wrap: anywhere; }
.platform-access-popup .access-popup { padding-bottom: 0; }
.platform-permission-section, .organization-membership-section { display: grid; gap: .75rem; }
.platform-permission-section + .organization-membership-section { padding-top: 1rem; border-top: 1px solid var(--line); }
.platform-access-popup .popup-section-heading { align-items: center; }
.platform-access-popup .popup-section-heading h3 { margin: .15rem 0 .25rem; }
.platform-access-popup .popup-section-heading > strong { flex: 0 0 auto; color: var(--muted); font-size: .82rem; }
.organization-membership-list { display: grid; gap: .7rem; }
.organization-membership-card { min-width: 0; border: 1px solid var(--line); border-radius: 11px; padding: .85rem; background: #fbfcfc; }
.organization-membership-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.organization-membership-heading strong, .organization-membership-heading small { display: block; }
.organization-membership-heading small { color: var(--muted); margin-top: .15rem; }
.membership-statuses { display: flex; justify-content: flex-end; gap: .4rem; flex-wrap: wrap; }
.status-pill.status-inactive { background: #f4eeee; color: #87524b; }
.organization-access-detail { display: grid; grid-template-columns: minmax(220px,1fr) minmax(150px,.45fr); gap: .8rem; margin-top: .75rem; }
.organization-access-detail > div { min-width: 0; }
.organization-access-detail span, .organization-access-detail strong { display: block; }
.organization-access-detail span { color: var(--muted); font-size: .72rem; font-weight: 700; margin-bottom: .15rem; }
.organization-access-detail strong { font-size: .86rem; overflow-wrap: anywhere; }
.organization-permission-codes { display: flex; flex-wrap: wrap; gap: .32rem; max-height: 130px; overflow: auto; margin-top: .7rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.organization-permission-codes code { border-radius: 6px; padding: .22rem .38rem; background: #edf5f3; color: var(--teal); font-size: .7rem; }
.organization-no-permissions, .organization-membership-empty { color: var(--muted); }
.organization-no-permissions { display: block; margin-top: .65rem; }
.organization-membership-empty { padding: .85rem; border: 1px dashed var(--line); border-radius: 9px; text-align: center; }
.field-help { display: block; margin-top: .35rem; color: var(--muted); font-size: .75rem; }
.warning-text { color: #a05a16; }
.training-view-switch { flex: 0 0 auto; display: flex; gap: .55rem; margin: -0.7rem 0 1rem; }
.training-view-switch .training-view-button, .training-view-switch .training-view-active { border: 1px solid #bfd0ce; border-radius: 9px; padding: .58rem .85rem; font-weight: 750; }
.training-view-switch .training-view-button { background: var(--paper); color: var(--ink); }
.training-view-switch .training-view-active { background: #153c3a; color: #fff; border-color: #153c3a; }
.empty-popup-state { padding: 1.2rem; }
.empty-popup-state .alert { margin-bottom: 1rem; }
.grid-row-actions { display: flex; align-items: center; gap: .35rem; }
.participant-list-popup .dxbl-popup-body { height: 100%; overflow: hidden; }
.participant-popup-content { height: 100%; min-height: 0; display: flex; flex-direction: column; }
.participant-popup-content > .panel-title, .participant-popup-content > .grid-record-count, .participant-popup-content > .alert { flex: 0 0 auto; }
.participant-popup-content > .popup-actions { flex: 0 0 auto; }
.participant-grid { flex: 1 1 auto; min-height: 280px; height: 100%; border: 0 !important; }
.participant-session-context { margin: 1rem 1.2rem 0; padding: .7rem .8rem; border-radius: 8px; background: #f3f8f7; }
.field-span-2 { grid-column: span 2; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; padding: 0 1.2rem 1.2rem; }
.entity-popup .dxbl-popup-body { padding: 0; }
.entity-popup form { min-width: 0; }
.entity-popup-content { min-width: 0; padding: 1rem 1.2rem; }
.entity-popup-content > .form-actions { padding: 1rem 0 0; }
.registry-assistant { min-width: 0; max-width: 100%; padding: 1rem 1.2rem; overflow: hidden; background: #f3f8f7; border-bottom: 1px solid var(--line); }
.popup-section-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.popup-section-heading h3, .popup-form-sections h3 { margin: .15rem 0 .3rem; font-size: 1rem; }
.popup-section-heading p { margin: 0; color: var(--muted); font-size: .85rem; }
.registry-search-row { display: grid; grid-template-columns: minmax(260px,1fr) auto; gap: .65rem; margin-top: .85rem; }
.registry-result-grid {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: clamp(240px, 38vh, 420px);
    margin-top: .75rem;
    box-sizing: border-box;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}
.popup-form-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1.1rem 1.2rem; }
.popup-form-sections > section { min-width: 0; container: popup-section / inline-size; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.popup-form-sections > section:first-child { grid-row: span 2; }
.popup-form-sections > section > h3 { padding: .85rem 1rem; border-bottom: 1px solid var(--line); background: #f8fafa; }
.popup-form-sections .entity-form-grid { padding: 1rem; }
.popup-form-sections .entity-form-grid > div { min-width: 0; }
/* Two 220px fields, their gap and the form padding must fit inside each section. */
@container popup-section (max-width: calc(440px + 3rem)) {
    .popup-form-sections .entity-form-grid { grid-template-columns: minmax(0,1fr); }
    .popup-form-sections .entity-form-grid > .field-span-2 { grid-column: auto; }
}
.popup-alert { margin: 1rem 1.2rem 0; }
.popup-actions { position: sticky; bottom: 0; z-index: 1; padding: .9rem 1.2rem; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); }
.compact-action { padding: .42rem .62rem !important; min-height: 32px; }
.invite-panel .form-grid { grid-template-columns: minmax(260px,1fr) minmax(300px,2fr) auto; }
.role-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.role-options > label:first-child { flex-basis: 100%; }
.role-option { display: flex !important; gap: .45rem; align-items: start; border: 1px solid var(--line); border-radius: 9px; padding: .55rem .7rem; }
.role-option .dxbl-checkbox { width: auto; margin-top: .2rem; }
.role-option strong, .role-option small { display: block; }
.role-option small { color: var(--muted); }
.filter-row { display: grid; grid-template-columns: minmax(220px,480px) auto 1fr; align-items: center; gap: .6rem; padding: 1rem; border-bottom: 1px solid var(--line); }
.filter-row button { border: 1px solid #bfcfce; background: #eef4f3; border-radius: 8px; padding: .62rem .9rem; color: var(--ink); font-weight: 700; }
.filter-row span { color: var(--muted); text-align: right; font-size: .82rem; }
.grid-record-count { flex: 0 0 auto; padding: .55rem 1rem 0; color: var(--muted); text-align: right; font-size: .82rem; }
.grid-page { width: 100%; min-width: 0; height: calc(100dvh - 136px); min-height: 480px; display: flex; flex-direction: column; }
.grid-page > .page-heading, .grid-page > .form-panel, .grid-page > .alert { flex: 0 0 auto; }
.grid-page > .data-panel { flex: 1 1 360px; min-height: 360px; display: flex; flex-direction: column; }
.grid-page > .data-panel > .filter-row, .grid-page > .data-panel > .grid-record-count, .grid-page > .data-panel > .alert { flex: 0 0 auto; }
.business-grid { flex: 1 1 auto; width: 100%; min-width: 0; max-width: 100%; border: 0 !important; height: 100%; min-height: 0; }
.hide-asset-detail-button .dxbl-grid-expand-button { display: none !important; }
.asset-detail-panel { height: min(390px, 48vh); min-height: 250px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.asset-detail-heading { flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem .9rem; border-bottom: 1px solid var(--line); background: #f5f9f8; }
.asset-detail-heading strong, .asset-detail-heading span { display: block; }
.asset-detail-heading span { margin-top: .15rem; color: var(--muted); font-size: .78rem; }
.asset-detail-grid { flex: 1 1 auto; min-height: 0; height: 100%; }
.module-view-switch { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0 0 .85rem; flex: 0 0 auto; }
.module-view-button { background: #fff !important; border-color: var(--line) !important; color: var(--ink) !important; }
.module-view-active { background: var(--teal) !important; border-color: var(--teal) !important; color: #fff !important; }
.popup-standalone-form { padding: 1.2rem; }
.stock-document-sections > section:first-child { grid-row: auto; }
.stock-document-sections { grid-template-columns: minmax(300px,.85fr) minmax(360px,1.15fr); }
.stock-document-sections .popup-section-heading { padding: .85rem 1rem; border-bottom: 1px solid var(--line); background: #f8fafa; }
.stock-lines { display: grid; gap: .7rem; padding: 1rem; }
.stock-line { display: grid; grid-template-columns: minmax(210px,1fr) 120px auto; gap: .55rem; align-items: center; }
.document-upload-zone { margin: 1.1rem 1.2rem 0; padding: 1.1rem; border: 1px dashed #91aaa5; border-radius: 12px; background: #f7fbfa; display: grid; gap: .75rem; }
.document-upload-zone h3 { margin: .15rem 0 .25rem; }
.document-upload-zone p { margin: 0; color: var(--muted); }
.selected-document-file { margin: 1.1rem 1.2rem 0; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; gap: .75rem; }
.selected-document-file small { margin-left: auto; color: var(--muted); }
.loading-inline { color: var(--teal); font-weight: 700; }
.hash-value { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .8rem; }
.report-surface, .report-host { height: calc(100dvh - 150px); min-height: 480px; width: 100%; min-width: 0; border: 1px solid var(--line); background: #fff; border-radius: 14px; overflow: hidden; }
.report-page-heading { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 0 .75rem; }
.report-page-heading strong, .report-page-heading small { display: block; }
.report-page-heading small { margin-top: .15rem; color: var(--muted); }
.reports-grid { min-height: 0; }
.report-create-popup small { display: block; margin-top: .35rem; color: var(--muted); }
.alert { border-radius: 10px; }
.validation-message { color: #bc392b; font-size: .75rem; }
.secondary-action, .danger-action, .data-panel button, .task-card button { border: 1px solid #bfd0ce; border-radius: 9px; background: #edf5f3; color: var(--ink); padding: .62rem .85rem; font-weight: 700; }
.danger-action { color: #a73729 !important; background: #fff0ed !important; border-color: #f0c5bd !important; }
.operation-actions { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.operation-form { grid-template-columns: repeat(3, minmax(180px,1fr)); }
.operation-form .dx-control, .assignment-bar .dx-control, .checklist-line .dx-control, .signature-block .dx-control { width: 100%; }
.selected-context { color: var(--teal); font-size: .78rem; font-weight: 700; }
.operation-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.operation-columns.single-column { grid-template-columns: 1fr; }
.panel-title { display: flex; justify-content: space-between; align-items: start; gap: 1rem; padding: 1.1rem 1.2rem; border-bottom: 1px solid var(--line); }
.panel-title h2 { margin: .15rem 0 0; font-size: 1.2rem; }
.panel-title p { color: var(--muted); margin: .3rem 0 0; }
.operation-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 1.2rem; border-bottom: 1px solid #edf1f1; }
.operation-row:last-child { border-bottom: 0; }
.operation-row > div { min-width: 0; }
.operation-row strong, .operation-row span, .operation-row small { display: block; }
.operation-row span, .operation-row small { color: var(--muted); margin-top: .18rem; }
.operation-row.overdue { border-left: 4px solid #d94b36; background: #fff9f7; }
.operation-row.selectable { cursor: pointer; }
.operation-row.selectable:hover, .operation-row.selected { background: #f1f7f6; }
.status-pill { display: inline-flex; border-radius: 999px; background: #e8f2f0; color: var(--teal); padding: .35rem .62rem; font-size: .75rem; font-weight: 800; white-space: nowrap; }
.compact-check { color: var(--muted); font-size: .8rem; display: flex; gap: .4rem; align-items: center; }
.empty-state { color: var(--muted); padding: 1.4rem; margin: 0; }
.work-order-detail, .execution-form, .invoice-preview { margin-bottom: 1rem; }
.assignment-bar { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; padding: 1rem 1.2rem; background: #f7f9f9; border-bottom: 1px solid var(--line); }
.task-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }
.task-card span { display: block; color: var(--muted); margin-top: .25rem; }
.execution-form { padding: 0; }
.execution-form > .checklist-line, .execution-form > .signature-block, .execution-form > .operation-actions { margin: 0 1.2rem; }
.execution-form > .operation-actions { padding: 1.2rem 0; }
.compliance-section { margin: 1rem 1.2rem; overflow: hidden; }
.compliance-section .entity-form-grid { padding-top: .75rem; }
.compliance-grid { width: 100%; min-width: 0; }
.compliance-record { margin: .75rem; padding: .5rem; }
.compliance-record .panel-title { padding: .55rem .75rem; }
.checklist-line { display: grid; grid-template-columns: minmax(220px,2fr) minmax(150px,1fr) 160px; align-items: center; gap: .7rem; padding: .7rem 0; border-bottom: 1px solid #edf1f1; }
.checklist-line small { color: var(--muted); }
.signature-block { background: #f7f9f9; border-radius: 10px; padding: 1rem; display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 1rem !important; }
.signature-block h3 { grid-column: 1/-1; font-size: 1rem; margin: 0; }
.metric-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; padding: 1.2rem; }
.metric-strip div { background: #f4f8f7; border-radius: 10px; padding: 1rem; }
.metric-strip span, .metric-strip strong { display: block; }
.metric-strip span { color: var(--muted); font-size: .75rem; }
.metric-strip strong { font-size: 1.2rem; margin-top: .3rem; }
.ajpes-status-grid { flex: 0 0 auto; display: grid; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); gap: .75rem; margin-bottom: 1rem; }
.ajpes-status-grid section { min-width: 0; display: flex; flex-direction: column; min-height: 82px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); padding: .85rem 1rem; }
.ajpes-status-grid span { color: var(--muted); font-size: .75rem; font-weight: 700; }
.ajpes-status-grid strong, .ajpes-status-grid a { margin-top: auto; color: var(--ink); font-size: 1.05rem; font-weight: 750; text-decoration: none; }
.ajpes-status-grid section > div { margin-top: auto; }
.invoice-preview > button { margin: 0 0 1.2rem 1.2rem; }
.data-panel > h2 { margin: 0; padding: 1.1rem 1.2rem; border-bottom: 1px solid var(--line); font-size: 1.2rem; }
.template-list { display: grid; }
.template-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.2rem; border-bottom: 1px solid #edf1f1; }
.template-row:last-child { border-bottom: 0; }
.template-row strong, .template-row small { display: block; }
.template-row small { color: var(--muted); margin-top: .2rem; }
.template-actions { display: flex; gap: .55rem; align-items: center; }
.template-actions a, .template-actions button { border: 1px solid #bfd0ce; border-radius: 8px; background: #edf5f3; color: var(--ink); padding: .5rem .7rem; font-weight: 700; text-decoration: none; }

#blazor-error-ui { display: none; position: fixed; inset: auto 0 0; z-index: 1000; padding: .8rem 1.2rem; background: #fff0c8; color: #513d00; box-shadow: 0 -2px 8px rgba(0,0,0,.14); }
#blazor-error-ui .dismiss { position: absolute; right: 1rem; cursor: pointer; }

@media (max-width: 1250px) {
    .metric-grid { grid-template-columns: repeat(3,1fr); }
    .form-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
    .report-surface, .report-host { height: calc(100dvh - 170px); min-height: 420px; }
    .report-page-heading { align-items: flex-start; flex-direction: column; }
    .grid-page { height: auto; min-height: calc(100dvh - 104px); }
    .grid-page > .data-panel { min-height: 420px; }
    .page-heading { align-items: start; flex-direction: column; }
    .metric-grid, .module-grid { grid-template-columns: 1fr; }
    .ajpes-status-grid { grid-template-columns: 1fr 1fr; }
    .process-panel { grid-template-columns: 1fr; gap: .8rem; }
    .process-panel i { display: none; }
    .form-grid { grid-template-columns: 1fr; }
    .entity-form-grid { grid-template-columns: 1fr; }
    .branding-grid { grid-template-columns: 1fr; }
    .permission-options { grid-template-columns: 1fr; }
    .organization-access-detail { grid-template-columns: 1fr; }
    .organization-membership-heading { align-items: stretch; flex-direction: column; }
    .membership-statuses { justify-content: flex-start; }
    .activation-panel { align-items: start; flex-direction: column; }
    .popup-form-sections { grid-template-columns: 1fr; }
    .popup-form-sections > section:first-child { grid-row: auto; }
    .stock-line { grid-template-columns: 1fr; }
    .selected-document-file { align-items: flex-start; flex-direction: column; }
    .selected-document-file small { margin-left: 0; }
    .registry-search-row { grid-template-columns: 1fr; }
    .field-span-2 { grid-column: auto; }
    .today { display: none; }
    .operation-columns, .operation-form, .assignment-bar, .checklist-line, .signature-block, .metric-strip { grid-template-columns: 1fr; }
    .signature-block h3 { grid-column: auto; }
    .task-card, .operation-row, .template-row { align-items: start; flex-direction: column; }
}