/* radheadmin — r777admin.css (verbatim reference) ke UPAR chhote overrides.
   Sirf wo jo hamare React tree me alag hai (Tailwind preflight, page wrapper, fixed header offset). */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body.radhe-admin #root { min-height: 100vh; }

body.radhe-admin .master-balance-detail li { list-style: none; }
body.radhe-admin .master-balance-detail label { color: #fff; font-size: 13px; }
body.radhe-admin .master-balance-detail .text-right, body.radhe-admin .master-balance-detail .float-right { color: #fff; font-size: 13px; }

/* r777 body = 18px system font (bootstrap reboot via r777admin.css) — body par koi override NAHI.
   Tailwind utility `.collapse` (visibility:collapse) bootstrap ke .collapse se takraata hai — wapas visible. */
body.radhe-admin .collapse { visibility: visible; }
/* Tailwind preflight bootstrap ke headings/lists ko reset kar deta hai — r777 jaisa wapas */
body.radhe-admin #menu ul, body.radhe-admin .right-menu, body.radhe-admin #mySidebar ul { list-style: none; }
body.radhe-admin #menu a, body.radhe-admin #menu li { text-decoration: none; }
body.radhe-admin .dropdown-menu.show { display: block; }
body.radhe-admin .dropdown-item { cursor: pointer; }
/* footer = r777 <footer class="container-fluid footer"><div class="row"><div class="col"><Marquee><p …>
   react-fast-marquee (50px/s, left) → same look with a CSS keyframe on the <p> */
body.radhe-admin footer.footer { left: 0; width: 100%; }
body.radhe-admin .footer p { white-space: nowrap; }
/* react-fast-marquee ki apni CSS (r777 bundle inject karta hai) */
body.radhe-admin .rfm-marquee-container { overflow-x: hidden; display: flex; flex-direction: row; position: relative; width: 100%; }
body.radhe-admin .rfm-marquee { flex: 0 0 auto; min-width: 100%; z-index: 1; display: flex; flex-direction: row; align-items: center; animation: rfm-scroll var(--duration, 25.6s) linear 0s infinite; }
body.radhe-admin .rfm-marquee-container:hover .rfm-marquee { animation-play-state: running; }
body.radhe-admin .rfm-child { transform: none; }
@keyframes rfm-scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } }
body.radhe-admin #mySidebar ul li a { cursor: pointer; }
body.radhe-admin #mySidebar ul li ul { padding-left: 0; list-style: none; }
body.radhe-admin #mySidebar ul li ul li a { font-size: 12px; padding-left: 15px; }
/* r777admin.css's own .notification-box rule (36x40 default, shrinking per its own @media breakpoints
   below max-width:1199) already matches the reference pixel-for-pixel — no override needed here. */