/* Munim Ji V4.0.10 approved-character and navy-teal theme */
:root{--mj-navy:#08253c;--mj-navy-2:#123a55;--mj-teal:#078675;--mj-teal-2:#0aa18d;--mj-mint:#e7f6f2;--mj-bg:#f5f8fa;--mj-card:#fff;--mj-line:#dce6e9;--mj-text:#102a38;--mj-muted:#667985}
html,body{background:var(--mj-bg)!important;color:var(--mj-text)!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
/* navigation */
.side,.sidebar{background:var(--mj-navy)!important;background-image:none!important;color:#fff!important;box-shadow:8px 0 30px rgba(8,37,60,.11)!important}
.side:before,.sidebar:before{content:"";display:block;width:174px;height:56px;margin:0 auto 16px;background:url('/assets/brand/munim-ji-logo-light.svg') left center/contain no-repeat}
.side .brand,.sidebar .brand-title,.side-brand b{color:#fff!important}.side small,.sidebar small,.brand-subtitle,.sub{color:#b9ced9!important}
.nav button,.nav-btn,.sidebar nav button{color:#e5eff3!important;border-radius:10px!important}
.nav button:hover,.nav button.active,.nav-btn:hover,.nav-btn.active,.sidebar nav button:hover,.sidebar nav button.active{background:var(--mj-navy-2)!important;color:#fff!important;box-shadow:inset 3px 0 0 #38cbb4!important}
.public-link{background:var(--mj-teal)!important}.logout{border-color:rgba(255,255,255,.18)!important}
.mj-provider-card{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:#c8dde5!important}.mj-provider-card b{color:#fff!important}
/* core surface */
.main,.workspace,.shell,.app-shell{background:var(--mj-bg)!important}.workspace>header,.topbar{background:#fff!important;border-bottom:1px solid var(--mj-line)!important}
.card,.panel,.kpi,.stat,.application-card,.package-card,.settings-card,.login-card,.loginbox{background:#fff!important;border-color:var(--mj-line)!important;box-shadow:0 10px 30px rgba(20,57,74,.065)!important}
.card,.panel,.kpi,.stat,.application-card,.package-card{border-radius:17px!important}
input,select,textarea,.search{border-color:#cad9de!important;background:#fff!important;color:var(--mj-text)!important}
input:focus,select:focus,textarea:focus{border-color:var(--mj-teal)!important;outline:3px solid rgba(7,134,117,.12)!important}
.primary,.green,.btn-primary,.btn-success,.settings-link-btn{background:var(--mj-teal)!important;background-image:none!important;color:#fff!important;box-shadow:0 8px 18px rgba(7,134,117,.18)!important}
.primary:hover,.green:hover,.btn-primary:hover,.btn-success:hover{background:var(--mj-teal-2)!important}
.soft,.btn-soft,.secondary-btn{background:#edf5f4!important;color:#174c4a!important}.blue,.btn-blue{background:var(--mj-navy-2)!important;color:#fff!important}
.eyebrow,.settings-eyebrow{color:var(--mj-teal)!important}
.status-pill,.settings-status-pill{background:#e7f6f2!important;color:#116859!important;border-color:#c7e9e1!important}
.table th,table.table th,.comp th,thead th{background:#f1f7f6!important;color:#27434e!important}.table td,table.table td,.comp td,tbody td{border-color:#e5edef!important}
.security-banner{background:linear-gradient(100deg,#e7f7f2,#f4fbfa)!important;border-color:#bfe6dc!important}.shield{background:var(--mj-teal)!important}
/* super admin */
.login-page{background:radial-gradient(circle at 15% 20%,rgba(69,190,168,.20),transparent 33%),linear-gradient(135deg,#f7fbfa,#e8f1f4)!important}.login-card{border:1px solid #dbe8e8!important}.login-logo{width:min(340px,100%)!important;height:auto!important;margin:0 auto 12px!important;display:block!important}.side-brand img{width:54px!important;height:54px!important;background:#dff7f0!important;border-radius:50%!important;padding:2px!important}.side-brand{padding-bottom:13px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}.stats article{border-color:var(--mj-line)!important}.stats article.attention{background:#fffaf1!important;border-color:#f0d69b!important}.ref{color:var(--mj-teal)!important;background:#e8f6f3!important}.pkg-code{color:var(--mj-teal)!important}
/* public website */
.site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mj-line)!important;box-shadow:0 8px 28px rgba(8,37,60,.06)!important}.mj-public-brand img{width:285px!important;max-width:38vw!important}.site-header nav a{color:#334d59!important}.site-header nav a:hover{color:var(--mj-teal)!important}.login-link{background:var(--mj-teal)!important;color:#fff!important;border:0!important}.hero{background:linear-gradient(135deg,#fff 0%,#f0faf7 60%,#e4f4f0 100%)!important}.hero h1,.section-head h2{color:var(--mj-navy)!important}.hero h1 strong,.accent{color:var(--mj-teal)!important}.trust-row span{background:#fff!important;border:1px solid #d7e8e4!important}.proof-strip{background:var(--mj-navy)!important;color:#fff!important}.proof-strip span{color:#c5d8e0!important}.business-photo-grid article{border:3px solid #8cd8cc!important}.solution-grid article,.plan-card,.support-card{border-color:var(--mj-line)!important}.plan-card.recommended{border-color:var(--mj-teal)!important}.recommended-badge{background:#dff5ef!important;color:#086655!important}.support-card{background:#fff7f4!important}.application-section{background:linear-gradient(135deg,#f0faf7,#edf4f7)!important}.mj-site-footer{background:var(--mj-navy)!important}.mj-site-footer .mj-footer-brand img{width:min(430px,94vw)!important}
/* logo cleanup where old text remains */
.side:before+*{margin-top:0}.brand-card{padding-top:2px!important}.logo-mark{background:#dff7f0!important;color:var(--mj-teal)!important;border-radius:50%!important;overflow:hidden!important}.brand-card .logo-mark:empty:before{content:"MJ"}
/* responsive */
@media(max-width:900px){.side:before,.sidebar:before{width:150px;height:48px;margin:0 0 10px}.mj-public-brand img{max-width:74vw!important;width:225px!important}}

/* V4.0.10 approved Munim Ji character and illustrated team */
.photo-hero-card .hero-image-shell{background:linear-gradient(145deg,#f8fffd,#e8f7f3)!important}
.photo-hero-card .hero-image-shell img.mj-team-illustration{object-fit:cover!important;object-position:center!important;padding:0!important}
.support-person img.mj-mascot-support{object-fit:contain!important;object-position:center bottom!important;padding:14px 8px 0!important;filter:drop-shadow(0 12px 18px rgba(8,37,60,.12))}
.support-wide img.mj-team-illustration{object-fit:cover!important;object-position:center!important;padding:0!important;background:#fff!important}
.photo-onboarding img.mj-team-illustration{object-fit:cover!important;object-position:center!important;padding:0!important;opacity:.9!important}
