/* ============================================================
   NALA KREDI TI MACHANN S.A. — NB-ESTANDA.CSS (WONN E12)
   Kit vizyèl PATAJE tout sifas wèb yo: estanda fòm/vizyèl
   Eritaj 39–57. Chak paj chaje fichye sa a ANVAN pwòp stil li,
   epi nb-estanda.js la aplike konpòtman yo otomatikman.
   Règ yo: plen ekran zewo maj mòt · yon sèl defileman pa ekran ·
   bouton ≥48px · kat aliyen · erè vizib bò aksyon an · je modpas ·
   chan fichye stilize · prefiks +509 fiks · filet anti-ekran-blan.
   ============================================================ */
:root{
  --nb-wouj:#c8102e; --nb-wouj2:#9c0c24; --nb-nwa:#171114;
  --nb-fon:#f6f1ee; --nb-gri:#37262c; --nb-liy:#e7dcd8; --nb-ve:#1c7c46;
}
/* Plen ekran: zewo maj mòt orizontal, zewo debòde */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg,iframe{max-width:100%}
*{box-sizing:border-box}
/* Yon sèl defileman: wotè ekran an se body a sèlman ki defile;
   kontenè entèn yo pa dwe kreye pwòp ba defileman vètikal yo
   (eksepsyon: tablo laj ki vlope nan .nb-tab-vlope a). */
.nb-tab-vlope{overflow-x:auto;max-width:100%}
.nb-tab-vlope>table{min-width:560px}
/* Bouton: sib taktil estanda ≥48px */
.nb-btn48{min-height:48px}
/* Kat aliyen: griy kat yo aliyen anlè, menm wotè pa liy */
.nb-kat-griy{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-items:stretch}
.nb-kat-griy>*{height:100%}
/* ---------- Je sou chan modpas ---------- */
.nb-je-vlope{position:relative;display:block}
.nb-je{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border:0;background:transparent;cursor:pointer;
  font-size:18px;line-height:1;color:#37262c;border-radius:10px;padding:0}
.nb-je:hover,.nb-je:focus-visible{background:#f3e9e6;outline:2px solid var(--nb-wouj)}
.nb-je-vlope input{padding-right:50px!important}
/* ---------- Chan fichye stilize (janm « Choose File » brit) ---------- */
.nb-fichye{position:relative;display:block}
.nb-fichye input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}
.nb-fichye-etikèt{display:flex;align-items:center;gap:10px;min-height:48px;
  border:1.5px dashed #c9b6b0;border-radius:12px;padding:10px 14px;background:#fffdfb;
  font-size:14.5px;color:#3a2c31;cursor:pointer}
.nb-fichye-etikèt .nb-fichye-ikòn{font-size:20px}
.nb-fichye-etikèt .nb-fichye-non{font-weight:600;word-break:break-all}
.nb-fichye:focus-within .nb-fichye-etikèt{border-color:var(--nb-wouj);outline:2px solid rgba(200,16,46,.25)}
/* ---------- Prefiks +509 fiks ---------- */
.nb-tel-ht{display:flex;align-items:stretch;gap:0;max-width:100%}
.nb-tel-ht .nb-prefiks{display:flex;align-items:center;padding:0 12px;background:#f3e9e6;
  border:1.5px solid var(--nb-liy);border-right:0;border-radius:12px 0 0 12px;
  font-weight:700;font-size:15px;color:#3a2c31;white-space:nowrap}
.nb-tel-ht input{border-radius:0 12px 12px 0!important;flex:1;min-width:0}
/* ---------- Endis + mesaj erè bò chan ---------- */
.nb-endis{display:block;font-size:12.5px;color:var(--nb-gri);margin-top:4px;line-height:1.45}
.nb-ere-chan{display:none;font-size:13px;color:var(--nb-wouj2);font-weight:600;margin-top:5px;line-height:1.45}
.nb-ere-chan.wè{display:block}
input.nb-envalid,select.nb-envalid,textarea.nb-envalid{border-color:var(--nb-wouj)!important;outline:2px solid rgba(200,16,46,.22)}
/* ---------- Filet anti-ekran-blan ---------- */
#nb-filet{position:fixed;inset:0;z-index:99999;background:var(--nb-fon);
  display:flex;align-items:center;justify-content:center;padding:20px}
#nb-filet .nb-filet-kat{background:#fff;border:1px solid var(--nb-liy);border-top:5px solid var(--nb-wouj);
  border-radius:16px;padding:26px 22px;max-width:430px;width:100%;text-align:center;
  box-shadow:0 8px 30px rgba(60,5,15,.12)}
#nb-filet h2{font-size:19px;margin:0 0 8px;color:var(--nb-nwa)}
#nb-filet p{font-size:14.5px;line-height:1.55;color:#3a2c31;margin:0 0 16px}
#nb-filet button{min-height:48px;padding:12px 26px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,var(--nb-wouj),var(--nb-wouj2));color:#fff;font-size:16px;font-weight:700}
#nb-banye-rezo{position:fixed;left:0;right:0;bottom:0;z-index:99998;display:none;
  background:#171114;color:#fff;font-size:14px;padding:12px 16px;text-align:center;line-height:1.5}
#nb-banye-rezo.wè{display:block}
#nb-banye-rezo button{min-height:48px;margin-left:10px;padding:8px 18px;border:0;border-radius:10px;
  background:var(--nb-wouj);color:#fff;font-weight:700;cursor:pointer;font-size:14px}
/* ---------- Flèch navigasyon estanda (anlè agòch) ---------- */
.nb-flech{display:inline-flex;gap:8px;align-items:center}
.nb-flech button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--nb-liy);
  background:#fff;font-size:19px;cursor:pointer;color:var(--nb-nwa);line-height:1}
.nb-flech button:hover{border-color:var(--nb-wouj);color:var(--nb-wouj)}
.nb-flech button:disabled{opacity:.35;cursor:default}
/* ---------- Band anlè wouj mak la (sifas piblik) ---------- */
.nb-band-wouj{background:linear-gradient(90deg,var(--nb-wouj),var(--nb-wouj2));color:#fff}
/* Fòm MOBIL (app enstale sèlman — deteksyon an nan nb-estanda.js):
   lè kò a pote .nb-mod-app, sifas la pran fòm app a (kontni santre
   lajè telefòn, ba anba a kole). Navigatè/laptop = .nb-mod-web. */
body.nb-mod-app .nb-app-laje{max-width:560px;margin-left:auto;margin-right:auto}
@media (max-width:560px){
  .nb-kat-griy{grid-template-columns:1fr}
}