/* Ebrew Cloud - doplnky webu desky v rezimu cloud (cloud.js). Tokeny (barvy) jsou v index.html desky
 * (:root svetly + tmavy blok); tady jen nove tokeny pro cile v grafu historie a styly prvku cloud.js. */
:root {
--chart-target: rgba(0,122,255,0.55);
--chart-target-p: rgba(199,99,0,0.6);
--chart-band: rgba(0,122,255,0.12);
}
@media (prefers-color-scheme: dark) {
:root {
--chart-target: rgba(10,132,255,0.6);
--chart-target-p: rgba(217,119,6,0.65);
--chart-band: rgba(10,132,255,0.2);
}
}

/* hlavicka: vyber zarizeni + odhlaseni */
.cl-mode .header { gap: 10px; }
.cl-mode .header-title { min-width: 0; flex: 1; overflow: hidden; }
.cl-dev1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-dev { max-width: 100%; font: inherit; font-weight: 700; font-size: 1.05rem; color: var(--text); background: var(--seg-bg); border: none; border-radius: 10px;
padding: 7px 28px 7px 10px; min-height: 36px; -webkit-appearance: none; appearance: none; cursor: pointer;
background-image: linear-gradient(45deg, transparent 50%, var(--text2) 50%), linear-gradient(135deg, var(--text2) 50%, transparent 50%);
background-position: calc(100% - 15px) 52%, calc(100% - 10px) 52%; background-size: 5px 5px; background-repeat: no-repeat; }
.cl-dev:focus { outline: none; box-shadow: 0 0 0 3px var(--focus-ring); }
.cl-user { display: flex; align-items: center; gap: 4px; }
.cl-out { width: 36px; height: 36px; border: none; border-radius: 50%; background: var(--seg-bg); color: var(--text2); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.cl-adm { font-size: 0.75rem; font-weight: 600; color: var(--primary); text-decoration: none; padding: 6px 8px; }

/* radek se starim dat; varovani (mlci > 5 min) = .banner.banner-warning */
.cl-age { font-size: 0.8rem; color: var(--text2); padding: 10px 2px 0; overflow-wrap: anywhere; }
.cl-age.banner { padding: 12px 16px; margin-top: 12px; font-size: 0.85rem; }
.cl-local { margin: 0 0 10px; }

/* jen cteni */
.cl-ro.form-input, select.cl-ro { opacity: 0.6; }
.cl-ro.btn, .segmented button.cl-ro, .list-actions button.cl-ro { cursor: not-allowed; }

/* karta Historie */
.cl-hrow { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 4px; }
.cl-hrow select { flex: 1 1 160px; min-width: 0; width: auto; }
.cl-hrow .segmented { flex: 0 0 auto; }
.cl-hrow .segmented button { min-width: 52px; }
.cl-chart { height: 240px; }
.cl-tt, .cl-tp { fill: none; stroke-width: 1.5; stroke-linejoin: round; }
.cl-tt { stroke: var(--chart-target); stroke-dasharray: 2 3; }
.cl-tp { stroke: var(--chart-target-p); stroke-dasharray: 2 3; }
.cl-band { fill: var(--chart-band); stroke: none; }
.lk.cl-lkt { border-top: 2px dotted var(--chart-target); }
.lk.cl-lkp { border-top: 2px dotted var(--chart-target-p); }
.chart-legend { flex-wrap: wrap; }
.cl-hbtn { flex: 0 0 auto; }
#clHEv .badge { margin-right: 4px; }
@media (max-width: 640px) {
.cl-hrow .segmented { flex: 1 1 100%; }
.cl-chart { height: 240px; }
}
/* karta Chlazeni okruhu: STATUS nenese nastaveni okruhu -> v cloudu skryta */
.cl-mode #coolCard { display: none !important; }