/* IRAQ STORES | V3.5.5
   Restrained institutional visual design, designed for Arabic RTL and compact devices.
   One coherent system rather than repeating coloured rounded promo cards. */
:root{
 --iqs-ink:#1b2d40; --iqs-surface:#fff; --iqs-edge:#dce4eb;
 --iqs-brand:#1b3d59; --iqs-accent:#bc7138; --iqs-quiet:#66778a;
 --iqs-app:#f5f6f8;
}
body{background:var(--iqs-app)!important;color:var(--iqs-ink)}
.main{overflow:visible}
/* Labels, numerals, hierarchy */
h1,h2,h3,h4{letter-spacing:0!important;line-height:1.55;font-weight:800;color:#1b344b}
.eyebrow,.admin-overline{font-size:11px!important;letter-spacing:0!important;color:#51687f!important;text-transform:none!important}
p,.muted,small{line-height:1.85}
.strong,b,strong{font-variant-numeric:lining-nums proportional-nums}
bdi,[dir='ltr'],.tracking-id strong,.payment-amount,.big-price,.application-price strong,.price-flag b{font-variant-numeric:tabular-nums lining-nums;letter-spacing:0}
/* Unified industrial, small radius, no floating card effect */
.panel,.plan,.features article,.how-grid article,.directory-item,.product-card,
.tracking-ticket,.tracking-actions,.activation-summary,.activation-details,
.application-form,.application-intro,.admin-section,.admin-stats article,.stats article,
.status-banner,.admin-notice,.notice,.alert,.cta,.trust-strip,.education-strip,
.admin-workflow>div,.admin-order-summary>div{
 border-radius:4px!important;box-shadow:none!important;
}
.panel,.plan,.features article,.how-grid article,.directory-item,.product-card,
.tracking-ticket,.tracking-actions,.activation-summary,.activation-details,
.application-form,.admin-section,.admin-stats article,.stats article{
 background:#fff!important;border:1px solid var(--iqs-edge)!important;
}
.features article:hover,.how-grid article:hover,.directory-item:hover,.product-card:hover,.plan:hover{
 box-shadow:none!important;transform:none!important;border-color:#b4c7d6!important;
}
/* Plan cards have an editorial hierarchy rather than nearly identical colourful tiles */
.plan-grid{gap:12px}
.plan{padding:21px!important;display:flex;flex-direction:column;align-items:stretch;gap:11px!important;min-height:240px;border-top:2px solid #b9c9d6!important}
.plan.featured{background:#fff!important;border:1px solid #c7d1db!important;border-top:3px solid var(--iqs-accent)!important}
.plan .pill{align-self:start}
.plan h3{font-size:17px!important;font-weight:800;color:#183751;margin:1px 0 0}
.plan .big-price{font-size:25px!important;line-height:1.4;color:#233c53!important;min-height:0;margin:3px 0}
.plan .big-price small{display:block;font-size:12px;color:#63778a}
.plan p{font-size:13px!important;line-height:1.8;flex:1;min-height:0;margin:0;color:#526a7e}
.plan .btn{margin-top:auto}
.pill,.pill.soft,.pill.good,.admin-nav b,.order-status,.tracking-status,.admin-payment-status{
 border-radius:3px!important;font-size:11px!important;box-shadow:none!important;
}
.pill,.pill.soft{background:#f4f6f8!important;color:#445b70!important;border:1px solid #dfe7ee!important}
.pill.good{background:#edf5f0!important;color:#215d48!important;border-color:#cdded4!important}
/* Process rail: plain indexed steps, no blue capsule grid */
.progress-steps{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:0!important;margin:17px 0 22px!important;padding:0!important;
 background:transparent!important;border:1px solid #d8e1e9!important;
 border-radius:4px!important;box-shadow:none!important;
}
.progress-steps>span{
 display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;
 min-width:0;min-height:74px;padding:12px 10px!important;
 border:0!important;border-inline-end:1px solid #dfe6ed!important;
 border-radius:0!important;background:#fff!important;color:#53697d!important;
 font-size:14px!important;font-weight:800;gap:8px!important;text-align:center;
}
.progress-steps>span:last-child{border-inline-end:0!important}
.progress-steps>span b{font-size:12px!important;font-weight:700;color:#465e74;line-height:1.55}
.progress-steps>span.done{background:#f8fafb!important;color:#1c5878!important;box-shadow:inset 0 -3px 0 #3d6d8b!important}
.progress-steps>span.done b{color:#1f4f6f}
/* Administrative KPI cards use a left rule, compact metrics, not promotional bubbles */
.admin-console .admin-stats{gap:11px}
.admin-console .admin-stats article{border-left:1px solid #dce4eb!important;border-inline-start:3px solid #55718a!important;padding:18px!important;min-height:96px}
.admin-console .admin-stats article span{color:#586d7f;font-size:12px!important;font-weight:700}
.admin-console .admin-stats article strong{color:#183950!important;font-size:26px!important;font-weight:800;line-height:1.4}
.admin-console .admin-ops-stats article{border-inline-start-color:#b77a4e!important;border-top:1px solid #dce4eb!important}
.admin-console .admin-workflow>div,.admin-console .admin-order-summary>div{background:#fff!important;border:1px solid #dce4eb!important;box-shadow:none!important}
.admin-console .admin-workflow b{border-radius:3px!important;background:#edf3f8!important;color:#234b69}
/* All statuses: compact text labels and one vertical line instead of giant coloured panels */
.status-banner,.admin-notice,.notice,.tracking-next,.admin-safe-note{background:#fff!important;color:#334f64!important;border:1px solid #dce4eb!important;border-inline-start:3px solid #b17a4e!important;border-radius:4px!important;padding:16px!important}
.status-banner.active{border-inline-start-color:#3e8969!important}
.status-banner.expired,.status-banner.suspended{border-inline-start-color:#af5959!important}
.tracking-next{margin-top:18px;padding:16px!important}
.tracking-next h3{font-size:17px;color:#234258}
.tracking-status{background:#f5f3ee!important;color:#795823!important;border:1px solid #e7dccb!important;white-space:normal}
.tracking-status.is-approved{background:#eef6f0!important;color:#27614b!important;border-color:#cbded0!important}
.tracking-status.is-rejected{background:#fbf2f2!important;color:#8e4c4c!important;border-color:#edd5d5!important}
/* General information strips */
.trust-strip{padding:0!important;gap:0!important;overflow:hidden}
.trust-strip>div{background:#fff!important;border-inline-end:1px solid #e5ebef!important;padding:18px!important}
.trust-strip>div:last-child{border-inline-end:0!important}
.features article,.how-grid article{padding:20px!important}
.feature-icon,.sidebar-icon{border:1px solid #e1e8ef!important;border-radius:4px!important;background:#eef2f5!important;color:#375e78!important;box-shadow:none!important}
.how-grid article>span{font-size:22px!important;color:#9c673d!important;font-variant-numeric:tabular-nums}
.knowledge-hero,.cta,.hero.new-hero{border-radius:5px!important}
/* Direct controls */
.btn,button.btn,.tab,.admin-nav a,.navlinks>a.btn{border-radius:4px!important;box-shadow:none!important;letter-spacing:0!important}
.btn.primary{background:#1d5077!important;border-color:#1d5077!important}
.btn.primary:hover{background:#153e60!important;border-color:#153e60!important}
.btn.outline{border-color:#bdcfde!important}
.admin-console .admin-nav{border-radius:4px!important;scrollbar-width:thin}
.admin-console .admin-nav a{border-radius:3px!important}
.admin-console .admin-section{padding:22px!important}
.admin-console .admin-payment-status,.admin-console .order-status{border-radius:3px!important}
.admin-console .admin-mobile-card-table tbody tr{border-radius:4px!important;box-shadow:none!important}
.admin-console .admin-table-tools{gap:12px}
.admin-console .admin-table-tools input,.admin-console .admin-table-tools select{border-radius:4px!important}
.admin-console .admin-order-summary strong{font-weight:800}
/* Small, tight editorial headings and mobile fit */
@media(max-width:900px){
 .progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .progress-steps>span:nth-child(2){border-inline-end:0!important}
 .progress-steps>span:nth-child(-n+2){border-bottom:1px solid #dfe6ed!important}
 .admin-console .admin-section{padding:15px!important}
}
@media(max-width:680px){
 .container{width:calc(100% - 24px)!important}
 .main{padding-top:14px}
 .navlinks>a:not(.btn){font-size:11px!important}
 .progress-steps>span{min-height:57px;padding:8px!important;font-size:13px!important;gap:5px!important}
 .progress-steps>span b{font-size:11px!important}
 .tracking-page .tracking-ticket,.tracking-page .tracking-actions{padding:16px!important}
 .plan-grid,.features,.how-grid{grid-template-columns:1fr!important;gap:10px}
 .plan{min-height:0;padding:18px!important;gap:9px!important}
 .plan .big-price{font-size:22px!important}
 .admin-console .admin-stats article{padding:13px!important;min-height:82px}
 .admin-console .admin-stats article strong{font-size:23px!important}
 .admin-console .admin-mobile-card-table tbody tr:not([hidden]) td{background:#fff!important}
 .admin-console .admin-mobile-card-table td[data-label]::before{font-size:10.5px}
 .admin-console .admin-workflow{grid-template-columns:1fr!important}
 .admin-console .admin-workflow>div{padding:9px 11px!important}
 .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .trust-strip>div{padding:12px!important}
 .status-banner,.admin-notice,.notice,.tracking-next,.admin-safe-note{padding:12px!important}
}
@media(max-width:360px){
 .progress-steps>span{min-height:55px;font-size:12px!important}
 .progress-steps>span b{font-size:10px!important}
 .admin-console .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .admin-console .admin-stats article{padding:10px!important}
 .admin-console .admin-stats article strong{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){.panel,.plan,.btn{transition:none!important;animation:none!important}}