/* Odera UI: compact workspaces, shared module controls and low paint cost.
   Screen only. Printable documents and export work areas own their styles. */
@media screen {
    html:root {
        --od-sidebar-width: 232px;
        --od-topbar-h: 64px;
        --od-shadow-xs: none;
        --od-shadow-sm: none;
        --od-shadow-md: 0 8px 24px rgb(15 23 42 / 8%);
        --od-shadow-lg: 0 16px 48px rgb(15 23 42 / 16%);
        --od-transition: 120ms ease;
        --od-ui-font: Arial, "Segoe UI", system-ui, sans-serif;
    }
    html:root:not([data-radius="soft"]):not([data-radius="sharp"]) {
        --od-radius-xs: 6px; --od-radius-sm: 8px;
        --od-radius-md: 10px; --od-radius-lg: 12px; --od-radius-xl: 16px;
    }
    html:root[data-sidebar="narrow"] { --od-sidebar-width: 212px; }
    html:root:not([data-theme="dark"]) {
        --od-bg: #f3f5f8; --od-surface: #fff; --od-surface-raised: #fff;
        --od-surface-soft: #f7f8fa; --od-surface-muted: #edf0f4;
        --od-border: #e0e5ec; --od-border-strong: #cbd3dd;
        --od-text: #1c293b; --od-text-muted: #5e6d80; --od-text-light: #718095;
    }
    html:root[data-theme="dark"] {
        --od-bg: #101720; --od-surface: #192330; --od-surface-raised: #202c3b;
        --od-surface-soft: #1e2a39; --od-surface-muted: #263345;
        --od-border: #2e3b4b; --od-border-strong: #46566b;
        --od-text: #e5edf6; --od-text-muted: #acb9cb; --od-text-light: #98a8bd;
    }
    html[data-theme="dark"] body.od-workspace :is(.select2-selection, .select2-dropdown) {
        color: var(--od-text); background-color: var(--od-surface) !important; border-color: var(--od-border-strong);
    }
    html[data-theme="dark"] body.od-workspace .select2-container .select2-selection__rendered { color: var(--od-text); }
    html[data-theme="dark"] body.od-workspace .select2-container .select2-selection__placeholder { color: var(--od-text-muted); }
    html:root[data-contrast="high"] {
        --od-border: #8492a6; --od-border-strong: #66768a;
        --od-text-muted: var(--od-text); --od-text-light: var(--od-text);
    }
    body.od-workspace, body.odera-login { font-family: var(--od-ui-font); }
    body.od-workspace { background: var(--od-bg); font-size: .875rem; }
    body.od-workspace :is(.top-navbar, .sidebar-overlay, .modal-backdrop, .od-mobile-nav,
        .od-settings-savebar, .od-fin-nav, .od-cari-hub, .od-module-bar) {
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    }
    body.od-workspace :is(.od-fade-in, .od-live-dot, .od-welcome-line, .blink-text, .progress-bar-animated) {
        animation: none !important; opacity: 1; transform: none !important;
    }
    body.od-workspace :is(.card, .od-stat-card, .hover-lift, .hover-lift-sm,
        .od-dash-quick-item, .od-fin-kpi, .od-personel-kpi, .od-belge-kpi,
        .od-filo-kpi, .od-rap-hub-kpi, .od-cari-row, .od-archive-item) {
        transition: none !important;
    }
    body.od-workspace :is(.card, .od-stat-card, .hover-lift, .hover-lift-sm,
        .od-dash-quick-item, .od-fin-kpi, .od-personel-kpi, .od-belge-kpi,
        .od-filo-kpi, .od-rap-hub-kpi, .od-archive-item):hover {
        transform: none !important; box-shadow: none !important;
    }
    body.od-workspace .page-content { padding: 24px 28px 36px; }
    body.od-workspace .page-content > * { min-width: 0; }

    /* Navigation is a stable frame around the working document. */
    body.od-workspace #sidebar {
        background: #162233; color: #d6dfec; border-right: 1px solid #162233;
        box-shadow: none; transition: none;
    }
    body.od-workspace #sidebar .od-sidebar-brand { min-height: 72px; padding: 17px 18px; gap: 10px; }
    body.od-workspace #sidebar .od-brand-logo { width: 34px; height: 34px; flex-basis: 34px; border-radius: 8px; background: #33b5a4; color: #102a2e; }
    body.od-workspace #sidebar .od-brand-logo svg { width: 25px; height: 25px; }
    body.od-workspace #sidebar .od-brand-name { color: #fff; font-size: 1.45rem; letter-spacing: -.045em; }
    body.od-workspace #sidebar .od-brand-name span { color: #6edbcb; }
    body.od-workspace #sidebar .od-brand-firm { color: #a8b6c9; font-size: .62rem; }
    body.od-workspace #sidebar .od-workspace-company { margin: 0 12px 12px; padding: 10px; border: 1px solid #354258; border-radius: 7px; background: #1d2c40; }
    body.od-workspace #sidebar .od-workspace-company strong { color: #eaf0f8; font-size: .74rem; }
    body.od-workspace #sidebar .od-workspace-company small { color: #a8b6c9; }
    body.od-workspace #sidebar .od-company-icon { color: #73d9cd; background: #29413f; width: 30px; height: 30px; flex-basis: 30px; border-radius: 6px; }
    body.od-workspace #sidebar .od-sidebar-toolbar { padding: 0 12px 8px; }
    body.od-workspace #sidebar .od-menu-filter { min-height: 36px; background: #1d2c40; border-color: #354258; border-radius: 6px; }
    body.od-workspace #sidebar .od-menu-filter input { height: 35px; color: #fff; font-size: .75rem; }
    body.od-workspace #sidebar .od-menu-filter :is(i,button),
    body.od-workspace #sidebar .od-menu-filter input::placeholder { color: #a8b6c9; }
    body.od-workspace #sidebar .od-sidebar-scroll { padding: 0 10px 12px; scrollbar-color: #42526a transparent; }
    body.od-workspace #sidebar .od-nav-group { padding: 3px 0 7px; }
    body.od-workspace #sidebar :is(.od-nav-section-label, .od-nav-group-title) { color: #a4b3c7; font-size: .6rem; letter-spacing: .09em; }
    body.od-workspace #sidebar .od-nav-section-label { margin: 8px 10px 7px; }
    body.od-workspace #sidebar .od-nav-group-toggle { min-height: 30px; padding: 5px 10px; margin: 0 0 3px; }
    body.od-workspace #sidebar .od-nav-group-chevron { color: #a4b3c7; }
    body.od-workspace #sidebar .od-nav-link { min-height: 37px; padding: 7px 10px; gap: 9px; border: 0; border-radius: 6px; color: #d0dbe9; font-size: .77rem; font-weight: 500; }
    body.od-workspace #sidebar .od-nav-icon { color: #9badc5; width: 20px; flex-basis: 20px; height: 22px; font-size: .88rem; }
    body.od-workspace #sidebar :is(.od-nav-link, .od-nav-group-toggle):hover { background: #24354b; color: #fff; }
    body.od-workspace #sidebar .od-nav-link.is-active { color: #d5fff4; background: #254c4c; font-weight: 650; box-shadow: inset 3px 0 #63d3b7; }
    body.od-workspace #sidebar .od-nav-link.is-active .od-nav-icon { color: #85e5ce; background: transparent; }
    body.od-workspace #sidebar .od-nav-link.is-active::after { display: none; }
    body.od-workspace #sidebar .od-menu-empty { color: #d0dbe9; background: #24354b; font-size: .75rem; }
    body.od-workspace #sidebar .od-sidebar-utility { padding: 3px 18px; color: #a8b6c9; }
    body.od-workspace #sidebar .od-btn-icon { color: #c5d4e7; }
    body.od-workspace #sidebar .od-sidebar-profile { margin: 4px 10px 12px; min-height: 58px; padding: 10px; background: #1d2c40; border-color: #354258; border-radius: 7px; }
    body.od-workspace #sidebar .od-sidebar-profile-copy strong { color: #fff; font-size: .74rem; }
    body.od-workspace #sidebar :is(.od-sidebar-profile-copy span, .od-sidebar-profile-action) { color: #adbed2; }
    body.od-workspace #sidebar .od-user-avatar { width: 32px; height: 32px; flex-basis: 32px; color: #a2e8db; background: #29413f; border-radius: 7px; }
    body.od-workspace #content { transition: none; }
    body.od-workspace .top-navbar { height: var(--od-topbar-h); padding-inline: 28px; gap: 12px; box-shadow: none; background: var(--od-surface); }
    body.od-workspace .od-topbar-title { font-size: .875rem; font-weight: 650; }
    body.od-workspace .od-topbar-eyebrow { font-size: .65rem; }
    body.od-workspace :is(.od-search-trigger, .od-branch-trigger, .od-quick-btn) { min-height: 36px; border-radius: 6px !important; }
    body.od-workspace .od-search-trigger { min-width: 164px; justify-content: flex-start; font-size: .75rem; }
    body.od-workspace .od-search-trigger kbd { margin-left: auto; }
    body.od-workspace .od-branch-trigger { padding: 5px 10px; }
    body.od-workspace .od-topbar-clock { display: none !important; }
    body.od-workspace .od-module-bar { padding: 8px 28px; border-bottom: 1px solid var(--od-border); }
    body.od-workspace .od-module-links a { min-height: 34px; border-radius: 5px; font-size: .76rem; }

    /* Shared headings: no banners, ornaments or enormous dead space. */
    body.od-workspace #mainContent :is(.od-page-header, .od-mod-hero, .od-fin-hero, .od-hak-hero,
        .od-knt-hero, .od-filo-hero, .od-prj-hero, .od-personel-hero, .od-belge-hero, .od-rap-hub-hero, .od-settings-hero) {
        min-height: 0; padding: 0 0 17px; margin-bottom: 18px; gap: 16px;
        background: transparent !important; color: var(--od-text); border: 0;
        border-bottom: 1px solid var(--od-border); border-radius: 0 !important; box-shadow: none !important;
    }
    body.od-workspace #mainContent :is(.od-page-header, .od-mod-hero, .od-fin-hero, .od-hak-hero,
        .od-knt-hero, .od-filo-hero, .od-prj-hero, .od-personel-hero, .od-belge-hero, .od-rap-hub-hero, .od-settings-hero)::before,
    body.od-workspace #mainContent :is(.od-page-header, .od-mod-hero, .od-fin-hero, .od-hak-hero,
        .od-knt-hero, .od-filo-hero, .od-prj-hero, .od-personel-hero, .od-belge-hero, .od-rap-hub-hero, .od-settings-hero)::after { display: none; }
    body.od-workspace #mainContent :is(.od-page-title, .od-fin-hero-title, .od-hak-hero-title,
        .od-knt-hero-title, .od-filo-hero-title, .od-prj-hero-title, .od-personel-hero-title, .od-belge-hero-title, .od-rap-hub-hero-title, .od-settings-hero h1) {
        color: var(--od-text) !important; font-size: clamp(1.3rem, 1.8vw, 1.7rem); font-weight: 700;
        letter-spacing: -.035em; line-height: 1.25; margin: 5px 0 7px;
    }
    body.od-workspace #mainContent :is(.od-page-subtitle, .od-fin-hero-sub, .od-hak-hero-sub,
        .od-knt-hero-sub, .od-filo-hero-sub, .od-prj-hero-sub, .od-personel-hero-sub, .od-belge-hero-sub, .od-rap-hub-hero-sub, .od-settings-hero p) {
        color: var(--od-text-muted) !important; font-size: .8rem; font-weight: 400; line-height: 1.6; max-width: 760px;
    }
    body.od-workspace #mainContent :is(.od-eyebrow, .od-fin-hero-eyebrow, .od-hak-hero-eyebrow,
        .od-knt-hero-eyebrow, .od-filo-hero-eyebrow, .od-prj-hero-eyebrow, .od-personel-hero-eyebrow, .od-belge-hero-eyebrow, .od-rap-hub-hero-eyebrow) {
        color: var(--od-text-muted) !important; font-size: .625rem; letter-spacing: .09em; margin-bottom: 5px;
    }
    body.od-workspace #mainContent .od-mod-hero-badge { width: 38px; height: 38px; flex-basis: 38px; border-radius: 8px; font-size: 1rem; }

    /* The same legible controls in finance, operations, reports and settings. */
    body.od-workspace #mainContent :is(.card, .od-mod-panel, .od-fin-panel, .od-knt-panel,
        .od-prj-panel, .od-personel-panel, .od-belge-panel, .od-table-shell) {
        border: 1px solid var(--od-border) !important; border-radius: var(--od-radius-md) !important;
        box-shadow: none !important; background-color: var(--od-surface);
    }
    body.od-workspace #mainContent :is(.card-header, .od-mod-panel-head) { padding: 14px 18px; background: var(--od-surface); }
    body.od-workspace #mainContent :is(.card-header h5, .od-section-title) { font-size: .9rem; font-weight: 650; }
    body.od-workspace #mainContent :is(.form-label, .od-field-label) { font-size: .76rem; font-weight: 600; color: var(--od-text); letter-spacing: 0; }
    body.od-workspace :is(#mainContent, .modal) :is(.form-control, .form-select) {
        min-height: 38px; padding: 8px 11px; border: 1px solid var(--od-border-strong);
        border-radius: var(--od-radius-xs) !important; font-family: inherit;
        font-size: .82rem; font-weight: 400; color: var(--od-text); background-color: var(--od-surface);
    }
    body.od-workspace :is(#mainContent, .modal) :is(.form-control, .form-select):focus { border-color: var(--od-primary); box-shadow: var(--od-focus-ring); }
    body.od-workspace #mainContent :is(.input-group-text, .form-text) { font-size: .75rem; }
    body.od-workspace #mainContent .btn { min-height: 35px; border-radius: 6px !important; padding: 7px 12px; font-size: .78rem; font-weight: 600; box-shadow: none !important; }
    body.od-workspace #mainContent :is(.btn-sm, .table .btn) { min-height: 30px; padding: 5px 9px; font-size: .73rem; }
    body.od-workspace #mainContent .table { --bs-table-bg: var(--od-surface); --bs-table-border-color: var(--od-border); font-variant-numeric: tabular-nums; }
    body.od-workspace #mainContent .table thead th { padding: 11px 14px; background: var(--od-surface-soft) !important; color: var(--od-text-muted) !important; font-size: .69rem; font-weight: 650 !important; letter-spacing: .015em; border-bottom: 1px solid var(--od-border); }
    body.od-workspace #mainContent .table tbody td { padding: 12px 14px; font-size: .8rem; vertical-align: middle; color: var(--od-text); border-color: var(--od-border); }
    body.od-workspace #mainContent .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--od-surface-soft); }
    body.od-workspace #mainContent .badge { font-weight: 600; letter-spacing: 0; border-radius: 5px; }
    body.od-workspace #mainContent :is(.dataTables_info, .dataTables_length, .dataTables_filter) { font-size: .75rem; }
    body.od-workspace #mainContent :is(.od-fin-nav, .od-hak-nav, .od-knt-nav, .od-filo-nav, .od-personel-nav, .od-belge-nav, .od-rap-nav, .od-cari-hub, .od-settings-hub) {
        box-shadow: none !important; border-radius: 8px; padding: 4px; background: var(--od-surface); border-color: var(--od-border);
    }
    body.od-workspace #mainContent :is(.od-fin-nav-link, .od-hak-nav-link, .od-knt-nav-link,
        .od-filo-nav-link, .od-personel-nav .nav-link, .od-belge-nav .nav-link, .od-cari-hub-link) {
        min-height: 37px; padding: 8px 12px; font-size: .76rem; border-radius: 5px; font-weight: 500;
    }
    body.od-workspace #mainContent :is(.od-hub-kpi-grid, .od-personel-kpi-grid, .od-fin-kpi-grid, .od-filo-kpi-grid) { gap: 12px; margin-bottom: 18px; }
    body.od-workspace #mainContent .od-hub-kpi-grid.row { gap: 0; --bs-gutter-x: 12px; --bs-gutter-y: 12px; }
    body.od-workspace #mainContent :is(.od-fin-kpi, .od-hak-kpi, .od-filo-kpi, .od-personel-kpi, .od-belge-kpi, .od-rap-hub-kpi) {
        padding: 15px 17px; border: 1px solid var(--od-border); border-radius: 8px; box-shadow: none; min-height: 92px;
    }
    body.od-workspace #mainContent :is(.od-personel-kpi, .od-fin-kpi, .od-filo-kpi, .od-belge-kpi, .od-rap-hub-kpi) strong { font-size: clamp(1.18rem, 1.6vw, 1.6rem); margin-top: 8px; font-weight: 700; letter-spacing: -.035em; }
    body.od-workspace #mainContent .od-hub-kpi-grid .od-stat-card { min-height: 102px; }
    body.od-workspace #mainContent .od-hub-kpi-grid .card-body { padding: 16px !important; }
    body.od-workspace #mainContent .od-hub-kpi-grid .od-stat-icon { width: 33px; height: 33px; flex-basis: 33px; font-size: .9rem; }
    body.od-workspace #mainContent .od-hub-kpi-grid .od-stat-value { font-size: 1.5rem; margin-block: 5px; }
    body.od-workspace > .modal .modal-content { border: 1px solid var(--od-border); border-radius: 12px; box-shadow: var(--od-shadow-lg); }
    body.od-workspace > .modal .modal-header { padding: 16px 20px; }
    body.od-workspace > .modal .modal-body { padding: 20px; }
    body.od-workspace > .modal .modal-footer { padding: 12px 20px; }
    body.od-workspace > .modal.fade .modal-dialog { transition: none; }

    /* Dashboard: compact, useful information above the fold. */
    body.od-workspace.od-dashboard-page #odDashFinans .od-stat-card { min-height: 116px; background: var(--od-surface) !important; border-color: var(--od-border) !important; border-top: 3px solid var(--od-primary) !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .col:nth-child(3) .od-stat-card { border-top-color: var(--od-danger) !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .col:nth-child(4) .od-stat-card { border-top-color: var(--od-warning) !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .card-body { padding: 17px 18px !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .od-stat-label { margin-bottom: 18px; color: var(--od-text-muted); font-size: .74rem; }
    body.od-workspace.od-dashboard-page #odDashFinans .od-stat-value { font-size: clamp(1.25rem, 1.8vw, 1.7rem); letter-spacing: -.04em; }
    body.od-workspace.od-dashboard-page #odDashFinans .col:first-child :is(.od-stat-value, .od-stat-value span) { color: var(--od-text) !important; }
    body.od-workspace.od-dashboard-page #mainContent #odDashFinans .col:first-child .od-stat-label { color: var(--od-text-muted) !important; }
    body.od-workspace.od-dashboard-page #mainContent #odDashFinans .col:first-child .card { border-color: var(--od-border) !important; border-top-color: var(--od-primary) !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .col:first-child .od-stat-icon { color: var(--od-primary); background: var(--od-primary-soft); }
    body.od-workspace.od-dashboard-page .od-dash-quick { gap: 10px; }
    body.od-workspace.od-dashboard-page .od-dash-quick-item { flex-direction: row; align-items: center; gap: 10px; padding: 13px; border-radius: 8px; }
    body.od-workspace.od-dashboard-page .od-launch-icon { width: 31px; height: 34px; flex: 0 0 31px; border-radius: 6px; font-size: .9rem; }
    body.od-workspace.od-dashboard-page .od-launch-copy strong { font-size: .77rem; }
    body.od-workspace.od-dashboard-page .od-launch-copy small { font-size: .64rem; }
    body.od-workspace.od-dashboard-page .od-launch-arrow { display: none; }
    body.od-workspace.od-dashboard-page .od-launchpad { margin-bottom: 20px; }
    body.od-workspace.od-dashboard-page .od-dashboard-section-heading h2 { font-size: .85rem; font-weight: 650; }
    body.od-workspace.od-dashboard-page #mainContent .g-4 { --bs-gutter-x: 16px; --bs-gutter-y: 16px; }

    /* Density remains a user preference; compact mode reduces row height further. */
    html[data-density="compact"] body.od-workspace #mainContent .table tbody td { padding-block: 8px; }
    html[data-density="compact"] body.od-workspace :is(#mainContent, .modal) :is(.form-control, .form-select) { min-height: 34px; padding-block: 6px; }

    /* Login shares the same visual identity with explicitly labelled fields. */
    body.odera-login { background: var(--od-bg); color: var(--od-text); }
    .odera-login .od-login-brand { background: #162233; align-items: center; }
    .odera-login .od-login-brand::before, .odera-login .od-login-brand::after { display: none; }
    .odera-login .od-login-brand-content { max-width: 470px; }
    .odera-login .od-login-brand-logo { width: 54px; height: 54px; border-radius: 12px; background: #33b5a4; box-shadow: none; }
    .odera-login .od-login-brand h1 { font-size: clamp(2rem, 3.4vw, 3.5rem); line-height: 1.12; letter-spacing: -.05em; }
    .odera-login .od-login-brand h1 span { color: #77dfca; }
    .odera-login .od-login-brand p { color: #b6c5d8; font-size: .95rem; line-height: 1.8; }
    .odera-login .od-login-features li { padding: 11px 0; color: #d6e1ef; border: 0; background: transparent; font-size: .88rem; }
    .odera-login .od-login-features i { color: #77dfca; }
    .odera-login .od-login-form-side { background: var(--od-bg); }
    .odera-login .od-login-form-wrap { max-width: 420px; padding: 32px; border: 1px solid var(--od-border); border-radius: 12px; background: var(--od-surface); box-shadow: none; }
    .odera-login .od-login-form-wrap h2 { font-size: 1.6rem; font-weight: 700; letter-spacing: -.035em; }
    .odera-login .od-login-field-label { display: block; margin: 16px 0 7px; font-size: .8rem; font-weight: 600; }
    .odera-login .od-input { min-height: 46px; border-radius: 7px; font-family: inherit; font-size: .9rem; }
    .odera-login .od-input::placeholder { color: var(--od-text-muted); opacity: 1; }
    .odera-login .od-input-group { margin-bottom: 12px; }
    .odera-login .od-login-btn { min-height: 46px; border-radius: 7px; background: #0f766e; box-shadow: none; transition: background-color 120ms; }
    .odera-login .od-login-btn:hover { background: #115e59; transform: none; box-shadow: none; }
    .odera-login .od-login-footer { font-size: .69rem; line-height: 1.7; }
}
@media screen and (min-width: 1400px) {
    body.od-workspace #mainContent .od-fin-kpi-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    body.od-workspace #mainContent .od-fin-kpi strong { font-size: 1.1rem; }
}
@media screen and (max-width: 1199px) {
    body.od-workspace .od-search-trigger { min-width: 0; }
    body.od-workspace .od-search-trigger kbd { display: none; }
    body.od-workspace .page-content { padding-inline: 22px; }
}
@media screen and (max-width: 992px) {
    html:root { --od-topbar-h: 60px; }
    body.od-workspace #sidebar { width: min(300px, calc(100vw - 32px)); transition: transform 150ms ease, visibility 150ms; }
    body.od-workspace #sidebar .od-sidebar-close { color: #d6dfec; background: #24354b; border-color: #354258; }
    body.od-workspace #sidebar .od-nav-link { min-height: 44px; font-size: .84rem; }
    body.od-workspace #sidebar .od-nav-group-toggle { min-height: 40px; }
    body.od-workspace #sidebar .od-menu-filter input { height: 42px; font-size: 16px; }
    body.od-workspace .top-navbar { height: calc(60px + env(safe-area-inset-top, 0px)); padding-inline: max(14px, env(safe-area-inset-left, 0px)); }
    body.od-workspace .page-content { padding: 20px max(16px, env(safe-area-inset-right, 0px)) calc(94px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
    body.od-workspace #mainContent .btn { min-height: 42px; }
    body.od-workspace :is(#mainContent, .modal) :is(.form-control, .form-select) { min-height: 44px; font-size: 16px; }
    body.od-workspace .od-module-bar { padding: 9px 16px; }
    body.od-workspace .od-mobile-nav { min-height: 64px; box-shadow: none; }
    body.od-workspace .od-mobile-nav-item { min-height: 50px; border-radius: 6px; }
    body.od-workspace #mainContent .od-fin-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.od-workspace #mainContent :is(.od-fin-kpi, .od-personel-kpi, .od-filo-kpi, .od-belge-kpi) { padding: 13px; }
    body.od-workspace #mainContent .table tbody td { font-size: .81rem; }
}
@media screen and (max-width: 600px) {
    body.od-workspace #mainContent :is(.od-page-header, .od-fin-hero, .od-personel-hero, .od-filo-hero) { gap: 12px; padding-bottom: 14px; margin-bottom: 16px; }
    body.od-workspace #mainContent .od-page-actions { gap: 7px; }
    body.od-workspace.od-dashboard-page .od-dash-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.od-workspace.od-dashboard-page .od-dash-quick-item { padding: 11px; gap: 8px; }
    body.od-workspace.od-dashboard-page .od-launch-copy strong { font-size: .73rem; }
    body.od-workspace.od-dashboard-page #odDashFinans .od-stat-card { min-height: 113px; }
    body.od-workspace.od-dashboard-page #odDashFinans .card-body { padding: 14px !important; }
    body.od-workspace.od-dashboard-page #odDashFinans .od-stat-value { font-size: 1.25rem; }
    body.od-workspace.od-dashboard-page .od-dashboard-section-heading > span { display: none; }
    .odera-login .od-login-form-side { padding: 24px 16px; }
    .odera-login .od-login-form-wrap { padding: 24px; }
}
@media screen and (prefers-reduced-motion: reduce) {
    body.od-workspace *, body.od-workspace *::before, body.od-workspace *::after {
        animation-duration: .01ms !important; animation-iteration-count: 1 !important;
        transition-duration: .01ms !important; scroll-behavior: auto !important;
    }
}