/* MedCheck · css/1-baza.css · T3-c; T4-a: + fereastra comună (.mc-dlg-*) și --pericol. Conține: variabilele (luminos + întunecat), reset, bara de sus, meniul, butoanele, ferestrele și componentele comune mai multor ecrane. T4-b: bara de jos scoasă; .mia-host / .mia-cfg-mini--unit / .mia-label-inp.err (foste stiluri din JS); zona de atingere a săgeților din calendar pe telefon. T5: pictogramele — baza .pic (Tabler, linia 2, culoarea textului), .st-dot, meniul lateral, meniul contului, antetele, componentele comune. U: numele MedCheck din bară cu „Check” în teal închis (familia MedTool).
   Regulile sunt în ordinea cascadei dinainte de regrupare; cele de telefon (≤600/≤900 px) în @media proprii, după cele de desktop.
   Fișierele CSS se încarcă în ordinea numerelor — ordinea contează (cascada). */
:root {
 --teal: #2FA4A9;
 --teal-d: #1a7a7e;
 --teal-l: #EAF7F7;
 --teal-m: #C8ECEE;
 --teal-c: #E9F8F9;
 --green: #7DBA2F;
 --green-d: #5a9022;
 --head: #2E2E2D;
 --body: #333333;
 --gray: #888;
 --border: #dde8e8;
 --bg: #eef6f6;
 --white: #fff;
 --nav-bg: #1C3A3C;
 --nav-txt: #8fc7c9;
 --accent-raw: #2FA4A9; /* baza accentului; din ea se derivă nuanțele pentru modul întunecat */
 --red: #e74c3c;
 --orange: #e67e22;
 --r: 8px;            /* raza colțurilor mici: 8 px peste tot (hotărâre T3) */
 --wz-progress: 8%;   /* lățimea barei de progres din wizard; JS o schimbă pe .wizard-bar */
 /* ===== PRO DENS — fundație design system (aditiv) ===== */
 /* paleta de statusuri și de accente: 9 culori × (text, fundal, chenar palid „-m”, bulină „-dot”).
    JS le compune după nume (var(--st-<culoare>-dot)); orice culoare de stare din aplicație vine de aici. */
 --st-green:#5a9022;  --st-green-bg:#eef6e2;  --st-green-m:#c5e3b0;  --st-green-dot:#7DBA2F;
 --st-blue:#2563eb;   --st-blue-bg:#e8f0fe;   --st-blue-m:#bfd3f6;   --st-blue-dot:#3b82f6;
 --st-orange:#b85e18; --st-orange-bg:#fbeede; --st-orange-m:#f7c890; --st-orange-dot:#e67e22;
 --st-amber:#8a6a12;  --st-amber-bg:#fcf3da;  --st-amber-m:#f0d98a;  --st-amber-dot:#d99e1a;
 --st-gray:#5b6770;   --st-gray-bg:#eef1f1;   --st-gray-m:#c4cdce;   --st-gray-dot:#6b7280;
 --st-violet:#6d28d9; --st-violet-bg:#f1ecfb; --st-violet-m:#d6c8f5; --st-violet-dot:#8b5cf6;
 --st-cyan:#0e7490;   --st-cyan-bg:#e0f2fe;   --st-cyan-m:#a8dff0;   --st-cyan-dot:#06b6d4;
 --st-rose:#be185d;   --st-rose-bg:#fce7f3;   --st-rose-m:#f3a8c9;   --st-rose-dot:#ec4899;
 --st-red:#b0322a;    --st-red-bg:#fbeae8;    --st-red-m:#f3c9c4;    --st-red-dot:#e74c3c;
 --pericol:#b0322a; --pericol-h:#962a23; /* butonul roșu din ferestre (text alb) */
 --gray-l:#f2f4f4;
 --border-strong:#c6d8d4; --divider:#eef3f1; --label:#9aa9ac; --muted:#6b7c80;
 --r-sm:6px; --r-md:8px;
 --sh-card:0 1px 3px rgba(28,58,60,.05); --sh-pop:0 12px 28px rgba(20,60,66,.18);
 --mono:'DM Mono',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
/* câmpurile de formular iau fundalul și textul temei (altfel rămân albe în modul întunecat); :where() = specificitate 0,
deci orice clasă le poate suprascrie */
:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]), select, textarea){background:var(--white);color:var(--body)}
html,body{height:100%;overflow:hidden;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;color:var(--body);background:var(--bg)}
/* ── TOPBAR ── */
#topbar{height:52px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;z-index:200;flex-shrink:0;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.logo-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tb-spacer{flex:1}
#breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray)}
#breadcrumb.crumb{font-weight:600;color:var(--head)}
#breadcrumb .crumb.active{color:var(--teal)}
.tb-right{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:12px}
.tb-date{font-size:12px;color:var(--teal-d);font-weight:600;background:var(--teal-l);padding:6px 14px;border-radius:20px;border:1px solid var(--teal-m)}
.user-pill{display:flex;align-items:center;gap:8px;background:var(--teal-l);border:1px solid var(--teal-m);border-radius:20px;padding:4px 12px 4px 6px}
.user-av{width:26px;height:26px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff}
.user-nm{font-size:12px;font-weight:700;color:var(--teal-d)}
/* ── APP LAYOUT ── */
#app{display:flex;height:calc(100vh - 52px);overflow:hidden}
/* ── LEFT NAV ── */
#left-nav{width:220px;background:var(--nav-bg);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding-top:16px;transition:width .2s ease}
.ni-ic{font-size:15px;line-height:1;flex-shrink:0;width:22px;text-align:center}
.nav-logo-pad{height:16px}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:all .15s;position:relative}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-item.active{background:color-mix(in srgb, var(--teal) 18%, transparent);border-left-color:var(--teal);color:#fff}
.nav-item .ni-label{font-size:13px;font-weight:600;color:var(--nav-txt);flex:1}
.nav-item.active .ni-label{color:#fff;font-weight:700}
.nav-item:hover .ni-label{color:#fff}
.nav-badge{background:var(--teal);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}
#left-nav .nav-footer{margin-top:0;padding:0;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:#4a7a7c;line-height:1.8}
/* buton Setări în footer-ul navigației (înlocuiește statistica veche) */
.nav-footer .nav-foot-settings{border:none;border-left:3px solid transparent;border-radius:0;padding:10px 16px;gap:10px}
.nav-foot-settings .ni-ic{font-size:15px;line-height:1;color:inherit;flex-shrink:0}
.nav-footer .nav-foot-settings:hover{background:rgba(255,255,255,.06)}
.nav-footer .nav-foot-settings.active{background:rgba(255,255,255,.10);border-left-color:var(--teal)}
.nav-foot-settings.active .ni-label{color:#fff}
/* ── MAIN CONTENT ── */
#main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}
.screen{display:none;flex:1;overflow:hidden}
.screen.active{display:flex;flex-direction:column}
/* ── SCREEN HEADER ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:.15s;background:var(--gray-l);color:var(--body)}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:var(--teal-d)}
.btn-secondary{background:var(--white);color:var(--body);border:1px solid var(--border)}
.btn-secondary:hover{background:var(--bg)}
.btn-danger{background:none;color:var(--red);border:1px solid var(--st-red-m)}
.btn-danger:hover{background:var(--st-red-bg)}
.btn-sm{padding:5px 11px;font-size:12px}
.nav-complete{margin:8px 0 6px 16px;background:var(--teal);color:#fff;border:none;font-family:inherit;font-weight:700;cursor:pointer;transition:.15s;text-align:center}
.nav-complete:hover{background:var(--teal-d)}
/* Modal generic pentru gestiune template-uri (Manager + Apply Replace/Adaugă) */
.template-mdl-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.template-mdl{background:var(--white);border-radius:12px;max-width:560px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.template-mdl-hd{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center}
.template-mdl-hd h3{flex:1;font-size:16px;font-weight:700;color:var(--head);margin:0}
.template-mdl-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--label);padding:0 6px;line-height:1}
.template-mdl-close:hover{color:var(--red)}
.template-mdl-body{padding:14px 20px;overflow-y:auto;flex:1}
.template-item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;background:var(--gray-l)}
.template-item-name{flex:1;font-size:13px;font-weight:600;color:var(--head);border:1.5px solid transparent;border-radius:5px;padding:4px 6px;background:transparent;outline:none;font-family:inherit;min-width:90px}
.template-item-name:focus{border-color:var(--teal);background:var(--white)}
.template-item-meta{font-size:11px;color:var(--label);font-weight:400;margin-left:6px}
.template-item-act{padding:5px 10px;font-size:11px;font-weight:600;border:1.5px solid var(--border);border-radius:6px;background:var(--white);cursor:pointer;transition:.15s;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.template-item-act:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-l)}
.template-item-act.danger:hover{border-color:var(--red);color:var(--red);background:var(--st-red-bg)}
.template-item-act-icon{padding:5px 8px;font-size:14px;line-height:1}
/* buton pin (default) + stil card default */
.template-pin-btn{padding:5px 8px;font-size:14px;line-height:1;border:1.5px solid var(--border);border-radius:6px;background:var(--white);cursor:pointer;transition:.15s;color:var(--label)}
.template-pin-btn:hover{border-color:var(--st-amber-dot);color:var(--st-amber-dot);background:var(--st-amber-bg)}
.template-pin-btn.is-default{border-color:var(--st-amber-dot);color:var(--st-orange);background:var(--st-amber-bg);box-shadow:0 0 0 2px rgba(249,168,37,.15)}
.template-pin-btn.is-default:hover{background:var(--st-amber-bg)}
.template-item.is-default{border-left:4px solid var(--st-amber-dot);padding-left:7px;background:var(--st-amber-bg)}
.template-mdl-empty{padding:30px;text-align:center;color:var(--label);font-size:13px}
/* Bara acțiuni globale (Export tot / Import) sus în modal */
.template-mdl-actions{display:flex;gap:8px;padding:10px 20px 0;align-items:center;flex-wrap:wrap}
.template-mdl-actions .template-item-act{padding:6px 12px;font-size:11px}
/* Drop zone pentru import */
.template-mdl-drop{margin:10px 20px 12px;padding:14px;border:2px dashed var(--border);border-radius:8px;text-align:center;font-size:12px;color:var(--gray);cursor:pointer;transition:.15s;background:var(--gray-l)}
.template-mdl-drop:hover, .template-mdl-drop.dragover{border-color:var(--teal);color:var(--teal-d);background:var(--gray-l)}
.template-mdl-drop b{color:var(--teal-d)}
/* ── Fereastra comună (js/47-ferestre.js, macheta T4-0): înlocuiește confirm/alert/prompt și ferestrele simple ── */
.mc-dlg-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:10010;display:flex;align-items:center;justify-content:center;padding:20px}
.mc-dlg-bg--peste{z-index:10110}
.mc-dlg{background:var(--white);border-radius:14px;max-width:500px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 30px 60px rgba(0,0,0,.25);overflow:hidden;color:var(--body);animation:mc-dlg-in .16s ease-out}
@keyframes mc-dlg-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.mc-dlg-hd{display:flex;align-items:center;gap:11px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--teal-l);font-size:15px;font-weight:800;color:var(--head);flex-shrink:0}
.mc-dlg-titlu{flex:1;min-width:0}
.mc-dlg-semn{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--teal);color:#fff}
.mc-dlg--pericol .mc-dlg-hd,.mc-dlg--tastat .mc-dlg-hd{background:var(--st-red-bg);color:var(--st-red);border-bottom-color:var(--st-red-m)}
.mc-dlg--pericol .mc-dlg-semn,.mc-dlg--tastat .mc-dlg-semn{background:var(--pericol)}
.mc-dlg--alegere .mc-dlg-hd,.mc-dlg--atentie .mc-dlg-hd{background:var(--st-amber-bg);border-bottom-color:var(--st-amber-m)}
.mc-dlg--alegere .mc-dlg-semn,.mc-dlg--atentie .mc-dlg-semn{background:var(--st-amber);color:var(--white)}
.mc-dlg-bd{padding:18px 22px;font-size:14px;line-height:1.55;color:var(--body);overflow-y:auto}
.mc-dlg-bd p{margin:0 0 10px}
.mc-dlg-bd p:last-child{margin-bottom:0}
.mc-dlg-bd strong{color:var(--head)}
.mc-dlg-bd ul{margin:0 0 10px 18px}
.mc-dlg-mic{font-size:12.5px;color:var(--muted)}
.mc-dlg-cutie{background:var(--gray-l);border-radius:8px;padding:10px 14px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--head)}
.mc-dlg-lbl{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px}
.mc-dlg-in{width:100%;font-family:inherit;font-size:15px;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);color:var(--head);outline:none}
.mc-dlg-in:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 25%,transparent)}
.mc-dlg-in--cuvant{font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mc-dlg-in--cuvant.ok{border-color:var(--pericol)}
.mc-dlg-avert{margin-top:8px;font-size:12.5px;padding:7px 10px;border-radius:7px;background:var(--st-amber-bg);color:var(--st-amber);display:none}
.mc-dlg-avert.on{display:block}
.mc-dlg-bifa{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:var(--body);cursor:pointer;user-select:none}
.mc-dlg-bifa input{width:18px;height:18px;accent-color:var(--teal)}
.mc-dlg-ft{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}
.mc-dlg-btn{font-family:inherit;font-size:13px;font-weight:700;padding:9px 16px;min-height:40px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mc-dlg-btn:focus{outline:3px solid color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:2px}
.mc-dlg-btn--anuleaza{background:var(--white);border-color:var(--border);color:var(--muted)}
.mc-dlg-btn--anuleaza:hover{border-color:var(--label);color:var(--head)}
.mc-dlg-btn--sec{background:var(--white);border-color:var(--teal);color:var(--teal-d)}
.mc-dlg-btn--sec:hover{background:var(--teal-l)}
.mc-dlg-btn--principal{background:var(--teal);border-color:var(--teal);color:#fff}
.mc-dlg-btn--principal:hover{background:var(--teal-d);border-color:var(--teal-d)}
.mc-dlg-btn--pericol{background:var(--pericol);border-color:var(--pericol);color:#fff}
.mc-dlg-btn--pericol:hover{background:var(--pericol-h);border-color:var(--pericol-h)}
.mc-dlg-btn:disabled{opacity:.42;cursor:not-allowed}
/* Modal Apply: Replace / Adaugă */
.template-apply-info{padding:18px 20px 8px;font-size:13px;color:var(--body);line-height:1.55}
.template-apply-info strong{color:var(--teal-d)}
.template-apply-meta{margin-top:8px;padding:8px 10px;background:var(--gray-l);border-radius:6px;font-size:12px;color:var(--muted)}
.template-apply-btns{display:flex;gap:10px;padding:14px 20px 18px;justify-content:flex-end;flex-wrap:wrap}
.template-apply-btns button{padding:9px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;border:1.5px solid;font-family:inherit}
.template-apply-btn-replace{background:var(--st-red-bg);color:var(--red);border-color:var(--red)}
.template-apply-btn-replace:hover{background:var(--red);color:#fff}
.template-apply-btn-add{background:var(--teal-l);color:var(--teal-d);border-color:var(--teal)}
.template-apply-btn-add:hover{background:var(--teal);color:#fff}
.template-apply-btn-cancel{background:var(--white);color:var(--muted);border-color:var(--border)}
.template-apply-btn-cancel:hover{border-color:var(--gray);color:var(--head)}
/* ─── MOBILE: hamburger + nav slide-in ─── */
#mobile-nav-toggle {
 display: inline-flex; align-items: center; justify-content: center;
 background: none; border: none; color: var(--head);
 font-size: 22px; line-height: 1; cursor: pointer;
 padding: 4px 10px; margin-right: 4px; border-radius: 6px;
}
#mobile-nav-toggle:hover { background: var(--bg); }
#mobile-nav-backdrop {
 display: none;
 position: fixed; inset: 0;
 background: rgba(0,0,0,.5); z-index: 199;
}
#mobile-nav-backdrop.show { display: block; }
/* SAVE FEEDBACK ── */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--nav-bg);color:#fff;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;transition:transform.3s ease;pointer-events:none}
.toast.show{transform:translateX(-50%) translateY(0)}
/* ═══════════════════════════════════════════════════════════════════════
PROGRAMĂRI — pagina premium (stil identic cu Dashboard)
Noile clase: .prg5-* (nu interferează cu .prg-* existente pentru modale)
═══════════════════════════════════════════════════════════════════════ */

/* HERO CARD — gradient teal cu blob-uri radiale + 3 stat-counters */
.prg5-hero {
  position: relative;
  background: linear-gradient(135deg, var(--white) 0%, var(--teal-c) 100%);
  border: 1px solid var(--teal-m);
  display: flex;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--teal) 6%, transparent);
  flex-shrink: 0;
}
.prg5-hero::before {
  content: '';
  position: absolute;
  top: -30px; right: -30px;
  width: 160px; height: 160px;
  background: radial-gradient(circle, color-mix(in srgb, var(--teal) 12%, transparent) 0%, transparent 70%);
  pointer-events: none;
  border-radius: 50%;
}
.prg5-hero::after {
  content: '';
  position: absolute;
  bottom: -40px; left: 20%;
  width: 140px; height: 140px;
  background: radial-gradient(circle, rgba(125,186,47,0.08) 0%, transparent 70%);
  pointer-events: none;
  border-radius: 50%;
}
.prg5-hero-left { flex: 0 0 auto; min-width: 280px; z-index: 1; }
/* buton uniform Import în hero Programări (alb + contur teal, dreapta) */
.prg5-hero-import{ flex:0 0 auto; z-index:2; margin-left:auto; height:38px; padding:0 16px; border-radius:9px;
  background:var(--white); border:1.5px solid var(--teal); color:var(--teal-d);
  font-family:inherit; font-weight:700; font-size:13px; cursor:pointer; white-space:nowrap;
  display:inline-flex; align-items:center; }
.prg5-hero-import:hover{ background:var(--teal-l); }
.prg5-hero-title {
  font-weight: 800;
  color: var(--head);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
}
.prg5-hero-subtitle {
  font-size: 12.5px;
  color: var(--gray);
  margin-top: 6px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.prg5-hero-stats {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
  z-index: 1;
}
.prg5-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.prg5-hero-stat-val {
  font-weight: 800;
  color: var(--teal-d);
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.prg5-hero-stat-lbl {
  font-size: 10.5px;
  color: var(--gray);
  margin-top: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@keyframes prg-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}
.prg-btn-icon {
  width: 32px; height: 32px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  background:var(--white); color: var(--body);
  font-size: 14px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: .15s;
}
.prg-btn-icon:hover { border-color: var(--teal); background: var(--teal-l); color: var(--teal-d); }
/* Modal generic pentru Programări */
.prg-modal-bg.open { display: flex; }
.prg-modal-hd {
  padding: 18px 22px 12px;
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; gap: 12px;
}
.prg-modal-hd h3 {
  margin: 0; font-size: 16px; font-weight: 800; color: var(--head);
  flex: 1;
}
.prg-modal-close {
  width: 32px; height: 32px;
  border: none; background: transparent;
  font-size: 20px; color: var(--gray); cursor: pointer;
  border-radius: 6px; transition: .15s;
}
.prg-modal-body { padding: 18px 22px; }
.prg-modal-ft {
  padding: 12px 22px 18px;
  display: flex; gap: 8px; justify-content: flex-end;
  border-top: 1px solid var(--border);
}
.prg-field { margin-bottom: 14px; }
.prg-field-lbl {
  display: block;
  font-size: 11.5px; font-weight: 700;
  color: var(--head);
  margin-bottom: 5px;
  text-transform: uppercase; letter-spacing: 0.03em;
}
.prg-field-lbl .opt { color: var(--gray); font-weight: 600; text-transform: none; letter-spacing: 0; }
.prg-inp {
  width: 100%;
  padding: 9px 12px;
  font-family: inherit; font-size: 13.5px;
  border: 1.5px solid var(--border);
  border-radius: 7px;
  color: var(--body); background:var(--white);
  transition: .15s;
}
textarea.prg-inp { resize: vertical; min-height: 60px; font-family: inherit; }
/* ascunde câmpul AM/PM din input type=time (forțează format 24h) */
.prg-inp-time-24h::-webkit-datetime-edit-ampm-field {
  display: none;
}
.prg-inp-time-24h::-webkit-datetime-edit-hour-field,
.prg-inp-time-24h::-webkit-datetime-edit-minute-field {
  padding: 0 2px;
}
.prg-row { display: flex; gap: 10px; }
.prg-row .prg-field { flex: 1; }
/* ═══════════════════════════════════════════════════════════════════════
PROGRAMĂRI — polish
Fix BUG: .btn.primary lipsea (butoanele Salvează/Suprascrie din modale
apăreau albe în loc de teal). Plus polish modal & focus-ring.
═══════════════════════════════════════════════════════════════════════ */

/* ─── 1. FIX BUG: .btn.primary — buton primary teal (folosit în modale) ─── */
.btn.primary {
  background: var(--teal);
  border-color: var(--teal);
  color: #fff;
}
.btn.primary:hover {
  background: var(--teal-d);
  border-color: var(--teal-d);
  color: #fff;
}
/* ─── 2. Polish modal Programări (.prg-modal) ─── */
.prg-modal {
  background:var(--white);
  max-width: 520px; width: 100%;
  max-height: 90vh; overflow-y: auto;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
}
.prg-modal-bg {
  position: fixed; inset: 0;
  z-index: 2000;
  display: none;
  align-items: center; justify-content: center;
  padding: 20px;
  background: rgba(46, 46, 45, 0.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
/* ─── 3. Polish input focus (focus-ring teal-c subtle) ─── */
.prg-inp:focus {
  outline: none;
  border-color: var(--teal);
  box-shadow: 0 0 0 3px var(--teal-c);
}
/* ─── 4. Polish close button hover ─── */
.prg-modal-close:hover {
  background: var(--gray-l);
  color: var(--head);
}
.nav-complete{border-radius:var(--r-sm);font-size:12.5px;padding:9px 10px}
.nav-complete.done{cursor:default;background:var(--green)}
/* hero — mai jos, mai dens (rămâne cardul deschis existent) */
.prg5-hero{padding:16px 24px;margin:16px 0 12px;border-radius:14px;gap:22px}
.prg5-hero-title{font-size:20px}
.prg5-hero-stat{padding:0 22px;min-width:84px}
.prg5-hero-stat-val{font-size:28px}
.prg5-hero-stat-sep{width: 1px;
  background: linear-gradient(180deg, 
    transparent 0%, 
    color-mix(in srgb, var(--teal) 35%, transparent) 50%, 
    transparent 100%);
  align-self: center;height:40px}
body.s3-resizing{cursor:col-resize;user-select:none}
/* ═══ LOGIN + PROFIL ═══ */
.user-pill-wrap{position:relative}
.user-pill{cursor:pointer;user-select:none}
.user-caret{font-size:9px;color:var(--teal-d);margin-left:1px}
.mco-user-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh-pop);padding:6px;z-index:400}
.mco-user-menu-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--head);cursor:pointer;white-space:nowrap}
.mco-user-menu-item:hover{background:var(--teal-l)}
.mco-user-menu-item .mi-ic{width:22px;text-align:center;font-style:normal;color:var(--teal-d)}
.mco-login-bg{position:fixed;inset:0;background:var(--bg);display:none;align-items:center;justify-content:center;z-index:9000;padding:20px}
.mco-login-card{width:340px;max-width:100%;background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-pop);padding:26px 24px 20px;font-family:'DM Sans',system-ui,sans-serif}
.mco-login-head{text-align:center;margin-bottom:18px}
.mco-login-logo{width:52px;height:52px;border-radius:14px;background:var(--white);border:1px solid var(--teal-m);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 4px 12px color-mix(in srgb, var(--teal) 14%, transparent)}
.mco-login-brand{font-size:17px;font-weight:800;color:var(--head)}
.mco-login-sub{font-size:12px;color:var(--gray);margin-top:2px}
.mco-pane-title{font-size:15px;font-weight:800;color:var(--head);text-align:center;margin-bottom:3px}
.mco-pane-desc{font-size:12px;color:var(--gray);text-align:center;margin-bottom:14px;line-height:1.5}
.mco-field{position:relative;margin-bottom:9px}
.mco-field .mco-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--label);font-style:normal;pointer-events:none}
.mco-field input{width:100%;height:40px;padding:0 12px 0 32px;border:1px solid var(--border-strong);border-radius:9px;font-size:14px;font-family:inherit;color:var(--body);background:var(--white);outline:none}
.mco-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 15%, transparent)}
.mco-btn-primary{width:100%;height:40px;border:none;border-radius:9px;background:var(--teal);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:4px}
.mco-btn-primary:hover{background:var(--teal-d)}
.mco-link{text-align:center;font-size:12px;color:var(--teal-d);cursor:pointer;margin-top:12px;font-weight:600}
.mco-link:hover{text-decoration:underline}
.mco-err{font-size:12px;color:var(--red);min-height:16px;margin:2px 2px 6px;font-weight:600}
.mco-note{display:flex;gap:8px;align-items:flex-start;background:var(--teal-l);border:1px solid var(--teal-m);border-radius:9px;padding:9px 11px;font-size:11.5px;color:var(--teal-d);line-height:1.5;margin-top:12px}
/* ═══ DARK MODE — override variabile sub body.dark (printul rămâne pe alb) ═══ */
body.dark{
 /* ── accentul complet în dark, derivat din --accent-raw (culori relative OKLCH) ── */
 --teal:    oklch(from var(--accent-raw) 0.70 calc(c * 0.95) h);
 --teal-d:  oklch(from var(--accent-raw) 0.82 calc(c * 0.85) h);
 --teal-l:  oklch(from var(--accent-raw) 0.24 calc(c * 0.55) h);
 --teal-m:  oklch(from var(--accent-raw) 0.33 calc(c * 0.55) h);
 --teal-c:  oklch(from var(--accent-raw) 0.20 calc(c * 0.55) h);
 --green:#8fc93a; --green-d:#a9d97a;
 --head:#eef3f1; --body:#c4cfcc; --gray:#8f9b97;
 --bg:      oklch(from var(--accent-raw) 0.155 calc(c * 0.12) h);
 --white:   oklch(from var(--accent-raw) 0.215 calc(c * 0.12) h);
 --border:  oklch(from var(--accent-raw) 0.30  calc(c * 0.18) h);
 --nav-bg:  oklch(from var(--accent-raw) 0.17 calc(c * 0.70) h);
 --nav-txt: oklch(from var(--accent-raw) 0.80 calc(c * 0.45) h);
 --red:#ff6f63; --orange:#f0964a;
 --gray-l:#1f2d2c;
 --st-green:#a9d97a;  --st-green-bg:#1b2c14;  --st-green-m:#2e6b3e;  --st-green-dot:#7DBA2F;
 --st-blue:#8fb6f5;   --st-blue-bg:#15233d;   --st-blue-m:#2b4a7a;   --st-blue-dot:#3b82f6;
 --st-orange:#f0a766; --st-orange-bg:#2e2110; --st-orange-m:#6b3f1a; --st-orange-dot:#e67e22;
 --st-amber:#e6c463;  --st-amber-bg:#2c2410;  --st-amber-m:#5a4a1a;  --st-amber-dot:#d99e1a;
 --st-gray:#aab4b2;   --st-gray-bg:#1e2a29;   --st-gray-m:#3a4a49;   --st-gray-dot:#6b7280;
 --st-violet:#c4b0f5; --st-violet-bg:#241c3d; --st-violet-m:#4a3a7a; --st-violet-dot:#8b5cf6;
 --st-cyan:#7fd3e8;   --st-cyan-bg:#10303a;   --st-cyan-m:#1f5560;   --st-cyan-dot:#06b6d4;
 --st-rose:#f0a0c8;   --st-rose-bg:#3a1a2c;   --st-rose-m:#6b2a4a;   --st-rose-dot:#ec4899;
 --st-red:#ff9b90;    --st-red-bg:#3a1e1e;    --st-red-m:#6b2f2b;    --st-red-dot:#e74c3c;
 --pericol:#c2413a; --pericol-h:#d24c44;
 --border-strong:#35514d; --divider:#22302f; --label:#7c8c89; --muted:#9aa9a6;
 --sh-card:0 1px 3px rgba(0,0,0,.45); --sh-pop:0 12px 28px rgba(0,0,0,.6);
}
/* ═══════════════════════════════════════════════════════════════
Mini-panou „+adaugă input" UNIFICAT (Pas 3 + Editor Fișe)
Namespace .mia-* (mco inline add). Reversibil: șterge tot blocul.
═══════════════════════════════════════════════════════════════ */
.mia-box{display:inline-flex;flex-direction:column;gap:9px;border:1.5px solid var(--teal);
  border-radius:var(--r-md);background:var(--white);padding:11px 12px;max-width:100%;
  box-shadow:0 4px 14px color-mix(in srgb, var(--teal) 12%, transparent);vertical-align:top}
.mia-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.mia-caption{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--gray);margin-right:2px}
.mia-label-inp{border:1.5px solid var(--teal);border-radius:var(--r-sm);padding:6px 11px;font-size:12.5px;
  outline:none;font-family:inherit;min-width:190px;color:var(--body);background:var(--white)}
.mia-label-inp::placeholder{color:var(--label)}
.mia-types{display:flex;flex-wrap:wrap;gap:6px}
.mia-type-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:16px;
  border:1.5px solid var(--border-strong);background:var(--white);color:var(--body);font-size:11.5px;
  font-weight:600;cursor:pointer;font-family:inherit;transition:.13s}
.mia-type-btn:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-l)}
.mia-type-btn.active{border-color:var(--teal);background:var(--teal);color:#fff}
.mia-type-btn .mia-ico{font-size:13px;line-height:1}
.mia-cfg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px dashed var(--border-strong);padding-top:9px;margin-top:1px}
.mia-cfg-mini{border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:5px 9px;font-size:12px;
  outline:none;font-family:inherit;width:74px;color:var(--body);background:var(--white)}
.mia-cfg-mini:focus{border-color:var(--teal)}
.mia-cfg-lbl{font-size:11px;color:var(--gray);font-weight:600}
.mia-opt-chip{display:inline-flex;align-items:center;gap:5px;background:var(--teal-l);border:1px solid var(--teal);
  border-radius:14px;padding:3px 4px 3px 10px;font-size:12px;color:var(--teal-d)}
.mia-opt-chip button{border:none;background:none;color:var(--teal-d);cursor:pointer;font-size:13px;padding:0 3px;font-family:inherit}
.mia-opt-add{border:1.5px solid var(--border-strong);border-radius:14px;padding:4px 10px;font-size:12px;
  outline:none;font-family:inherit;width:130px;background:var(--white)}
.mia-opt-add:focus{border-color:var(--teal)}
.mia-actions{display:flex;gap:7px;align-items:center;margin-top:1px}
.mia-confirm{padding:6px 16px;border-radius:16px;border:1.5px solid var(--teal);background:var(--teal);color:#fff;
  font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:.13s}
.mia-confirm:hover{background:var(--teal-d)}
.mia-confirm:disabled{opacity:.4;cursor:not-allowed}
.mia-cancel{padding:6px 12px;border-radius:16px;border:1.5px solid var(--border-strong);background:var(--white);
  color:var(--gray);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.mia-cancel:hover{border-color:var(--st-red-dot);color:var(--st-red)}
.mia-note{font-size:11px;color:var(--gray);font-style:italic}
@keyframes setPageFade{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
.prg-inp.mono{font-family:var(--mono)}
.undo-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--nav-bg);color:#fff;padding:10px 14px 10px 18px;border-radius:10px;font-size:13px;font-weight:600;z-index:10000;transition:transform .3s ease;display:flex;align-items:center;gap:14px;box-shadow:0 6px 20px rgba(0,0,0,.25);max-width:90vw}
.undo-toast.show{transform:translateX(-50%) translateY(0)}
.undo-toast .ut-undo{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}
.undo-toast .ut-undo:hover{border-color:#fff}
/* ═══ HEADER GLOBAL UNIFORM (iconiță în container accent) ═══ */
.hero-ic{width:46px;height:46px;border-radius:13px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;flex-shrink:0;z-index:1;box-shadow:0 4px 12px color-mix(in srgb, var(--teal) 30%, transparent)}
/* ── pragul compact 1440×820 (clinica, laptopul): bloc copiat neatins ── */
@media (max-width:1440px),(max-height:820px){ .hero-ic{width:40px;height:40px;border-radius:11px;font-size:21px} }
/* ═══ CALENDAR PROPRIU (înlocuiește picker-ul nativ; zi/lună/an) ═══ */
#mc-cal{position:fixed;width:286px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px rgba(20,60,66,.18);padding:12px;z-index:9999;display:none;font-family:inherit}
#mc-cal.open{display:block}
.mc-cal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mc-cal-title{font-weight:800;color:var(--head);font-size:14px}
.mc-cal-nav{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--white);color:var(--gray);cursor:pointer;font-size:15px;line-height:1}
.mc-cal-nav:hover{border-color:var(--teal);color:var(--teal-d)}
.mc-cal-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
.mc-cal-wd span{text-align:center;font-size:10px;font-weight:800;color:var(--gray);text-transform:uppercase;padding:2px 0}
.mc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.mc-cal-day{height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;color:var(--body);cursor:pointer}
.mc-cal-day:hover{background:var(--teal-l);color:var(--teal-d)}
.mc-cal-day.dim{color:var(--border-strong);font-weight:500}
.mc-cal-day.today{box-shadow:inset 0 0 0 1.6px var(--teal);color:var(--teal-d);font-weight:800}
.mc-cal-day.sel{background:var(--teal)!important;color:#fff!important;font-weight:800}
.mc-cal-ft{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--gray-l)}
.mc-cal-ft button{border:none;background:none;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:5px 8px;border-radius:6px}
.mc-cal-clear{color:var(--gray)}
.mc-cal-clear:hover{background:var(--gray-l)}
.mc-cal-today{color:var(--teal-d)}
.mc-cal-today:hover{background:var(--teal-l)}
.mc-date-field{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);font-family:inherit;font-size:12.5px;font-weight:600;color:var(--head);cursor:pointer;white-space:nowrap}
.mc-date-field:hover:not(:disabled){border-color:var(--teal)}
.mc-date-field:disabled{opacity:.5;cursor:not-allowed}
.mc-date-field .mc-df-ic{font-size:13px}
.mc-date-field.empty{color:var(--gray);font-weight:500}
/* ═══ BRAND BARĂ DE SUS (MedCheck) ═══ */
.mc-brand{display:inline-flex;align-items:center;gap:9px}
.mc-brand-ic{flex:none;display:block}
.mc-brand-wm{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--head);white-space:nowrap}
.mc-brand-c{color:var(--teal-d)}
/* ── SYNC: badge fix eliminat global; status mutat în pastila utilizator (punct verde/galben/gri) ── */
.user-sync-dot{ width:9px; height:9px; border-radius:50%; flex:none; margin-left:2px;
  background:var(--green); box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent);
  transition:background .25s, box-shadow .25s; }
.user-sync-dot.syncing{ background:var(--st-amber-dot); box-shadow:0 0 0 3px rgba(217,158,26,.22); }
.user-sync-dot.off{ background:var(--st-gray-dot); box-shadow:0 0 0 3px rgba(184,196,196,.25); }
@keyframes lpSheetUp{ from{ transform:translateY(100%); } to{ transform:translateY(0); } }
/* ═══ STILURI MUTATE DIN ATRIBUTELE inline ALE index.html (T3) ═══
Rămân inline doar stările pe care JS-ul le comută prin element.style.display. */
/* inputurile de fișier, deschise din butoane prin click() */
.input-fisier-ascuns{display:none}
/* lățimile relative ale câmpurilor din formularele Programări (peste .prg-row .prg-field{flex:1) */
.prg-row .prg-field--1{flex:1}
.prg-row .prg-field--05{flex:0.5}
.prg-row .prg-field--07{flex:0.7}
.prg-row .prg-field--11{flex:1.1}
.prg-row .prg-field--12{flex:1.2}
.prg-row .prg-field--14{flex:1.4}
.prg-modal--440{max-width:440px}
.prg-modal--460{max-width:460px}
.prg-modal--600{max-width:600px}
.prg-modal-h3--flex{flex:1}
/* paragrafele din modalele Programări */
.prg-modal-p{margin:0;font-size:14px;line-height:1.55;color:var(--body)}
.prg-modal-p--mic{margin-top:8px;font-size:13.5px}
.prg-modal-p--jos{margin-bottom:14px;line-height:1.5}
.prg-modal-p--nota{margin-top:10px;padding:8px 10px;background:var(--teal-c);border-left:3px solid var(--teal);font-size:13px;line-height:1.5}
@media (min-width: 901px) {
  /* rail desktop — meniu strâns la iconițe (toggle din ☰). Doar pe desktop. */
  #app.nav-rail #left-nav{width:60px}
  #app.nav-rail .ni-label{display:none}
  #app.nav-rail .nav-badge{display:none !important}
  #app.nav-rail .nav-item{justify-content:center;padding-left:0;padding-right:0;gap:0}
}
@media (max-width: 900px) {
  /* Permit scroll nativ pe mobile: dezactivez overflow:hidden moștenit de la desktop */
  html, body {
     height: auto; min-height: 100%;
     overflow-y: auto; overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
   }
  #topbar { position: sticky; top: 0; z-index: 201; }
  #main-content { overflow: visible; }
  .screen, .screen.active { overflow: visible; }
  #mobile-nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  /* Ascund elementele non-esențiale din topbar pe mobile pentru spațiu */
  .tb-date, .user-nm { display: none; }
  /* Left nav devine overlay slide-in */
  #left-nav {
     position: fixed; top: 52px; left: 0; bottom: 0;
     width: 240px; max-width: 80vw;
     z-index: 200;
     transform: translateX(-100%);
     transition: transform .25s ease;
     box-shadow: 4px 0 16px rgba(0,0,0,.2);
     overflow-y: auto;
   }
  #left-nav.open { transform: translateX(0); }
  /* Responsive */
  .prg5-hero {
      flex-direction: column;
      align-items: stretch;
      gap: 18px;
      padding: 18px 20px;
    }
  .prg5-hero-left { min-width: 0; }
  .prg5-hero-stats { justify-content: space-around; }
  .prg5-hero-stat { padding: 0 8px; min-width: 0; }
  .prg5-hero-stat-val { font-size: 26px; }
  .prg5-hero-stat-sep { height: 36px; }
  /* Fix scroll documentat (sub ~900px nu se derula nimic): bat duplicatul
  #app{overflow:hidden de mai sus cu !important, fiindcă acest bloc e ultimul. */
  #app{min-height: calc(100vh - 52px);height:auto;overflow:visible}
  html,body{overflow-x:hidden}
}
@media (max-width: 600px) {
  /* ═══════════════════════════════════════════════════════════════
  MOBILE · meniul din stânga — Setări imediat după „Date" (≤600px)
  Pe desktop „Setări" e lipit jos (margin-top:auto); pe telefon e în flux, ultimul după „Date",
  cu spațiu de derulare dedesubt.
  ═══════════════════════════════════════════════════════════════ */
  #left-nav .nav-footer{margin-top:0}
  #left-nav{overflow-y:auto;padding-bottom:72px}
  /* ── MOBIL ≤600px: hero stivuit; tab-uri = bară orizontală de pastile (stil Examinare mobil) ── */

  /* plasă: nimic din ecran nu depășește lățimea telefonului */
  #main-content{overflow-x:hidden}
  .hero-ic{width:38px;height:38px;border-radius:10px;font-size:20px}
}
@media (max-width: 900px) {
  /* ═══ MOBIL: header curat + badge sync + hero Listă ═══ */

  /* header: ascund breadcrumb-ul (titlul apare în hero) */
  #breadcrumb{font-size: 12px; display:none; }
}
/* fereastra comună pe telefon: jos, butoanele unul sub altul, acțiunea sus (ca fereastra de conflict) */
@media (max-width:600px){
  .mc-dlg-bg{align-items:flex-end;padding:12px}
  .mc-dlg{border-radius:16px}
  .mc-dlg-hd{padding:14px 18px}
  .mc-dlg-bd{padding:16px 18px}
  .mc-dlg-ft{flex-direction:column-reverse}
  .mc-dlg-btn{width:100%;min-height:46px;font-size:14px}
}

/* ── T4-b · pastila nouă din Pasul 3 (.mia-*): fostele stiluri din 19-formular-pas3.js ── */
.mia-host{display:inline-block;vertical-align:top}
.mia-cfg-mini--unit{width:64px}
.mia-label-inp.err{border-color:var(--st-red-dot)}

/* ── T4-b · D1 · zona de atingere pe telefon: iconița rămâne cât e, zona invizibilă (::after) ajunge la 40 px, fără să intre în jumătatea vecinului ── */
@media (max-width:600px){
  .mc-cal-nav{position:relative}
  .mc-cal-nav::after{content:'';position:absolute;top:-6px;right:-9.5px;bottom:-6px;left:-2.5px}   /* zona: 40×40 px */
}

/* ── T5 · pictogramele (Tabler, linia 2): baza, meniul lateral, meniul contului, antetele, componentele comune ── */
/* pictograma ia culoarea textului din jur; mărimea implicită = emoji-ul de dinainte + 4 px; mărimile fixe sunt pe locuri; clicul trece la butonul din jur */
.pic{display:inline-block;flex:none;width:calc(1.2em + 4px);height:calc(1.2em + 4px);vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
/* statusul „în curs” / „Follow-up”: punctul colorat în locul emoji-ului */
.st-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.st-dot--verde{background:var(--st-green-dot)}
.st-dot--galben{background:var(--st-amber-dot)}
/* meniul lateral: aceeași culoare ca eticheta */
.nav-item .ni-ic{color:var(--nav-txt)}
.nav-item:hover .ni-ic, .nav-item.active .ni-ic{color:#fff}
.ni-ic .pic{width:22px;height:22px;display:block}
/* meniul contului */
.mco-user-menu-item .mi-ic .pic{width:22px;height:22px;display:block}
#mobile-nav-toggle .pic{width:22px;height:22px}
.hero-ic .pic{width:26px;height:26px}
.mco-field .mco-ic .pic{width:17px;height:17px;display:block}
.mc-date-field .mc-df-ic .pic{width:17px;height:17px}
.mia-type-btn .mia-ico .pic{width:16px;height:16px}
.template-item-act .pic{width:17px;height:17px}