/* ── Product card selectors ── */
.sel-group{margin-bottom:.52rem}
.sel-glbl{font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);display:block;margin-bottom:.3rem;font-family:'DM Sans',sans-serif}
body.ar .sel-glbl{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:.74rem;text-transform:none;letter-spacing:0}
.sel-pills{display:flex;flex-wrap:wrap;gap:.26rem}
.spill{font-size:.7rem;font-weight:600;background:var(--bg2);border:1.5px solid var(--br2);border-radius:var(--rp);padding:.24rem .6rem;cursor:pointer;transition:all var(--tr);color:var(--tx2);line-height:1.3;font-family:'DM Sans',sans-serif}
body.ar .spill{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:.78rem}
.spill:hover:not(.dis){border-color:var(--grn);color:var(--grn)}
.spill.dis{opacity:.35;cursor:not-allowed;pointer-events:none}
.p-stock-low{font-size:.68rem;font-weight:700;color:var(--burg,#641D2B);background:rgba(100,29,43,.08);border-radius:var(--rp);padding:.13rem .42rem;display:inline-block;margin-bottom:.3rem}
.pc.oos-card{opacity:.6}
.pc.oos-card .atc{pointer-events:none;opacity:.5}
/* ── Search ── */
.search-wrap{position:relative;margin-bottom:1rem}
.search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1.5px solid var(--br2);border-radius:var(--rp);background:var(--surf);color:var(--tx);font-size:.85rem;font-family:'IBM Plex Sans Arabic',sans-serif;outline:none;transition:border-color var(--tr),box-shadow var(--tr)}
[dir=rtl] .search-input{padding:.6rem 2.5rem .6rem 1rem}
.search-input:focus{border-color:var(--grn);box-shadow:0 0 0 3px rgba(45,74,62,.08)}
.search-ico{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:.78rem;pointer-events:none}
.search-ico svg{width:16px;height:16px;stroke:var(--tx3);fill:none;stroke-width:1.8;display:block}
.search-input::placeholder{color:var(--tx4)}
/* ── Modal selectors ── */
.m-sel-group{margin-bottom:.82rem}


/* ── Checkout overlay ── */
.co-ov{position:fixed;inset:0;z-index:350;background:rgba(42,26,20,.55);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .28s;display:flex;align-items:flex-end;justify-content:center}
.co-ov.open{opacity:1;pointer-events:all}
.co-sheet{background:var(--surf);border-radius:var(--r3) var(--r3) 0 0;width:100%;max-width:640px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .34s cubic-bezier(.2,0,0,1)}
.co-ov.open .co-sheet{transform:translateY(0)}
.co-hdr{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid var(--br);flex-shrink:0}
.co-title{font-family:'Amiri',serif;font-size:1.1rem;font-weight:700;color:var(--tx)}
.co-close{color:var(--tx3);padding:.18rem;border-radius:var(--r1);transition:color var(--tr)}
.co-close:hover{color:var(--tx)}
.co-close svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.co-body{flex:1;overflow-y:auto;padding:1.4rem 1.5rem}
.co-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-bottom:.75rem;margin-top:1.2rem;display:flex;align-items:center;gap:.4rem}
.co-section-title:first-child{margin-top:0}
body.ar .co-section-title{font-family:'IBM Plex Sans Arabic',sans-serif;text-transform:none;letter-spacing:0;font-size:.78rem}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.co-ff{display:flex;flex-direction:column;gap:.28rem}
.co-ff.full{grid-column:1/-1}
.co-ff label{font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3)}
body.ar .co-ff label{font-family:'IBM Plex Sans Arabic',sans-serif;text-transform:none;letter-spacing:0;font-size:.76rem}
.co-ff input,.co-ff select,.co-ff textarea{width:100%;padding:.6rem .82rem;background:var(--bg2);border:1.5px solid var(--br2);border-radius:var(--r1);font-size:.85rem;color:var(--tx);font-family:'IBM Plex Sans Arabic',sans-serif;outline:none;transition:border-color var(--tr)}
.co-ff input:focus,.co-ff select:focus,.co-ff textarea:focus{border-color:var(--grn)}
.co-ff textarea{resize:vertical;min-height:68px}
.co-ff select{cursor:pointer}
.co-items{background:var(--bg2);border-radius:var(--r1);padding:.8rem;margin-bottom:.9rem}
.co-item{display:flex;align-items:center;gap:.7rem;padding:.45rem 0;border-bottom:1px solid var(--br)}
.co-item:last-child{border-bottom:none;padding-bottom:0}
.co-item-img{width:38px;height:38px;border-radius:6px;background-size:cover;background-position:center;border:1px solid var(--br);flex-shrink:0}
.co-item-info{flex:1}
.co-item-name{font-size:.8rem;font-weight:600;color:var(--tx);line-height:1.3}
body.ar .co-item-name{font-family:'IBM Plex Sans Arabic',sans-serif}
.co-item-var{font-size:.68rem;color:var(--tx3)}
body.ar .co-item-var{font-family:'IBM Plex Sans Arabic',sans-serif}
.co-item-price{font-size:.84rem;font-weight:700;color:var(--grn);white-space:nowrap}
.co-totals{border-top:1px solid var(--br);padding-top:.8rem;margin-bottom:1rem}
.co-total-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--tx2);margin-bottom:.28rem}
.co-total-row.grand{font-size:.98rem;font-weight:700;color:var(--tx);margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--br)}
.co-total-row.grand span:last-child{color:var(--grn)}
body.ar .co-total-row{font-family:'IBM Plex Sans Arabic',sans-serif}
.co-grinding-note{background:var(--gpale);border:1px solid rgba(200,165,106,.26);border-radius:var(--r1);padding:.65rem .9rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;color:var(--tx2);margin-bottom:.9rem}
[data-theme=dark] .co-grinding-note{background:rgba(200,165,106,.07)}
body.ar .co-grinding-note{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:.84rem}
.co-grinding-note svg{width:14px;height:14px;stroke:var(--gdk);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:.1rem}
.co-submit{width:100%;padding:.85rem;background:var(--grn);color:#fff;border:none;border-radius:var(--r1);font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--tr),transform var(--tsp),box-shadow var(--tr);box-shadow:0 4px 18px rgba(45,74,62,.26);font-family:'IBM Plex Sans Arabic',sans-serif}
.co-submit:hover{background:var(--gdark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,74,62,.35)}
.co-submit:disabled{background:var(--bg3);color:var(--tx3);box-shadow:none;transform:none;cursor:default}
.co-err{
  font-size:.84rem;
  color:#9B1C1C;
  background:#FEF2F2;
  border:1.5px solid #FECACA;
  border-radius:var(--r1);
  padding:.65rem .9rem;
  margin-bottom:.75rem;
  line-height:1.55;
  display:none;
}
[data-theme=dark] .co-err{background:rgba(155,28,28,.15);border-color:rgba(252,165,165,.3);color:#FCA5A5}
body.ar .co-err{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:.92rem}
/* Order success — completion state only. Warm, calm, editorial completion state. */
.co-success-mode{--co-success-green:#2D4A3E;--co-success-green-light:#EAF4EE;}
[data-theme=dark] .co-success-mode{--co-success-green:#3D6B5A;--co-success-green-light:rgba(61,107,90,.16)}
.co-success-mode .co-hdr{
  position:relative;
  justify-content:flex-start;
}
.co-success-mode .co-title{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:var(--co-success-green);
  font-size:1.22rem;
  line-height:1.35;
  white-space:nowrap;
}
.co-success{
  text-align:center;
  background:var(--bg);
  color:var(--tx);
  padding:1.35rem 1rem 1.65rem;
  min-height:0;
}
.co-success-icon{
  width:64px;
  height:64px;
  margin:0 auto .62rem;
  border-radius:50%;
  background:var(--co-success-green-light);
  border:1px solid rgba(45,74,62,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(45,74,62,.08);
}
.co-success-icon svg{
  width:31px;
  height:31px;
  /* Checkmark only: clear, saturated success green in both themes.
     --co-success-green (#2D4A3E / #3D6B5A, the brand Deep Green) stays on
     the title/copy/thanks text; it read as near-black on the check. */
  stroke:#168A4A;
  fill:none;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-success-title{
  font-family:'Amiri',serif;
  font-size:clamp(1.5rem,4vw,1.9rem);
  font-weight:700;
  color:var(--tx);
  line-height:1.25;
  margin:0;
}
.co-success-subtitle{
  margin:.28rem auto .85rem;
  max-width:34rem;
  color:var(--tx2);
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-size:.94rem;
  font-weight:500;
  line-height:1.65;
}
.co-success-card{
  width:min(100%,430px);
  margin:0 auto;
  padding:.9rem 1.05rem .9rem;
  background:rgba(255,255,255,.78);
  border:1px solid var(--br2);
  border-radius:6px;
  box-shadow:0 8px 26px rgba(42,26,20,.055);
  text-align:start;
}
[data-theme=dark] .co-success-card{
  background:rgba(26,15,8,.92);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.co-order-block{
  padding-bottom:.7rem;
  border-bottom:1px solid var(--br);
}
.co-order-label{
  display:block;
  margin-bottom:.42rem;
  text-align:start;
}
.co-order-value-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  direction:ltr;
}
.co-order-value-line .co-order-id{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
}
.co-success-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.75rem;
  font-size:.82rem;
  line-height:1.5;
}
.co-success-row-lbl{
  color:var(--tx3);
  font-weight:600;
  font-family:'IBM Plex Sans Arabic',sans-serif;
}
.co-success-row-val{
  color:var(--tx);
  font-weight:700;
  text-align:end;
}
.co-order-id{
  direction:ltr;
  unicode-bidi:isolate;
  font-family:'DM Sans',sans-serif;
  font-size:clamp(1.15rem,4vw,1.38rem);
  letter-spacing:.015em;
}
.co-copy-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.34rem;
  margin:0;
  padding:.34rem .56rem;
  border:1px solid var(--br2);
  border-radius:4px;
  background:transparent;
  color:var(--co-success-green);
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-size:.72rem;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  transition:background var(--tr),border-color var(--tr),color var(--tr);
}
.co-copy-btn:hover{
  background:var(--co-success-green-light);
  border-color:rgba(45,74,62,.34);
}
[data-theme=dark] .co-copy-btn:hover{border-color:rgba(61,107,90,.38)}
.co-copy-btn svg{
  width:14px;
  height:14px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-delivery-row{
  padding-top:.65rem;
}
.co-success-thanks{
  margin-top:.82rem;
  color:var(--co-success-green);
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-size:1rem;
  font-weight:700;
  line-height:1.7;
}
.co-success-cta{margin-top:1.05rem}
.co-success-store-btn{
  min-width:194px;
  min-height:46px;
  padding:.72rem 1.55rem;
  border:1px solid var(--tx);
  border-radius:4px;
  background:var(--tx);
  color:var(--bg);
  font-family:'IBM Plex Sans Arabic',sans-serif;
  font-size:.87rem;
  font-weight:700;
  cursor:pointer;
  transition:transform var(--tsp),opacity var(--tr),box-shadow var(--tr);
}
.co-success-store-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 16px rgba(23,23,23,.16);
}
[data-theme=dark] .co-success-store-btn:hover{box-shadow:0 5px 16px rgba(0,0,0,.25)}
.co-success-brand{
  margin:1.15rem auto 0;
  padding-top:.72rem;
  display:flex;
  justify-content:center;
  align-items:center;
  border-top:1px solid rgba(200,165,106,.26);
  width:min(100%,380px);
}
.co-success-brand img{
  display:block;
  width:min(190px,56vw);
  height:auto;
  object-fit:contain;
}
@media(max-width:640px){
  .co-success-mode .co-title{font-size:1.05rem}
  .co-success{padding:1.05rem .72rem 1.2rem}
  .co-success-icon{width:60px;height:60px;margin-bottom:.5rem}
  .co-success-icon svg{width:29px;height:29px}
  .co-success-title{font-size:1.45rem}
  .co-success-subtitle{font-size:.9rem;margin:.22rem auto .72rem;line-height:1.55}
  .co-success-card{width:min(100%,410px);padding:.78rem .78rem .82rem}
  .co-order-value-line{gap:.4rem}
  .co-order-id{font-size:1.04rem}
  .co-copy-btn{font-size:.67rem;padding:.29rem .46rem}
  .co-success-thanks{font-size:.92rem;margin-top:.68rem}
  .co-success-store-btn{width:min(100%,280px);min-height:44px}
  .co-success-brand{margin-top:.95rem;width:min(100%,410px);padding-top:.58rem}
  .co-success-brand img{width:min(164px,52vw)}
}


.skip-link{position:absolute;top:-100%;left:1rem;background:var(--grn);color:#fff;padding:.5rem 1rem;border-radius:0 0 8px 8px;font-weight:700;font-size:.82rem;z-index:9999;font-family:'DM Sans',sans-serif;transition:top .2s}.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ── Performance ── */
.hslide{contain:layout style paint}
.ann-track{will-change:transform}
.cdrawer,.ov,.co-ov{will-change:opacity,transform}
.modal{will-change:transform}
/* content-visibility for off-screen sections */
.test-sec{content-visibility:auto;contain-intrinsic-size:0 400px}
/* Aspect ratio boxes to prevent CLS */
.m-img{contain:paint}
/* img-lazy placeholder prevents layout shift */
.img-lazy{background:var(--bg2);transition:opacity .4s}
.img-lazy.loaded{background:transparent}
/* focus-visible ring */
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
/* Smooth font rendering */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
/* Reduce motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  /* .ann-track is intentionally excluded: the announcement marquee stays
     moving under reduced motion (see main.css's authoritative implementation). */
}

/* ADMIN PORTAL — shared Hafez Mustafa visual system */
#adminPortal,#adminPortal *{box-sizing:border-box;}
#adminPortal{--admin-bg:#0F0A05;--admin-surface:#1A0F08;--admin-line:#3A332D;--admin-text:#F0E7DB;--admin-muted:#B9AA9B;--admin-gold:#C8A56A;--admin-green:#2D4A3E;}
#adminPortal .admin-top-logo,#adminPortal .admin-login-logo{filter:none!important;}
#adminPortal .admin-brand-row{min-width:0;}
#adminPortal #adminRoleBadge{font-family:'DM Sans',sans-serif!important;}
#adminPortal #adminEmailDisplay{color:var(--admin-muted)!important;}
#adminPortal .btn-primary,#adminPortal button.primary,#adminPortal .admin-primary{background:var(--admin-green)!important;color:#fff!important;border-color:var(--admin-green)!important;}
#adminPortal .btn-primary:hover,#adminPortal button.primary:hover,#adminPortal .admin-primary:hover{background:#365E4E!important;}
@media(max-width:760px){#adminPortal #adminNav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}#adminPortal #adminNav button{min-height:42px!important;text-align:start!important;}}

/* FINAL ADMIN OVERRIDES — brand system only */
#adminPortal,
#adminPortal #adminDash,
#adminPortal #adminContent{background:#0D0D0D!important;color:#F7F3EC!important;}
#adminPortal #adminLogin > div{background:#171717!important;border-color:rgba(200,165,106,.24)!important;}
#adminPortal .admin-login-logo,
#adminPortal .admin-top-logo{content:url('./assets/Images/Brand/logo-ar-white.png')!important;}
#adminPortal #adminLogin #adminSignInBtn{background:#171717!important;border:1px solid #C8A56A!important;color:#F7F3EC!important;}
#adminPortal #adminLogin #adminSignInBtn:hover{background:#242424!important;}
#adminPortal #adminDash > div:first-child{background:#171717!important;border-bottom-color:#342F2A!important;}
#adminPortal #adminDash > div:nth-child(2) > nav{background:#171717!important;border-color:#342F2A!important;}
#adminPortal #adminNav button.active,#adminPortal #adminNav button[aria-current="page"]{background:rgba(200,165,106,.07)!important;border-inline-start-color:#C8A56A!important;color:#F7F3EC!important;}


/* ========================================================================
   ADMIN LIGHT BRAND SYSTEM — same surface language as the storefront
   White / Ivory / Gold. Burgundy is reserved for destructive/error states.
   ======================================================================== */
#adminPortal{
  --admin-bg:#FAF6EE!important;
  --admin-surface:#FFFFFF!important;
  --admin-surface-2:#F3EBDD!important;
  --admin-line:#D8CDBE!important;
  --admin-text:#2A1A14!important;
  --admin-muted:#786B60!important;
  --admin-gold:#C8A56A!important;
  background:#FAF6EE!important;
  color:#2A1A14!important;
  font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif!important;
}
#adminPortal #adminDash,
#adminPortal #adminContent{background:#FAF6EE!important;color:#2A1A14!important;}
#adminPortal #adminLoading{background:#FAF6EE!important;color:#786B60!important;}
#adminPortal #adminLogin{background:#FAF6EE!important;}
#adminPortal #adminLogin > div{
  background:#FFFFFF!important;
  border:1px solid #D8CDBE!important;
  box-shadow:0 18px 48px rgba(42,26,20,.10)!important;
}
#adminPortal .admin-login-logo,
#adminPortal .admin-top-logo{
  content:url('./assets/Images/Brand/logo-ar-black.png')!important;
  filter:none!important;
}
#adminPortal .admin-login-logo{width:min(250px,82%)!important;}
#adminPortal .admin-top-logo{width:190px!important;}
#adminPortal .admin-eyebrow{color:#C8A56A!important;}
#adminPortal #adminLogin label{color:#786B60!important;}
#adminPortal #adminLogin input,
#adminPortal #adminLogin select,
#adminPortal #adminLogin textarea,
#adminPortal #adminContent input,
#adminPortal #adminContent select,
#adminPortal #adminContent textarea{
  background:#FAF6EE!important;
  color:#2A1A14!important;
  border-color:#CFC2B2!important;
  -webkit-text-fill-color:#2A1A14!important;
}
#adminPortal #adminLogin input::placeholder,
#adminPortal #adminContent input::placeholder,
#adminPortal #adminContent textarea::placeholder{color:#9C8F83!important;opacity:1!important;}
#adminPortal #adminLogin input:focus,
#adminPortal #adminContent input:focus,
#adminPortal #adminContent select:focus,
#adminPortal #adminContent textarea:focus{
  border-color:#C8A56A!important;
  box-shadow:0 0 0 3px rgba(200,165,106,.12)!important;
}
#adminPortal #adminLogin #adminSignInBtn{
  background:#171717!important;
  border:1px solid #171717!important;
  color:#FFFFFF!important;
}
#adminPortal #adminLogin #adminSignInBtn:hover{background:#2A1A14!important;}
#adminPortal #adminLogin a{color:#6A4632!important;}
#adminPortal #adminLoginErr{color:#6B1A2A!important;}
#adminPortal #adminDash > div:first-child{
  background:#FFFFFF!important;
  border-bottom:1px solid #D8CDBE!important;
}
#adminPortal #adminDash > div:nth-child(2){background:#FAF6EE!important;}
#adminPortal #adminDash > div:nth-child(2) > nav{
  background:#FFFFFF!important;
  border-right:1px solid #D8CDBE!important;
  border-left:0!important;
}
#adminPortal #adminContent{background:#FAF6EE!important;}
#adminPortal #adminNav button{
  color:#6A5C51!important;
  background:transparent!important;
  border-inline-start-color:transparent!important;
}
#adminPortal #adminNav button:hover,
#adminPortal #adminNav button.active,
#adminPortal #adminNav button[aria-current="page"]{
  color:#2A1A14!important;
  background:#F3EBDD!important;
}
#adminPortal #adminNav button.active,
#adminPortal #adminNav button[aria-current="page"]{border-inline-start-color:#C8A56A!important;}
#adminPortal #adminRoleBadge{color:#6A4632!important;border-color:rgba(200,165,106,.55)!important;background:rgba(200,165,106,.12)!important;}
#adminPortal #adminEmailDisplay{color:#786B60!important;}
#adminPortal #adminDash button[onclick="adminSignOut()"]{color:#6A5C51!important;border-color:#D8CDBE!important;background:#FFFFFF!important;}
#adminPortal #adminDash button[onclick="adminSignOut()"]:hover{color:#2A1A14!important;background:#F3EBDD!important;}

/* Generated CMS content contains inline dark colors. These attribute selectors
   deliberately override only admin-scoped presentation, never storefront CSS. */
#adminPortal [style*="background:#171717"],
#adminPortal [style*="background: #171717"],
#adminPortal [style*="background:#1A0F08"],
#adminPortal [style*="background:#0D0D0D"],
#adminPortal [style*="background:#120C08"],
#adminPortal [style*="background:#21140D"],
#adminPortal [style*="background:#24150E"],
#adminPortal [style*="background:#231508"],
#adminPortal [style*="background:rgba(233,221,200,.05)"],
#adminPortal [style*="background:rgba(233,221,200,.04)"],
#adminPortal [style*="background:rgba(233,221,200,.06)"]{
  background:#FFFFFF!important;
}
#adminPortal [style*="border:1px solid rgba(200,165,106"],
#adminPortal [style*="border:1px solid #3A332D"],
#adminPortal [style*="border:1px solid #4A3D34"],
#adminPortal [style*="border:1.5px solid rgba(200,165,106"],
#adminPortal [style*="border-bottom:1px solid rgba(200,165,106"],
#adminPortal [style*="border-top:1px solid rgba(200,165,106"]{
  border-color:#D8CDBE!important;
}
#adminPortal [style*="color:#E9DDC8"],
#adminPortal [style*="color:#F0E7DB"],
#adminPortal [style*="color:#F7F3EC"],
#adminPortal [style*="color:#F2EAE0"],
#adminPortal [style*="color:rgba(233,221,200"],
#adminPortal [style*="color:rgba(240,226,196"]{
  color:#2A1A14!important;
}
#adminPortal [style*="color:rgba(200,165,106,.4)"],
#adminPortal [style*="color:rgba(200,165,106,.45)"],
#adminPortal [style*="color:rgba(200,165,106,.5)"],
#adminPortal [style*="color:rgba(200,165,106,.55)"],
#adminPortal [style*="color:rgba(200,165,106,.6)"],
#adminPortal [style*="color:#C8A56A"]{
  color:#8B6D37!important;
}
#adminPortal [style*="background:#6B1A2A"],
#adminPortal [style*="background:rgba(107,26,42,.25)"]{
  background:#6B1A2A!important;
  color:#FFFFFF!important;
}
#adminPortal [style*="color:#e07070"],
#adminPortal [style*="color:#c0392b"]{color:#6B1A2A!important;}

/* Neutralize the old green primary buttons and status accents without
   changing destructive/error states. */
#adminPortal button[style*="#2D4A3E"],
#adminPortal button[style*="#365E4E"],
#adminPortal [style*="color:#2D4A3E"]{
  background:#171717!important;
  color:#FFFFFF!important;
  border-color:#171717!important;
}

/* Inputs affected by browser autofill stay visually blank/light until the
   user intentionally focuses them. */
#adminEmail:-webkit-autofill,
#adminEmail:-webkit-autofill:hover,
#adminEmail:-webkit-autofill:focus,
#adminPass:-webkit-autofill,
#adminPass:-webkit-autofill:hover,
#adminPass:-webkit-autofill:focus{
  -webkit-text-fill-color:#2A1A14!important;
  -webkit-box-shadow:0 0 0 1000px #FAF6EE inset!important;
  box-shadow:0 0 0 1000px #FAF6EE inset!important;
  caret-color:#2A1A14!important;
}

@media(max-width:760px){
  #adminPortal #adminDash > div:first-child{padding:.7rem .85rem!important;}
  #adminPortal .admin-top-logo{width:150px!important;max-height:44px!important;}
  #adminPortal #adminDash > div:nth-child(2) > nav{width:100%!important;border-right:0!important;border-bottom:1px solid #D8CDBE!important;}
}


/* ── CMS shared primitives ── */
#adminPortal .a-card{
  background:#2A1A14;
  border:1px solid rgba(200,165,106,.12);
  border-radius:12px;
  padding:1.4rem;
}
#adminPortal .a-field{margin-bottom:.9rem}
#adminPortal .a-field label{
  display:block;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:rgba(200,165,106,.55);
  margin-bottom:.3rem;
}
#adminPortal .a-input,
#adminPortal .a-textarea,
#adminPortal .a-select{
  width:100%;
  padding:.55rem .8rem;
  background:rgba(233,221,200,.05);
  border:1.5px solid rgba(200,165,106,.18);
  border-radius:7px;
  color:#E9DDC8;
  font-family:'DM Sans',sans-serif;
  font-size:.82rem;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}
#adminPortal .a-textarea{resize:vertical}
#adminPortal .a-select{cursor:pointer;background:#231508}
#adminPortal .a-input:focus,
#adminPortal .a-textarea:focus,
#adminPortal .a-select:focus{
  border-color:rgba(200,165,106,.5);
  box-shadow:0 0 0 3px rgba(200,165,106,.06);
}
#adminPortal .a-btn{
  padding:.52rem 1.1rem;
  border-radius:7px;
  color:#E9DDC8;
  font-size:.78rem;
  font-weight:700;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:opacity .2s,background .2s,border-color .2s,color .2s;
}
#adminPortal .a-btn:hover{opacity:.82}
#adminPortal .a-btn-primary{background:#2D4A3E;border:0}
#adminPortal .a-btn-ghost{background:transparent;border:1px solid rgba(200,165,106,.25)}
#adminPortal .a-btn-danger{background:#6B1A2A;border:0}
#adminPortal .a-badge{
  display:inline-block;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  padding:.18rem .52rem;
  border-radius:100px;
}
#adminPortal .a-badge-gold{background:rgba(200,165,106,.15);color:#C8A56A}
#adminPortal .a-badge-green{background:rgba(45,74,62,.25);color:#7DBEAA}
#adminPortal .a-badge-red{background:rgba(107,26,42,.25);color:#e07070}
#adminPortal .a-page-header{margin-bottom:1.8rem}
#adminPortal .a-page-header h2{font-size:1.25rem;font-weight:700;color:#E9DDC8;margin:0 0 .2rem}
#adminPortal .a-page-header p{font-size:.78rem;color:rgba(233,221,200,.4);margin:0}
#adminPortal .a-card-title{font-size:.82rem;font-weight:700;color:#E9DDC8;margin-bottom:.7rem}
#adminPortal .a-help{font-size:.72rem;color:rgba(233,221,200,.48);line-height:1.6;margin:0 0 1rem}
#adminPortal .a-section-title-sm{font-size:.76rem;font-weight:700;color:#C8A56A;margin-bottom:.5rem}
#adminPortal .a-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
#adminPortal .a-subsection{border-top:1px solid rgba(200,165,106,.12);margin-top:1rem;padding-top:1rem}
#adminPortal .a-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}
#adminPortal .a-tabs{display:flex;gap:.3rem;margin-bottom:1.2rem;flex-wrap:wrap}
#adminPortal .a-tab{
  padding:.42rem 1rem;
  border-radius:7px;
  border:1px solid rgba(200,165,106,.2);
  background:transparent;
  color:rgba(233,221,200,.55);
  font-size:.76rem;
  font-weight:600;
  cursor:pointer;
  font-family:'DM Sans',sans-serif;
  transition:all .2s;
}
#adminPortal .a-tab.stab-on{background:rgba(200,165,106,.12);color:#C8A56A;border-color:rgba(200,165,106,.35)}
#adminPortal .a-nav-btn{
  width:100%;
  text-align:start;
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.52rem 1.3rem;
  background:none;
  border:0;
  border-inline-start:2px solid transparent;
  color:rgba(233,221,200,.5);
  font-size:.8rem;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;
  transition:all .2s;
}
#adminPortal .a-nav-btn:hover{color:#E9DDC8;background:rgba(200,165,106,.06)}
#adminPortal .a-nav-btn.active{color:#E9DDC8;background:rgba(200,165,106,.08);border-inline-start-color:#C8A56A}
#adminPortal .a-nav-icon{font-size:.9rem;line-height:1}
@media(max-width:760px){
  #adminPortal .a-grid-2{grid-template-columns:1fr}
  #adminPortal .a-card{padding:1.1rem}
  #adminPortal .a-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}
  #adminPortal .a-tab{white-space:nowrap}
}


/* ========================================================================
   FINAL ADMIN BRAND / READABILITY / SAVE FEEDBACK
   Brown surfaces are intentional; gold is reserved for active/focus/status.
   ======================================================================== */
#adminPortal{
  --admin-bg:#F7F1E7!important;
  --admin-surface:#FFFFFF!important;
  --admin-surface-2:#EFE4D5!important;
  --admin-brown:#2A1A14!important;
  --admin-brown-2:#6A4632!important;
  --admin-gold:#C8A56A!important;
  --admin-text:#2A1A14!important;
  --admin-muted:#75665B!important;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
}
#adminPortal #adminDash,#adminPortal #adminContent,#adminPortal #adminLoading,#adminPortal #adminLogin{background:var(--admin-bg)!important;color:var(--admin-text)!important;}
#adminPortal #adminLogin > div,#adminPortal .a-card{
  background:var(--admin-surface)!important;
  color:var(--admin-text)!important;
  border:1px solid #D8C9B8!important;
  box-shadow:0 14px 34px rgba(42,26,20,.08)!important;
}
#adminPortal .a-card{border-radius:10px!important;}
#adminPortal .a-card-title,#adminPortal .a-page-header h2{color:var(--admin-brown)!important;}
#adminPortal .a-page-header p,#adminPortal .a-help{color:var(--admin-muted)!important;}
#adminPortal .a-field label,#adminPortal .a-section-title-sm{color:var(--admin-brown-2)!important;}
#adminPortal .a-input,#adminPortal .a-textarea,#adminPortal .a-select,
#adminPortal #adminLogin input{
  background:#FBF8F2!important;
  color:#2A1A14!important;
  border-color:#CFC0AE!important;
  -webkit-text-fill-color:#2A1A14!important;
}
#adminPortal .a-input:focus,#adminPortal .a-textarea:focus,#adminPortal .a-select:focus,
#adminPortal #adminLogin input:focus{border-color:#C8A56A!important;box-shadow:0 0 0 3px rgba(200,165,106,.16)!important;}
#adminPortal .a-btn-primary{background:#2A1A14!important;color:#FFFFFF!important;border:1px solid #2A1A14!important;}
#adminPortal .a-btn-primary:hover{background:#6A4632!important;border-color:#6A4632!important;}
#adminPortal .a-btn-ghost{background:#FFFFFF!important;color:#2A1A14!important;border-color:#BDAA95!important;}
#adminPortal .a-btn-ghost:hover{background:#EFE4D5!important;}
#adminPortal .a-btn-danger{background:#6B1A2A!important;color:#FFFFFF!important;}
#adminPortal #adminNav button{color:#6A4632!important;}
#adminPortal #adminNav button:hover,#adminPortal #adminNav button.active,#adminPortal #adminNav button[aria-current="page"]{background:#EFE4D5!important;color:#2A1A14!important;border-inline-start-color:#C8A56A!important;}
#adminPortal #adminSaveStatus{display:inline-flex;align-items:center;min-width:0;font-size:.68rem;font-weight:700;line-height:1.2;color:#6A4632!important;opacity:0;transform:translateY(-1px);transition:opacity .2s,transform .2s;max-width:260px;}
#adminPortal #adminSaveStatus.is-ok,#adminPortal #adminSaveStatus.is-error{opacity:1;transform:none;}
#adminPortal #adminSaveStatus.is-ok{color:#2D4A3E!important;}
#adminPortal #adminSaveStatus.is-error{color:#6B1A2A!important;}
#adminPortal .a-btn.is-saved{background:#2D4A3E!important;color:#FFFFFF!important;border-color:#2D4A3E!important;}
@media(max-width:760px){#adminPortal #adminSaveStatus{max-width:150px;font-size:.62rem;}}

#adminPortal #adminContent [style*="color:#E9DDC8"],
#adminPortal #adminContent [style*="color:rgba(233,221,200"],
#adminPortal #adminContent [style*="color:#E5DDD3"]{color:#2A1A14!important;}
#adminPortal #adminContent [style*="background:#2A1A14"],
#adminPortal #adminContent [style*="background:#171717"]{background:#FFFFFF!important;}
#adminPortal #adminContent [style*="background:rgba(233,221,200"]{background:#F7F1E7!important;}
#adminPortal .a-btn.is-saving{opacity:.6!important;cursor:wait!important;pointer-events:none!important;}
#adminPortal #adminLogin input::placeholder{color:#8B7B6E!important;-webkit-text-fill-color:#8B7B6E!important;}


/* ========================================================================
   FINAL ADMIN V7 — readable copy, stable direction, mobile management UI
   ======================================================================== */
#adminPortal{
  direction:ltr!important;
  text-align:left!important;
  overflow-x:hidden!important;
}
#adminPortal .a-page-header,
#adminPortal .a-card,
#adminPortal .a-help,
#adminPortal .a-field,
#adminPortal .a-section-title-sm,
#adminPortal .a-subsection{direction:ltr!important;text-align:left!important;}
#adminPortal .a-page-header h2,
#adminPortal .a-card-title,
#adminPortal .a-field label,
#adminPortal .a-section-title-sm{opacity:1!important;visibility:visible!important;}
#adminPortal .a-page-header p,
#adminPortal .a-help{opacity:1!important;visibility:visible!important;color:#75665B!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
#adminPortal .a-tab{opacity:1!important;color:#6A4632!important;background:#FFFFFF!important;font-weight:700!important;}
#adminPortal .a-tab.stab-on{color:#6A4632!important;background:#EFE4D5!important;border-color:#C8A56A!important;}
#adminPortal .a-nav-btn{opacity:1!important;color:#6A4632!important;}
#adminPortal #adminContent{min-width:0!important;overflow-x:auto!important;}
#adminPortal #adminSaveFeedback{font-size:.78rem!important;font-weight:800!important;letter-spacing:.01em!important;padding:.65rem 1rem!important;}
#adminPortal .a-btn{min-height:38px!important;}
#adminPortal .a-input,#adminPortal .a-textarea,#adminPortal .a-select{min-height:40px!important;font-size:.84rem!important;}

@media(max-width:760px){
  #adminPortal{font-size:14px!important;}
  #adminPortal #adminDash > div:first-child{
    position:sticky!important;top:0!important;z-index:100!important;
    display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;
    padding:.65rem .75rem!important;
  }
  #adminPortal #adminDash > div:first-child .admin-brand-row{
    flex:1 1 180px!important;min-width:0!important;
  }
  #adminPortal #adminDash > div:first-child > div:nth-child(2){
    flex:1 1 100%!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:.5rem!important;
  }
  #adminPortal .admin-top-logo{width:138px!important;max-width:55vw!important;height:auto!important;}
  #adminPortal #adminEmailDisplay{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #adminPortal #adminSaveStatus{order:3!important;flex:1 1 100%!important;max-width:none!important;min-height:18px!important;}
  #adminPortal #adminDash > div:nth-child(2){
    display:flex!important;flex-direction:column!important;min-height:calc(100dvh - 96px)!important;
  }
  #adminPortal #adminDash > div:nth-child(2) > nav{
    width:100%!important;flex:0 0 auto!important;padding:.55rem!important;
    border-right:0!important;border-left:0!important;border-bottom:1px solid #D8CDBE!important;
    position:sticky!important;top:96px!important;z-index:90!important;
  }
  #adminPortal #adminDash > div:nth-child(2) > nav > div:first-child{display:none!important;}
  #adminPortal #adminNav{
    width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;
  }
  #adminPortal #adminNav button{
    width:100%!important;min-height:44px!important;padding:.58rem .68rem!important;
    border:1px solid #D8CDBE!important;border-inline-start:2px solid transparent!important;
    border-radius:7px!important;background:#FFFFFF!important;
    font-size:.74rem!important;line-height:1.25!important;text-align:left!important;
  }
  #adminPortal #adminNav button.active,#adminPortal #adminNav button[aria-current="page"]{
    background:#EFE4D5!important;border-color:#C8A56A!important;border-inline-start-color:#C8A56A!important;
  }
  #adminPortal #adminDash > div:nth-child(2) > main{
    width:100%!important;flex:1 1 auto!important;padding:1rem .8rem 2rem!important;min-width:0!important;
  }
  #adminPortal .a-page-header{margin-bottom:1rem!important;}
  #adminPortal .a-page-header h2{font-size:1.25rem!important;line-height:1.2!important;}
  #adminPortal .a-page-header p{font-size:.78rem!important;line-height:1.55!important;}
  #adminPortal .a-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:.35rem!important;margin-bottom:1rem!important;padding:.15rem 0 .35rem!important;scrollbar-width:thin!important;}
  #adminPortal .a-tab{flex:0 0 auto!important;min-height:40px!important;padding:.48rem .72rem!important;font-size:.72rem!important;white-space:nowrap!important;}
  #adminPortal .a-card{padding:1rem!important;margin-bottom:.8rem!important;}
  #adminPortal .a-grid-2{grid-template-columns:1fr!important;gap:.65rem!important;}
  #adminPortal .a-field{margin-bottom:.7rem!important;}
  #adminPortal .a-field label{font-size:.72rem!important;line-height:1.35!important;margin-bottom:.35rem!important;}
  #adminPortal .a-input,#adminPortal .a-textarea,#adminPortal .a-select{font-size:.84rem!important;min-height:42px!important;padding:.6rem .72rem!important;}
  #adminPortal .a-textarea{min-height:88px!important;}
  #adminPortal .a-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;}
  #adminPortal .a-actions .a-btn,#adminPortal .a-card > .a-btn{flex:1 1 145px!important;}
  #adminPortal #adminContent table{min-width:620px!important;}
  #adminPortal #adminContent .a-help code{word-break:break-word!important;}
  #adminPortal #adminSaveFeedback{top:12px!important;max-width:calc(100vw - 24px)!important;text-align:center!important;}
}

@media(max-width:360px){
  #adminPortal #adminNav{grid-template-columns:1fr!important;}
  #adminPortal #adminNav button{min-height:42px!important;}
  #adminPortal #adminDash > div:nth-child(2) > nav{top:98px!important;}
}


/* ========================================================================
   FINAL ADMIN V8 — stable hooks, readable content, mobile-first management
   ======================================================================== */
#adminPortal{color:#2A1A14!important;background:#FAF6EE!important;}
#adminPortal .admin-topbar{min-width:0!important;}
#adminPortal .admin-top-actions{min-width:0!important;display:flex!important;align-items:center!important;gap:.75rem!important;}
#adminPortal .admin-sidebar{min-width:200px!important;}
#adminPortal .admin-main{min-width:0!important;overflow-x:auto!important;}
#adminPortal #adminContent,
#adminPortal #adminContent h1,
#adminPortal #adminContent h2,
#adminPortal #adminContent h3,
#adminPortal #adminContent h4,
#adminPortal #adminContent p,
#adminPortal #adminContent span,
#adminPortal #adminContent label,
#adminPortal #adminContent small,
#adminPortal #adminContent li,
#adminPortal #adminContent code,
#adminPortal #adminContent th,
#adminPortal #adminContent td{
  opacity:1!important;
  visibility:visible!important;
}
#adminPortal #adminContent .a-page-header h2,
#adminPortal #adminContent .a-card-title,
#adminPortal #adminContent .a-field label,
#adminPortal #adminContent .a-section-title-sm{
  color:#2A1A14!important;
  opacity:1!important;
}
#adminPortal #adminContent .a-page-header p,
#adminPortal #adminContent .a-help{
  color:#75665B!important;
  opacity:1!important;
  visibility:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#adminPortal #adminContent .a-help code{
  color:#6A4632!important;
  background:#F3EBDD!important;
  border:1px solid #D8CDBE!important;
  border-radius:4px!important;
  padding:.08rem .28rem!important;
}
#adminPortal #adminContent .a-tab{
  color:#2A1A14!important;
  background:#FFFFFF!important;
  border-color:#CFC2B2!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
#adminPortal #adminContent .a-tab.stab-on{
  color:#2A1A14!important;
  background:#F3EBDD!important;
  border-color:#C8A56A!important;
}
#adminPortal #adminContent .a-card{
  color:#2A1A14!important;
  background:#FFFFFF!important;
  border-color:#D8CDBE!important;
}
#adminPortal #adminContent .a-card *:not(.a-btn):not(.a-badge):not(svg):not(path){
  opacity:1!important;
  visibility:visible!important;
}
#adminPortal #adminContent .a-input,
#adminPortal #adminContent .a-textarea,
#adminPortal #adminContent .a-select{
  color:#2A1A14!important;
  background:#FAF6EE!important;
  border-color:#CFC2B2!important;
  -webkit-text-fill-color:#2A1A14!important;
}
#adminPortal .admin-topbar .admin-top-actions > *{max-width:100%;}

@media(max-width:760px){
  #adminPortal .admin-topbar{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.55rem!important;
    padding:.65rem .7rem!important;
  }
  #adminPortal .admin-brand-row{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.5rem!important;
  }
  #adminPortal .admin-top-logo{width:140px!important;max-width:46vw!important;height:auto!important;}
  #adminPortal .admin-top-actions{
    width:100%!important;
    justify-content:flex-start!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:.45rem!important;
  }
  #adminPortal .admin-top-actions #adminRoleBadge{order:1!important;}
  #adminPortal .admin-top-actions #adminEmailDisplay{order:2!important;flex:1 1 150px!important;min-width:0!important;}
  #adminPortal .admin-top-actions #adminSaveStatus{order:3!important;flex:1 1 100%!important;}
  #adminPortal .admin-top-actions button{order:4!important;min-height:38px!important;}
  #adminPortal .admin-shell{display:flex!important;flex-direction:column!important;min-height:0!important;}
  #adminPortal .admin-sidebar{
    width:100%!important;
    min-width:0!important;
    padding:.55rem!important;
    border:0!important;
    border-bottom:1px solid #D8CDBE!important;
    position:static!important;
  }
  #adminPortal .admin-sidebar > div:first-child{display:none!important;}
  #adminPortal #adminNav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  #adminPortal #adminNav button{
    min-height:44px!important;
    width:100%!important;
    padding:.6rem .7rem!important;
    font-size:.74rem!important;
    border:1px solid #D8CDBE!important;
    border-inline-start:2px solid transparent!important;
    border-radius:7px!important;
    text-align:left!important;
  }
  #adminPortal #adminNav button.active,
  #adminPortal #adminNav button[aria-current="page"]{
    background:#F3EBDD!important;
    border-color:#C8A56A!important;
    border-inline-start-color:#C8A56A!important;
    color:#2A1A14!important;
  }
  #adminPortal .admin-main{
    width:100%!important;
    padding:1rem .75rem 2rem!important;
    overflow-x:auto!important;
  }
  #adminPortal #adminContent .a-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:.4rem!important;
    padding:.15rem 0 .4rem!important;
    margin-bottom:1rem!important;
    scrollbar-width:thin!important;
  }
  #adminPortal #adminContent .a-tab{flex:0 0 auto!important;min-height:42px!important;padding:.55rem .78rem!important;font-size:.72rem!important;white-space:nowrap!important;}
  #adminPortal #adminContent .a-card{padding:1rem!important;margin-bottom:.8rem!important;overflow:visible!important;}
  #adminPortal #adminContent .a-grid-2{grid-template-columns:1fr!important;gap:.65rem!important;}
  #adminPortal #adminContent .a-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:.5rem!important;}
  #adminPortal #adminContent .a-actions .a-btn{flex:1 1 140px!important;min-height:42px!important;}
  #adminPortal #adminContent table{min-width:650px!important;}
  #adminPortal #adminSaveFeedback{top:10px!important;max-width:calc(100vw - 20px)!important;text-align:center!important;}
}

@media(max-width:420px){
  #adminPortal .admin-top-logo{width:122px!important;max-width:42vw!important;}
  #adminPortal .admin-top-actions{gap:.35rem!important;}
  #adminPortal .admin-top-actions #adminEmailDisplay{flex-basis:120px!important;font-size:.68rem!important;}
  #adminPortal #adminNav{grid-template-columns:1fr!important;}
  #adminPortal #adminContent .a-page-header h2{font-size:1.12rem!important;}
}

/* ── Customer-journey pass (2026-09-23) ─────────────────────────────────
   Order-complete recap (items, shipping, discount, amount due on delivery),
   dark-mode title contrast, no second dark box inside the dark sheet, and a
   red outline on the specific checkout fields that failed validation. */
.co-sum{padding:.62rem 0 .58rem;border-bottom:1px solid var(--br);display:flex;flex-direction:column;gap:.3rem}
.co-sum-row{font-size:.8rem}
.co-sum-item{color:var(--tx2);font-weight:500;min-width:0}
body.ar .co-sum-item{font-family:'IBM Plex Sans Arabic',sans-serif}
.co-sum-disc{color:var(--burg)}
.co-sum-total{margin-top:.18rem;padding-top:.42rem;border-top:1px dashed var(--br);font-weight:700;color:var(--tx);font-size:.88rem}
body.ar .co-sum-total{font-family:'IBM Plex Sans Arabic',sans-serif}
[data-theme=dark] .co-success-mode .co-title{color:var(--tx)}
[data-theme=dark] .co-success{background:transparent}
.co-ff input.co-invalid,.co-ff select.co-invalid{border-color:#B3261E}
[data-theme=dark] .co-ff input.co-invalid,[data-theme=dark] .co-ff select.co-invalid{border-color:#F2B8B5}