:root{--font:"Segoe UI", "Noto Sans", "DejaVu Sans", Arial, sans-serif;--font-size:16px;--fundal:#f0f0f0;--chenar:#7a7a7a;--chenar-deschis:#adadad;--alb:#fff;--text:#000;--dezactivat:#6d6d6d;--buton:#e1e1e1;--buton-apasat:#cce4f7;--buton-chenar:#adadad;--grd-curent:#cce8ff;--grd-pastrat:#e4fae4;--grd-antet:#e6e6e6;--pag-activa:#039;--margine:12px;--spatiu:8px;--rand-inalt:30px;--buton-inalt:32px;--buton-lat:170px;--dr-latime:420px;--ceas-latime:164px;--stare-inalt:56px;--cam-stanga:260px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--font-size);color:var(--text);background:var(--fundal);-webkit-user-select:none;user-select:none;overflow:hidden}input,select,button,textarea{font:inherit;color:inherit}.btn{height:var(--buton-inalt);background:var(--buton);border:1px solid var(--buton-chenar);white-space:nowrap;text-overflow:ellipsis;cursor:default;border-radius:0;padding:0 8px;overflow:hidden}.btn:hover{background:#e5f1fb;border-color:#0078d7}.btn:active,.btn.apasat{background:var(--buton-apasat);border-color:#005499}.btn:disabled{color:var(--dezactivat);background:#f4f4f4;border-color:#ccc}.btn:focus-visible{outline-offset:-4px;outline:1px dotted #000}.txt{height:var(--rand-inalt);background:var(--alb);border:1px solid var(--chenar);border-radius:0;padding:0 4px}.txt:read-only{background:var(--fundal)}.txt:focus{border-color:#0078d7;outline:none}.bifa{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.bifa input{width:16px;height:16px;margin:0}.eticheta{white-space:nowrap}select.txt{padding:0 2px}.form{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr var(--dr-latime);column-gap:var(--margine);row-gap:var(--spatiu);min-width:1400px;height:100%;min-height:860px;padding:10px var(--margine) var(--margine);display:grid}.form .rand{align-items:center;gap:var(--spatiu);grid-column:1/span 2;display:flex}.form .rand .txt.folder{flex:1}.form .rand .grup{align-items:center;gap:var(--spatiu);margin-right:var(--spatiu);display:inline-flex}.pageframe{flex-direction:column;min-width:0;min-height:0;display:flex}.taburi{height:38px;display:flex}.tab{border:1px solid var(--chenar-deschis);white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:default;background:#ececec;border-bottom:none;flex:1;margin-top:4px;padding:0 6px;line-height:32px;overflow:hidden}.tab.activ{background:var(--fundal);color:var(--pag-activa);margin-top:0;font-weight:700;line-height:36px;position:relative;top:1px}.pagina{border:1px solid var(--chenar-deschis);gap:var(--spatiu);flex-direction:column;flex:1;min-height:0;padding:4px;display:flex}.pagina .butoane{gap:var(--spatiu);display:flex}.pagina .butoane .btn{width:var(--buton-lat);flex:0 1 var(--buton-lat);min-width:0}.grid{background:var(--alb);border:1px solid var(--chenar);flex:1;min-height:0;overflow:auto}.grid table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.grid th{background:var(--grd-antet);white-space:nowrap;text-overflow:ellipsis;text-align:center;z-index:1;border-bottom:1px solid #a0a0a0;border-right:1px solid silver;height:28px;padding:0 4px;font-weight:400;position:sticky;top:0;overflow:hidden}.grid td{white-space:nowrap;text-overflow:ellipsis;text-align:center;background:var(--alb);border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;height:27px;padding:0 4px;overflow:hidden}.grid tr.pastrat td{background:var(--grd-pastrat)}.grid tr.curent td{background:var(--grd-curent)}.grid td input[type=checkbox]{vertical-align:middle;width:16px;height:16px;margin:0}.grid td input[type=text]{text-align:center;background:0 0;border:none;width:100%;height:25px;padding:0}.grid td input[type=text]:focus{background:var(--alb);outline:none}.dreapta{gap:var(--spatiu);flex-direction:column;min-height:0;display:flex}.miniatura{width:var(--dr-latime);border:1px solid var(--chenar);background:#000;justify-content:center;align-items:center;height:315px;display:flex;overflow:hidden}.miniatura img{max-width:100%;max-height:100%}.detalii{resize:none;white-space:pre-wrap;word-break:break-all;background:0 0;border:none;height:100px;padding:0;font-size:15px;overflow:auto}.dreapta .btn.deschide{width:100%}.calendar-ceas{gap:var(--spatiu);flex:1;min-height:120px;display:flex}.progres{border:1px solid var(--chenar);background:var(--alb);height:24px;position:relative}.progres .plin{background:#06b025;height:100%}.progres .text{text-align:center;font-size:14px;line-height:22px;position:absolute;inset:0}.calendar{border:1px solid var(--chenar);background:var(--alb);flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.calendar .titlu{color:var(--pag-activa);border-bottom:1px solid silver;justify-content:center;align-items:center;gap:4px;padding:3px;font-weight:700;display:flex}.calendar .titlu select{border:1px solid var(--chenar-deschis);background:var(--alb);height:24px;font-size:13px}.calendar table{border-collapse:collapse;table-layout:fixed;flex:1;width:100%}.calendar th{color:var(--pag-activa);border-bottom:1px solid silver;height:22px;font-weight:400}.calendar td{text-align:center;cursor:default;border:1px solid #e0e0e0}.calendar td.alta{color:#a0a0a0}.calendar td.aleasa{background:var(--grd-curent);outline:1px solid var(--pag-activa);outline-offset:-1px}.calendar td:hover{background:#e5f1fb}.ceas{width:var(--ceas-latime);justify-content:center;align-items:flex-start;display:flex}.jos{align-items:flex-end;gap:var(--margine);grid-column:1/span 2;display:flex}.stare{height:var(--stare-inalt);flex:1;align-self:flex-end;line-height:1.2;overflow:hidden}.jos .btn.iesire{width:120px}.pag-camera{gap:calc(2 * var(--spatiu));padding:var(--spatiu);height:100%;display:flex}.pag-camera .stanga{width:var(--cam-stanga);gap:var(--spatiu);flex-direction:column;flex:none;display:flex}.pag-camera .stanga .btn{width:100%;padding:0 2px}.pag-camera .r3{gap:var(--spatiu);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pag-camera .r2{gap:var(--spatiu);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.pag-camera .gol{height:var(--spatiu)}.pag-camera .volum{align-items:center;height:26px;display:flex}.pag-camera .volum .eticheta{width:100px;font-weight:700}.pag-camera .live-stare{min-height:40px;max-height:64px;margin-top:auto;font-size:15px;line-height:1.25;overflow:hidden}.pag-camera .imagine{background:#202020;flex:1;justify-content:center;align-items:center;min-width:40px;display:flex;overflow:hidden}.pag-camera .imagine img{max-width:100%;max-height:100%}.btn.sunet.apasat{font-weight:700}.spinner{width:100%;min-width:0;height:var(--buton-inalt);border:1px solid var(--chenar);background:var(--alb);display:flex}.spinner input{text-align:center;background:0 0;border:none;flex:1;min-width:0;padding:0}.spinner input:focus{outline:none}.spinner .sageti{border-left:1px solid var(--chenar-deschis);flex-direction:column;width:18px;display:flex}.spinner .sageti button{background:var(--buton);border:none;flex:1;padding:0;font-size:8px;line-height:1}.spinner .sageti button:hover{background:#e5f1fb}.cursor{cursor:pointer;flex:1;height:26px;position:relative}.cursor .sina{background:#c8c8c8;border:1px solid gray;height:6px;position:absolute;top:10px;left:0;right:0}.cursor .plin{background:#0078d7;height:6px;position:absolute;top:10px;left:0}.cursor .buton{background:#fff;border:2px solid #005499;border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:2px}.dialog-fundal{z-index:10;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--fundal);border:1px solid var(--chenar);font-size:14px;box-shadow:4px 4px 12px #00000059}.dialog .titlu-fereastra{background:var(--alb);border-bottom:1px solid var(--chenar-deschis);justify-content:space-between;padding:6px 10px;font-size:15px;display:flex}.dialog .continut{padding:12px}.dialog .campuri{grid-template-columns:118px 1fr;align-items:center;row-gap:6px;margin-top:12px;display:grid}.dialog .campuri label{font-weight:700}.dialog .campuri .txt{height:30px}.dialog .campuri .txt:read-only{background:var(--fundal);color:var(--text);border-color:#555}.dialog .rezultat{min-height:42px;margin-top:10px;line-height:1.3}.dialog .rezultat.ok{color:#0a7a0a}.dialog .rezultat.eroare{color:#c00000}.dialog .butoane{gap:6px;margin-top:10px;display:flex}.dialog .butoane .btn{width:96px}.dialog .butoane .btn.lat{width:150px}.dialog .butoane .spatiu{flex:1}.dialog .grid{flex:none;height:160px}.dialog .grid th{background:#d0d8e8}.dialog .grid tr.curent td{color:#fff;background:#1f3f8f}.mesaj{width:460px}.mesaj .continut p{white-space:pre-wrap;margin:0 0 14px;font-size:15px;line-height:1.35}.mesaj .butoane{justify-content:flex-end}