/* Salt Kitchen brand refresh: Ocean Teal + Warm Gold */
:root{
  --sk-ocean-teal:#148f70;
  --sk-ocean-teal-dark:#075e61;
  --sk-ocean-teal-deep:#06484b;
  --sk-warm-gold:#cca626;
  --sk-warm-gold-soft:#fff8df;
  --sk-ink:#12343b;
  --sk-border:rgba(20,143,112,.22);
  --ff-primary:#148f70!important;
  --ff-primary-dark:#075e61!important;
  --ff-accent:#cca626!important;
  --ff-orange:#cca626!important;
  --ff-orange-soft:#fff8df!important;
}
body{color:var(--sk-ink)}
a{color:var(--sk-ocean-teal-dark)}
.btn,button[type="submit"],.auth-submit,.cart-pill,.nav-link.active{
  background:linear-gradient(135deg,var(--sk-ocean-teal),var(--sk-ocean-teal-dark))!important;color:#fff!important;border-color:transparent!important;
}
.btn.secondary,.secondary,.theme-toggle-btn,.icon-btn{
  background:#fff!important;color:var(--sk-ocean-teal-dark)!important;border:1px solid var(--sk-border)!important;
}
.btn:hover,.customer-nav a:hover,.site-header nav a:hover{filter:brightness(.97)}
.site-header,.customer-header,.admin-topbar{border-bottom-color:var(--sk-border)!important;background:rgba(255,255,255,.94)!important}
.site-header .logo,.customer-logo{color:var(--sk-ocean-teal-dark)!important;font-weight:950!important;letter-spacing:.2px}
.customer-logo .brand-icon,.site-header .brand-icon{height:42px;width:42px;object-fit:contain;border-radius:50%;vertical-align:middle;margin-right:8px}
.admin-sidebar{background:linear-gradient(180deg,var(--sk-ocean-teal-deep),#052f32)!important}
.brand-mark,.owner-avatar{background:var(--sk-warm-gold)!important;color:#102a2c!important}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff;padding:2px;box-sizing:border-box}
.admin-brand strong,.brand-text strong{color:#fff!important}.admin-brand span,.brand-text span{color:rgba(255,255,255,.78)!important}
.nav-link{color:rgba(255,255,255,.9)!important}.nav-link:hover{background:rgba(204,166,38,.18)!important;color:#fff!important}
.nav-label{color:rgba(255,255,255,.62)!important}
.page-hero,.customer-card,.form-card,.table-card,.auth-panel{border-color:var(--sk-border)!important;box-shadow:0 18px 45px rgba(7,94,97,.10)!important}
th{background:var(--sk-warm-gold-soft)!important;color:var(--sk-ocean-teal-dark)!important}
.pill,.badge{background:var(--sk-warm-gold-soft)!important;color:var(--sk-ocean-teal-dark)!important;border-color:rgba(204,166,38,.32)!important}
.auth-page{background:radial-gradient(circle at 12% 18%,rgba(20,143,112,.35),transparent 28%),radial-gradient(circle at 88% 0%,rgba(204,166,38,.25),transparent 30%),linear-gradient(135deg,#063f42,#075e61 42%,#102a2c)!important}
.auth-submit{background:linear-gradient(135deg,var(--sk-ocean-teal),var(--sk-warm-gold))!important}
.customer-menu-btn,.menu-btn{background:var(--sk-warm-gold-soft)!important;color:var(--sk-ocean-teal-dark)!important}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(20,143,112,.22)!important;border-color:var(--sk-ocean-teal)!important}
.doc-preview{position:relative;border-top:6px solid var(--sk-ocean-teal)!important}
.doc-head{border-bottom:2px solid var(--sk-warm-gold)!important;padding-bottom:14px!important}
.doc-logo,.doc-brand-logo{max-height:72px!important;width:auto!important;object-fit:contain!important;margin-bottom:8px!important}
.doc-title h1{color:var(--sk-ocean-teal-dark)!important}.doc-total{color:var(--sk-ocean-teal-dark)!important}
@media print{
  .doc-preview{padding-top:10px!important;border-top:6px solid #148f70!important}
  .doc-logo,.doc-brand-logo{max-height:70px!important;display:block!important}
  .no-print,.admin-sidebar,.admin-topbar{display:none!important}
  a[href]:after{content:""!important}
}

/* Phase 19: Modern customer mobile top menu */
.customer-header.modern-mobile-header{position:sticky;top:0;z-index:9500;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,75,81,.12)!important}
.customer-header.modern-mobile-header .customer-logo{display:flex;align-items:center;gap:10px;min-width:0;color:#004b51!important;text-decoration:none!important;font-weight:950}
.customer-header.modern-mobile-header .brand-icon{width:42px;height:42px;object-fit:contain;border-radius:50%;box-shadow:0 8px 20px rgba(0,75,81,.16)}
.customer-header.modern-mobile-header .customer-menu-btn{display:none;position:relative;width:48px;height:48px;min-width:48px;border:0;border-radius:18px;background:linear-gradient(135deg,#004b51,#0b6d73)!important;color:#fff!important;box-shadow:0 14px 28px rgba(0,75,81,.26);cursor:pointer;margin-left:auto;padding:0!important}
.customer-header.modern-mobile-header .menu-lines,.customer-header.modern-mobile-header .menu-lines:before,.customer-header.modern-mobile-header .menu-lines:after{content:"";position:absolute;left:13px;right:13px;height:2px;border-radius:999px;background:#fff;transition:transform .22s ease,opacity .18s ease,top .22s ease}
.customer-header.modern-mobile-header .menu-lines{top:23px}.customer-header.modern-mobile-header .menu-lines:before{top:-7px;left:0;right:0}.customer-header.modern-mobile-header .menu-lines:after{top:7px;left:0;right:0}
.customer-header.modern-mobile-header .customer-menu-btn[aria-expanded="true"] .menu-lines{background:transparent}.customer-header.modern-mobile-header .customer-menu-btn[aria-expanded="true"] .menu-lines:before{top:0;transform:rotate(45deg)}.customer-header.modern-mobile-header .customer-menu-btn[aria-expanded="true"] .menu-lines:after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){
  body.customer-page{padding-bottom:0!important;overflow-x:hidden}.mobile-bottom,.mobile-header-auth{display:none!important}
  .customer-header.modern-mobile-header{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;min-height:66px!important;flex-wrap:nowrap!important}
  .customer-header.modern-mobile-header .customer-logo{flex:1 1 auto;max-width:calc(100% - 60px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px!important;letter-spacing:.01em}
  .customer-header.modern-mobile-header .brand-icon{width:40px!important;height:40px!important;flex:0 0 40px}
  .customer-header.modern-mobile-header .customer-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .customer-header.modern-mobile-header .customer-nav{display:none!important;position:fixed!important;top:76px!important;left:12px!important;right:12px!important;max-height:calc(100vh - 96px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:12px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,252,252,.98))!important;border:1px solid rgba(0,75,81,.14)!important;box-shadow:0 28px 70px rgba(0,75,81,.24)!important;z-index:9600!important}
  .customer-header.modern-mobile-header .customer-nav.open{display:flex!important;animation:skMenuDrop .18s ease-out both}
  .customer-header.modern-mobile-header .customer-nav a,.customer-header.modern-mobile-header .customer-nav a:not(.cart-pill){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:50px!important;padding:13px 14px!important;border-radius:18px!important;background:#fff!important;color:#12343a!important;border:1px solid rgba(0,75,81,.10)!important;text-decoration:none!important;font-size:15px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}
  .customer-header.modern-mobile-header .customer-nav a:hover,.customer-header.modern-mobile-header .customer-nav a:focus{transform:translateY(-1px);border-color:rgba(218,159,38,.55)!important;box-shadow:0 12px 24px rgba(0,75,81,.10)!important;outline:none!important}
  .customer-header.modern-mobile-header .customer-nav a span{flex:1}.customer-header.modern-mobile-header .cart-pill{background:linear-gradient(135deg,#004b51,#0b6d73)!important;color:#fff!important;border-color:transparent!important}.customer-header.modern-mobile-header .cart-count{margin-left:auto;background:#da9f26!important;color:#102a2d!important;min-width:24px;height:24px;border-radius:999px;display:inline-flex!important;align-items:center;justify-content:center;padding:0 7px;font-weight:950}
}
@keyframes skMenuDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}