/* =============================================================================
   WinkPanel - AURORA design system
   Deep violet + mint. Light & dark. Author: Claude, 2026-09
   ============================================================================= */

:root{
  --au-sans:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --au-ar:'Cairo','Noto Sans Arabic',var(--au-sans);

  --au-primary:#5E2B97;
  --au-primary-600:#4C1F80;
  --au-primary-700:#3A1566;
  --au-primary-300:#A87BD8;
  --au-primary-soft:#F1EAFB;
  --au-primary-rgb:94,43,151;

  --au-accent:#C2185B;
  --au-accent-600:#A3144C;
  --au-accent-soft:#FCE4EE;
  --au-accent-rgb:194,24,91;

  --au-success:#16A34A;   --au-success-soft:#DCFCE7;
  --au-warning:#F59E0B;   --au-warning-soft:#FEF3C7;
  --au-danger:#E11D48;    --au-danger-soft:#FFE4E9;
  --au-info:#3B82F6;      --au-info-soft:#DBEAFE;

  --au-bg:#F6F3FA;
  --au-bg-grad:radial-gradient(1200px 600px at 12% -10%,rgba(94,43,151,.10),transparent 60%),
               radial-gradient(900px 500px at 105% 0%,rgba(194,24,91,.10),transparent 55%);
  --au-surface:#FFFFFF;
  --au-surface-2:#FCFAFE;
  --au-surface-3:#F3EEF9;
  --au-border:#ECE4F5;
  --au-border-soft:#F4EDF9;

  --au-text:#1B1030;
  --au-text-2:#544868;
  --au-muted:#857A99;
  --au-faint:#AEA3BE;

  --au-sidebar-bg:#FFFFFF;
  --au-sidebar-text:#5A4F70;
  --au-sidebar-strong:#1B1030;
  --au-sidebar-hover:rgba(94,43,151,.07);
  --au-sidebar-active-bg:linear-gradient(90deg,rgba(94,43,151,.13),rgba(94,43,151,.04));

  --au-topbar-bg:rgba(255,255,255,.78);
  --au-topbar-border:#EDE4F4;

  --au-shadow-xs:0 1px 2px rgba(21,20,43,.05);
  --au-shadow-sm:0 2px 8px rgba(21,20,43,.05);
  --au-shadow:0 10px 30px -12px rgba(46,35,105,.16),0 2px 8px rgba(46,35,105,.05);
  --au-shadow-lg:0 24px 60px -20px rgba(46,35,105,.28);
  --au-glow:0 8px 24px -8px rgba(var(--au-primary-rgb),.55);

  --au-r-sm:10px; --au-r:14px; --au-r-lg:20px; --au-r-xl:26px; --au-r-pill:999px;
  --au-sidebar-w:266px; --au-sidebar-mini:80px; --au-topbar-h:70px;
  --au-ease:cubic-bezier(.22,.61,.36,1);
}

html.au-dark{
  --au-bg:#0F0819;
  --au-bg-grad:radial-gradient(1100px 560px at 10% -12%,rgba(94,43,151,.20),transparent 60%),
               radial-gradient(880px 480px at 104% -4%,rgba(194,24,91,.12),transparent 58%);
  --au-surface:#1A0F2C;
  --au-surface-2:#201234;
  --au-surface-3:#291840;
  --au-border:#33204D;
  --au-border-soft:#291840;

  --au-text:#EFE6F8;
  --au-text-2:#C9BCDC;
  --au-muted:#9C8DB4;
  --au-faint:#786C90;

  --au-primary:#A05AE0;
  --au-primary-600:#8E3BC9;
  --au-primary-300:#CBA6EE;
  --au-primary-soft:rgba(160,90,224,.16);
  --au-primary-rgb:160,90,224;

  --au-accent-soft:rgba(194,24,91,.16);
  --au-success-soft:rgba(22,163,74,.18);
  --au-warning-soft:rgba(245,158,11,.18);
  --au-danger-soft:rgba(225,29,72,.18);
  --au-info-soft:rgba(59,130,246,.18);

  --au-sidebar-bg:#150B24;
  --au-sidebar-text:#A79BBE;
  --au-sidebar-strong:#FFFFFF;
  --au-sidebar-hover:rgba(160,90,224,.12);
  --au-sidebar-active-bg:linear-gradient(90deg,rgba(160,90,224,.22),rgba(160,90,224,.04));

  --au-topbar-bg:rgba(21,11,36,.80);
  --au-topbar-border:#2C1B45;

  --au-shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --au-shadow-sm:0 2px 10px rgba(0,0,0,.35);
  --au-shadow:0 14px 34px -14px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.3);
  --au-shadow-lg:0 30px 70px -24px rgba(0,0,0,.75);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--au-sans);font-size:14.5px;line-height:1.6;
  color:var(--au-text);background:var(--au-bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
body::before{content:'';position:fixed;inset:0;background:var(--au-bg-grad);pointer-events:none;z-index:0}
html[dir="rtl"] body,html[lang="ar"] body{font-family:var(--au-ar)}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.018em;color:var(--au-text);margin:0 0 .5rem}
h1{font-size:1.9rem}h2{font-size:1.55rem}h3{font-size:1.3rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.92rem}
a{color:var(--au-primary);text-decoration:none;transition:color .18s var(--au-ease)}
a:hover{color:var(--au-primary-600)}
p{margin:0 0 .9rem}
hr{border:0;border-top:1px solid var(--au-border);opacity:1;margin:1.25rem 0}
small,.small{font-size:.82rem}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--au-surface-3);padding:.15em .42em;border-radius:6px}
::selection{background:rgba(var(--au-primary-rgb),.24)}
:focus-visible{outline:2px solid var(--au-primary);outline-offset:2px;border-radius:6px}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--au-border);border-radius:99px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--au-faint);background-clip:content-box;border:3px solid transparent}

.au-muted{color:var(--au-muted)!important}
.au-faint{color:var(--au-faint)!important}
.au-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--au-faint)}
.au-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* =========================== APP SHELL =========================== */
.au-app{position:relative;min-height:100vh}
.au-sidebar{
  position:fixed;inset-block:0;inset-inline-start:0;width:var(--au-sidebar-w);
  background:var(--au-sidebar-bg);border-inline-end:1px solid var(--au-border);
  display:flex;flex-direction:column;z-index:1040;
  transition:width .28s var(--au-ease),transform .28s var(--au-ease);
}
.au-main{
  margin-inline-start:var(--au-sidebar-w);min-height:100vh;
  display:flex;flex-direction:column;transition:margin .28s var(--au-ease);
}
.au-content{flex:1;padding:22px clamp(16px,2.4vw,34px) 56px;width:100%;max-width:1680px;margin-inline:auto}

/* --- brand --- */
.au-brand{display:flex;align-items:center;gap:11px;height:var(--au-topbar-h);padding:0 20px;flex:0 0 auto;text-decoration:none}
.au-brand__mark{
  width:36px;height:36px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--au-primary),var(--au-accent));
  color:#fff;font-weight:800;font-size:.95rem;letter-spacing:-.04em;box-shadow:var(--au-glow);
}
.au-brand__text{font-weight:800;font-size:1.12rem;letter-spacing:-.035em;color:var(--au-sidebar-strong);white-space:nowrap}
.au-brand__text i{color:var(--au-accent);font-style:normal}
.au-brand__text b{font-weight:800;color:var(--au-primary)}

/* --- nav --- */
.au-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 12px 18px;scrollbar-width:thin}
.au-nav ul{list-style:none;margin:0;padding:0}
.au-nav__heading{
  font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:var(--au-faint);padding:18px 12px 7px;white-space:nowrap;
}
.au-link{
  display:flex;align-items:center;gap:12px;position:relative;
  padding:9.5px 12px;margin:2px 0;border-radius:12px;
  color:var(--au-sidebar-text);font-weight:600;font-size:.895rem;
  text-decoration:none;white-space:nowrap;transition:background .16s,color .16s;
}
.au-link:hover{background:var(--au-sidebar-hover);color:var(--au-primary)}
.au-link svg,.au-link .au-ic{width:19px;height:19px;flex:0 0 19px;stroke-width:2;opacity:.9}
.au-link__label{flex:1;overflow:hidden;text-overflow:ellipsis}
.au-link__caret{width:15px;height:15px;opacity:.55;transition:transform .22s var(--au-ease)}
.au-item.open > .au-link .au-link__caret{transform:rotate(90deg)}
html[dir="rtl"] .au-link__caret{transform:scaleX(-1)}
html[dir="rtl"] .au-item.open > .au-link .au-link__caret{transform:scaleX(-1) rotate(90deg)}

.au-item.active > .au-link,.au-link.active{
  background:var(--au-sidebar-active-bg);color:var(--au-primary);font-weight:700;
}
.au-item.active > .au-link::before,.au-link.active::before{
  content:'';position:absolute;inset-inline-start:-12px;top:50%;transform:translateY(-50%);
  width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--au-primary);
}
html[dir="rtl"] .au-item.active > .au-link::before,html[dir="rtl"] .au-link.active::before{border-radius:4px 0 0 4px}

.au-sub{overflow:hidden;max-height:0;transition:max-height .3s var(--au-ease)}
.au-item.open > .au-sub{max-height:840px}
.au-sub .au-link{
  padding-inline-start:44px;font-size:.855rem;font-weight:600;color:var(--au-muted);margin:1px 0;
}
.au-sub .au-link::after{
  content:'';position:absolute;inset-inline-start:23px;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;
}
.au-sub .au-link:hover,.au-sub .au-link.active{color:var(--au-primary);background:var(--au-sidebar-hover)}
.au-sub .au-link.active::before{display:none}
.au-sub .au-link.active::after{opacity:1;box-shadow:0 0 0 3px rgba(var(--au-primary-rgb),.18)}

/* --- sidebar footer --- */
.au-side-foot{flex:0 0 auto;padding:12px;border-top:1px solid var(--au-border-soft)}
.au-usercard{
  display:flex;align-items:center;gap:11px;padding:10px;border-radius:14px;
  background:var(--au-surface-2);border:1px solid var(--au-border-soft);text-decoration:none;
  transition:border-color .18s,box-shadow .18s;
}
.au-usercard:hover{border-color:rgba(var(--au-primary-rgb),.35);box-shadow:var(--au-shadow-sm)}
.au-avatar{
  width:38px;height:38px;border-radius:12px;flex:0 0 38px;object-fit:cover;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--au-primary),var(--au-primary-300));color:#fff;font-weight:800;font-size:.92rem;
}
.au-usercard__meta{min-width:0;line-height:1.25}
.au-usercard__name{display:block;font-weight:700;font-size:.87rem;color:var(--au-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-usercard__role{display:block;font-size:.72rem;color:var(--au-muted);text-transform:capitalize}

/* --- collapsed sidebar --- */
@media (min-width:992px){
  body.au-mini .au-sidebar{width:var(--au-sidebar-mini)}
  body.au-mini .au-main{margin-inline-start:var(--au-sidebar-mini)}
  body.au-mini .au-brand{justify-content:center;padding:0}
  body.au-mini .au-brand__text,
  body.au-mini .au-link__label,
  body.au-mini .au-link__caret,
  body.au-mini .au-usercard__meta{display:none}
  body.au-mini .au-nav__heading{font-size:0;padding:14px 12px 6px}
  body.au-mini .au-nav__heading::after{content:'';display:block;height:1px;background:var(--au-border)}
  body.au-mini .au-link{justify-content:center;padding:11px 0}
  body.au-mini .au-sub{display:none}
  body.au-mini .au-usercard{justify-content:center;padding:8px}
}

/* --- mobile --- */
@media (max-width:991.98px){
  .au-sidebar{transform:translateX(-102%)}
  html[dir="rtl"] .au-sidebar{transform:translateX(102%)}
  body.au-open .au-sidebar{transform:none;box-shadow:var(--au-shadow-lg)}
  .au-main{margin-inline-start:0}
  .au-scrim{position:fixed;inset:0;background:rgba(12,11,23,.5);backdrop-filter:blur(2px);z-index:1035;opacity:0;visibility:hidden;transition:.2s}
  body.au-open .au-scrim{opacity:1;visibility:visible}
}

/* =========================== TOPBAR =========================== */
.au-topbar{
  position:sticky;top:0;z-index:1030;height:var(--au-topbar-h);
  display:flex;align-items:center;gap:12px;padding:0 clamp(14px,2.2vw,28px);
  background:var(--au-topbar-bg);backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--au-topbar-border);
}
.au-iconbtn{
  width:40px;height:40px;flex:0 0 40px;border-radius:12px;border:1px solid transparent;
  background:transparent;color:var(--au-text-2);display:grid;place-items:center;cursor:pointer;
  transition:background .16s,color .16s,border-color .16s;position:relative;
}
.au-iconbtn:hover{background:var(--au-surface-3);color:var(--au-primary)}
.au-iconbtn svg{width:19px;height:19px;stroke-width:2}
.au-iconbtn .au-dot{
  position:absolute;top:8px;inset-inline-end:8px;min-width:16px;height:16px;padding:0 4px;
  border-radius:99px;background:var(--au-danger);color:#fff;font-size:.62rem;font-weight:800;
  display:grid;place-items:center;box-shadow:0 0 0 2px var(--au-surface);
}
.au-search{
  flex:1;max-width:400px;display:flex;align-items:center;gap:9px;height:42px;padding:0 14px;
  border-radius:var(--au-r-pill);background:var(--au-surface-3);border:1px solid transparent;
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.au-search:focus-within{background:var(--au-surface);border-color:rgba(var(--au-primary-rgb),.45);box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.10)}
.au-search svg{width:17px;height:17px;color:var(--au-faint);flex:0 0 17px}
.au-search input{flex:1;border:0;background:transparent;outline:0;font:inherit;font-size:.885rem;color:var(--au-text);min-width:0}
.au-search input::placeholder{color:var(--au-faint)}
.au-search kbd{background:var(--au-surface);border:1px solid var(--au-border);color:var(--au-faint);font-size:.66rem;padding:.14em .42em}

.au-chip{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:var(--au-r-pill);
  font-size:.8rem;font-weight:700;white-space:nowrap;border:1px solid transparent;
}
.au-chip i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.au-chip--violet{background:var(--au-primary-soft);color:var(--au-primary-600);border-color:rgba(var(--au-primary-rgb),.2)}
.au-chip--mint{background:var(--au-accent-soft);color:var(--au-accent-600);border-color:rgba(var(--au-accent-rgb),.25)}
.au-chip--amber{background:var(--au-warning-soft);color:#B45309;border-color:rgba(245,158,11,.25)}
html.au-dark .au-chip--amber{color:#FCD34D}
html.au-dark .au-chip--mint{color:#5EEAD4}
html.au-dark .au-chip--violet{color:var(--au-primary-300)}

.au-user{
  display:flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 6px;border-radius:var(--au-r-pill);
  background:transparent;border:1px solid transparent;cursor:pointer;color:var(--au-text);transition:.18s;
}
.au-user:hover{background:var(--au-surface-3);border-color:var(--au-border)}
.au-user .au-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;font-size:.84rem}
.au-user__name{font-weight:700;font-size:.86rem;line-height:1.15}
.au-user__role{font-size:.7rem;color:var(--au-muted);line-height:1.15}

/* =========================== PAGE HEAD =========================== */
.au-pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:6px 0 22px}
.au-pagehead__main{flex:1;min-width:230px}
.au-pagehead h1{font-size:1.72rem;margin:0}
.au-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.78rem;color:var(--au-muted);margin-bottom:6px;list-style:none;padding:0}
.au-crumbs a{color:var(--au-muted);font-weight:600}
.au-crumbs a:hover{color:var(--au-primary)}
.au-crumbs li+li::before{content:'/';margin-inline-end:7px;color:var(--au-faint)}
.au-pagehead__sub{color:var(--au-muted);font-size:.9rem;margin:2px 0 0}

/* =========================== CARDS =========================== */
.card,.au-card{
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  box-shadow:var(--au-shadow-sm);overflow:hidden;position:relative;
}
.card{margin-bottom:22px}
.card-header,.au-card__head{
  padding:18px 22px 0;border:0;background:transparent;
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.card-header h4,.card-header h5,.card-header .card-title,.au-card__title{
  font-size:1.02rem;font-weight:700;margin:0;letter-spacing:-.015em;
}
.card-header .card-subtitle,.au-card__sub{font-size:.8rem;color:var(--au-muted);margin:3px 0 0;font-weight:500}
.card-body,.au-card__body{padding:18px 22px 22px}
.card-footer{padding:14px 22px;background:var(--au-surface-2);border-top:1px solid var(--au-border-soft)}

.au-card--glass{
  background:linear-gradient(150deg,rgba(var(--au-primary-rgb),.10),rgba(var(--au-accent-rgb),.07));
  border-color:rgba(var(--au-primary-rgb),.22);
}
.au-card--flat{box-shadow:none}
.au-grid{display:grid;gap:18px}
.au-grid--4{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.au-grid--3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.au-grid--2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}

/* =========================== STAT TILES =========================== */
.au-stat{
  position:relative;background:var(--au-surface);border:1px solid var(--au-border);
  border-radius:var(--au-r-lg);padding:20px;box-shadow:var(--au-shadow-sm);
  transition:transform .2s var(--au-ease),box-shadow .2s var(--au-ease),border-color .2s;
  overflow:hidden;
}
.au-stat::after{
  content:'';position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--au-primary),var(--au-accent));opacity:0;transition:opacity .2s;
}
.au-stat:hover{transform:translateY(-3px);box-shadow:var(--au-shadow);border-color:rgba(var(--au-primary-rgb),.28)}
.au-stat:hover::after{opacity:1}
.au-stat__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.au-stat__label{font-size:.78rem;font-weight:700;color:var(--au-muted);letter-spacing:.01em}
.au-stat__icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 42px;
  background:var(--au-primary-soft);color:var(--au-primary);
}
.au-stat__icon svg{width:20px;height:20px;stroke-width:2.1}
.au-stat__value{font-size:1.85rem;font-weight:800;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
.au-stat__value small{font-size:.92rem;font-weight:700;color:var(--au-muted);margin-inline-start:4px}
.au-stat__foot{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:.78rem;color:var(--au-muted)}
.au-stat__delta{display:inline-flex;align-items:center;gap:4px;font-weight:700;padding:.14rem .5rem;border-radius:var(--au-r-pill);font-size:.74rem}
.au-stat__delta.up{background:var(--au-success-soft);color:var(--au-success)}
.au-stat__delta.down{background:var(--au-danger-soft);color:var(--au-danger)}
.au-stat--mint .au-stat__icon{background:var(--au-accent-soft);color:var(--au-accent-600)}
.au-stat--amber .au-stat__icon{background:var(--au-warning-soft);color:#B45309}
.au-stat--rose .au-stat__icon{background:var(--au-danger-soft);color:var(--au-danger)}
.au-stat--blue .au-stat__icon{background:var(--au-info-soft);color:var(--au-info)}
.au-stat--green .au-stat__icon{background:var(--au-success-soft);color:var(--au-success)}
html.au-dark .au-stat--amber .au-stat__icon{color:#FCD34D}

/* =========================== BUTTONS =========================== */
.btn,.au-btn{
  --bs-btn-box-shadow:none;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-weight:700;font-size:.87rem;line-height:1;
  padding:.72rem 1.15rem;border-radius:12px;border:1px solid transparent;cursor:pointer;
  transition:transform .14s var(--au-ease),box-shadow .18s,background .18s,color .18s,border-color .18s;
  text-decoration:none;white-space:nowrap;
}
.btn:active,.au-btn:active{transform:translateY(1px)}
.btn svg,.au-btn svg{width:17px;height:17px;stroke-width:2.2}
.btn-primary,.au-btn--primary{
  background:linear-gradient(135deg,var(--au-primary),var(--au-primary-600));color:#fff;
  box-shadow:var(--au-glow);
}
.btn-primary:hover,.au-btn--primary:hover{background:linear-gradient(135deg,var(--au-primary-600),var(--au-primary-700));color:#fff;box-shadow:0 12px 30px -10px rgba(var(--au-primary-rgb),.7)}
.btn-primary:focus,.btn-primary:active,.btn-check:checked+.btn-primary{background:var(--au-primary-700)!important;color:#fff!important;border-color:transparent!important}
.btn-secondary,.au-btn--ghost{background:var(--au-surface-3);color:var(--au-text-2);border-color:var(--au-border)}
.btn-secondary:hover,.au-btn--ghost:hover{background:var(--au-surface);color:var(--au-primary);border-color:rgba(var(--au-primary-rgb),.4)}
.btn-outline-primary{background:transparent;color:var(--au-primary);border-color:rgba(var(--au-primary-rgb),.45)}
.btn-outline-primary:hover{background:var(--au-primary-soft);color:var(--au-primary-600);border-color:var(--au-primary)}
.btn-success{background:var(--au-success);color:#fff}
.btn-danger{background:var(--au-danger);color:#fff}
.btn-warning{background:var(--au-warning);color:#fff}
.btn-info{background:var(--au-info);color:#fff}
.btn-light{background:var(--au-surface-3);color:var(--au-text-2);border-color:var(--au-border)}
.btn-dark{background:var(--au-text);color:var(--au-surface)}
.btn-success:hover,.btn-danger:hover,.btn-warning:hover,.btn-info:hover{filter:brightness(1.07);color:#fff}
.btn-sm{padding:.48rem .8rem;font-size:.79rem;border-radius:10px}
.btn-lg{padding:.9rem 1.5rem;font-size:.95rem;border-radius:14px}
.btn:disabled,.btn.disabled{opacity:.55;box-shadow:none;transform:none}
.btn-icon{padding:.6rem;width:38px;height:38px}

/* =========================== FORMS =========================== */
.form-label,label{font-weight:650;font-size:.82rem;color:var(--au-text-2);margin-bottom:.4rem}
.form-control,.form-select,.select2-container--default .select2-selection--single,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],textarea,select{
  width:100%;background:var(--au-surface);color:var(--au-text);
  border:1px solid var(--au-border);border-radius:12px;
  padding:.68rem .9rem;font:inherit;font-size:.89rem;line-height:1.4;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.form-control::placeholder,textarea::placeholder{color:var(--au-faint)}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  outline:0;border-color:var(--au-primary);box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.13);background:var(--au-surface);
}
.form-control:disabled,.form-control[readonly]{background:var(--au-surface-3);color:var(--au-muted)}
.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237A7796' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .8rem center;background-size:15px;padding-inline-end:2.3rem}
html[dir="rtl"] .form-select{background-position:left .8rem center;padding-inline-end:.9rem;padding-inline-start:2.3rem}
.input-group-text{background:var(--au-surface-3);border:1px solid var(--au-border);color:var(--au-muted);border-radius:12px;font-size:.85rem}
.form-check-input{width:1.1em;height:1.1em;border:1.6px solid var(--au-border);background:var(--au-surface);border-radius:6px;transition:.16s}
.form-check-input:checked{background-color:var(--au-primary);border-color:var(--au-primary)}
.form-check-input:focus{box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.14);border-color:var(--au-primary)}
.form-switch .form-check-input{width:2.3em;border-radius:99px}
.form-text{color:var(--au-muted);font-size:.78rem}
.invalid-feedback,.text-danger{color:var(--au-danger)!important}
.is-invalid{border-color:var(--au-danger)!important}

/* =========================== BADGES / ALERTS =========================== */
.badge,.au-badge{
  display:inline-flex;align-items:center;gap:5px;padding:.34em .7em;border-radius:var(--au-r-pill);
  font-size:.72rem;font-weight:700;letter-spacing:.01em;line-height:1.3;
}
.badge.bg-primary,.au-badge--primary{background:var(--au-primary-soft)!important;color:var(--au-primary-600)!important}
.badge.bg-success,.au-badge--success{background:var(--au-success-soft)!important;color:var(--au-success)!important}
.badge.bg-danger,.au-badge--danger{background:var(--au-danger-soft)!important;color:var(--au-danger)!important}
.badge.bg-warning,.au-badge--warning{background:var(--au-warning-soft)!important;color:#B45309!important}
.badge.bg-info,.au-badge--info{background:var(--au-info-soft)!important;color:var(--au-info)!important}
.badge.bg-secondary{background:var(--au-surface-3)!important;color:var(--au-muted)!important}
html.au-dark .badge.bg-warning,html.au-dark .au-badge--warning{color:#FCD34D!important}
html.au-dark .badge.bg-primary{color:var(--au-primary-300)!important}

.alert{border:1px solid transparent;border-radius:var(--au-r);padding:14px 18px;font-size:.88rem;margin-bottom:18px}
.alert-success{background:var(--au-success-soft);color:var(--au-success);border-color:rgba(22,163,74,.25)}
.alert-danger{background:var(--au-danger-soft);color:var(--au-danger);border-color:rgba(225,29,72,.25)}
.alert-warning{background:var(--au-warning-soft);color:#B45309;border-color:rgba(245,158,11,.3)}
.alert-info,.alert-primary{background:var(--au-primary-soft);color:var(--au-primary-600);border-color:rgba(var(--au-primary-rgb),.25)}
html.au-dark .alert-warning{color:#FCD34D}
html.au-dark .alert-info,html.au-dark .alert-primary{color:var(--au-primary-300)}

/* =========================== TABLES =========================== */
.table,table.dataTable{
  width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;color:var(--au-text-2);margin:0;
}
.table thead th,table.dataTable thead th{
  background:var(--au-surface-2);color:var(--au-muted);
  font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  padding:12px 16px;border:0;border-bottom:1px solid var(--au-border);white-space:nowrap;
}
.table tbody td,table.dataTable tbody td{padding:13px 16px;border:0;border-bottom:1px solid var(--au-border-soft);vertical-align:middle}
.table tbody tr:last-child td{border-bottom:0}
.table tbody tr{transition:background .14s}
.table tbody tr:hover,table.dataTable tbody tr:hover{background:var(--au-surface-2)}
.table-responsive{border-radius:var(--au-r-lg);border:1px solid var(--au-border);background:var(--au-surface);overflow-x:auto}
.card .table-responsive{border:0;border-radius:0}
.table>:not(caption)>*>*{background:transparent;box-shadow:none;color:inherit}

.dataTables_wrapper{padding:4px 0}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{padding:12px 20px;font-size:.82rem;color:var(--au-muted)}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{
  display:inline-block;width:auto;margin-inline-start:8px;padding:.45rem .75rem;font-size:.84rem;border-radius:10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  padding:.38rem .72rem!important;margin:0 2px;border-radius:9px!important;border:1px solid transparent!important;
  background:transparent!important;color:var(--au-text-2)!important;font-weight:650;font-size:.82rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--au-surface-3)!important;color:var(--au-primary)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:var(--au-primary)!important;color:#fff!important;box-shadow:var(--au-glow);
}
.page-link{border:1px solid var(--au-border);color:var(--au-text-2);border-radius:10px;margin:0 2px;font-weight:650;font-size:.83rem}
.page-item.active .page-link{background:var(--au-primary);border-color:var(--au-primary);color:#fff}
.pagination{gap:2px}

/* =========================== TABS / NAV PILLS =========================== */
.nav-tabs,.nav-pills,.au-tabs{
  display:inline-flex;gap:4px;padding:4px;border:1px solid var(--au-border);
  background:var(--au-surface-3);border-radius:var(--au-r-pill);margin-bottom:18px;
}
.nav-tabs .nav-link,.nav-pills .nav-link,.au-tabs button,.au-tabs a{
  border:0;background:transparent;border-radius:var(--au-r-pill);
  padding:.5rem 1rem;font-size:.83rem;font-weight:700;color:var(--au-muted);cursor:pointer;
  transition:background .18s,color .18s,box-shadow .18s;
}
.nav-tabs .nav-link:hover,.nav-pills .nav-link:hover,.au-tabs button:hover{color:var(--au-primary);background:rgba(var(--au-primary-rgb),.08)}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.au-tabs .active{
  background:var(--au-surface);color:var(--au-primary);box-shadow:var(--au-shadow-sm);
}
html.au-dark .nav-tabs .nav-link.active,html.au-dark .nav-pills .nav-link.active,html.au-dark .au-tabs .active{background:var(--au-surface)}

/* =========================== DROPDOWNS / MODALS =========================== */
.dropdown-menu{
  border:1px solid var(--au-border);border-radius:16px;padding:7px;min-width:210px;
  background:var(--au-surface);box-shadow:var(--au-shadow-lg);font-size:.87rem;
}
.dropdown-item{border-radius:10px;padding:.55rem .75rem;font-weight:600;color:var(--au-text-2);display:flex;align-items:center;gap:9px}
.dropdown-item svg{width:16px;height:16px;opacity:.75}
.dropdown-item:hover,.dropdown-item:focus{background:var(--au-primary-soft);color:var(--au-primary)}
.dropdown-item.text-danger:hover{background:var(--au-danger-soft);color:var(--au-danger)}
.dropdown-divider{border-color:var(--au-border-soft);margin:5px 2px}
.dropdown-header{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--au-faint);padding:.55rem .75rem .3rem}

.modal-content{background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-xl);box-shadow:var(--au-shadow-lg)}
.modal-header{border-bottom:1px solid var(--au-border-soft);padding:20px 24px}
.modal-title{font-size:1.05rem;font-weight:700}
.modal-body{padding:22px 24px}
.modal-footer{border-top:1px solid var(--au-border-soft);padding:16px 24px;gap:8px}
.modal-backdrop.show{opacity:.55;background:#0F0819}
.btn-close{filter:none;opacity:.5}
html.au-dark .btn-close{filter:invert(1) grayscale(1);opacity:.6}

.offcanvas{background:var(--au-surface);color:var(--au-text);border-color:var(--au-border)}
.tooltip-inner{background:var(--au-text);color:var(--au-surface);border-radius:9px;font-size:.78rem;padding:.4rem .6rem}
.progress{height:8px;border-radius:99px;background:var(--au-surface-3)}
.progress-bar{background:linear-gradient(90deg,var(--au-primary),var(--au-accent));border-radius:99px}
.list-group-item{background:var(--au-surface);border-color:var(--au-border-soft);color:var(--au-text-2);padding:13px 18px}

/* =========================== CHARTS =========================== */
.au-chartwrap{position:relative;width:100%}
.apexcharts-canvas{margin-inline:auto}
.apexcharts-tooltip{
  background:var(--au-surface)!important;border:1px solid var(--au-border)!important;
  border-radius:12px!important;box-shadow:var(--au-shadow-lg)!important;color:var(--au-text)!important;
}
.apexcharts-tooltip-title{background:var(--au-surface-2)!important;border-bottom:1px solid var(--au-border)!important;font-weight:700!important}
.apexcharts-xaxistooltip,.apexcharts-yaxistooltip{background:var(--au-text)!important;color:var(--au-surface)!important;border:0!important;border-radius:8px!important}
.apexcharts-text,.apexcharts-legend-text{fill:var(--au-muted)!important;color:var(--au-muted)!important;font-family:var(--au-sans)!important}
.apexcharts-gridline{stroke:var(--au-border-soft)!important}
.apexcharts-legend-series{margin:0 8px!important}
canvas{max-width:100%}

/* =========================== LISTS / FEED =========================== */
.au-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.au-feed li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;transition:background .16s}
.au-feed li:hover{background:var(--au-surface-2)}
.au-feed__ic{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:var(--au-primary-soft);color:var(--au-primary)}
.au-feed__ic svg{width:17px;height:17px}
.au-feed__body{flex:1;min-width:0}
.au-feed__title{font-weight:650;font-size:.86rem;color:var(--au-text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-feed__meta{font-size:.75rem;color:var(--au-muted)}
.au-feed__amount{font-weight:800;font-size:.87rem;font-variant-numeric:tabular-nums;white-space:nowrap}

.au-rank{display:flex;align-items:center;gap:12px;padding:10px 0}
.au-rank+.au-rank{border-top:1px solid var(--au-border-soft)}
.au-rank__n{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:0 0 26px;background:var(--au-surface-3);color:var(--au-muted);font-weight:800;font-size:.75rem}
.au-rank:nth-child(1) .au-rank__n{background:var(--au-primary);color:#fff}
.au-rank__bar{flex:1;height:7px;border-radius:99px;background:var(--au-surface-3);overflow:hidden}
.au-rank__bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--au-primary),var(--au-accent))}

.au-empty{text-align:center;padding:38px 20px;color:var(--au-muted)}
.au-empty svg{width:38px;height:38px;opacity:.35;margin-bottom:10px}
.au-empty p{margin:0;font-size:.88rem}

/* =========================== UTILITIES =========================== */
.au-sep{height:1px;background:var(--au-border);margin:22px 0}
.au-stack{display:flex;flex-direction:column;gap:14px}
.au-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.au-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}
.au-hide-mob{display:initial}
@media (max-width:767.98px){.au-hide-mob{display:none!important}}
@media (max-width:991.98px){.au-hide-tab{display:none!important}}
.text-muted{color:var(--au-muted)!important}
.bg-white,.bg-light{background:var(--au-surface)!important}
.border{border-color:var(--au-border)!important}
.shadow,.shadow-sm,.shadow-lg{box-shadow:var(--au-shadow-sm)!important}
.rounded,.rounded-3{border-radius:var(--au-r)!important}

/* Legacy blade files carry inline colours; neutralise the loudest ones. */
[style*="background-color: #4E2590"],[style*="background:#4E2590"],[style*="#7367F0"]{
  background:linear-gradient(135deg,var(--au-primary),var(--au-primary-600))!important;color:#fff!important;
}

/* =========================== ANIMATION =========================== */
@keyframes au-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.au-rise{animation:au-rise .42s var(--au-ease) both}
.au-rise:nth-child(2){animation-delay:.05s}.au-rise:nth-child(3){animation-delay:.1s}
.au-rise:nth-child(4){animation-delay:.15s}.au-rise:nth-child(5){animation-delay:.2s}
.au-rise:nth-child(6){animation-delay:.25s}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.au-sidebar,.au-topbar{display:none}.au-main{margin:0}}

/* =========================== AUTH / LOGIN =========================== */
.au-auth{
  min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;position:relative;z-index:1;
}
.au-auth__art{
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  padding:44px 48px;color:#fff;
  background:linear-gradient(145deg,#2A1670 0%,#3A1566 38%,#5E2B97 68%,#C2185B 145%);
}
.au-auth__art::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(700px 420px at 78% 8%,rgba(194,24,91,.42),transparent 62%),
             radial-gradient(560px 420px at 8% 92%,rgba(255,255,255,.16),transparent 58%);
}
.au-auth__art::after{
  content:'';position:absolute;width:640px;height:640px;border-radius:50%;
  inset-inline-end:-220px;inset-block-end:-300px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 70px rgba(255,255,255,.05),0 0 0 150px rgba(255,255,255,.035);
}
.au-auth__art > *{position:relative;z-index:1}
.au-auth__logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.3rem;letter-spacing:-.035em;color:#fff}
.au-auth__logo span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25)}
.au-auth__pitch h2{font-size:2.35rem;line-height:1.15;color:#fff;letter-spacing:-.04em;margin:0 0 14px;max-width:15ch}
.au-auth__pitch p{color:rgba(255,255,255,.78);font-size:1rem;max-width:44ch;margin:0}
.au-auth__feats{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:12px}
.au-auth__feats li{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.9);font-size:.92rem;font-weight:600}
.au-auth__feats i{
  width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-style:normal;font-size:.8rem;
}
.au-auth__foot{font-size:.8rem;color:rgba(255,255,255,.6)}

.au-auth__pane{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--au-bg)}
.au-auth__card{width:100%;max-width:428px}
.au-auth__card h1{font-size:1.72rem;margin:0 0 6px;letter-spacing:-.035em}
.au-auth__lead{color:var(--au-muted);font-size:.93rem;margin:0 0 26px}
.au-auth__note{
  background:var(--au-primary-soft);border:1px solid rgba(var(--au-primary-rgb),.22);
  border-radius:var(--au-r);padding:13px 16px;font-size:.855rem;color:var(--au-primary-600);margin:0 0 22px;
}
html.au-dark .au-auth__note{color:var(--au-primary-300)}
.au-auth__field{margin-bottom:16px}
.au-auth__field .form-control{padding:.82rem 1rem;font-size:.92rem;border-radius:13px}
.au-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 22px;flex-wrap:wrap}
.au-auth .btn-primary{width:100%;padding:.92rem;font-size:.95rem;border-radius:13px}
.au-auth__langs{display:flex;gap:6px;justify-content:center;margin-top:26px}
.au-auth__langs a{
  padding:.34rem .82rem;border-radius:var(--au-r-pill);font-size:.76rem;font-weight:700;
  color:var(--au-muted);border:1px solid var(--au-border);background:var(--au-surface);
}
.au-auth__langs a:hover{color:var(--au-primary);border-color:rgba(var(--au-primary-rgb),.4)}
.au-auth__langs a.active{background:var(--au-primary);border-color:var(--au-primary);color:#fff}
.au-auth__pwtoggle{position:relative}
.au-auth__pwtoggle button{
  position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);
  background:transparent;border:0;color:var(--au-faint);cursor:pointer;padding:6px;border-radius:8px;
}
.au-auth__pwtoggle button:hover{color:var(--au-primary);background:var(--au-surface-3)}
.au-auth__pwtoggle .form-control{padding-inline-end:2.8rem}
@media (max-width:991.98px){
  .au-auth{grid-template-columns:1fr}
  .au-auth__art{display:none}
  .au-auth__pane{min-height:100vh}
}

/* ---------- late overrides (order-sensitive) ---------- */
.au-search input[type="search"],.au-search input{
  width:auto;min-width:0;flex:1;border:0!important;background:transparent!important;
  padding:0!important;border-radius:0!important;box-shadow:none!important;height:auto;
}
.au-search input:focus{box-shadow:none!important;border:0!important}
.au-search kbd{flex:0 0 auto}
.au-topbar .dropdown{display:flex;align-items:center}
.au-topbar .au-row{flex-wrap:nowrap}
.au-nav__heading{display:block}
.au-nav li{list-style:none}
.au-link,.au-usercard{text-decoration:none}
body{overflow-x:hidden}
.au-content .row{margin-inline:-9px}
.au-content .row>[class*="col-"]{padding-inline:9px}

/* =========================== DASHBOARD MODULE =========================== */
.widget,.cork-panel{background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);box-shadow:var(--au-shadow-sm)}
.cork-overview{background:transparent;border:0;box-shadow:none}
.cork-overview > .card-body{padding:0}
.widget-heading{padding:0 0 4px;border:0;background:transparent;align-items:center}
.widget-heading .card-title{font-size:1rem;font-weight:700;letter-spacing:-.015em;margin:0}
.widget-content{padding:0}
.cork-panel > .card-body,.widget > .card-body{padding:20px 22px 22px}
.cork-panel .card-header{padding:18px 22px 2px}

/* privacy toggle */
.toggle-btn{
  position:relative;width:46px;height:26px;border-radius:99px;background:var(--au-surface-3);
  border:1px solid var(--au-border);cursor:pointer;transition:background .22s,border-color .22s;flex:0 0 46px;
}
.toggle-btn::after{
  content:'';position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;
  background:var(--au-surface);box-shadow:var(--au-shadow-xs);transition:transform .22s var(--au-ease);
}
.toggle-btn.active{background:linear-gradient(135deg,var(--au-primary),var(--au-primary-600));border-color:transparent}
.toggle-btn.active::after{transform:translateX(20px)}
html[dir="rtl"] .toggle-btn.active::after{transform:translateX(-20px)}

/* KPI grid */
.cork-kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}
.widget-stat-card-one{
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  padding:19px 20px;box-shadow:var(--au-shadow-sm);position:relative;overflow:hidden;
  transition:transform .2s var(--au-ease),box-shadow .2s var(--au-ease),border-color .2s;
}
.widget-stat-card-one::before{
  content:'';position:absolute;top:0;inset-inline-start:0;right:0;height:3px;opacity:0;transition:opacity .22s;
  background:linear-gradient(90deg,var(--au-primary),var(--au-accent));
}
.widget-stat-card-one:hover{transform:translateY(-3px);box-shadow:var(--au-shadow);border-color:rgba(var(--au-primary-rgb),.3)}
.widget-stat-card-one:hover::before{opacity:1}
.widget-stat-card-one .widget-content{padding:0}
.s_o-weekly-sales{display:flex;align-items:center;gap:14px}
.c_l-icon{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;
  background:var(--au-primary-soft);color:var(--au-primary);
}
.c_l-icon svg{width:21px;height:21px;stroke-width:2.1}
.s_o-content{min-width:0;flex:1}
.s_o-content h6{
  margin:0 0 3px;font-size:.775rem;font-weight:700;color:var(--au-muted);
  letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cork-kpi-value,.s_o-content h2{
  margin:0;font-size:1.62rem;font-weight:800;letter-spacing:-.04em;line-height:1.12;
  color:var(--au-text);font-variant-numeric:tabular-nums;
}
.cork-kpi--purple .c_l-icon{background:var(--au-primary-soft);color:var(--au-primary)}
.cork-kpi--success .c_l-icon{background:var(--au-success-soft);color:var(--au-success)}
.cork-kpi--info .c_l-icon{background:var(--au-info-soft);color:var(--au-info)}
.cork-kpi--warning .c_l-icon{background:var(--au-warning-soft);color:#B45309}
.cork-kpi--danger .c_l-icon{background:var(--au-danger-soft);color:var(--au-danger)}
html.au-dark .cork-kpi--warning .c_l-icon{color:#FCD34D}
.cork-kpi--success{--au-primary-rgb:22,163,74}
.cork-kpi--info{--au-primary-rgb:59,130,246}
.cork-kpi--warning{--au-primary-rgb:245,158,11}
.cork-kpi--danger{--au-primary-rgb:225,29,72}

/* mini stats row */
.wp-mini-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
.wp-mini-stat{
  flex:1 1 130px;background:var(--au-surface-2);border:1px solid var(--au-border-soft);
  border-radius:var(--au-r);padding:11px 14px;
}
.wp-mini-stat__label{display:block;font-size:.72rem;font-weight:700;color:var(--au-muted);letter-spacing:.02em}
.wp-mini-stat__value{display:block;font-size:1.06rem;font-weight:800;letter-spacing:-.025em;color:var(--au-text);font-variant-numeric:tabular-nums;margin-top:2px}

/* ranked list */
.wp-ranked{list-style:none;margin:0;padding:0}
.wp-rank-row{padding:9px 0;border-bottom:1px solid var(--au-border-soft)}
.wp-rank-row:last-child{border-bottom:0}
.wp-rank-row .badge.bg-label-secondary{
  width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;
  background:var(--au-primary-soft)!important;color:var(--au-primary)!important;padding:0;
}
.wp-rank-row .badge.bg-label-secondary svg{width:16px;height:16px}
.wp-rank-row h6{font-size:.875rem;font-weight:700;color:var(--au-text);font-variant-numeric:tabular-nums}
.wp-rank{width:100%;margin-top:7px}
.wp-rank__track{height:7px;border-radius:99px;background:var(--au-surface-3);overflow:hidden}
.wp-rank__bar{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--au-primary),var(--au-accent));transition:width .6s var(--au-ease)}
.wp-rank__share{display:inline-block;margin-top:5px;font-size:.72rem;color:var(--au-muted);font-weight:600}

/* segmented control (30 days / 12 months) */
.wp-seg{display:inline-flex;gap:3px;padding:4px;border-radius:var(--au-r-pill);background:var(--au-surface-3);border:1px solid var(--au-border)}
.wp-seg__btn{
  border:0;background:transparent;border-radius:var(--au-r-pill);padding:.42rem .9rem;
  font-size:.79rem;font-weight:700;color:var(--au-muted);cursor:pointer;transition:.18s;white-space:nowrap;
}
.wp-seg__btn:hover{color:var(--au-primary)}
.wp-seg__btn.active{background:var(--au-surface);color:var(--au-primary);box-shadow:var(--au-shadow-sm)}
.wp-chart-wrap{width:100%;min-height:60px}

/* recent orders */
.wp-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.wp-recent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;transition:background .16s}
.wp-recent-item:hover{background:var(--au-surface-2)}
.wp-recent-item__icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;
  background:var(--au-primary-soft);color:var(--au-primary);
}
.wp-recent-item__icon svg{width:17px;height:17px}
.wp-recent-item__main{flex:1;min-width:0}
.wp-recent-item__title{display:block;font-size:.855rem;font-weight:700;color:var(--au-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-recent-item__sub{display:block;font-size:.74rem;color:var(--au-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-recent-item__end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.wp-recent-item__amount{font-size:.855rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--au-text)}

/* status badges */
.wp-badge{display:inline-flex;align-items:center;gap:5px;padding:.22em .62em;border-radius:99px;font-size:.68rem;font-weight:800;letter-spacing:.02em}
.wp-badge--success{background:var(--au-success-soft);color:var(--au-success)}
.wp-badge--warning{background:var(--au-warning-soft);color:#B45309}
.wp-badge--danger{background:var(--au-danger-soft);color:var(--au-danger)}
html.au-dark .wp-badge--warning{color:#FCD34D}

/* alerts widget */
.wp-alerts-widget{display:flex;flex-direction:column;gap:8px}
.wp-alerts-widget__item{
  display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-radius:14px;
  background:var(--au-surface-2);border:1px solid var(--au-border-soft);
}
.wp-alerts-widget__item--danger{background:var(--au-danger-soft);border-color:rgba(225,29,72,.22)}
.wp-alerts-widget__item--warning{background:var(--au-warning-soft);border-color:rgba(245,158,11,.25)}
.wp-alerts__icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--au-surface);color:var(--au-text-2)}
.wp-alerts__icon svg{width:16px;height:16px}
.wp-alerts__text{min-width:0;flex:1}
.wp-alerts__type{display:block;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--au-muted)}
.wp-alerts__msg{display:block;font-size:.845rem;font-weight:600;color:var(--au-text)}
.wp-alerts-widget__go{font-size:.78rem;font-weight:700;white-space:nowrap}

/* empty states */
.wp-empty,.wp-empty-host{text-align:center;padding:34px 18px;color:var(--au-muted)}
.wp-empty--compact{padding:20px 12px}
.wp-empty__icon{width:40px;height:40px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;background:var(--au-surface-3);color:var(--au-faint)}
.wp-empty__icon svg{width:19px;height:19px}
.wp-empty__title{font-size:.9rem;font-weight:700;color:var(--au-text-2);margin:0 0 3px}
.wp-empty__text{font-size:.8rem;margin:0}

@media (max-width:575.98px){
  .cork-kpi-grid{grid-template-columns:1fr}
  .cork-kpi-value,.s_o-content h2{font-size:1.45rem}
}

/* ---------- dashboard fine-tuning ---------- */
.wp-rank-row{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;padding:10px 0}
.wp-rank-row > .badge{order:1}
.wp-rank-row > div.d-flex{order:2;flex:1 1 auto;width:auto!important;margin:0!important}
.wp-rank-row > .wp-rank{order:3;flex:1 0 100%;width:auto;margin:6px 0 0;padding-inline-start:44px}
.wp-rank__share{margin-top:4px}

.cork-overview > .card-body > .col-12 > h5{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-size:1.18rem;font-weight:800;letter-spacing:-.03em;margin:0 0 4px;
}
.cork-overview > .card-body > .row.pt-4{padding-top:14px!important}

.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cork-panel .card-title,.widget .card-title{font-size:1rem;font-weight:700;color:var(--au-text)}
.cork-panel h4,.widget h4{font-size:1rem;font-weight:700}

/* greeting + section labels */
.au-content h5.text-body{color:var(--au-text)!important}
.au-content h6{color:var(--au-text)}

/* the two "across all products" strips */
.au-content .card.h-100.widget:not(.cork-panel){border-radius:var(--au-r-lg)}

/* charts breathe */
.wp-chart-wrap{margin-top:6px}
.apexcharts-canvas{max-width:100%}

/* ---------- Bootstrap variable bridge (must stay last) ---------- */
:root{
  --bs-body-font-family:var(--au-sans);
  --bs-body-color:#1B1030; --bs-body-color-rgb:21,20,43;
  --bs-body-bg:#F6F3FA; --bs-body-bg-rgb:245,244,252;
  --bs-emphasis-color:#1B1030; --bs-emphasis-color-rgb:21,20,43;
  --bs-secondary-color:rgba(122,119,150,.9); --bs-secondary-color-rgb:122,119,150;
  --bs-secondary-bg:#FCFAFE; --bs-tertiary-bg:#F3EEF9; --bs-tertiary-color:rgba(122,119,150,.75);
  --bs-heading-color:#1B1030;
  --bs-border-color:#ECE4F5; --bs-border-color-translucent:rgba(21,20,43,.1);
  --bs-link-color:#5E2B97; --bs-link-color-rgb:94,43,151;
  --bs-link-hover-color:#4C1F80; --bs-link-hover-color-rgb:91,55,240;
  --bs-primary:#5E2B97; --bs-primary-rgb:94,43,151;
  --bs-success:#16A34A; --bs-success-rgb:22,163,74;
  --bs-danger:#E11D48; --bs-danger-rgb:225,29,72;
  --bs-warning:#F59E0B; --bs-warning-rgb:245,158,11;
  --bs-info:#3B82F6; --bs-info-rgb:59,130,246;
  --bs-border-radius:14px; --bs-border-radius-sm:10px; --bs-border-radius-lg:20px;
}
html.au-dark{
  --bs-body-color:#EFE6F8; --bs-body-color-rgb:238,237,249;
  --bs-body-bg:#0F0819; --bs-body-bg-rgb:12,11,23;
  --bs-emphasis-color:#FFFFFF; --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(145,142,176,.95); --bs-secondary-color-rgb:145,142,176;
  --bs-secondary-bg:#201234; --bs-tertiary-bg:#291840; --bs-tertiary-color:rgba(145,142,176,.8);
  --bs-heading-color:#EFE6F8;
  --bs-border-color:#33204D; --bs-border-color-translucent:rgba(255,255,255,.1);
  --bs-link-color:#A05AE0; --bs-link-color-rgb:160,90,224;
  --bs-link-hover-color:#CBA6EE; --bs-link-hover-color-rgb:183,163,255;
  --bs-primary:#A05AE0; --bs-primary-rgb:160,90,224;
}
.text-body,.text-dark,.text-black,.text-body-emphasis{color:var(--au-text)!important}
.text-body-secondary,.text-secondary{color:var(--au-muted)!important}
.text-primary{color:var(--au-primary)!important}
.text-success{color:var(--au-success)!important}
.text-warning{color:var(--au-warning)!important}
.text-info{color:var(--au-info)!important}
.text-white{color:#fff!important}
.bg-body,.bg-body-tertiary,.bg-body-secondary{background:var(--au-surface)!important}
.border-bottom,.border-top,.border-start,.border-end{border-color:var(--au-border)!important}
html.au-dark .table,html.au-dark .table>:not(caption)>*>*{color:var(--au-text-2)}
html.au-dark img.au-avatar{filter:none}

/* =============================================================================
   WinkPanel Aurora - legacy inner-page components (2026-09-20)
   Covers the older Vuexy markup the inner pages still carry.
   ============================================================================= */

/* ---------- avatars & media rows ---------- */
.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--au-primary-soft);color:var(--au-primary);font-weight:800;font-size:.85rem}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-sm{width:30px;height:30px;border-radius:10px;font-size:.74rem}
.avatar-lg{width:50px;height:50px;border-radius:15px;font-size:1rem}
.avatar-xl{width:64px;height:64px;border-radius:18px;font-size:1.2rem}
.avatar .avatar-content{width:100%;height:100%;display:grid;place-items:center}
.avatar.bg-light-primary{background:var(--au-primary-soft)!important;color:var(--au-primary)!important}
.avatar.bg-light-success{background:var(--au-success-soft)!important;color:var(--au-success)!important}
.avatar.bg-light-danger{background:var(--au-danger-soft)!important;color:var(--au-danger)!important}
.avatar.bg-light-warning{background:var(--au-warning-soft)!important;color:#B45309!important}
.avatar.bg-light-info{background:var(--au-info-soft)!important;color:var(--au-info)!important}
html.au-dark .avatar.bg-light-warning{color:#FCD34D!important}
.media{display:flex;align-items:center;gap:12px}
.media-body{min-width:0;flex:1}
.media-heading{font-size:.88rem;font-weight:700;margin:0;color:var(--au-text)}

/* ---------- soft badges ---------- */
.badge-light-primary,.bg-label-primary{background:var(--au-primary-soft)!important;color:var(--au-primary)!important}
.badge-light-success,.bg-label-success{background:var(--au-success-soft)!important;color:var(--au-success)!important}
.badge-light-danger,.bg-label-danger{background:var(--au-danger-soft)!important;color:var(--au-danger)!important}
.badge-light-warning,.bg-label-warning{background:var(--au-warning-soft)!important;color:#B45309!important}
.badge-light-info,.bg-label-info{background:var(--au-info-soft)!important;color:var(--au-info)!important}
.badge-light-secondary,.bg-label-secondary{background:var(--au-surface-3)!important;color:var(--au-muted)!important}
html.au-dark .badge-light-warning,html.au-dark .bg-label-warning{color:#FCD34D!important}
.badge-pill{border-radius:var(--au-r-pill)!important}

/* ---------- merged input groups ---------- */
.input-group-merge{border-radius:12px;overflow:hidden;border:1px solid var(--au-border);background:var(--au-surface);transition:border-color .18s,box-shadow .18s;display:flex;align-items:stretch}
.input-group-merge:focus-within{border-color:var(--au-primary);box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.13)}
.input-group-merge .form-control,.input-group-merge .form-control-merge{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
.input-group-merge .input-group-text{border:0;background:transparent;color:var(--au-faint);padding-inline:.85rem;display:grid;place-items:center}
.input-group-merge .input-group-text svg{width:17px;height:17px}
.cursor-pointer{cursor:pointer}
.form-password-toggle .input-group-text:hover{color:var(--au-primary)}

/* ---------- old error text ---------- */
.error,.wp-error{color:var(--au-danger);font-size:.79rem;display:inline-block;margin-top:.35rem}
input.error,select.error,textarea.error{border-color:var(--au-danger)!important}

/* ---------- DataTables toolbar ---------- */
.dt-buttons{display:inline-flex;gap:6px;flex-wrap:wrap}
.dt-button,.dt-buttons .btn{padding:.5rem .85rem!important;border-radius:11px!important;font-size:.8rem!important;font-weight:700!important;background:var(--au-surface-3)!important;color:var(--au-text-2)!important;border:1px solid var(--au-border)!important}
.dt-button:hover,.dt-buttons .btn:hover{background:var(--au-primary-soft)!important;color:var(--au-primary)!important;border-color:rgba(var(--au-primary-rgb),.4)!important}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{background:var(--au-primary)!important;border:0!important;box-shadow:var(--au-glow)!important}
.dtr-details{width:100%}
.dtr-details li{border-bottom:1px solid var(--au-border-soft);padding:8px 0;display:flex;gap:10px}
.dtr-title{font-weight:700;color:var(--au-muted);min-width:120px}

/* ---------- Select2 ---------- */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{min-height:44px;border-radius:12px!important;border:1px solid var(--au-border)!important;background:var(--au-surface)!important;padding:.3rem .5rem}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:var(--au-primary)!important;box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.13)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--au-text)!important;line-height:36px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}
.select2-dropdown{border-radius:14px!important;border:1px solid var(--au-border)!important;box-shadow:var(--au-shadow-lg)!important;overflow:hidden}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--au-primary)!important;color:#fff!important}
.select2-container--default .select2-results__option[aria-selected=true]{background:var(--au-primary-soft)!important;color:var(--au-primary)!important}
.select2-search__field{border-radius:9px!important;border:1px solid var(--au-border)!important}
.select2-selection__choice{background:var(--au-primary-soft)!important;border:0!important;color:var(--au-primary)!important;border-radius:8px!important}

/* ---------- date pickers ---------- */
.flatpickr-calendar{border-radius:16px!important;box-shadow:var(--au-shadow-lg)!important;background:var(--au-surface)!important;border:1px solid var(--au-border)!important}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--au-primary)!important;border-color:var(--au-primary)!important;color:#fff!important}
.flatpickr-day:hover{background:var(--au-primary-soft)!important}
.flatpickr-months .flatpickr-month,.flatpickr-weekdays,.flatpickr-weekday{background:transparent!important;color:var(--au-muted)!important;fill:var(--au-muted)!important}
.flatpickr-day{color:var(--au-text-2)!important}
.flatpickr-day.flatpickr-disabled{color:var(--au-faint)!important}

/* ---------- toastr / sweetalert ---------- */
#toast-container>div{border-radius:14px!important;box-shadow:var(--au-shadow-lg)!important;opacity:1!important}
.toast-success{background:var(--au-success)!important}
.toast-error{background:var(--au-danger)!important}
.toast-warning{background:var(--au-warning)!important}
.toast-info{background:var(--au-primary)!important}
.swal2-popup{border-radius:var(--au-r-xl)!important;box-shadow:var(--au-shadow-lg)!important;font-family:var(--au-sans)!important}
.swal2-title{color:var(--au-text)!important;font-weight:800!important;letter-spacing:-.02em}
.swal2-html-container{color:var(--au-muted)!important}
.swal2-styled.swal2-confirm{background:linear-gradient(135deg,var(--au-primary),var(--au-primary-600))!important;border-radius:12px!important;font-weight:700!important;box-shadow:var(--au-glow)!important}
.swal2-styled.swal2-cancel{background:var(--au-surface-3)!important;color:var(--au-text-2)!important;border-radius:12px!important;font-weight:700!important}

/* ---------- misc legacy shells ---------- */
.nav-tabs{flex-wrap:wrap}
.nav-tabs .nav-link{border:0!important}
.tab-content{padding-top:6px}
.content-header,.content-body{padding:0}
.content-header-title{font-size:1.2rem;font-weight:700;color:var(--au-text)}
.breadcrumb{background:transparent;padding:0;margin:0;font-size:.8rem}
.breadcrumb-item+.breadcrumb-item::before{color:var(--au-faint)}
.divider{display:flex;align-items:center;gap:12px;color:var(--au-faint);font-size:.78rem;margin:18px 0}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--au-border)}
.divider .divider-text{padding:0}
.section-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--au-faint);margin:22px 0 8px}
.table-hover tbody tr:hover{background:var(--au-surface-2)!important}
.btn-group>.btn{border-radius:11px!important;margin-inline-end:4px}
.spinner-border{color:var(--au-primary)}
.wp-summary,.wms-summary{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:20px}
.wp-summary__item,.wms-summary__item{background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);padding:16px 18px;box-shadow:var(--au-shadow-sm)}
.wp-summary__label,.wms-summary__label{font-size:.74rem;font-weight:700;color:var(--au-muted)}
.wp-summary__value,.wms-summary__value{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--au-text);font-variant-numeric:tabular-nums}

/* ---------- legacy coloured card headers ---------- */
.card-header[style*="background"],.widget-heading[style*="background"]{
  background:linear-gradient(135deg,var(--au-primary),var(--au-primary-600))!important;
  color:#fff!important;padding:18px 22px!important;margin:0!important;border:0!important;
}
.card-header[style*="background"] h1,.card-header[style*="background"] h2,
.card-header[style*="background"] h3,.card-header[style*="background"] h4,
.card-header[style*="background"] h5,.card-header[style*="background"] h6,
.card-header[style*="background"] p,.card-header[style*="background"] span,
.card-header[style*="background"] small,.card-header[style*="background"] div{color:#fff!important}
.card-header[style*="background"] h1,.card-header[style*="background"] h2,
.card-header[style*="background"] h3,.card-header[style*="background"] h4,
.card-header[style*="background"] h5{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:0}
.card-header[style*="background"] p,.card-header[style*="background"] small{opacity:.82;font-size:.82rem;margin:2px 0 0}
.card-header[style*="background"] .btn{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important}
.card-header[style*="background"] .btn:hover{background:rgba(255,255,255,.3)!important}
.card-header[style*="background"] a:not(.btn){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.card-header[style*="background"]+.card-body,.card-header[style*="background"]+.table-responsive{padding-top:18px}

/* =========================== SETTINGS HUB & TOOLS =========================== */
/* the Aurora layout already prints the page title */
.au-content .wp-page-header{display:none}

.wp-section-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--au-text);margin:0 0 4px}
.wp-settings{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}
@media (max-width:991.98px){.wp-settings{grid-template-columns:1fr}}

.wp-settings__nav{
  display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--au-topbar-h) + 16px);
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  padding:8px;box-shadow:var(--au-shadow-sm);
}
@media (max-width:991.98px){.wp-settings__nav{position:static;flex-direction:row;flex-wrap:wrap}}
.wp-settings__link{
  display:block;padding:10px 13px;border-radius:11px;font-size:.87rem;font-weight:650;
  color:var(--au-text-2);text-decoration:none;transition:background .16s,color .16s;
}
.wp-settings__link:hover{background:var(--au-sidebar-hover);color:var(--au-primary)}
.wp-settings__link.active,.wp-settings__link[aria-current="page"]{
  background:var(--au-primary-soft);color:var(--au-primary);font-weight:750;
}
.wp-settings__panels{display:flex;flex-direction:column;gap:22px;min-width:0}
.wp-settings__panel{scroll-margin-top:calc(var(--au-topbar-h) + 18px)}
.wp-settings__panel[hidden]{display:none}
.wp-settings__card{
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  padding:22px;box-shadow:var(--au-shadow-sm);
}
.wp-settings__card+.wp-settings__card{margin-top:18px}
.wp-settings__card-title{font-size:1rem;font-weight:750;letter-spacing:-.015em;color:var(--au-text);margin:0 0 4px}
.wp-settings__card-desc{font-size:.85rem;color:var(--au-muted);margin:0 0 16px}
.wp-settings__embed{border:1px solid var(--au-border);border-radius:var(--au-r);overflow:hidden}

/* language picker */
.wp-settings-lang{display:flex;flex-wrap:wrap;gap:10px}
.wp-settings-lang a,.wp-settings-lang button,.wp-settings-lang label{
  display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:13px;
  border:1px solid var(--au-border);background:var(--au-surface-2);text-decoration:none;
  color:var(--au-text);font-weight:650;font-size:.87rem;min-width:140px;cursor:pointer;
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.wp-settings-lang a:hover,.wp-settings-lang label:hover{border-color:rgba(var(--au-primary-rgb),.45);background:var(--au-surface)}
.wp-settings-lang .active,.wp-settings-lang a.active{
  border-color:var(--au-primary);background:var(--au-primary-soft);color:var(--au-primary);box-shadow:0 0 0 3px rgba(var(--au-primary-rgb),.1);
}
.wp-settings-lang .flag{width:22px;height:16px;border-radius:3px;object-fit:cover;flex:0 0 22px}
.wp-settings-lang small,.wp-settings-lang .no-i18n{color:var(--au-muted);font-size:.72rem;font-weight:700}

/* theme picker */
.wp-theme-pick{display:flex;gap:10px;flex-wrap:wrap}
.wp-theme-pick button,.wp-theme-pick label,.wp-theme-pick a{
  flex:1 1 150px;padding:14px 16px;border-radius:14px;border:1px solid var(--au-border);
  background:var(--au-surface-2);font-weight:700;font-size:.88rem;color:var(--au-text-2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;transition:.18s;
}
.wp-theme-pick button:hover,.wp-theme-pick label:hover{border-color:rgba(var(--au-primary-rgb),.45);color:var(--au-primary)}
.wp-theme-pick .active,.wp-theme-pick button.active{
  border-color:var(--au-primary);background:var(--au-primary-soft);color:var(--au-primary);box-shadow:0 0 0 3px rgba(var(--au-primary-rgb),.1);
}

/* tool tiles */
.wp-tools{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.wp-tool{
  display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border-radius:var(--au-r-lg);
  background:var(--au-surface);border:1px solid var(--au-border);box-shadow:var(--au-shadow-sm);
  text-decoration:none;color:inherit;transition:transform .2s var(--au-ease),box-shadow .2s,border-color .2s;
}
.wp-tool:hover{transform:translateY(-2px);box-shadow:var(--au-shadow);border-color:rgba(var(--au-primary-rgb),.3)}
.wp-tool__icon{
  width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;
  background:var(--au-primary-soft);color:var(--au-primary);
}
.wp-tool__icon svg{width:19px;height:19px}
.wp-tool__body{min-width:0}
.wp-tool__title{display:block;font-size:.9rem;font-weight:750;color:var(--au-text);margin:0 0 2px}
.wp-tool__desc{display:block;font-size:.79rem;color:var(--au-muted);margin:0}
.wp-tool--success .wp-tool__icon{background:var(--au-success-soft);color:var(--au-success)}
.wp-tool--warning .wp-tool__icon{background:var(--au-warning-soft);color:#B45309}
.wp-tool--danger .wp-tool__icon{background:var(--au-danger-soft);color:var(--au-danger)}
.wp-tool--info .wp-tool__icon{background:var(--au-info-soft);color:var(--au-info)}
html.au-dark .wp-tool--warning .wp-tool__icon{color:#FCD34D}

/* generic settings forms */
.wp-form{display:block}
.wp-form.wp-form--grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:end}
.wp-form label{display:block}
.wp-form .btn{align-self:end}

/* light table used in settings */
.wp-table-lite{width:100%;border-collapse:separate;border-spacing:0;font-size:.87rem}
.wp-table-lite th{
  background:var(--au-surface-2);color:var(--au-muted);font-size:.7rem;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;padding:11px 14px;border-bottom:1px solid var(--au-border);text-align:start;
}
.wp-table-lite td{padding:12px 14px;border-bottom:1px solid var(--au-border-soft);color:var(--au-text-2)}
.wp-table-lite tr:last-child td{border-bottom:0}

/* role menu ordering page */
.wp-role-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--au-r-pill);background:var(--au-surface-3);border:1px solid var(--au-border);margin-bottom:16px}
.wp-role-tabs button,.wp-role-tabs a{
  border:0;background:transparent;border-radius:var(--au-r-pill);padding:.5rem 1rem;
  font-size:.83rem;font-weight:700;color:var(--au-muted);cursor:pointer;transition:.18s;
}
.wp-role-tabs button:hover{color:var(--au-primary)}
.wp-role-tabs .active{background:var(--au-surface);color:var(--au-primary);box-shadow:var(--au-shadow-sm)}
.wp-menu-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.87rem}
.wp-menu-table th{background:var(--au-surface-2);color:var(--au-muted);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:11px 14px;border-bottom:1px solid var(--au-border);text-align:start}
.wp-menu-table td{padding:9px 14px;border-bottom:1px solid var(--au-border-soft);vertical-align:middle}
.wp-menu-table tr.is-child td:first-child{padding-inline-start:38px}
.wp-menu-table tr.is-parent td{font-weight:700}
.wp-menu-label{font-weight:650;color:var(--au-text)}
.wp-menu-hint{font-size:.75rem;color:var(--au-muted);margin:0 0 12px}
.wp-order,.wp-col-order{width:82px;text-align:center;font-variant-numeric:tabular-nums}
.wp-order input,.wp-col-order input{text-align:center;padding:.45rem .5rem;font-weight:700}

/* =====================================================================
   LEGACY TOKEN BRIDGE
   Older pages carry their own <style> blocks that reference the previous
   design systems (--wp-* and --wm-*). Those variables no longer exist, so
   the rules resolved to nothing. Aliasing them to Aurora revives every
   legacy page in the new palette without touching its markup.
   ===================================================================== */
:root{
  --wp-primary:var(--au-primary);
  --wp-primary-soft:var(--au-primary-soft);
  --wp-primary-dark:var(--au-primary-600);
  --wp-accent:var(--au-accent);
  --wp-purple:var(--au-primary);
  --wp-white:var(--au-surface);
  --wp-surface:var(--au-surface);
  --wp-surface-2:var(--au-surface-2);
  --wp-bg-page:var(--au-bg);
  --wp-border:var(--au-border);
  --wp-border-soft:var(--au-border-soft);
  --wp-text:var(--au-text);
  --wp-text-muted:var(--au-muted);
  --wp-muted:var(--au-muted);
  --wp-faint:var(--au-faint);
  --wp-success:var(--au-success);   --wp-success-soft:var(--au-success-soft);
  --wp-danger:var(--au-danger);     --wp-danger-soft:var(--au-danger-soft);
  --wp-warning:var(--au-warning);   --wp-warning-soft:var(--au-warning-soft);
  --wp-info:var(--au-info);         --wp-info-soft:var(--au-info-soft);
  --wp-radius:var(--au-r-lg);       --wp-radius-sm:var(--au-r-sm);
  --wp-shadow-sm:var(--au-shadow-sm);
  --wp-shadow-md:var(--au-shadow);
  --wp-shadow-lg:var(--au-shadow-lg);
  --wp-transition:.18s var(--au-ease);
  --wp-font:var(--au-sans);
  --wp-sidebar:var(--au-sidebar-w);
  --wp-space-2:8px; --wp-space-3:12px; --wp-space-4:16px; --wp-space-5:24px;
  --wp-fs-sm:.82rem; --wp-fs-md:.9rem; --wp-fs-lg:1.05rem;

  --wm-primary:var(--au-primary);
  --wm-primary-dark:var(--au-primary-600);
  --wm-primary-soft:var(--au-primary-soft);
  --wm-accent:var(--au-accent);
  --wm-accent-soft:var(--au-accent-soft);
  --wm-bg:var(--au-bg);
  --wm-surface:var(--au-surface);
  --wm-surface-2:var(--au-surface-2);
  --wm-border:var(--au-border);
  --wm-border-soft:var(--au-border-soft);
  --wm-text:var(--au-text);
  --wm-text-soft:var(--au-muted);
  --wm-muted:var(--au-muted);
  --wm-danger:var(--au-danger);     --wm-danger-soft:var(--au-danger-soft);
  --wm-success:var(--au-success);   --wm-success-soft:var(--au-success-soft);
  --wm-warn:var(--au-warning);      --wm-warn-soft:var(--au-warning-soft);
  --wm-radius:var(--au-r-lg);       --wm-radius-sm:var(--au-r-sm);
  --wm-shadow:var(--au-shadow-sm);  --wm-shadow-lg:var(--au-shadow);
}

.wp-settings__link{display:flex;align-items:center;gap:10px}
.wp-settings__link svg,.wp-settings__link i{width:17px;height:17px;flex:0 0 17px;opacity:.85}
.wp-settings-lang a,.wp-settings-lang label{line-height:1.25}
.wp-theme-pick button svg{width:17px;height:17px}

/* =========================== SUPPORT TICKETS =========================== */
.tk-wrap{display:flex;flex-direction:column;gap:18px}

.tk-filters{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--au-r-pill);
  background:var(--au-surface-3);border:1px solid var(--au-border);align-self:flex-start}
.tk-filter{padding:.5rem 1rem;border-radius:var(--au-r-pill);font-size:.83rem;font-weight:700;
  color:var(--au-muted);text-decoration:none;transition:.18s;white-space:nowrap}
.tk-filter:hover{color:var(--au-primary);background:rgba(var(--au-primary-rgb),.08)}
.tk-filter.active{background:var(--au-surface);color:var(--au-primary);box-shadow:var(--au-shadow-sm)}

.tk-list{display:flex;flex-direction:column;gap:10px}
.tk-row{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  box-shadow:var(--au-shadow-sm);color:inherit;
  transition:transform .18s var(--au-ease),box-shadow .18s,border-color .18s}
.tk-row:hover{transform:translateY(-2px);box-shadow:var(--au-shadow);border-color:rgba(var(--au-primary-rgb),.3)}
.tk-row__dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--au-faint)}
.tk-dot--open{background:var(--au-primary);box-shadow:0 0 0 4px rgba(var(--au-primary-rgb),.16)}
.tk-dot--pending{background:var(--au-warning);box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.tk-dot--closed{background:var(--au-faint)}
.tk-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tk-row__subject{font-weight:700;font-size:.93rem;color:var(--au-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-row__meta{font-size:.76rem;color:var(--au-muted)}
.tk-row__end{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.tk-count{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--au-muted)}
.tk-count svg{width:14px;height:14px}
.tk-new{display:inline-block;margin-inline-start:7px;padding:.12em .5em;border-radius:var(--au-r-pill);
  background:var(--au-primary);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.06em;vertical-align:middle}

.tk-status{padding:.28em .7em;border-radius:var(--au-r-pill);font-size:.71rem;font-weight:800;white-space:nowrap}
.tk-status--open{background:var(--au-primary-soft);color:var(--au-primary)}
.tk-status--pending{background:var(--au-warning-soft);color:#B45309}
.tk-status--closed{background:var(--au-surface-3);color:var(--au-muted)}
html.au-dark .tk-status--pending{color:#FCD34D}
html.au-dark .tk-status--open{color:var(--au-primary-300)}

.tk-prio{font-size:.71rem;font-weight:800;padding:.28em .6em;border-radius:var(--au-r-pill)}
.tk-prio--low{background:var(--au-surface-3);color:var(--au-muted)}
.tk-prio--normal{background:var(--au-info-soft);color:var(--au-info)}
.tk-prio--high{background:var(--au-danger-soft);color:var(--au-danger)}

.tk-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;
  background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-r-lg);
  padding:20px 22px;box-shadow:var(--au-shadow-sm)}
.tk-head__main{min-width:0;flex:1}
.tk-head__subject{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin:4px 0 6px;color:var(--au-text)}
.tk-head__meta{font-size:.8rem;color:var(--au-muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tk-head__end{display:flex;flex-direction:column;align-items:flex-end;gap:10px}

.tk-thread{display:flex;flex-direction:column;gap:14px}
.tk-msg{display:flex;gap:12px;align-items:flex-start;max-width:86%}
.tk-msg--staff{align-self:flex-end;flex-direction:row-reverse}
.tk-msg__avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;
  font-weight:800;font-size:.85rem;background:var(--au-surface-3);color:var(--au-muted)}
.tk-msg--staff .tk-msg__avatar{background:linear-gradient(140deg,var(--au-primary),var(--au-primary-300));color:#fff}
.tk-msg__bubble{background:var(--au-surface);border:1px solid var(--au-border);
  border-radius:var(--au-r-lg);padding:14px 16px;box-shadow:var(--au-shadow-sm);min-width:0}
.tk-msg--staff .tk-msg__bubble{background:var(--au-primary-soft);border-color:rgba(var(--au-primary-rgb),.24)}
.tk-msg__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.tk-msg__who{font-size:.83rem;font-weight:750;color:var(--au-text)}
.tk-msg__tag{margin-inline-start:6px;padding:.1em .5em;border-radius:var(--au-r-pill);
  background:var(--au-primary);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.06em}
.tk-msg__time{font-size:.72rem;color:var(--au-faint);white-space:nowrap}
.tk-msg__body{font-size:.89rem;line-height:1.65;color:var(--au-text-2);word-break:break-word}
.tk-reply{margin-top:4px}

@media (max-width:575.98px){
  .tk-msg{max-width:100%}
  .tk-row{flex-wrap:wrap}
  .tk-row__end{width:100%;justify-content:flex-start}
}

/* ticket delete confirm */
.tk-danger{display:inline-flex;align-items:center;gap:8px}
.tk-danger__confirm{display:none;align-items:center;gap:8px;
  background:var(--au-danger-soft);border:1px solid rgba(225,29,72,.28);
  border-radius:var(--au-r-pill);padding:5px 8px 5px 14px}
.tk-danger.is-armed .tk-danger__start{display:none}
.tk-danger.is-armed .tk-danger__confirm{display:inline-flex}
.tk-danger__ask{font-size:.82rem;font-weight:700;color:var(--au-danger);white-space:nowrap}
.tk-danger .btn-danger{background:var(--au-danger);color:#fff;border:0}
.tk-danger .btn-danger:hover{filter:brightness(1.08);color:#fff}

/* =========================== PURCHASED PRODUCTS =========================== */
.wp-buys{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));width:100%}
.wp-buy{
  --wp-buy-color:var(--au-primary);
  position:relative;display:flex;align-items:center;gap:12px;
  padding:15px 16px 18px;border-radius:var(--au-r-lg);
  background:var(--au-surface);border:1px solid var(--au-border);
  box-shadow:var(--au-shadow-sm);overflow:hidden;
  transition:transform .2s var(--au-ease),box-shadow .2s var(--au-ease),border-color .2s;
}
.wp-buy:hover{transform:translateY(-2px);box-shadow:var(--au-shadow);border-color:var(--wp-buy-color)}
.wp-buy__icon{
  width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;
  background:color-mix(in srgb, var(--wp-buy-color) 14%, transparent);color:var(--wp-buy-color);
}
.wp-buy__icon svg{width:19px;height:19px;stroke-width:2.1}
.wp-buy__body{display:flex;flex-direction:column;min-width:0;flex:1}
.wp-buy__label{
  font-size:.75rem;font-weight:700;color:var(--au-muted);letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wp-buy__value{
  font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;
  color:var(--au-text);font-variant-numeric:tabular-nums;
}
.wp-buy__share{
  position:absolute;inset-inline-start:0;bottom:0;height:3px;width:var(--wp-buy-pct,0%);
  background:var(--wp-buy-color);opacity:.85;transition:width .6s var(--au-ease);
}
.wp-buy.is-zero{opacity:.62}
.wp-buy.is-zero .wp-buy__value{color:var(--au-faint)}
.wp-buy--violet{--wp-buy-color:var(--au-primary)}
.wp-buy--mint  {--wp-buy-color:var(--au-accent-600)}
.wp-buy--blue  {--wp-buy-color:var(--au-info)}
.wp-buy--amber {--wp-buy-color:var(--au-warning)}
.wp-buy--rose  {--wp-buy-color:var(--au-danger)}
.wp-buy--green {--wp-buy-color:var(--au-success)}
html.au-dark .wp-buy__icon{background:color-mix(in srgb, var(--wp-buy-color) 22%, transparent)}
@supports not (color: color-mix(in srgb, red 10%, transparent)){
  .wp-buy__icon{background:var(--au-primary-soft)}
}
@media (max-width:575.98px){
  .wp-buys{grid-template-columns:repeat(2,1fr);gap:10px}
  .wp-buy{padding:13px 12px 16px;gap:9px}
  .wp-buy__icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px}
  .wp-buy__value{font-size:1.2rem}
}