.an-pagina {
  color-scheme: light;
  --brand: #636d2f; --brand-d: #4f5725; --brand-l: #f6f8ec; --linie: #e1e6bf;
  --ink: #1c1c1c; --ink-2: #545454; --ink-3: #767676; --grid: #ececec; --surface: #ffffff; --fundal: #f7f7f3; --gol: #e8e7e1;
  /* magnitudine: o singura nuanta, deschis -> inchis */
  --s1: #e9edcf; --s2: #cdd79a; --s3: #aebd5f; --s4: #7f8d36; --s5: #4f5725;
  /* parcursul proiectului: trepte ordonate; respins = neutru */
  --st-depus: #cdd79a; --st-aprobat: #aebd5f; --st-contractat: #8a9a3c; --st-realizare: #6b7a1f; --st-finalizat: #4f5725; --st-respins: #b3aba3;
  /* sectoare: paleta categoriala validata (3 sloturi, toate perechile) */
  --sec-1: #6f7f14; --sec-2: #2a78d6; --sec-3: #e87ba4;
  /* tipuri de beneficiari: alta paleta categoriala validata (3 sloturi, toate perechile), ca sa nu se confunde cu sectoarele; persoana fizica = neutru, mereu etichetat */
  --tip-2: #6250d6; --tip-4: #1baf7a; --tip-3: #eb6834; --tip-1: #b3aba3;
  font-family: "Onest", system-ui, sans-serif; color: var(--ink); background: var(--fundal); font-size: 16px; line-height: 1.45;
}
.an-pagina * { box-sizing: border-box; }
.an-pagina button, .an-pagina select, .an-pagina input { font: inherit; color: inherit; }
.an-pagina a { color: var(--brand); }
.an-pagina .an-wrap { max-width: 1320px; margin: 0 auto; padding: 24px 24px 64px; }
.an-pagina h1 { margin: 0 0 4px !important; font-size: 30px !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--ink) !important; }
.an-pagina h2 { margin: 0 !important; font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--ink) !important; }
.an-pagina h3 { margin: 6px 0 4px !important; font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; }
.an-pagina .an-sub { margin: 0 0 20px; color: var(--ink-2); }

/* ---------- filtre ---------- */
.an-pagina .an-filtre { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: flex-end; background: var(--surface); border: 1px solid var(--linie); border-radius: 16px; padding: 16px 18px; }
.an-pagina .an-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.an-pagina .an-f label, .an-pagina .an-f .an-et { font-size: 13px; font-weight: 600; color: var(--ink-2); margin: 0; }
.an-pagina .an-f select { height: 40px; border: 1px solid #a3a3a3; border-radius: 8px; padding: 0 10px; background: #fff; max-width: 260px; }
.an-pagina .an-chips { display: flex; flex-wrap: wrap; gap: 6px; }
/* anul depunerii: combobox cu selectie multipla (details + bife), aspect de select */
.an-pagina .an-multi { position: relative; }
.an-pagina .an-multi summary { list-style: none; height: 40px; min-width: 170px; max-width: 260px; display: flex; align-items: center; padding: 0 34px 0 10px;
  border: 1px solid #a3a3a3; border-radius: 8px; background: #fff; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; font-size: 16px; }
.an-pagina .an-multi summary::-webkit-details-marker { display: none; }
.an-pagina .an-multi summary::after { content: ''; position: absolute; right: 12px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #545454; border-bottom: 2px solid #545454; transform: translateY(-70%) rotate(45deg); }
.an-pagina .an-multi.activ summary { border-color: var(--brand); color: var(--brand); font-weight: 600; }
.an-pagina .an-multi__lista { position: absolute; z-index: 950; top: calc(100% + 4px); left: 0; min-width: 100%; background: #fff; border: 1px solid #a3a3a3; border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12); padding: 6px; display: flex; flex-direction: column; }
.an-pagina .an-multi__lista label { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 6px; font-size: 16px; font-weight: 400; color: var(--ink); cursor: pointer; margin: 0; white-space: nowrap; }
.an-pagina .an-multi__lista label:hover, .an-pagina .an-multi__toti:hover { background: var(--brand-l); }
.an-pagina .an-multi__lista input { width: 18px; height: 18px; accent-color: var(--brand); margin: 0; }
.an-pagina .an-multi__lista small { color: #767676; }
.an-pagina .an-multi__toti { border: 0; border-bottom: 1px solid #eee; background: none; text-align: left; padding: 7px 8px; border-radius: 6px; font-size: 16px; color: var(--brand); font-weight: 600; cursor: pointer; margin-bottom: 4px; }
.an-pagina .an-chip { border: 1px solid #a3a3a3; background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 14px; cursor: pointer; line-height: 1.3; }
.an-pagina .an-chip.activ, .an-pagina .an-seg button.activ { background: var(--brand); border-color: var(--brand); color: #fff; }
.an-pagina .an-seg { display: inline-flex; border: 1px solid #a3a3a3; border-radius: 8px; overflow: hidden; height: 40px; }
.an-pagina .an-seg button { border: 0; background: #fff; padding: 0 12px; font-size: 14px; cursor: pointer; }
.an-pagina .an-seg button + button { border-left: 1px solid #a3a3a3; }
.an-pagina .an-reset { margin-left: auto; height: 40px; border: 1.5px solid var(--brand); color: var(--brand); background: #fff; border-radius: 8px; padding: 0 16px; font-weight: 600; cursor: pointer; }

/* ---------- KPI ---------- */
.an-pagina .an-kpi { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
.an-pagina .an-kpi div { background: var(--surface); border: 1px solid var(--linie); border-radius: 14px; padding: 14px 16px; }
.an-pagina .an-kpi b { display: block; font-size: 22px; white-space: nowrap; line-height: 1.15; color: var(--ink); font-variant-numeric: tabular-nums; }
.an-pagina .an-kpi span { font-size: 13px; color: var(--ink-2); }

/* ---------- carduri ---------- */
.an-pagina .an-grila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.an-pagina .an-card { background: var(--surface); border: 1px solid var(--linie); border-radius: 16px; padding: 20px 22px; min-width: 0; }
.an-pagina .an-card--lat { grid-column: 1 / -1; }
.an-pagina .an-ideea { margin: 4px 0 16px; color: var(--ink-2); font-size: 15px; }
.an-pagina .an-card__cap { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.an-pagina .an-card__jos { margin-top: 14px; font-size: 14px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.an-pagina .an-card__jos { align-items: center; }
/* "Vezi proiectele": buton cu contur, ca "Afiseaza ca tabel"; ramane in dreapta si cand trece pe randul urmator */
.an-pagina .an-card__jos a { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding: 6px 14px; border: 1px solid var(--brand);
  border-radius: 8px; background: #fff; color: var(--brand) !important; font-weight: 600; font-size: 16px; line-height: 1.4; text-decoration: none !important; white-space: nowrap; }
.an-pagina .an-card__jos a:hover { background: var(--brand); color: #fff !important; }
.an-pagina .an-mic { font-size: 13px; color: var(--ink-3); }
.an-pagina .an-btn-mic { border: 1px solid #a3a3a3; background: #fff; border-radius: 8px; padding: 6px 10px; font-size: 16px; cursor: pointer; }
.an-pagina .an-btn { border: 1.5px solid var(--brand); background: #fff; color: var(--brand); border-radius: 8px; padding: 8px 16px; font-weight: 600; cursor: pointer; }

/* grafic + panou lateral */
.an-pagina .an-doi { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; }
.an-pagina .an-graf svg { width: 100%; height: auto; display: block; }
.an-pagina .an-legenda { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--ink-2); margin-bottom: 8px; }
.an-pagina .an-legenda i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.an-pagina .an-panou { border: 1px solid var(--linie); border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; min-width: 0; }
.an-pagina .an-panou .an-et { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.an-pagina .an-tot { font-size: 40px; font-weight: 700; line-height: 1.1; margin: 4px 0; font-variant-numeric: tabular-nums; }
.an-pagina .an-tot small { font-size: 16px; font-weight: 500; color: var(--ink-2); }
.an-pagina .an-delta { display: inline-block; font-size: 13px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: #e5f2d9; color: #2f5a14; }
.an-pagina .an-delta.minus { background: #f3e0e0; color: #8a3030; }
.an-pagina .an-structura { margin-top: 14px; flex: 1; }
.an-pagina .an-str { padding: 8px 0; border-top: 1px solid var(--grid); }
.an-pagina .an-str__r { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.an-pagina .an-str__r b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.an-pagina .an-str__b { height: 5px; background: var(--grid); border-radius: 3px; margin-top: 6px; overflow: hidden; }
.an-pagina .an-str__b i { display: block; height: 100%; background: var(--s4); border-radius: 0 3px 3px 0; }
.an-pagina .an-pas { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.an-pagina .an-pas button { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--brand); background: #fff; color: var(--brand); font-size: 18px; cursor: pointer; }
.an-pagina .an-pas button:disabled { border-color: #d6d6d6; color: #c2c2c2; cursor: default; }
.an-pagina .an-pas span { font-size: 24px; font-weight: 700; color: var(--brand-d); }

/* bare orizontale (HTML) */
.an-pagina .an-hbar { display: grid; grid-template-columns: minmax(0, 180px) minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; font-size: 14px; }
.an-pagina .an-hbar .n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink); }
.an-pagina .an-hbar .b { height: 14px; }
.an-pagina .an-hbar .b i { display: block; height: 100%; background: var(--s4); border-radius: 0 4px 4px 0; min-width: 2px; }
.an-pagina .an-hbar .v { font-variant-numeric: tabular-nums; color: var(--ink-2); white-space: nowrap; }
.an-pagina .an-hbar .rand { display: contents; cursor: pointer; }
.an-pagina .an-hbar .rand:hover .b i { background: var(--s5); }
.an-pagina .an-hbar .rand:hover .n { color: var(--brand-d); }

/* sectoare: bara 100% */
.an-pagina .an-bara100 { display: flex; height: 36px; border-radius: 8px; overflow: hidden; gap: 2px; background: var(--surface); }
.an-pagina .an-bara100 div { height: 100%; cursor: pointer; }
.an-pagina .an-sec-et { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.an-pagina .an-sec-et div { border-top: 4px solid; padding-top: 8px; }
.an-pagina .an-sec-et b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.an-pagina .an-sec-et span { font-size: 13px; color: var(--ink-2); }
.an-pagina .an-sec-et--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.an-pagina .an-sec-et--4 b { font-size: 18px; }
.an-pagina .an-et-mica { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; }
.an-pagina .an-grup-t { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; margin: 12px 0 6px; }
.an-pagina .an-grup-t:first-child { margin-top: 0; }
/* domeniile de actiune au denumiri lungi: cardul e pe toata latimea, cu coloana de denumiri mai lata */
.an-pagina .an-card--act .an-hbar { grid-template-columns: minmax(0, 520px) minmax(0, 1fr) auto; }

/* parcursul */
.an-pagina .an-rand2 { display: grid; grid-template-columns: 200px minmax(0, 1fr) 120px; gap: 10px; align-items: center; margin: 6px 0; font-size: 14px; cursor: pointer; text-decoration: none; color: inherit !important; }
.an-pagina .an-rand2 .b { height: 22px; }
.an-pagina .an-rand2 .b i { display: block; height: 100%; border-radius: 0 4px 4px 0; }
.an-pagina .an-rand2 .v { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink-2); }
.an-pagina .an-hr { border: 0; border-top: 1px dashed var(--grid); margin: 10px 0; }

/* tabel */
.an-pagina table.an-date { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.an-pagina table.an-date th, .an-pagina table.an-date td { padding: 6px 8px; border-bottom: 1px solid var(--grid); text-align: right; }
.an-pagina table.an-date th:first-child, .an-pagina table.an-date td:first-child { text-align: left; }
.an-pagina table.an-date th { color: var(--ink-2); font-weight: 600; }
.an-pagina .an-tabel-wrap { overflow-x: auto; }

.an-pagina .an-tip { position: fixed; z-index: 9999; pointer-events: none; background: #1c1c1c; color: #fff; font-size: 13px; line-height: 1.4; padding: 8px 10px; border-radius: 8px; max-width: 280px; display: none; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.an-pagina .an-tip b { font-weight: 600; }
.an-pagina .an-subsol { margin-top: 24px; color: var(--ink-3); font-size: 13px; }

@media (max-width: 1100px) { .an-pagina .an-kpi { grid-template-columns: repeat(4, minmax(0, 1fr)); } .an-pagina .an-doi { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) {
  .an-pagina .an-wrap { padding: 16px 16px 48px; }
  .an-pagina h1 { font-size: 24px !important; }
  .an-pagina .an-grila { grid-template-columns: minmax(0, 1fr); }
  .an-pagina .an-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .an-pagina .an-kpi b { font-size: 21px; }
  .an-pagina .an-filtre { position: static; }
  .an-pagina .an-f, .an-pagina .an-f select, .an-pagina .an-multi summary { width: 100%; max-width: none; }
  .an-pagina .an-reset { margin-left: 0; width: 100%; }
  .an-pagina .an-hbar { grid-template-columns: minmax(0, 110px) minmax(0, 1fr) auto; font-size: 13px; }
  .an-pagina .an-rand2 { grid-template-columns: 120px minmax(0, 1fr) 70px; font-size: 13px; }
  .an-pagina .an-sec-et b { font-size: 18px; }
  .an-pagina .an-sec-et--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .an-pagina .an-card--act .an-hbar { grid-template-columns: minmax(0, 130px) minmax(0, 1fr) auto; }
  .an-pagina .an-card { padding: 16px; }
}

/* comutatoarele cu 4 butoane ("Proiecte pe anii depunerii", "Cine primeste, pe ani"): pe telefon in grila 2 x 2 */
@media (max-width: 640px) {
  .an-pagina #an-c-met, .an-pagina #an-ani-mod { display: grid; grid-template-columns: 1fr 1fr; height: auto; width: 100%; margin-bottom: 12px; }
  .an-pagina #an-c-met button, .an-pagina #an-ani-mod button { height: 40px; border-left: 0; }
  .an-pagina #an-c-met button:nth-child(even), .an-pagina #an-ani-mod button:nth-child(even) { border-left: 1px solid #a3a3a3; }
  .an-pagina #an-c-met button:nth-child(n+3), .an-pagina #an-ani-mod button:nth-child(n+3) { border-top: 1px solid #a3a3a3; }
}
/* textul fix "Statut proiecte: Finalizate" din caseta cu filtre */
.an-pagina .an-f-fix b { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 8px; background: var(--brand-l, #f6f8ec); color: var(--brand, #636d2f); font-weight: 700; }