/* Pontaj și concedii — temă deschisă, accent verde-teal */
:root{--bg:#f4f7f5;--card:#fff;--bd:#dde5e0;--bd2:#eaf0ec;
 --tx:#10201a;--tx-2:#556b61;--tx-3:#8fa197;
 --ac:#0f766e;--ac-2:#0d5f59;--ac-bg:#e4f2ef;
 --co:#0f766e;--cm:#b45309;--fp:#64748b;--lg:#7c3aed;
 --gr:#15803d;--gr-bg:#e7f4ec;--am:#b45309;--am-bg:#fdf3e4;--rd:#b91c1c;--rd-bg:#fdecec;
 --sh:0 1px 2px rgba(16,32,26,.06)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);
 font:14px/1.45 "Segoe UI",system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.num{font-variant-numeric:tabular-nums}
.top{background:#fff;border-bottom:1px solid var(--bd);padding:13px 26px;display:flex;align-items:center;gap:14px}
.ico{width:36px;height:36px;border-radius:10px;background:linear-gradient(150deg,#14b8a6,#0d5f59);
 color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
h1{font-size:16.5px;font-weight:700}
.top .sub{font-size:12px;color:var(--ac-2);margin-top:1px}
.nav{margin-left:auto;display:flex;gap:8px}
.nav a{padding:8px 17px;border-radius:999px;background:#fff;border:1px solid var(--bd);color:var(--tx-2);
 text-decoration:none;font-size:13.5px;font-weight:500;box-shadow:var(--sh)}
.nav a.on{background:var(--ac);border-color:var(--ac);color:#fff}
.wrap{padding:22px 26px 46px;max-width:1700px;margin:0 auto}
h2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);font-weight:700;margin-bottom:13px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;box-shadow:var(--sh)}
.k4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}
.kpi .k{font-size:12.5px;color:var(--tx-2)}
.kpi .v{font-size:27px;font-weight:700;letter-spacing:-.5px;margin:6px 0 4px}
.kpi .s{font-size:12px;color:var(--tx-3)}
.btn{border:1px solid var(--bd);background:#fff;border-radius:9px;padding:8px 15px;font:inherit;font-size:13px;
 color:var(--tx);cursor:pointer;box-shadow:var(--sh)}
.btn.p{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:600}
.btn.r{border-color:#eec4c4;color:var(--rd)}
.btn.sm{padding:5px 11px;font-size:12.5px}
/* grila de pontaj */
.pg{overflow-x:auto}
.pg table{border-collapse:separate;border-spacing:0}
.pg th,.pg td{padding:0}
.pg .nume{position:sticky;left:0;background:#fff;z-index:2;min-width:216px;padding:9px 14px;
 border-bottom:1px solid var(--bd2);text-align:left}
.pg thead .nume{border-bottom:1px solid var(--bd)}
.pg .nume b{font-size:13.5px;display:block}
.pg .nume span{font-size:11.5px;color:var(--tx-3)}
.pg .zh{width:31px;text-align:center;font-size:11px;color:var(--tx-3);font-weight:700;padding-bottom:7px;
 border-bottom:1px solid var(--bd)}
.pg .zh.we{color:#b9c6c0}
.pg .zh i{display:block;font-style:normal;font-size:10px;font-weight:500}
.c{width:31px;height:31px;text-align:center;border-bottom:1px solid var(--bd2);position:relative}
.c b{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 auto;
 border-radius:6px;font-size:10.5px;font-weight:700}
.c b.P{background:var(--ac-bg);color:var(--ac-2)}
.c b.CO{background:#0f766e;color:#fff}
.c b.CM{background:#b45309;color:#fff}
.c b.FP{background:#e2e8f0;color:#475569}
.c b.L{background:#ede9fe;color:#6d28d9}
.c b.W{background:#e6ebe8;color:#aab8b1}
.c b.x{background:transparent;border:1px dashed #dce4df;color:#d5ded9}
.c .sp{position:absolute;top:0px;right:1px;min-width:14px;height:13px;padding:0 2px;border-radius:7px;
 background:#f59e0b;color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;
 justify-content:center;box-shadow:0 0 0 1.5px #fff}
.tot{width:52px;text-align:center;font-size:12.5px;border-bottom:1px solid var(--bd2);
 font-variant-numeric:tabular-nums}
.leg{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:12.5px;color:var(--tx-2);margin-top:14px}
.leg b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;
 font-size:10px;font-weight:700;margin-right:7px;vertical-align:-6px}
.leg b.W{background:#e6ebe8}
.leg b.x{background:transparent;border:1px dashed #dce4df}
/* cereri */
.cer{background:#fff;border:1px solid var(--bd);border-radius:11px;padding:15px 17px;margin-bottom:11px;
 box-shadow:var(--sh)}
.cer.wt{border-left:3px solid var(--am)}
.cer.ok{border-left:3px solid var(--gr)}
.cer.no{border-left:3px solid var(--rd)}
.cer .h{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.cer .h b{font-size:14.5px}
.cer .h .r{margin-left:auto;display:flex;gap:8px}
.st{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:2px 9px;font-size:11.5px;font-weight:700}
.st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.st.ok{background:var(--gr-bg);color:var(--gr)}
.st.wt{background:var(--am-bg);color:var(--am)}
.st.no{background:var(--rd-bg);color:var(--rd)}
.cer .g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;font-size:13.5px}
.cer .g b{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-3);
 font-weight:700;margin-bottom:3px}
.cer .mot{background:#f6f9f7;border-radius:8px;padding:10px 13px;font-size:13px;color:var(--tx-2);margin-top:12px}
/* solduri */
.sold{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--bd2);font-size:13.5px}
.sold:last-child{border:none}
.sold .n{width:180px;flex:none}
.sold .n span{display:block;font-size:11.5px;color:var(--tx-3)}
.sold .bar{flex:1;height:22px;background:#eef3f0;border-radius:7px;overflow:hidden;display:flex}
.sold .bar b{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;
 font-size:11px;font-weight:700}
.sold .r{width:118px;text-align:right;font-variant-numeric:tabular-nums;color:var(--tx-2)}
.sold .r em{font-style:normal;color:var(--tx);font-weight:700}

/* telefon */
@media (max-width:820px){
  .top{flex-wrap:wrap;padding:12px 14px;gap:10px 12px}
  .nav{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}
  .nav a{flex:none;white-space:nowrap}
  .wrap{padding:16px 14px 34px}
  .card{padding:14px}

  .k4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi .v{font-size:22px}

  .pg table{min-width:1213px}
  .pg .nume{min-width:148px;padding:8px 10px;box-shadow:1px 0 0 var(--bd)}
  .pg .nume b{font-size:13px}

  .lay{grid-template-columns:minmax(0,1fr)!important}
  .cer{padding:14px}
  .cer .h{flex-wrap:wrap;gap:8px 10px}
  .cer .g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}

  .sold{flex-wrap:wrap;gap:6px 12px}
  .sold .n{width:100%}
  .sold .r{width:auto;flex:none}
}