/* ARVELI CRM UI System
   Order: tokens, base, navigation, controls, data views, editors, responsive.
*/

:root{
  --crm-font:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-soft:#f7f9fc;
  --surface-muted:#eef2f7;
  --text:#172033;
  --text-soft:#344054;
  --muted:#667085;
  --line:#d9e2ef;
  --line-strong:#c4d0df;
  --control-bg:#ffffff;
  --control-bg-hover:#f8fafc;
  --primary:#255fce;
  --primary-hover:#174fb8;
  --primary-bg:#edf4ff;
  --primary-border:#c7dcff;
  --sidebar-gradient:linear-gradient(145deg,#101828 0%,#162b55 58%,#255fce 100%);
  --secondary:#ffffff;
  --accent:#2f66d0;
  --success:#207a43;
  --success-bg:#edf8f1;
  --warning:#8a5d00;
  --warning-bg:#fff7e6;
  --danger:#b42318;
  --danger-bg:#fff1f0;
  --focus:#5b8def;
  --status-total-bg:#f4f8ff;
  --status-total-border:#cfe0fb;
  --status-total-color:var(--primary);
  --status-new-bg:#eff6ff;
  --status-new-border:#cfe3ff;
  --status-new-color:#1d5fae;
  --status-callback-bg:var(--warning-bg);
  --status-callback-border:#efd8a5;
  --status-callback-color:var(--warning);
  --status-confirmed-bg:var(--success-bg);
  --status-confirmed-border:#c5e6d1;
  --status-confirmed-color:var(--success);
  --status-cancelled-bg:var(--danger-bg);
  --status-cancelled-border:#efc7c2;
  --status-cancelled-color:var(--danger);
  --status-created-bg:var(--warning-bg);
  --status-created-border:#efd8a5;
  --status-created-color:var(--warning);
  --status-shipped-bg:#f4f0ff;
  --status-shipped-border:#d7c8ff;
  --status-shipped-color:#6d28d9;
  --status-delivered-bg:#eef4ff;
  --status-delivered-border:#bfd2f5;
  --status-delivered-color:#2458a6;
  --status-received-bg:#ecfeff;
  --status-received-border:#a5f3fc;
  --status-received-color:#0e7490;
  --status-returned-bg:#fff1f2;
  --status-returned-border:#fecdd3;
  --status-returned-color:#be123c;
  --status-returning-bg:#fff7e6;
  --status-returning-border:#efd8a5;
  --status-returning-color:#8a5d00;
  --status-deleted-bg:#f3f4f6;
  --status-deleted-border:#d0d5dd;
  --status-deleted-color:#475467;
  --radius:8px;
  --radius-sm:6px;
  --control-h:38px;
  --sidebar-w:238px;
  --wrap:1280px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --section-gap:12px;
  --block-gap:10px;
  --field-gap:6px;
  --control-gap:7px;
  --card-pad:12px;
  --fs-caption:11px;
  --fs-help:12px;
  --fs-label:13px;
  --fs-body:13px;
  --fs-title:15px;
  --fs-section:18px;
  --fs-preview-title:18px;
  --fs-price:20px;
  --fs-icon:21px;
  --fs-metric:21px;
  --fs-mobile-page:28px;
  --fs-mobile-metric:22px;
  --fs-page:clamp(25px,2.6vw,30px);
  --fw-body:400;
  --fw-field:500;
  --fw-control:650;
  --fw-label:700;
  --fw-title:750;
  --ease:cubic-bezier(.22,.61,.36,1);
  --speed:240ms;
  --crm-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23344054' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --crm-check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23255fce' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.75 12.75 4.1 4.1L19.4 6.6'/%3E%3C/svg%3E");
  --crm-close-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 7 10 10M17 7 7 17' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  background:linear-gradient(180deg,#fbfcfe 0%,var(--bg) 100%);
  color:var(--text);
  font-family:var(--crm-font);
  font-size:var(--fs-body);
  font-weight:var(--fw-body);
  line-height:1.5;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:not(.login-page){padding-left:var(--sidebar-w)}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{color:inherit}

@keyframes ui-enter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes order-drawer-right{
  from{opacity:.92;transform:translateX(24px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes order-drawer-bottom{
  from{opacity:.92;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:2px;
}

h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{
  color:var(--text);
  line-height:1.15;
  letter-spacing:0;
}
h1{font-size:var(--fs-page);font-weight:var(--fw-title)}
h2{font-size:var(--fs-section);font-weight:var(--fw-title)}
h3{font-size:var(--fs-title);font-weight:var(--fw-title)}
p{color:var(--muted)}

.admin-header{
  position:fixed;
  inset:0 auto 0 0;
  z-index:90;
  width:var(--sidebar-w);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:var(--section-gap);
  padding:var(--section-gap) var(--card-pad);
  background:var(--sidebar-gradient);
  border-right:0;
}
.brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--control-gap);
  width:100%;
  flex:0 0 auto;
  line-height:1;
}
.brand img{
  width:auto;
  height:29px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.brand span{
  padding:var(--space-1) var(--control-gap);
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#cbd5e1;
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
}
.admin-nav{
  width:100%;
  margin:var(--control-gap) 0 0;
  display:block;
}
.admin-menu-toggle{
  display:none;
  position:relative;
  appearance:none;
  -webkit-appearance:none;
  list-style:none;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.admin-menu-toggle::-webkit-details-marker{display:none}
.admin-menu-toggle::marker{content:"";font-size:0}
.admin-menu-toggle span{
  width:20px;
  height:2px;
  display:block;
  margin:4px auto;
  border-radius:999px;
  background:#fff;
  transition:transform var(--speed) var(--ease),opacity var(--speed) var(--ease);
}
.admin-nav[open] .admin-menu-toggle span{opacity:0}
.admin-nav[open] .admin-menu-toggle:before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.admin-menu{
  display:grid;
  gap:var(--space-1);
}
.admin-menu a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:var(--field-gap) var(--block-gap);
  border:0;
  border-radius:var(--radius);
  background:transparent;
  color:#cbd5e1;
  font-size:var(--fs-label);
  font-weight:var(--fw-control);
  box-shadow:none;
  transition:background var(--speed) var(--ease),color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.admin-menu a:hover{
  transform:translateX(2px);
}
.admin-menu a:hover,
.admin-menu a.active{
  background:rgba(37,95,206,.24);
  color:#fff;
}
.admin-menu-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
  opacity:.86;
}
.admin-menu-icon svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.admin-menu-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-menu a:hover .admin-menu-icon,
.admin-menu a.active .admin-menu-icon{
  opacity:1;
}
.admin-menu .logout-link{
  margin-top:var(--block-gap);
  color:#fecaca;
}
.admin-menu .logout-link:hover{
  background:rgba(180,35,24,.16);
}
.admin-sidebar-backdrop,
.mobile-crm-bar{
  display:none;
}
.mobile-crm-bar .admin-menu-icon{
  width:21px;
  height:21px;
  flex-basis:21px;
}

.wrap{
  width:min(var(--wrap),calc(100% - 24px));
  margin:var(--section-gap) auto 32px;
}
.back{margin:0 0 var(--block-gap)}
.back a{color:var(--muted);font-weight:var(--fw-control)}
.back a:hover{color:var(--text)}

.hero-panel,
.order-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--block-gap);
  margin-bottom:var(--section-gap);
  padding:var(--card-pad);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  animation:ui-enter .42s var(--ease) both;
}
.hero-panel h1,
.order-head h1{margin:0 0 var(--space-1)}
.hero-panel p,
.order-head p{margin:0}
.eyebrow{
  margin:0 0 var(--field-gap);
  color:var(--accent);
  font-size:var(--fs-caption);
  font-weight:var(--fw-label);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.btn{
  min-height:var(--control-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--control-gap);
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--primary);
  border-radius:var(--radius);
  background:var(--primary-bg);
  color:var(--primary);
  font-size:var(--fs-body);
  font-weight:var(--fw-label);
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
  transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.btn:hover{background:#e3efff;border-color:#a9c6ff;color:var(--primary-hover)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn.gold{
  background:var(--primary-bg);
  border-color:var(--primary-border);
  color:var(--primary);
}
.btn.gold:hover{background:#e3efff;border-color:#a9c6ff;color:var(--primary-hover)}
.btn.success{
  background:var(--success-bg);
  border-color:#b8dec5;
  color:var(--success);
}
.btn.success:hover{background:#dff3e7;border-color:#8fc9a4;color:#126332}
.btn.site{
  background:var(--primary-bg);
  border-color:var(--primary-border);
  color:var(--primary);
}
.btn.site:hover{background:#e3efff;border-color:#a9c6ff;color:var(--primary-hover)}
.btn.light,
.btn.secondary{
  background:var(--surface-muted);
  border-color:var(--line);
  color:var(--text-soft);
}
.btn.light:hover,
.btn.secondary:hover{
  background:#e6edf6;
  border-color:var(--line-strong);
  color:var(--text);
}
.btn.danger{
  background:var(--danger-bg);
  border-color:#efc7c2;
  color:var(--danger);
}
.btn.danger:hover{background:#ffe7e5;border-color:#d98b82;color:#8e1d14}
.btn.small{min-height:var(--control-h);padding:var(--field-gap) var(--block-gap);font-size:var(--fs-body)}
.btn.block{width:100%}

.panel-actions,
.table-actions,
.form-actions,
.order-head-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--control-gap);
}
.form-actions{margin-top:0}
.order-head-actions{justify-content:flex-end}
.editor-actions-row{
  flex-wrap:nowrap;
  margin-top:var(--section-gap);
  overflow-x:auto;
  padding-bottom:2px;
}
.editor-actions-row .btn,
.editor-actions-row .inline-action-form{
  flex:0 0 auto;
}
.editor-actions-row .inline-action-form{
  display:inline-flex;
  margin:0;
}
.editor-actions-row .btn{width:auto;white-space:nowrap}

.section-head,
.crm-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--block-gap);
}
.section-head h2,
.crm-section-head h2{margin:0}
.section-head p,
.crm-section-head p{margin:var(--field-gap) 0 0}
.compact-head{align-items:center}

.card,
.table-card,
.orders-list-card,
.login-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
}
.card{
  display:grid;
  gap:var(--block-gap);
  padding:var(--card-pad);
  margin-bottom:0;
}
.table-card,
.orders-list-card{padding:var(--card-pad);margin-bottom:0}
main.wrap > .card + .card,
main.wrap > .table-card + .card,
main.wrap > .card + .table-card,
main.wrap > .orders-list-card + .card,
main.wrap > .card + .orders-list-card{margin-top:var(--section-gap)}
.card h2,
.card h3{margin:0}
.card-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--block-gap);
}
.card-title-row h2{margin:0 0 var(--space-1)}
.mini{margin:0;color:var(--muted);font-size:var(--fs-help);font-weight:var(--fw-field);line-height:1.45}
.muted{color:var(--muted)}
.empty{padding:var(--card-pad);text-align:center;color:var(--muted)}

.flash,
.alert{
  margin:0 0 var(--section-gap);
  padding:var(--block-gap);
  border:1px solid #cce6d3;
  border-radius:var(--radius);
  background:var(--success-bg);
  color:var(--success);
  font-weight:var(--fw-control);
}
.flash.warn,
.alert.error{border-color:#efc7c2;background:var(--danger-bg);color:var(--danger)}

.crm-ajax-toast{
  position:fixed;
  z-index:520;
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  max-width:min(380px,calc(100vw - 24px));
  padding:10px 12px;
  border:1px solid #c5e6d1;
  border-radius:var(--radius);
  background:var(--success-bg);
  box-shadow:0 16px 42px rgba(23,32,51,.18);
  color:var(--success);
  font-size:var(--fs-label);
  font-weight:var(--fw-control);
  line-height:1.35;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.crm-ajax-toast.is-visible{opacity:1;transform:translateY(0)}
.crm-ajax-toast.is-error{
  border-color:var(--status-cancelled-border);
  background:var(--danger-bg);
  color:var(--danger);
}
.is-ajax-saving{position:relative;cursor:wait!important}
.is-ajax-saving:after{
  content:"";
  width:14px;
  height:14px;
  margin-left:8px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:crm-ajax-spin .7s linear infinite;
}
@keyframes crm-ajax-spin{to{transform:rotate(360deg)}}

.stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  gap:var(--control-gap);
  margin:0;
}
.stats div,
.stats a{
  display:block;
  min-height:58px;
  padding:var(--control-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  color:inherit;
  transition:border-color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.stats a:hover,
.stats a.active{border-color:var(--primary)}
.stats span{
  display:block;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-control);
}
.stats strong{
  display:block;
  margin-top:var(--space-1);
  color:var(--text);
  font-size:var(--fs-metric);
  line-height:1;
  font-weight:var(--fw-title);
}

.filters{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px auto auto;
  gap:var(--control-gap);
  margin:var(--block-gap) 0;
}
.orders-filters{grid-template-columns:minmax(0,1fr) auto auto}
.orders-calendar-panel{
  display:grid;
  grid-template-columns:minmax(210px,280px) minmax(0,1fr) auto;
  gap:var(--control-gap);
  align-items:end;
  margin-bottom:var(--section-gap);
}
.orders-calendar-form{
  display:grid;
  grid-template-columns:minmax(220px,320px);
  gap:var(--control-gap);
}
.orders-date-field{
  display:grid;
  gap:var(--field-gap);
}
.orders-date-field > span{
  color:var(--muted);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
}
.orders-calendar{
  position:relative;
  width:100%;
}
.orders-calendar-trigger{
  width:100%;
  min-height:var(--control-h);
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-label);
  text-align:left;
  cursor:pointer;
  transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.orders-calendar-trigger:hover,
.orders-calendar.is-open .orders-calendar-trigger{border-color:var(--primary-border);background:#fff}
.orders-calendar-trigger:active{transform:translateY(1px) scale(.995)}
.orders-calendar-trigger i{
  width:10px;
  height:10px;
  justify-self:end;
  border-right:2px solid var(--text-soft);
  border-bottom:2px solid var(--text-soft);
  transform:rotate(45deg);
  transition:transform var(--speed) var(--ease);
}
.orders-calendar.is-open .orders-calendar-trigger i{transform:rotate(225deg)}
.orders-calendar-popover{
  position:absolute;
  z-index:30;
  top:calc(100% + var(--field-gap));
  left:0;
  width:min(276px,calc(100vw - 24px));
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:0 14px 34px rgba(16,24,40,.12);
}
.orders-calendar-head{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 28px;
  align-items:center;
  gap:var(--field-gap);
  margin-bottom:var(--field-gap);
}
.orders-calendar-head strong{
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-title);
  text-align:center;
  text-transform:capitalize;
}
.orders-calendar-head button{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
  color:var(--text);
  cursor:pointer;
}
.orders-calendar-head button:hover{background:#eff6ff;color:var(--primary)}
.calendar-nav-arrow{
  width:8px;
  height:8px;
  display:block;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
}
.calendar-nav-arrow.is-prev{transform:translateX(2px) rotate(-135deg)}
.calendar-nav-arrow.is-next{transform:translateX(-2px) rotate(45deg)}
.orders-calendar-weekdays,
.orders-calendar-days{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:2px;
}
.orders-calendar-weekdays{
  margin-bottom:2px;
  color:var(--muted);
  font-size:9px;
  font-weight:var(--fw-title);
  text-align:center;
  text-transform:uppercase;
}
.orders-calendar-days button,
.orders-calendar-blank{
  width:100%;
  height:30px;
}
.orders-calendar-days button{
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  font-size:12px;
  font-weight:var(--fw-label);
  cursor:pointer;
  transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.orders-calendar-days button:hover{background:#eff6ff;color:var(--primary)}
.orders-calendar-days button:active{transform:translateY(1px) scale(.98)}
.orders-calendar-days button.is-today{box-shadow:inset 0 0 0 1px var(--primary-border);color:var(--primary)}
.orders-calendar-days button.is-in-range{
  background:#eff6ff;
  color:#1d5fae;
}
.orders-calendar-days button.is-selected{background:var(--primary);color:#fff;box-shadow:none}
.orders-calendar-selection{
  min-height:26px;
  display:flex;
  align-items:center;
  margin-top:var(--field-gap);
  padding:var(--space-1) var(--field-gap);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
  color:var(--text-soft);
  font-size:10px;
  font-weight:var(--fw-label);
  line-height:1.3;
}
.orders-calendar-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--field-gap);
  margin-top:var(--field-gap);
}
.orders-calendar-actions .btn{
  width:100%;
  min-width:0;
  min-height:32px;
  padding:var(--space-1) var(--field-gap);
  font-size:var(--fs-help);
}
.orders-quick-filters{
  display:grid;
  grid-template-columns:repeat(3,max-content);
  gap:var(--control-gap);
  align-items:center;
}
.orders-quick-filters .btn{white-space:nowrap}
.orders-quick-filters .btn.active{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
.orders-create-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.status-stats{
  grid-template-columns:repeat(8,minmax(88px,1fr));
}
.order-create-shell{
  border:0;
  background:transparent;
}
.order-create-shell[hidden]{
  display:none;
}
.status-stats .status-card-new{background:var(--status-new-bg);border-color:var(--status-new-border)}
.status-stats .status-card-new span{color:var(--status-new-color)}
.status-stats .status-card-callback,
.status-stats .status-card-ttn_created{background:var(--status-created-bg);border-color:var(--status-created-border)}
.status-stats .status-card-callback span,
.status-stats .status-card-ttn_created span{color:var(--status-created-color)}
.status-stats .status-card-confirmed{background:var(--status-confirmed-bg);border-color:var(--status-confirmed-border)}
.status-stats .status-card-confirmed span{color:var(--status-confirmed-color)}
.status-stats .status-card-cancelled{background:var(--status-cancelled-bg);border-color:var(--status-cancelled-border)}
.status-stats .status-card-cancelled span{color:var(--status-cancelled-color)}
.status-stats .status-card-shipped{background:var(--status-shipped-bg);border-color:var(--status-shipped-border)}
.status-stats .status-card-shipped span{color:var(--status-shipped-color)}
.status-stats .status-card-delivered{background:var(--status-delivered-bg);border-color:var(--status-delivered-border)}
.status-stats .status-card-delivered span{color:var(--status-delivered-color)}
.status-stats .status-card-received{background:var(--status-received-bg);border-color:var(--status-received-border)}
.status-stats .status-card-received span{color:var(--status-received-color)}
.status-stats .status-card-returning{background:var(--status-returning-bg);border-color:var(--status-returning-border)}
.status-stats .status-card-returning span{color:var(--status-returning-color)}
.status-stats .status-card-manual_returned,
.status-stats .status-card-returned{background:var(--status-returned-bg);border-color:var(--status-returned-border)}
.status-stats .status-card-manual_returned span,
.status-stats .status-card-returned span{color:var(--status-returned-color)}
.admin-form,
.settings-form{display:grid;gap:var(--section-gap)}
.settings-form .card{gap:var(--block-gap)}
.settings-form .two{align-items:start}
.settings-form label{align-content:start}
.settings-form label > span:first-child{
  min-height:18px;
  display:flex;
  align-items:center;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
}
.settings-seo-note{
  margin:0;
  color:var(--muted);
  font-size:var(--fs-label);
}
.home-media-settings{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:var(--block-gap);
}
.home-media-control{
  min-width:0;
  display:grid;
  gap:var(--control-gap);
  padding:var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
.home-media-control h3{margin:0;font-size:var(--fs-label)}
.hero-image-preview img{width:124px;height:70px}
.hero-image-preview.is-mobile img{width:54px;height:88px}
.np-settings-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--control-gap);
}
.np-settings-head h2{margin-bottom:0}
.np-connection-pill{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--space-1) var(--control-gap);
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-muted);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  white-space:nowrap;
}
.np-connection-pill.is-ready{
  border-color:#b7e3c8;
  background:var(--success-bg);
  color:var(--success);
}
.admin-note{
  min-height:var(--control-h);
  display:flex;
  align-items:center;
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-muted);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-body);
  line-height:1.35;
}
.admin-note strong{color:var(--text);font-weight:var(--fw-label)}
.admin-form label,
.card label,
.order-drawer-save-form label,
.login-card label{
  display:grid;
  gap:var(--field-gap);
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
}
.admin-form input,
.admin-form select,
.admin-form textarea,
.card input,
.card select,
.card textarea,
.filters input,
.filters select,
.login-card input,
.order-drawer-save-form input,
.order-drawer-save-form select,
.order-drawer-save-form textarea,
.products-edit input,
.products-edit select,
.status-select-small,
.order-note-field textarea{
  width:100%;
  min-height:var(--control-h);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-field);
  line-height:1.25;
  padding:var(--field-gap) var(--block-gap);
  outline:none;
  transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease);
}
.admin-form select,
.card select,
.filters select,
.order-drawer-save-form select,
.products-edit select,
.status-select-small,
.product-picker{
  appearance:none;
  -webkit-appearance:none;
  padding-right:36px;
  background-image:var(--crm-select-arrow);
  background-repeat:no-repeat;
  background-position:right 11px center;
  background-size:14px 14px;
}
.admin-form select::-ms-expand,
.card select::-ms-expand,
.filters select::-ms-expand,
.order-drawer-save-form select::-ms-expand,
.products-edit select::-ms-expand,
.status-select-small::-ms-expand,
.product-picker::-ms-expand{display:none}
.admin-form textarea,
.card textarea,
.order-drawer-save-form textarea,
.order-note-field textarea{min-height:76px;resize:vertical}
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.card input:focus,
.card select:focus,
.card textarea:focus,
.filters input:focus,
.filters select:focus,
.login-card input:focus,
.order-drawer-save-form input:focus,
.order-drawer-save-form select:focus,
.order-drawer-save-form textarea:focus,
.products-edit input:focus,
.products-edit select:focus,
.status-select-small:focus,
.order-note-field textarea:focus{
  border-color:var(--focus);
  background:#fff;
}
input[readonly],
textarea[readonly]{
  background:var(--surface-soft);
  color:var(--text-soft);
}
.readonly-field{
  display:grid;
  gap:var(--field-gap);
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
}
.readonly-field p{
  min-height:var(--control-h);
  margin:0;
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  color:var(--text-soft);
  font-size:var(--fs-body);
  font-weight:var(--fw-field);
  line-height:1.35;
}
.admin-form input::placeholder,
.admin-form textarea::placeholder,
.card input::placeholder,
.card textarea::placeholder,
.filters input::placeholder,
.order-drawer-save-form input::placeholder,
.order-drawer-save-form textarea::placeholder,
.login-card input::placeholder{color:#98a2b3;font-weight:var(--fw-body)}
.card label small,
.admin-form label small{
  display:block;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.35;
}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--block-gap)}
.three{display:grid;grid-template-columns:1.5fr .8fr .7fr;gap:var(--block-gap)}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--block-gap)}
.full{grid-column:1/-1}
.switch-label,
.card label.switch-label,
.admin-form label.switch-label{
  position:relative;
  min-height:var(--control-h);
  width:100%;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
  cursor:pointer;
  transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease);
}
.switch-label:hover,
.card label.switch-label:hover,
.admin-form label.switch-label:hover{
  border-color:var(--primary-border);
  background:#fff;
}
.switch-label span{min-width:0}

.switch-label input[type="checkbox"],
.inventory-sale-toggle input[type="checkbox"]{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  outline:none;
}
.switch-label > span,
.inventory-sale-toggle > span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--control-gap);
}
.switch-label > span:before,
.inventory-sale-toggle > span:before{
  content:"";
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background-color:#fff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:16px 16px;
  transition:background-color var(--speed) var(--ease),border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease);
}
.switch-label input[type="checkbox"]:checked + span:before,
.inventory-sale-toggle input[type="checkbox"]:checked + span:before{
  border-color:var(--primary);
  background-color:var(--primary-bg);
  background-image:var(--crm-check-icon);
  box-shadow:inset 0 0 0 1px rgba(37,95,206,.08);
}
.switch-label input[type="checkbox"]:focus-visible + span:before,
.inventory-sale-toggle input[type="checkbox"]:focus-visible + span:before{
  box-shadow:0 0 0 2px rgba(91,141,239,.28),inset 0 0 0 1px rgba(37,95,206,.08);
}

.crm-icon-close{
  font-size:0!important;
  line-height:0!important;
}
.crm-icon-close:before,
.admin-nav[open] .admin-menu-toggle:before{
  content:"";
  width:16px;
  height:16px;
  display:block;
  flex:0 0 auto;
  background:currentColor;
  -webkit-mask:var(--crm-close-icon) center/contain no-repeat;
  mask:var(--crm-close-icon) center/contain no-repeat;
}
.crm-icon-close:after{content:none}

.file-picker{
  position:relative;
  min-height:var(--control-h);
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:var(--control-gap);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  cursor:pointer;
}
.file-picker-text{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--field-gap) var(--block-gap);
  border-radius:var(--radius-sm);
  border:1px solid var(--primary-border);
  background:var(--primary-bg);
  color:var(--primary);
  font-weight:var(--fw-label);
  line-height:1.2;
  transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.file-picker:hover .file-picker-text{background:#e3efff;border-color:#a9c6ff;color:var(--primary-hover)}
.file-picker:active .file-picker-text{transform:translateY(1px) scale(.99)}
.file-picker-meta{
  min-width:0;
  color:var(--muted);
  font-size:var(--fs-label);
  font-weight:var(--fw-control);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-input-hidden{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.custom-select{
  position:relative;
  width:100%;
  min-width:0;
}
.custom-select[hidden]{display:none!important}
.custom-select-native{
  display:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  pointer-events:none!important;
  background-image:none!important;
}
.custom-select-trigger{
  width:100%;
  min-height:var(--control-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--control-gap);
  padding:var(--field-gap) 38px var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-field);
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  position:relative;
  transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.custom-select-trigger:after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid var(--text-soft);
  border-bottom:2px solid var(--text-soft);
  transform:translateY(-65%) rotate(45deg);
  transition:transform var(--speed) var(--ease);
}
.custom-select.is-open .custom-select-trigger{
  border-color:var(--focus);
  background:#fff;
}
.custom-select.is-open .custom-select-trigger:after{transform:translateY(-35%) rotate(225deg)}
.custom-select-trigger:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-soft)}
.custom-select-menu{
  position:absolute;
  z-index:140;
  top:calc(100% + 4px);
  left:0;
  right:0;
  max-height:min(238px,48vh);
  overflow:auto;
  display:none;
  gap:var(--space-1);
  padding:var(--space-1);
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  background:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-3px);
  transition:opacity var(--speed) var(--ease),transform var(--speed) var(--ease),visibility var(--speed) var(--ease);
}
.custom-select.opens-up .custom-select-menu{
  top:auto;
  bottom:calc(100% + 4px);
  transform:translateY(3px);
}
.custom-select.is-open .custom-select-menu{
  display:grid;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.custom-select-option{
  min-height:32px;
  width:100%;
  display:flex;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--space-1) var(--control-gap);
  border:0;
  border-radius:var(--radius-sm);
  background:transparent;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-field);
  text-align:left;
  cursor:pointer;
}
.custom-select-option:hover,
.custom-select-option:focus,
.custom-select-option.is-selected{
  background:var(--surface-muted);
  outline:none;
}
.custom-select-option.is-selected:before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 auto;
  border:1px solid var(--primary-border);
  border-radius:999px;
  background-color:var(--primary-bg);
  background-image:var(--crm-check-icon);
  background-position:center;
  background-repeat:no-repeat;
  background-size:12px 12px;
}
.custom-select-option:disabled{cursor:not-allowed;color:#98a2b3;background:transparent}

.np-field{
  position:relative;
  min-width:0;
}
.np-suggestions{
  position:absolute;
  z-index:4200;
  top:calc(100% + 4px);
  left:0;
  right:0;
  max-height:min(238px,48vh);
  overflow:auto;
  display:grid;
  gap:var(--space-1);
  padding:var(--space-1);
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  background:#fff;
}
.np-suggestions[hidden]{display:none!important}
.np-option{
  width:100%;
  min-height:34px;
  display:grid;
  gap:2px;
  padding:var(--field-gap) var(--control-gap);
  border:0;
  border-radius:var(--radius-sm);
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.np-option:hover,
.np-option:focus{
  background:var(--surface-muted);
  outline:none;
}
.np-option strong{
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.25;
}
.np-option span,
.np-empty{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.25;
}
.np-empty{padding:var(--field-gap) var(--control-gap)}

.responsive-table{overflow:auto}
table{
  width:100%;
  border-collapse:collapse;
}
th,td{
  padding:var(--control-gap);
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
th{
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
td{font-size:var(--fs-label)}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#fbfcfe}
.inline-form{display:inline-flex;margin:0}
.address-cell{min-width:220px}
.address-cell span,
.address-cell small{display:block;line-height:1.35}
.address-cell small{margin-top:var(--space-1);color:var(--muted)}

.orders-list{
  display:grid;
  gap:var(--control-gap);
}
.order-card{
  --order-bg:#fff;
  --order-border:var(--line);
  --order-accent:var(--primary);
  position:relative;
  overflow:visible;
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--order-bg);
}
.order-status-new{--order-bg:var(--status-new-bg);--order-border:var(--status-new-border);--order-accent:var(--status-new-color)}
.order-status-callback,
.order-status-ttn_created{--order-bg:var(--status-created-bg);--order-border:var(--status-created-border);--order-accent:var(--status-created-color)}
.order-status-confirmed{--order-bg:var(--status-confirmed-bg);--order-border:var(--status-confirmed-border);--order-accent:var(--status-confirmed-color)}
.order-status-cancelled{--order-bg:var(--status-cancelled-bg);--order-border:var(--status-cancelled-border);--order-accent:var(--status-cancelled-color)}
.order-status-shipped{--order-bg:var(--status-shipped-bg);--order-border:var(--status-shipped-border);--order-accent:var(--status-shipped-color)}
.order-status-delivered{--order-bg:var(--status-delivered-bg);--order-border:var(--status-delivered-border);--order-accent:var(--status-delivered-color)}
.order-status-received{--order-bg:var(--status-received-bg);--order-border:var(--status-received-border);--order-accent:var(--status-received-color)}
.order-status-returning{--order-bg:var(--status-returning-bg);--order-border:var(--status-returning-border);--order-accent:var(--status-returning-color)}
.order-status-manual_returned,
.order-status-returned{--order-bg:var(--status-returned-bg);--order-border:var(--status-returned-border);--order-accent:var(--status-returned-color)}
.order-status-deleted{--order-bg:var(--status-deleted-bg);--order-border:var(--status-deleted-border);--order-accent:var(--status-deleted-color)}
.order-card-summary{
  width:100%;
  min-height:66px;
  display:grid;
  grid-template-columns:88px minmax(190px,1.25fr) minmax(170px,1fr) 106px minmax(190px,1.15fr) 136px;
  grid-template-areas:
    "date product customer total delivery status"
    "date product customer total comment status";
  align-items:center;
  gap:var(--control-gap);
  padding:var(--control-gap);
  cursor:pointer;
  box-sizing:border-box;
}
.order-card-summary:hover{background:rgba(255,255,255,.58)}
.order-card-summary:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:-2px;
}
.order-card-date,
.order-card-customer,
.order-card-total,
.order-card-delivery,
.order-card-status,
.order-card-comment{
  min-width:0;
  overflow:hidden;
}
.order-card-date{grid-area:date}
.order-card-product{grid-area:product}
.order-card-customer{grid-area:customer}
.order-card-total{grid-area:total}
.order-card-delivery{grid-area:delivery}
.order-card-status{
  grid-area:status;
  justify-self:start;
  align-self:center;
  position:relative;
  z-index:5;
  overflow:visible;
}
.order-card-comment{
  grid-area:comment;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.order-card-date strong,
.order-card-product strong,
.order-card-customer strong,
.order-card-delivery strong,
.order-card-total strong{
  display:block;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.25;
}
.order-card-date span,
.order-card-product span,
.order-card-delivery span,
.order-card-comment,
.order-phone-link{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.35;
}
.order-card-product{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:var(--control-gap);
}
.order-card-product img{
  width:40px;
  height:40px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
  object-fit:contain;
}
.order-card-product span,
.order-card-delivery span{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}
.order-phone-link{
  width:100%;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:var(--space-1);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.order-phone-number{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.order-phone-icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  border:1px solid var(--primary-border);
  border-radius:999px;
  background:#fff;
}
.order-phone-icon:before{
  content:"";
  width:11px;
  height:11px;
  background:var(--primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.24.2 2.45.57 3.57c.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.order-customer-profile-link{display:block;min-width:0;color:inherit;text-decoration:none}
.order-customer-profile-link:hover strong{color:var(--primary)}
.order-source-inline{color:var(--primary)!important;font-size:11px!important;font-weight:var(--fw-label)!important}
.order-source-card{
  display:grid;
  gap:3px;
  padding:var(--control-gap);
  border:1px solid var(--primary-border);
  border-radius:var(--radius-sm);
  background:var(--primary-soft);
}
.order-source-card > span{color:var(--muted);font-size:var(--fs-help);font-weight:var(--fw-label)}
.order-source-card > strong{font-size:var(--fs-label)}
.order-source-card > small{color:var(--muted);font-size:var(--fs-help)}
.order-source-links{display:flex;flex-wrap:wrap;gap:var(--field-gap);margin-top:var(--space-1)}
.order-source-links a{color:var(--primary);font-size:var(--fs-help);font-weight:var(--fw-label);text-decoration:none}
.order-source-links a:hover{text-decoration:underline}
.order-card-status .custom-select,
.order-card-status .status-select-small{
  width:136px;
  min-width:0;
}
.order-card-status .custom-select{
  z-index:6;
}
.order-card-status .custom-select-trigger,
.order-card-status .status-select-small{
  min-height:30px;
  padding:var(--space-1) var(--control-gap);
  border-color:var(--order-border);
  background:#fff;
  color:var(--order-accent);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
}
.order-card-status .custom-select-trigger:after{display:none}
.order-card-status select.status-select-small{
  appearance:none;
  -webkit-appearance:none;
  background-image:none;
}
.order-card-status .custom-select-menu{
  left:auto;
  right:0;
  z-index:170;
  width:100%;
  min-width:136px;
}
body.orders-drawer-open{overflow:hidden}
.order-card-details{
  position:fixed;
  inset:0;
  z-index:190;
  display:block;
}
.order-card-details[hidden]{display:none}
.order-drawer-backdrop{
  position:absolute;
  inset:0;
  border:0;
  border-radius:0;
  background:rgba(16,24,40,.32);
  cursor:pointer;
}
.order-drawer-panel{
  position:absolute;
  inset:0 0 0 auto;
  width:min(980px,calc(100vw - 260px));
  height:100dvh;
  max-height:none;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-items:stretch;
  overflow:hidden;
  border:0;
  border-left:1px solid var(--order-border);
  border-radius:0;
  background:linear-gradient(180deg,var(--order-bg) 0,#fff 210px);
  animation:order-drawer-right var(--speed) var(--ease);
}
.order-drawer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--block-gap);
  padding:var(--card-pad);
  border-bottom:1px solid var(--order-border);
  background:var(--order-bg);
}
.order-drawer-head span{
  display:block;
  margin-bottom:var(--space-1);
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.order-drawer-head strong{
  display:block;
  color:var(--text);
  font-size:var(--fs-section);
  font-weight:var(--fw-title);
  line-height:1.15;
}
.order-drawer-head small{
  display:block;
  margin-top:var(--space-1);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
}
.order-drawer-close{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--surface-muted);
  cursor:pointer;
}
.order-drawer-body{
  min-height:0;
  max-height:none;
  overflow:auto;
  display:grid;
  align-content:start;
  padding:var(--card-pad);
  background:var(--surface-soft);
}
.order-drawer-edit-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--block-gap);
  align-items:start;
}
.order-drawer-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--control-gap);
}
.order-drawer-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.order-drawer-compact-grid{
  display:grid;
  gap:var(--control-gap);
  align-items:start;
}
.order-drawer-buyer-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.order-drawer-delivery-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.order-drawer-compact-grid > .full{
  grid-column:1/-1;
}
.order-drawer-compact-grid .readonly-field p{
  max-height:92px;
  overflow:auto;
}
.order-drawer-compact-grid .order-note-field textarea{
  min-height:54px;
}
.order-drawer-section{
  display:grid;
  gap:var(--control-gap);
  padding:var(--field-gap);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:#fff;
}
.order-drawer-section[hidden]{display:none!important}
.order-drawer-section h3{margin:0}
.order-drawer-save-form{
  display:grid;
  min-height:100%;
  grid-template-rows:auto minmax(176px,1fr);
  gap:var(--control-gap);
}
.order-drawer-products-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:var(--control-gap);
}
.order-drawer-products-head h3{margin:0}
.order-drawer-add-product{
  min-height:32px;
  padding:var(--space-1) var(--control-gap);
  white-space:nowrap;
}
.order-drawer-products{
  overflow:visible;
  align-content:start;
}
.order-drawer-product-list{
  display:grid;
  gap:var(--control-gap);
  overflow:visible;
}
.order-drawer-product-row{
  display:grid;
  grid-template-columns:minmax(190px,1.3fr) minmax(130px,1fr) minmax(100px,.7fr) 82px 66px 88px 38px;
  gap:var(--control-gap);
  align-items:end;
  padding:var(--control-gap);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--surface-soft);
  overflow:visible;
}
.order-item-product-field,
.order-item-category-field,
.order-item-sku-field,
.order-item-price-field,
.order-item-qty-field{min-width:0}
.order-item-title-input{
  margin-top:var(--field-gap);
}
.order-drawer-product-row.is-catalog .order-item-title-input{
  display:none;
}
.order-drawer-line-sum{
  display:grid;
  gap:var(--field-gap);
  min-height:var(--control-h);
  align-content:center;
}
.order-drawer-line-sum span{
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:uppercase;
}
.order-drawer-line-sum strong{
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.2;
}
.order-drawer-remove-product{
  width:38px;
  min-width:38px;
  height:var(--control-h);
  padding:0;
}
.order-drawer-products .summary-total{
  padding:var(--field-gap) 4px 0;
  font-size:var(--fs-label);
}
.quick-row-form,
.delete-row-form{display:none}
.order-note-field textarea{min-height:54px;font-size:var(--fs-label)}
.order-drawer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--control-gap);
  align-items:center;
  padding:var(--card-pad);
  border-top:1px solid var(--order-border);
  background:var(--order-bg);
}
.order-drawer-actions .btn{width:auto}
.np-waybill-callout{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:var(--control-gap);
  padding:var(--field-gap);
  border:1px solid var(--primary-border);
  border-radius:var(--radius);
  background:var(--primary-bg);
}
.np-waybill-callout[hidden]{display:none!important}
.np-waybill-callout > span{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.35;
}
.np-waybill-open .admin-menu-icon,
.np-waybill-head .admin-menu-icon{
  width:18px;
  height:18px;
  margin:0;
}
.np-waybill-modal[hidden]{display:none}
.np-waybill-modal{
  position:fixed;
  inset:0;
  z-index:260;
}
.np-waybill-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(15,23,42,.42);
}
.np-waybill-sheet{
  position:absolute;
  inset:0 0 0 auto;
  width:min(980px,calc(100vw - 260px));
  height:100dvh;
  max-height:none;
  display:flex;
  flex-direction:column;
  border:0;
  border-left:1px solid var(--order-border);
  border-radius:0;
  background:#fff;
  overflow:hidden;
  animation:order-drawer-right var(--speed) var(--ease);
}
.np-waybill-sheet.np-waybill-manage{
  width:min(980px,calc(100vw - 260px));
  height:100dvh;
  max-height:none;
}
body.np-waybill-open{overflow:hidden}
.np-waybill-head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--control-gap);
  padding:var(--card-pad);
  border-bottom:1px solid var(--order-border);
}
.np-waybill-head div{display:grid;gap:var(--space-1)}
.np-waybill-head span{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  color:var(--primary);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}
.np-waybill-head strong{
  color:var(--text);
  font-size:var(--fs-section);
  font-weight:var(--fw-title);
  line-height:1.15;
}
.np-waybill-head small{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
}
.np-waybill-body{
  min-height:0;
  flex:1 1 auto;
  max-height:none;
  overflow:auto;
  display:grid;
  gap:var(--control-gap);
  align-content:start;
  padding:var(--card-pad);
}
.np-waybill-product-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) max-content max-content;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--control-gap);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--order-bg);
}
.np-waybill-product-card img{
  width:48px;
  height:48px;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
}
.np-waybill-product-card > span:not(.badge){
  min-width:0;
  display:grid;
  gap:2px;
}
.np-waybill-product-card strong{
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.np-waybill-product-card small{
  overflow:hidden;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.np-waybill-product-card b{
  color:var(--text);
  font-size:var(--fs-title);
  font-weight:var(--fw-title);
  line-height:1.1;
  white-space:nowrap;
}
.np-waybill-summary,
.np-waybill-fields{
  display:grid;
  gap:var(--field-gap);
  padding:var(--control-gap);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:#fff;
}
.np-waybill-fields h3{
  margin:0;
  color:var(--text);
  font-size:var(--fs-title);
  font-weight:var(--fw-title);
  line-height:1.2;
}
.np-waybill-summary{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.np-waybill-summary div{
  min-width:0;
  display:grid;
  gap:var(--space-1);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
}
.np-waybill-summary span{
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  line-height:1.1;
  text-transform:uppercase;
}
.np-waybill-summary strong{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.np-waybill-summary small{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.np-waybill-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--field-gap) var(--control-gap);
}
.np-waybill-fields label{
  display:grid;
  gap:var(--field-gap);
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
}
.np-waybill-fields input,
.np-waybill-fields select{
  width:100%;
  min-height:var(--control-h);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-field);
  line-height:1.25;
  padding:var(--field-gap) var(--block-gap);
  outline:none;
}
.np-waybill-fields select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:36px;
  background-image:var(--crm-select-arrow);
  background-repeat:no-repeat;
  background-position:right 11px center;
  background-size:14px 14px;
}
.np-waybill-fields input:focus,
.np-waybill-fields select:focus{
  border-color:var(--focus);
  background:#fff;
}
.np-waybill-actions{
  flex:0 0 auto;
  display:flex;
  gap:var(--control-gap);
  padding:var(--card-pad);
  border-top:1px solid var(--order-border);
  background:var(--order-bg);
}
.np-waybill-actions .btn{width:auto}
.np-zebra-print-page{
  padding-left:0!important;
  background:var(--crm-bg);
}
.np-zebra-print{
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:var(--section-gap);
  padding:var(--section-gap);
  background:var(--crm-bg);
}
.np-zebra-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--control-gap);
  padding:var(--card-pad);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:#fff;
}
.np-zebra-toolbar div:first-child{
  display:grid;
  gap:var(--space-1);
}
.np-zebra-toolbar span{
  color:var(--primary);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.14em;
  line-height:1.1;
  text-transform:uppercase;
}
.np-zebra-toolbar strong{
  color:var(--text);
  font-size:var(--fs-title);
  font-weight:var(--fw-title);
  line-height:1.15;
}
.np-zebra-toolbar small{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
}
.np-zebra-toolbar-actions{
  display:flex;
  align-items:center;
  gap:var(--control-gap);
}
.np-zebra-frame-card{
  min-height:0;
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:#fff;
  overflow:hidden;
}
.np-zebra-frame-card iframe{
  display:block;
  width:100%;
  height:calc(100dvh - 150px);
  border:0;
  background:#fff;
}
.np-zebra-error{
  padding:var(--card-pad);
  border:1px solid var(--danger-border);
  border-radius:var(--radius);
  background:var(--danger-bg);
  color:var(--danger);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
}
.autosave-state{
  display:none;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-control);
}
.autosave-state.saving,
.autosave-state.saved,
.autosave-state.error{
  display:block;
  min-height:18px;
  margin-top:var(--field-gap);
}
.autosave-state.saving{color:var(--warning)}
.autosave-state.saved{color:var(--success)}
.autosave-state.error{color:var(--danger)}

.facebook-ads-page{
  display:grid;
  gap:var(--section-gap);
}
.facebook-ads-form{
  display:grid;
  gap:var(--section-gap);
}
.facebook-ads-card{
  overflow:visible;
}
.fb-ads-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--block-gap);
}
.fb-ads-kicker{
  display:block;
  margin-bottom:var(--space-2);
  color:var(--primary);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.fb-ads-head h1{
  margin:0;
  color:var(--text);
  font-size:var(--fs-page);
  line-height:1.02;
  font-weight:var(--fw-title);
}
.fb-ads-head p,
.fb-ads-section-head p,
.fb-ads-group-title p{
  margin:var(--space-2) 0 0;
  color:var(--muted);
  font-size:var(--fs-body);
  line-height:1.4;
  font-weight:var(--fw-body);
}
.fb-ads-status{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:var(--space-1) var(--control-gap);
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-muted);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  white-space:nowrap;
}
.fb-ads-status.is-ready{
  border-color:var(--status-confirmed-border);
  background:var(--success-bg);
  color:var(--success);
}
.fb-ads-connection{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--block-gap);
  margin-top:var(--block-gap);
}
.fb-ads-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--block-gap);
  margin-bottom:var(--block-gap);
}
.fb-ads-section-head h2{
  margin:0;
  color:var(--text);
  font-size:var(--fs-section);
  line-height:1.1;
  font-weight:var(--fw-title);
}
.fb-ads-rule-groups{
  display:grid;
  gap:var(--block-gap);
}
.fb-ads-rule-group{
  display:grid;
  gap:var(--field-gap);
}
.fb-ads-group-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--block-gap);
  padding-bottom:var(--field-gap);
  border-bottom:1px solid var(--line);
}
.fb-ads-group-title h3{
  margin:0;
  color:var(--text);
  font-size:var(--fs-title);
  font-weight:var(--fw-title);
  line-height:1.15;
}
.fb-ads-rule-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--field-gap);
}
.fb-ads-rule{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px);
  align-items:center;
  gap:var(--block-gap);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-body);
}
.fb-ads-rule strong{
  display:block;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.25;
}
.fb-ads-rule > span > span{
  display:block;
  margin-top:var(--space-1);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-body);
  line-height:1.3;
}
.fb-ads-rule .custom-select,
.fb-ads-rule select{
  width:100%;
}
.fb-ads-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--field-gap);
}
.fb-ads-summary-item{
  display:grid;
  gap:var(--space-1);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
.fb-ads-summary-item span{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
}
.fb-ads-summary-item strong{
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
}

@media (max-width:1180px) and (min-width:761px){
  .order-card-summary{
    grid-template-columns:80px minmax(165px,1.1fr) minmax(150px,.95fr) 96px minmax(165px,1fr) 132px;
    grid-template-areas:
      "date product customer total delivery status"
      "date product customer total comment status";
  }
  .order-card-comment{
    align-self:start;
  }
  .order-drawer-panel{
    width:min(820px,calc(100vw - 20px));
  }
  .np-waybill-sheet,
  .np-waybill-sheet.np-waybill-manage{
    width:min(820px,calc(100vw - 20px));
  }
  .order-drawer-product-row{
    grid-template-columns:minmax(180px,1.3fr) minmax(130px,1fr) minmax(100px,.75fr) 82px 66px 88px 38px;
  }
}

.badge,
.stock-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:var(--space-1) var(--control-gap);
  border:0;
  border-radius:999px;
  background:var(--surface-soft);
  color:var(--text-soft);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  line-height:1.25;
}
.badge.big{font-size:var(--fs-label);padding:var(--field-gap) var(--control-gap)}
.badge.new{background:var(--status-new-bg);color:var(--status-new-color);border-color:var(--status-new-border)}
.badge.callback,
.badge.ttn_created,
.badge.packed{background:var(--status-created-bg);color:var(--status-created-color);border-color:var(--status-created-border)}
.badge.confirmed{background:var(--status-confirmed-bg);color:var(--status-confirmed-color);border-color:var(--status-confirmed-border)}
.badge.completed{background:var(--success-bg);color:var(--success);border-color:#cce6d3}
.badge.shipped{background:var(--status-shipped-bg);color:var(--status-shipped-color);border-color:var(--status-shipped-border)}
.badge.delivered{background:var(--status-delivered-bg);color:var(--status-delivered-color);border-color:var(--status-delivered-border)}
.badge.received{background:var(--status-received-bg);color:var(--status-received-color);border-color:var(--status-received-border)}
.badge.returning{background:var(--status-returning-bg);color:var(--status-returning-color);border-color:var(--status-returning-border)}
.badge.manual_returned,
.badge.returned{background:var(--status-returned-bg);color:var(--status-returned-color);border-color:var(--status-returned-border)}
.badge.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-color);border-color:var(--status-cancelled-border)}
.badge.deleted{background:var(--status-deleted-bg);color:var(--status-deleted-color);border-color:var(--status-deleted-border)}

/* Customers */
.customers-page,
.customer-profile-page{display:grid;gap:var(--control-gap)}
.customers-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,560px);
  align-items:center;
  gap:var(--control-gap);
  padding:var(--card-pad);
}
.page-kicker{display:block;color:var(--primary);font-size:var(--fs-caption);font-weight:var(--fw-title);letter-spacing:.12em;text-transform:uppercase}
.customers-head h1{margin:3px 0 4px;font-size:clamp(26px,3vw,38px);line-height:1.05}
.customer-profile-hero h1{margin:4px 0 2px;font-size:clamp(23px,2.2vw,31px);line-height:1.08}
.customers-head p,
.customer-profile-hero p{margin:0;color:var(--muted)}
.customers-search{display:flex;align-items:center;gap:var(--field-gap)}
.customers-search-field{position:relative;min-width:0;flex:1}
.customers-search-field input{width:100%;padding-right:44px}
.customers-search-submit{
  position:absolute;
  top:50%;
  right:7px;
  width:34px;
  height:34px;
  transform:translateY(-50%);
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.customers-search-submit:before{
  content:"";
  position:absolute;
  inset:7px;
  background:var(--primary);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='m16.5 16.5 4 4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='m16.5 16.5 4 4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.customers-search-submit:hover{background:var(--primary-bg)}
.customers-search-reset{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft)}
.customers-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.customers-stats > div,
.customer-profile-stats > div{min-height:56px;padding:var(--control-gap) var(--card-pad)}
.customers-list{padding:0 var(--control-gap)}
.customer-list-row{
  display:grid;
  grid-template-columns:minmax(360px,1fr) auto 38px;
  align-items:center;
  gap:var(--card-pad);
  min-height:56px;
  padding:var(--field-gap) var(--control-gap);
  border-bottom:1px solid var(--line);
}
.customer-list-row:last-child{border-bottom:0}
.customer-list-row:hover{background:var(--surface-soft)}
.customer-list-main{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:var(--control-gap);color:inherit;text-decoration:none}
.customer-list-identity{min-width:0}
.customer-list-heading{min-width:0;display:flex;align-items:center;gap:var(--field-gap)}
.customer-list-heading > strong{min-width:0;flex:1}
.customer-list-main strong,.customer-list-main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.customer-list-main small{margin-top:1px;color:var(--muted);font-size:var(--fs-help)}
.customer-avatar-mark{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid var(--primary-border);
  border-radius:50%;
  background:var(--primary-soft);
  color:var(--primary);
  font-weight:var(--fw-title);
  text-transform:uppercase;
}
.customer-avatar-mark.large{width:54px;height:54px;font-size:21px}
.customer-list-tags{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;margin:0}
.customer-profile-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;margin:0}
.customer-list-tags .badge,.customer-profile-meta .badge{min-height:20px;padding:2px 7px;font-size:10px;line-height:1.2}
.customer-source-chip{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text-soft);font-size:10px;font-weight:var(--fw-label);line-height:1.2}
.customer-list-metrics{display:grid;grid-template-columns:repeat(4,minmax(70px,auto));align-items:center}
.customer-list-metric{min-width:0;padding:0 var(--card-pad);border-left:1px solid var(--line)}
.customer-list-metric span{display:block;color:var(--muted);font-size:10px}
.customer-list-metric strong{display:block;margin-top:1px;overflow:hidden;font-size:var(--fs-help);white-space:nowrap;text-overflow:ellipsis}
.customer-call-button,.customer-profile-call-icon{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--success);text-decoration:none}
.customer-call-button:hover,.customer-profile-call-icon:hover{background:var(--success-bg)}
.customer-call-button .order-phone-icon,.customer-profile-call-icon .order-phone-icon{width:30px;height:30px;border-color:var(--status-confirmed-border);background:var(--success-bg)}
.customer-call-button .order-phone-icon:before,.customer-profile-call-icon .order-phone-icon:before{background:var(--success)}

.customer-back-row a{display:inline-flex;color:var(--primary);font-weight:var(--fw-label);text-decoration:none}
.customer-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--card-pad);padding:var(--control-gap) var(--card-pad)}
.customer-profile-identity{display:flex;align-items:center;gap:var(--control-gap)}
.customer-profile-copy{min-width:0}
.customer-profile-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--control-gap)}
.customer-profile-phone{display:flex;align-items:center;gap:5px}
.customer-profile-phone > a:first-child{color:var(--text);font-size:clamp(16px,1.45vw,19px);font-weight:var(--fw-label);line-height:1.25;text-decoration:none}
.customer-profile-phone .customer-profile-call-icon{width:30px;height:30px;flex:0 0 30px}
.customer-profile-phone .order-phone-icon{width:28px;height:28px}
.customer-profile-actions{display:flex;align-items:center;gap:var(--field-gap)}
.customer-profile-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
.customer-profile-facts,.customer-order-history{padding:var(--card-pad)}
.customer-profile-facts h2,.customer-order-history h2{margin:0 0 var(--control-gap);font-size:18px}
.customer-profile-facts dl{display:grid;gap:0;margin:0}
.customer-profile-facts dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--control-gap);padding:5px 0;border-bottom:1px solid var(--line)}
.customer-profile-facts dl div:last-child{border-bottom:0}
.customer-profile-facts dt{color:var(--muted);font-size:var(--fs-help)}
.customer-profile-facts dd{margin:0;font-size:var(--fs-label);font-weight:var(--fw-label)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--control-gap)}
.section-heading h2{margin-bottom:0}
.customer-order-list{display:grid}
.customer-order-row{display:grid;grid-template-columns:minmax(280px,420px) minmax(180px,1fr) max-content 112px;align-items:center;gap:var(--control-gap);min-height:48px;padding:5px 0;border-bottom:1px solid var(--line)}
.customer-order-row:last-child{border-bottom:0}
.customer-order-main{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--control-gap);color:inherit;text-decoration:none}
.customer-order-main img{width:34px;height:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;object-fit:contain}
.customer-order-main strong,.customer-order-main small,.customer-order-delivery strong,.customer-order-delivery small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.customer-order-main strong,.customer-order-delivery strong{font-size:var(--fs-label)}
.customer-order-main small,.customer-order-delivery small{color:var(--muted);font-size:11px}
.customer-order-status{justify-self:start;white-space:nowrap}
.customer-order-total{text-align:right;white-space:nowrap}
.customer-order-note{grid-column:1/-1;margin:0;padding:4px var(--control-gap);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);font-size:11px}
.stock-badge{background:var(--success-bg);color:var(--success);border-color:#cce6d3}
.stock-badge.low{background:var(--warning-bg);color:var(--warning);border-color:#f0d9a7}
.stock-badge.out,
.stock-badge.hidden{background:var(--danger-bg);color:var(--danger);border-color:#efc7c2}

.edit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--section-gap);
  align-items:start;
}
.category-admin-list,
.history,
.image-reorder-list,
.variants-table{display:grid;gap:var(--control-gap)}
.product-editor-fields{display:grid;gap:var(--section-gap)}
.category-admin-item{
  display:block;
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.category-admin-item.dragging,
.category-product-item.dragging,
.image-reorder-item.dragging{opacity:.55;transform:scale(.99)}
.category-admin-item.touch-dragging,
.category-product-item.touch-dragging,
.image-reorder-item.touch-dragging{position:relative;z-index:6}
body.crm-reordering{user-select:none}
.category-admin-item.is-muted,
tr.is-muted{opacity:.62}
.category-shop-card{display:grid;gap:0}
.category-shop-row{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) max-content;
  align-items:center;
  gap:var(--control-gap);
}
.category-toggle{
  width:100%;
  min-width:0;
  min-height:64px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 82px;
  align-items:center;
  gap:var(--control-gap);
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.category-toggle:hover .category-shop-info strong{color:var(--primary)}
.category-toggle:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}
.category-edit-button{justify-self:end;white-space:nowrap}
.category-shop-info strong,
.category-product-info strong{display:block;color:var(--text);font-weight:var(--fw-title)}
.category-shop-info span,
.category-shop-count span,
.category-product-info span,
.category-product-meta span{
  display:block;
  margin-top:var(--space-1);
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.35;
}
.category-shop-count{
  display:grid;
  justify-items:end;
  color:var(--muted);
}
.category-shop-count strong{color:var(--text);font-size:var(--fs-title);line-height:1}
.category-shop-panel[hidden]{display:none!important}
.category-shop-panel{display:grid;gap:var(--control-gap);padding-top:var(--control-gap)}
.category-product-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:var(--field-gap);
}
.category-product-item{
  display:grid;
  grid-template-columns:22px 48px minmax(0,1fr);
  align-items:start;
  gap:var(--control-gap);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
  color:inherit;
  transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.category-product-item:hover{border-color:var(--primary-border);background:#fff}
.category-product-item:active{transform:translateY(1px) scale(.995)}
.category-product-item .admin-product-thumb{width:48px;height:48px}
.product-sort-handle{align-self:center}
.category-product-list[data-sort-enabled="0"] .product-sort-handle{visibility:hidden}
.category-product-info{min-width:0}
.category-product-info .mini{margin:var(--space-1) 0 0}
.category-product-meta strong{display:block;color:var(--text);font-weight:var(--fw-title)}
.category-product-meta,
.category-product-state{grid-column:3}
.category-product-state{display:flex;justify-content:flex-start}
.compact-empty{
  padding:var(--control-gap);
  border:1px dashed var(--line);
  border-radius:var(--radius-sm);
}
.cat-preview,
.admin-product-thumb{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
  object-fit:contain;
  padding:var(--space-1);
}
.cat-preview img{width:100%;height:100%;object-fit:contain}
.admin-product-thumb{display:block}

.inventory-stats{
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin-bottom:var(--section-gap);
}
.inventory-stats div{
  min-height:58px;
  border-color:var(--line);
}
.inventory-stats .inventory-stat-total,
.inventory-stats .inventory-stat-stock{
  background:var(--status-total-bg);
  border-color:var(--status-total-border);
}
.inventory-stats .inventory-stat-reserved{
  background:var(--warning-bg);
  border-color:#efd8a5;
}
.inventory-stats .inventory-stat-low{
  background:var(--status-shipped-bg);
  border-color:var(--status-shipped-border);
}
.inventory-stats .inventory-stat-available{
  background:var(--status-confirmed-bg);
  border-color:var(--status-confirmed-border);
}
.inventory-stats .inventory-stat-received{
  background:var(--status-received-bg);
  border-color:var(--status-received-border);
}
.inventory-stats .inventory-stat-total span,
.inventory-stats .inventory-stat-stock span{color:var(--status-total-color)}
.inventory-stats .inventory-stat-reserved span{color:var(--warning)}
.inventory-stats .inventory-stat-low span{color:var(--status-shipped-color)}
.inventory-stats .inventory-stat-available span{color:var(--status-confirmed-color)}
.inventory-stats .inventory-stat-received span{color:var(--status-received-color)}

.page-head-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--section-gap);
}
.page-head-card h1{margin:var(--space-1) 0 var(--space-2)}
.page-head-card p{margin:0}
.page-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--control-gap);
}
.page-head-actions form{margin:0}
.nova-poshta-page{display:grid;gap:var(--control-gap)}
.np-period-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--block-gap);
  align-items:end;
  padding:var(--block-gap);
}
.np-period-main{
  display:grid;
  grid-template-columns:minmax(180px,220px) minmax(0,1fr);
  gap:var(--control-gap);
  align-items:end;
}
.np-calendar-form{grid-template-columns:1fr}
.np-calendar{width:100%}
.np-calendar-form .orders-date-field > span,
.finance-calendar-form .orders-date-field > span{display:none}
.np-range-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--control-gap);
  align-items:end;
}
.np-range-actions .btn{
  width:100%;
  min-width:0;
  min-height:var(--control-h);
  padding:var(--field-gap) var(--control-gap);
  font-size:var(--fs-help);
  white-space:nowrap;
}
.np-range-actions .btn.active{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
.np-actions{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  gap:var(--control-gap);
  align-items:end;
}
.np-actions form{margin:0}
.np-actions .btn{min-height:var(--control-h)}
.np-setup-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--block-gap);
  padding:var(--block-gap);
  border-color:#efd8a5;
  background:var(--warning-bg);
}
.np-setup-card h2{margin-bottom:var(--space-2)}
.np-setup-card p{margin:0;color:var(--text-soft)}
.np-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:var(--control-gap);
  margin:0;
}
.np-stat{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  padding:var(--field-gap) var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.np-stat span{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  line-height:1.2;
}
.np-stat strong{
  color:var(--text);
  font-size:19px;
  line-height:1;
  font-weight:var(--fw-title);
}
.np-stat-created{background:var(--status-created-bg);border-color:var(--status-created-border)}
.np-stat-created span{color:var(--status-created-color)}
.np-stat-shipped{background:var(--status-shipped-bg);border-color:var(--status-shipped-border)}
.np-stat-shipped span{color:var(--status-shipped-color)}
.np-stat-delivered{background:var(--status-delivered-bg);border-color:var(--status-delivered-border)}
.np-stat-delivered span{color:var(--status-delivered-color)}
.np-stat-received{background:var(--status-received-bg);border-color:var(--status-received-border)}
.np-stat-received span{color:var(--status-received-color)}
.np-stat-returning{background:var(--status-returning-bg);border-color:var(--status-returning-border)}
.np-stat-returning span{color:var(--status-returning-color)}
.np-stat-returned{background:var(--status-returned-bg);border-color:var(--status-returned-border)}
.np-stat-returned span{color:var(--status-returned-color)}
.np-stat-deleted{background:var(--status-deleted-bg);border-color:var(--status-deleted-border)}
.np-stat-deleted span{color:var(--status-deleted-color)}
.np-shipments-card{padding:var(--block-gap)}
.np-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--control-gap);
  margin-bottom:var(--control-gap);
}
.np-card-head h2{margin:0}
.np-card-head span{
  color:var(--muted);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
}
.np-shipments-list{
  display:grid;
  gap:var(--control-gap);
}
.np-shipment-row{
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--order-bg);
  overflow:visible;
}
.np-shipment-row:hover{border-color:var(--focus)}
.np-shipment-open{
  width:100%;
  min-width:0;
  min-height:58px;
  display:grid;
  grid-template-columns:92px minmax(190px,1.35fr) minmax(140px,.9fr) 116px minmax(160px,1.2fr) 116px;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--control-gap);
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.np-shipment-open:focus-visible{
  outline:2px solid var(--focus);
  outline-offset:3px;
  border-radius:var(--radius-sm);
}
.np-shipment-date,
.np-shipment-client,
.np-shipment-total{
  min-width:0;
  display:grid;
  gap:2px;
}
.np-shipment-status{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.np-shipment-status .badge{
  width:116px;
  min-height:28px;
  justify-content:center;
  padding:var(--space-1) var(--control-gap);
  border:1px solid var(--order-border);
  border-radius:14px;
  background:#fff;
  color:var(--order-accent);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
}
.np-shipment-status small{display:none}
.np-shipment-product{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:var(--field-gap);
}
.np-shipment-product img{
  width:40px;
  height:40px;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
}
.np-shipment-product span{
  min-width:0;
  display:grid;
  gap:2px;
}
.np-shipment-date strong,
.np-shipment-product strong,
.np-shipment-client strong,
.np-shipment-total strong{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.np-shipment-date span,
.np-shipment-product small,
.np-shipment-client span,
.np-shipment-total span,
.np-shipment-delivery{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.25;
  text-overflow:ellipsis;
}
.np-shipment-product strong,
.np-shipment-delivery{
  display:-webkit-box;
  -webkit-box-orient:vertical;
}
.np-shipment-product strong{-webkit-line-clamp:1}
.np-shipment-delivery{-webkit-line-clamp:2}
.np-shipment-total{
  justify-items:end;
  text-align:right;
}

.finance-page{display:grid;gap:var(--control-gap)}
.finance-period-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,300px);
  gap:var(--block-gap);
  align-items:end;
  padding:var(--block-gap);
}
.finance-period-main{
  display:grid;
  grid-template-columns:minmax(180px,220px) minmax(0,1fr);
  gap:var(--control-gap);
  align-items:end;
}
.finance-calendar-form{grid-template-columns:1fr}
.finance-calendar{width:100%}
.finance-range-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--control-gap);
  align-items:end;
}
.finance-range-actions .btn{
  width:100%;
  min-width:0;
  min-height:var(--control-h);
  padding:var(--field-gap) var(--control-gap);
  font-size:var(--fs-help);
  white-space:nowrap;
}
.finance-range-actions .btn.active{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
.finance-ad-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--control-gap);
  align-items:end;
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
.finance-ad-form label{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:var(--control-gap);
  min-width:0;
  margin:0;
}
.finance-ad-form span{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  line-height:1.2;
}
.finance-ad-form input{
  width:100%;
  min-height:var(--control-h);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-field);
  line-height:1.25;
  padding:var(--field-gap) var(--control-gap);
  outline:none;
  appearance:textfield;
  -moz-appearance:textfield;
}
.finance-ad-form input::-webkit-outer-spin-button,
.finance-ad-form input::-webkit-inner-spin-button{
  margin:0;
  -webkit-appearance:none;
}
.finance-ad-form input:focus{
  border-color:var(--focus);
  background:#fff;
}
.finance-ledger{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:var(--control-gap);
  align-items:stretch;
}
.finance-profit-card,
.finance-card{
  display:grid;
  gap:var(--space-1);
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.finance-profit-card{
  min-height:54px;
  grid-column:auto;
  align-content:center;
  background:var(--status-confirmed-bg);
  border-color:var(--status-confirmed-border);
}
.finance-profit-card.is-negative{
  background:var(--danger-bg);
  border-color:var(--status-cancelled-border);
}
.finance-profit-card span,
.finance-card span{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
  line-height:1.2;
}
.finance-profit-card.is-positive span{color:var(--status-confirmed-color)}
.finance-profit-card.is-negative span{color:var(--danger)}
.finance-profit-card strong{
  color:var(--text);
  font-size:20px;
  line-height:1;
  font-weight:var(--fw-title);
}
.finance-profit-card small,
.finance-card small{
  display:none;
}
.finance-metric-grid{
  display:contents;
}
.finance-card{
  min-height:54px;
  align-content:center;
}
.finance-card strong{
  color:var(--text);
  font-size:17px;
  line-height:1.1;
  font-weight:var(--fw-title);
}
.finance-card-total,
.finance-card-average{background:var(--status-total-bg);border-color:var(--status-total-border)}
.finance-card-total span,
.finance-card-average span{color:var(--status-total-color)}
.finance-card-cost{background:var(--status-created-bg);border-color:var(--status-created-border)}
.finance-card-cost span{color:var(--status-created-color)}
.finance-card-expense{background:var(--danger-bg);border-color:var(--status-cancelled-border)}
.finance-card-expense span{color:var(--danger)}
.finance-card-delivery{background:var(--status-delivered-bg);border-color:var(--status-delivered-border)}
.finance-card-delivery span{color:var(--status-delivered-color)}
.finance-card-returned{background:var(--status-returned-bg);border-color:var(--status-returned-border)}
.finance-card-returned span{color:var(--status-returned-color)}
.finance-panel h2{margin-bottom:var(--block-gap)}
.finance-recent-list{
  display:grid;
  gap:var(--field-gap);
}
.finance-recent-row{
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content 120px;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--control-gap);
  border:1px solid var(--order-border);
  border-radius:var(--radius);
  background:var(--order-bg);
}
.finance-recent-row b{
  justify-self:end;
  color:var(--text);
  font-weight:var(--fw-title);
  white-space:nowrap;
}
.finance-recent-product{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:var(--field-gap);
}
.finance-recent-product img{
  width:44px;
  height:44px;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
}
.finance-recent-product > span{
  min-width:0;
  display:grid;
  gap:2px;
}
.finance-recent-product strong,
.finance-recent-product small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.finance-recent-product strong{
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1.2;
}
.finance-recent-product small{
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-field);
  line-height:1.25;
}

.inventory-card{margin-top:var(--section-gap);overflow:visible}
.inventory-save-form{display:grid;gap:var(--block-gap)}
.inventory-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  align-items:end;
  gap:var(--block-gap);
}
.inventory-toolbar > div{display:grid;gap:2px}
.inventory-toolbar > div strong{font-size:var(--fs-section);font-weight:var(--fw-title)}
.inventory-toolbar > div span{color:var(--muted);font-size:var(--fs-help)}
.inventory-search{display:grid;gap:var(--field-gap)}
.inventory-search > span{color:var(--text-soft);font-size:var(--fs-help);font-weight:var(--fw-label)}
.inventory-groups{display:grid;gap:var(--control-gap)}
.inventory-category{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.inventory-category[hidden]{display:none}
.inventory-category > summary{list-style:none}
.inventory-category > summary::-webkit-details-marker{display:none}
.inventory-category-summary,
.inventory-item{
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(460px,1.15fr) 132px;
  align-items:center;
  gap:var(--control-gap);
}
.inventory-category-summary{
  min-height:58px;
  padding:var(--control-gap) var(--block-gap);
  background:var(--surface-soft);
  cursor:pointer;
  transition:background var(--speed) var(--ease);
}
.inventory-category-summary:hover{background:#eef3f9}
.inventory-category-title{min-width:0;display:grid;gap:2px}
.inventory-category-title strong{
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-title);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inventory-category-title small{color:var(--muted);font-size:var(--fs-help)}
.inventory-metric-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--field-gap);
}
.inventory-metric{
  min-width:0;
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--field-gap);
  padding:var(--space-1) var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.inventory-metric small{
  overflow:hidden;
  font-size:10px;
  font-weight:var(--fw-label);
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inventory-metric strong{color:var(--text);font-size:var(--fs-label);line-height:1}
.inventory-metric.is-stock{border-color:var(--status-total-border);background:var(--status-total-bg)}
.inventory-metric.is-stock small{color:var(--status-total-color)}
.inventory-metric.is-reserved{border-color:#efd8a5;background:var(--warning-bg)}
.inventory-metric.is-reserved small{color:var(--warning)}
.inventory-metric.is-available{border-color:var(--status-confirmed-border);background:var(--status-confirmed-bg)}
.inventory-metric.is-available small{color:var(--status-confirmed-color)}
.inventory-metric.is-low-limit{border-color:var(--status-cancelled-border);background:var(--status-cancelled-bg)}
.inventory-metric.is-low-limit small{color:var(--status-cancelled-color)}
.inventory-edit-cell{
  position:relative;
  padding:0;
  overflow:hidden;
}
.inventory-edit-trigger{
  width:100%;
  min-height:36px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--field-gap);
  padding:var(--space-1) var(--field-gap);
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:text;
}
.inventory-edit-trigger:hover{background:rgba(37,99,235,.05)}
.inventory-edit-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.inventory-edit-input{
  position:absolute;
  top:3px;
  right:4px;
  z-index:1;
  width:64px;
  height:30px;
  min-height:30px;
  display:none;
  padding:2px 6px;
  border:1px solid var(--primary-border);
  border-radius:7px;
  background:#fff;
  color:var(--text);
  font-size:var(--fs-label);
  font-weight:var(--fw-title);
  line-height:1;
  text-align:right;
  outline:none;
  -moz-appearance:textfield;
  appearance:textfield;
}
.inventory-edit-input::-webkit-outer-spin-button,
.inventory-edit-input::-webkit-inner-spin-button{
  margin:0;
  -webkit-appearance:none;
}
.inventory-edit-cell.is-editing .inventory-edit-trigger strong{visibility:hidden}
.inventory-edit-cell.is-editing .inventory-edit-input{display:block}
.inventory-edit-cell.is-saving .inventory-edit-input{opacity:.55;pointer-events:none}
.inventory-category-arrow{
  width:8px;
  height:8px;
  display:block;
  justify-self:end;
  margin-right:var(--control-gap);
  border-right:2px solid var(--text-soft);
  border-bottom:2px solid var(--text-soft);
  transform:translateY(-2px) rotate(45deg);
  transition:transform var(--speed) var(--ease);
}
.inventory-category[open] .inventory-category-arrow{transform:translateY(2px) rotate(225deg)}
.inventory-list{display:grid;gap:var(--field-gap)}
.inventory-category .inventory-list{
  gap:0;
  padding:0 var(--block-gap);
  border-top:1px solid var(--line);
}
.inventory-item{
  min-height:64px;
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.inventory-category .inventory-item{
  min-height:58px;
  padding:var(--field-gap) 0;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
}
.inventory-category .inventory-item:last-child{border-bottom:0}
.inventory-item.is-open{background:#fbfdff}
.inventory-item-product{
  min-width:0;
  min-height:48px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:var(--field-gap);
}
.inventory-thumb{
  width:46px;
  height:46px;
  max-width:46px;
  max-height:46px;
  object-fit:contain;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
  padding:var(--space-1);
}
.inventory-item-main{min-width:0;display:grid;gap:2px}
.inventory-item-main strong{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-title);
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inventory-item-main .stock-badge{width:max-content;margin-top:var(--space-1)}
.inventory-item-actions{
  display:grid;
  grid-template-columns:1fr;
}
.inventory-sale-toggle{
  position:relative;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--field-gap);
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  color:var(--text-soft);
  font-size:var(--fs-label);
  font-weight:var(--fw-label);
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.inventory-actions{margin-top:var(--block-gap)}
.inventory-search-empty{margin:0}

.products-edit{min-width:1040px}
.products-edit th,
.products-edit td{padding:var(--field-gap) var(--control-gap);vertical-align:middle}
.products-edit input,
.products-edit select,
.products-edit .custom-select-trigger{min-height:38px}
.products-edit .price,
.products-edit .qty{max-width:110px}
.products-edit .line-sum{font-weight:var(--fw-title);white-space:nowrap}
.product-picker,
.product-picker-wrap{min-width:180px}
.status-select-wrap{min-width:150px}
.summary-total{
  display:flex;
  justify-content:flex-end;
  gap:var(--block-gap);
  align-items:center;
  padding:var(--block-gap) 4px 0;
  color:var(--muted);
  font-size:var(--fs-title);
}
.summary-total strong{color:var(--text)}

.field-cluster{
  display:grid;
  gap:var(--block-gap);
  padding:var(--control-gap) 0 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.card-title-row + .field-cluster{padding-top:0;border-top:0}
.field-cluster.soft-bg,
.field-cluster.price-cluster{background:transparent}
.price-cluster .price-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-group-title{
  display:block;
  padding:0;
  border-bottom:0;
}
.field-group-title strong{color:var(--text);font-weight:var(--fw-title)}
.field-group-title span{
  display:block;
  margin-top:var(--space-1);
  color:var(--muted);
  font-size:var(--fs-help);
  text-align:left;
}
.product-editor-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:var(--section-gap);
  align-items:start;
  margin-top:0;
}
.product-editor-preview{min-width:0}
.preview-sticky{
  position:sticky;
  top:24px;
  display:grid;
  gap:var(--section-gap);
}
.preview-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--control-gap);
}
.preview-title-row strong{font-size:var(--fs-label);font-weight:var(--fw-title)}
.preview-title-row span{color:var(--muted);font-size:var(--fs-help)}
.preview-shop-card,
.preview-product-card,
.preview-category-card,
.preview-product-page,
.preview-help{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  overflow:hidden;
}
.preview-help{padding:var(--block-gap);overflow:visible}
.preview-help p{margin:var(--field-gap) 0 0}
.preview-shop-media,
.preview-category-media,
.preview-media{
  position:relative;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  padding:var(--block-gap);
  background:var(--surface-soft);
}
.preview-category-media{aspect-ratio:1.25/1}
.preview-shop-media img,
.preview-category-media img,
.preview-media img{width:100%;height:100%;object-fit:contain}
.preview-badge{position:absolute;left:var(--block-gap);top:var(--block-gap)}
.preview-shop-content,
.preview-content{
  display:grid;
  gap:var(--control-gap);
  padding:var(--block-gap);
}
.preview-type{
  margin:0;
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.preview-shop-content h3,
.preview-content h3{margin:0;font-size:var(--fs-preview-title);font-weight:var(--fw-title);line-height:1.18}
.preview-price{display:flex;align-items:baseline;gap:var(--control-gap)}
.preview-price strong{font-size:var(--fs-price);font-weight:var(--fw-title)}
.preview-price span{color:var(--muted);text-decoration:line-through}
.preview-shop-actions{display:grid;grid-template-columns:1fr 40px;gap:var(--control-gap);margin-top:var(--field-gap)}
.preview-shop-actions > *{
  min-height:40px;
  display:grid;
  place-items:center;
  border-radius:var(--radius-sm);
  font-weight:var(--fw-label);
}
.preview-shop-actions span{border:1px solid var(--line);background:var(--control-bg)}
.preview-shop-actions b{background:var(--text);color:#fff;font-size:var(--fs-icon)}
.preview-product-page{padding:var(--block-gap);display:grid;gap:var(--block-gap)}
.preview-page-gallery > img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  padding:var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
}
.preview-thumbs{display:flex;gap:var(--field-gap);margin-top:var(--field-gap)}
.preview-thumbs span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:var(--space-1);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
}
.preview-thumbs img{width:100%;height:100%;object-fit:contain}
.preview-page-info h3{margin:var(--space-1) 0 var(--field-gap)}
.preview-page-info p{margin:var(--field-gap) 0;color:var(--muted)}
.preview-page-variants,
.preview-specs-list{display:grid;gap:var(--field-gap)}
.preview-page-variants button,
.preview-trust span,
.preview-variants span{
  display:flex;
  justify-content:space-between;
  gap:var(--control-gap);
  padding:var(--field-gap) var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--control-bg);
  color:var(--text);
}
.preview-trust,
.preview-variants{display:flex;flex-wrap:wrap;gap:var(--field-gap)}
.preview-specs-list div{
  display:flex;
  justify-content:space-between;
  gap:var(--control-gap);
  padding:var(--field-gap) 0;
  border-bottom:1px solid var(--line);
}
.preview-specs-list span{color:var(--muted)}
.preview-included-box ul{margin:var(--space-1) 0 0;padding-left:18px;color:var(--muted)}

.image-reorder-item{
  display:grid;
  grid-template-columns:26px 70px minmax(0,1fr) 36px;
  gap:var(--control-gap);
  align-items:center;
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
  cursor:grab;
  transition:opacity var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.drag-handle{color:var(--muted);font-weight:var(--fw-title);text-align:center;cursor:grab;user-select:none;touch-action:none}
.drag-handle:active{cursor:grabbing}
.image-reorder-item img{
  width:70px;
  height:70px;
  object-fit:contain;
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
}
.image-role{color:var(--muted);font-size:var(--fs-help);font-weight:var(--fw-label)}
.image-remove-btn{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border:1px solid #efc7c2;
  border-radius:var(--radius-sm);
  background:var(--danger-bg);
  color:var(--danger);
  font-weight:var(--fw-title);
  cursor:pointer;
  transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease);
}
.image-remove-btn:hover{background:#ffe4e0;border-color:#eeaaa3}
.image-remove-btn:active{transform:translateY(1px) scale(.98)}
.media-preview-block{margin-top:var(--block-gap)}
.seo-preview-block h3{margin:0 0 var(--field-gap)}
.seo-image-preview{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:var(--control-gap);
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
}
.seo-image-preview .image-role{flex:1}
.seo-image-preview img{
  width:88px;
  height:58px;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
}
.seo-image-missing{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:var(--field-gap) var(--block-gap);
  border:1px solid #efc7c2;
  border-radius:var(--radius-sm);
  background:var(--danger-bg);
  color:var(--danger);
  font-size:var(--fs-help);
  font-weight:var(--fw-label);
}
.video-preview-list,
.image-preview-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:var(--control-gap);
}
.video-preview-list div,
.image-preview-list div{
  padding:var(--field-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
}
.video-preview-list video,
.image-preview-list img{
  width:100%;
  height:86px;
  object-fit:contain;
  border-radius:var(--radius-sm);
  background:var(--surface-soft);
}
.video-preview-list span,
.image-preview-list span{
  display:block;
  margin-top:var(--field-gap);
  color:var(--muted);
  font-size:var(--fs-caption);
  word-break:break-all;
}

.variants-head,
.variant-row{
  display:grid;
  grid-template-columns:.9fr 90px .9fr .9fr 40px;
  gap:var(--control-gap);
  align-items:center;
}
.variants-head{
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.variant-row{
  padding:var(--control-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--control-bg);
}
.variant-row [data-remove-variant]{min-width:36px;padding:0}
input.is-locked,
input[readonly].is-locked{background:#eef2f7;color:var(--muted);cursor:not-allowed}

.settings-actions{
  position:static;
  margin-top:var(--section-gap);
  padding:0;
  border:0;
  background:transparent;
}
.history-item{
  padding:var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.history-item strong{display:block}
.history-item span{display:block;margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-help)}

.reviews-page-head h1{margin:0;font-size:var(--fs-page)}
.reviews-page-head p:last-child{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--fs-help)}
.reviews-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.reviews-admin-list{display:grid;gap:var(--field-gap)}
.review-admin-card{padding:0;overflow:hidden}
.review-admin-details{display:block}
.review-admin-details > summary{list-style:none}
.review-admin-details > summary::-webkit-details-marker{display:none}
.review-list-row{
  min-height:64px;
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) minmax(150px,.8fr) minmax(220px,1.5fr) max-content 28px;
  align-items:center;
  gap:var(--block-gap);
  padding:var(--control-gap) var(--card-pad);
  cursor:pointer;
  transition:background var(--speed) var(--ease);
}
.review-list-row:hover{background:var(--surface-soft)}
.review-list-product,
.review-list-author{
  min-width:0;
  display:grid;
  gap:2px;
}
.review-list-product strong,
.review-list-author strong{
  overflow:hidden;
  color:var(--text);
  font-size:var(--fs-body);
  font-weight:var(--fw-title);
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.review-list-product small,
.review-list-author small{
  overflow:hidden;
  color:var(--muted);
  font-size:var(--fs-help);
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.review-stars{color:#b87a08;letter-spacing:.04em}
.review-list-excerpt{
  min-width:0;
  overflow:hidden;
  display:-webkit-box;
  color:var(--text-soft);
  font-size:var(--fs-label);
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.review-list-state{
  min-width:92px;
  padding:var(--space-1) var(--field-gap);
  border:1px solid;
  border-radius:999px;
  font-size:var(--fs-help);
  font-weight:var(--fw-title);
  text-align:center;
  white-space:nowrap;
}
.review-list-state.is-approved{border-color:#bfe6ce;background:#eefaf3;color:#19713b}
.review-list-state.is-hidden{border-color:#d8e0ea;background:#f3f6f9;color:#5d6b7d}
.review-list-open{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:#fff;
}
.review-list-open i{
  width:8px;
  height:8px;
  display:block;
  border-right:2px solid var(--text-soft);
  border-bottom:2px solid var(--text-soft);
  transform:translateY(-2px) rotate(45deg);
  transition:transform var(--speed) var(--ease);
}
.review-admin-details[open] .review-list-open i{transform:translateY(2px) rotate(225deg)}
.review-admin-details[open] .review-list-row{background:var(--surface-soft)}
.review-editor-panel{
  position:relative;
  display:grid;
  padding:var(--card-pad);
  border-top:1px solid var(--line);
  background:#fbfcfe;
}
.review-admin-form-compact{display:grid;gap:var(--block-gap)}
.review-editor-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--control-gap);
}
.review-two-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--block-gap);
}
.review-side{
  min-width:0;
  padding:var(--block-gap);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.review-column-title{
  margin-bottom:var(--block-gap);
  color:var(--accent);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.compact-fields{
  display:grid;
  grid-template-columns:1fr 110px;
  gap:var(--control-gap);
}
.compact-fields .full{grid-column:1/-1}
.compact-review-photos{
  display:flex;
  flex-wrap:wrap;
  gap:var(--control-gap);
  margin-top:var(--block-gap);
}
.review-admin-photos a,
.compact-review-photos a{
  width:56px;
  height:56px;
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.review-admin-photos img{width:100%;height:100%;object-fit:cover}
.store-reply-editor{display:grid;gap:var(--control-gap)}
.store-reply-editor-head,
.compact-reply-head{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:var(--control-gap);
  align-items:center;
}
.crm-logo-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  overflow:hidden;
}
.crm-logo-avatar img{width:76%;height:76%;object-fit:contain}
.store-reply-editor-head strong{display:block}
.store-reply-editor-head span{display:block;color:var(--muted);font-size:var(--fs-caption)}
.review-editor-panel .compact-actions{justify-content:flex-start}
.compact-delete{
  position:absolute;
  right:var(--card-pad);
  bottom:var(--card-pad);
  display:flex;
  justify-content:flex-end;
}

.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:var(--section-gap);
}
.login-card{
  width:min(420px,100%);
  padding:var(--card-pad);
}
.login-logo{
  display:flex;
  align-items:center;
  gap:var(--control-gap);
  margin-bottom:var(--section-gap);
}
.login-logo img{height:32px;width:auto}
.login-logo span{
  padding:var(--space-1) var(--control-gap);
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:var(--fs-help);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
}
.login-card h1{margin:0 0 var(--field-gap)}
.login-card p{margin:0 0 var(--section-gap)}
.login-card form{display:grid;gap:var(--block-gap)}

body.receipt-page{background:linear-gradient(180deg,#fbfcfe 0%,var(--bg) 100%)}
.receipt-wrap{
  width:min(210mm,calc(100% - 32px));
  margin:var(--section-gap) auto 64px;
}
.receipt-actions{
  display:flex;
  justify-content:flex-end;
  gap:var(--control-gap);
  margin-bottom:var(--block-gap);
}
.receipt-paper{
  width:210mm;
  min-height:297mm;
  max-width:100%;
  margin:0 auto;
  padding:18mm;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
}
.receipt-top{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:var(--section-gap);
  align-items:start;
  margin-bottom:var(--section-gap);
  padding-bottom:var(--block-gap);
  border-bottom:1px solid var(--line);
}
.receipt-logo{display:inline-flex;align-items:center;line-height:1}
.receipt-logo img{
  display:block;
  width:auto;
  height:34px;
  max-width:190px;
  object-fit:contain;
}
.seller-info{
  margin-top:var(--block-gap);
  color:var(--muted);
  font-size:var(--fs-label);
  font-weight:var(--fw-field);
  line-height:1.55;
}
.seller-info p{margin:var(--space-1) 0}
.receipt-title{text-align:right}
.receipt-title h1{
  margin:0;
  color:var(--text);
  font-size:var(--fs-mobile-page);
  font-weight:var(--fw-title);
}
.receipt-number{
  display:inline-flex;
  align-items:center;
  gap:var(--control-gap);
  margin-top:var(--block-gap);
  padding:var(--field-gap) var(--block-gap);
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-soft);
  color:var(--muted);
  font-size:var(--fs-label);
  font-weight:var(--fw-field);
}
.receipt-number strong{color:var(--text);font-size:var(--fs-body);font-weight:var(--fw-title)}
.receipt-date{margin:var(--field-gap) 0 0;color:var(--muted);font-size:var(--fs-label)}
.receipt-section-title{
  margin:0 0 var(--block-gap);
  font-size:var(--fs-title);
  font-weight:var(--fw-title);
}
.receipt-table{width:100%;min-width:0;border-collapse:collapse}
.receipt-table th,
.receipt-table td{
  padding:var(--block-gap) var(--control-gap);
  border-bottom:1px solid var(--line);
}
.receipt-table th{
  background:var(--surface-soft);
  color:var(--muted);
  font-size:var(--fs-caption);
  font-weight:var(--fw-title);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.receipt-table .num{width:38px;color:var(--muted);text-align:center}
.receipt-table .price,
.receipt-table .qty,
.receipt-table .sum{text-align:right;white-space:nowrap}
.receipt-table .item-title{font-weight:var(--fw-title);line-height:1.25}
.receipt-table .item-meta{margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-label);line-height:1.35}
.receipt-table .sku{color:var(--text-soft);white-space:nowrap;font-weight:var(--fw-label)}
.receipt-total{
  width:min(360px,100%);
  margin-top:var(--section-gap);
  margin-left:auto;
  padding:var(--card-pad);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
.total-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--block-gap)}
.total-row span{color:var(--muted);font-size:var(--fs-body);font-weight:var(--fw-label)}
.total-row strong{color:var(--text);font-size:var(--fs-metric);font-weight:var(--fw-title)}
.receipt-footer{
  margin-top:var(--section-gap);
  padding-top:var(--block-gap);
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:var(--fs-label);
  line-height:1.55;
}
.seller-sign{
  width:300px;
  margin-top:var(--section-gap);
  padding-top:var(--field-gap);
  border-top:1px solid var(--line-strong);
  color:var(--muted);
  font-size:var(--fs-label);
}

@media (max-width:980px){
  body.crm-sidebar-open{overflow:hidden}
  body:not(.login-page){
    padding-left:0;
    padding-top:0;
    padding-bottom:78px;
  }
  .admin-header{
    inset:0 auto 0 0;
    z-index:130;
    width:min(300px,86vw);
    min-height:100vh;
    align-items:stretch;
    justify-content:flex-start;
    gap:var(--section-gap);
    padding:var(--section-gap) var(--card-pad);
    border-right:0;
    border-bottom:0;
    transform:translateX(-105%);
    transition:transform var(--speed) var(--ease);
  }
  body.crm-sidebar-open .admin-header{transform:translateX(0)}
  .admin-sidebar-backdrop{
    position:fixed;
    inset:0;
    z-index:125;
    display:block;
    border:0;
    background:rgba(16,24,40,.42);
    opacity:0;
    pointer-events:none;
    transition:opacity var(--speed) var(--ease);
  }
  body.crm-sidebar-open .admin-sidebar-backdrop{
    opacity:1;
    pointer-events:auto;
  }
  .brand{
    width:100%;
    justify-content:center;
  }
  .brand img{height:26px}
  .admin-nav{
    width:100%;
    margin:var(--control-gap) 0 0;
  }
  .admin-menu-toggle{display:none}
  .admin-menu{
    display:grid;
    position:static;
    width:100%;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .admin-nav[open] .admin-menu{display:grid;grid-template-columns:1fr;gap:var(--space-1)}
  .admin-menu a{justify-content:flex-start;width:100%;min-height:40px}
  .mobile-crm-bar{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:210;
    min-height:64px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:var(--space-1);
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
    border:1px solid var(--line);
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:18px 18px 0 0;
    background:rgba(255,255,255,.97);
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:visible;
    contain:layout;
  }

  body.orders-drawer-open .mobile-crm-bar,
  body.np-waybill-open .mobile-crm-bar,
  body.crm-sidebar-open .mobile-crm-bar{display:none!important}
  .mobile-crm-item,
  .mobile-crm-primary{
    min-width:0;
    border:0;
    background:transparent;
    color:var(--muted);
    font:inherit;
    font-size:10px;
    font-weight:var(--fw-label);
    line-height:1.1;
    text-align:center;
    cursor:pointer;
  }
  .mobile-crm-item{
    min-height:43px;
    display:grid;
    place-items:center;
    gap:3px;
    border-radius:var(--radius);
  }
  .mobile-crm-item.active,
  .mobile-crm-item:hover{
    background:var(--primary-bg);
    color:var(--primary);
  }
  .mobile-crm-primary{
    width:58px;
    height:58px;
    place-self:center;
    display:grid;
    place-items:center;
    margin-top:-24px;
    border:1px solid var(--primary);
    border-radius:999px;
    background:var(--sidebar-gradient);
    color:#fff;
  }
  .mobile-crm-primary .admin-menu-icon{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  .wrap{width:min(100% - 24px,var(--wrap));margin:var(--section-gap) auto 36px}
  .hero-panel,
  .order-head{align-items:flex-start;flex-direction:column;padding:var(--card-pad)}
  .order-head-actions{justify-content:flex-start}
  .filters{grid-template-columns:1fr}
  .orders-filters{grid-template-columns:1fr auto auto}
  .orders-calendar-panel{
    grid-template-columns:minmax(210px,280px) minmax(0,1fr);
  }
  .orders-calendar-form{grid-template-columns:1fr}
  .orders-calendar{width:100%}
  .orders-create-toolbar{display:none}
  .page-head-card,
  .np-setup-card{align-items:flex-start;flex-direction:column}
  .page-head-actions{justify-content:flex-start}
  .np-actions{justify-content:flex-start}
  .np-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .np-shipment-open{
    grid-template-columns:92px minmax(0,1.2fr) minmax(140px,.8fr) max-content;
    grid-template-areas:
      "date product client status"
      "date product delivery total";
  }
  .np-shipment-date{grid-area:date}
  .np-shipment-product{grid-area:product}
  .np-shipment-client{grid-area:client}
  .np-shipment-status{grid-area:status;justify-content:flex-end}
  .np-shipment-total{grid-area:total;justify-self:end;text-align:right}
  .np-shipment-delivery{grid-area:delivery}
  .finance-period-card{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}
  .fb-ads-connection,
  .fb-ads-rule-list{
    grid-template-columns:1fr;
  }
  .edit-grid,
  .product-editor-grid,
  .review-two-columns{grid-template-columns:1fr}
  .review-list-row{
    grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) max-content 28px;
  }
  .review-list-excerpt{grid-column:1/3;grid-row:2}
  .review-list-state{grid-column:3;grid-row:1/3}
  .review-list-open{grid-column:4;grid-row:1/3}
  .preview-sticky{position:static}
  .stats:not(.inventory-stats):not(.status-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .status-stats a{
    min-height:58px;
    padding:var(--field-gap);
  }
  .status-stats span{
    font-size:9px;
    line-height:1.2;
  }
}

@media (max-width:760px){
  :root{
    --section-gap:10px;
    --block-gap:8px;
    --field-gap:6px;
    --control-gap:7px;
    --card-pad:10px;
  }
  body{font-size:var(--fs-body);overflow-x:hidden}
  body:not(.login-page){padding-top:0;padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .custom-select-menu,
  .np-suggestions{
    position:fixed!important;
    z-index:5200!important;
    min-width:0!important;
    border-color:var(--line-strong);
    box-shadow:0 18px 50px rgba(16,24,40,.24);
  }
  .admin-header{min-height:100vh;padding:var(--section-gap) var(--card-pad)}
  .brand img{height:24px}
  .brand span{font-size:var(--fs-caption);padding:var(--space-1) var(--field-gap)}
  .hero-panel h1,
  .order-head h1{font-size:var(--fs-mobile-page)}
  input:not([type="checkbox"]):not([type="hidden"]),
  select,
  textarea,
  .custom-select-trigger{font-size:16px}
  .stats{grid-template-columns:1fr 1fr;gap:var(--control-gap)}
  .status-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reviews-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats div,
  .stats a{min-height:56px;padding:var(--control-gap)}
  .inventory-stats div{min-height:54px;padding:var(--field-gap)}
  .inventory-stats span{font-size:10px}
  .inventory-stats strong{font-size:var(--fs-mobile-metric)}
  .stats strong{font-size:var(--fs-mobile-metric)}
  .status-stats span{font-size:9px;line-height:1.2}
  .status-stats a{min-height:52px;padding:var(--field-gap)}
  .orders-calendar-panel{grid-template-columns:1fr}
  .orders-quick-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .orders-quick-filters .btn{width:100%;min-width:0;padding:var(--field-gap)}
  .page-head-actions{display:grid;grid-template-columns:1fr;width:100%}
  .page-head-actions .btn,
  .page-head-actions form,
  .page-head-actions button{width:100%}
  .np-period-card{
    grid-template-columns:1fr;
    gap:var(--control-gap);
    padding:var(--control-gap);
  }
  .nova-poshta-page{gap:var(--control-gap)}
  .np-period-main{grid-template-columns:1fr;gap:var(--field-gap)}
  .np-calendar-form{grid-template-columns:1fr}
  .np-calendar{width:100%}
  .np-calendar .orders-calendar-trigger{min-height:38px}
  .np-range-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap)}
  .np-range-actions .btn{
    width:100%;
    min-width:0;
    min-height:36px;
    padding:var(--space-2) var(--field-gap);
    font-size:var(--fs-label);
  }
  .np-actions{grid-template-columns:1fr 1fr;width:100%;gap:var(--field-gap)}
  .np-actions .btn,
  .np-actions form,
  .np-actions button{width:100%;min-width:0}
  .np-dashboard-grid{gap:var(--field-gap)}
  .np-stat{
    min-height:46px;
    padding:var(--space-1) var(--field-gap);
  }
  .np-stat span{font-size:9px;line-height:1.15}
  .np-stat strong{font-size:18px;line-height:1}
  .np-shipments-card{padding:var(--control-gap)}
  .np-card-head{margin-bottom:var(--field-gap)}
  .np-card-head h2{font-size:var(--fs-section)}
  .np-card-head span{font-size:var(--fs-help)}
  .np-shipments-list{gap:var(--field-gap)}
  .np-shipment-open{
    min-height:0;
    grid-template-columns:52px minmax(0,1fr) minmax(78px,max-content);
    grid-template-areas:
      "date product status"
      "date client total"
      "delivery delivery delivery";
    align-items:center;
    gap:6px 8px;
    padding:8px;
  }
  .np-shipment-date{grid-area:date;align-self:center}
  .np-shipment-product{grid-area:product;grid-template-columns:34px minmax(0,1fr);gap:6px}
  .np-shipment-product img{width:34px;height:34px}
  .np-shipment-client{grid-area:client}
  .np-shipment-status{grid-area:status;justify-content:flex-end}
  .np-shipment-total{grid-area:total;justify-self:end;text-align:right}
  .np-shipment-delivery{grid-area:delivery;-webkit-line-clamp:1;font-size:11px}
  .np-shipment-date strong,
  .np-shipment-product strong,
  .np-shipment-client strong,
  .np-shipment-total strong{font-size:12px;line-height:1.15}
  .np-shipment-date span,
  .np-shipment-product small,
  .np-shipment-client span,
  .np-shipment-total span{font-size:10px;line-height:1.15}
  .np-shipment-status .badge{
    width:auto;
    min-width:76px;
    min-height:28px;
    padding:4px 8px;
    font-size:10px;
  }
  .fb-ads-head,
  .fb-ads-section-head,
  .fb-ads-group-title{
    display:grid;
    gap:var(--field-gap);
  }
  .fb-ads-status{
    width:max-content;
    min-height:28px;
  }
  .fb-ads-head h1{
    font-size:var(--fs-mobile-page);
  }
  .fb-ads-head p,
  .fb-ads-section-head p,
  .fb-ads-group-title p{
    font-size:var(--fs-help);
  }
  .fb-ads-connection,
  .fb-ads-rule-list,
  .fb-ads-summary-grid{
    grid-template-columns:1fr;
  }
  .fb-ads-rule{
    grid-template-columns:1fr!important;
    gap:var(--field-gap);
    padding:var(--field-gap);
  }
  .finance-period-card{
    grid-template-columns:1fr;
    gap:var(--control-gap);
    padding:var(--control-gap);
  }
  .finance-period-main{
    grid-template-columns:1fr;
    gap:var(--control-gap);
  }
  .finance-calendar-form{grid-template-columns:1fr}
  .finance-calendar{width:100%}
  .finance-calendar .orders-calendar-trigger{min-height:38px}
  .finance-range-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:var(--field-gap)}
  .finance-range-actions .btn{
    width:100%;
    min-width:0;
    min-height:36px;
    padding:var(--space-2) var(--field-gap);
    font-size:var(--fs-label);
  }
  .finance-ad-form{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:var(--field-gap);
    padding:var(--field-gap);
  }
  .finance-ad-form input{min-height:38px}
  .finance-ad-form .btn{
    width:100%;
    min-height:38px;
    padding:var(--space-2) var(--field-gap);
  }
  .finance-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-profit-card{min-height:68px;grid-column:1/-1;padding:var(--control-gap)}
  .finance-profit-card strong{font-size:23px}
  .finance-card{min-height:58px;padding:var(--field-gap)}
  .finance-card span{font-size:var(--fs-help)}
  .finance-card strong{font-size:20px}
  .finance-recent-row{
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-areas:
      "product amount"
      "product status";
    align-items:center;
  }
  .finance-recent-product{grid-area:product}
  .finance-recent-row .badge{grid-area:status;justify-self:end}
  .finance-recent-row b{grid-area:amount;justify-self:end}
  .two,
  .three,
  .four,
  .compact-fields{grid-template-columns:1fr}
  .field-group-title{
    grid-template-columns:1fr;
    gap:var(--field-gap);
  }
  .field-group-title span{text-align:left}
  .form-actions,
  .order-head-actions,
  .panel-actions{display:grid;grid-template-columns:1fr;width:100%}
  .form-actions .btn,
  .order-head-actions .btn,
  .panel-actions .btn{width:100%}
  .editor-actions-row{
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:none;
    width:100%;
  }
  .editor-actions-row .btn{width:auto}

  .orders-list-card{padding:var(--control-gap)}
  .order-card-summary{
    min-height:0;
    grid-template-columns:62px minmax(0,1fr) 76px 96px;
    grid-template-areas:
      "date customer delivery delivery"
      "product product total status";
    column-gap:var(--control-gap);
    row-gap:7px;
    padding:var(--control-gap);
  }
  .order-card-product{grid-area:product;grid-template-columns:38px minmax(0,1fr)}
  .order-card-product img{width:38px;height:38px}
  .order-card-product strong,
  .order-card-customer strong,
  .order-card-delivery strong{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .order-card-product span{display:none}
  .order-card-total{grid-area:total;justify-self:end;text-align:right}
  .order-card-status{grid-area:status;justify-self:end}
  .order-card-date{grid-area:date}
  .order-card-customer{grid-area:customer}
  .order-card-delivery{grid-area:delivery}
  .order-card-date,
  .order-card-customer,
  .order-card-delivery{align-self:center}
  .order-card-delivery span{-webkit-line-clamp:1}
  .order-card-comment{display:none}
  .order-card-product strong,
  .order-card-customer strong,
  .order-card-delivery strong,
  .order-card-total strong{font-size:var(--fs-label)}
  .order-card-date strong{
    color:var(--muted);
    font-size:11px;
    font-weight:var(--fw-field);
    line-height:1.15;
  }
  .order-card-date span,
  .order-phone-link,
  .order-card-delivery span{font-size:11px}
  .order-card-date span{line-height:1.15}
  .order-phone-icon{width:18px;height:18px}
  .order-card-status .custom-select,
  .order-card-status .status-select-small{width:96px}
  .order-card-status .custom-select-trigger,
  .order-card-status .status-select-small{
    min-height:30px;
    justify-content:center;
    padding:2px 24px;
    font-size:12px;
    text-align:center;
    text-align-last:center;
  }
  .order-card-status .custom-select-menu{
    left:auto;
    right:0;
    min-width:122px;
    width:max-content;
  }
  .order-card-status .custom-select-option{
    min-height:32px;
    gap:4px;
    padding:6px;
    font-size:10px;
    line-height:1.2;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .order-card-status .custom-select-option.is-selected:before{
    width:14px;
    height:14px;
    background-size:11px 11px;
  }
  .order-drawer-panel{
    inset:0;
    width:100%;
    height:100dvh;
    max-height:100dvh;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:visible;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,var(--order-bg) 0,#fff 220px);
    animation:order-drawer-bottom var(--speed) var(--ease);
  }
  .order-drawer-body{
    max-height:none;
    min-height:0;
    overflow:auto;
  }
  .order-drawer-head,
  .order-drawer-body,
  .order-drawer-actions{padding:var(--card-pad)}
  .order-drawer-edit-grid,
  .order-drawer-fields,
  .order-drawer-fields.two{grid-template-columns:1fr}
  .order-drawer-buyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-drawer-buyer-grid > label:nth-of-type(3),
  .order-drawer-buyer-grid > .readonly-field{grid-column:1/-1}
  .order-drawer-delivery-grid{grid-template-columns:1fr}
  .order-drawer-delivery-grid > *,
  .order-drawer-compact-grid > .full{grid-column:1/-1}
  .order-drawer-products-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .order-drawer-add-product{width:auto}
  .order-drawer-product-row{grid-template-columns:1fr 1fr}
  .order-item-product-field,
  .order-item-category-field,
  .order-item-sku-field,
  .order-drawer-line-sum{grid-column:1/-1}
  .order-drawer-remove-product{
    grid-column:auto;
    width:100%;
    min-width:0;
  }
  .order-drawer-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    position:relative;
    z-index:260;
    padding-bottom:calc(var(--card-pad) + env(safe-area-inset-bottom));
    box-shadow:0 -10px 26px rgba(16,24,40,.08);
  }
  .order-drawer-actions > *{order:3}
  .order-drawer-actions .order-drawer-save{order:1}
  .order-drawer-actions .order-drawer-delete{order:2}
  .order-drawer-actions .btn{width:100%;min-width:0}
  .np-waybill-callout{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .np-waybill-callout .btn{width:100%}
  .np-waybill-modal{z-index:320}
  .np-waybill-sheet,
  .np-waybill-sheet.np-waybill-manage{
    inset:0;
    width:100%;
    height:100dvh;
    max-height:100dvh;
    border:0;
    border-radius:0;
    background:#fff;
    animation:order-drawer-bottom var(--speed) var(--ease);
  }
  .np-waybill-head{padding:10px 12px}
  .np-waybill-head strong{font-size:18px}
  .np-waybill-body{
    max-height:none;
    gap:8px;
    padding:10px 12px;
  }
  .np-waybill-product-card{
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:8px;
  }
  .np-waybill-product-card img{width:42px;height:42px}
  .np-waybill-product-card b,
  .np-waybill-product-card .badge{justify-self:start}
  .np-waybill-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:8px;
  }
  .np-waybill-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .np-waybill-fields{padding:8px}
  .np-waybill-fields label{
    min-width:0;
    gap:4px;
    font-size:11px;
    line-height:1.15;
  }
  .np-waybill-fields input,
  .np-waybill-fields select{
    min-height:36px;
    padding:6px 8px;
  }
  .np-waybill-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  }
  .np-waybill-actions .btn{width:100%;min-width:0}

  .receipt-wrap{width:calc(100% - 20px);margin-top:var(--section-gap)}
  .receipt-paper{width:100%;min-height:auto;padding:var(--card-pad)}
  .receipt-top{grid-template-columns:1fr;gap:var(--block-gap)}
  .receipt-title{text-align:left}
  .receipt-table th,
  .receipt-table td{padding:var(--field-gap) var(--space-1)}
  .receipt-table .sku-col{display:none}
  .total-row strong{font-size:var(--fs-mobile-metric)}

  .products-edit-mysql{
    min-width:0;
    width:100%;
  }
  .products-edit-mysql thead{display:none}
  .products-edit-mysql,
  .products-edit-mysql tbody,
  .products-edit-mysql tr,
  .products-edit-mysql td{display:block;width:100%}
  .products-edit-mysql tr.order-item-row{
    margin-bottom:var(--control-gap);
    padding:var(--control-gap);
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:#fff;
  }
  .products-edit-mysql td{border:0;padding:var(--field-gap) 0}
  .products-edit-mysql td:before{
    display:block;
    margin-bottom:var(--field-gap);
    color:var(--muted);
    font-size:var(--fs-caption);
    font-weight:var(--fw-title);
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .products-edit-mysql td:nth-child(1):before{content:"Товар"}
  .products-edit-mysql td:nth-child(2):before{content:"Назва"}
  .products-edit-mysql td:nth-child(3):before{content:"Артикул"}
  .products-edit-mysql td:nth-child(4):before{content:"Варіант"}
  .products-edit-mysql td:nth-child(5):before{content:"Ціна"}
  .products-edit-mysql td:nth-child(6):before{content:"К-сть"}
  .products-edit-mysql td:nth-child(7):before{content:"Сума"}
  .products-edit-mysql td:nth-child(8):before{content:"Дія"}
  .products-edit input,
  .products-edit select,
  .products-edit .custom-select,
  .products-edit .price,
  .products-edit .qty,
  .product-picker,
  .product-picker-wrap,
  .status-select-wrap{max-width:none;width:100%;min-width:0}

  .category-shop-row{
    grid-template-columns:24px minmax(0,1fr) max-content;
    align-items:center;
  }
  .category-toggle{
    min-height:54px;
    grid-template-columns:48px minmax(0,1fr);
  }
  .category-edit-button{
    min-height:34px;
    padding:var(--field-gap) var(--control-gap);
  }
  .category-shop-count{display:none}
  .category-product-list{
    grid-template-columns:1fr;
    max-height:55vh;
    overflow:auto;
    padding-right:2px;
  }
  .category-product-item{
    grid-template-columns:20px 44px minmax(0,1fr) auto;
    align-items:center;
  }
  .category-product-item .admin-product-thumb{width:44px;height:44px}
  .category-product-meta{display:block;grid-column:4;grid-row:1}
  .category-product-meta span,
  .category-product-state,
  .category-product-info .mini{display:none}
  .cat-preview,
  .admin-product-thumb{width:48px;height:48px}

  .inventory-toolbar{grid-template-columns:1fr;align-items:stretch}
  .inventory-category-summary{
    grid-template-columns:minmax(0,1fr) 28px;
    gap:var(--field-gap);
    padding:var(--control-gap);
  }
  .inventory-category-title{grid-column:1;grid-row:1}
  .inventory-category-metrics{
    grid-column:1/-1;
    grid-row:2;
  }
  .inventory-category-arrow{grid-column:2;grid-row:1}
  .inventory-category .inventory-list{padding:0 var(--control-gap)}
  .inventory-item{
    grid-template-columns:minmax(0,1fr) max-content;
    align-items:center;
    gap:var(--field-gap);
  }
  .inventory-item-product{
    min-height:48px;
    grid-template-columns:48px minmax(0,1fr);
  }
  .inventory-thumb{
    width:48px;
    height:48px;
    max-width:48px;
    max-height:48px;
  }
  .inventory-item-metrics{
    grid-column:1/-1;
    grid-row:2;
  }
  .inventory-item-actions{
    grid-column:2;
    grid-row:1;
    grid-template-columns:1fr;
    align-self:center;
  }
  .inventory-sale-toggle{
    width:auto;
    min-height:34px;
    padding:var(--space-1) var(--field-gap);
  }
  .file-picker{grid-template-columns:1fr}
  .file-picker-text{width:100%}
  .variants-head{display:none}
  .variant-row{grid-template-columns:1fr 86px}
  .review-list-row{
    min-height:0;
    grid-template-columns:minmax(0,1fr) max-content 28px;
    gap:var(--field-gap);
    padding:var(--control-gap);
  }
  .review-list-product{grid-column:1;grid-row:1}
  .review-list-author{grid-column:1/-1;grid-row:2}
  .review-list-excerpt{display:none}
  .review-list-state{
    min-width:0;
    grid-column:2;
    grid-row:1;
    padding:var(--space-1) var(--field-gap);
  }
  .review-list-open{grid-column:3;grid-row:1}
  .review-editor-toolbar{align-items:stretch;flex-direction:column}
  .review-editor-toolbar .btn{width:100%}
  .review-editor-panel{padding:var(--control-gap)}
  .review-side{padding:var(--control-gap)}
  .compact-fields{grid-template-columns:minmax(0,1fr) 92px}
  .compact-delete{position:static;margin-top:var(--field-gap)}
  .compact-delete .btn{width:100%}
  .review-editor-panel .compact-actions .btn{width:100%}
}

@media (max-width:430px){
  .stats{grid-template-columns:1fr}
  .status-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reviews-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inventory-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-stats div{padding:var(--field-gap)}
  .inventory-stats span{font-size:9px}
  .btn{width:100%;white-space:normal}
  .orders-filters{grid-template-columns:1fr 1fr}
  .orders-filters input[name="q"]{grid-column:1/-1}
  .category-edit-button{width:auto;white-space:nowrap}
  .orders-quick-filters .btn{width:100%;white-space:normal}
  .finance-range-actions .btn,
  .np-range-actions .btn{
    white-space:nowrap;
    font-size:12px;
  }
  .finance-ad-form{grid-template-columns:minmax(0,1fr) 96px}
  .finance-ad-form .btn{white-space:nowrap}
}

@media (max-width:760px){
  .customers-head{grid-template-columns:1fr;padding:var(--control-gap)}
  .customers-head p{font-size:var(--fs-help)}
  .customers-search{display:flex}
  .customers-search-field{width:100%}
  .customers-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customers-stats > div,
  .customer-profile-stats > div{min-height:50px;padding:var(--control-gap)}
  .customer-list-row{
    grid-template-columns:minmax(0,1fr) 34px;
    grid-template-areas:
      "main call"
      "metrics metrics";
    gap:5px var(--control-gap);
    min-height:0;
    padding:var(--control-gap) 0;
    align-items:start;
  }
  .customer-list-main{grid-area:main}
  .customer-list-heading{gap:4px}
  .customer-list-tags{max-width:132px;flex:0 0 auto}
  .customer-list-tags .customer-source-chip,
  .customer-list-tags .badge{max-width:78px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .customer-list-metrics{grid-area:metrics;grid-template-columns:repeat(4,minmax(0,1fr));padding-left:43px}
  .customer-list-metric{padding:0 var(--control-gap)}
  .customer-list-metric:first-child{padding-left:0;border-left:0}
  .customer-call-button{grid-area:call;justify-self:end;align-self:start}
  .customer-profile-hero{align-items:stretch;flex-direction:column;padding:var(--control-gap)}
  .customer-profile-identity{align-items:flex-start}
  .customer-profile-copy{flex:1;width:100%}
  .customer-profile-topline{gap:var(--field-gap)}
  .customer-profile-topline .page-kicker{font-size:10px;white-space:nowrap}
  .customer-profile-meta{justify-content:flex-end;min-width:0}
  .customer-profile-meta .customer-source-chip,
  .customer-profile-meta .badge{max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .customer-profile-actions{display:block}
  .customer-profile-actions .btn{width:100%;min-height:36px}
  .customer-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-profile-facts,.customer-order-history{padding:var(--control-gap)}
  .customer-profile-facts dl div{grid-template-columns:104px minmax(0,1fr)}
  .customer-order-row{
    grid-template-columns:minmax(0,1fr) max-content max-content;
    grid-template-areas:
      "main status total"
      "delivery delivery delivery"
      "note note note";
    gap:4px var(--control-gap);
    min-height:0;
    padding:6px 0;
  }
  .customer-order-main{grid-area:main}
  .customer-order-status{grid-area:status;align-self:center}
  .customer-order-total{grid-area:total}
  .customer-order-delivery{grid-area:delivery;padding-left:41px}
  .customer-order-note{grid-area:note}
  .np-zebra-print{
    padding:10px;
    gap:10px;
  }
  .np-zebra-toolbar{
    display:grid;
    padding:10px;
  }
  .np-zebra-toolbar-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .np-zebra-toolbar-actions .btn{
    width:100%;
    min-width:0;
  }
  .np-zebra-frame-card iframe{
    height:calc(100dvh - 190px);
  }
  .crm-ajax-toast{
    right:12px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    left:12px;
    max-width:none;
  }
}

@media print{
  body:not(.login-page){padding-left:0}
  html,body{background:#fff!important}
  .admin-header,
  .mobile-crm-bar,
  .np-waybill-backdrop,
  .receipt-actions{display:none!important}
  .receipt-wrap{width:210mm;margin:0 auto}
  .receipt-paper{
    width:210mm;
    min-height:297mm;
    padding:14mm;
    border:0;
    border-radius:0;
  }
  @page{size:A4;margin:0}
  body.np-zebra-print-page{
    padding:0!important;
    background:#fff!important;
  }
  body.np-zebra-print-page .np-zebra-toolbar{
    display:none!important;
  }
  body.np-zebra-print-page .np-zebra-print{
    display:block;
    min-height:auto;
    margin:0;
    padding:0;
    background:#fff;
  }
  body.np-zebra-print-page .np-zebra-frame-card{
    height:100vh;
    border:0;
    border-radius:0;
    overflow:hidden;
  }
  body.np-zebra-print-page .np-zebra-frame-card iframe{
    width:100%;
    height:100vh;
    border:0;
  }
}

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