/* IRAQ STORES V4.5 — legibility, starter-plan emphasis, and complete console navigation.
   Scope platform styles; never override a merchant storefront theme. */
:root{--v45-deep:#102f4c;--v45-blue:#165f8d;--v45-copy:#253f55;--v45-subtle:#466078;--v45-stroke:#bad0e1;--v45-cream:#fff4d9;--v45-amber:#af6817}
body:not(.merchant-storefront){color:var(--v45-copy);text-rendering:optimizeLegibility}
body:not(.merchant-storefront) :is(.muted,.notice,.plan p,.features p,.section-head p,.form-intro p,.dash-head p,.panel small,.feature-item p){color:var(--v45-subtle);opacity:1}
body:not(.merchant-storefront) :is(.section-head h2,.plan h3,.features h3,.panel h2,.panel h3){color:var(--v45-deep)}
body:not(.merchant-storefront) .eyebrow{color:#825016;letter-spacing:.04em}
body:not(.merchant-storefront) .notice{background:#edf5fb;border-color:#bad4e6;color:#254a68;font-size:13px}
body:not(.merchant-storefront) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #1678b5;outline-offset:3px}
body:not(.merchant-storefront) .btn{min-height:43px;line-height:1.45}
body:not(.merchant-storefront) .btn.mini{min-height:37px}
/* Primary plan highlighted as the entry point, not as another paid marketing service. */
body.route-home .plan-grid .v45-plan-primary{position:relative;border:2px solid #c38834!important;background:linear-gradient(175deg,#fffaf0,#fff 42%)!important;box-shadow:0 14px 35px rgba(20,59,88,.13)!important;overflow:hidden;padding-top:55px}
body.route-home .v45-plan-primary .v45-plan-callout{position:absolute;inset-inline:0;top:0;background:linear-gradient(90deg,#125b85,#0e3355);color:#fff;text-align:center;font-weight:900;font-size:14px;letter-spacing:.01em;padding:8px 12px;min-height:40px}
body.route-home .v45-plan-primary .pill{background:#fff0cb;color:#6c4510;border:1px solid #e4bf73;font-size:12px}
body.route-home .v45-plan-primary .big-price{color:#0c3c5d}
body.route-home .v45-plan-primary .big-price small{color:#3c5870}
body.route-home .v45-plan-primary>.btn.primary{background:#105780!important;border-color:#105780!important;min-height:48px;font-size:14px}
body.route-home .v45-plan-primary>.btn.primary:hover{background:#0c385d!important}
body.route-home .plan-grid .plan>p{color:#3d566c!important;font-size:13px;line-height:1.9}
body.route-home .plan-grid .plan>.muted{color:#425c73!important}
/* Admin category options: all visible in a responsive grid instead of an overflowed ribbon. */
body.route-admin .admin-console .admin-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch!important;gap:9px!important;overflow:visible!important;white-space:normal!important;padding:14px!important;background:#f9fbfe!important;border:1px solid var(--v45-stroke)!important;position:static!important;box-shadow:none!important;max-width:100%;margin-bottom:8px}
body.route-admin .admin-console .admin-nav a{display:flex!important;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:49px!important;width:100%;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5;font-size:12px!important;text-align:center;padding:9px 7px!important;color:#1d4565!important;background:#fff;border:1px solid #bdd0df!important;border-radius:9px!important}
body.route-admin .admin-console .admin-nav a:is(:hover,:focus-visible){background:#e6f2fa!important;color:#0e4162!important;border-color:#75a9cd!important;text-decoration:none}
body.route-admin .admin-console .admin-nav a:is(.is-current,[aria-current="page"]){background:#103f64!important;color:#fff!important;border-color:#103f64!important;box-shadow:none!important}
body.route-admin .admin-console .admin-nav a b{flex-shrink:0}
.v45-admin-nav-description{color:#3c5d76;font-size:12px;font-weight:700;margin:0 4px 16px}
body.route-admin .admin-console .admin-head{align-items:center}
body.route-admin .admin-console .admin-tools{max-width:none!important;flex-wrap:wrap;justify-content:flex-start}
body.route-admin .admin-console .admin-tools .btn{white-space:normal}
/* Merchant: single consistent nav source for desktop and mobile.
   The old mobile dropdown is hidden because it omitted templates + barcode sections. */
body.route-dashboard .v42-merchant-sidebar{min-width:0!important}
body.route-dashboard .v42-merchant-sidebar nav a{white-space:normal;overflow-wrap:anywhere;line-height:1.45;min-height:47px;padding:10px 11px;font-weight:850}
body.route-dashboard .v42-merchant-sidebar nav a[aria-current="page"]{background:#123d5d!important;color:#fff!important;border-color:#123d5d!important;border-inline-start:4px solid #e8b45b!important}
body.route-dashboard .v42-mobile-section-select{display:none!important}
.v45-merchant-nav-help{margin:0 0 12px;color:#47617a;font-size:12px;font-weight:700}
body.route-dashboard .v42-merchant-main [data-merchant-panel]{min-width:0}
body.route-dashboard .v42-merchant-main [data-merchant-panel]:not([hidden]){overflow-wrap:anywhere}
@media(max-width:1250px){body.route-admin .admin-console .admin-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){body.route-admin .admin-console .admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.route-dashboard .v42-merchant-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px}
 body.route-dashboard .v42-merchant-sidebar{display:block!important;position:static!important;padding:14px!important}
 body.route-dashboard .v42-merchant-sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body.route-dashboard .v42-merchant-sidebar nav a{display:flex;justify-content:center;text-align:center;background:#f5f9fc;border:1px solid #b9cedd!important;min-height:52px;padding:8px 5px;font-size:12px}
 body.route-dashboard .v42-merchant-sidebar strong{margin-bottom:4px}
}
@media(max-width:680px){body.route-admin .admin-console .admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;padding:9px!important}
 body.route-admin .admin-console .admin-nav a{min-height:49px!important;padding:8px 5px!important;font-size:11.5px!important}
 body.route-dashboard .v42-merchant-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.route-dashboard .v42-merchant-sidebar nav a{font-size:12px;min-height:49px}
 body.route-admin .admin-console .admin-head{flex-direction:column;align-items:stretch}
 body.route-admin .admin-console .admin-tools{width:100%;justify-content:flex-start;gap:8px}
 body.route-admin .admin-console .admin-tools .pill{white-space:normal}
 body.route-home .plan-grid .v45-plan-primary{padding-top:58px}
}
@media(max-width:350px){body.route-admin .admin-console .admin-nav a,body.route-dashboard .v42-merchant-sidebar nav a{font-size:11px!important}}
@media print{body.route-dashboard .v42-merchant-sidebar,body.route-admin .admin-console .admin-nav{display:none!important}}