/* Compact density system — extracted from layout/_compact_density_css.j2
   (2026-08-03): 33 KB of zero-Jinja CSS was re-sent inline on every page
   view; as a static file the browser caches it. */
@media (min-width: 1024px) {
    .app-compact-density {
        --density-tool-viewport-padding: 1.35rem;
        --density-sidebar-collapsed-width: 4.05rem;
        --density-sidebar-collapsed-nav-px: 0.45rem;
        --density-tab-gap: 1.35rem;
        --density-tab-py: 0.5625rem;
        --density-help-size: 1.35rem;
        --density-help-font: 10px;
        --density-text-4xl: 2.025rem;
        --density-text-3xl: 1.6875rem;
        --density-text-2xl: 1.35rem;
        --density-text-xl: 1.125rem;
        --density-text-lg: 1.0125rem;
        --density-text-base: 0.9rem;
        --density-text-sm: 0.7875rem;
        --density-text-xs: 0.675rem;
        --density-text-32: 1.8rem;
        --density-text-28: 1.575rem;
        --density-text-24: 1.35rem;
        --density-text-22: 1.2375rem;
        --density-text-20: 1.125rem;
        --density-text-18: 1.0125rem;
        --density-text-16: 0.9rem;
        --density-text-15: 0.84375rem;
        --density-text-14: 0.7875rem;
        --density-text-13: 0.73125rem;
        --density-text-12: 0.675rem;
        --density-text-11: 0.61875rem;
        --density-text-10: 0.5625rem;
        --density-text-9: 0.50625rem;
        --density-line-tight: 1.25;
        --density-line-normal: 1.35;
        --density-ui-image: 2.25rem;
        --density-logo-max: 10.125rem;
        --density-logo-height: 1.575rem;
        --density-powered-logo-height: 1.18125rem;
        --density-radius-xl: 0.675rem;
        --density-radius-2xl: 0.9rem;
        --density-radius-lg: 0.45rem;
        --density-radius-md: 0.3375rem;
        --density-svg-8: 1.8rem;
        --density-svg-6: 1.35rem;
        --density-svg-5: 1.125rem;
        --density-svg-4: 0.9rem;
        --density-svg-35: 0.7875rem;
        --density-svg-3: 0.675rem;
        --density-h-14: 3.15rem;
        --density-hw-96: 21.6rem;
        --density-hw-80: 18rem;
        --density-hw-72: 16.2rem;
        --density-hw-60: 13.5rem;
        --density-hw-56: 12.6rem;
        --density-hw-48: 10.8rem;
        --density-hw-40: 9rem;
        --density-hw-32: 7.2rem;
        --density-hw-24: 5.4rem;
        --density-hw-20: 4.5rem;
        --density-hw-16: 3.6rem;
        --density-hw-12: 2.7rem;
        --density-hw-11: 2.475rem;
        --density-hw-10: 2.25rem;
        --density-hw-9: 2.025rem;
        --density-hw-8: 1.8rem;
        --density-hw-7: 1.575rem;
        --density-hw-6: 1.35rem;
        --density-hw-5: 1.125rem;
        --density-hw-4: 0.9rem;
        --density-hw-35: 0.7875rem;
        --density-h-64: 14.4rem;
        --density-w-260: 14.625rem;
        --density-w-240: 13.5rem;
        --density-w-360: 20.25rem;
        --density-min-w-360: 20.25rem;
        --density-min-w-280: 15.75rem;
        --density-min-w-180: 10.125rem;
        --density-w-72: 16.2rem;
        --density-w-64: 14.4rem;
        --density-w-56: 12.6rem;
        --density-w-48: 10.8rem;
        --density-w-40: 9rem;
        --density-w-32: 7.2rem;
        --density-w-44: 9.9rem;
        --density-w-24: 5.4rem;
        --density-w-20: 4.5rem;
        --density-w-16: 3.6rem;
        --density-max-w-320: 18rem;
        --density-max-w-220: 12.375rem;
        --density-max-w-180: 10.125rem;
        --density-max-w-160: 9rem;
        --density-max-w-150: 8.4375rem;
        --density-p-6: 1.35rem;
        --density-p-5: 1.125rem;
        --density-p-4: 0.9rem;
        --density-p-3: 0.675rem;
        --density-p-25: 0.5625rem;
        --density-p-2: 0.45rem;
        --density-p-15: 0.3375rem;
        --density-p-1: 0.225rem;
        --density-px-12: 2.7rem;
        --density-px-8: 1.8rem;
        --density-px-6: 1.35rem;
        --density-px-5: 1.125rem;
        --density-px-4: 0.9rem;
        --density-px-35: 0.7875rem;
        --density-px-3: 0.675rem;
        --density-px-25: 0.5625rem;
        --density-px-2: 0.45rem;
        --density-px-15: 0.3375rem;
        --density-px-1: 0.225rem;
        --density-py-8: 1.8rem;
        --density-py-6: 1.35rem;
        --density-py-4: 0.9rem;
        --density-py-35: 0.7875rem;
        --density-py-3: 0.675rem;
        --density-py-25: 0.5625rem;
        --density-py-2: 0.45rem;
        --density-py-15: 0.3375rem;
        --density-py-1: 0.225rem;
        --density-pb-20: 4.5rem;
        --density-gap-8: 1.8rem;
        --density-gap-6: 1.35rem;
        --density-gap-5: 1.125rem;
        --density-gap-4: 0.9rem;
        --density-gap-3: 0.675rem;
        --density-gap-25: 0.5625rem;
        --density-gap-2: 0.45rem;
        --density-gap-15: 0.3375rem;
        --density-gap-1: 0.225rem;
        --density-m-8: 1.8rem;
        --density-m-6: 1.35rem;
        --density-m-5: 1.125rem;
        --density-m-4: 0.9rem;
        --density-m-3: 0.675rem;
        --density-m-2: 0.45rem;
        --density-m-15: 0.3375rem;
        --density-m-1: 0.225rem;
        --density-m-10: 2.25rem;
        --density-space-6: 1.35rem;
        --density-space-5: 1.125rem;
        --density-space-4: 0.9rem;
        --density-space-3: 0.675rem;
        --density-space-2: 0.45rem;
        --density-space-15: 0.3375rem;
        --density-space-1: 0.225rem;
        --density-input-min-h: 2.25rem;
        --density-max-h-520: 29.25rem;
        --density-max-h-320: 18rem;
        --density-h-300: 16.875rem;
        --density-max-h-260: 14.625rem;
        --density-max-h-24: 5.4rem;
        --density-textarea-14: 12rem;
        --density-textarea-14-min: 9rem;
        --density-card-head-py: 0.675rem;
        --density-card-head-px: 0.9rem;
        --density-card-body-p: 1.125rem;
        --density-stat-py: 5px;
        --density-stat-px: 9px;
        --density-stat-font: 0.825rem;
        --density-grid-cell-px: 11px;
        --density-grid-row-font: 0.675rem;
        --density-grid-header-font: 0.61875rem;
    }

    .app-compact-density .ds-tool-viewport {
        padding: var(--density-tool-viewport-padding) !important;
    }

    .app-compact-density #toolTabNav {
        gap: var(--density-tab-gap) !important;
    }

    .app-compact-density #toolTabNav > button {
        padding-top: var(--density-tab-py) !important;
        padding-bottom: var(--density-tab-py) !important;
        font-size: var(--density-text-12) !important;
    }

    .app-compact-density .data-tool-help-btn {
        height: var(--density-help-size) !important;
        width: var(--density-help-size) !important;
        font-size: var(--density-help-font) !important;
    }

    .app-compact-density .text-4xl {
        font-size: var(--density-text-4xl) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-3xl {
        font-size: var(--density-text-3xl) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-2xl {
        font-size: var(--density-text-2xl) !important;
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density .text-xl {
        font-size: var(--density-text-xl) !important;
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density .text-lg {
        font-size: var(--density-text-lg) !important;
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density .text-base {
        font-size: var(--density-text-base) !important;
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density .text-sm {
        font-size: var(--density-text-sm) !important;
        line-height: 1.2rem !important;
    }

    .app-compact-density .text-xs {
        font-size: var(--density-text-xs) !important;
        line-height: 0.95rem !important;
    }

    .app-compact-density .text-\[32px\] {
        font-size: var(--density-text-32) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[28px\] {
        font-size: var(--density-text-28) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .company-logo {
        font-size: var(--density-text-28) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[24px\] {
        font-size: var(--density-text-24) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[22px\] {
        font-size: var(--density-text-22) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[20px\] {
        font-size: var(--density-text-20) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[18px\] {
        font-size: var(--density-text-18) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density .text-\[16px\] {
        font-size: var(--density-text-16) !important;
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density .text-\[15px\] {
        font-size: var(--density-text-15) !important;
        line-height: 1.1rem !important;
    }

    .app-compact-density .text-\[14px\] {
        font-size: var(--density-text-14) !important;
        line-height: 1.1rem !important;
    }

    .app-compact-density .text-\[13px\] {
        font-size: var(--density-text-13) !important;
        line-height: 1.05rem !important;
    }

    .app-compact-density .text-\[12px\] {
        font-size: var(--density-text-12) !important;
        line-height: 1rem !important;
    }

    .app-compact-density .text-\[11px\] {
        font-size: var(--density-text-11) !important;
        line-height: 0.95rem !important;
    }

    .app-compact-density .text-\[10px\] {
        font-size: var(--density-text-10) !important;
        line-height: 0.85rem !important;
    }

    .app-compact-density .text-\[9px\] {
        font-size: var(--density-text-9) !important;
        line-height: 0.8rem !important;
    }

    .app-compact-density .leading-6,
    .app-compact-density .leading-relaxed {
        line-height: var(--density-line-normal) !important;
    }

    .app-compact-density h2 {
        font-size: var(--density-text-lg) !important;
        line-height: var(--density-line-tight) !important;
    }

    .app-compact-density aside img,
    .app-compact-density header img,
    .app-compact-density button img,
    .app-compact-density img.h-10,
    .app-compact-density img.h-9,
    .app-compact-density img.h-8,
    .app-compact-density img.h-7,
    .app-compact-density img.h-6,
    .app-compact-density img.w-10,
    .app-compact-density img.w-9,
    .app-compact-density img.w-8,
    .app-compact-density img.w-7,
    .app-compact-density img.w-6 {
        max-width: var(--density-ui-image) !important;
        max-height: var(--density-ui-image) !important;
        object-fit: contain;
    }

    .app-compact-density img.h-\[21px\] {
        max-height: var(--density-powered-logo-height) !important;
    }

    .app-compact-density img.max-w-\[180px\] {
        max-width: var(--density-logo-max) !important;
        max-height: var(--density-logo-height) !important;
    }

    .app-compact-density .fa,
    .app-compact-density .fas,
    .app-compact-density .far,
    .app-compact-density .fal,
    .app-compact-density .fab,
    .app-compact-density [class^="fa-"],
    .app-compact-density [class*=" fa-"] {
        font-size: 0.9em !important;
        line-height: 1 !important;
    }

    .app-compact-density .rounded-xl {
        border-radius: var(--density-radius-xl) !important;
    }

    .app-compact-density .rounded-2xl {
        border-radius: var(--density-radius-2xl) !important;
    }

    .app-compact-density .rounded-lg {
        border-radius: var(--density-radius-lg) !important;
    }

    .app-compact-density .rounded-md {
        border-radius: var(--density-radius-md) !important;
    }

    .app-compact-density svg.w-8.h-8,
    .app-compact-density svg.h-8.w-8 {
        width: var(--density-svg-8) !important;
        height: var(--density-svg-8) !important;
    }

    .app-compact-density svg.w-6.h-6,
    .app-compact-density svg.h-6.w-6 {
        width: var(--density-svg-6) !important;
        height: var(--density-svg-6) !important;
    }

    .app-compact-density svg.w-5.h-5,
    .app-compact-density svg.h-5.w-5 {
        width: var(--density-svg-5) !important;
        height: var(--density-svg-5) !important;
    }

    .app-compact-density svg.w-4.h-4,
    .app-compact-density svg.h-4.w-4 {
        width: var(--density-svg-4) !important;
        height: var(--density-svg-4) !important;
    }

    .app-compact-density svg.w-3\.5.h-3\.5,
    .app-compact-density svg.h-3\.5.w-3\.5 {
        width: var(--density-svg-35) !important;
        height: var(--density-svg-35) !important;
    }

    .app-compact-density svg.w-3.h-3,
    .app-compact-density svg.h-3.w-3 {
        width: var(--density-svg-3) !important;
        height: var(--density-svg-3) !important;
    }

    .app-compact-density .h-14 { height: var(--density-h-14) !important; }
    .app-compact-density .min-h-16 { min-height: var(--density-hw-16) !important; }
    .app-compact-density .min-h-12 { min-height: var(--density-hw-12) !important; }
    .app-compact-density .h-96 { height: var(--density-hw-96) !important; }
    .app-compact-density .w-96 { width: var(--density-hw-96) !important; }
    .app-compact-density .h-80 { height: var(--density-hw-80) !important; }
    .app-compact-density .w-80 { width: var(--density-hw-80) !important; }
    .app-compact-density .h-72 { height: var(--density-hw-72) !important; }
    .app-compact-density .w-72 { width: var(--density-hw-72) !important; }
    .app-compact-density .h-60 { height: var(--density-hw-60) !important; }
    .app-compact-density .w-60 { width: var(--density-hw-60) !important; }
    .app-compact-density .h-56 { height: var(--density-hw-56) !important; }
    .app-compact-density .w-56 { width: var(--density-hw-56) !important; }
    .app-compact-density .h-48 { height: var(--density-hw-48) !important; }
    .app-compact-density .w-48 { width: var(--density-hw-48) !important; }
    .app-compact-density .h-40 { height: var(--density-hw-40) !important; }
    .app-compact-density .w-40 { width: var(--density-hw-40) !important; }
    .app-compact-density .h-32 { height: var(--density-hw-32) !important; }
    .app-compact-density .w-32 { width: var(--density-hw-32) !important; }
    .app-compact-density .h-24 { height: var(--density-hw-24) !important; }
    .app-compact-density .w-24 { width: var(--density-hw-24) !important; }
    .app-compact-density .h-20 { height: var(--density-hw-20) !important; }
    .app-compact-density .w-20 { width: var(--density-hw-20) !important; }
    .app-compact-density .h-16 { height: var(--density-hw-16) !important; }
    .app-compact-density .w-16 { width: var(--density-hw-16) !important; }
    .app-compact-density .h-12 { height: var(--density-hw-12) !important; }
    .app-compact-density .w-12 { width: var(--density-hw-12) !important; }
    .app-compact-density .h-11 { height: var(--density-hw-11) !important; }
    .app-compact-density .w-11 { width: var(--density-hw-11) !important; }
    .app-compact-density .h-10 { height: var(--density-hw-10) !important; }
    .app-compact-density .w-10 { width: var(--density-hw-10) !important; }
    .app-compact-density .h-9 { height: var(--density-hw-9) !important; }
    .app-compact-density .w-9 { width: var(--density-hw-9) !important; }
    .app-compact-density .h-8 { height: var(--density-hw-8) !important; }
    .app-compact-density .w-8 { width: var(--density-hw-8) !important; }
    .app-compact-density .h-7 { height: var(--density-hw-7) !important; }
    .app-compact-density .w-7 { width: var(--density-hw-7) !important; }
    .app-compact-density .h-6 { height: var(--density-hw-6) !important; }
    .app-compact-density .w-6 { width: var(--density-hw-6) !important; }
    .app-compact-density .h-5 { height: var(--density-hw-5) !important; }
    .app-compact-density .w-5 { width: var(--density-hw-5) !important; }
    .app-compact-density .h-4 { height: var(--density-hw-4) !important; }
    .app-compact-density .w-4 { width: var(--density-hw-4) !important; }
    .app-compact-density .h-3\.5 { height: var(--density-hw-35) !important; }
    .app-compact-density .w-3\.5 { width: var(--density-hw-35) !important; }
    .app-compact-density .h-64 { height: var(--density-h-64) !important; }
    .app-compact-density .w-\[260px\] { width: var(--density-w-260) !important; }
    .app-compact-density .w-\[240px\] { width: var(--density-w-240) !important; }
    .app-compact-density .w-\[360px\] { width: var(--density-w-360) !important; }
    .app-compact-density .sm\:min-w-\[360px\],
    .app-compact-density .min-w-\[360px\] { min-width: var(--density-min-w-360) !important; }
    .app-compact-density .min-w-\[280px\] { min-width: var(--density-min-w-280) !important; }
    .app-compact-density .min-w-\[180px\] { min-width: var(--density-min-w-180) !important; }
    .app-compact-density .w-72 { width: var(--density-w-72) !important; }
    .app-compact-density .w-64 { width: var(--density-w-64) !important; }
    .app-compact-density .w-56 { width: var(--density-w-56) !important; }
    .app-compact-density .w-48 { width: var(--density-w-48) !important; }
    .app-compact-density .w-40 { width: var(--density-w-40) !important; }
    .app-compact-density .w-32 { width: var(--density-w-32) !important; }
    .app-compact-density .w-44 { width: var(--density-w-44) !important; }
    .app-compact-density .w-24 { width: var(--density-w-24) !important; }
    .app-compact-density .w-20 { width: var(--density-w-20) !important; }
    .app-compact-density .w-16 { width: var(--density-w-16) !important; }
    .app-compact-density .max-w-\[320px\] { max-width: var(--density-max-w-320) !important; }
    .app-compact-density .max-w-\[220px\] { max-width: var(--density-max-w-220) !important; }
    .app-compact-density .max-w-\[180px\] { max-width: var(--density-max-w-180) !important; }
    .app-compact-density .max-w-\[160px\] { max-width: var(--density-max-w-160) !important; }
    .app-compact-density .max-w-\[150px\] { max-width: var(--density-max-w-150) !important; }
    .app-compact-density .min-h-\[92px\] { min-height: 5.175rem !important; }
    .app-compact-density .min-h-\[34px\] { min-height: 1.9125rem !important; }

    .app-compact-density .p-6 { padding: var(--density-p-6) !important; }
    .app-compact-density .p-5 { padding: var(--density-p-5) !important; }
    .app-compact-density .p-4 { padding: var(--density-p-4) !important; }
    .app-compact-density .p-3 { padding: var(--density-p-3) !important; }
    .app-compact-density .p-2\.5 { padding: var(--density-p-25) !important; }
    .app-compact-density .p-2 { padding: var(--density-p-2) !important; }
    .app-compact-density .p-1\.5 { padding: var(--density-p-15) !important; }
    .app-compact-density .p-1 { padding: var(--density-p-1) !important; }
    .app-compact-density .px-12 { padding-left: var(--density-px-12) !important; padding-right: var(--density-px-12) !important; }
    .app-compact-density .px-8 { padding-left: var(--density-px-8) !important; padding-right: var(--density-px-8) !important; }
    .app-compact-density .px-6 { padding-left: var(--density-px-6) !important; padding-right: var(--density-px-6) !important; }
    .app-compact-density .px-5 { padding-left: var(--density-px-5) !important; padding-right: var(--density-px-5) !important; }
    .app-compact-density .px-4 { padding-left: var(--density-px-4) !important; padding-right: var(--density-px-4) !important; }
    .app-compact-density .px-3\.5 { padding-left: var(--density-px-35) !important; padding-right: var(--density-px-35) !important; }
    .app-compact-density .px-3 { padding-left: var(--density-px-3) !important; padding-right: var(--density-px-3) !important; }
    .app-compact-density .px-2\.5 { padding-left: var(--density-px-25) !important; padding-right: var(--density-px-25) !important; }
    .app-compact-density .px-2 { padding-left: var(--density-px-2) !important; padding-right: var(--density-px-2) !important; }
    .app-compact-density .px-1\.5 { padding-left: var(--density-px-15) !important; padding-right: var(--density-px-15) !important; }
    .app-compact-density .px-1 { padding-left: var(--density-px-1) !important; padding-right: var(--density-px-1) !important; }
    .app-compact-density .py-8 { padding-top: var(--density-py-8) !important; padding-bottom: var(--density-py-8) !important; }
    .app-compact-density .py-6 { padding-top: var(--density-py-6) !important; padding-bottom: var(--density-py-6) !important; }
    .app-compact-density .py-4 { padding-top: var(--density-py-4) !important; padding-bottom: var(--density-py-4) !important; }
    .app-compact-density .py-3\.5 { padding-top: var(--density-py-35) !important; padding-bottom: var(--density-py-35) !important; }
    .app-compact-density .py-3 { padding-top: var(--density-py-3) !important; padding-bottom: var(--density-py-3) !important; }
    .app-compact-density .py-2\.5 { padding-top: var(--density-py-25) !important; padding-bottom: var(--density-py-25) !important; }
    .app-compact-density .py-2 { padding-top: var(--density-py-2) !important; padding-bottom: var(--density-py-2) !important; }
    .app-compact-density .py-1\.5 { padding-top: var(--density-py-15) !important; padding-bottom: var(--density-py-15) !important; }
    .app-compact-density .py-1 { padding-top: var(--density-py-1) !important; padding-bottom: var(--density-py-1) !important; }
    .app-compact-density .pt-6 { padding-top: var(--density-py-6) !important; }
    .app-compact-density .pt-4 { padding-top: var(--density-py-4) !important; }
    .app-compact-density .pt-3 { padding-top: var(--density-py-3) !important; }
    .app-compact-density .pt-2 { padding-top: var(--density-py-2) !important; }
    .app-compact-density .pb-20 { padding-bottom: var(--density-pb-20) !important; }
    .app-compact-density .pb-4 { padding-bottom: var(--density-py-4) !important; }
    .app-compact-density .pb-3 { padding-bottom: var(--density-py-3) !important; }
    .app-compact-density .pb-2 { padding-bottom: var(--density-py-2) !important; }

    .app-compact-density .gap-8 { gap: var(--density-gap-8) !important; }
    .app-compact-density .gap-6 { gap: var(--density-gap-6) !important; }
    .app-compact-density .gap-5 { gap: var(--density-gap-5) !important; }
    .app-compact-density .gap-4 { gap: var(--density-gap-4) !important; }
    .app-compact-density .gap-3 { gap: var(--density-gap-3) !important; }
    .app-compact-density .gap-2\.5 { gap: var(--density-gap-25) !important; }
    .app-compact-density .gap-2 { gap: var(--density-gap-2) !important; }
    .app-compact-density .gap-1\.5 { gap: var(--density-gap-15) !important; }
    .app-compact-density .gap-1 { gap: var(--density-gap-1) !important; }

    .app-compact-density .mb-8 { margin-bottom: var(--density-m-8) !important; }
    .app-compact-density .mb-6 { margin-bottom: var(--density-m-6) !important; }
    .app-compact-density .mt-6 { margin-top: var(--density-m-6) !important; }
    .app-compact-density .mb-5 { margin-bottom: var(--density-m-5) !important; }
    .app-compact-density .mt-5 { margin-top: var(--density-m-5) !important; }
    .app-compact-density .mb-4 { margin-bottom: var(--density-m-4) !important; }
    .app-compact-density .mt-4 { margin-top: var(--density-m-4) !important; }
    .app-compact-density .mb-3 { margin-bottom: var(--density-m-3) !important; }
    .app-compact-density .mt-3 { margin-top: var(--density-m-3) !important; }
    .app-compact-density .mb-2 { margin-bottom: var(--density-m-2) !important; }
    .app-compact-density .mt-2 { margin-top: var(--density-m-2) !important; }
    .app-compact-density .mb-1\.5 { margin-bottom: var(--density-m-15) !important; }
    .app-compact-density .mt-1\.5 { margin-top: var(--density-m-15) !important; }
    .app-compact-density .mb-1 { margin-bottom: var(--density-m-1) !important; }
    .app-compact-density .mt-1 { margin-top: var(--density-m-1) !important; }
    .app-compact-density .mt-10 { margin-top: var(--density-m-10) !important; }
    .app-compact-density .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-6) !important; }
    .app-compact-density .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-5) !important; }
    .app-compact-density .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-4) !important; }
    .app-compact-density .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-3) !important; }
    .app-compact-density .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-2) !important; }
    .app-compact-density .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-15) !important; }
    .app-compact-density .space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--density-space-1) !important; }

    .app-compact-density input:not([type="checkbox"]):not([type="radio"]),
    .app-compact-density select {
        min-height: var(--density-input-min-h);
    }

    .app-compact-density button,
    .app-compact-density input,
    .app-compact-density select,
    .app-compact-density textarea {
        line-height: var(--density-line-tight);
    }

    .app-compact-density .max-h-\[520px\] { max-height: var(--density-max-h-520) !important; }
    .app-compact-density .max-h-\[320px\] { max-height: var(--density-max-h-320) !important; }
    .app-compact-density .h-\[300px\] {
        max-height: var(--density-h-300) !important;
        height: var(--density-h-300) !important;
    }
    .app-compact-density .max-h-\[260px\] { max-height: var(--density-max-h-260) !important; }
    .app-compact-density .max-h-24 { max-height: var(--density-max-h-24) !important; }
    .app-compact-density textarea[rows="14"] {
        height: var(--density-textarea-14) !important;
        min-height: var(--density-textarea-14-min) !important;
    }

    .app-compact-density .cv-card-head,
    .app-compact-density .ed-card > div:first-child,
    .app-compact-density .af-card > div:first-child {
        padding: var(--density-card-head-py) var(--density-card-head-px) !important;
    }

    .app-compact-density .cv-options-body,
    .app-compact-density .cv-numeric-body,
    .app-compact-density .ed-card-body {
        padding: var(--density-card-body-p) !important;
    }

    .app-compact-density .ed-stat {
        padding: var(--density-stat-py) var(--density-stat-px) !important;
    }

    .app-compact-density .ed-stat .text-base {
        font-size: var(--density-stat-font) !important;
        line-height: 1.15rem !important;
    }

    .app-compact-density .ag-theme-alpine .ag-header-cell,
    .app-compact-density .ag-theme-alpine .ag-floating-filter-input input {
        font-size: var(--density-grid-header-font) !important;
    }

    .app-compact-density .ag-theme-alpine .ag-row,
    .app-compact-density .ag-theme-alpine .ag-paging-panel {
        font-size: var(--density-grid-row-font) !important;
    }

    .app-compact-density .ag-theme-alpine .ag-cell {
        padding-left: var(--density-grid-cell-px) !important;
        padding-right: var(--density-grid-cell-px) !important;
    }
}

@media (min-width: 1024px) and (max-height: 880px) {
    .app-compact-density {
        --density-tool-viewport-padding: 1rem;
        --density-sidebar-collapsed-width: 3.75rem;
        --density-sidebar-collapsed-nav-px: 0.375rem;
        --density-tab-gap: 1rem;
        --density-tab-py: 0.5rem;
        --density-help-size: 1.125rem;
        --density-help-font: 9px;
        --density-text-4xl: 1.8rem;
        --density-text-3xl: 1.5rem;
        --density-text-2xl: 1.25rem;
        --density-text-xl: 1.05rem;
        --density-text-lg: 1rem;
        --density-text-base: 0.875rem;
        --density-text-sm: 0.8125rem;
        --density-text-xs: 0.675rem;
        --density-text-32: 1.6rem;
        --density-text-28: 1.4rem;
        --density-text-24: 1.2rem;
        --density-text-22: 1.1rem;
        --density-text-20: 1.05rem;
        --density-text-18: 1rem;
        --density-text-16: 0.875rem;
        --density-text-15: 0.8125rem;
        --density-text-14: 0.8125rem;
        --density-text-13: 0.75rem;
        --density-text-12: 0.71875rem;
        --density-text-11: 0.6875rem;
        --density-text-10: 0.625rem;
        --density-text-9: 0.5625rem;
        --density-ui-image: 2rem;
        --density-logo-max: 9rem;
        --density-logo-height: 1.75rem;
        --density-powered-logo-height: 1.125rem;
        --density-radius-xl: 0.625rem;
        --density-radius-2xl: 0.625rem;
        --density-radius-lg: 0.4rem;
        --density-radius-md: 0.3rem;
        --density-svg-8: 1.5rem;
        --density-svg-6: 1.125rem;
        --density-svg-5: 1rem;
        --density-svg-4: 0.875rem;
        --density-svg-35: 0.8rem;
        --density-svg-3: 0.7rem;
        --density-h-14: 3rem;
        --density-hw-96: 18rem;
        --density-hw-80: 15rem;
        --density-hw-72: 13.5rem;
        --density-hw-60: 11.25rem;
        --density-hw-56: 10.5rem;
        --density-hw-48: 9rem;
        --density-hw-40: 7.5rem;
        --density-hw-32: 6rem;
        --density-hw-24: 4.5rem;
        --density-hw-20: 3.75rem;
        --density-hw-16: 3rem;
        --density-hw-12: 2.25rem;
        --density-hw-11: 2.1rem;
        --density-hw-10: 2rem;
        --density-hw-9: 1.875rem;
        --density-hw-8: 1.75rem;
        --density-hw-7: 1.5rem;
        --density-hw-6: 1.25rem;
        --density-hw-5: 1rem;
        --density-hw-4: 0.875rem;
        --density-hw-35: 0.8rem;
        --density-h-64: 13rem;
        --density-w-260: 14.5rem;
        --density-w-240: 13.5rem;
        --density-w-360: 20rem;
        --density-min-w-360: 19rem;
        --density-min-w-280: 15rem;
        --density-min-w-180: 9.5rem;
        --density-w-72: 15rem;
        --density-w-64: 14rem;
        --density-w-56: 12rem;
        --density-w-48: 9rem;
        --density-w-40: 7.5rem;
        --density-w-32: 6rem;
        --density-w-44: 10rem;
        --density-w-24: 5rem;
        --density-w-20: 3.75rem;
        --density-w-16: 3.5rem;
        --density-max-w-320: 15rem;
        --density-max-w-220: 11rem;
        --density-max-w-180: 8rem;
        --density-max-w-160: 8rem;
        --density-max-w-150: 8rem;
        --density-p-6: 1rem;
        --density-p-5: 0.875rem;
        --density-p-4: 0.75rem;
        --density-p-3: 0.625rem;
        --density-p-25: 0.5rem;
        --density-p-2: 0.5rem;
        --density-p-15: 0.3rem;
        --density-p-1: 0.2rem;
        --density-px-12: 2rem;
        --density-px-8: 1.5rem;
        --density-px-6: 1rem;
        --density-px-5: 0.875rem;
        --density-px-4: 0.75rem;
        --density-px-35: 0.625rem;
        --density-px-3: 0.625rem;
        --density-px-25: 0.5rem;
        --density-px-2: 0.5rem;
        --density-px-15: 0.3rem;
        --density-px-1: 0.2rem;
        --density-py-8: 1.5rem;
        --density-py-6: 1rem;
        --density-py-4: 0.75rem;
        --density-py-35: 0.625rem;
        --density-py-3: 0.625rem;
        --density-py-25: 0.5rem;
        --density-py-2: 0.5rem;
        --density-py-15: 0.3rem;
        --density-py-1: 0.2rem;
        --density-pb-20: 3rem;
        --density-gap-8: 1.25rem;
        --density-gap-6: 0.875rem;
        --density-gap-5: 0.875rem;
        --density-gap-4: 0.625rem;
        --density-gap-3: 0.625rem;
        --density-gap-25: 0.5rem;
        --density-gap-2: 0.5rem;
        --density-gap-15: 0.3rem;
        --density-gap-1: 0.2rem;
        --density-m-8: 1.25rem;
        --density-m-6: 1rem;
        --density-m-5: 0.875rem;
        --density-m-4: 0.75rem;
        --density-m-3: 0.625rem;
        --density-m-2: 0.5rem;
        --density-m-15: 0.3rem;
        --density-m-1: 0.2rem;
        --density-m-10: 1.25rem;
        --density-space-6: 1rem;
        --density-space-5: 0.875rem;
        --density-space-4: 0.75rem;
        --density-space-3: 0.625rem;
        --density-space-2: 0.5rem;
        --density-space-15: 0.3rem;
        --density-space-1: 0.2rem;
        --density-input-min-h: 2rem;
        --density-max-h-520: 340px;
        --density-max-h-320: 220px;
        --density-h-300: 220px;
        --density-max-h-260: 200px;
        --density-max-h-24: 4.5rem;
        --density-textarea-14: 10rem;
        --density-textarea-14-min: 8rem;
        --density-card-head-py: 0.625rem;
        --density-card-head-px: 0.875rem;
        --density-card-body-p: 0.875rem;
        --density-stat-py: 4px;
        --density-stat-px: 8px;
        --density-stat-font: 0.8125rem;
        --density-grid-cell-px: 9px;
        --density-grid-row-font: 0.625rem;
        --density-grid-header-font: 0.5625rem;
    }

    .app-compact-density .shadow-sm {
        box-shadow: none !important;
    }
}