/* MedCheck · css/6-conectare.css · nou în 2c-3a (macheta 2c-2 aprobată); 2c-3b: blocarea, banda „Date noi”, Setări → Securitate. T4-a: regulile .mc-cf scoase (conflictul și ieșirea sunt pe fereastra comună) T5: mărimile pictogramelor de la conectare, din banda „Date noi” și din Securitate.
   T3-a: comentarii.
   T3-b: paleta.
   Perdeaua de conectare, a patra stare a indicatorului, starea scrisă din meniul contului,
   ferestrele de conflict și de ieșire, foaia tipărită cu codul de recuperare.
   Doar pe variabilele existente, deci merge singur și în modul întunecat.
   Fișierele CSS se încarcă în ordinea numerelor — ordinea contează (cascada). */

/* ── Perdeaua de conectare ── */
.mco-login-card.wide{width:400px}
.mco-pornire{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0 10px;font-size:13px;font-weight:600;color:var(--gray)}
.mco-check{display:flex;gap:9px;align-items:flex-start;margin:4px 2px 8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--head);line-height:1.35}
.mco-check input{width:16px;height:16px;margin-top:1px;accent-color:var(--teal);flex:none}
.mco-check small{display:block;font-size:11.5px;font-weight:500;color:var(--gray);margin-top:2px;line-height:1.45}
.mco-check--plain{margin:12px 2px 6px}
.mco-foot{text-align:center;font-size:11.5px;color:var(--gray);margin-top:12px;line-height:1.45}
.mco-link--muted{color:var(--muted);font-weight:600}
.mco-btn-primary[disabled]{background:var(--border-strong);color:var(--white);cursor:not-allowed}
.mco-btn-primary.busy{display:flex;align-items:center;justify-content:center;gap:9px;cursor:progress;background:var(--teal)}
.mco-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:mcoSpin .8s linear infinite;flex:none}
.mco-spin--teal{border-color:var(--teal-m);border-top-color:var(--teal)}
@keyframes mcoSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mco-spin{animation-duration:2.4s}}
.mco-btn-sec{width:100%;height:40px;border:1.5px solid var(--teal);border-radius:9px;background:var(--white);color:var(--teal-d);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:12px}
.mco-btn-sec:hover{background:var(--teal-l)}
.mco-who{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 12px;padding:4px 12px 4px 9px;border-radius:20px;background:var(--teal-l);border:1px solid var(--teal-m);font-size:12px;font-weight:700;color:var(--teal-d)}
.mco-code{display:block;width:100%;height:54px;border:1px solid var(--border-strong);border-radius:10px;background:var(--white);color:var(--head);
  font-family:var(--mono);font-size:26px;font-weight:500;letter-spacing:.38em;text-align:center;padding:0 0 0 .38em;outline:none;font-variant-numeric:tabular-nums}
.mco-code::placeholder{color:var(--border-strong);letter-spacing:.38em}
.mco-code:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 15%, transparent)}
.mco-code.rez{font-size:22px;letter-spacing:.16em;padding-left:.16em}
.mco-code.rez::placeholder{letter-spacing:.16em}
.mco-code--rec{font-size:14px;letter-spacing:.06em;padding:0 8px;height:46px}
.mco-code--rec::placeholder{letter-spacing:.06em}
.mco-code.bad{border-color:var(--red)}
.mco-note--warn{background:var(--st-amber-bg);border-color:color-mix(in srgb, var(--st-amber-dot) 45%, transparent);color:var(--st-amber);margin:2px 0 10px}
.mco-note b{font-weight:800}
.mco-rec-code{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 12px}
.mco-rec-code span{font-family:var(--mono);font-size:19px;font-weight:500;letter-spacing:.12em;text-align:center;padding:10px 0;border-radius:8px;
  background:var(--teal-l);border:1px solid var(--teal-m);color:var(--head)}
.mco-pane-desc b{color:var(--head)}

/* ── Indicatorul: a patra stare (eroare) și starea scrisă din meniul contului ── */
.user-sync-dot.err{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 22%, transparent)}
.mco-user-menu{min-width:240px}
.mco-um-who{padding:7px 10px 8px;font-size:11.5px;color:var(--muted);font-weight:700;word-break:break-all}
.mco-um-sync{display:flex;gap:9px;align-items:flex-start;margin:0 0 4px;padding:8px 10px;border-radius:8px;background:var(--st-green-bg);color:var(--st-green);font-size:12px;font-weight:600;line-height:1.4;white-space:normal;max-width:250px}
.mco-um-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:4px;background:var(--green)}
.mco-um-sync.syncing{background:var(--st-amber-bg);color:var(--st-amber)} .mco-um-sync.syncing .mco-um-dot{background:var(--st-amber-dot)}
.mco-um-sync.off{background:var(--st-gray-bg);color:var(--st-gray)} .mco-um-sync.off .mco-um-dot{background:var(--st-gray-dot)}
.mco-um-sync.err{background:color-mix(in srgb, var(--red) 12%, var(--white));color:var(--red)} .mco-um-sync.err .mco-um-dot{background:var(--red)}
.mco-um-sync a{color:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.mco-um-sep{height:1px;background:var(--divider);margin:4px 2px}

.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.cf-col{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--white)}
.cf-hd{font-size:12px;font-weight:800;color:var(--teal-d);margin-bottom:6px}
.cf-row{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:3px 0;border-top:1px solid var(--divider)}
.cf-row span{color:var(--gray)}
.cf-row b{color:var(--head);text-align:right}
.cf-diff{background:var(--st-amber-bg);margin:0 -6px;padding:3px 6px;border-radius:5px}
.cf-diff b{color:var(--st-amber)}

@media (max-width:600px){
  .mco-login-card.wide{width:100%}
  .cf-grid{grid-template-columns:1fr}
}

/* ── Blocarea: perdeaua stă peste orice fereastră rămasă deschisă; avertismentul de la Ieșire, peste perdea ── */
.mco-login-bg--blocat{z-index:10050}
#mc-iesire-bg{z-index:10100}

/* ── Banda „Date noi de pe alt dispozitiv” (macheta 2c-2, ecranul 9) ── */
.mc-band{display:none;position:fixed;left:0;right:0;top:52px;z-index:300;align-items:center;gap:10px;padding:8px 20px;
  background:var(--teal-l);border-bottom:1px solid var(--teal-m);color:var(--teal-d);font-size:13px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.mc-band.on{display:flex}
.mc-band-ic{font-size:15px;font-weight:800}
.mc-band-tx{flex:1;min-width:0}
.mc-band-btn{height:30px;padding:0 14px;border-radius:8px;border:none;background:var(--teal);color:#fff;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;flex:none}
.mc-band-x{width:28px;height:28px;border:none;border-radius:7px;background:transparent;color:var(--teal-d);font-size:13px;cursor:pointer;flex:none}
.mc-band-x:hover{background:var(--teal-m)}

/* ── Setări → Securitate (macheta 2c-2, ecranul 7) ── */
#screen-setari .sec-hint{font-size:12px;color:var(--gray);line-height:1.5;margin:10px 0 0}
#screen-setari .sec-hint--inline{margin:0;flex:1;min-width:200px}
#screen-setari .sec-p{font-size:13px;color:var(--body);line-height:1.55;margin:0 0 12px}
#screen-setari .sec-err{font-size:12.5px;font-weight:600;color:var(--red);line-height:1.45;margin-top:10px}
#screen-setari .sec-err:empty{display:none}
#screen-setari .sec-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
#screen-setari .sec-gol{font-size:12.5px;color:var(--gray);padding:10px 12px}
#screen-setari .sec-gol a{color:var(--teal-d);font-weight:700;text-decoration:underline;cursor:pointer}
#screen-setari .sec-dev{display:flex;gap:11px;align-items:center;padding:10px 12px;border-top:1px solid var(--divider)}
#screen-setari .sec-dev:first-child{border-top:none}
#screen-setari .sec-dev-ic{width:32px;height:32px;border-radius:9px;background:var(--teal-l);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
#screen-setari .sec-dev-main{min-width:0}
#screen-setari .sec-dev-nm{font-size:13.5px;font-weight:700;color:var(--head);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#screen-setari .sec-dev-sub{font-size:12px;color:var(--gray);margin-top:2px}
#screen-setari .sec-tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--st-gray-bg);color:var(--st-gray)}
#screen-setari .sec-tag--acum{background:var(--st-green-bg);color:var(--st-green)}
#screen-setari .sec-actrow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:12px}
#screen-setari .sec-btn-danger{border-color:color-mix(in srgb, var(--red) 55%, transparent);color:var(--red)}
#screen-setari .sec-btn-danger:hover{background:color-mix(in srgb, var(--red) 9%, var(--white))}
#screen-setari .sec-sub-hd{font-size:12.5px;font-weight:800;color:var(--head);margin:18px 0 6px}
#screen-setari .sec-ev-row{display:flex;gap:9px;align-items:center;font-size:12.5px;padding:6px 2px;border-top:1px solid var(--divider)}
#screen-setari .sec-ev-row:first-child{border-top:none}
#screen-setari .sec-ev-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--green)}
#screen-setari .sec-ev-dot.warn{background:var(--st-amber-dot)}
#screen-setari .sec-ev-tx{font-weight:700;color:var(--head);min-width:150px}
#screen-setari .sec-ev-meta{color:var(--gray)}
#screen-setari .sec-state{margin-top:10px;font-size:12.5px;color:var(--body);background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:9px 12px;line-height:1.45}
#screen-setari .sec-state--ok{background:var(--st-green-bg);border-color:transparent;color:var(--st-green);margin-top:0}
#screen-setari .sec-state--warn{background:var(--st-amber-bg);border-color:transparent;color:var(--st-amber);margin-top:0}
#screen-setari .sec-seg{margin-top:2px}
#screen-setari .sec-rec-b{display:none}
#screen-setari.rec-nou .sec-rec-a{display:none}
#screen-setari.rec-nou .sec-rec-b{display:block}
#screen-setari .mco-rec-code--sec{max-width:420px}
#screen-setari .prof-card .prof-actions{margin-top:12px}
@media (max-width:600px){
  .mc-band{padding:8px 12px;font-size:12.5px;gap:8px}
  #screen-setari .sec-ev-row{flex-wrap:wrap;gap:2px 9px}
  #screen-setari .sec-ev-tx{min-width:0}
  #screen-setari .sec-ev-meta{flex:1 1 100%;padding-left:16px}
  #screen-setari .sec-actrow .prof-btn{width:100%;justify-content:center}
  #screen-setari .sec-seg{display:flex}
  #screen-setari .sec-seg .mco-seg-btn{flex:1;justify-content:center;padding:10px 6px}
}

/* ── Foaia tipărită cu codul de recuperare (doar la tipărire; restul aplicației e ascuns de 2-tiparire.css) ── */
@media print{
  #print-container .mc-foaie{font-family:'DM Sans',system-ui,sans-serif;color:#222;font-size:11pt;line-height:1.55;max-width:170mm;margin:0 auto}
  .mc-foaie-hd{border-bottom:2px solid #2FA4A9;padding-bottom:10pt;margin-bottom:22pt}
  .mc-foaie-t{font-size:15pt;font-weight:800;color:#2E2E2D}
  .mc-foaie-s{font-size:10pt;color:#555;margin-top:2pt}
  .mc-foaie-cod{display:grid;grid-template-columns:repeat(3,1fr);gap:8pt;margin:0 0 24pt}
  .mc-foaie-cod span{font-family:'DM Mono',ui-monospace,monospace;font-size:22pt;font-weight:500;letter-spacing:.14em;text-align:center;padding:10pt 0;border:1.5pt solid #2E2E2D;border-radius:6pt;color:#111}
  .mc-foaie-h{font-size:11pt;font-weight:800;color:#1a7a7e;margin:14pt 0 3pt}
  .mc-foaie p{margin:0}
  .mc-foaie-ft{margin-top:28pt;padding-top:8pt;border-top:1pt solid #ccc;font-size:9.5pt;color:#555}
}

/* ── T5 · pictogramele de la conectare, din banda „Date noi” și din Securitate ── */
.mco-who .pic{width:18px;height:18px}
.mco-btn-sec .pic{width:19px;height:19px}
.mc-band-ic .pic{width:19px;height:19px}
#screen-setari .sec-dev-ic .pic{width:20px;height:20px}