:root{--navy:#0b1020;--navy2:#151b2f;--blue:#635bff;--blue2:#8b5cf6;--bg:#f4f3f8;--card:#ffffff;--line:#e6e3ee;--muted:#6b7280;--text:#171622;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--gold:#d6a84f;--ink:#11101a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:radial-gradient(circle at 15% 0%,#30305f 0,#171a30 34%,#0c1020 72%);color:#cbd5e1;position:fixed;left:0;top:0;bottom:0;padding:20px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;padding:3px 8px 25px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#4f46e5);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 7px 20px #2563eb55}.brand-title{font-size:15px;font-weight:800;color:#fff}.brand-sub{font-size:10px;color:#94a3b8;margin-top:2px}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#64748b;padding:0 10px 7px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{color:#aeb9c9;text-decoration:none;padding:10px 11px;border-radius:8px;display:flex;align-items:center;gap:11px;font-weight:600;transition:.15s}.side-nav a span{width:18px;text-align:center;font-size:16px}.side-nav a:hover{background:#1e293b;color:#fff}.side-nav a.active{background:linear-gradient(90deg,#665cf6,#5146d8);color:#fff;box-shadow:0 6px 18px #2563eb35}.sidebar-spacer{flex:1}.user-mini{border-top:1px solid #253047;padding:14px 4px 2px;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:31px;height:31px;border-radius:50%;background:#334155;color:#fff;display:grid;place-items:center;font-weight:800}.user-text{flex:1;min-width:0}.user-text b,.user-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-text b{font-size:11px;color:#fff}.user-text small{font-size:9px;color:#94a3b8}.user-mini a{color:#94a3b8;text-decoration:none;font-size:18px}.main-area{margin-left:260px;width:calc(100% - 260px);min-height:100vh;background:radial-gradient(circle at 85% 5%,#ede9fe 0,transparent 24%),var(--bg)}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#98a2b3;margin-bottom:2px}.topbar h1{font-size:23px;margin:0;font-weight:800}.top-actions{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #12b76a18}.top-avatar{margin-left:12px;background:#e0e7ff;color:#3730a3}.page-body{padding:24px 28px 40px}.card{border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:0 2px 10px #10182808!important}.kpi{padding:18px}.kpi-label{font-size:11px;color:var(--muted);font-weight:600}.kpi-value{font-size:27px;font-weight:800;margin-top:5px}.section-title{font-size:15px;font-weight:800}.table{font-size:12px;vertical-align:middle}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.45px;color:#667085;background:#f8fafc;border-bottom:1px solid var(--line)}.table td,.table th{padding:10px 11px}.form-control,.form-select{border-color:#d9dee8;border-radius:8px;font-size:12px;padding:9px 10px}.form-label{font-size:11px;font-weight:700;color:#475467}.btn{border-radius:8px;font-size:12px;font-weight:700;padding:8px 12px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-success{background:#079455;border-color:#079455}.btn-warning{color:#fff;background:#dc6803;border-color:#dc6803}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:#eff6ff;color:#2563eb}.alert{font-size:12px;border-radius:9px}.empty-state{text-align:center;padding:35px;color:#98a2b3}.toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.badge-soft{padding:4px 7px;border-radius:99px;font-size:10px;font-weight:800}.soft-green{background:#ecfdf3;color:#067647}.soft-blue{background:#eff6ff;color:#1d4ed8}.soft-amber{background:#fffaeb;color:#b54708}.soft-red{background:#fef3f2;color:#b42318}.soft-gray{background:#f2f4f7;color:#475467}
@media(max-width:900px){.sidebar{width:72px}.brand>div:not(.brand-mark),.sidebar-label,.side-nav a:not(.active)::after,.user-text{display:none}.side-nav a{justify-content:center}.main-area{margin-left:72px;width:calc(100% - 72px)}.page-body{padding:16px}.topbar{padding:0 16px}.topbar h1{font-size:18px}}

.page-body{max-width:1700px}
.card{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(24,20,45,.07)!important}
.kpi{position:relative;overflow:hidden}.kpi:after{content:'';position:absolute;right:-30px;top:-35px;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#8b5cf622,#635bff08)}
.btn-primary{background:linear-gradient(135deg,#6d63ff,#5146d8);border:0;box-shadow:0 7px 18px #635bff2b}
.btn-primary:hover{background:linear-gradient(135deg,#5f55ee,#463bc7)}
.section-title{letter-spacing:-.2px}.table th{background:#f8f7fb;color:#5d5a6d}


/* V8 — ADMIN THEME ADAPTED FROM ATTACHED ANAND FASHION ADMIN */
/* =========================================================
   V27 — PREMIUM ADMIN PANEL
   Vertical navigation + dashboard analytics
   ========================================================= */
.admin-body{
  margin:0!important;
  background:#f7f3f4!important;
  color:#2b2527;
  font-family:Inter,Arial,sans-serif;
}
.admin-app{min-height:100vh;display:flex}
.admin-sidebar{
  position:fixed;left:0;top:0;bottom:0;width:255px;
  background:#292426;color:#fff;z-index:1000;
  padding:22px 15px;box-sizing:border-box;
  display:flex;flex-direction:column;
  box-shadow:8px 0 28px rgba(45,28,35,.08);
}
.admin-brand{
  display:flex;align-items:center;gap:11px;padding:7px 10px 25px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.admin-brand-mark{
  width:48px;height:48px;border:1px solid rgba(255,255,255,.7);
  display:grid;place-items:center;color:#fff;text-decoration:none;
  font:600 21px Georgia;
}
.admin-brand strong{display:block;font-size:12px;letter-spacing:2px;color:#fff}
.admin-brand small{display:block;margin-top:5px;font-size:7px;letter-spacing:1.5px;color:#d9b5c0}
.admin-sidebar-label{font-size:8px;letter-spacing:2px;color:#a99a9f;padding:25px 12px 9px}
.admin-menu{display:flex;flex-direction:column;gap:4px}
.admin-menu-link{
  display:flex!important;align-items:center;gap:12px;
  padding:11px 12px;border-radius:8px;
  color:#d8cdd1!important;text-decoration:none!important;
  font-size:11px!important;transition:.18s ease;
}
.admin-menu-link .mi{
  width:20px;text-align:center;color:#d18a9d;font-size:15px;
}
.admin-menu-link:hover,.admin-menu-link:focus{
  background:#3a3033;color:#fff!important;transform:translateX(2px);
}
.admin-menu-link[href="dashboard.php"]{background:#b9677e;color:#fff!important}
.admin-menu-link[href="dashboard.php"] .mi{color:#fff}
.admin-logout{margin-top:3px}
.admin-sidebar-foot{
  margin-top:auto;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);border-radius:10px;
  padding:12px;display:flex;align-items:center;gap:9px;
}
.admin-sidebar-foot strong{display:block;font-size:9px;color:#fff}
.admin-sidebar-foot small{display:block;font-size:8px;color:#aaa0a4;margin-top:3px}
.admin-status-dot{width:8px;height:8px;border-radius:50%;background:#79d19a;box-shadow:0 0 0 4px rgba(121,209,154,.08)}
.admin-main{margin-left:255px;min-height:100vh;flex:1}
.admin-topbar{
  height:72px;background:#fff;border-bottom:1px solid #eadfe3;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 35px;box-sizing:border-box;position:sticky;top:0;z-index:900;
}
.admin-page-context span{display:block;font-size:8px;letter-spacing:2px;color:#ad7181}
.admin-page-context strong{display:block;font:600 17px "Playfair Display";margin-top:3px;color:#2e282a}
.admin-top-actions{display:flex;align-items:center;gap:18px}
.admin-top-actions>a:first-child{font-size:10px;color:#756b70;text-decoration:none}
.admin-avatar{width:34px;height:34px;border-radius:50%;background:#b9677e;color:#fff!important;display:grid;place-items:center;text-decoration:none;font-size:10px;font-weight:700}
.admin-mobile-toggle{display:none;border:0;background:none;font-size:20px}
.admin-content{max-width:1400px;margin:0 auto;padding:38px 35px 45px}
.admin-welcome{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.admin-eyebrow{font-size:8px;letter-spacing:2.5px;color:#ae7180;font-weight:700}
.admin-title{font:600 40px/1.05 "Playfair Display"!important;margin:8px 0 8px!important;color:#292426}
.admin-welcome p{font-size:11px;color:#83787d;margin:0;line-height:1.6}
.admin-primary-action{
  background:#2b2729;color:#fff;text-decoration:none;padding:13px 17px;
  border-radius:7px;font-size:10px;font-weight:700;white-space:nowrap;
  box-shadow:0 7px 20px rgba(43,39,41,.12)
}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.admin-stat-card{
  background:#fff;border:1px solid #eadfe3;border-radius:11px;padding:19px;
  display:flex;align-items:center;gap:13px;box-shadow:0 5px 20px rgba(55,36,43,.03)
}
.admin-stat-card>div:last-child{min-width:0}
.admin-stat-card span{display:block;font-size:9px;color:#8b8085}
.admin-stat-card b{display:block;font:600 27px "Playfair Display";margin:4px 0 2px;color:#2e282a}
.admin-stat-card small{font-size:8px;color:#aaa0a4}
.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:16px}
.stat-icon.pink{background:#f7e8ec;color:#b9677e}
.stat-icon.dark{background:#eeebec;color:#423a3d}
.stat-icon.gold{background:#f6eee3;color:#9a7242}
.stat-icon.rose{background:#f5e3e8;color:#a64f69}
.admin-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.admin-chart-card{
  background:#fff;border:1px solid #eadfe3;border-radius:11px;padding:23px;
  min-height:295px;box-shadow:0 5px 20px rgba(55,36,43,.03)
}
.chart-head,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.chart-head>div>span,.panel-heading>div>span{font-size:7px;letter-spacing:2px;color:#b17382;font-weight:700}
.chart-head h2,.panel-heading h2{font:600 21px "Playfair Display";margin:6px 0 0;color:#312b2e}
.chart-badge{font-size:8px;color:#8d7e84;background:#f8eff2;border-radius:20px;padding:7px 9px}
.admin-bars{margin-top:28px}
.admin-bar-row{margin:0 0 18px}
.bar-label{display:flex;justify-content:space-between;margin-bottom:7px;font-size:9px;color:#685d62}
.bar-label b{color:#2f292b}
.bar-track{height:8px;background:#f1e9ec;border-radius:10px;overflow:hidden}
.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#b9677e,#d38da0);border-radius:10px}
.category-chart{height:205px;margin-top:24px;display:flex;align-items:flex-end;gap:13px;padding:0 5px;border-bottom:1px solid #eee6e9}
.category-bar-item{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.category-bar{width:70%;max-width:48px;min-height:12px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#d18a9d,#b9677e);display:flex;align-items:flex-start;justify-content:center}
.category-bar span{font-size:8px;color:#fff;margin-top:5px;font-weight:700}
.category-bar-item small{font-size:7px;color:#81767b;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty-chart{height:200px;display:grid;place-items:center;color:#9b9095;font-size:10px}
.admin-recent-panel{background:#fff!important;border:1px solid #eadfe3!important;border-radius:11px!important;padding:23px!important;margin-top:0!important;box-shadow:0 5px 20px rgba(55,36,43,.03)}
.panel-heading{align-items:center;margin-bottom:17px}
.panel-heading>a{font-size:9px;color:#a95c72;text-decoration:none}
.admin-table-wrap{overflow-x:auto}
.admin-modern-table{margin:0!important;border-radius:0!important}
.admin-modern-table th{font-size:8px!important;letter-spacing:.8px;color:#9a8e93!important;text-transform:uppercase;background:#fcf9fa}
.admin-modern-table td{padding:13px!important;color:#63595e}
.status-pill{display:inline-block;background:#f7e8ec;color:#9c5269;padding:5px 8px;border-radius:15px;font-size:8px}
.admin-empty-state{padding:40px 15px;text-align:center;color:#9b9095}
.admin-empty-state div{font-size:25px;color:#c17a90}
.admin-empty-state strong{display:block;color:#4b4246;font-size:11px;margin-top:7px}
.admin-empty-state span{display:block;font-size:9px;margin-top:4px}
.admin-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.admin-quick-grid>a{
  background:#fff;border:1px solid #eadfe3;border-radius:10px;padding:17px;
  text-decoration:none;color:#332d30;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px
}
.admin-quick-grid>a>span{width:32px;height:32px;border-radius:8px;background:#f7e8ec;color:#ad6177;display:grid;place-items:center}
.admin-quick-grid b{font-size:10px}
.admin-quick-grid small{grid-column:2/3;color:#978c91;font-size:8px;margin-top:-2px}
.admin-quick-grid>a::after{content:'→';color:#b76a7f}
.admin-footer{padding:0 35px 28px;display:flex;justify-content:space-between;color:#9a8f94;font-size:8px}
@media(max-width:1100px){
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  .admin-chart-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .admin-sidebar{transform:translateX(-100%);transition:.22s ease}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-main{margin-left:0}
  .admin-topbar{padding:0 16px}
  .admin-mobile-toggle{display:block;margin-right:12px}
  .admin-page-context{margin-right:auto}
  .admin-top-actions>a:first-child{display:none}
  .admin-content{padding:25px 16px 35px}
  .admin-welcome{align-items:flex-start;flex-direction:column}
  .admin-title{font-size:34px!important}
  .admin-stats{grid-template-columns:1fr}
  .admin-quick-grid{grid-template-columns:1fr}
  .admin-footer{padding:0 16px 22px;display:block}
  .admin-footer span{display:block;margin-top:5px}
}

/* V28 — Admin fixes */
.admin-menu-link.admin-active{
  background:#b9677e!important;
  color:#fff!important;
}
.admin-menu-link.admin-active .mi{color:#fff!important}
.admin-menu-link[href="dashboard.php"]:not(.admin-active){
  background:transparent!important;
  color:#d8cdd1!important;
}
.admin-menu-link[href="dashboard.php"]:not(.admin-active) .mi{color:#d18a9d!important}

.category-list-panel,.category-form-panel{margin-top:18px!important}
.category-actions{gap:8px!important;align-items:center}
.category-actions .btn{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:72px;height:36px;padding:0 14px!important;
  box-sizing:border-box;text-decoration:none!important;
  font-size:9px!important;font-weight:700!important;
  border-radius:5px!important;
}
.category-actions .edit-btn{
  background:#f4e5e9!important;
  color:#9f5068!important;
  border:1px solid #e5cbd3!important;
}
.category-actions .delete-btn{
  background:#a73531!important;
  color:#fff!important;
  border:1px solid #a73531!important;
}
.category-actions .delete-btn:hover{
  background:#8f2926!important;
  color:#fff!important;
}
.category-thumb{
  width:48px!important;height:55px!important;
  object-fit:cover!important;border-radius:5px!important;
}
.category-table th:last-child,.category-table td:last-child{min-width:175px}
.category-table td{vertical-align:middle!important}
.no-image{color:#aaa;font-size:12px}
.category-form-panel .admin-form{
  max-width:none!important;padding:22px 0 0!important;
  background:transparent!important;
}
.category-form-panel .field label{color:#786b71!important}
.category-form-panel .admin-actions{margin-top:6px}

/* =========================================================
   V29 — MOBILE RESPONSIVENESS
   Public website mobile menu + admin mobile layout
   ========================================================= */

/* Public mobile menu button */
.mobile-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #d9cfd2;
  background:#fff;
  border-radius:7px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  flex-shrink:0;
}
.mobile-menu-toggle span{
  display:block;
  width:19px;
  height:2px;
  background:#2b2729;
  border-radius:2px;
  transition:.2s ease;
}
.mobile-nav-enquiry{display:none!important}

@media(max-width:768px){
  body.mobile-menu-open{overflow:hidden}
  .site-header{
    min-height:72px!important;
    height:auto!important;
    padding:10px 4%!important;
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    gap:10px;
  }
  .site-header .brand{min-width:0;flex:1}
  .site-header .brand>b{
    width:40px;height:40px;font-size:18px;
  }
  .site-header .brand span{
    font-size:10px;
    letter-spacing:1.6px;
  }
  .site-header .brand small{
    font-size:7px;
    letter-spacing:.8px;
    white-space:nowrap;
  }
  .site-header .public-nav{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:10px 16px 16px!important;
    background:#c77b90!important;
    border-top:1px solid rgba(255,255,255,.2)!important;
    box-shadow:0 14px 30px rgba(45,25,32,.18)!important;
    flex-direction:column!important;
    gap:2px!important;
    z-index:100001!important;
  }
  .site-header .public-nav.mobile-open{
    display:flex!important;
  }
  .site-header .public-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:9px 12px!important;
    box-sizing:border-box!important;
    color:#fff!important;
    font-size:12px!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  .site-header .public-nav a:last-child{
    border-bottom:0!important;
  }
  .site-header .public-nav a:hover{
    background:rgba(255,255,255,.12)!important;
  }
  .site-header .public-nav .mobile-nav-enquiry{
    display:flex!important;
    margin-top:7px;
    justify-content:center;
    background:#292426!important;
    border-radius:5px;
    border:0!important;
    font-weight:700;
  }
  .site-header .header-btn{display:none!important}
  .mobile-menu-toggle{display:flex!important}
  .mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Admin: make every major block fit small screens */
@media(max-width:900px){
  .admin-sidebar{
    width:270px!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
  }
  .admin-sidebar.open{
    transform:translateX(0)!important;
  }
  .admin-main{margin-left:0!important;width:100%!important;min-width:0!important}
  .admin-topbar{
    height:66px!important;
    padding:0 18px!important;
    position:sticky!important;
  }
  .admin-mobile-toggle{
    display:flex!important;
    width:40px;height:40px;
    align-items:center;justify-content:center;
    border:1px solid #e2d8dc!important;
    border-radius:7px;
    color:#4a4145!important;
    background:#fff!important;
    cursor:pointer;
  }
  .admin-content{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:25px 20px 35px!important;
  }
  .admin-welcome{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-chart-grid{grid-template-columns:1fr!important}
  .admin-chart-card{min-width:0!important}
  .admin-quick-grid{grid-template-columns:1fr!important}
  .admin-footer{padding:0 20px 25px!important}
}

@media(max-width:600px){
  .topbar{
    padding:7px 12px!important;
    text-align:center;
    line-height:1.4;
  }
  .admin-page-context span{font-size:7px!important}
  .admin-page-context strong{font-size:14px!important}
  .admin-top-actions{gap:7px!important}
  .admin-top-actions>a:first-child{display:none!important}
  .admin-avatar{width:32px!important;height:32px!important}
  .admin-content{
    padding:20px 12px 30px!important;
    overflow:hidden!important;
  }
  .admin-title{font-size:31px!important}
  .admin-welcome p{font-size:10px!important}
  .admin-primary-action{
    width:100%!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  .admin-stats{grid-template-columns:1fr!important;gap:10px!important}
  .admin-stat-card{
    padding:15px!important;
    min-width:0!important;
  }
  .admin-stat-card b{font-size:24px!important}
  .admin-chart-card{
    padding:16px!important;
    min-height:240px!important;
    overflow:hidden!important;
  }
  .chart-head h2,.panel-heading h2{font-size:18px!important}
  .category-chart{height:165px!important;gap:7px!important}
  .category-bar-item small{max-width:48px!important;font-size:6px!important}
  .admin-bars{margin-top:20px!important}
  .admin-recent-panel,.category-list-panel,.category-form-panel{
    padding:16px!important;
    overflow:hidden!important;
  }
  .admin-table-wrap{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .admin-table{
    min-width:650px!important;
  }
  .admin-modern-table th,.admin-modern-table td{
    white-space:nowrap!important;
  }
  .admin-quick-grid>a{
    grid-template-columns:32px 1fr auto!important;
  }
  .admin-footer{
    padding:0 12px 20px!important;
  }

  /* Public page grids */
  .hero{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .hero-img{height:390px!important}
  .section{padding:60px 5%!important}
  .category-grid,.product-grid,.products-grid,.categories-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Ensure desktop public nav is restored outside mobile breakpoint */
@media(min-width:769px){
  .site-header .public-nav{
    display:flex!important;
    position:static!important;
    flex-direction:row!important;
    background:transparent!important;
    padding:0!important;
    box-shadow:none!important;
  }
  .mobile-menu-toggle{display:none!important}
  .mobile-nav-enquiry{display:none!important}
}

/* V30 — brand/review button contrast + order details */
.admin-table .delete-btn,
.admin-table .btn.danger,
.category-actions .delete-btn{
  color:#fff!important;
}
.admin-table .delete-btn:hover,
.admin-table .btn.danger:hover,
.category-actions .delete-btn:hover{
  color:#fff!important;
}
.admin-table .btn.light{color:#8f5266!important}
.orders-table th,.orders-table td{vertical-align:top!important}
.order-product-cell{min-width:300px}
.order-item-chip{
  display:block;
  margin:0 0 6px;
  padding:9px 11px;
  background:#f7edf0;
  border:1px solid #ead8de;
  border-radius:6px;
  color:#4a3d42;
  font-size:11px;
  line-height:1.45;
  white-space:normal;
}
.order-email{
  display:block;
  margin-top:4px;
  color:#8c7c83;
  font-size:9px;
}
.order-phone{color:#8f5266;text-decoration:none}
.order-phone:hover{text-decoration:underline}
.order-status-actions{min-width:100px}
.status-pill{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:99px;
  background:#f3e5e9;
  color:#8f5266;
  font-size:9px;
  font-weight:700;
}
.order-status-links{display:flex;gap:8px;margin-top:7px}
.order-status-links a{
  font-size:8px;
  font-weight:700;
  color:#8f5266;
  text-decoration:none;
}
.order-status-links a:last-child{color:#9d4038}
.empty-state{text-align:center;padding:35px!important;color:#8b7b82}
@media(max-width:900px){
  .order-product-cell{min-width:300px}
}

.admin-body .btn-primary{background:#2b2729!important;border-color:#2b2729!important;box-shadow:0 7px 20px rgba(43,39,41,.12)!important}.admin-body .btn-success{background:#b9677e!important;border-color:#b9677e!important}.admin-body .btn-danger{background:#8f5266!important;border-color:#8f5266!important;color:#fff!important}.admin-body .card{box-shadow:0 5px 20px rgba(55,36,43,.03)!important;border:1px solid #eadfe3!important}.admin-body .form-control,.admin-body .form-select{border-color:#e2d7dc;border-radius:7px}.admin-body .table th{background:#fcf9fa;color:#9a8e93}.admin-body .section-title{font-family:'Playfair Display',Georgia,serif}
.topbar h1{font-family:'Playfair Display',serif;letter-spacing:-.3px}.section-title{font-family:'Playfair Display',serif}

/* V10 ADMIN THEME — inspired by the attached admin UI's muted luxury aesthetic */
:root{
 --admin-sidebar:#20201f;--admin-sidebar-2:#2a2928;--admin-accent:#b47a78;--admin-accent-dark:#98625f;
 --admin-cream:#f6f3f0;--admin-card:#fffdfb;--admin-border:#e8e1dd;--admin-text:#282522;--admin-muted:#827a74;
}
body{background:var(--admin-cream)!important;color:var(--admin-text)!important;font-family:Inter,Arial,sans-serif!important}
.sidebar{background:linear-gradient(180deg,var(--admin-sidebar),#171716)!important;color:#d8d3ce!important}
.brand-mark{background:linear-gradient(135deg,#c18b88,var(--admin-accent-dark))!important;box-shadow:0 8px 22px rgba(180,122,120,.24)!important}
.brand-title{letter-spacing:.2px}.sidebar-label{color:#8e8882!important}
.side-nav a{color:#bdb7b0!important}
.side-nav a:hover{background:#343230!important;color:#fff!important}
.side-nav a.active{background:linear-gradient(90deg,var(--admin-accent),#9e6865)!important;box-shadow:0 8px 20px rgba(180,122,120,.22)!important;color:#fff!important}
.main-area{background:radial-gradient(circle at 90% 0,#efe5e1 0,transparent 25%),var(--admin-cream)!important}
.topbar{background:rgba(255,253,251,.92)!important;border-bottom:1px solid var(--admin-border)!important}
.topbar h1{font-family:'Playfair Display',Georgia,serif!important;font-size:25px!important;color:#282522!important}
.eyebrow{color:var(--admin-accent-dark)!important}
.card{background:rgba(255,253,251,.96)!important;border:1px solid var(--admin-border)!important;box-shadow:0 10px 30px rgba(55,45,40,.065)!important;border-radius:14px!important}
.section-title{font-family:'Playfair Display',Georgia,serif!important;color:#332e2a!important}
.stat-icon{background:#f1e5e2!important;color:var(--admin-accent-dark)!important}
.btn-primary{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-dark))!important;border-color:var(--admin-accent-dark)!important;box-shadow:0 7px 18px rgba(180,122,120,.2)!important}
.btn-primary:hover{background:var(--admin-accent-dark)!important}
.btn-outline-danger{border-color:#c98d88!important;color:#9e514d!important}.btn-outline-danger:hover{background:#9e514d!important;color:#fff!important}
.table th{background:#faf7f5!important;color:#756c66!important;border-bottom-color:var(--admin-border)!important}
.form-control,.form-select{background:#fffdfb!important;border-color:#ddd5d0!important}
.badge-soft.soft-blue{background:#eee8f3!important;color:#705780!important}
.badge-soft.soft-green{background:#edf4ee!important;color:#4f775b!important}
.badge-soft.soft-amber{background:#f8f0df!important;color:#8a6a30!important}
.badge-soft.soft-red{background:#f8e9e7!important;color:#99534e!important}
.top-avatar{background:#eadedb!important;color:#7f5550!important}

.company-pill{display:inline-flex;padding:7px 12px;border:1px solid #e8e1dd;border-radius:999px;background:#fffdfb;color:#514946;text-decoration:none;font-size:12px;font-weight:700}.company-pill:hover{color:#9e6865}

/* V100: keep sidebar navigation scrollable while user/logout stays visible. */
.sidebar{height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden}.sidebar .sidebar-spacer{flex:1 0 24px;min-height:24px}.sidebar .user-mini{position:sticky;bottom:0;flex:0 0 auto;background:linear-gradient(180deg,var(--admin-sidebar),#171716);z-index:20;padding-top:10px}

/* Searchable dropdowns: search appears only after the dropdown is opened. */
.searchable-select-wrap{position:relative;min-width:0;}
/* V105: lift the complete card containing an open searchable dropdown above following cards. */
.card.searchable-dropdown-parent-open{position:relative!important;z-index:10000!important;}
.searchable-select-wrap.searchable-select-open{z-index:10001;}
.searchable-select-wrap.searchable-select-open .searchable-select-menu{z-index:10002;}
.searchable-select-native{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;}
.searchable-select-button{width:100%;text-align:left;position:relative;padding-right:2.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;}
.searchable-select-button::after{position:absolute;right:1rem;top:50%;transform:translateY(-50%);margin:0;}
.searchable-select-button.searchable-placeholder{color:#6c757d;}
.searchable-select-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:2050;background:#fff;border:1px solid #ced4da;border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.12);overflow:hidden;}
.searchable-select-menu.show{display:block;}
.searchable-select-search{border:0;border-bottom:1px solid #dee2e6;border-radius:0;padding:.65rem .75rem;min-height:44px;}
.searchable-select-search:focus{box-shadow:none;border-bottom-color:#86b7fe;}
.searchable-select-options{max-height:280px;overflow:auto;padding:.25rem 0;}
.searchable-select-option{padding:.55rem .75rem;cursor:pointer;line-height:1.35;white-space:normal;word-break:break-word;}
.searchable-select-option:hover,.searchable-select-option.selected{background:#f1f3f5;}
.searchable-select-option.disabled{color:#adb5bd;cursor:not-allowed;}
.searchable-select-empty{padding:.7rem .75rem;color:#6c757d;font-size:.9rem;}

/* V98 — Compact grouped sidebar navigation */
.grouped-nav{gap:5px!important}
.nav-group{border-radius:9px}
.group-toggle,.group-link{width:100%;border:0;background:transparent;color:#bdb7b0;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;font:600 13px Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.group-toggle:hover,.group-link:hover{background:#343230;color:#fff}
.group-toggle .group-icon,.group-link span{width:18px;min-width:18px;text-align:center;font-size:16px;color:#d18a9d}
.group-toggle b,.group-link b{font-weight:600;flex:1}
.group-toggle i{font-style:normal;font-size:19px;line-height:1;color:#8f8884;transition:transform .16s ease}
.nav-group.open>.group-toggle{background:#343230;color:#fff}
.nav-group.open>.group-toggle i{transform:rotate(90deg);color:#fff}
.nav-submenu{display:none;padding:2px 0 3px 27px}
.nav-group.open>.nav-submenu{display:flex;flex-direction:column;gap:2px}
.nav-submenu a{color:#aaa39e;text-decoration:none;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:11px;font-weight:600;line-height:1.2}
.nav-submenu a span{width:16px;text-align:center;font-size:13px;color:#b88793}
.nav-submenu a:hover{background:#343230;color:#fff}
.nav-submenu a.nav-active{background:#b9677e;color:#fff;box-shadow:0 5px 14px rgba(180,122,120,.18)}
.nav-submenu a.nav-active span{color:#fff}
.group-link.nav-active{background:#b9677e;color:#fff;box-shadow:0 5px 14px rgba(180,122,120,.18)}
.group-link.nav-active span{color:#fff}
@media(max-width:900px){
  .group-toggle,.group-link{justify-content:center;padding:10px 8px}
  .group-toggle b,.group-link b,.group-toggle i,.nav-submenu{display:none!important}
  .group-toggle .group-icon,.group-link span{margin:0}
}

/* V106: keep Previous Process searchable list above the following report section. */
.searchable-source-process-menu.show{position:fixed!important;z-index:2147483647!important;}

/* V108: keep Production Register pagination inside the card/page width. */
#productionPagination{width:100%;max-width:100%;min-width:0;}
#productionPagination nav{max-width:100%;min-width:0;}
#productionPageButtons{max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:768px){
  #productionPagination{flex-direction:column!important;align-items:flex-start!important;}
  #productionPagination nav{width:100%;}
  #productionPageButtons{justify-content:flex-start;}
}