/* v76: BMC नया रूप -- पूरे ERP के लिए (base.html से लगता है).
   सिर्फ़ दिखावट: हर पेज का ऊपरी हिस्सा हरी पट्टी, गोल कोनों वाले कार्ड, साफ़ टेबल, बड़े बटन और डिब्बे।
   पेज की बनावट / काम नहीं बदलता। */
body.bg-slate-100{background:#eef3f1}
.bm-page{font-family:"Segoe UI","Nirmala UI",system-ui,sans-serif}

/* ---- पेज का ऊपरी हिस्सा: हरी पट्टी (आज का काम जैसी) ---- */
.bm-page > div:first-child:has(> h1.text-2xl),
.bm-page > div:first-child:has(> div > h1.text-2xl),
.bm-page > div:first-child:has(> h1.text-3xl),
.bm-page > div:first-child:has(> div > h1.text-3xl),
.bm-page > .on > .row:first-child,
.bm-page > .sa > .top:first-child,
.bm-page > .sa > .row:first-child{
  background:linear-gradient(135deg,#064e3b,#047857 60%,#0d9488);color:#fff;border-radius:18px;padding:16px 20px!important;
  margin-bottom:16px!important;box-shadow:0 8px 22px rgba(4,120,87,.2);align-items:center!important}
.bm-page > h1.text-2xl:first-child{background:linear-gradient(135deg,#064e3b,#047857 60%,#0d9488);color:#fff!important;border-radius:18px;padding:16px 20px;box-shadow:0 8px 22px rgba(4,120,87,.2)}
.bm-page > div:first-child:has(h1) h1,.bm-page > .on > .row:first-child h1,.bm-page > .sa > .row:first-child h1{color:#fff!important;margin:0!important}
.bm-page > div:first-child:has(h1) p,.bm-page > div:first-child:has(h1) .text-slate-500,.bm-page > div:first-child:has(h1) .text-slate-400{color:#d1fae5!important}
.bm-page > div:first-child:has(h1) a[class*="bg-"],.bm-page > div:first-child:has(h1) button[class*="bg-"],
.bm-page > .on > .row:first-child .btn,.bm-page > .sa > .row:first-child .btn{
  background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:none!important}
.bm-page > div:first-child:has(h1) a[class*="bg-"]:hover,.bm-page > div:first-child:has(h1) button[class*="bg-"]:hover{background:rgba(255,255,255,.28)!important}
.bm-page > div:first-child:has(h1) a:not([class*="bg-"]){color:#fff}

/* ---- कार्ड ---- */
.bm-page .bg-white.shadow,.bm-page .bg-white.shadow-lg,.bm-page .bg-white.rounded-xl,.bm-page .bg-white.rounded-lg.border{
  border-radius:16px!important;box-shadow:0 2px 12px rgba(15,23,42,.06)!important;border:1px solid #e6edf0}
.bm-page .bg-white.shadow:hover,.bm-page a.bg-white.rounded-xl:hover{box-shadow:0 8px 22px rgba(15,23,42,.1)!important}
.bm-page .bg-slate-800.rounded-xl,.bm-page .bg-slate-900.rounded-xl{border-radius:18px!important}

/* ---- टेबल ---- */
.bm-page table{border-collapse:separate;border-spacing:0}
.bm-page table thead th,.bm-page table tr:first-child th{background:#f1f5f9;color:#475569;font-size:.74rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid #e2e8f0}
.bm-page table thead tr th:first-child{border-top-left-radius:10px}.bm-page table thead tr th:last-child{border-top-right-radius:10px}
.bm-page table tbody tr{transition:background .12s}
.bm-page table tbody tr:hover{background:#f0fdf4}

/* ---- बटन ---- */
.bm-page a[class*="bg-emerald-"],.bm-page button[class*="bg-emerald-"],.bm-page a[class*="bg-indigo-"],.bm-page button[class*="bg-indigo-"],
.bm-page a[class*="bg-red-6"],.bm-page button[class*="bg-red-6"],.bm-page a[class*="bg-amber-6"],.bm-page button[class*="bg-amber-6"],
.bm-page a[class*="bg-slate-8"],.bm-page button[class*="bg-slate-8"],.bm-page button[type=submit][class*="bg-"]{
  border-radius:10px!important;font-weight:700;box-shadow:0 2px 6px rgba(15,23,42,.12);transition:transform .1s,box-shadow .1s}
.bm-page a[class*="bg-emerald-"]:hover,.bm-page button[class*="bg-emerald-"]:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(4,120,87,.25)}
.bm-page .bg-emerald-600{background-color:#047857}
.bm-page .bg-emerald-600:hover,.bm-page .hover\:bg-emerald-700:hover{background-color:#065f46}

/* ---- डिब्बे (input) ---- */
.bm-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),.bm-page select,.bm-page textarea{border-radius:10px}
.bm-page input:not([type=checkbox]):not([type=radio]):focus,.bm-page select:focus,.bm-page textarea:focus{outline:none;border-color:#047857!important;box-shadow:0 0 0 3px rgba(4,120,87,.15)!important}

/* ---- छोटे निशान / गोल चिप ---- */
.bm-page .rounded-full[class*="bg-slate-800"]{background:#047857!important}

/* ---- डैशबोर्ड के आँकड़े ---- */
.bm-dash-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}
.bm-dash-k a{background:#fff;border-radius:16px;padding:14px 16px;display:flex;gap:12px;align-items:center;text-decoration:none;color:#0f172a;box-shadow:0 2px 12px rgba(15,23,42,.06);border:1px solid #e6edf0;transition:.15s}
.bm-dash-k a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.1)}
.bm-dash-k i{font-style:normal;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex:0 0 50px}
.bm-dash-k small{display:block;color:#64748b;font-size:.8rem}.bm-dash-k b{font-size:1.25rem}

@media print{
  .bm-page > div:first-child:has(h1),.bm-page > h1:first-child{background:none!important;color:#000!important;box-shadow:none!important;padding:0!important}
  .bm-page > div:first-child:has(h1) h1{color:#000!important}
  .bm-dash-k{display:none}
}