:root{--blue:#0D2879;--blue2:#12358F;--soft:#EAF0FF;--white:#fff;--text:#151a2d;--muted:#7a839d;--line:#CAD7FF;--green:#12a05c;--red:#df3b3b;--shadow:0 18px 44px rgba(13,40,121,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#EAF0FF 0%,#f6f8ff 45%,#EAF0FF 100%)}a{text-decoration:none;color:var(--blue)}img{max-width:100%}.mobile-body{padding:14px}.phone-shell{max-width:430px;margin:0 auto;background:rgba(255,255,255,.45);border-radius:34px;box-shadow:0 16px 60px rgba(13,40,121,.15);border:1px solid rgba(255,255,255,.7);overflow:hidden;min-height:calc(100vh - 28px);position:relative}.wide-shell{max-width:980px}.app-screen{padding-bottom:94px}.top-hero,.detail-hero{background:linear-gradient(180deg,var(--blue2) 0%,var(--blue) 100%);padding:18px 16px;color:#fff}.brand-stack{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand-inline{display:flex;align-items:center;gap:12px}.app-logo{width:52px;height:52px;object-fit:contain;background:rgba(255,255,255,.15);border-radius:16px;padding:6px}.app-name{font-size:28px;font-weight:800;line-height:1}.app-sub,.location-row,.hero-sub{font-size:13px;color:rgba(255,255,255,.88)}.location-row{margin-top:14px}.white-pill{background:#fff;color:var(--blue)}.mini-pill{padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex}.search-card{margin-top:14px;background:#fff;border-radius:24px;padding:12px;box-shadow:var(--shadow)}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:0 12px;margin-bottom:10px;background:#fbfcff;color:var(--muted)}.search-field input{border:none;background:transparent;padding:15px 0;width:100%;outline:none;font-size:15px}.hero-actions{display:flex;gap:10px}.flex-1{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:16px;font-weight:700;border:none;cursor:pointer;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.btn-soft{background:var(--soft);color:var(--blue);border:1px solid var(--line)}.btn-sm{min-height:38px;padding:9px 12px;border-radius:14px;font-size:13px}.full-width{width:100%}.mobile-section{padding:16px}.compact-top{padding-top:14px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title-row h2,.center-intro h1,.detail-hero h1{margin:0 0 4px}.section-title-row p,.center-intro p,.small-meta,.seller-app-body p,.info-app-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.text-link{font-size:13px;font-weight:700}.notice-card{margin:12px 0;border-radius:18px;padding:14px;font-size:14px}.warning{background:#fff8e7;border:1px solid #ffd98b;color:#806000}.danger{background:#fff0f0;border:1px solid #ffb2b2;color:#9d1111}.category-scroll{display:flex;gap:12px;overflow:auto;padding-bottom:4px}.category-tile{min-width:168px;max-width:168px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px rgba(13,40,121,.08)}.cat-icon,.seller-app-thumb,.detail-avatar{width:52px;height:52px;border-radius:18px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:26px}.category-tile strong{font-size:15px;color:var(--text)}.category-tile span{font-size:12px;color:var(--muted);line-height:1.45}.chip-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:12px}.chip{padding:8px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:12px;color:var(--blue);white-space:nowrap}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}.seller-list-mobile{display:flex;flex-direction:column;gap:12px}.seller-app-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 8px 24px rgba(13,40,121,.08)}.seller-app-thumb{flex:0 0 64px;width:64px;height:64px;font-size:30px;border-radius:20px}.seller-app-body{flex:1;min-width:0}.seller-app-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.seller-app-top h3{margin:0 0 4px;font-size:17px}.badge-soft{background:var(--soft);color:var(--blue);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.seller-app-body p{margin-top:6px}.seller-actions{display:flex;gap:8px;margin-top:10px}.cta-card{background:linear-gradient(180deg,#fff 0%,#f3f6ff 100%);margin:0 16px 12px;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 24px rgba(13,40,121,.08)}.empty-card,.empty-mini{background:#fff;border:1px dashed var(--line);border-radius:20px;padding:18px;color:var(--muted)}.bottom-nav{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 8px;box-shadow:0 -10px 24px rgba(13,40,121,.08)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;min-width:70px}.nav-item span{font-size:20px}.nav-item.active{color:var(--blue);font-weight:700}.topbar-inline,.topbar-app{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar-app{padding:16px;background:#fff;border-bottom:1px solid var(--line)}.topbar-app.plain{position:sticky;top:0;z-index:5}.topbar-title{font-size:17px;font-weight:800}.icon-back,.ghost-space{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px}.icon-back{background:rgba(255,255,255,.16);color:#fff;font-weight:700}.topbar-app .icon-back{background:var(--soft);color:var(--blue)}.detail-avatar{margin:14px auto 10px;background:rgba(255,255,255,.18);color:#fff;width:74px;height:74px;font-size:34px;border-radius:24px}.detail-hero h1{text-align:center;font-size:24px;color:#fff}.hero-sub{text-align:center}.floating-up{margin-top:-14px}.info-app-card,.app-form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 24px rgba(13,40,121,.08);margin-bottom:12px}.info-app-card h3{margin:0 0 8px}.item-list-mobile{display:flex;flex-direction:column;gap:10px}.item-row-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--soft);border-radius:16px;padding:12px 14px;font-size:14px}.center-intro{text-align:center;margin-bottom:14px}.logo.small-logo{width:56px;height:56px;object-fit:contain}.field{margin-bottom:12px}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--text)}input,select,textarea{width:100%;padding:14px;border-radius:16px;border:1px solid var(--line);background:#fbfcff;font-size:15px;outline:none}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(13,40,121,.12)}.dashboard-hero{text-align:center}.white-glow{background:rgba(255,255,255,.16);border-radius:16px;padding:4px}.stat-row-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:transparent;margin-bottom:12px}.stat-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 8px 24px rgba(13,40,121,.08)}.stat-box strong{display:block;font-size:18px;color:var(--blue);margin-bottom:4px}.stat-box span{font-size:12px;color:var(--muted)}.menu-card-list{display:flex;flex-direction:column;gap:10px;background:transparent;margin-bottom:14px}.menu-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(13,40,121,.08);color:var(--text)}.menu-card strong{display:block;margin-bottom:4px}.menu-card span{display:block;font-size:13px;color:var(--muted)}.menu-card b{font-size:22px;color:var(--blue)}.table-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 24px rgba(13,40,121,.08)}.filter-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.filter-form input,.filter-form select{flex:1;min-width:160px}.table-wrap{overflow:auto;width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.data-table th{background:#f5f7ff;color:#2a3150;font-size:13px}.data-table tr:last-child td{border-bottom:none}.sort-link{font-weight:800;color:#2a3150}.status-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-badge.active{background:#e9fff3;color:var(--green)}.status-badge.pending{background:#fff7e8;color:#a56b00}.status-badge.rejected{background:#fff0f0;color:var(--red)}.actions-cell{display:flex;gap:6px;align-items:center;min-width:150px}.inline-form{display:inline-flex;gap:6px;margin:0}.icon-action{border:none;background:#f3f6ff;color:var(--blue);width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px}.ok-icon{background:#e9fff3;color:var(--green)}.reject-icon{background:#fff7e8;color:#a56b00}.danger-icon{background:#fff0f0;color:var(--red)}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.page-link{padding:8px 12px;border-radius:12px;background:#f3f6ff;color:var(--blue);font-weight:700}.page-link.active{background:var(--blue);color:#fff}
.admin-body{background:#f2f5ff;min-height:100vh}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:#071A55;color:#fff;padding:20px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.admin-brand img{width:46px;height:46px;object-fit:contain;background:rgba(255,255,255,.13);border-radius:14px;padding:4px}.admin-brand strong{display:block;font-size:20px}.admin-brand span{font-size:12px;color:#B7C5FF}.admin-sidebar a{display:flex;justify-content:space-between;align-items:center;color:#DDE6FF;padding:13px 12px;border-radius:14px;margin-bottom:8px}.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.12);color:#fff}.admin-sidebar b{background:#ffcc33;color:#111;padding:3px 7px;border-radius:999px}.admin-main{flex:1;padding:24px;min-width:0}.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.admin-top h1{margin:0 0 4px}.admin-top p{margin:0;color:var(--muted)}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-cards div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center;box-shadow:0 8px 24px rgba(13,40,121,.08)}.admin-cards strong{display:block;font-size:26px;color:var(--blue)}.admin-cards span{font-size:12px;color:var(--muted)}.admin-panel,.edit-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(13,40,121,.08)}.admin-filter input{min-width:260px}.admin-table{min-width:1100px}.edit-shell{max-width:760px;margin:24px auto}.back-link{display:inline-block;margin-bottom:12px;font-weight:800}
@media(max-width:900px){.admin-shell{display:block}.admin-sidebar{position:relative;width:100%;height:auto}.admin-main{padding:14px}.admin-top{display:block}.admin-cards{grid-template-columns:1fr;margin-top:12px}}@media(min-width:700px){.mobile-body{padding:24px}.phone-shell{min-height:860px}}@media(max-width:520px){.actions-cell{min-width:130px}.hero-actions.stack-2{flex-direction:column}}


.password-wrap{position:relative;display:flex;align-items:center}
.password-wrap input{padding-right:54px}
.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;border-radius:12px;background:#EAF0FF;color:#0D2879;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.login-note{font-size:12px;color:#7a839d;text-align:center;margin:12px 0 0}


/* Professional password visibility icon */
.password-wrap{position:relative;display:flex;align-items:center}
.password-wrap input{padding-right:56px}
.toggle-password{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:none;
  border-radius:12px;
  background:#EAF0FF;
  color:#0D2879;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
}
.toggle-password:hover{background:#CAD7FF}
.icon-eye{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.toggle-password .icon-hide{display:none}
.toggle-password.is-visible .icon-show{display:none}
.toggle-password.is-visible .icon-hide{display:block}
.login-note{display:none}
.icon-action{min-width:38px;padding:0 9px;width:auto;font-size:12px;font-weight:700}
.icon-text{font-size:12px;line-height:1}

.topbar-link{color:#fff;font-size:13px;font-weight:700;background:rgba(255,255,255,.16);border-radius:12px;padding:9px 10px}
.button-card{width:100%;border:none;text-align:left;cursor:pointer;font-family:inherit}
.notif-list{display:flex;flex-direction:column;gap:10px}
.notif-card{background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:5px}
.notif-card strong{font-size:14px}.notif-card span{font-size:13px;color:var(--muted);white-space:pre-wrap}.notif-card small{font-size:11px;color:var(--muted)}.notif-card.is-new{border-color:#12358F;background:#EAF0FF}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;background:#fbfcff}
.switch-row strong{display:block;margin-bottom:4px}.switch-row span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.switch{position:relative;display:inline-flex;width:52px;height:30px;flex:0 0 52px}.switch input{display:none}.switch i{position:absolute;inset:0;background:#d7def6;border-radius:999px;transition:.2s}.switch i:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);transition:.2s}.switch input:checked+i{background:#0D2879}.switch input:checked+i:before{transform:translateX(22px)}.success{background:#e9fff3;border:1px solid #a8e8c8;color:#116b40}

/* Seller registration v2 */
.seller-register-v2{padding:18px}
.form-group-title{padding:14px 0 6px;border-top:1px solid var(--line);margin-top:16px}
.form-group-title:first-child{border-top:none;margin-top:0;padding-top:0}
.form-group-title h2{font-size:18px;margin:0 0 4px;color:#151a2d}
.form-group-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.field-help{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.checkbox-grid{display:grid;grid-template-columns:1fr;gap:10px}
.checkbox-grid label{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:#fbfcff;font-weight:700}
.checkbox-grid input{width:auto}
.legal-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:18px 0 14px;font-size:12px;color:var(--muted);text-align:center}
.legal-links a{font-weight:700}
.legal-page ol{padding-left:22px;line-height:1.65;color:#30364c}
.legal-page h1{margin:0 0 12px}

/* Restore initial-style mobile app and solid sticky bottom nav */
.mobile-body{padding:0;background:#EAF0FF}
.phone-shell{max-width:430px;margin:0 auto;border-radius:0;min-height:100vh;background:#f7f9ff;box-shadow:0 18px 60px rgba(22,44,125,.12);border:none;overflow:visible}
.app-screen{padding-bottom:92px;background:#f7f9ff;min-height:100vh}
.top-hero,.detail-hero{border-bottom-left-radius:28px;border-bottom-right-radius:28px}
.app-form-card,.info-app-card,.table-panel,.seller-app-card,.category-tile,.cta-card{box-shadow:0 10px 30px rgba(47,67,170,.09)}
.bottom-nav{position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:9999;box-shadow:0 -8px 28px rgba(27,45,125,.12)}
.nav-item{background:transparent}
@media(min-width:700px){.mobile-body{padding:0}.phone-shell{min-height:100vh}}
@media(max-width:520px){.phone-shell{max-width:100%}.bottom-nav{max-width:100%}}


/* Global legal links above sticky bottom nav */
.global-legal-links{
  position:fixed;
  left:50%;
  bottom:70px;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  background:#ffffff;
  border-top:1px solid var(--line);
  box-shadow:0 -6px 18px rgba(27,45,125,.06);
  padding:9px 12px;
  z-index:9998;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  font-size:11px;
  line-height:1.25;
  color:#7a839d;
  text-align:center;
}
.global-legal-links a{color:#0D2879;font-weight:700}
.global-legal-links span{color:#9aa4c2}

/* Solid fixed bottom area */
.app-screen{padding-bottom:150px !important}
.bottom-nav{
  bottom:0 !important;
  background:#ffffff !important;
  border-top:1px solid var(--line) !important;
}
.bottom-nav .nav-item span{
  font-size:20px;
  line-height:1;
  display:block;
  height:22px;
}
.bottom-nav .nav-item small{
  font-size:11px;
  margin-top:2px;
}

/* Hide duplicate legal links inside seller form */
.seller-register-v2 .legal-links{display:none !important}

@media(max-width:520px){
  .global-legal-links{max-width:100%;bottom:70px}
}


/* Legal links should be normal content at page bottom, not sticky */
.global-legal-links{
  position:static !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:none !important;
  margin:18px 16px 0 !important;
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  box-shadow:0 8px 22px rgba(13,40,121,.08) !important;
  padding:12px 14px !important;
  z-index:auto !important;
}
.app-screen{
  padding-bottom:94px !important;
}
.bottom-nav{
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:100% !important;
  max-width:430px !important;
  background:#ffffff !important;
  border-top:1px solid var(--line) !important;
  z-index:9999 !important;
}

/* Seller agreement checkbox */
.agreement-box{
  margin:18px 0 14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f8faff;
}
.agreement-box label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.45;
  color:#30364c;
  font-weight:600;
}
.agreement-box input{
  width:18px;
  height:18px;
  margin-top:1px;
  flex:0 0 18px;
}
.agreement-box a{
  font-weight:800;
  color:#0D2879;
}
.seller-register-v2 .legal-links{
  display:none !important;
}

/* Final bottom nav icon sizing */
.bottom-nav .nav-item span{
  font-size:21px !important;
  height:22px !important;
  line-height:1 !important;
}
.bottom-nav .nav-item small{
  font-size:11px !important;
}
@media(max-width:520px){
  .bottom-nav{max-width:100% !important}
}


/* Admin action SVG icons */
.icon-action{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:12px !important;
}
.mini-svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.view-icon{background:#EAF0FF;color:#0D2879}
.actions-cell{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:238px !important;
}
.inline-form{display:inline-flex !important;gap:7px !important;align-items:center !important}
.admin-detail-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.detail-admin-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.detail-admin-shell{max-width:980px}
.detail-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:16px;
}
.detail-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:14px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcff;
}
.detail-row strong{font-size:13px;color:#151a2d}
.detail-row span{font-size:14px;color:#30364c;line-height:1.5;word-break:break-word}
.success-submit-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.success-card{text-align:center}
.success-icon{
  width:72px;
  height:72px;
  border-radius:24px;
  background:#e9fff3;
  color:#12a05c;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
}
.success-icon svg{
  width:36px;
  height:36px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.success-card h1{margin:0 0 10px}
.success-card p{color:var(--muted);line-height:1.5}
@media(max-width:720px){
  .detail-row{grid-template-columns:1fr}
  .actions-cell{min-width:220px !important}
}


/* Professional colored admin action icons - final override */
.icon-action{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
}
.mini-svg{
  width:18px !important;
  height:18px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.mini-svg path,
.mini-svg circle,
.mini-svg line,
.mini-svg polyline{
  fill:none !important;
  stroke:currentColor !important;
}
.view-icon{background:#EAF0FF !important;color:#0D2879 !important}
.edit-icon,.actions-cell a[href*="edit"]{background:#EAF0FF !important;color:#0D2879 !important}
.ok-icon{background:#e9fff3 !important;color:#07884d !important}
.reject-icon{background:#fff7e8 !important;color:#b16a00 !important}
.danger-icon{background:#fff0f0 !important;color:#d62828 !important}
.icon-action:hover{filter:brightness(.97);transform:translateY(-1px)}
.actions-cell{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-width:238px !important;
}
.inline-form{
  display:inline-flex !important;
  gap:7px !important;
  align-items:center !important;
  margin:0 !important;
}
.admin-detail-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.detail-admin-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.detail-admin-shell{max-width:980px}

/* Aligned detail format */
.detail-kv{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:0;
}
.kv-row{
  display:grid;
  grid-template-columns:230px 16px 1fr;
  gap:0;
  padding:9px 0;
  border-bottom:1px solid #EAF0FF;
  align-items:start;
}
.kv-label{
  font-weight:800;
  color:#11182f;
  line-height:1.45;
}
.kv-colon{
  font-weight:800;
  color:#11182f;
  text-align:center;
  line-height:1.45;
}
.kv-value{
  color:#1e2438;
  line-height:1.45;
  word-break:break-word;
}
.file-preview-link{
  border:none;
  background:transparent;
  color:#0D2879;
  font-weight:800;
  cursor:pointer;
  padding:0;
  font-size:inherit;
}

/* File preview modal */
body.modal-open{overflow:hidden}
.file-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.file-modal.is-open{display:flex}
.file-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,18,45,.68);
}
.file-modal-box{
  position:relative;
  z-index:1;
  width:min(920px,96vw);
  height:min(760px,88vh);
  background:#fff;
  border-radius:22px;
  box-shadow:0 28px 90px rgba(0,0,0,.32);
  padding:48px 18px 18px;
}
.file-modal-close{
  position:absolute;
  right:14px;
  top:12px;
  width:36px;
  height:36px;
  border:none;
  border-radius:12px;
  background:#EAF0FF;
  color:#0D2879;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.file-modal-content{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
}
.file-modal-content img{
  max-width:100%;
  max-height:100%;
  border-radius:14px;
  object-fit:contain;
}
.file-modal-content iframe{
  width:100%;
  height:100%;
  border:0;
  border-radius:14px;
}
.file-modal-fallback{text-align:center}
.file-modal-fallback a{font-weight:800;color:#0D2879}

/* Submit success page retained */
.success-submit-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.success-card{text-align:center}
.success-icon{
  width:72px;
  height:72px;
  border-radius:24px;
  background:#e9fff3;
  color:#12a05c;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
}
.success-icon svg{
  width:36px;
  height:36px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:720px){
  .kv-row{grid-template-columns:1fr 16px 1fr}
  .kv-label{font-size:14px}
  .actions-cell{min-width:220px !important}
}

/* Remove any empty action link/button that came from old patch */
.actions-cell .icon-action:empty{display:none !important}

/* Listing verification should focus on listing data */
.listing-verification-table{min-width:1250px}
.listing-verification-table .listing-desc-cell{
  max-width:280px;
  color:#30364c;
  font-size:13px;
  line-height:1.45;
}
.mini-preview{
  border:none;
  background:#EAF0FF;
  color:#0D2879;
  border-radius:10px;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}
.muted-small{color:#8a94b3;font-size:12px}

/* Final action icon size without blank spacing */
.actions-cell{
  min-width:210px !important;
  gap:7px !important;
}
.actions-cell > .icon-action,
.actions-cell .inline-form > .icon-action{
  flex:0 0 38px;
}

/* Seller dashboard re-layout */
.order-panel-first{margin-bottom:14px}
.seller-dashboard-avatar{
  width:62px;
  height:62px;
  border-radius:20px;
  background:#fff;
  margin:14px auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:3px solid rgba(255,255,255,.42);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.seller-dashboard-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-photo-box{
  display:flex;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fbfcff;
  margin-bottom:14px;
}
.profile-photo-preview{
  width:76px;
  height:76px;
  border-radius:22px;
  overflow:hidden;
  background:#EAF0FF;
  flex:0 0 76px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.profile-photo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-photo-box strong{display:block;margin-bottom:4px}
.profile-photo-box p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.seller-app-thumb{overflow:hidden}
.seller-app-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.detail-avatar{overflow:hidden}
.detail-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.seller-listing-table{min-width:850px}
@media(max-width:520px){
  .profile-photo-box{align-items:flex-start}
}

/* Rupiah and WhatsApp listing action */
.rupiah-input{
  font-weight:700;
}
.item-row-with-action{
  align-items:center;
  gap:12px;
}
.item-row-with-action > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.item-row-with-action strong{
  color:#0D2879;
}
.item-row-with-action .btn{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:420px){
  .item-row-with-action{
    flex-direction:column;
    align-items:stretch;
  }
  .item-row-with-action .btn{
    width:100%;
  }
}


/* Profile photo preview - centered, compact, not full-width */
.profile-photo-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px !important;
  padding:16px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:#fbfcff !important;
  margin-bottom:14px !important;
}
.profile-photo-preview{
  width:112px !important;
  height:112px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  flex:0 0 112px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 24px rgba(13,40,121,.08) !important;
}
.profile-photo-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:8px !important;
  background:#fff !important;
}
.profile-photo-box strong{
  display:block !important;
  margin-bottom:4px !important;
}
.profile-photo-box p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:1.45 !important;
  max-width:260px !important;
}

/* Seller dashboard avatar - medium preview, not full image */
.seller-dashboard-avatar{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  margin:12px auto 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border:2px solid rgba(255,255,255,.55) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}
.seller-dashboard-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:6px !important;
  background:#fff !important;
}

/* Marketplace card photo - compact and contained */
.seller-app-thumb{
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
}
.seller-app-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:6px !important;
  background:#fff !important;
  border-radius:inherit !important;
}

/* Detail seller avatar - contained logo/photo */
.detail-avatar{
  overflow:hidden !important;
  background:#fff !important;
}
.detail-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:8px !important;
  background:#fff !important;
  border-radius:inherit !important;
}

/* Smaller preview on mobile seller dashboard */
@media(max-width:520px){
  .profile-photo-preview{
    width:104px !important;
    height:104px !important;
    flex-basis:104px !important;
  }
  .seller-dashboard-avatar{
    width:54px !important;
    height:54px !important;
  }
}

/* Seller address / GPS setting */
.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-action-row{margin:4px 0 14px}.gps-status{border:1px solid var(--line);background:#f8faff;color:#5d6885;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.4;margin:0 0 12px}.gps-status.is-ok{background:#e9fff3;color:#116b40;border-color:#a8e8c8}.gps-status.is-error{background:#fff0f0;color:#9d1111;border-color:#ffb2b2}.info-app-card strong{color:#151a2d}@media(max-width:520px){.coord-grid{grid-template-columns:1fr;gap:0}.location-action-row{flex-direction:column}}

/* Visitor GPS + nearest seller */
.location-request-card{
  margin-top:14px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#fff;
}
.location-request-card strong{display:block;font-size:14px}
.location-request-card span{display:block;font-size:12px;line-height:1.35;opacity:.92}
.seller-card-main{
  display:flex;
  gap:12px;
  align-items:center;
  flex:1;
  min-width:0;
}
.seller-card-info{min-width:0;flex:1}
.seller-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:var(--muted);
  font-size:12px;
}
.distance-badge{
  background:#EAF0FF;
  color:#0D2879;
  border-radius:999px;
  padding:5px 8px;
  font-weight:800;
}
.map-link-btn{
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:14px;
  padding:9px 10px;
  color:#0D2879;
  background:#f8faff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

/* Address autocomplete, no visible lat/lng */
.autocomplete-field{position:relative}
.address-suggestions{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:50;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 46px rgba(27,45,125,.16);
  overflow:hidden;
  margin-top:6px;
}
.address-suggestions.is-open{display:block}
.address-suggestion-item{
  width:100%;
  text-align:left;
  background:#fff;
  border:none;
  border-bottom:1px solid #EAF0FF;
  padding:12px 14px;
  cursor:pointer;
}
.address-suggestion-item:hover{background:#f8faff}
.address-suggestion-item strong{
  display:block;
  color:#151a2d;
  font-size:13px;
  margin-bottom:4px;
}
.address-suggestion-item span{
  display:block;
  color:#64708f;
  font-size:12px;
  line-height:1.35;
}
.selected-map-preview{
  border:1px solid var(--line);
  background:#f8faff;
  border-radius:16px;
  padding:12px 14px;
  margin:0 0 12px;
}
.selected-map-preview strong{
  display:block;
  font-size:14px;
  color:#151a2d;
  margin-bottom:4px;
}
.selected-map-preview span{
  display:block;
  color:#64708f;
  font-size:12px;
  line-height:1.4;
}
.coord-grid{display:none !important}
.gps-status{
  border:1px solid var(--line);
  background:#f8faff;
  color:#5d6885;
  padding:12px 14px;
  border-radius:14px;
  font-size:13px;
  line-height:1.4;
  margin:0 0 12px;
}
.gps-status.is-ok{background:#e9fff3;color:#116b40;border-color:#a8e8c8}
.gps-status.is-error{background:#fff0f0;color:#9d1111;border-color:#ffb2b2}
.location-action-row{margin:4px 0 14px}
@media(max-width:520px){
  .location-request-card{flex-direction:column;align-items:stretch}
  .seller-app-card{align-items:stretch}
  .map-link-btn{text-align:center}
  .location-action-row{flex-direction:column}
}

/* Google Maps resolver display */
.seller-address-line{
  color:#64708f;
  font-size:12px;
  line-height:1.35;
  margin-top:5px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Restore front layout helper only */
.seller-address-line{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}.subtle-distance{font-size:11px;margin-left:6px}.seller-actions{flex-wrap:wrap}

/* Address field moved below map status */
#sellerLocationForm .autocomplete-field{
  margin-top:12px;
}


/* Seller notification list max 3 visible, rest scroll */
.notif-scroll-list{
  max-height: 336px;
  overflow-y: auto;
  padding-right: 4px;
  overscroll-behavior: contain;
}
.notif-scroll-list .notif-card{
  min-height: 92px;
}
.notif-scroll-list::-webkit-scrollbar{
  width: 6px;
}
.notif-scroll-list::-webkit-scrollbar-thumb{
  background:#CAD7FF;
  border-radius:999px;
}

/* Push notification ON/OFF button */
.push-toggle-btn{
  width:100%;
  margin-top:10px;
  border:none;
  border-radius:18px;
  padding:14px 16px;
  background:#EAF0FF;
  color:#0D2879;
  font-weight:800;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  font-family:inherit;
}
.push-toggle-btn .push-toggle-main{
  font-size:15px;
}
.push-toggle-btn .push-toggle-state{
  min-width:54px;
  text-align:center;
  border-radius:999px;
  padding:7px 10px;
  background:#DDE6FF;
  color:#0D2879;
  font-size:13px;
}
.push-toggle-btn.is-on{
  background:#e9fff3;
  color:#07884d;
}
.push-toggle-btn.is-on .push-toggle-state{
  background:#12a05c;
  color:#fff;
}
.push-helper{
  margin:7px 0 0;
  display:block;
}


/* Detail seller layout fix */
.detail-main-actions{
  margin-bottom:20px !important;
}
.menu-card-top{
  margin-top:0 !important;
}
.wa-number-link{
  color:#0D2879;
  font-weight:800;
  text-decoration:none;
}
.wa-number-link:hover{
  text-decoration:underline;
}

/* Remove old Notifikasi HP ON button if old browser cache still renders it */
.push-toggle-btn,
.push-helper{
  display:none !important;
}


/* Detail seller spacing and grouped menu/category layout */
.detail-content-section{
  padding-top:18px !important;
}
.detail-main-actions{
  margin-bottom:22px !important;
  gap:12px !important;
}
.detail-card-spaced{
  margin-top:0 !important;
}
.menu-card-top{
  margin-top:14px !important;
}
.grouped-menu-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.menu-category-block{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.menu-category-title{
  font-size:14px;
  font-weight:900;
  color:#151a2d;
  padding:8px 10px;
  border-radius:12px;
  background:#EAF0FF;
  border:1px solid #CAD7FF;
}
.menu-item-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  background:#f8faff;
  border:1px solid #edf1ff;
  border-radius:18px;
}
.menu-item-photo{
  width:58px;
  height:58px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 58px;
}
.menu-item-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.menu-item-photo span{
  font-size:24px;
}
.menu-item-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.menu-item-info strong{
  font-size:14px;
  color:#11182f;
  line-height:1.25;
}
.menu-item-info small{
  color:#64708f;
  font-size:12px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.menu-item-info b{
  color:#151a2d;
  font-size:13px;
}
.menu-wa-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.wa-number-link{
  color:#0D2879;
  font-weight:800;
  text-decoration:none;
}
.wa-number-link:hover{
  text-decoration:underline;
}
@media(max-width:420px){
  .menu-item-row{
    gap:10px;
  }
  .menu-item-photo{
    width:52px;
    height:52px;
    flex-basis:52px;
  }
  .menu-wa-btn{
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:12px !important;
  }
}


/* FINAL detail seller spacing with non-overlap approach */
.detail-page-body .detail-hero-fixed-gap{
  border-bottom-left-radius:28px !important;
  border-bottom-right-radius:28px !important;
  padding-bottom:22px !important;
}
.detail-gap-after-hero{
  height:16px !important;
  background:#EAF0FF !important;
}
.detail-content-no-overlap{
  padding-top:0 !important;
  margin-top:0 !important;
}
.detail-content-no-overlap.floating-up,
.detail-page-body .floating-up{
  margin-top:0 !important;
}
.detail-main-actions{
  margin-top:0 !important;
  margin-bottom:0 !important;
  gap:12px !important;
}
.detail-gap-after-actions{
  height:20px !important;
}

/* Profile photo fills frame in seller detail */
.detail-avatar-cover{
  background:#fff !important;
  padding:0 !important;
}
.detail-avatar-cover img,
.detail-hero .detail-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:inherit !important;
}

/* Grouped Menu / Layanan final */
.grouped-menu-list{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
.menu-category-block{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.menu-category-title{
  font-size:15px !important;
  font-weight:900 !important;
  color:#11182f !important;
  padding:0 0 2px !important;
  background:transparent !important;
  border:none !important;
}
.menu-item-row-v2{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px !important;
  background:#f8faff !important;
  border:1px solid #edf1ff !important;
  border-radius:18px !important;
}
.menu-item-photo-v2{
  width:62px !important;
  height:62px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  flex:0 0 62px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.menu-item-photo-v2 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.menu-photo-placeholder{
  font-size:11px !important;
  font-weight:900 !important;
  color:#8a94b3 !important;
  letter-spacing:.5px !important;
}
.menu-item-info-v2{
  flex:1 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.menu-item-name-v2{
  font-size:14px !important;
  color:#11182f !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}
.menu-item-info-v2 small{
  font-size:12px !important;
  color:#64708f !important;
  line-height:1.35 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.menu-item-info-v2 b{
  font-size:13px !important;
  color:#151a2d !important;
  font-weight:800 !important;
}
.wa-icon-btn{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  flex:0 0 42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#2fdf84 !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 8px 20px rgba(47,223,132,.22) !important;
}
.wa-icon-btn svg{
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.wa-number-link{
  color:#0D2879 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
@media(max-width:420px){
  .detail-gap-after-hero{
    height:14px !important;
  }
  .detail-gap-after-actions{
    height:18px !important;
  }
  .menu-item-row-v2{
    gap:10px !important;
  }
  .menu-item-photo-v2{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
  }
  .wa-icon-btn{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }
}


/* Final marketplace seller images: full frame, no white padding */
.seller-app-thumb{
  padding:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}
.seller-app-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:inherit !important;
  display:block !important;
}

/* Logo homepage clickable */
.logo-home-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  flex:0 0 auto;
}
.logo-home-link img{
  display:block;
}

/* Dummy menu photos real-photo style */
.menu-item-photo-v2{
  background:#fff !important;
}
.menu-item-photo-v2 img{
  object-fit:cover !important;
  padding:0 !important;
}

/* WA icon button: blue bubble, centered phone */
.wa-icon-btn{
  background:#0D2879 !important;
  color:#ffffff !important;
  box-shadow:0 8px 20px rgba(13,40,121,.22) !important;
}
.wa-icon-btn .wa-centered-svg,
.wa-icon-btn svg{
  width:24px !important;
  height:24px !important;
  display:block !important;
}
.wa-icon-btn .wa-bubble-path{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
}
.wa-icon-btn .wa-phone-path{
  fill:currentColor !important;
  stroke:none !important;
}


/* Detail order qty checkout */
.grouped-menu-scroll{
  max-height:560px;
  overflow-y:auto;
  padding-right:4px;
  overscroll-behavior:contain;
}
.grouped-menu-scroll::-webkit-scrollbar{width:6px}
.grouped-menu-scroll::-webkit-scrollbar-thumb{background:#CAD7FF;border-radius:999px}

.order-menu-item{
  align-items:center !important;
}
.qty-control{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  background:#EAF0FF;
  border:1px solid #CAD7FF;
  border-radius:16px;
  padding:6px;
}
.qty-btn{
  width:30px;
  height:30px;
  border:none;
  border-radius:10px;
  background:#0D2879;
  color:#fff;
  font-size:20px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.qty-minus{
  background:#EAF0FF;
  color:#0D2879;
  border:1px solid #CAD7FF;
}
.qty-input{
  width:32px;
  border:none;
  background:transparent;
  color:#11182f;
  font-weight:900;
  text-align:center;
  font-size:15px;
  padding:0;
}
.order-menu-item.has-qty{
  border-color:#0D2879 !important;
  box-shadow:0 8px 22px rgba(13,40,121,.10);
}
.order-summary-card h3{
  margin-bottom:12px;
}
.order-summary-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.order-summary-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid #EAF0FF;
}
.order-summary-row strong{
  display:block;
  font-size:14px;
  color:#11182f;
  line-height:1.3;
}
.order-summary-row span{
  display:block;
  font-size:12px;
  color:#64708f;
  margin-top:3px;
}
.order-summary-row b{
  white-space:nowrap;
  color:#11182f;
  font-size:13px;
}
.grand-total-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:14px 0;
  padding:14px;
  border-radius:16px;
  background:#f8faff;
  border:1px solid var(--line);
  font-weight:900;
}
.grand-total-row strong{
  color:#0D2879;
  font-size:17px;
}
.order-btn-disabled{
  opacity:.55;
  cursor:not-allowed;
}
@media(max-width:430px){
  .menu-item-row-v2{
    gap:9px !important;
  }
  .qty-control{
    flex-direction:column;
    gap:4px;
    padding:5px;
  }
  .qty-btn{
    width:28px;
    height:28px;
  }
  .qty-input{
    width:28px;
  }
}


/* FINAL compact qty: - xx + */
.menu-item-row-v2.order-menu-item{
  display:grid !important;
  grid-template-columns:56px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px !important;
}
.menu-item-row-v2.order-menu-item .menu-item-photo-v2{
  grid-column:1 !important;
  width:56px !important;
  height:56px !important;
  flex:0 0 56px !important;
}
.menu-item-row-v2.order-menu-item .menu-item-info-v2{
  grid-column:2 !important;
  min-width:0 !important;
}
.menu-item-row-v2.order-menu-item .qty-control{
  grid-column:3 !important;
  width:auto !important;
  min-width:94px !important;
  max-width:104px !important;
  height:34px !important;
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:28px 34px 28px !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  padding:2px !important;
  margin:0 !important;
  background:#EAF0FF !important;
  border:1px solid #CAD7FF !important;
  border-radius:999px !important;
}
.menu-item-row-v2.order-menu-item .qty-btn{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
.menu-item-row-v2.order-menu-item .qty-minus{
  background:#ffffff !important;
  color:#0D2879 !important;
  border:1px solid #CAD7FF !important;
}
.menu-item-row-v2.order-menu-item .qty-plus{
  background:#0D2879 !important;
  color:#ffffff !important;
  border:1px solid #0D2879 !important;
}
.menu-item-row-v2.order-menu-item .qty-input{
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#11182f !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:center !important;
  line-height:28px !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  appearance:textfield !important;
}
.menu-item-row-v2.order-menu-item .qty-input:focus{
  background:#ffffff !important;
  border-radius:8px !important;
}

/* keep menu item text clean */
.menu-item-row-v2.order-menu-item .menu-item-name-v2{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
@media(max-width:430px){
  .menu-item-row-v2.order-menu-item{
    grid-template-columns:50px minmax(0, 1fr) 90px !important;
    gap:8px !important;
  }
  .menu-item-row-v2.order-menu-item .menu-item-photo-v2{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  .menu-item-row-v2.order-menu-item .qty-control{
    min-width:88px !important;
    max-width:92px !important;
    grid-template-columns:26px 30px 26px !important;
  }
  .menu-item-row-v2.order-menu-item .qty-btn{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    max-width:26px !important;
  }
  .menu-item-row-v2.order-menu-item .qty-input{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
  }
}


/* FINAL THEME COLOR UPDATE - requested navy blue */
:root{
  --blue:#0D2879 !important;
  --blue2:#12358F !important;
  --primary:#0D2879 !important;
  --primary-dark:#071A55 !important;
  --soft:#EAF0FF !important;
  --line:#CAD7FF !important;
}

.top-hero,.detail-hero,.dashboard-hero,.seller-dashboard-hero,.login-hero{
  background:linear-gradient(180deg,#12358F 0%,#0D2879 100%) !important;
}

.btn-primary,button.btn-primary,a.btn-primary,.chip.active,.category-chip.active,.page-link.active,#orderWhatsappBtn:not(:disabled),.qty-plus,.wa-icon-btn{
  background:#0D2879 !important;
  border-color:#0D2879 !important;
  color:#fff !important;
}

.btn-soft,a.btn-soft,.chip,.category-chip,.page-link,.text-link,.nav-item.active,.nav-item.active small,.nav-item.active span,.white-pill,.badge-soft,.stat-box strong,.menu-card b,.admin-cards strong,.icon-action,.view-icon,.edit-icon,.toggle-password,.global-legal-links a,.wa-number-link,a{
  color:#0D2879 !important;
}

.btn-soft,a.btn-soft,.chip,.category-chip,.page-link,.badge-soft,.item-row-mobile,.qty-control,.selected-map-preview,.gps-status,.grand-total-row,.search-field,input,select,textarea{
  border-color:#CAD7FF !important;
}

.btn-soft,a.btn-soft,.chip,.category-chip,.page-link,.badge-soft,.item-row-mobile,.qty-control,.selected-map-preview,.gps-status,.grand-total-row,.toggle-password,.icon-action,.view-icon,.edit-icon,.copy-demo-btn{
  background:#EAF0FF !important;
}

input:focus,select:focus,textarea:focus,.order-menu-item.has-qty{
  border-color:#0D2879 !important;
  box-shadow:0 0 0 3px rgba(13,40,121,.12) !important;
}

.switch input:checked+i{
  background:#0D2879 !important;
}

.notif-card.is-new{
  border-color:#0D2879 !important;
  background:#EAF0FF !important;
}

.admin-sidebar{
  background:#071A55 !important;
}

.bottom-nav .nav-item.active{
  color:#0D2879 !important;
}

.notif-scroll-list::-webkit-scrollbar-thumb,.grouped-menu-scroll::-webkit-scrollbar-thumb{
  background:#CAD7FF !important;
}