/* MedAtelier · css/2-atelier.css · etapele 1–2. Scris doar pe variabilele din 1-baza.css, deci merge și în body.dark.
   Se încarcă ULTIMUL (după 0, 1, 5, 12 din MedCheck, neatinse).
   Conține: regulile din preview-ul aprobat (erou, liste, progres, etichete, proiecte, taburi, calendar, finanțe, sală,
   nutriție — cele pentru etapele următoare rămân, ca designul să fie unul singur), apoi ce e nou în etapa 1
   (editarea proiectelor, importul, istoricul, ecranele „vine în etapa X”) și regulile Securității copiate din
   10-setari.css (MedCheck), restrânse la ce folosește ecranul Setări → Securitate. Pe telefon: la final. */

/* ══ Din preview ══ */
.at-hero{display:flex;align-items:center;gap:16px;padding:14px 20px;margin:14px 24px 12px;border-radius:12px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--white) 0%,var(--teal-c) 100%);border:1px solid var(--teal-m);box-shadow:0 2px 10px color-mix(in srgb,var(--teal) 6%,transparent)}
.at-hero::before{content:'';position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 12%,transparent) 0%,transparent 70%);pointer-events:none}
.hero-ic{width:44px;height:44px;border-radius:11px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;z-index:1}
.at-hero-left{flex:1;min-width:0;z-index:1}
.at-hero h1{font-size:18px;font-weight:800;color:var(--head);letter-spacing:-.02em;line-height:1.2}
.at-hero p{font-size:12.5px;color:var(--gray);margin-top:4px;font-weight:500}
.at-hero-stats{display:flex;gap:0;z-index:1}
.at-hero-stat{display:flex;flex-direction:column;align-items:center;padding:0 18px;border-left:1px solid var(--teal-m)}
.at-hero-stat:first-child{border-left:none}
.at-hero-stat-val{font-size:24px;font-weight:800;color:var(--teal-d);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.at-hero-stat-lbl{font-size:10.5px;color:var(--gray);margin-top:6px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.at-hero .btn{z-index:1}

.screen-scroll{flex:1;overflow-y:auto}
.dash-row.r-2-1{grid-template-columns:2fr 1fr}
.dash-row.r-1-2{grid-template-columns:1fr 2fr}

/* carduri acțiune rapidă (dashboard) */
.dash-card-title,.dash-card-sub{display:block}
.dash-card.on{background:var(--st-green-bg);border-color:var(--st-green-m)}
.dash-card.on .dash-card-title{color:var(--st-green)}
.dash-card-ic{background:var(--teal-l);color:var(--teal-d)}
.dash-card.on .dash-card-ic{background:var(--st-green-dot);color:#fff}
.dash-card.primary{background:var(--teal);border-color:var(--teal)}
.dash-card.primary .dash-card-ic{background:rgba(255,255,255,.18);color:#fff}

/* liste */
.at-list{display:flex;flex-direction:column}
.at-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--divider)}
.at-row:first-child{border-top:none}
.at-row-main{flex:1;min-width:0}
.at-row-t{font-size:13.5px;font-weight:700;color:var(--head)}
.at-row-s{font-size:12px;color:var(--gray);margin-top:1px}
.at-row-v{font-weight:800;color:var(--head);font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}
.at-row-v.in{color:var(--st-green)} .at-row-v.out{color:var(--st-red)}
.at-dot{width:8px;height:8px;border-radius:50%;flex:none}

/* progres */
.at-prog{height:6px;background:var(--gray-l);border-radius:3px;overflow:hidden;flex:1}
.at-prog>i{display:block;height:100%;background:var(--teal);border-radius:3px}
.at-prog>i.green{background:var(--st-green-dot)} .at-prog>i.amber{background:var(--st-amber-dot)} .at-prog>i.red{background:var(--st-red-dot)} .at-prog>i.violet{background:var(--st-violet-dot)}
.at-pct{font-size:11.5px;font-weight:700;color:var(--gray);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}

/* etichete */
.at-tag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--st-gray-bg);color:var(--st-gray)}
.at-tag.teal{background:var(--teal-l);color:var(--teal-d)} .at-tag.green{background:var(--st-green-bg);color:var(--st-green)} .at-tag.amber{background:var(--st-amber-bg);color:var(--st-amber)} .at-tag.violet{background:var(--st-violet-bg);color:var(--st-violet)} .at-tag.red{background:var(--st-red-bg);color:var(--st-red)}

/* proiecte */
.at-proj{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}
.at-proj-hd{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}
.at-proj-hd:hover{background:var(--gray-l)}
.at-proj-nm{font-size:15px;font-weight:800;color:var(--head)}
.at-proj-desc{font-size:12.5px;color:var(--gray);margin-top:2px}
.at-proj-body{border-top:1px solid var(--border);background:var(--gray-l);padding:6px 16px 12px}
.at-ms{padding:10px 0;border-top:1px dashed var(--border)}
.at-ms:first-child{border-top:none}
.at-ms-hd{display:flex;align-items:center;gap:10px}
.at-ms-st{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);flex:none;position:relative}
.at-ms-st.prog{border-color:var(--st-amber-dot);background:radial-gradient(circle,var(--st-amber-dot) 0 35%,transparent 36%)}
.at-ms-st.done{border-color:var(--st-green-dot);background:var(--st-green-dot)}
.at-ms-st.done::after{content:'';position:absolute;top:2px;left:4px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.at-ms-t{font-size:13.5px;font-weight:700;color:var(--head);flex:1}
.at-ms-t.done{text-decoration:line-through;color:var(--gray)}
.at-ms-n{font-size:11px;font-weight:700;color:var(--gray)}
.at-task{display:flex;align-items:flex-start;gap:10px;padding:5px 0 5px 26px;font-size:13px;color:var(--body)}
.at-chk{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--white);flex:none;margin-top:1px;position:relative}
.at-chk.done{background:var(--teal);border-color:var(--teal)}
.at-chk.done::after{content:'';position:absolute;top:1px;left:4.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.at-task .done-t{text-decoration:line-through;color:var(--gray)}
.at-new{font-size:9.5px;font-weight:800;color:var(--st-orange);background:var(--st-orange-bg);padding:1px 6px;border-radius:8px;margin-left:6px;text-transform:uppercase;letter-spacing:.04em}
.at-proj-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}

/* finanțe */
.at-tabs{display:flex;gap:6px;margin:0 24px 12px;flex-wrap:wrap}
.at-tab{padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:700;color:var(--gray);background:var(--white);border:1px solid var(--border);cursor:pointer}
.at-tab.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.at-kv{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-top:1px solid var(--divider);font-size:13px}
.at-kv:first-child{border-top:none}
.at-kv .k{color:var(--gray);font-weight:600} .at-kv .v{font-weight:800;color:var(--head);font-variant-numeric:tabular-nums}
.at-kv.total{border-top:2px solid var(--border);margin-top:4px}
.at-kv.total .v{font-size:18px;color:var(--teal-d)}
.at-thr{position:relative;height:8px;background:var(--gray-l);border-radius:4px;margin:14px 0 22px}
.at-thr .f{position:absolute;left:0;top:0;height:100%;background:var(--teal);border-radius:4px}
.at-thr .m{position:absolute;top:-4px;width:2px;height:16px;background:var(--head)}
.at-thr .m span{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--gray);white-space:nowrap}
.at-big{font-size:30px;font-weight:800;color:var(--head);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.at-big small{font-size:14px;color:var(--gray);font-weight:700;letter-spacing:0}
.at-sub{font-size:12px;color:var(--gray);font-weight:600;margin-top:4px}
.at-bars{display:flex;align-items:flex-end;gap:4px;height:70px;margin-top:10px}
.at-bar{flex:1;background:var(--gray-l);border-radius:3px 3px 0 0;min-height:4px}
.at-bar.in{background:var(--teal)} .at-bar.hi{background:var(--teal-d)} .at-bar.out{background:var(--st-red-dot)} .at-bar.mid{background:var(--teal-m)} .at-bar.ok{background:var(--st-green-dot)}
.at-bars-x{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--gray);margin-top:5px;text-transform:uppercase;letter-spacing:.05em}
.at-note{background:var(--teal-l);border:1px solid var(--teal-m);border-radius:9px;padding:9px 11px;font-size:12px;color:var(--teal-d);line-height:1.5;margin-top:12px}
.at-note.warn{background:var(--st-amber-bg);border-color:var(--st-amber-m);color:var(--st-amber)}
.at-split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.at-split>div{background:var(--gray-l);border-radius:9px;padding:10px;text-align:center}
.at-split .v{font-size:18px;font-weight:800;color:var(--head);font-variant-numeric:tabular-nums}
.at-split .k{font-size:10.5px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}

/* sală */
.at-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none;font-weight:800;font-size:16px;color:var(--head)}
.at-ring::before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--white)}
.at-ring span{position:relative}
.at-seg{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.at-seg button{height:36px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);font-family:inherit;font-weight:700;font-size:13px;color:var(--gray);cursor:pointer}
.at-seg button.active{background:var(--teal);border-color:var(--teal);color:#fff}
.at-meas{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.at-meas>div{background:var(--gray-l);border-radius:9px;padding:10px 6px;text-align:center}
.at-meas .v{font-size:18px;font-weight:800;color:var(--head);line-height:1}
.at-meas .k{font-size:10px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.at-meas .t{font-size:10.5px;font-weight:700;color:var(--st-orange);margin-top:2px}

/* calendar generic (heatmap-cell din MedCheck + puncte) */
.at-cal-dots{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:2px}
.at-cal-dots i{width:4px;height:4px;border-radius:50%;display:block}
.heatmap-cell.gym{background:var(--st-green-dot);color:#fff;border-color:transparent}
.heatmap-cell.sel{outline:2px solid var(--teal);outline-offset:1px}
.at-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;font-weight:700;color:var(--gray);margin-top:8px;padding:0 14px}
.at-legend span{display:inline-flex;align-items:center;gap:5px}
.at-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}

/* nutriție */
.at-macro{margin-bottom:10px}
.at-macro .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12.5px}
.at-macro .top b{font-size:16px;font-weight:800;color:var(--head);font-variant-numeric:tabular-nums}
.at-macro .top b small{font-size:11.5px;color:var(--gray);font-weight:700}
.at-macro .top .k{font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.05em;font-size:11px}


/* ══ Etapa 1 ══ */
.at-hero-btns{display:flex;gap:8px;flex-wrap:wrap;z-index:1}
.at-gol{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:28px 16px;color:var(--gray);font-size:12.5px;background:var(--white);border:1px dashed var(--border-strong);border-radius:12px;margin-bottom:12px}
.at-gol .pic{width:28px;height:28px;color:var(--teal);margin-bottom:4px}
.at-gol b{color:var(--head);font-size:14px}
.at-gol--mic{padding:12px;border-radius:9px;background:transparent;margin:6px 0}
.at-opt{font-weight:600;text-transform:none;letter-spacing:0;color:var(--gray)}

/* butonul mic cu pictogramă (↑ ↓ ✎ 🗑 ✕) */
.at-ib{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--gray);cursor:pointer;padding:0;font-family:inherit}
.at-ib:hover{background:var(--bg);color:var(--head)}
.at-ib .pic{width:17px;height:17px}
.at-ib--pericol{color:var(--red)}
.at-ib--pericol:hover{background:var(--st-red-bg);color:var(--red)}

/* cardul proiectului */
.at-proj-info{flex:1;min-width:0}
.at-proj-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:3px}
.at-proj-nota{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:12px;color:var(--teal-d);background:var(--teal-l);border-radius:7px;padding:5px 8px;line-height:1.4}
.at-proj-nota .pic{width:15px;height:15px;margin-top:1px}
.at-proj-pr{width:150px;display:flex;align-items:center;gap:8px;flex:none}
.at-proj-car{display:inline-flex;color:var(--gray);transition:transform .15s}
.at-proj-car.on{transform:rotate(180deg)}
.at-proj-car .pic{width:18px;height:18px}
.at-proj--edit{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent)}
.at-edit-bar{display:flex;align-items:center;gap:6px;padding:8px 0 4px;font-size:12px;font-weight:600;color:var(--gray)}
.at-edit-bar span{flex:1}
button.at-ms-st{padding:0;background-color:var(--white);cursor:pointer;font:inherit}
button.at-ms-st.done{background-color:var(--st-green-dot)}
.at-ms-t{cursor:pointer}
.at-ms-ed,.at-task-ed{display:flex;gap:4px;flex:none}
.at-task{align-items:center}
button.at-chk{padding:0;cursor:pointer;margin-top:0}
.at-task-t{flex:1;min-width:0;cursor:pointer;line-height:1.4;overflow-wrap:anywhere}
.at-add-pas{display:inline-flex;align-items:center;gap:4px;margin:4px 0 2px 26px;padding:4px 8px;border:none;background:none;color:var(--teal-d);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;border-radius:6px}
.at-add-pas:hover{background:var(--teal-l)}
.at-add-pas .pic{width:15px;height:15px}
.at-proj-tools .btn .pic{width:16px;height:16px}

/* importul */
.at-imp{margin-bottom:12px;border-color:var(--teal-m)}
.at-imp .panel-hd{align-items:center}
.at-imp-desc{font-size:12.5px;color:var(--body);line-height:1.55;margin:0 0 10px}
.at-imp-ta{display:block;width:100%;min-height:160px;margin-top:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:9px;background:var(--white);color:var(--head);font-family:'DM Mono',ui-monospace,monospace;font-size:12px;line-height:1.5;resize:vertical;outline:none}
.at-imp-ta:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 18%,transparent)}
.at-imp-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.at-imp-sp{flex:1}
.at-imp-act .btn .pic{width:17px;height:17px}
.at-imp-pv-t{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 0 8px}
.at-imp-pr{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--white)}
.at-imp-pr-hd{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--head);margin-bottom:4px}
.at-imp-nimic{font-size:12.5px;color:var(--gray)}
.at-imp-gr{margin-top:8px}
.at-imp-gr-t{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--head)}
.at-imp-gr-t .pic{width:15px;height:15px;color:var(--teal-d)}
.at-imp-gr.nou .at-imp-gr-t .pic{color:var(--st-orange)}
.at-imp-gr.bifat .at-imp-gr-t .pic{color:var(--st-green)}
.at-imp-gr ul{margin:3px 0 0 20px;padding:0;font-size:12.5px;color:var(--body);line-height:1.5}
.at-imp-gr s{color:var(--gray)}
.at-imp-unde{color:var(--gray);font-size:11.5px}
.at-imp-mai{color:var(--gray);list-style:none;margin-left:-4px}
.at-imp-alte{margin-top:8px;font-size:12px;color:var(--gray)}
.at-imp-mic{font-size:12px;color:var(--gray);margin:6px 0 0}

/* istoricul importurilor */
.at-istoric{margin-top:4px}
.at-istoric .panel-title{display:inline-flex;align-items:center;gap:6px}
.at-istoric .panel-title .pic{width:17px;height:17px;color:var(--teal-d)}
.at-istoric-n{font-size:11.5px;font-weight:700;color:var(--gray)}
.at-row-d{font-size:11.5px;font-weight:700;color:var(--gray);white-space:nowrap;align-self:flex-start;padding-top:2px}
.at-row-nota{font-style:italic}
.at-mai{margin-top:8px}

/* fereastra comună: câmpuri mai mari */
.at-dlg-ta{min-height:64px;resize:vertical;font-size:14px;line-height:1.45}
.at-dlg-ta--mare{min-height:220px;font-family:'DM Mono',ui-monospace,monospace;font-size:11.5px;margin-top:8px}
select.mc-dlg-in{appearance:auto}

/* ecranele care vin în etapele următoare */
.at-viitor{background:var(--white);border:1px dashed var(--border-strong);border-radius:12px;padding:22px 20px;max-width:640px}
.at-viitor-ic{width:40px;height:40px;border-radius:10px;background:var(--teal-l);color:var(--teal-d);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.at-viitor-ic .pic{width:22px;height:22px}
.at-viitor-t{font-size:15px;font-weight:800;color:var(--head)}
.at-viitor p{font-size:12.5px;color:var(--gray);margin:6px 0 4px}
.at-viitor ul{margin:0 0 0 18px;padding:0;font-size:13px;color:var(--body);line-height:1.6}
button.at-tab{font-family:inherit}

/* Setări → Securitate și Date: regulile din 10-setari.css (MedCheck), doar cele folosite aici */
#screen-setari .at-set-body{max-width:820px}
#screen-setari .prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;margin-top:4px}
#screen-setari .prof-grid .prof-full{grid-column:1 / -1}
.prof-lbl{font-size:11px;font-weight:700;color:var(--label);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
#screen-setari .prof-grid input,#screen-setari .prof-grid textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;padding:9px 11px;font-size:13.5px;font-family:inherit;color:var(--body);background:var(--white);outline:none}
#screen-setari .prof-grid input:focus,#screen-setari .prof-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 15%, transparent)}
.prof-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;border-top:1px solid var(--divider);padding-top:14px}
.prof-btn{height:36px;padding:0 15px;border-radius:8px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--white);color:var(--head);display:inline-flex;align-items:center;gap:6px}
.prof-btn:hover{background:var(--bg)}
.prof-btn--save{background:var(--green);border-color:var(--green);color:#fff}
.prof-btn--save:hover{background:var(--green-d);border-color:var(--green-d)}
#screen-setari .mco-aspect-seg{ display:inline-flex; border:1px solid var(--border-strong); border-radius:9px; overflow:hidden; }
#screen-setari .mco-seg-btn{ border:none; background:transparent; font-family:inherit; font-size:12.5px; font-weight:600; color:var(--muted); padding:8px 16px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
#screen-setari .mco-seg-btn.on{ background:var(--teal); color:#fff; }
#screen-setari .set-page-title{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--head);display:flex;align-items:center;gap:7px}
#screen-setari .set-page-desc{font-size:12.5px;color:var(--gray);margin:0 0 18px;line-height:1.5}
#screen-setari .prof-card{background:var(--white);border:1px solid var(--border);border-radius:11px;padding:16px 18px;margin-bottom:14px}
#screen-setari .prof-card-hd{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--teal-d);text-transform:uppercase;letter-spacing:.04em;margin:0 0 13px}
#screen-setari .prof-card .prof-grid{margin-top:0}
#screen-setari .set-page-title .pic, #screen-setari .prof-card-hd .pic{width:22px;height:22px}
#screen-setari .mco-seg-btn .pic, #screen-setari .prof-btn .pic{width:19px;height:19px}

/* responsiv */
@media (max-width:600px){ .dash-row{display:grid} .dash-cards-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){
  .screen-scroll{overflow:visible;flex:none}
  #app,#main-content,.screen.active{height:auto;overflow:visible}
  .at-hero{margin:12px 14px 10px;flex-direction:column;align-items:stretch;gap:14px}
  .at-hero-stats{justify-content:space-around}
  .at-hero-stat{padding:0 8px}
  .dash-body{padding:0 14px 20px}
  .dash-row.r-2-1,.dash-row.r-1-2,.dash-row.r-1-1,.dash-row.r-1-1-1{grid-template-columns:1fr}
  .dash-cards-grid{grid-template-columns:repeat(2,1fr)}
  .at-tabs{margin:0 14px 12px}
  .at-meas{grid-template-columns:repeat(3,1fr)}
}

/* ══ Telefon (etapa 1) ══ */
/* #main-content e element flex: fără min-width:0 s-ar lăți după cel mai lat copil (taburile din Setări pe telefon). */
#main-content,.screen,.screen-scroll{min-width:0}
@media (max-width:900px){
  .at-hero-btns{width:100%}
  .at-hero-btns .btn{flex:1;justify-content:center}
  .at-proj-hd{flex-wrap:wrap;padding:12px 14px}
  .at-proj-pr{width:100%}
  .at-proj-body{padding:4px 12px 12px}
  .at-ms-hd{flex-wrap:wrap}
  .at-ms-t{min-width:0;flex:1 1 60%}
  .at-ms-ed{width:100%;justify-content:flex-end;padding-left:26px}
  .at-task{flex-wrap:wrap;padding-left:18px}
  .at-task-ed{width:100%;justify-content:flex-end}
  .at-ib{width:36px;height:36px}
  .at-proj-tools .btn{flex:1 1 calc(50% - 8px);justify-content:center}
  .at-imp-act .btn{flex:1;justify-content:center}
  .at-imp-sp{display:none}
  .at-row{flex-wrap:wrap}
  .at-row-d{order:-1;width:100%;padding-top:0}
  .at-tab{padding:7px 12px}
  .at-viitor{padding:18px 16px}
}
@media (max-width:600px){
  #screen-setari .prof-btn{height:auto;min-height:44px;width:100%;justify-content:center}
  #screen-setari .prof-grid{grid-template-columns:1fr;min-width:0}
  #screen-setari .prof-grid input,#screen-setari .prof-grid textarea{min-width:0;max-width:100%}
  #screen-setari .prof-card{padding:14px}
}

/* ══ Etapa 2 · Finanțe ══ */
.at-v-rosu{color:var(--st-red)} .at-v-verde{color:var(--st-green)}
.at-hero-stat-val.at-v-rosu{color:var(--st-red)} .at-hero-stat-val.at-v-verde{color:var(--st-green)}
/* filele + luna */
.at-fin-nav{display:flex;align-items:center;gap:10px;margin:0 24px 12px;flex-wrap:wrap}
.at-fin-nav .at-tabs{margin:0;flex:1}
.at-luna-nav{display:flex;align-items:center;gap:6px}
.at-luna-t{min-width:150px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--head);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;text-align:center}
.at-luna-t:hover{background:var(--bg)}
.at-luna-t.acum{border-color:var(--teal-m);color:var(--teal-d)}
/* rânduri care se ating (încasare, cheltuială, sumă pusă deoparte) */
button.at-fin-rand{width:100%;border:none;border-top:1px solid var(--divider);background:none;font-family:inherit;text-align:left;cursor:pointer;color:inherit;border-radius:0}
button.at-fin-rand:first-child{border-top:none}
button.at-fin-rand:hover{background:var(--bg)}
.at-fin-rand .at-row-t,.at-fin-rand .at-row-s{display:block}
.at-fin-rand .at-row-s{overflow-wrap:anywhere}
.at-dot--in{display:inline-block;margin-right:7px;vertical-align:middle;position:relative;top:-1px}
.at-fin-surse{margin-top:12px;border-top:1px solid var(--divider);padding-top:2px}
.at-fin-note{margin:0 0 12px}
.at-fin-prog{display:flex;align-items:center;gap:8px;margin:10px 0 2px}
.at-fin-misc{margin-top:10px;border-top:1px solid var(--divider)}
.at-fin-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.at-fin-act .btn .pic,.panel-hd .btn .pic{width:16px;height:16px}
.panel-hd{gap:8px}
/* barele pe luni, care se ating */
.at-fin-bars{height:84px}
button.at-bar{border:none;padding:0;cursor:pointer;font:inherit}
button.at-bar:hover{filter:brightness(1.08)}
.at-bar.sel{box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--teal-d)}
.at-bar.out.sel,.at-bar.hi.sel{background:var(--teal-d)}
.at-fin-bars-x{display:flex;gap:4px;margin-top:5px}
.at-fin-bars-x span{flex:1;text-align:center;font-size:10px;font-weight:700;color:var(--gray)}
.at-fin-bars-x span.on{color:var(--teal-d);font-weight:800}
/* tabelul „taxe pe luni” */
.at-fin-tab{display:flex;flex-direction:column}
.at-fin-tab-r{display:grid;grid-template-columns:1fr 1.3fr 1.1fr 1.3fr;gap:6px;padding:8px 6px;border:none;border-top:1px solid var(--divider);background:none;font-family:inherit;font-size:13px;color:var(--head);text-align:right;font-variant-numeric:tabular-nums;border-radius:6px}
.at-fin-tab-r span:first-child{text-align:left;font-weight:700}
button.at-fin-tab-r{cursor:pointer}
button.at-fin-tab-r:hover{background:var(--bg)}
.at-fin-tab-r.on{background:var(--teal-l)}
.at-fin-tab-h{border-top:none;font-size:10.5px;font-weight:800;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;padding-top:0}
.at-fin-tab-t{border-top:2px solid var(--border);font-weight:800}
/* saves */
.at-fin-calc{font-variant-numeric:tabular-nums}
.at-fin-an{margin-top:12px}
/* bugetele */
.at-fin-buget{margin:14px 0 4px;display:flex;flex-direction:column;gap:10px}
.at-fin-buget-t{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;color:var(--head);margin-bottom:5px}
.at-fin-buget-t .v{font-weight:800;font-variant-numeric:tabular-nums}
.at-fin-buget-t small{font-size:11.5px;color:var(--gray);font-weight:700}
.at-fin-peste{font-size:11.5px;font-weight:700;color:var(--st-red);margin-top:3px}
/* formularele */
.at-fin-dlg-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.at-fin-suma{font-weight:800;font-variant-numeric:tabular-nums}
.at-fin-efect{margin-top:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px}
.at-fin-efect[hidden]{display:none}
.at-fin-efect .at-note{margin:6px 0 4px}
.at-fin-efect .at-note .pic{width:15px;height:15px;vertical-align:-3px}
.at-fin-efect-t{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 0 2px}
.at-fin-efect-d{font-size:11.5px;color:var(--gray);font-weight:600;margin:-4px 0 4px;text-align:right}
/* importul */
.at-imp-desc code{font-family:'DM Mono',ui-monospace,monospace;font-size:11.5px;background:var(--bg);padding:1px 5px;border-radius:5px}
.at-fin-imp-l{display:flex;flex-direction:column;margin-top:6px}
.at-fin-imp-r{display:grid;grid-template-columns:86px 1fr auto;gap:8px;align-items:baseline;padding:5px 0;border-top:1px dashed var(--divider);font-size:12.5px;color:var(--body)}
.at-fin-imp-r:first-child{border-top:none}
.at-fin-imp-r .d{font-family:'DM Mono',ui-monospace,monospace;font-size:11.5px;color:var(--gray)}
.at-fin-imp-r .v{font-weight:800;color:var(--head);font-variant-numeric:tabular-nums}
.at-fin-imp-r.exista{opacity:.5}
.at-fin-imp-r.exista .v{text-decoration:line-through}
.at-fin-imp-tot{text-align:right;font-size:12.5px;color:var(--gray);margin-top:6px}
.at-fin-imp-tot b{color:var(--head)}
/* Setări → Finanțe */
#screen-setari .at-set-ani{margin-bottom:12px;flex-wrap:wrap}
#screen-setari .at-set-param{margin-top:12px;grid-template-columns:repeat(4,1fr)}
#screen-setari .at-set-param input,#screen-setari .at-set-aleasa input,#screen-setari .at-set-pct-in input{font-variant-numeric:tabular-nums}
#screen-setari .at-set-aleasa{grid-template-columns:1fr 1fr;margin-top:10px}
#screen-setari .at-set-aleasa[hidden]{display:none}
#screen-setari .at-set-lbl{margin:14px 0 6px}
#screen-setari #sfp-test{margin-top:12px}
#screen-setari #sfp-test[hidden]{display:none}
.at-set-pct{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.at-set-pct-in{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--gray)}
#screen-setari .at-set-pct-in input{width:80px;border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;color:var(--head);background:var(--white);outline:none;text-align:right;font-weight:700}
#screen-setari .at-set-pct-in input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}
.at-set-lista{display:flex;flex-direction:column}
.at-set-r{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--divider)}
.at-set-r:first-child{border-top:none}
.at-set-sw{width:14px;height:14px;border-radius:50%;flex:none}
.at-set-r-main{flex:1;min-width:0;display:flex;flex-direction:column}
.at-set-r-t{font-size:13.5px;font-weight:700;color:var(--head)}
.at-set-r-s{font-size:12px;color:var(--gray)}
.at-set-r-ed{display:flex;gap:4px;flex:none}
.at-ib:disabled{opacity:.35;cursor:default}
.at-ib:disabled:hover{background:var(--white);color:var(--gray)}
.at-sw-grid{display:flex;flex-wrap:wrap;gap:8px}
.at-sw{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}
.at-sw.on{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--head)}

@media (max-width:900px){
  .at-fin-nav{margin:0 14px 12px;flex-direction:column;align-items:stretch}
  .at-luna-nav{justify-content:space-between}
  .at-luna-t{flex:1;height:36px}
  .at-hero-stats{flex-wrap:nowrap}
  .at-hero-stat-val{font-size:21px}
  #screen-setari .at-set-param{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .at-fin-tab-r{font-size:12.5px;gap:4px;padding:8px 2px}
  .at-hero-stat{padding:0 6px}
  .at-hero-stat-val{font-size:19px}
  .at-hero-stat-lbl{font-size:9.5px;letter-spacing:.05em}
  .at-fin-imp-r{grid-template-columns:76px 1fr auto}
  #screen-setari .at-set-param{grid-template-columns:1fr 1fr}
  #screen-setari .at-set-aleasa{grid-template-columns:1fr}
  #screen-setari .at-set-pct .prof-btn{width:auto;flex:1}
  .at-set-r-ed .at-ib{width:34px;height:34px}
  .at-set-r-ed{gap:3px}
  .at-kv{gap:10px}
  .at-kv .v{text-align:right}
}
.at-thr .m.m--capat span{transform:translateX(-85%)}