/* Metronic Demo1 bridge. Keep existing component dimensions while adopting its palette. Tenant colors are emitted by _Styles. */
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../../fonts/inter/inter-latin-ext-wght-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../../fonts/inter/inter-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root {
 color-scheme: light;
 --mkp-background: #f5f8fa; --mkp-surface: #fff; --mkp-foreground: var(--bs-gray-900);
 --mkp-muted: var(--bs-gray-100); --mkp-muted-foreground: var(--bs-gray-700); --mkp-border: var(--bs-gray-300);
 --mkp-icon: var(--bs-gray-600); --mkp-selection: var(--bs-gray-200);
 --mkp-badge-background: var(--bs-gray-100); --mkp-badge-foreground: var(--bs-gray-700);
 --mkp-icon-size: 1rem; --mkp-nav-height: 2rem; --mkp-header-height: 3.5rem;
 --mkp-radius: .475rem; --mkp-radius-sm: .375rem; --mkp-radius-lg: .75rem;
 --mkp-space: .25rem; --mkp-control-height: 36px; --mkp-control-height-sm: 30px;
 --mkp-label-gap: .375rem; --mkp-field-gap: 1rem; --mkp-field-min-width: 10rem;
 --mkp-form-width: 40rem; --mkp-form-padding: 1.5rem;
 --mkp-footer-clearance: 6.25rem;
 --mkp-font: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
 --mkp-root-font-size: 13px; /* Global density knob: every Metronic size is in rem. Metronic is calibrated for 13px. */
 --mkp-font-size: 1rem; --mkp-line-height: 1.5;
 --mkp-shadow: 0 1px 3px rgb(7 20 55 / 4%);
 --mkp-ring: 0 0 0 3px rgb(153 161 183 / 30%); --mkp-ring-color: var(--bs-gray-500);
 --mkp-focus-rgb: 153, 161, 183;
 --mkp-danger: #b91c1c;
 --bs-font-sans-serif: var(--mkp-font); --bs-body-font-family: var(--mkp-font);
 --bs-body-font-size: var(--mkp-font-size); --bs-body-line-height: var(--mkp-line-height);
 --bs-body-color: var(--mkp-foreground); --bs-body-color-rgb: 7, 20, 55;
 --bs-body-bg: var(--mkp-background); --bs-body-bg-rgb: 245, 248, 250;
 --bs-secondary-color: var(--mkp-muted-foreground); --bs-secondary-bg: var(--mkp-muted);
 --bs-tertiary-bg: var(--mkp-muted); --bs-border-color: var(--mkp-border);
 --bs-border-radius: var(--mkp-radius); --bs-border-radius-sm: var(--mkp-radius-sm); --bs-border-radius-lg: var(--mkp-radius-lg);
 --bs-focus-ring-color: rgb(153 161 183 / 30%); --bs-focus-ring-width: 3px;
 --bs-emphasis-color: var(--mkp-foreground);
}

/* ---- Global density (administrative UI) --------------------------------------------------
   One place for density: --mkp-root-font-size above scales every Metronic rem size; controls
   below get the Admin height (36px; 30px small) instead of Metronic's native 44px.
   Metronic sets button padding through an 8-:not() chain; the :root prefix ties its .btn-sm/.btn-lg
   variants and wins by load order, without !important. */
.btn { --bs-btn-font-size: 13px; --bs-btn-line-height: 20px; --bs-btn-padding-y: 8px; --bs-btn-padding-x: 14px; }
.btn.btn-sm { --bs-btn-font-size: 12px; --bs-btn-line-height: 18px; --bs-btn-padding-y: 6px; --bs-btn-padding-x: 10px; }
.btn.btn-lg { --bs-btn-font-size: 14px; --bs-btn-line-height: 22px; --bs-btn-padding-y: 10px; --bs-btn-padding-x: 18px; }
:root .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) { padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); }
.form-control, .form-select { padding-top: 7px; padding-bottom: 7px; font-size: 13px; line-height: 20px; }
.form-control-sm, .form-select-sm { padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 18px; }
/* Menus: white surface (our --bs-body-bg is the page gray, which Metronic menus inherit), 32px items, visible dividers. */
.dropdown-menu { --bs-dropdown-bg: var(--mkp-surface); --bs-dropdown-item-padding-y: 7px; --bs-dropdown-item-padding-x: 12px; --bs-dropdown-font-size: 13px; --bs-dropdown-divider-bg: var(--mkp-border); }
.dropdown-menu .dropdown-item { font-size: 13px; line-height: 18px; }