/*
  CryoDoc – firemní vizuál CRYOSERVIS s.r.o. (podle www.cryoservis.eu)
  - tmavý grafit (#1a1a1a / #151515) pro hlavičku a navigaci
  - oranžový akcent #FF8A00
  - modrá z vločky v logu jako doplňková barva
  - Roboto / Roboto Condensed (nadpisy velkými písmeny)
  Obsahová plocha zůstává světlá kvůli čitelnosti venku na slunci.

  Načítá se PO tématu Syncfusion fluent2 – přepisuje jeho CSS proměnné.
*/

:root {
    /* ---- firemní paleta ---- */
    --cd-brand: #ff8a00;
    --cd-brand-hover: #f07c00;
    --cd-brand-pressed: #d96f00;
    --cd-brand-light: #ffd9a8;
    --cd-brand-lighter: #fff4e6;
    --cd-brand-text: #b35a00;            /* oranžová pro text na světlém podkladu (kontrast AA) */
    --cd-grafit: #1a1a1a;
    --cd-grafit-2: #242424;
    --cd-grafit-3: #333333;
    --cd-grafit-text: #b0afaf;
    --cd-modra: #1c7fc4;                 /* vločka v logu */
    --cd-modra-bg: #e9f3fb;

    /* příjem = modrá (vločka), výdej = firemní oranžová */
    --cd-prijem: var(--cd-modra);
    --cd-prijem-bg: var(--cd-modra-bg);
    --cd-vydej: var(--cd-brand-pressed);
    --cd-vydej-bg: var(--cd-brand-lighter);

    --cd-font: 'Roboto', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
    --cd-font-nadpis: 'Roboto Condensed', 'Roboto', 'Arial Narrow', Arial, sans-serif;

    /* ---- Syncfusion fluent2: primární barva = firemní oranžová (text na ní tmavý – kontrast) ---- */
    --color-sf-primary: #ff8a00;
    --color-sf-primary-text-color: #1a1a1a;
    --color-sf-primary-light: #ffd9a8;
    --color-sf-primary-lighter: #fff4e6;
    --color-sf-primary-dark: #d96f00;
    --color-sf-primary-darker: #a35300;
    --color-sf-primary-bg-color-hover: #f07c00;
    --color-sf-primary-bg-color-pressed: #d96f00;
    --color-sf-primary-bg-color-selected: #d96f00;
    --color-sf-primary-label-color: #b35a00;
    --color-sf-content-bg-color-dragged: #fff4e6;
    --color-sf-table-bg-color-selected: #fff4e6;
    --color-sf-cell-selection-bg-color: #fff4e6;
    --color-sf-border-dragged: #fff4e6;
    --color-sf-link-button-hover: #d96f00;
    --color-sf-link-button-pressed: #a35300;
    --color-sf-link-button-focus: #b35a00;
    --color-sf-toolbar-icon-color: #1a1a1a;
    --color-sf-calendar-header-text-color-pressed: #d96f00;
}

html, body { font-family: var(--cd-font); }
.e-control, .e-css, .e-btn, .e-input, .e-input-group input { font-family: var(--cd-font) !important; }

h1, .cd-nadpis {
    font-family: var(--cd-font-nadpis);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

/* ---- Hlavička aplikace ---- */
.e-appbar.cd-appbar { background: var(--cd-grafit); color: #fff; border-bottom: 3px solid var(--cd-brand); box-shadow: none; }
.e-appbar.cd-appbar .e-btn.e-inherit { color: #fff; }
.e-appbar.cd-appbar .e-btn.e-inherit:hover { background: var(--cd-grafit-3); }
.cd-brand { font-family: var(--cd-font-nadpis); text-transform: uppercase; letter-spacing: .04em; font-size: 1.2rem; }
.cd-brand-doc { color: var(--cd-brand); }
.cd-uzivatel { color: var(--cd-grafit-text); }

/* ---- Boční menu ---- */
.e-sidebar.cd-sidebar { background: var(--cd-grafit-2); color: #fff; border-right: 0; }
.cd-sidebar .cd-nav-link { color: #e6e6e6; font-family: var(--cd-font-nadpis); text-transform: uppercase; letter-spacing: .03em; font-size: .95rem; border-left: 4px solid transparent; }
.cd-sidebar .cd-nav-link .e-icons { color: var(--cd-brand); }
.cd-sidebar .cd-nav-link:hover { background: var(--cd-grafit-3); }
.cd-sidebar .cd-nav-link.active { background: var(--cd-grafit); border-left-color: var(--cd-brand); color: #fff; }

/* ---- Úvod – tmavé dlaždice jako „Nabízíme vám“ na webu ---- */
.e-btn.cd-dlazdice-btn {
    background: var(--cd-grafit); color: #fff; border: 1px solid var(--cd-grafit);
    font-family: var(--cd-font-nadpis); text-transform: uppercase; letter-spacing: .04em;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
}
.e-btn.cd-dlazdice-btn .e-btn-icon { color: var(--cd-brand); font-size: 32px; margin: 0; }
.e-btn.cd-dlazdice-btn:hover, .e-btn.cd-dlazdice-btn:focus { background: var(--cd-grafit-2); border-color: var(--cd-brand); color: #fff; }
.e-btn.cd-dlazdice-btn.cd-dlazdice-hlavni { background: var(--cd-brand); border-color: var(--cd-brand); color: var(--cd-grafit); }
.e-btn.cd-dlazdice-btn.cd-dlazdice-hlavni .e-btn-icon { color: var(--cd-grafit); }
.e-btn.cd-dlazdice-btn.cd-dlazdice-hlavni:hover { background: var(--cd-brand-hover); }

/* ---- Tlačítka ---- */
.e-btn.cd-dark { background: var(--cd-grafit); border-color: var(--cd-grafit); color: #fff; }
.e-btn.cd-dark:hover { background: var(--cd-grafit-3); }

/* ---- Grid ---- */
.e-grid .e-headercell .e-headertext { font-family: var(--cd-font-nadpis); text-transform: uppercase; letter-spacing: .03em; font-weight: 700; }
.e-grid .e-row:hover .e-rowcell { background: var(--cd-brand-lighter) !important; cursor: pointer; }

/* ---- Záložky ---- */
.cd-tab .e-tab-header .e-toolbar-item .e-tab-text { font-family: var(--cd-font-nadpis); text-transform: uppercase; letter-spacing: .03em; }

/* ---- Přihlášení ---- */
.cd-login-stranka { background: radial-gradient(circle at 30% 20%, #2b2b2b, #151515 60%, #0d0d0d); }
.cd-login { border-top: 4px solid var(--cd-brand); }
.cd-login h1 { font-family: var(--cd-font-nadpis); text-transform: uppercase; }
.cd-login .e-btn.e-primary { background: var(--cd-brand); border-color: var(--cd-brand); color: var(--cd-grafit); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.cd-login .e-btn.e-primary:hover { background: var(--cd-brand-hover); }
.cd-login-firma { margin-top: 18px; text-align: center; font-size: .75rem; color: var(--cd-muted); }
.cd-heslo-oko { border: 0; background: transparent; cursor: pointer; min-width: 44px; font-size: 18px; color: var(--cd-muted); }
.cd-heslo-oko:hover, .cd-heslo-oko:focus-visible { color: var(--cd-grafit); }