/* ===== OUTREACH MARKETING AGENCY — brand layer (24 Sep 2026) =====
   style.css ke BAAD load hoti hai. Rang rebrand-oma.py ne style.css me hi badle;
   yahan sirf: fonts (Oswald headings/numbers + Inter body) · logo · login ka footer.
   Brand: #0A63C9 blue · #298dff accent · #0B2447 navy · #0b1623 ink */

:root{
  --brand:#0A63C9;
  --accent:#298dff;
  --navy:#0B2447;
  --ink:#0b1623;
  --orange:#298dff;
  --page-bg:#f3f6fb;
  --font-head:'Oswald',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}
body{font-family:var(--font-body);background:var(--page-bg);}

/* headings + bare numbers = Oswald (agency site jaisa) */
.section__title_color h4,.page-head h4,.breadcrumb__main_title h2,.l-head h4,.f-card-head h3,.f-modal-head h5,
.hr-ctitle,.chart-label,.fin-panel-head h4,.admin__card_title_black h4,.fd-search h3,.st-head,.grand-band h4,
.card__statics label,.svg__main_content h6,.dashboard-cards-title h6,.acd-cal-bar h2,.gender-inner h3,
.login-form h4,.epg-title{
  font-family:var(--font-head);letter-spacing:.2px;
}
.section__title_color h4{font-weight:600;}
.card__statics label{font-weight:500;letter-spacing:.5px;}
.svg__main_content h6{font-weight:500;letter-spacing:.5px;}
.dashboard-cards-title h6{font-weight:500;font-size:16px;letter-spacing:.3px;}
.breadcrumb__main_title h2{font-weight:500;color:#5b6778;}
.f-card-head h3{font-weight:600;letter-spacing:.6px;}

/* ---------- sidebar logo (eSM ki jagah OMA) ---------- */
.oma-brand{display:flex;flex-direction:column;gap:3px;min-width:0;}
.oma-brand img{width:150px;height:auto;display:block;}
.oma-brand small{font-family:var(--font-head);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand);font-weight:500;padding-left:2px;}
.sidebar-header{padding-top:14px;padding-bottom:12px;}

/* header ka "Campus" badge + logout */
.campus-title button{color:var(--brand) !important;}
.btn-logout{background:var(--navy) !important;color:#fff !important;}
.btn-logout:hover{background:var(--brand) !important;}
.sidebar-menu a.active,.sub-menu a.sub-active{color:var(--brand);}

/* ---------- login ---------- */
.oma-login-logo img{width:300px;max-width:70vw;height:auto;display:block;}
.oma-login-logo small{display:block;margin-top:8px;font-family:var(--font-head);font-size:15px;letter-spacing:2.4px;text-transform:uppercase;color:var(--brand);font-weight:500;}
.login-form h4{font-size:28px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.8px;}
.btn-login{background:var(--brand) !important;font-family:var(--font-head);letter-spacing:1px;text-transform:uppercase;font-weight:500;}
.btn-login:hover{background:var(--navy) !important;}
.oma-foot{display:flex;flex-direction:column;align-items:center;gap:4px;}
.oma-foot img{width:38px;height:38px;border-radius:50%;}
.oma-foot b{font-family:var(--font-head);font-size:17px;font-weight:600;letter-spacing:.6px;color:var(--navy);text-transform:uppercase;}
.oma-foot span{font-size:13px;color:#4a5560;}
.oma-foot a{color:var(--brand);font-weight:600;}

/* chhoti screens */
@media (max-width:700px){ .oma-brand img{width:130px;} .login-form h4{font-size:22px;} }

/* ---------- "Our Modules" — ESM ke 21 rainbow rang ki jagah ek brand parivar ---------- */
/* style.css me har module ka --c (r,g,b) alag tha; yahan sab ek brand blue */
.modules-grid .dashboard-cards-wrapper{--c:10,99,201;}
.modules-grid .dashboard-cards-wrapper:hover{box-shadow:0 8px 20px rgba(10,99,201,.14);}

/* header ka Search button — ESM ka hara nahi, agency navy */
.btn-search{background:var(--navy) !important;color:#fff !important;}
.btn-search:hover{background:#12305c !important;}

/* ---------- login ka illustration — rainbow tiles ESM ki pehchan thi → brand parivar ---------- */
.art-tile{border-color:rgba(255,255,255,.0) !important;box-shadow:0 10px 28px rgba(4,6,10,.28);}
.art-tile i{color:var(--brand) !important;}
.art-tile span{color:var(--navy);font-family:var(--font-head);font-weight:500;letter-spacing:.8px;font-size:10px;}
.t-center{border:3px solid var(--accent) !important;}
.t-center i{color:var(--navy) !important;}
.art-ribbons span{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(41,141,255,.35)) !important;}
.art-ribbons span:nth-child(even){background:linear-gradient(180deg,var(--accent),rgba(41,141,255,.15)) !important;}



/* =====================================================================
   LOGIN LAYOUT v2 (24 Sep QA) — ESM ka absolute-positioning wala login har screen pe toot-ta tha:
   1024 pe guide title pe chadha, tile form ke peeche, 390 pe logo neele pe, footer kata, 800px khali.
   Ab: grid · left = gehra brand panel (SAFED logo) · right = form beech me · mobile = ek column.
   ===================================================================== */
body.login-body{padding:14px;background:var(--page-bg);}
body.login-body .login-shell{display:grid !important;grid-template-columns:minmax(440px,42%) minmax(0,1fr);
  min-height:calc(100vh - 28px);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 40px rgba(4,6,10,.08);}
body.login-body .login-curve{display:none;}
body.login-body .login-left{position:relative !important;inset:auto !important;min-height:0;display:flex;flex-direction:column;
  padding:44px 44px 36px;overflow:hidden;
  background:radial-gradient(120% 70% at 85% 0%,rgba(41,141,255,.35),transparent 60%),
             linear-gradient(160deg,#0A63C9 0%,#0B2447 55%,#0b1623 100%);}
body.login-body .login-left::after{content:"";position:absolute;right:-140px;bottom:-140px;width:420px;height:420px;border-radius:50%;
  border:2px solid rgba(255,255,255,.08);box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 0 80px rgba(255,255,255,.02);pointer-events:none;}
body.login-body .login-logo{padding:0 !important;width:auto;position:relative;z-index:1;}
body.login-body .oma-login-logo img{width:270px;}
body.login-body .oma-login-logo small{color:#9cc8ff;}
body.login-body .login-art{position:relative;z-index:1;width:420px;height:470px;margin:auto;flex:none;transform:none !important;}
body.login-body .art-tile{border-color:transparent !important;}
body.login-body .login-right{position:relative !important;display:flex !important;flex-direction:column;align-items:center;
  padding:28px 40px 26px !important;min-height:0 !important;}
body.login-body .login-guide{position:static !important;align-self:flex-end;margin:0 0 12px;}
body.login-body .login-form{position:static !important;width:100% !important;max-width:460px;margin:auto 0 !important;
  background:#fff !important;border:1px solid #e6ecf5;border-radius:18px;padding:36px 34px 30px;box-shadow:0 18px 50px rgba(11,36,71,.10);}
body.login-body .login-form h4{text-align:center;font-size:30px;}
body.login-body .login-form p{text-align:center;color:#5b6778;margin-bottom:22px;}
body.login-body .login-field .eye{width:40px;height:40px;right:4px;display:flex;align-items:center;justify-content:center;}
body.login-body .login-error:empty{min-height:0;margin:0 0 6px;}
body.login-body .btn-login{height:48px;border-radius:10px;font-size:18px;}
body.login-body .login-footer{position:static !important;left:auto !important;right:auto !important;margin-top:28px;}
body.login-body .oma-foot span{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;}
body.login-body .oma-foot a{padding:4px 0;}

/* tablet + mobile: ek column, form foran nazar aaye, illustration chhupa */
@media (max-width:999px){
  body.login-body{padding:0;}
  body.login-body .login-shell{grid-template-columns:1fr;min-height:100vh;border-radius:0;box-shadow:none;}
  body.login-body .login-left{padding:22px 20px;flex-direction:row;align-items:center;}
  body.login-body .login-left::after{display:none;}
  body.login-body .login-art{display:none;}
  body.login-body .oma-login-logo img{width:190px;}
  body.login-body .oma-login-logo small{font-size:11px;letter-spacing:1.8px;margin-top:6px;}
  body.login-body .login-right{padding:18px 16px 24px !important;}
  body.login-body .login-guide{align-self:center;}
  body.login-body .login-form{padding:26px 20px 22px;margin:0 !important;}
  body.login-body .login-form h4{font-size:24px;}
  body.login-body .login-footer{margin-top:24px;}
}

/* left panel tang ho (1000-1280px) to illustration chhota — warna Library tile kinare se kat-ta tha */
@media (min-width:1000px) and (max-width:1280px){
  body.login-body .login-art{transform:scale(.8) !important;transform-origin:center center;margin:-20px auto;}
}

/* ---------- PRINT (reports, lists) — sidebar/header/buttons chhupao, sirf report ---------- */
@media print{
  .sidebar-wrapper,.top-header,.no-print,.btn-plus,.f-toast,.esm-error-bar{display:none !important;}
  .page-wrapper{margin:0 !important;padding:0 !important;}
  .page-content{padding:0 !important;}
  .l-panel{box-shadow:none !important;padding:0 !important;border-radius:0;}
  body{background:#fff !important;}
  .l-table th{background:#e8f0fb !important;color:#0b1623 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* hidden attribute hamesha jeete (.f-field{display:flex} usay daba deta tha — fee-reports me From/To dikh rahe the) */
[hidden]{display:none !important;}