/* Zimbazon release consistency layer. Presentation-only; backend workflows stay authoritative. */
:root{
  --zz-release-blue:#0c46e4;
  --zz-release-bg:#f4f7fe;
  --zz-release-line:#dfe7f5;
  --zz-release-ink:#101828;
  --zz-release-muted:#667085;
  --zz-release-radius:16px;
}

html{scroll-padding-top:88px}
body{background:var(--zz-release-bg);color:var(--zz-release-ink)}
a,button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid rgba(12,70,228,.34);outline-offset:3px}

.card,.kpi,.stat,.panel,.modal,.modalBox,.vendorBlock,.courierCard,.method,.orderTable,.tableWrap{
  border-radius:var(--zz-release-radius);
}

.btn.primary,.searchBtn,.addBtn,.searchBar button,button.primary{
  background:var(--zz-release-blue);
  color:#fff;
  border-color:var(--zz-release-blue);
}

.btn.primary:hover,.searchBtn:hover,.addBtn:hover,.searchBar button:hover,button.primary:hover{
  filter:brightness(.96);
}

.badge,.status,.pill{
  border-radius:999px;
}

.nav a.active,.nav button.active,[aria-current="page"]{
  position:relative;
}

.nav a.active::after,.nav button.active::after,[aria-current="page"]::after{
  content:"";
  position:absolute;
  inset:auto 10px 6px 10px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:.28;
}

.topbar,.top,.siteHeader,.quickNav,.headerMain{
  backdrop-filter:saturate(140%) blur(12px);
  -webkit-backdrop-filter:saturate(140%) blur(12px);
}

input,select,textarea{
  border-color:var(--zz-release-line);
}

input:disabled,select:disabled,textarea:disabled,button:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.state,.empty,.error,.msg{
  border-radius:14px;
}

.zz-release-banner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--zz-release-line);
  border-radius:14px;
  background:#fff;
  color:var(--zz-release-muted);
  font-size:13px;
  line-height:1.45;
}

.zz-release-banner strong{color:var(--zz-release-ink)}

@media(max-width:768px){
  .topbar,.top,.headerMain{position:relative}
  .actions,.rightActions,.headerActions{gap:8px}
  .btn,button{min-height:42px}
  table{min-width:720px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms;
    animation-iteration-count:1;
    scroll-behavior:auto;
    transition-duration:.01ms;
  }
}