:root{--sz-orange:#ff7a00;--sz-orange-soft:#fff3e8;--sz-ink:#151515;--sz-muted:#707070;--sz-bg:#f5f6f7;--sz-card:#fff;--sz-line:#ececec;--sz-radius:16px;--sz-shadow:0 6px 24px rgba(0,0,0,.06)}
*{box-sizing:border-box}html,body{background:var(--sz-bg);color:var(--sz-ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.btn,input[type=submit]{border-radius:12px;transition:.16s ease}button:hover,.btn:hover,input[type=submit]:hover{transform:translateY(-1px)}
.app-header,header.app-header{background:rgba(255,255,255,.97)!important;border:1px solid var(--sz-line)!important;border-radius:18px!important;box-shadow:var(--sz-shadow)!important;padding:14px 18px!important}.brand-name{font-weight:900!important}.brand-sub{color:var(--sz-muted)!important}
.sidebar{background:#111!important;color:#fff!important;border-radius:0 22px 22px 0!important;box-shadow:8px 0 30px rgba(0,0,0,.08)!important}.sidebar-logo h2{color:#fff!important;font-size:27px!important}.sidebar-logo span{color:#ff9a3d!important}.sidebar nav a{display:flex!important;align-items:center!important;gap:10px!important;border-radius:12px!important;margin:4px 8px!important;padding:12px 14px!important;text-decoration:none!important;color:#eee!important;font-weight:800!important}.sidebar nav a:hover,.sidebar nav a.active{background:#242424!important;color:#fff!important}.order-badge{margin-left:auto;background:var(--sz-orange)!important;color:#fff!important}
.card,.panel,.box,.dashboard-card,.stat-card,.order-card,.product-card,.settings-card,.content-box,.main-card{background:var(--sz-card)!important;border:1px solid var(--sz-line)!important;border-radius:var(--sz-radius)!important;box-shadow:var(--sz-shadow)!important}
button,.btn,.button,input[type=submit]{font-weight:800}.btn-primary,.primary-btn,button.primary,input[type=submit]{background:var(--sz-orange)!important;color:#fff!important;border-color:var(--sz-orange)!important}.badge,.status-badge{border-radius:999px!important}.table-container,table{border-radius:14px;overflow:hidden}table{background:#fff}th{background:#fafafa!important;color:#555!important}input,select,textarea{border:1px solid #ddd!important;border-radius:11px!important;background:#fff!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--sz-orange)!important;box-shadow:0 0 0 3px rgba(255,122,0,.12)!important}
@media(max-width:760px){.app-header,header.app-header{border-radius:14px!important;padding:11px 12px!important}.sidebar{border-radius:0!important}.card,.panel,.box,.dashboard-card,.stat-card,.order-card,.product-card{border-radius:14px!important}}
.shopzi-ui-icon{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sidebar .shopzi-ui-icon,.menu .shopzi-ui-icon,nav .shopzi-ui-icon{width:20px;height:20px;vertical-align:middle}

/* ==========================================================
   SHOPZI PARTNER APP 2026 — shared visual system
   Added for all operational Partner pages. Scoped to the body
   class injected by shopzi-partner-ui.js so auth/legal pages stay
   untouched. No business logic is changed here.
========================================================== */
body.shopzi-partner-app{
  --sp-orange:#ff7a00;
  --sp-orange-dark:#d95f00;
  --sp-orange-soft:#fff2e5;
  --sp-ink:#111;
  --sp-muted:#737373;
  --sp-bg:#f3f4f6;
  --sp-card:#fff;
  --sp-line:#e9e9e9;
  --sp-green:#17803d;
  --sp-red:#c62828;
  margin:0;
  min-height:100vh;
  background:radial-gradient(circle at 10% -10%,rgba(255,122,0,.075),transparent 28%),var(--sp-bg)!important;
  color:var(--sp-ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
html.shopzi-menu-open,html.shopzi-menu-open body{overflow:hidden}

/* Headers / app chrome */
body.shopzi-partner-app header.topbar,
body.shopzi-partner-app header.top,
body.shopzi-partner-app .shopzi-appbar-generated{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  min-height:68px!important;
  height:auto!important;
  width:100%!important;
  margin:0!important;
  padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.055)!important;
  border-radius:0 0 20px 20px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 9px 26px rgba(17,17,17,.07)!important;
}
body.shopzi-partner-app header.topbar,
body.shopzi-partner-app header.top{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  justify-content:space-between!important;
}
body.shopzi-partner-app header.shopzi-has-generated-menu{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important}
body.shopzi-partner-app .shopzi-appbar-generated{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
body.shopzi-partner-app .shopzi-appbar-title{min-width:0}
body.shopzi-partner-app .shopzi-appbar-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;letter-spacing:-.02em}
body.shopzi-partner-app .shopzi-appbar-kicker{display:block;margin-bottom:2px;color:#a0a0a0;font-size:14px;font-weight:950;letter-spacing:.12em}
body.shopzi-partner-app .store,
body.shopzi-partner-app .store-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px!important;font-weight:900!important;color:#555!important}
body.shopzi-partner-app .brand-name{font-weight:950!important;letter-spacing:-.02em!important}
body.shopzi-partner-app .brand-sub{font-weight:800!important;color:#7a7a7a!important}

body.shopzi-partner-app .menu-btn,
body.shopzi-partner-app .shopzi-generated-menu-btn{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;border:0!important;border-radius:14px!important;background:#111!important;color:#fff!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:20px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;
}
body.shopzi-partner-app .shopzi-back-link,
body.shopzi-partner-app a.back,
body.shopzi-partner-app a.back-btn{
  min-height:40px!important;padding:0 12px!important;border:1px solid #e8e8e8!important;border-radius:13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f7f7f7!important;color:#222!important;
  text-decoration:none!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important;
}

/* Main content and cards */
body.shopzi-partner-app main,
body.shopzi-partner-app .wrap,
body.shopzi-partner-app .chat-wrap{
  width:min(1120px,calc(100% - 22px))!important;
  max-width:1120px!important;
  margin:18px auto 52px!important;
  padding:0!important;
}

body.shopzi-partner-app h1{font-weight:950!important;letter-spacing:-.035em!important;color:#111!important}
body.shopzi-partner-app h2{font-weight:930!important;letter-spacing:-.02em!important}
body.shopzi-partner-app .sub,
body.shopzi-partner-app .muted{color:#777!important;font-weight:700!important}
body.shopzi-partner-app .card,
body.shopzi-partner-app .panel,
body.shopzi-partner-app .box,
body.shopzi-partner-app .reviews-card,
body.shopzi-partner-app .summary,
body.shopzi-partner-app .chat-card,
body.shopzi-partner-app .notice,
body.shopzi-partner-app .page-card,
body.shopzi-partner-app .settings-card,
body.shopzi-partner-app .product-card,
body.shopzi-partner-app .order-card{
  border:1px solid rgba(17,17,17,.05)!important;
  border-radius:21px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 30px rgba(17,17,17,.055)!important;
}
body.shopzi-partner-app input:not([type=checkbox]):not([type=radio]),
body.shopzi-partner-app select,
body.shopzi-partner-app textarea{
  min-height:44px;border:1px solid #dedede!important;border-radius:13px!important;background:#fff!important;color:#111!important;
}
body.shopzi-partner-app textarea{min-height:92px}
body.shopzi-partner-app input:focus,
body.shopzi-partner-app select:focus,
body.shopzi-partner-app textarea:focus{outline:none!important;border-color:var(--sp-orange)!important;box-shadow:0 0 0 3px rgba(255,122,0,.12)!important}
body.shopzi-partner-app button,
body.shopzi-partner-app .btn,
body.shopzi-partner-app .button,
body.shopzi-partner-app input[type=submit]{border-radius:13px!important;font-weight:900!important}
body.shopzi-partner-app .btn.primary,
body.shopzi-partner-app .btn.orange,
body.shopzi-partner-app .btn-primary,
body.shopzi-partner-app .primary-btn,
body.shopzi-partner-app button.primary,
body.shopzi-partner-app .order-action,
body.shopzi-partner-app input[type=submit]{background:var(--sp-orange)!important;color:#fff!important;border-color:var(--sp-orange)!important}
body.shopzi-partner-app table{border:1px solid #ececec!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
body.shopzi-partner-app th{background:#fafafa!important}
body.shopzi-partner-app .badge,
body.shopzi-partner-app .status-badge{border-radius:999px!important}

/* Shared menu — identical information architecture on every page */
body.shopzi-partner-app #menuOverlay,
body.shopzi-partner-app .shopzi-menu-overlay{
  display:none;position:fixed!important;inset:0!important;z-index:1000000!important;
  background:rgba(10,10,10,.48)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
body.shopzi-partner-app #menuOverlay.is-open{display:block!important}
body.shopzi-partner-app #menuOverlay .side-menu,
body.shopzi-partner-app .shopzi-menu-overlay .side-menu{
  position:absolute!important;right:0!important;left:auto!important;top:0!important;
  width:min(390px,92vw)!important;max-width:92vw!important;height:100%!important;overflow-y:auto!important;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:26px 0 0 26px!important;background:#fff!important;color:#111!important;
  box-shadow:-20px 0 60px rgba(0,0,0,.18)!important;
}
body.shopzi-partner-app .side-menu-header,
body.shopzi-partner-app .shopzi-side-head,
body.shopzi-partner-app .side-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:2px!important}
body.shopzi-partner-app .side-menu-header h2,
body.shopzi-partner-app .side-head h2{margin:0!important;font-size:24px!important;font-weight:1000!important;letter-spacing:-.035em!important}
body.shopzi-partner-app .shopzi-menu-kicker{margin-bottom:2px;color:#999;font-size:14px;font-weight:950;letter-spacing:.13em}
body.shopzi-partner-app .close-menu{width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:#f1f1f1!important;color:#111!important;font-size:23px!important;font-weight:900!important;cursor:pointer!important}
body.shopzi-partner-app .partner-menu-store-card{display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 14px!important;padding:12px!important;background:#fafafa!important;border:1px solid #ececec!important;border-radius:18px!important}
body.shopzi-partner-app .partner-menu-store-mark{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,#ff8b24,#ff6800)!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(255,122,0,.22)!important}
body.shopzi-partner-app .partner-menu-store-copy{min-width:0!important}
body.shopzi-partner-app .partner-menu-store-copy strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important;font-weight:950!important}
body.shopzi-partner-app .partner-menu-store-copy span{display:block!important;margin-top:3px!important;color:#7a7a7a!important;font-size:14px!important;font-weight:800!important}
body.shopzi-partner-app .partner-menu-nav{display:flex!important;flex-direction:column!important;gap:5px!important}
body.shopzi-partner-app .menu-link,
body.shopzi-partner-app .menu-group summary{
  min-height:48px!important;margin:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#161616!important;
  text-decoration:none!important;font-size:16px!important;font-weight:900!important;box-shadow:none!important;
}
body.shopzi-partner-app .menu-link{display:flex!important;align-items:center!important;gap:11px!important;padding:0 13px!important}
body.shopzi-partner-app .menu-link:hover,
body.shopzi-partner-app .menu-group summary:hover{background:#f6f6f6!important}
body.shopzi-partner-app .menu-link.is-current,
body.shopzi-partner-app .menu-link.active{background:var(--sp-orange-soft)!important;color:#d75f00!important}
body.shopzi-partner-app .menu-glyph{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;min-width:23px!important;font-size:19px!important;font-weight:1000!important}
body.shopzi-partner-app .menu-group{margin:0!important;padding-top:5px!important;border-top:1px solid #eee!important}
body.shopzi-partner-app .menu-group summary{list-style:none!important;cursor:pointer!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.shopzi-partner-app .menu-group summary::-webkit-details-marker{display:none!important}
body.shopzi-partner-app .menu-group summary>span{display:flex!important;align-items:center!important;gap:11px!important}
body.shopzi-partner-app .menu-group summary::after{content:'+'!important;color:#777!important;font-size:20px!important;line-height:1!important}
body.shopzi-partner-app .menu-group[open] summary::after{content:'−'!important}
body.shopzi-partner-app .menu-submenu{padding:4px 0 5px 35px!important}
body.shopzi-partner-app .menu-submenu .menu-link{min-height:40px!important;padding:0 12px!important;margin:2px 0!important;border:0!important;background:transparent!important;font-size:14px!important;color:#555!important}
body.shopzi-partner-app .menu-submenu .menu-link:hover{background:#f7f7f7!important;color:#111!important}
body.shopzi-partner-app .menu-submenu .menu-link.is-current,
body.shopzi-partner-app .menu-submenu .menu-link.active{background:#fff4ea!important;color:#d75f00!important}
body.shopzi-partner-app .menu-logout{justify-content:center!important;margin-top:14px!important;min-height:48px!important;background:#111!important;color:#fff!important;border-radius:14px!important}

/* Mobile: this is the primary Partner experience */
@media(max-width:700px){
  body.shopzi-partner-app header.topbar,
  body.shopzi-partner-app header.top,
  body.shopzi-partner-app .shopzi-appbar-generated{min-height:64px!important;padding:9px 9px 9px!important;border-radius:0 0 19px 19px!important}
  body.shopzi-partner-app header.shopzi-has-generated-menu{grid-template-columns:44px minmax(0,1fr) auto!important}
  body.shopzi-partner-app main,
  body.shopzi-partner-app .wrap,
  body.shopzi-partner-app .chat-wrap{width:calc(100% - 18px)!important;margin:13px auto 38px!important}
  body.shopzi-partner-app h1{font-size:24px!important;line-height:1.1!important}
  body.shopzi-partner-app .card,
  body.shopzi-partner-app .panel,
  body.shopzi-partner-app .box,
  body.shopzi-partner-app .reviews-card,
  body.shopzi-partner-app .summary,
  body.shopzi-partner-app .chat-card,
  body.shopzi-partner-app .notice,
  body.shopzi-partner-app .page-card,
  body.shopzi-partner-app .settings-card,
  body.shopzi-partner-app .product-card,
  body.shopzi-partner-app .order-card{border-radius:18px!important}
  body.shopzi-partner-app #menuOverlay .side-menu{width:min(355px,94vw)!important;max-width:94vw!important;border-radius:24px 0 0 24px!important;padding:14px 12px calc(16px + env(safe-area-inset-bottom))!important}
  body.shopzi-partner-app .side-menu-header h2{font-size:22px!important}
  body.shopzi-partner-app .menu-link,body.shopzi-partner-app .menu-group summary{min-height:46px!important}
  body.shopzi-partner-app .shopzi-back-link{max-width:128px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}