/* IRAQ STORES | Enterprise visual system V3.5.3
   One restrained design language for storefront, registration, merchant dashboard,
   administrative console, payment, request tracking and documentation.
   Presentation only: no account, payment, authorization or database behavior changes. */
:root {
  --navy:#14334f;
  --dark:#102940;
  --ink:#182c40;
  --muted:#596b7e;
  --line:#dce4eb;
  --page:#f5f7fa;
  --gold:#da8740;
  --gold-dark:#a95520;
  --teal:#16745d;
  --shadow:0 6px 22px rgba(15,37,63,.055);
  --iqs-paper:#ffffff;
  --iqs-hover:#f2f6f9;
  --iqs-blue:#174e7d;
  --iqs-blue-hover:#103e66;
  --iqs-amber:#ca7533;
  --iqs-border:#dde5ed;
  --iqs-label:#374d63;
  --iqs-soft:#f0f4f8;
  --iqs-error:#ac343e;
  --iqs-success:#16694e;
  --iqs-radius:10px;
}
html{scroll-behavior:smooth;scroll-padding-top:102px;overflow-x:clip}
body{background:var(--page)!important;color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
.main{min-width:0;padding-top:24px}
.container{width:min(1210px,calc(100% - 36px))}
img,svg,video,canvas{max-width:100%}
main,section,article,aside,form,.panel,.card,.admin-console,.admin-section,.dashboard-grid,.application-shell,.tracking-page,.tracking-grid{min-width:0}
:not(pre)>code{font-variant-numeric:tabular-nums}
h1,h2,h3,h4{font-family:inherit;color:var(--navy);font-weight:800;line-height:1.53;letter-spacing:0!important;text-wrap:pretty}
h1{font-size:clamp(28px,3.1vw,41px)}
h2{font-size:clamp(20px,2.25vw,27px)}
h3{font-size:clamp(16px,1.55vw,19px)}
p{line-height:1.95}
b,strong{font-family:inherit;font-weight:800;letter-spacing:normal!important}
small,.small,.muted,.table-sub,.section-head p{color:var(--muted)}
small{font-size:11px}
a{color:var(--iqs-blue);text-decoration:none}
a:hover{color:var(--iqs-blue-hover)}
a,button{touch-action:manipulation}
.eyebrow{font-size:11px;letter-spacing:.01em!important;font-weight:800;color:var(--iqs-amber);text-transform:none}
.price-flag b,.big-price,.application-price strong,.tracking-id strong,.stats strong,.admin-stats strong,.order-total b,.plan strong,.tracking-meta b{font-family:inherit!important;font-feature-settings:'lnum' 1;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0!important}
.store-hero h1,.directory-item strong,.product-info h3,.shop-name,.tracking-meta b,.admin-console td strong{font-family:inherit!important;font-size:inherit;font-feature-settings:'lnum' 1;letter-spacing:0!important}
.store-hero h1{font-size:clamp(25px,3vw,35px)!important}
/* Header & navigation */
.topbar{height:auto;min-height:76px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--iqs-border);box-shadow:0 2px 12px rgba(14,39,63,.025);position:sticky;top:0;z-index:15}
.nav{min-height:76px;height:auto;padding-block:10px;gap:14px}
.brand{color:var(--navy);font-size:19px;font-weight:900;white-space:nowrap;line-height:1.2}
.brand em{color:var(--iqs-amber)}
.brand small{font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.9px;color:#61758b}
.brandmark{width:43px!important;height:43px!important;border-radius:8px!important;background:var(--iqs-soft)!important;padding:5px!important}
.navlinks{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navlinks>a:not(.btn){font-size:12px;font-weight:700;color:#314d69}
.navlinks>a:not(.btn):hover{color:var(--iqs-blue)}
/* Buttons */
.btn,button.btn{border-radius:7px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 17px;font-size:12px;font-weight:800;line-height:1.45;box-shadow:none!important;transition:background-color .16s,border-color .16s,color .16s!important;transform:none!important;white-space:normal;text-align:center}
.btn.primary{color:#fff!important;background:var(--iqs-blue)!important;border-color:var(--iqs-blue)!important}
.btn.primary:hover{background:var(--iqs-blue-hover)!important;border-color:var(--iqs-blue-hover)!important}
.btn.gold{background:#e49a57!important;color:#202c39!important;border-color:#e49a57!important}
.btn.gold:hover{background:#efad70!important}
.btn.outline{background:#fff!important;color:var(--iqs-blue)!important;border-color:#c7d5e1!important}
.btn.outline:hover{background:var(--iqs-hover)!important;border-color:#93b1ce!important}
.btn.secondary{background:#e9f0f6!important;color:#234d72!important}
.btn.secondary:hover{background:#dce8f2!important}
.btn.danger{background:#fff5f4!important;border-color:#eed0ca!important;color:#a43137!important}
.btn.mini{font-size:11px;min-height:34px;padding:7px 10px}
.btn.big{font-size:14px;min-height:48px;padding:12px 21px}
.btn:disabled{opacity:.6}
:focus-visible{outline:2px solid #2373b9!important;outline-offset:2px}
/* Panels and information cards */
.panel,.application-form,.tracking-ticket,.tracking-actions,.admin-section,.features article,.how-grid article,.plan,.directory-item,.product-card,.status-banner,.notice,.alert,.faq-entry,.landing-copy,.activation-summary,.activation-details{
  border:1px solid var(--iqs-border)!important;
  border-radius:9px!important;
  background-color:#fff;
  box-shadow:var(--shadow)!important;
}
.panel,.admin-section{padding:22px}
.panel h2{font-size:20px;font-weight:800;color:var(--navy)}
.panel h3{font-weight:800;color:var(--navy)}
.plan,.features article,.how-grid article,.directory-item,.product-card{transition:border-color .14s,box-shadow .14s;transform:none!important}
.plan:hover,.features article:hover,.how-grid article:hover,.directory-item:hover,.product-card:hover{border-color:#b7c9da!important;box-shadow:0 10px 26px rgba(15,39,70,.08)!important}
.plan.featured{border:1px solid #dbb18f!important;border-top:3px solid #d48749!important;background:#fff!important}
.plan{display:flex;flex-direction:column;gap:5px;min-width:0}
.plan h3{min-height:0;font-size:17px;margin:12px 0 3px}
.plan p{min-height:0;flex:1;font-size:12.5px;line-height:1.9}
.plan .big-price{font-size:25px;font-weight:900;color:var(--navy);line-height:1.5;overflow-wrap:anywhere}
.plan .big-price small{font-size:12px}
.plan-grid,.stats,.features,.how-grid,.directory,.product-cards,.seo-education{align-items:stretch;min-width:0}
.pill{background:#f0f4f8;color:#355674;border:1px solid #e0e9f1;border-radius:5px!important;padding:5px 9px;font-size:11px;font-weight:800}
.pill.soft{background:#f1f4f7;color:#52697f;border-color:#e0e8f0}
.pill.good{background:#eaf6f0;color:#17664b;border-color:#cce7d8}
.feature-icon,.sidebar-icon,.chapter-number,.application-section-title>span{border-radius:7px!important;background:#ecf3f8!important;color:var(--iqs-blue)!important}
/* Sections, promotional areas */
.section{margin-top:40px}
.section-head h2{font-weight:800;font-size:clamp(21px,2.25vw,27px);margin:0;color:var(--navy)}
.hero.new-hero{background:#163b5d!important;border:1px solid #224d73!important;border-radius:11px!important;box-shadow:none!important;padding:clamp(25px,4.3vw,50px)}
.hero.new-hero h1{font-size:clamp(32px,4vw,53px);line-height:1.35;color:#fff;letter-spacing:0!important}
.hero.new-hero h1 span{color:#f6bd7f}
.hero.new-hero p{font-size:15px;color:#deebf4}
.hero .eyebrow{color:#f8c897}
.hero.new-hero .btn.primary{background:#e5a05e!important;border-color:#e5a05e!important;color:#17314a!important}
.hero.new-hero .btn.outline{background:transparent!important;border-color:#96b4cb!important;color:white!important}
.hero-chips span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:5px!important;color:#e9f1f8}
.trust-strip,.education-strip,.knowledge-hero,.cta,.showcase-browser,.showcase-floating{border-radius:9px!important}
.trust-strip{border:1px solid var(--iqs-border);background:#fff}
.trust-strip strong{color:#254765}
.education-strip{background:#fff;border:1px solid var(--iqs-border);box-shadow:none}
.knowledge-hero{background:#173d5e;color:#fff}
.knowledge-hero h1{color:#fff}
.knowledge-hero p{color:#e1eaf3}
.cta{background:#153a5a;color:#fff;border:0;box-shadow:none}
.cta h2{color:#fff}
.cta p{color:#dce7f2}
/* Input, label, validation */
label,.field-block{color:var(--iqs-label);font-weight:700;font-size:12px;line-height:1.75}
input:not([type='checkbox']):not([type='hidden']),select,textarea,.application-form .field-block input,.application-form .field-block select,.registration-form input,.registration-form select,.registration-form textarea{
  min-width:0;width:100%;min-height:46px;border:1px solid #cddbe6;border-radius:7px!important;
  background:#fff;color:var(--ink);font-size:14px;font-weight:600;line-height:1.65;
  padding:10px 12px;box-shadow:none;font-family:inherit;
}
input::placeholder,textarea::placeholder{color:#7b8b9e;opacity:1;font-weight:400}
textarea{line-height:1.9;min-height:90px}
input:hover,select:hover,textarea:hover{border-color:#aac0d2}
input:focus,select:focus,textarea:focus{border-color:#22659a!important;box-shadow:0 0 0 3px rgba(34,101,154,.11)!important;background:#fff}
input[type=checkbox]{accent-color:var(--iqs-blue)}
.field-error,.inline-field-message{color:var(--iqs-error)!important;font-size:12px;font-weight:800;line-height:1.7}
.application-form [aria-invalid="true"]:not([type=checkbox]),.registration-form [aria-invalid="true"]{background:#fff9fa!important;border-color:#c46671!important;box-shadow:0 0 0 2px rgba(180,53,65,.09)!important}
.application-form .field-block .field-error{margin-top:5px}
.checkbox-label{color:#364d62}
.notice,.alert{padding:13px 16px;font-size:12.5px;line-height:1.9}
.notice{background:#edf4fa!important;border-color:#cbdfec!important;color:#2c587b!important}
.alert.error,.registration-alert{background:#fff5f4!important;color:#942d36!important;border-color:#edc8c4!important}
.alert:not(.error){background:#eef7f1!important;color:#17634a!important;border-color:#cfe6d9!important}
/* Compact application & voucher */
.application-shell{max-width:900px}
.application-intro{background:#fff;border:1px solid var(--iqs-border);padding:22px 25px;margin-bottom:15px;border-radius:9px!important}
.application-intro h1{font-size:clamp(26px,3.2vw,37px);color:var(--navy);margin:5px 0}
.application-intro p{font-size:13px;color:var(--muted)}
.application-price{background:#f5f7f9;border:1px solid #e2e8ef;border-radius:7px!important;color:#344e68;padding:9px 13px}
.application-price strong{color:#b65d26;font-size:21px}
.application-form{padding:24px 27px!important}
.application-section-title{gap:12px;border-bottom:1px solid #e6edf2;padding-bottom:12px}
.application-section-title h2{font-size:18px;line-height:1.6}
.application-section-title p{color:#677a8d;font-size:12px;margin:0}
.application-form .compact-grid{gap:14px 16px}
.application-form .application-submit{background:#f8fafc;border-top:1px solid #e2eaf0;padding-top:17px;gap:14px}
.application-form .application-submit strong{font-size:21px;color:#b96127}
.application-form .application-submit .btn{max-width:100%}
/* Tracking and pending status */
.tracking-top{max-width:none;text-align:right}
.tracking-top h1{font-size:clamp(27px,3vw,37px);margin:7px 0;color:var(--navy)}
.tracking-top p{font-size:13px;color:var(--muted);max-width:100%}
.tracking-status{border-radius:5px!important;padding:6px 12px;font-size:12px;font-weight:800;background:#fff6e9;color:#805215;border-color:#eacfa6}
.tracking-status.is-approved{background:#e9f6ee;color:#166247;border-color:#c8e3d2}
.tracking-status.is-rejected{background:#fff3f2;color:#9c2932;border-color:#ebc9c6}
.tracking-ticket,.tracking-actions{padding:24px!important}
.tracking-qr{padding:12px 0;min-height:0}
.tracking-qr .qr-box,.pending-tracking .qr-mini{border-radius:7px!important}
.tracking-id strong{font-family:Arial,sans-serif!important;font-size:23px;direction:ltr}
.tracking-meta span{font-size:12px;color:#597086}
.tracking-meta b{font-size:13px;color:#193d5f}
.tracking-action-heading h2{font-size:20px;margin:6px 0;color:var(--navy)}
.tracking-action-heading p,.tracking-next p{font-size:12.5px;color:#617588}
.tracking-next{margin-top:20px;padding-top:17px;border-top:1px solid #e1e8ee}
.tracking-next h3{font-size:17px;color:var(--navy)}
.pending-tracking{background:#fff;border-radius:9px;padding:14px;border-color:var(--iqs-border)}
.pending-tracking strong{font-size:15px;color:var(--navy)}
.process-heading h1{font-size:clamp(26px,3vw,37px)}
.process-heading p{color:var(--muted);font-size:13px}
.activation-summary h2,.activation-details h2{font-size:20px;color:var(--navy)}
.status-banner{background:#fff8ed!important;border-color:#f0d9b9!important}
.status-banner.active{background:#edf7f2!important;border-color:#cce8d7!important}
.status-banner.expired,.status-banner.suspended{background:#fff2f0!important;border-color:#efceca!important}
/* Merchant and administrator */
.admin-console{max-width:1210px}
.admin-head,.dash-head{background:#fff;border:1px solid var(--iqs-border);border-radius:9px!important;padding:20px 23px;box-shadow:none}
.admin-head h1,.dash-head h1{font-size:clamp(24px,2.5vw,31px);color:var(--navy)}
.admin-notice{background:#fff8ed;border:1px solid #efd9ba;border-radius:8px!important;padding:14px 17px}
.admin-notice strong{color:#88501c}
.admin-notice p{color:#765a3b}
.admin-stats,.stats{gap:12px}
.admin-stats article,.stats article{border:1px solid var(--iqs-border);border-radius:8px!important;background:#fff;box-shadow:none;padding:17px}
.admin-stats article span,.stats article span{font-size:11.5px;color:#596e81}
.admin-stats article strong,.stats article strong{font-size:clamp(21px,2.7vw,27px);font-weight:900;color:var(--navy)}
.admin-stats article strong.revenue,.stats article strong.revenue{font-size:18px}
.admin-ops-stats article{border-top:3px solid #d59a60}
.admin-nav,.tabs{display:flex;gap:7px;border-radius:8px!important;border:1px solid var(--iqs-border);background:#fff;box-shadow:none}
.admin-nav a,.tab{border-radius:6px!important;color:#365671;font-weight:800;white-space:nowrap}
.admin-nav a:hover,.admin-nav a:focus,.tab:hover{background:#eaf2f7;color:#174f7c}
.tab.selected{background:#174e7d;color:#fff}
.admin-section{scroll-margin-top:160px;padding:23px}
.admin-section h2{font-size:19px;color:var(--navy)}
.admin-table-tools label{font-weight:700;color:#455e73}
.admin-section table,.product-table table{border-collapse:collapse;min-width:620px;width:100%}
.product-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:6px}
.admin-section th,.product-table th{background:#eff3f7;color:#35506a;font-size:12px;font-weight:800;border-bottom:1px solid #dce5ec;white-space:nowrap}
.admin-section td,.product-table td{color:#344f65;font-size:12.5px;vertical-align:middle;border-bottom:1px solid #e6edf2}
.admin-section tr:hover td,.product-table tr:hover td{background:#f8fafc}
.table-sub{font-size:11px;color:#687e92}
/* Knowledge, FAQ and documents */
.knowledge-article{background:#fff}
.knowledge-toc a,.faq-entry summary{border-radius:7px!important}
.faq-entry summary{color:var(--navy)}
.faq-entry[open] summary{background:#f1f6fa}
.document-paper,.legal{color:#25384d}
.document-paper h1,.document-paper h2,.legal h1,.legal h2{color:var(--navy)}
.footer{background:#102940;color:#c8d4de;padding:24px 0}
.footer a{color:#e0e9f3}
.footer a:hover{color:#fff}
/* Responsive: 320px / 360px / 390px / 768px / desktop */
@media(max-width:1050px){
 .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directory{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-nav{top:76px}
}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 .topbar{position:relative}
 .nav{min-height:0;padding:9px 0;align-items:flex-start;flex-direction:column;gap:10px}
 .brand{font-size:18px}
 .brandmark{width:38px!important;height:38px!important}
 .navlinks{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:7px}
 .navlinks a{flex:0 0 auto}
 .navlinks>a:not(.btn){padding:6px 2px}
 .navlinks .btn.mini{min-height:36px;padding:7px 10px}
 .container{width:calc(100% - 24px)!important}
 .main{padding-top:14px}
 .panel,.admin-section{padding:16px!important}
 .section{margin-top:29px}
 .section-head{align-items:flex-start;flex-direction:column;gap:8px}
 .section-head h2{font-size:22px}
 .hero.new-hero{padding:24px 18px;border-radius:9px!important}
 .hero.new-hero h1{font-size:clamp(30px,8vw,40px)}
 .hero.new-hero p{font-size:13px}
 .hero-actions,.hero-chips{gap:8px}
 .hero-actions .btn{min-height:43px}
 .features,.how-grid,.plan-grid,.seo-education{grid-template-columns:1fr 1fr;gap:10px}
 .directory{grid-template-columns:1fr 1fr;gap:10px}
 .features article,.how-grid article,.plan,.directory-item{padding:15px!important}
 .trust-strip{gap:0}
 .application-intro{padding:17px!important}
 .application-form{padding:17px!important}
 .application-form .compact-grid{grid-template-columns:1fr;gap:13px}
 .application-section-title h2{font-size:17px}
 .application-form .application-submit{flex-direction:column;align-items:stretch}
 .application-form .application-submit .btn{width:100%}
 .tracking-grid,.activation-layout,.dashboard-grid,.payment-layout{grid-template-columns:1fr!important}
 .tracking-ticket,.tracking-actions{padding:17px!important}
 .tracking-buttons{display:grid;grid-template-columns:1fr!important;gap:8px}
 .tracking-buttons .btn:first-child{grid-column:auto}
 .tracking-cta-row,.activation-mobile-actions,.pending-track-actions{display:grid;grid-template-columns:1fr}
 .tracking-cta-row .btn,.activation-mobile-actions .btn,.pending-track-actions .btn{width:100%}
 .pending-tracking{flex-direction:column;align-items:flex-start}
 .admin-nav{position:static;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 .admin-stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .admin-head{padding:16px!important}
 .admin-tools{justify-content:flex-start}
 .admin-section{overflow:hidden}
 .form-grid{grid-template-columns:1fr}
 .application-price,.price-flag{max-width:100%;overflow-wrap:anywhere}
 .cta{display:grid;gap:15px;padding:20px}
 .cta .btn{width:100%}
 .education-strip{grid-template-columns:1fr;padding:19px}
 .education-actions{justify-content:flex-start}
 .document-paper{padding:20px 15px}
 .footer-inner{flex-direction:column;gap:10px}
}
@media(max-width:420px){
 body{font-size:13.5px}
 .features,.directory,.how-grid{grid-template-columns:1fr}
 .plan-grid{grid-template-columns:1fr}
 .navlinks{gap:6px}
 .hero-actions{flex-direction:column}
 .hero-actions .btn{width:100%}
 .admin-stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-stats article,.stats article{padding:12px!important}
 .admin-stats article strong,.stats article strong{font-size:21px}
 .tracking-meta>div{flex-wrap:wrap}
 .tracking-page,.activation-page{margin-top:6px}
 .tracking-id strong{font-size:21px}
 .btn{overflow-wrap:anywhere}
}
@media print{
 .topbar,.navlinks,.footer,.tracking-cta-row,.activation-mobile-actions{display:none!important}
 body{background:#fff!important;color:#111}
 .document-paper,.tracking-ticket{box-shadow:none!important;border-color:#bfc5ca!important}
}

/* Admin workspace: easy logout, focused sections, measured spacing */
.admin-console{isolation:isolate}
.admin-console [hidden],.admin-console section[hidden],.admin-console .admin-ops-stats[hidden],.admin-console .admin-notice[hidden]{display:none!important}
.topbar-admin-link{font-weight:800}
.topbar-logout-link,.admin-logout{background:#f4f7fa!important;border:1px solid #d2dfe9!important;color:#294966!important}
.topbar-logout-link:hover,.admin-logout:hover{background:#e8f0f6!important;border-color:#b8cede!important}
.admin-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:17px!important}
.admin-head>div:first-child{min-width:0;flex:1}
.admin-head h1{margin:4px 0 6px;font-size:clamp(25px,2.8vw,34px)}
.admin-head p{margin:0;line-height:1.8;font-size:12.5px}
.admin-tools{align-items:center;justify-content:flex-end;gap:9px;max-width:56%}
.admin-tools>.pill{white-space:nowrap;align-self:center}
.admin-tools>.btn{white-space:nowrap}
.admin-export-menu{position:relative;z-index:8}
.admin-export-menu summary{list-style:none;cursor:pointer;user-select:none;white-space:nowrap}
.admin-export-menu summary::-webkit-details-marker{display:none}
.admin-export-menu summary::after{content:'⌄';font-size:14px;margin-inline-start:4px;font-weight:800}
.admin-export-menu[open] summary{border-color:#95b7d3!important;background:#f0f6fb!important}
.admin-export-actions{position:absolute;z-index:15;inset-inline-end:0;top:calc(100% + 7px);display:grid;gap:6px;width:210px;padding:10px;background:#fff;border:1px solid #dce5ed;box-shadow:0 12px 30px rgba(14,38,65,.11);border-radius:8px}
.admin-export-actions a{width:100%;justify-content:flex-start!important}
.admin-nav{scrollbar-width:thin;scrollbar-color:#cbd8e4 transparent;gap:5px;top:76px;scroll-margin-top:10px;padding:9px;min-height:57px;border-radius:8px!important}
.admin-nav a{padding:9px 12px;min-height:38px;border:1px solid transparent;font-size:12px;font-weight:750;white-space:nowrap}
.admin-nav a.is-current,.admin-nav a[aria-current="page"]{background:#e9f2fa!important;border-color:#c6ddeb!important;color:#144e7e!important;box-shadow:inset 0 -2px 0 #236b9c}
.admin-nav b{background:#f8eee4;color:#a05723;border-radius:4px;padding:1px 6px;min-width:20px;font-size:10.5px}
.admin-notice{margin:13px 0 18px;align-items:center;gap:20px;box-shadow:none!important}
.admin-notice .btn{white-space:nowrap}
.admin-overview{background:transparent;padding:0!important;margin-top:7px}
.admin-section-heading{padding:0 1px;margin:12px 0 13px}
.admin-section-heading h2{font-size:21px}
.admin-section-heading span{font-size:11px;color:#63788c}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 13px}
.admin-stats article{border:1px solid #dce5ed!important;padding:17px!important;min-width:0;min-height:95px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-radius:8px!important;background:#fff;box-shadow:0 3px 12px rgba(15,39,63,.025)!important}
.admin-stats article span{font-size:11.5px;color:#526a80;line-height:1.6}
.admin-stats article strong{display:block;color:#16456b;font-size:26px;line-height:1.38;overflow-wrap:anywhere}
.admin-stats article strong.revenue{font-size:18px;line-height:1.6}
.admin-ops-stats{padding-top:4px}
.admin-ops-stats article{border-top:2px solid #d9b28f!important}
.admin-section{margin-top:16px!important;padding:24px!important;min-width:0;border:1px solid #dbe5ee!important;border-radius:9px!important;background:white!important}
.admin-section .section-head{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:13px;border-bottom:1px solid #e9eff4;margin-bottom:17px;padding-bottom:13px}
.admin-section .section-head h2,.admin-section>h2{font-size:21px;line-height:1.5;margin:0 0 6px}
.admin-section .section-head p,.admin-section>p{font-size:12px;line-height:1.9;margin:0;color:#667e90}
.admin-table-tools{display:flex;gap:10px;align-items:flex-end;margin:14px 0 17px}
.admin-table-tools label{flex:1 1 225px;max-width:410px;font-size:11.5px}
.admin-table-tools input,.admin-table-tools select{min-height:42px;border:1px solid #cbdce9;border-radius:6px!important;background:#fff!important}
.admin-section .product-table{width:100%;border:1px solid #dee7ef;border-radius:6px!important;background:#fff;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.admin-section table{width:100%;min-width:690px;border-collapse:separate;border-spacing:0}
.admin-section table th{position:static;text-align:right;background:#f2f6f9!important;color:#36536c;padding:13px 12px;border-bottom:1px solid #dee7ee;white-space:nowrap;font-size:11.5px}
.admin-section table td{color:#2f4b63;padding:12px;vertical-align:middle;font-size:12px;line-height:1.8;border-bottom:1px solid #edf1f5}
.admin-section table tr:last-child td{border-bottom:none}
.admin-section td strong{display:block;font-size:12.5px;color:#244461}
.admin-section td .table-sub{font-size:11px;color:#61788c;display:block;line-height:1.7;margin-top:2px}
.admin-section .approve-form{min-width:180px}
.admin-section .approve-form .inline-form{gap:7px;flex-wrap:wrap}
.admin-section .approve-form .btn{min-width:68px}
.admin-console .secret{font:700 13px/1.7 Consolas,monospace!important;direction:ltr;unicode-bidi:isolate;display:inline-block;letter-spacing:.01em}
.admin-section td .pill{font-size:10.5px;white-space:nowrap}
.admin-console input[type="search"]{appearance:none}
.admin-section form{max-width:100%}
@media(max-width:1050px){
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-head{flex-wrap:wrap}
  .admin-tools{max-width:100%;justify-content:flex-start}
}
@media(max-width:760px){
  .admin-console{max-width:100%}
  .admin-head{display:flex;flex-direction:column;align-items:stretch;padding:16px!important;gap:14px;margin-bottom:12px!important}
  .admin-head h1{font-size:24px}
  .admin-tools{justify-content:flex-start;width:100%;gap:7px;flex-wrap:wrap}
  .admin-tools>.btn,.admin-export-menu summary{min-height:36px;padding:8px 11px}
  .admin-export-menu{position:static}
  .admin-export-actions{position:static;width:100%;box-shadow:none;margin-top:6px;max-width:275px}
  .admin-nav{position:static;padding:7px!important;gap:3px;min-height:51px;overflow-x:auto;touch-action:pan-x}
  .admin-nav a{font-size:11px;min-height:36px;padding:8px 10px}
  .admin-notice{flex-direction:column;align-items:stretch;gap:10px;padding:14px!important}
  .admin-notice .btn{width:100%}
  .admin-overview .admin-section-heading{display:block;margin-top:15px}
  .admin-section-heading h2{font-size:19px}
  .admin-stats{gap:9px}
  .admin-stats article{min-height:86px;padding:12px!important}
  .admin-stats article strong{font-size:22px;line-height:1.4}
  .admin-stats article strong.revenue{font-size:16px}
  .admin-stats article span{font-size:10.5px}
  .admin-section{margin-top:12px!important;padding:15px!important;overflow:hidden}
  .admin-section .section-head{display:block;margin-bottom:12px;padding-bottom:12px}
  .admin-section .section-head h2,.admin-section>h2{font-size:18px}
  .admin-table-tools{gap:9px;display:grid;grid-template-columns:1fr;margin:12px 0}
  .admin-table-tools label{max-width:100%;min-width:0;width:100%}
  .admin-section .product-table{overflow-x:auto}
  .admin-section table{min-width:655px}
  .admin-section table td,.admin-section table th{padding:11px 10px}
  .admin-section .approve-form{min-width:165px}
  .topbar-admin-link,.topbar-logout-link{display:inline-flex;min-width:115px;justify-content:center}
}
@media(max-width:380px){
  .topbar-admin-link,.topbar-logout-link{min-width:0;flex:1}
  .navlinks{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .navlinks>a:first-child{grid-column:1/-1}
  .navlinks>a.btn{width:100%}
  .admin-stats article strong.revenue{font-size:14px}
}
.admin-nav-hint{display:none;margin:-7px 1px 13px;font-size:11px;color:#677e92}
@media(max-width:760px){.admin-nav-hint{display:block}}
