@charset "UTF-8";

/* Shared application theme variables. */
:root {
    --cladiri-legacy-control-width: 160px;
    --font-fam: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --main-spacing: 16px;
    --header-height: 60px;
    --filter-gap: 12px;
    --card-radius: 8px;
    --field-radius: 8px;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --transition-speed: 0.2s;
    --field-padding: 5px;
    --sidebar-width: 185px;
    --sidebar-collapsed-width: 60px;
    --taxe-combobox-popup-max-width: 360px;
    --taxe-combobox-popup-max-height: 300px;
    --taxe-control-height: 33px;
    --taxe-spin-height: var(--taxe-control-height);
    --taxe-spin-visible-height: 33px;
    --taxe-spin-button-width: 24px;
    /* Light theme. */
    --bg-primary: #ffffff;
    --bg-secondary: #f4f7fb;
    --bg-card: #ffffff;
    --text-primary: #172033;
    --text-secondary: #526174;
    --text-muted: #7b8794;
    --border-color: #d7e0ea;
    --accent-color: #0272E1;
    --accent-hover: rgba(2, 114, 225, 0.1);
    --accent-active: rgba(2, 114, 225, 0.2);
    --success-color: #388E3C;
    --danger-color: #d32a2f;
    --input-bg: #ffffff;
    --input-border: #b8c5d3;
    --input-text: #172033;
    --dx-color-primary: #0272E1;
    --legacy-form-title-bg: whitesmoke;
    --legacy-form-optional-bg: lightyellow;
    --legacy-form-required-bg: lavenderblush;
    --legacy-form-text: var(--text-primary);
    --legacy-form-border: var(--border-color);
    --dropdown-item-hover-bg: #dceeff;
    --dropdown-item-selected-bg: #c7e3ff;
    --aspx-form-caption-width: 165px;
    --aspx-form-control-width: 220px;
    --aspx-form-control-height: 33px;
    --aspx-form-caption-gap: 10px;
    --validation-error-color: #c62828;
    /* Selectie linii in grid-uri (row-selected / row-active) si bara de total. */
    --row-selected-bg: #dcebfb;
    --row-selected-text: var(--text-primary);
    --row-active-bg: #ffe89a;
    --row-active-text: var(--text-primary);
    --row-active-mark: var(--accent-color);
    --summary-bg: var(--bg-secondary);
    --summary-text: var(--text-primary);
    --summary-muted: var(--text-secondary);
    --summary-border: var(--border-color);
    --summary-value: #0b5cad;
    /* Suprafețele de navigare: sidebar și header. */
    --navigation-bg: #e8f3ff;
    --navigation-hover-bg: #cfe7ff;
    --navigation-active-bg: #b7dcff;
    --navigation-border: #a7cff5;
    --navigation-hover-text: #075fa8;
}

/* Dark theme. */
[data-theme="dark"] {
    --bg-primary: #111827;
    --bg-secondary: #0b1220;
    --bg-card: #141e2f;
    --text-primary: #f3f6fa;
    --text-secondary: #a7b3c6;
    --text-muted: #718096;
    --border-color: #2a3a52;
    --accent-color: #0272E1;
    --accent-hover: rgba(2, 114, 225, 0.16);
    --accent-active: rgba(2, 114, 225, 0.2);
    --danger-color: #ff6b6b;
    --success-color: #69db7c;
    --input-bg: #1b2940;
    --input-border: #3a4d68;
    --input-text: #f3f6fa;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --dx-color-primary: #0272E1;
    --legacy-form-title-bg: var(--bg-secondary);
    --legacy-form-optional-bg: #4a4728;
    --legacy-form-required-bg: #503441;
    --legacy-form-text: var(--text-primary);
    --legacy-form-border: var(--border-color);
    --reportviewer-toolbar-hover-bg: #245f91;
    --dropdown-item-hover-bg: #245f91;
    --dropdown-item-selected-bg: #174f7d;
    --validation-error-color: #d98282;
    --row-selected-bg: #1d3557;
    --row-active-bg: #5a4a12;
    --row-active-text: #fff8dc;
    --row-active-mark: #ffd166;
    --summary-bg: var(--bg-card);
    --summary-value: #7cc4ff;
    /* Suprafețele de navigare în dark mode. */
    --navigation-bg: #102a43;
    --navigation-hover-bg: #183f60;
    --navigation-active-bg: #20557f;
    --navigation-border: #2b658e;
    --navigation-hover-text: #b8ddff;
}


/* Sidebar + topbar (+ footer-ul cu versiunea din coloana sidebar-ului) raman mereu pe paleta dark, indiferent de tema;
   doar continutul (body/main) schimba culorile intre light si dark. */
html[data-theme="light"] .app-sidebar,
html[data-theme="light"] .app-header,
html[data-theme="light"] .app-footer,
html:not([data-theme]) .app-sidebar,
html:not([data-theme]) .app-header,
html:not([data-theme]) .app-footer {
    --bg-primary: #111827;
    --bg-secondary: #0b1220;
    --bg-card: #141e2f;
    --text-primary: #f3f6fa;
    --text-secondary: #a7b3c6;
    --text-muted: #718096;
    --border-color: #2a3a52;
    --accent-color: #0272E1;
    --accent-hover: rgba(2, 114, 225, 0.16);
    --accent-active: rgba(2, 114, 225, 0.2);
    --danger-color: #ff6b6b;
    --success-color: #69db7c;
    --input-bg: #1b2940;
    --input-border: #3a4d68;
    --input-text: #f3f6fa;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --dx-color-primary: #0272E1;
    --legacy-form-title-bg: var(--bg-secondary);
    --legacy-form-optional-bg: #4a4728;
    --legacy-form-required-bg: #503441;
    --legacy-form-text: var(--text-primary);
    --legacy-form-border: var(--border-color);
    --reportviewer-toolbar-hover-bg: #245f91;
    --dropdown-item-hover-bg: #245f91;
    --dropdown-item-selected-bg: #174f7d;
    --validation-error-color: #d98282;
    --row-selected-bg: #1d3557;
    --row-active-bg: #5a4a12;
    --row-active-text: #fff8dc;
    --row-active-mark: #ffd166;
    --summary-bg: var(--bg-card);
    --summary-value: #7cc4ff;
    /* Suprafețele de navigare în dark mode. */
    --navigation-bg: #102a43;
    --navigation-hover-bg: #183f60;
    --navigation-active-bg: #20557f;
    --navigation-border: #2b658e;
    --navigation-hover-text: #b8ddff;
    color: var(--text-primary);
}