/* =========================================================
   BEC — BUTTONS MODERN (نوې بټنې)
   دا فایل باید په آخر کې لوډ شي (د index.html په پای کې).
   ستونزه: په style.css کې button{color:#fff !important} وه،
   نو هغه بټنې چې شالید یې روښانه و، لیکنه یې ورکه وه.
   دلته ټولې بټنې په یوه نوې، یو شان او ښکاره بڼه جوړې شوي.
   ========================================================= */

:root{
  --bm-ink:#1e293b;        /* تیاره لیکنه په روښانه شالید */
  --bm-acc:#4f46e5;        /* اصلي رنګ */
  --bm-acc2:#2563eb;
  --bm-soft:#eef2ff;       /* نرم شالید */
  --bm-soft-ink:#3730a3;   /* نرم شالید ته لیکنه */
  --bm-line:#c7d2fe;
  --bm-ok:#16a34a;  --bm-ok2:#15803d;
  --bm-bad:#e11d48; --bm-bad2:#be123c;
  --bm-slate:#475569; --bm-slate2:#334155;
  --bm-r:12px;
  --bm-shadow:0 8px 18px -10px rgba(30,41,59,.55);
}

/* ---------- 1) بنسټیز: ټولې بټنې ---------- */
button,input[type=button],input[type=submit],input[type=reset]{
  font-family:inherit;border-radius:var(--bm-r);letter-spacing:0;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background .16s ease;
}
button:not(:disabled):hover{transform:translateY(-1px)}
button:not(:disabled):active{transform:translateY(0) scale(.98);filter:brightness(.96)}
button:disabled{cursor:not-allowed!important;box-shadow:none!important;transform:none!important}

/* ---------- 2) اصلي (ازرق/نیلي ګرادیانټ، سپینه لیکنه) ---------- */
button.primary-btn,button.report-generate-btn,.refresh-btn,
#attendanceSection .att-btn.primary,
#parentsSection .par-btn.par-primary,#teachersSection .tch-btn.tch-primary,
#relationsSection .rl-btn.rl-primary,#financeSection .fin-btn.fin-primary,
.sp-refresh,button.language-btn,button.edit-btn{
  background:linear-gradient(135deg,var(--bm-acc),var(--bm-acc2))!important;
  color:#fff!important;border:0!important;box-shadow:var(--bm-shadow);
}
button.primary-btn:hover,button.report-generate-btn:hover,.refresh-btn:hover,
#attendanceSection .att-btn.primary:hover,.sp-refresh:hover,button.edit-btn:hover,
#parentsSection .par-btn.par-primary:hover,#teachersSection .tch-btn.tch-primary:hover,
#relationsSection .rl-btn.rl-primary:hover,#financeSection .fin-btn.fin-primary:hover{
  filter:brightness(1.1);box-shadow:0 12px 22px -10px rgba(79,70,229,.7)}

/* ---------- 3) ثبت / ښه / CSV / واټساپ (شنه) ---------- */
button.save-btn,button[type="submit"],button.report-csv-btn,
.par-wa,.tch-wa,.action-btn[style*="25a244"]{
  background:linear-gradient(135deg,var(--bm-ok),var(--bm-ok2))!important;
  color:#fff!important;border:0!important;box-shadow:0 8px 18px -10px rgba(21,128,61,.8);
}

/* ---------- 4) ړنګول / خطر (سور) ---------- */
button.delete-btn,#parentsSection .par-btn.par-danger,#teachersSection .tch-btn.tch-danger,
#relationsSection .rl-btn.rl-danger,.par-danger,.tch-danger,.rl-danger{
  background:linear-gradient(135deg,var(--bm-bad),var(--bm-bad2))!important;
  color:#fff!important;border:0!important;box-shadow:0 8px 18px -10px rgba(190,18,60,.8);
}

/* ---------- 5) شاته / لغوه / چاپ (خړ-تیاره) ---------- */
button.back-btn,button.cancel-btn,button.report-print-btn{
  background:linear-gradient(135deg,var(--bm-slate),var(--bm-slate2))!important;
  color:#fff!important;border:0!important;
}

/* ---------- 6) عادي ماډول بټنې (سپین شالید، تیاره لیکنه، رنګین حاشیه) ---------- */
#parentsSection .par-btn,#teachersSection .tch-btn,
#relationsSection .rl-btn,#financeSection .fin-btn,
.sp-ghost,#certificatesSection .cert-btn{
  background:#fff;color:var(--bm-soft-ink);
  border:1.5px solid var(--bm-line);border-radius:var(--bm-r);
  padding:10px 18px;font-weight:800;font-size:14px;
  box-shadow:0 2px 6px -3px rgba(30,41,59,.35);
}
#parentsSection .par-btn:hover,#teachersSection .tch-btn:hover,
#relationsSection .rl-btn:hover,#financeSection .fin-btn:hover{
  background:var(--bm-soft);border-color:var(--bm-acc);color:var(--bm-acc)}

/* ---------- 7) کوچنۍ بټنې په جدولونو کې ---------- */
.par-mini,.tch-mini,.rl-mini,.fin-mini,.cert-mini,.sp-mini,.edit-btn.mini{
  background:var(--bm-soft);color:var(--bm-soft-ink);border:1px solid var(--bm-line);
  border-radius:9px;padding:6px 12px;font-size:13px;font-weight:800;box-shadow:none;
}
.par-mini:hover,.tch-mini:hover,.rl-mini:hover,.fin-mini:hover,.cert-mini:hover{
  background:var(--bm-acc);color:#fff;border-color:var(--bm-acc)}

/* ---------- 8) عمل بټنې (action-btn) ---------- */
button.action-btn{
  background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;border:0;
  border-radius:10px;padding:8px 14px;box-shadow:0 6px 14px -9px rgba(13,148,136,.9);
}
button.action-btn[style]{background-image:none}   /* هغه چې په لاس رنګ شوي، خپل رنګ وساتي */

/* ---------- 9) ټابونه: ګولی (pill) بڼه ---------- */
#parentsSection .par-tab,#teachersSection .tch-tab,#relationsSection .rl-tab,
#financeSection .fin-tab,.lib-tab,
#attendanceSection .att-tab{
  background:var(--bm-soft);color:var(--bm-soft-ink)!important;
  border:1.5px solid transparent;border-radius:999px;
  padding:10px 20px;font-size:14px;font-weight:800;box-shadow:none;
}
#parentsSection .par-tab:hover,#teachersSection .tch-tab:hover,#relationsSection .rl-tab:hover,
#financeSection .fin-tab:hover,.lib-tab:hover,#attendanceSection .att-tab:hover{
  background:#e0e7ff;border-color:var(--bm-line)}
#parentsSection .par-tab.on,#teachersSection .tch-tab.on,#relationsSection .rl-tab.on,
#financeSection .fin-tab.on,.lib-tab.active,.lib-tab.on,#attendanceSection .att-tab.on{
  background:linear-gradient(135deg,var(--bm-acc),var(--bm-acc2));
  color:#fff!important;box-shadow:var(--bm-shadow)}
#parentsSection .par-tabs,#teachersSection .tch-tabs,#relationsSection .rl-tabs,#financeSection .fin-tabs{
  gap:10px;border-bottom:0;padding-bottom:6px}

/* ---------- 10) د ننوتلو پاڼه: لینکونه او سترګه ---------- */
.bec-login-link{color:#176b49!important;font-weight:800;text-decoration:underline;
  background:transparent!important;border:0!important;box-shadow:none;padding:6px 8px}
#becTogglePassword{background:transparent!important;color:#334155!important;border:0!important;box-shadow:none}
.bec-login-submit{background:linear-gradient(100deg,#176b49,#23865d)!important;color:#fff!important;border:0!important}

/* ---------- 11) پټ شوي حالت ---------- */
button[style*="display:none"],button[hidden]{display:none!important}