:root{--bg:#070809;--surface:#101315;--surface2:#171b1f;--line:rgba(216,162,58,.25);--lineStrong:rgba(216,162,58,.55);--gold:#d8a23a;--goldLight:#f0c86a;--pale:#f8df9a;--text:#f4efe5;--muted:#a9a298;--success:#50b768;--danger:#e36a65;--info:#5fa9dd;--radius:14px;--shadow:0 20px 50px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% 0,rgba(216,162,58,.09),transparent 28%),var(--bg);font-family:Tahoma,Arial,sans-serif;direction:rtl;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 15px;display:flex;flex-direction:column;background:#090b0d;border-left:1px solid var(--line);overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.admin-brand img{width:54px;height:54px;object-fit:contain}.admin-brand strong{display:block;color:var(--goldLight)}.admin-brand small{display:block;color:var(--muted);direction:ltr;text-align:right}.admin-nav{display:grid;gap:5px;margin-top:18px}.admin-nav a{min-height:46px;padding:0 13px;display:flex;align-items:center;gap:10px;color:#c3bcb1;border:1px solid transparent;border-radius:9px}.admin-nav a:hover,.admin-nav a.active{color:var(--goldLight);background:rgba(216,162,58,.07);border-color:var(--line)}.sidebar-bottom{margin-top:auto;padding-top:18px}.logout-form button{width:100%;min-height:44px;color:#ffc8c4;background:rgba(227,106,101,.06);border:1px solid rgba(227,106,101,.3);border-radius:9px}.admin-main{min-width:0}.admin-topbar{position:sticky;z-index:100;top:0;min-height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(7,8,9,.92);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(16px)}.admin-topbar h1{margin:0;color:var(--pale);font-size:1.35rem}.admin-topbar-actions{display:flex;align-items:center;gap:9px}.admin-user{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.85rem}.admin-user-avatar{width:38px;height:38px;display:grid;place-items:center;color:#181008;background:linear-gradient(135deg,#f1ce74,#bc7c1f);border-radius:50%;font-weight:900}.mobile-sidebar-toggle{display:none;width:42px;height:42px;color:var(--goldLight);background:transparent;border:1px solid var(--line);border-radius:9px}.admin-content{width:min(1450px,100%);padding:28px}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{padding:12px 15px;border-radius:9px;background:var(--surface);border:1px solid var(--line)}.flash--success{border-color:rgba(80,183,104,.55);color:#a8e9b6}.flash--error{border-color:rgba(227,106,101,.6);color:#ffc4bf}.flash--info{border-color:rgba(95,169,221,.55);color:#c2e6ff}.page-head{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.page-head h2{margin:0;color:var(--pale);font-size:1.65rem}.page-head p{margin:3px 0 0;color:var(--muted)}.btn{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;font-weight:800}.btn--gold{color:#171008;background:linear-gradient(135deg,#f0cb6f,#c88b25)}.btn--outline{color:var(--goldLight);background:transparent;border-color:var(--lineStrong)}.btn--danger{color:#ffd1cd;background:rgba(227,106,101,.08);border-color:rgba(227,106,101,.4)}.btn--ghost{color:#d6d0c6;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}.btn--small{min-height:36px;padding:0 11px;font-size:.78rem}.btn--block{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#131619,#0b0d0f);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.stat-card span{color:var(--muted);font-size:.83rem}.stat-card strong{display:block;margin-top:7px;color:var(--goldLight);font-size:1.8rem}.stat-card small{color:#847e75}.dashboard-grid{margin-top:20px;display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#111416,#0a0c0e)}.panel-head{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.07)}.panel-head h3{margin:0;color:var(--goldLight);font-size:1.02rem}.panel-body{padding:18px}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th{padding:13px 14px;color:var(--goldLight);background:rgba(216,162,58,.035);text-align:right;font-size:.78rem}.admin-table td{padding:13px 14px;border-top:1px solid rgba(255,255,255,.065);vertical-align:middle;font-size:.84rem}.admin-table tr:hover td{background:rgba(255,255,255,.018)}.table-product{display:flex;align-items:center;gap:10px;min-width:240px}.table-product img{width:52px;height:48px;object-fit:cover;border:1px solid var(--line);border-radius:7px}.table-product strong{display:block;color:#ead69c}.table-product small{color:var(--muted)}.actions{display:flex;align-items:center;gap:6px}.status{display:inline-flex;min-height:26px;padding:2px 9px;align-items:center;border-radius:999px;font-size:.72rem;font-weight:800}.status--pending{color:#f5d88c;background:rgba(216,162,58,.11)}.status--confirmed,.status--processing{color:#b9ddff;background:rgba(95,169,221,.12)}.status--shipped{color:#d1c2ff;background:rgba(146,113,230,.14)}.status--completed,.status--active,.status--paid{color:#a7e8b5;background:rgba(80,183,104,.12)}.status--cancelled,.status--inactive,.status--unpaid{color:#ffc1bc;background:rgba(227,106,101,.11)}.toolbar{margin-bottom:16px;padding:14px;display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px auto;gap:9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.input,.select,.textarea{width:100%;min-height:44px;padding:0 12px;color:var(--text);background:#090b0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:0}.textarea{min-height:120px;padding-block:11px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,162,58,.08)}.select{color-scheme:dark}.form-panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#111416,#090b0d)}.form-section+.form-section{margin-top:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.form-section h3{margin:0 0 15px;color:var(--goldLight)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;gap:6px}.field--full{grid-column:1/-1}.field label{color:#d7d0c4;font-size:.84rem}.field small{color:var(--muted)}.required{color:var(--danger)}.checkbox-row{min-height:44px;padding:10px 12px;display:flex;align-items:center;gap:9px;color:#d5cec2;background:#0a0c0e;border:1px solid rgba(255,255,255,.1);border-radius:8px}.checkbox-row input{accent-color:var(--gold)}.image-preview{width:180px;aspect-ratio:1.25/1;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#08090a}.image-preview img{width:100%;height:100%;object-fit:cover}.form-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:9px}.validation-errors{margin-bottom:18px;padding:13px 16px;color:#ffd1cd;background:rgba(227,106,101,.07);border:1px solid rgba(227,106,101,.45);border-radius:9px}.pagination{margin-top:18px;display:flex;gap:7px;justify-content:center}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;color:#c7c0b5;border:1px solid rgba(255,255,255,.12);border-radius:8px}.pagination a.active,.pagination a:hover{color:#171008;background:var(--goldLight);border-color:var(--goldLight)}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.order-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-box{padding:13px;background:#0a0c0e;border:1px solid rgba(255,255,255,.08);border-radius:9px}.info-box span{display:block;color:var(--muted);font-size:.75rem}.info-box strong{display:block;margin-top:3px;color:#eee3c5;word-break:break-word}.settings-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(440px,100%);padding:30px;border:1px solid var(--lineStrong);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(216,162,58,.1),transparent 35%),linear-gradient(180deg,#121518,#080a0b);box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:22px}.login-brand img{width:82px;margin:auto}.login-brand h1{margin:6px 0;color:var(--pale)}.login-brand p{margin:0;color:var(--muted)}.login-form{display:grid;gap:14px}.login-footer{text-align:center;margin-top:18px;color:var(--muted);font-size:.8rem}.number-ltr{direction:ltr;display:inline-block}.danger-zone{border-color:rgba(227,106,101,.35)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.order-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar .toolbar-search{grid-column:1/-1}}@media(max-width:780px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:300;right:0;top:0;width:min(280px,88vw);transform:translateX(105%);transition:transform .25s ease}.admin-sidebar.open{transform:translateX(0)}.mobile-sidebar-toggle{display:grid;place-items:center}.admin-topbar{padding:0 15px}.admin-content{padding:18px 15px}.admin-user span{display:none}.form-grid,.order-info-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.stats-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar .toolbar-search{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.form-actions{justify-content:stretch;flex-direction:column}.form-actions .btn{width:100%}}

/* Current dashboard markup */
.admin-body {
  min-height: 100vh;
  direction: rtl;
  background:
    radial-gradient(circle at 78% 0, rgba(216, 162, 58, .09), transparent 28%),
    #070809;
}

.admin-sidebar-bottom {
  margin-top: auto;
  padding-top: 18px;
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}
.admin-sidebar-bottom a {
  min-height: 44px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #bbb4a9;
  border: 1px solid transparent;
  border-radius: 9px;
}
.admin-sidebar-bottom a:hover {
  color: var(--goldLight);
  background: rgba(216, 162, 58, .07);
  border-color: var(--line);
}
.admin-sidebar-bottom a:last-child:hover {
  color: #ffc8c4;
  background: rgba(227, 106, 101, .06);
  border-color: rgba(227, 106, 101, .3);
}

.admin-menu-button {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  color: var(--goldLight);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 9px;
}
.admin-topbar > div:nth-child(2) {
  min-width: 0;
  display: grid;
  line-height: 1.3;
}
.admin-topbar > div:nth-child(2) small { color: var(--muted); }
.admin-topbar > div:nth-child(2) strong {
  max-width: min(46vw, 360px);
  overflow: hidden;
  color: var(--pale);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: #181008;
  background: linear-gradient(135deg, #f1ce74, #bc7c1f);
  border-radius: 50%;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}
.admin-overlay {
  position: fixed;
  z-index: 290;
  inset: 0;
  display: none;
  background: rgba(0, 0, 0, .68);
  backdrop-filter: blur(2px);
}
.admin-overlay.open { display: block; }

.admin-page-head {
  margin-bottom: 26px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.admin-page-head span {
  display: block;
  margin-bottom: 2px;
  color: var(--muted);
  font-size: .78rem;
}
.admin-page-head h1 {
  margin: 0;
  color: var(--pale);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.3;
}
.admin-page-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.admin-flash-stack {
  display: grid;
  gap: 9px;
  margin-bottom: 20px;
}
.admin-flash-stack .flash,
.login-card .flash {
  display: flex;
  align-items: center;
  gap: 9px;
}

.admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(270px, .65fr);
  gap: 20px;
  align-items: start;
  margin-top: 20px;
}
.admin-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, #111416, #090b0d);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 45px rgba(0, 0, 0, .2);
}
.admin-card-head {
  min-height: 60px;
  padding: 13px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}
.admin-card-head h2 {
  margin: 0;
  color: var(--goldLight);
  font-size: 1.02rem;
}
.admin-card-head > span { color: var(--muted); font-size: .8rem; }
.admin-card-body { padding: 20px; }
.admin-card-body--flush { padding: 0; }
.admin-empty {
  padding: 50px 20px;
  color: var(--muted);
  text-align: center;
}

.stat-card {
  position: relative;
  min-height: 132px;
  padding: 22px;
  overflow: hidden;
}
.stat-card::after {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  inset-inline-end: -34px;
  bottom: -38px;
  border: 1px solid rgba(216, 162, 58, .12);
  border-radius: 50%;
}
.stat-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 13px;
  display: grid;
  place-items: center;
  color: var(--goldLight) !important;
  background: rgba(216, 162, 58, .09);
  border: 1px solid var(--line);
  border-radius: 11px;
}
.stat-icon .icon { width: 22px; height: 22px; }
.stat-card small { display: block; color: var(--muted); }
.stat-card strong { margin-top: 4px; }

.admin-toolbar {
  margin-bottom: 18px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(160px, 210px) minmax(160px, 210px) auto auto;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, #111416, #0a0c0e);
}
.search-grow { min-width: 0; }

.admin-table-wrap { width: 100%; overflow-x: auto; }
.admin-table { min-width: 760px; }
.admin-table th,
.admin-table td { text-align: start; }
.admin-table th { position: relative; }
.admin-table td small { color: var(--muted); }
.admin-product-cell {
  min-width: 240px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.admin-product-cell img {
  width: 58px;
  height: 54px;
  flex: 0 0 auto;
  object-fit: contain;
  background: #080a0b;
  border: 1px solid var(--line);
  border-radius: 9px;
}
.admin-product-cell strong { display: block; color: #ead69c; }
.admin-product-cell small {
  display: block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.table-actions form { margin: 0; }
.table-action {
  width: 37px;
  height: 37px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #d8d0c5;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
  transition: .18s ease;
}
.table-action:hover {
  color: var(--goldLight);
  border-color: var(--lineStrong);
  background: rgba(216, 162, 58, .07);
}
.table-action.danger:hover {
  color: #ffc4bf;
  border-color: rgba(227, 106, 101, .45);
  background: rgba(227, 106, 101, .08);
}
.table-action .icon { width: 18px; height: 18px; }

.status-badge {
  min-height: 27px;
  padding: 3px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  white-space: nowrap;
}
.status-pending { color: #f5d88c; background: rgba(216, 162, 58, .10); border-color: rgba(216, 162, 58, .22); }
.status-processing { color: #b9ddff; background: rgba(95, 169, 221, .11); border-color: rgba(95, 169, 221, .25); }
.status-shipped { color: #d1c2ff; background: rgba(146, 113, 230, .13); border-color: rgba(146, 113, 230, .28); }
.status-completed,
.status-paid { color: #a7e8b5; background: rgba(80, 183, 104, .11); border-color: rgba(80, 183, 104, .25); }
.status-cancelled,
.status-unpaid { color: #ffc1bc; background: rgba(227, 106, 101, .10); border-color: rgba(227, 106, 101, .24); }
.status-refunded { color: #d8d0ff; background: rgba(126, 105, 203, .12); border-color: rgba(126, 105, 203, .26); }

.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.admin-form-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-field {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
}
.admin-field--full { grid-column: 1 / -1; }
.admin-field label {
  color: #d8d0c5;
  font-size: .83rem;
  font-weight: 700;
}
.admin-field textarea.form-control {
  min-height: 118px;
  padding-block: 11px;
  resize: vertical;
}
.admin-field .form-control:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(216, 162, 58, .08);
}
.hint {
  color: var(--muted);
  font-size: .74rem;
  line-height: 1.5;
}
.checkbox-card {
  min-height: 46px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #d5cec2;
  background: #0a0c0e;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 9px;
}
.checkbox-card input { accent-color: var(--gold); }
.admin-form-actions {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}
.image-upload-box {
  min-height: 265px;
  padding: 14px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--muted);
  background: #080a0b;
  border: 1px dashed var(--lineStrong);
  border-radius: 12px;
  cursor: pointer;
}
.image-upload-box > div { width: 100%; display: grid; gap: 11px; place-items: center; }
.image-upload-box img {
  width: 100%;
  max-height: 245px;
  object-fit: contain;
  border-radius: 9px;
  background: #050607;
}
.image-upload-box input[type="file"] {
  width: 100%;
  color: #bdb5aa;
  font-size: .76rem;
}

.admin-pagination {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
}
.admin-pagination a {
  min-width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  color: #c7c0b5;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
}
.admin-pagination a:hover,
.admin-pagination a.active {
  color: #171008;
  background: var(--goldLight);
  border-color: var(--goldLight);
}

.order-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(285px, .6fr);
  gap: 20px;
  align-items: start;
}
.order-info-list,
.order-total-list { display: grid; }
.order-info-row,
.order-total-row {
  padding: 12px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.order-info-row:last-child,
.order-total-row:last-child { border-bottom: 0; }
.order-info-row span,
.order-total-row span { color: var(--muted); }
.order-info-row strong,
.order-total-row strong {
  max-width: 62%;
  color: #eee3c5;
  text-align: end;
  overflow-wrap: anywhere;
}
.order-total-row:last-child {
  margin-top: 4px;
  color: var(--goldLight);
  font-size: 1.07rem;
}

.login-body {
  min-height: 100vh;
  padding: 25px;
  display: grid;
  place-items: center;
  direction: rtl;
  background:
    radial-gradient(circle at 50% 0, rgba(216, 162, 58, .12), transparent 35%),
    #050607;
}
.login-body .login-card {
  width: min(100%, 450px);
  padding: 32px;
  text-align: center;
}
.login-logo {
  width: 88px;
  height: 88px;
  margin: 0 auto 10px;
  padding: 8px;
  display: grid;
  place-items: center;
  background: rgba(216, 162, 58, .06);
  border: 1px solid var(--line);
  border-radius: 50%;
}
.login-logo img { width: 68px; height: 68px; object-fit: contain; }
.login-card h1 { margin: 8px 0 0; color: var(--pale); }
.login-card > p { margin: 4px 0 22px; color: var(--muted); }
.login-card form { display: grid; gap: 15px; text-align: start; }
.login-links {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--goldLight);
  font-size: .82rem;
}
.login-links a:hover { color: #fff1c7; }

html[dir="ltr"] .admin-body,
html[dir="ltr"] .login-body { direction: ltr; }
html[dir="ltr"] .admin-sidebar {
  border-left: 0;
  border-right: 1px solid var(--line);
}
html[dir="ltr"] .admin-brand small { direction: ltr; text-align: left; }

@media (max-width: 1180px) {
  .admin-toolbar { grid-template-columns: minmax(220px, 1fr) 1fr 1fr; }
  .admin-toolbar .search-grow { grid-column: 1 / -1; }
  .admin-grid,
  .order-detail-grid { grid-template-columns: 1fr; }
  .admin-form-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .admin-menu-button { display: grid; }
  .admin-sidebar { box-shadow: -25px 0 55px rgba(0, 0, 0, .42); }
  html[dir="ltr"] .admin-sidebar {
    right: auto;
    left: 0;
    transform: translateX(-105%);
    box-shadow: 25px 0 55px rgba(0, 0, 0, .42);
  }
  html[dir="ltr"] .admin-sidebar.open { transform: translateX(0); }
  .admin-topbar { min-height: 68px; }
  .admin-content { width: 100%; }
  .admin-page-head { margin-bottom: 20px; }
  .admin-page-actions[style] {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    justify-content: flex-start !important;
  }
  .admin-form-grid,
  .admin-form-grid--3 { grid-template-columns: 1fr; }
  .admin-field--full { grid-column: auto; }
  .admin-toolbar { grid-template-columns: 1fr; }
  .admin-toolbar .search-grow { grid-column: auto; }
  .admin-toolbar .btn { width: 100%; }
  .admin-card-body { padding: 17px; }
  .order-info-row,
  .order-total-row { gap: 10px; }
  .order-info-row strong,
  .order-total-row strong { max-width: 58%; }
}

@media (max-width: 520px) {
  .admin-topbar > div:nth-child(2) small { display: none; }
  .admin-topbar > div:nth-child(2) strong { max-width: 130px; }
  .admin-avatar { width: 36px; height: 36px; }
  .admin-top-actions { gap: 6px; }
  .login-body { padding: 14px; }
  .login-body .login-card { padding: 24px 18px; }
  .stats-grid { grid-template-columns: 1fr; }
}
/* V2: new Original Black Horse logo + reports/customer screens */
.admin-brand img,.login-logo img{background:#fff;border-radius:10px;padding:3px;object-fit:contain}
.report-toolbar{grid-template-columns:repeat(3,minmax(170px,1fr)) auto;align-items:end}.report-toolbar>div{display:grid;gap:5px}.report-toolbar label{color:var(--muted);font-size:.78rem}.report-stats{margin-bottom:20px}.customers-toolbar{grid-template-columns:minmax(280px,1fr) auto auto}.actions{display:flex;align-items:center;gap:7px}
@media(max-width:780px){.report-toolbar,.customers-toolbar{grid-template-columns:1fr}.report-toolbar .btn,.customers-toolbar .btn{width:100%}}

/* V4 — Warda catalogue/import tools */
.admin-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat-mini-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(216,162,58,.05);display:grid;gap:5px}
.stat-mini-grid strong{color:var(--pale);font-size:1.05rem}
.stat-mini-grid span{color:var(--muted);font-size:.78rem}
@media(max-width:1180px){.admin-grid--two{grid-template-columns:1fr}}
@media(max-width:640px){.stat-mini-grid{grid-template-columns:1fr}}