@import url('/assets/css/brand.css?v=2');
:root { 
  --red:var(--morddi-red); 
  --deep:var(--morddi-deep); 
  --pink:var(--morddi-blush); 
  --ink:var(--morddi-ink); 
  --muted:var(--morddi-muted); 
  --line:var(--morddi-line); 
  --soft:var(--morddi-soft); 
  --green:#168b48; 
  --font:var(--morddi-font); 
  --radius:var(--morddi-radius); 
  --control-h:var(--morddi-control-h); 
  --shadow:var(--morddi-shadow);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,.06);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.1);
  --focus:var(--morddi-focus);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInScale { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes slideIn { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .6; } }
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }

* { box-sizing:border-box; }
body { 
  margin:0; 
  min-height:100vh; 
  color:var(--ink); 
  font-family:var(--font); 
  background: linear-gradient(135deg, #f5f3f1 0%, #ebe8e5 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,input,select,textarea { font:inherit; }
button { 
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}
button:active { transform: scale(.98); }
.login-page { 
  display:grid; 
  min-height:100svh; 
  place-items:center; 
  padding:24px; 
  background: 
    radial-gradient(ellipse at 70% 0%, rgba(255,77,90,.4) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 100%, rgba(193,15,40,.3) 0%, transparent 50%),
    linear-gradient(145deg, #a60720 0%, #d41530 50%, #ff4d5a 100%);
  background-size: 100% 100%;
  animation: fadeIn .5s ease;
}
.login-card { 
  width:min(100%,420px); 
  padding:44px 40px; 
  border-radius:32px; 
  background:white; 
  box-shadow: 0 30px 80px rgba(74,0,11,.25), 0 0 0 1px rgba(255,255,255,.1) inset;
  animation: fadeInUp .6s var(--ease-out);
}
.login-brand,.admin-brand { display:block; width:140px; height:30px; overflow:hidden; color:transparent; font-size:0; text-decoration:none; background:url('/assets/brand/morddi-wordmark.png?v=5') left center/contain no-repeat; }
.login-eyebrow { display:inline-block; margin-top:32px; padding:6px 12px; border-radius:6px; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.14em; background:var(--pink); }
.login-card h1 { margin:14px 0 8px; font-size:28px; letter-spacing:-.04em; }
.login-card>p { margin:0 0 28px; color:var(--muted); font-size:15px; line-height:1.55; }
.login-card form { display:grid; gap:18px; }
.login-card label { display:grid; gap:8px; font-size:12px; font-weight:800; color:#555; }
.login-card input { 
  width:100%; 
  min-height:52px; 
  padding:0 16px; 
  border:2px solid var(--line); 
  border-radius:14px; 
  outline:0;
  font-size:15px;
  transition: all .2s ease;
}
.login-card input:focus { border-color:var(--red); box-shadow:0 0 0 4px rgba(227,24,55,.1); }
.login-card button { 
  display:flex; 
  min-height:54px; 
  align-items:center; 
  justify-content:space-between; 
  padding:0 20px; 
  border:0; 
  border-radius:14px; 
  color:white; 
  font-weight:900;
  font-size:15px;
  background: linear-gradient(135deg, var(--red), var(--deep));
  box-shadow: 0 8px 20px rgba(227,24,55,.25);
  transition: all .25s ease;
}
.login-card button:hover { 
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(227,24,55,.35);
}
.login-card button:disabled { opacity:.55; transform:none !important; }
.form-error { min-height:18px; color:var(--deep); font-size:12px; font-weight:600; }
.back-link { display:block; margin-top:20px; color:var(--muted); font-size:13px; text-align:center; text-decoration:none; transition: color .2s ease; }
.back-link:hover { color:var(--red); }
.setup-alert { margin:0 0 20px; padding:14px 16px; border:1px solid #ffcbd2; border-radius:14px; color:var(--deep); font-size:13px; line-height:1.5; background:var(--pink); }
.sidebar { 
  position:fixed; 
  inset:0 auto 0 0; 
  display:flex; 
  width:256px; 
  flex-direction:column; 
  padding:24px 18px 20px; 
  overflow:hidden; 
  border-right:1px solid rgba(0,0,0,.06); 
  background: linear-gradient(180deg, #fff 0%, #faf9f8 100%);
  box-shadow: 4px 0 20px rgba(0,0,0,.03);
}
.sidebar nav { display:flex; flex-direction:column; gap:18px; flex:1; margin-top:24px; overflow-y:auto; padding-right:4px; }
.sidebar .nav-group,
.sidebar .nav-group ul { display:flex; flex-direction:column; gap:3px; }
.sidebar .nav-group ul { margin:0; padding:0; list-style:none; }
.sidebar .nav-group li { display:block; width:100%; }
.sidebar .nav-group-label {
  display:block; padding:4px 12px 8px; color:#9a9a9f; font-size:10px; font-weight:900;
  letter-spacing:.14em; text-transform:uppercase;
}
.sidebar .nav-group-collapsible > summary { display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; border-radius:10px; transition: all .2s ease; }
.sidebar .nav-group-collapsible > summary::-webkit-details-marker { display:none; }
.sidebar .nav-group-collapsible > summary::after { content:'›'; font-size:16px; line-height:1; transform:rotate(90deg); transition:transform .2s ease; }
.sidebar .nav-group-collapsible:not([open]) > summary::after { transform:rotate(0); }
.sidebar .nav-group-collapsible > summary:hover { color:var(--ink); background:var(--soft); }
.sidebar nav a {
  display:block; 
  width:100%; 
  box-sizing:border-box; 
  padding:11px 14px; 
  border-radius:12px;
  color:#666; 
  font-size:13px; 
  font-weight:700; 
  text-decoration:none;
  transition: all .2s ease;
}
.sidebar nav a:hover { color:var(--ink); background:var(--soft); }
.sidebar nav .active { 
  color:var(--red); 
  background: linear-gradient(135deg, rgba(227,24,55,.08), rgba(227,24,55,.12));
  font-weight:800;
}
.sidebar>button { 
  margin-top:14px; 
  padding:12px; 
  border:1px solid var(--line); 
  border-radius:12px; 
  background:white;
  font-size:12px;
  font-weight:700;
  color:#666;
  transition: all .2s ease;
}
.sidebar>button:hover {
  background: var(--soft);
  border-color: #d4d1cd;
}
.admin-main { min-height:100vh; margin-left:256px; padding:0 40px 60px; }
.admin-main>header { 
  display:flex; 
  height:78px; 
  align-items:center; 
  justify-content:flex-end; 
  gap:15px; 
  border-bottom:1px solid rgba(0,0,0,.06);
}
.admin-main>header div:first-child { display:grid; text-align:right; }
.admin-main>header small { color:var(--muted); font-size:9px; letter-spacing:.12em; }
.admin-main>header strong { font-size:13px; font-weight:700; }
.avatar { 
  display:grid; 
  width:42px; 
  height:42px; 
  place-items:center; 
  border-radius:14px; 
  color:white; 
  font-weight:900;
  font-size:14px;
  background: linear-gradient(135deg, var(--red), var(--deep));
  box-shadow: 0 4px 12px rgba(227,24,55,.25);
}
.welcome { 
  display:flex; 
  align-items:end; 
  justify-content:space-between; 
  gap:30px; 
  margin:36px 0 28px; 
  padding:40px 44px; 
  border-radius:28px; 
  color:white; 
  background:
    radial-gradient(ellipse at 100% 0%, rgba(255,77,90,.5) 0%, transparent 50%),
    linear-gradient(135deg, #a70720 0%, var(--red) 50%, #ff5a6a 100%);
  box-shadow: 0 20px 50px rgba(193,15,40,.22);
  animation: fadeInUp .6s var(--ease-out);
  position: relative;
  overflow: hidden;
}
.welcome::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 70%);
  pointer-events: none;
}
.welcome span { font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; opacity:.85; }
.welcome h1 { margin:10px 0 6px; font-size:36px; letter-spacing:-.03em; }
.welcome p { max-width:600px; margin:0; opacity:.85; line-height:1.55; font-size:15px; }
.welcome a { 
  flex:none; 
  padding:14px 20px; 
  border-radius:14px; 
  color:var(--red); 
  font-size:13px; 
  font-weight:900; 
  text-decoration:none; 
  background:white;
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
  transition: all .25s ease;
}
.welcome a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.2);
}
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.metric-grid-wide { grid-template-columns:repeat(4,1fr); }
.metric-grid article,.next-card { 
  padding:24px; 
  border:1px solid rgba(0,0,0,.05); 
  border-radius:20px; 
  background:white; 
  box-shadow: var(--shadow-sm);
  transition: all .3s var(--ease-out);
  animation: fadeInUp .5s var(--ease-out) backwards;
}
.metric-grid article:nth-child(1) { animation-delay: .1s; }
.metric-grid article:nth-child(2) { animation-delay: .15s; }
.metric-grid article:nth-child(3) { animation-delay: .2s; }
.metric-grid article:nth-child(4) { animation-delay: .25s; }
.metric-grid article:hover { 
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.metric-grid small { display:block; color:#8a8a90; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.metric-grid strong { display:block; margin:12px 0 8px; font-size:32px; letter-spacing:-.04em; background: linear-gradient(135deg, var(--ink), #555); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.metric-grid span { color:var(--muted); font-size:13px; line-height:1.45; }
.metric-grid .green { color:var(--green); font-weight:700; }
.next-card { margin-top:18px; animation: fadeInUp .5s var(--ease-out) .3s backwards; }
.next-card h2 { margin:0 0 10px; font-size:18px; }
.next-card p { margin:0; color:var(--muted); line-height:1.6; font-size:14px; }
.onboarding-resume{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin:16px 0 0;padding:20px 23px;border:1px solid #ffd0d7;border-radius:18px;background:linear-gradient(110deg,#fff,#fff4f6)}.resume-score{display:grid;width:68px;height:68px;place-content:center;border:6px solid #ffd7dd;border-top-color:var(--red);border-radius:50%;text-align:center}.resume-score strong{font-size:18px}.resume-score span{color:var(--muted);font-size:9px}.onboarding-resume small{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.12em}.onboarding-resume h2{margin:4px 0;font-size:17px}.onboarding-resume p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.onboarding-resume>a{padding:11px 14px;border-radius:11px;color:white;font-size:11px;font-weight:900;text-decoration:none;background:var(--red)}
@media(max-width:900px){
  .sidebar { width:220px; }
  .admin-main { margin-left:220px; padding:0 24px 50px; }
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .metric-grid-wide { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:760px){
  .sidebar { 
    position:fixed; 
    inset:0; 
    width:100%; 
    max-width:280px;
    transform:translateX(-100%);
    z-index:1000;
    transition: transform .3s var(--ease-out);
  }
  .sidebar.open { transform:translateX(0); }
  .sidebar>button{margin:0}
  .admin-main{margin:0;padding:0 16px 40px}
  .admin-main>header{height:68px}
  .welcome{
    align-items:flex-start;
    flex-direction:column;
    padding:28px;
    border-radius:22px;
  }
  .welcome h1 { font-size:28px; }
  .metric-grid,.metric-grid-wide,.health-row{grid-template-columns:1fr}
  .login-card{padding:32px 24px; border-radius:24px;}
  .onboarding-resume{grid-template-columns:auto 1fr}
  .onboarding-resume>a{grid-column:1/-1;text-align:center}
  .admin-product-row { grid-template-columns:1fr; gap:12px; }
  .catalog-layout { grid-template-columns:1fr; }
}
.page-heading { 
  display:flex; 
  align-items:end; 
  justify-content:space-between; 
  gap:24px; 
  margin:36px 0 26px;
  animation: fadeIn .4s ease;
}
.page-heading>div:first-child { min-width:0; flex:1 1 280px; }
.page-heading>div:first-child>span { 
  display:inline-block;
  padding:5px 10px;
  border-radius:6px;
  color:var(--red); 
  font-size:10px; 
  font-weight:900; 
  letter-spacing:.14em;
  background: var(--pink);
}
.page-heading h1 { margin:12px 0 6px; font-size:clamp(26px,3vw,34px); letter-spacing:-.04em; }
.page-heading p { margin:0; max-width:56ch; color:var(--muted); line-height:1.6; font-size:15px; }
.heading-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.order-search input { 
  width:min(100%,260px); 
  min-height:44px; 
  padding:0 14px; 
  border:2px solid var(--line); 
  border-radius:12px; 
  outline:0; 
  background:white;
  font-size:14px;
  transition: all .2s ease;
}
.order-search input:focus { border-color:var(--red); box-shadow:0 0 0 4px rgba(227,24,55,.1); }
.live-indicator.is-offline {
  color: var(--red);
  background: rgba(227,24,55,.08);
}
.live-indicator.is-offline i {
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(227,24,55,.15);
  animation: livePulse 1s ease infinite;
}
.primary-admin,.secondary-admin { 
  display:inline-flex; 
  align-items:center; 
  justify-content:center; 
  gap:7px; 
  min-height:var(--control-h); 
  padding:0 18px; 
  border-radius:13px; 
  font-size:13px; 
  font-weight:800; 
  cursor:pointer; 
  transition: all .25s var(--ease-out);
}
.primary-admin { 
  border:0; 
  color:white; 
  background: linear-gradient(135deg, var(--red), var(--deep));
  box-shadow: 0 6px 16px rgba(227,24,55,.25);
}
.primary-admin:hover { 
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(227,24,55,.35);
}
.primary-admin:active {
  transform: translateY(0);
}
.secondary-admin { 
  border:2px solid var(--line); 
  color:var(--ink); 
  background:white;
}
.secondary-admin:hover { 
  border-color:#ccc; 
  background:#faf9f8;
  transform: translateY(-1px);
}
a.secondary-admin,a.primary-admin { text-decoration:none; }
.catalog-toolbar { 
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  gap:20px; 
  margin-bottom:16px; 
  padding:14px 18px; 
  border:1px solid rgba(0,0,0,.05); 
  border-radius:16px; 
  background:white;
  box-shadow: var(--shadow-sm);
}
.admin-search { flex:1; }
.admin-search input { 
  width:min(100%,420px); 
  min-height:42px; 
  padding:0 14px; 
  border:2px solid var(--line); 
  border-radius:11px; 
  outline:0; 
  background:#fafafa;
  font-size:14px;
  transition: all .2s ease;
}
.admin-search input:focus { border-color:var(--red); box-shadow:0 0 0 4px rgba(227,24,55,.1); background:white; }
.catalog-count { color:var(--muted); font-size:13px; font-weight:600; }
.catalog-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:16px; align-items:start; }
.category-panel { 
  padding:20px 12px; 
  border:1px solid rgba(0,0,0,.05); 
  border-radius:18px; 
  background:white;
  box-shadow: var(--shadow-sm);
}
.category-panel>strong { display:block; padding:0 10px 14px; font-size:14px; }
.category-admin-row { display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:3px; }
.category-admin-row.is-sub { padding-left: 14px; }
.category-admin-item { display:flex; width:100%; align-items:center; justify-content:space-between; gap:8px; padding:10px 9px; border:0; border-radius:10px; color:#686868; font-size:12px; text-align:left; background:transparent; }
.category-admin-item span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.category-admin-item b { display:grid; min-width:22px; height:22px; place-items:center; border-radius:7px; font-size:10px; background:var(--soft); }
.category-admin-item.active { color:var(--red); font-weight:900; background:var(--pink); }
.category-admin-item.active b { background:white; }
.category-edit { border:0; color:#999; background:transparent; }
.admin-product-list { display:grid; gap:10px; }
.admin-product-row { 
  display:grid; 
  grid-template-columns:28px 68px minmax(180px,1fr) 100px 120px 88px; 
  gap:14px; 
  align-items:center; 
  min-height:90px; 
  padding:12px 15px; 
  border:1px solid rgba(0,0,0,.05); 
  border-radius:16px; 
  background:white;
  transition: all .25s var(--ease-out);
}
.admin-product-row:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: transparent;
}
.admin-product-image { 
  display:grid; 
  width:68px; 
  height:68px; 
  overflow:hidden; 
  place-items:center; 
  border-radius:14px; 
  font-size:26px; 
  background:linear-gradient(140deg,#fff0f2,#ffe1b8);
}
.admin-product-image img { width:100%; height:100%; object-fit:cover; }
.admin-product-copy { min-width:0; }
.admin-product-copy small { color:var(--red); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.admin-product-copy h3 { margin:4px 0; overflow:hidden; font-size:14px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }
.admin-product-copy p { margin:0; overflow:hidden; color:var(--muted); font-size:11px; white-space:nowrap; text-overflow:ellipsis; }
.admin-product-price { display:grid; gap:2px; text-align:right; }
.admin-product-price del { color:var(--muted); font-size:9px; }
.admin-product-price strong { font-size:13px; }
.status-select { width:100%; min-height:34px; padding:0 8px; border:1px solid var(--line); border-radius:9px; font-size:10px; font-weight:800; background:white; }
.status-active { color:var(--green); }.status-sold_out { color:#b46b00; }.status-inactive { color:#777; }
.row-edit { padding:7px 2px; border:0; color:var(--red); font-size:10px; font-weight:900; background:transparent; }
.row-actions { display:grid; gap:2px; justify-items:end; }
.row-check { display:grid; place-items:center; margin:0; }
.row-check input { width:16px; height:16px; accent-color:var(--red); }
.catalog-bulk { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 14px; padding:12px 14px; border:1px solid var(--line); border-radius:15px; background:white; }
.catalog-bulk strong { font-size:12px; margin-right:6px; }
.catalog-bulk button,.catalog-bulk select,.catalog-bulk input { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:9px; font-size:11px; font-weight:800; background:white; }
.catalog-bulk input[type=number],.catalog-bulk input[type=time] { width:90px; }
.import-preview { max-height:240px; overflow:auto; margin:8px 0 0; }
.import-rows { display:grid; gap:6px; }
.import-rows article { display:grid; grid-template-columns:70px 1fr; gap:4px 10px; padding:8px 10px; border-radius:10px; font-size:12px; background:var(--soft); }
.import-rows article.err { background:#fff0f2; color:var(--deep); }
.import-rows small { grid-column:2; color:var(--muted); }
.admin-empty { 
  padding:60px 30px; 
  border:2px dashed #e0e0e0; 
  border-radius:20px; 
  color:var(--muted); 
  text-align:center; 
  background: linear-gradient(135deg, #fafafa, #f5f5f5);
}
.admin-empty strong { display:block; color:var(--ink); font-size:16px; margin-bottom:6px; }
.admin-empty p { margin:8px 0 18px; font-size:13px; line-height:1.5; }
@keyframes modalSlideIn {
  from { opacity: 0; transform: translateY(20px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes backdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.admin-dialog { 
  width: min(calc(100vw - 32px), 520px); 
  max-width: calc(100vw - 32px); 
  max-height: min(88svh, 820px); 
  margin: auto; 
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: white;
  box-shadow: 0 30px 80px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.04);
  animation: modalSlideIn .35s var(--ease-out); 
  overflow-x:hidden; 
  overflow-y:auto; 
  border:0; 
  border-radius:26px; 
  background:#fff; 
  color:var(--ink); 
  box-shadow: 0 30px 100px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05);
  animation: fadeInScale .3s var(--ease-out);
}
.admin-dialog.product-dialog { width: min(calc(100vw - 32px), 780px); }
.admin-dialog.order-detail-dialog, .admin-dialog.customer-dialog { width: min(calc(100vw - 32px), 640px); }
.admin-dialog::backdrop { 
  background: rgba(15, 10, 12, .65); 
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: backdropIn .25s ease;
}
.admin-dialog form {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 28px;
  box-sizing: border-box;
}
.admin-dialog form > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.admin-dialog header small {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
  background: rgba(227,24,55,.08);
}
.admin-dialog h2 {
  margin: 8px 0 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.03em;
}
.admin-dialog form:has(> .dialog-x) > .form-kicker,
.admin-dialog form:has(> .dialog-x) > h2 { padding-right: 48px; }
.admin-dialog form:has(> .dialog-x) > h2 { margin: 6px 0 18px; }
.admin-dialog header button, .dialog-x {
  flex: none;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 0;
  border-radius: 12px;
  color: #666;
  font-size: 24px;
  line-height: 1;
  background: #f5f3f1;
  cursor: pointer;
  transition: all .2s ease;
}
.admin-dialog header button:hover, .dialog-x:hover {
  background: #ebe8e5;
  color: #333;
}
.dialog-x { position: absolute; top: 20px; right: 20px; float: none; }
.admin-dialog label {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  color: #555;
}
.admin-dialog input:not([type=checkbox]):not([type=file]):not([type=hidden]),
.admin-dialog select,
.admin-dialog textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 14px;
  border: 2px solid var(--line);
  border-radius: 12px;
  outline: 0;
  background: white;
  box-sizing: border-box;
  font-size: 14px;
  transition: all .2s ease;
}
.admin-dialog textarea { min-height: 100px; resize: vertical; }
.admin-dialog input:focus,
.admin-dialog select:focus,
.admin-dialog textarea:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(227,24,55,.1);
}
.admin-dialog .check-line, .admin-dialog .check-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
}
.admin-dialog .check-line input, .admin-dialog .check-label input {
  width: 20px;
  height: 20px;
  flex: none;
  accent-color: var(--red);
}
.admin-dialog footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.admin-dialog footer .primary-admin,
.admin-dialog footer .secondary-admin,
.admin-dialog .save-admin { min-width: 120px; }
.admin-dialog .save-admin { width: 100%; margin-top: 8px; }
.dialog-error { min-height: 18px; margin-top: 12px; color: var(--deep); font-size: 12px; text-align: right; }

.dialog-section {
  margin: 20px 0;
  padding: 18px;
  border-radius: 16px;
  background: var(--soft);
}
.dialog-section-title {
  display: inline-block;
  margin: 0 0 14px;
  padding: 4px 10px;
  border-radius: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: white;
}
.dialog-section label { margin-bottom: 12px; }
.dialog-section label:last-child { margin-bottom: 0; }

.form-grid-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.form-grid-two label { margin-bottom: 0; }
.form-grid-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.form-grid-three label { margin-bottom: 0; }

.dialog-hint {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 12px;
  color: #6b5a45;
  font-size: 13px;
  line-height: 1.5;
  background: #fef9ed;
  border: 1px solid #f5e6c5;
}
.dialog-hint.info {
  color: #3b5998;
  background: #f0f4ff;
  border-color: #d5e0f5;
}
.product-form-grid { display:grid; grid-template-columns:180px 1fr; gap:20px; }
.image-upload { position:relative; display:flex; flex-direction:column; gap:10px; align-items:stretch; }
.image-preview { display:grid; width:100%; aspect-ratio:1; overflow:hidden; place-items:center; padding:0; border:0; border-radius:16px; font-size:48px; background:linear-gradient(140deg,#fff0f2,#ffe1b8); cursor:pointer; }
.image-preview img { width:100%; height:100%; object-fit:cover; }
.image-upload label,.image-upload .secondary-admin { display:flex; min-height:38px; align-items:center; justify-content:center; margin:0; cursor:pointer; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.image-upload small { color:var(--muted); font-size:9px; text-align:center; }
.product-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.product-gallery:empty { display:none; }
.product-gallery button { position:relative; aspect-ratio:1; overflow:hidden; padding:0; border:1px solid var(--line); border-radius:10px; background:#fff7f0; }
.product-gallery img { width:100%; height:100%; object-fit:cover; }
.product-gallery span { position:absolute; top:4px; right:4px; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#fff; font-size:12px; background:rgba(0,0,0,.55); }
.two-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.modifier-admin { margin: 8px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line); }
.modifier-admin-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:14px; }
.modifier-admin-head span { display:block; color:var(--red); font-size:9px; font-weight:900; letter-spacing:.12em; }
.modifier-admin-head h3 { margin:4px 0 4px; font-size:16px; }
.modifier-admin-head p { margin:0; color:var(--muted); font-size:12px; }
.modifier-presets { display:flex; flex-wrap:wrap; gap:8px; }
.modifier-presets button { min-height:36px; padding:0 12px; border:1px solid var(--line); border-radius:999px; font-size:11px; font-weight:800; background:white; cursor:pointer; }
.modifier-presets [data-add-modifier-group] { color:white; border-color:var(--ink); background:var(--ink); }
.modifier-empty { margin:0; padding:16px; border:1px dashed #ddd; border-radius:12px; color:var(--muted); font-size:12px; }
.modifier-card { margin-bottom:12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:#faf8f6; }
.modifier-card-head { display:grid; grid-template-columns:minmax(0,1.4fr) 140px 88px auto auto; gap:10px; align-items:end; }
.modifier-card-head label { margin-bottom:0; }
.modifier-card-head .danger-link { min-height:36px; padding:0 8px; border:0; color:var(--red); font-size:11px; font-weight:800; background:transparent; cursor:pointer; }
.modifier-options { display:grid; gap:8px; margin-top:12px; }
.modifier-option { display:grid; grid-template-columns:54px minmax(0,1.1fr) minmax(0,1fr) 110px 36px; gap:8px; align-items:center; }
.modifier-option input { margin:0; }
.modifier-option-image { position:relative; width:48px; height:48px; }
.modifier-option-image>[data-option-image-pick] { display:grid; width:48px; height:48px; overflow:hidden; place-items:center; padding:0; border:1px dashed #d8d1cb; border-radius:12px; color:var(--muted); font-size:9px; font-weight:850; background:#fff; }
.modifier-option-image>[data-option-image-pick] img { width:100%; height:100%; object-fit:cover; }
.modifier-option-image>[data-remove-option-image] { position:absolute; top:-6px; right:-6px; display:grid; width:20px; height:20px; place-items:center; padding:0; border:0; border-radius:50%; color:#fff; font-size:13px; line-height:1; background:#2b2928; }
.modifier-option [data-remove-option] { width:36px; height:36px; border:0; border-radius:10px; color:#777; font-size:20px; background:#eee; cursor:pointer; }
.modifier-options .secondary-admin { justify-self:start; min-height:36px; }
@media(max-width:760px){
  .modifier-card-head { grid-template-columns:1fr 1fr; }
  .modifier-card-head .check-line, .modifier-card-head .danger-link { grid-column:1 / -1; }
  .modifier-option { grid-template-columns:48px minmax(0,1fr) 36px; }
  .modifier-option [data-option-description], .modifier-option [data-option-price] { grid-column:2 / 4; }
  .modifier-option [data-remove-option] { grid-column:3; grid-row:1; }
}
.admin-toast {
  position: fixed;
  z-index: 100;
  right: 24px;
  bottom: 24px;
  min-width: 200px;
  padding: 14px 20px;
  border-radius: 16px;
  color: white;
  font-size: 13px;
  font-weight: 700;
  background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: all .3s var(--ease-out);
}
.admin-toast.show {
  opacity: 1;
  transform: none;
}
.admin-toast.error {
  background: linear-gradient(135deg, var(--red), var(--deep));
}
.admin-toast.success {
  background: linear-gradient(135deg, #16a34a, #15803d);
}
@media(max-width:950px){.catalog-layout{grid-template-columns:1fr}.category-panel{overflow-x:auto}.category-panel>strong{display:none}#category-list{display:flex}.category-admin-row{display:flex}.category-admin-item{min-width:max-content}.category-edit{display:none}.admin-product-row{grid-template-columns:28px 60px minmax(150px,1fr) 90px 110px}.row-actions{display:none}}
@media(max-width:760px){.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.catalog-toolbar{align-items:flex-start;flex-direction:column}.admin-product-row{grid-template-columns:56px 1fr auto}.admin-product-image{width:56px;height:56px}.admin-product-price{grid-column:2;text-align:left}.status-select{grid-column:3;grid-row:1/3;width:100px}.product-form-grid{grid-template-columns:1fr}.image-upload{width:150px;margin:auto}.two-fields{grid-template-columns:1fr}.admin-dialog form{padding:18px}}
@keyframes livePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .6; transform: scale(1.15); }
}
.live-indicator {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 20px;
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
  background: rgba(34,197,94,.08);
}
.live-indicator i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(34,197,94,.15);
  animation: livePulse 2s ease infinite;
}
@keyframes orderPulse { 
  0%, 100% { box-shadow: 0 0 0 0 rgba(227,24,55,.4); } 
  50% { box-shadow: 0 0 0 8px rgba(227,24,55,0); }
}
@keyframes orderSlideIn {
  from { opacity: 0; transform: translateY(-12px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.order-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
  padding: 4px 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.order-tabs::-webkit-scrollbar { display: none; }
.order-tabs button {
  display: flex;
  min-width: max-content;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 2px solid var(--line);
  border-radius: 14px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  background: white;
  transition: all .2s var(--ease-out);
  cursor: pointer;
}
.order-tabs button:hover { border-color: #ccc; background: #fafafa; }
.order-tabs button b {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 900;
  background: var(--soft);
  transition: all .2s ease;
}
.order-tabs button.active {
  border-color: var(--red);
  color: var(--red);
  background: linear-gradient(135deg, var(--pink), #fff0f2);
  box-shadow: 0 4px 12px rgba(227,24,55,.15);
}
.order-tabs button.active b {
  background: var(--red);
  color: #fff;
}

.orders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  align-items: start;
}

.order-card {
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  border-top: 5px solid #bbb;
  border-radius: 20px;
  background: white;
  box-shadow: var(--shadow-sm);
  transition: all .25s var(--ease-out);
  animation: orderSlideIn .4s var(--ease-out);
}
.order-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.status-border-pending {
  border-top-color: var(--red);
  animation: orderPulse 2s ease infinite;
}
.status-border-accepted, .status-border-preparing { border-top-color: #f59e0b; }
.status-border-ready, .status-border-out_for_delivery { border-top-color: var(--green); }
.status-border-completed { border-top-color: #9ca3af; }
.status-border-cancelled { border-top-color: #6b7280; opacity: .65; }

.order-card > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 18px 20px 12px;
}
.order-card > header span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  background: var(--soft);
}
.order-card h2 { margin: 6px 0 0; font-size: 26px; letter-spacing: -.5px; }
.order-time { display: grid; text-align: right; gap: 2px; }
.order-time strong { font-size: 14px; font-weight: 800; }
.order-time span { font-size: 10px; color: var(--muted); }
.order-customer {
  display: grid;
  gap: 4px;
  padding: 14px 20px;
  border-block: 1px solid rgba(0,0,0,.04);
  background: linear-gradient(135deg, var(--soft), #f5f3f1);
}
.order-customer strong { font-size: 14px; font-weight: 800; }
.order-customer span, .order-customer small { color: var(--muted); font-size: 11px; }
.order-customer small { margin-top: 4px; }
.order-customer em.order-kitchen {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
  color: #a15f00;
  background: rgba(245,158,11,.1);
}
.order-customer em.order-kitchen.is-ready {
  color: var(--green);
  background: rgba(34,197,94,.1);
}

.order-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 16px 20px;
  list-style: none;
}
.order-card li {
  display: flex;
  gap: 12px;
  font-size: 13px;
  line-height: 1.4;
}
.order-card li > b {
  color: var(--red);
  font-size: 15px;
  font-weight: 900;
  min-width: 24px;
}
.order-card li div { display: grid; gap: 3px; }
.order-card li small { color: var(--muted); font-size: 10px; }
.order-card li em { color: #a15f00; font-size: 10px; font-style: normal; font-weight: 700; }

.order-payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  border-top: 1px solid rgba(0,0,0,.04);
  font-size: 11px;
}
.order-payment span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--muted);
}
.order-payment strong {
  font-size: 18px;
  font-weight: 900;
  color: #111;
  letter-spacing: -.5px;
}
.order-flag {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  line-height: 1;
  font-style: normal;
}
.order-flag.machine {
  background: linear-gradient(135deg, #fff1e8, #ffe8d9);
  color: #c2410c;
  border: 1px solid #fdba74;
}
.order-detail-grid .order-flag { margin-top: 6px; }
.order-card > footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px;
  background: linear-gradient(180deg, #fafafa, #f5f5f5);
  border-top: 1px solid rgba(0,0,0,.04);
}
.order-card > footer button,
.order-card > footer a.advance-order {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  transition: all .2s var(--ease-out);
}
.order-card > footer a.advance-order {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.cancel-order {
  border: 2px solid var(--line);
  color: var(--muted);
  background: white;
}
.cancel-order:hover {
  border-color: #ccc;
  background: #f5f5f5;
}
.advance-order {
  border: 0;
  color: white;
  background: linear-gradient(135deg, var(--red), var(--deep));
  box-shadow: 0 4px 12px rgba(227,24,55,.25);
}
.advance-order:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(227,24,55,.35);
}
.advance-order:active {
  transform: translateY(0);
}
.finished-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.kds-open-link { display:flex; align-items:center; text-decoration:none; }
.pairing-panel { display:grid; grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr); gap:24px; padding:28px; border-radius:22px; color:white; background:linear-gradient(130deg,#18191b,#292a2d); box-shadow:0 14px 30px rgba(0,0,0,.14); }
.pairing-panel small { color:#ff6576; font-size:9px; font-weight:900; letter-spacing:.12em; }.pairing-panel h2{margin:7px 0;font-size:22px}.pairing-panel p{margin:0;color:#aaa;font-size:12px}.pairing-panel form{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.pairing-panel input,.pairing-panel select{width:min(100%,310px);min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);outline:0;background:#fff}.pairing-code-box{display:grid;min-height:150px;place-content:center;justify-items:center;border:1px dashed #4b4c50;border-radius:17px;color:#888}.pairing-code-box>small{margin-bottom:12px}.pairing-code-box>div{display:flex;gap:6px}.pairing-code-box b{display:grid;width:38px;height:48px;place-items:center;border-radius:9px;color:white;font-size:24px;background:#37383c}.pairing-code-box>span{margin-top:10px;font-size:10px}
.devices-section{margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-title h2{font-size:17px}.section-title span{color:var(--muted);font-size:11px}.devices-list{display:grid;gap:8px}.device-row{display:grid;grid-template-columns:45px 1fr auto auto;gap:13px;align-items:center;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:white}.device-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:var(--red);font-size:20px;background:var(--pink)}.device-row>div:nth-child(2){display:grid;gap:3px}.device-row strong{font-size:13px}.device-row span{color:var(--muted);font-size:10px}.device-status{padding:6px 9px;border-radius:99px;font-size:9px;text-transform:uppercase}.device-status.status-active{color:var(--green);background:#eaf7ef}.device-status.status-pairing{color:#a26700;background:#fff4d9}.device-status.status-revoked{color:#777;background:#eee}.device-revoke{padding:7px;border:0;color:var(--red);font-size:9px;font-weight:900;background:transparent}
@media(max-width:800px){.pairing-panel{grid-template-columns:1fr}.pairing-panel form{flex-direction:column}.pairing-panel input{width:100%}}
.whatsapp-connection-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:190px;padding:28px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 9px 26px rgba(0,0,0,.04)}.wa-status-icon{display:grid;width:66px;height:66px;place-items:center;border-radius:20px;color:white;font-size:29px;font-weight:1000;background:#777}.wa-status-icon.connected{background:#22a95b;box-shadow:0 12px 25px rgba(34,169,91,.2)}.wa-status-icon.not_started,.wa-status-icon.disconnected,.wa-status-icon.neutral{color:var(--red);background:var(--pink)}.wa-status-icon.action_required,.wa-status-icon.degraded{background:#e69a18}.wa-status-icon.error{background:var(--red)}.wa-eyebrow{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.13em}.wa-main h2{margin:6px 0;font-size:23px}.wa-main>p{max-width:570px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.wa-number{display:flex;align-items:center;gap:9px;margin-top:15px}.wa-number strong{font-size:12px}.wa-number span{color:var(--muted);font-size:11px}.wa-number b{padding:5px 8px;border-radius:99px;color:#168247;font-size:8px;text-transform:uppercase;background:#e7f7ed}.wa-connect-button{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 17px;border:0;border-radius:12px;color:white;font-size:11px;font-weight:900;background:#20a95a;box-shadow:0 10px 22px rgba(32,169,90,.2)}.wa-connect-button:disabled{opacity:.45}.wa-connect-button span{font-size:18px}.wa-config-warning{margin-top:14px;padding:10px 12px;border-radius:10px;color:#996100;font-size:10px;background:#fff5dc}.whatsapp-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.whatsapp-info-grid article{display:flex;gap:12px;padding:19px;border:1px solid var(--line);border-radius:15px;background:white}.whatsapp-info-grid i{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:9px;color:var(--red);font-size:11px;font-weight:900;font-style:normal;background:var(--pink)}.whatsapp-info-grid div{display:grid;gap:4px}.whatsapp-info-grid strong{font-size:12px}.whatsapp-info-grid span{color:var(--muted);font-size:10px;line-height:1.45}@media(max-width:850px){.whatsapp-connection-card{grid-template-columns:60px 1fr}.wa-actions{grid-column:1/-1}.whatsapp-info-grid{grid-template-columns:1fr}}
.operation-tabs {
  display: flex;
  gap: 8px;
  margin: 0 0 24px;
  padding: 6px;
  overflow: auto;
  background: #f5f3f1;
  border-radius: 18px;
}
.operation-tabs button {
  border: 0;
  background: transparent;
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
  color: var(--muted);
  transition: all .25s var(--ease-out);
}
.operation-tabs button:hover {
  color: var(--ink);
  background: rgba(255,255,255,.6);
}
.operation-tabs button.active {
  background: white;
  color: var(--ink);
  box-shadow: var(--shadow-sm);
}
.operation-status {
  padding: 10px 15px;
  border-radius: 999px;
  background: #eee;
  font-size: 12px;
  font-weight: 800;
}
.operation-status.open {
  background: linear-gradient(135deg, #e1f6ec, #d0f0e0);
  color: #14704d;
}
.operation-status.paused {
  background: linear-gradient(135deg, #fff0c9, #ffe8b0);
  color: #7a5511;
}
.operation-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 22px;
  padding: 28px;
  margin-bottom: 20px;
  box-shadow: var(--shadow-sm);
  transition: all .3s var(--ease-out);
  animation: fadeInUp .5s var(--ease-out) backwards;
}
.operation-card:hover {
  box-shadow: var(--shadow-md);
}

.clickable-card {
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
}
.clickable-card::after {
  content: '→';
  position: absolute;
  top: 28px;
  right: 28px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--muted);
  font-size: 18px;
  background: var(--soft);
  transition: all .25s ease;
}
.clickable-card:hover {
  border-color: var(--line);
  transform: translateY(-2px);
}
.clickable-card:hover::after {
  color: var(--red);
  background: var(--pink);
}
.clickable-card:active {
  transform: scale(.99);
}
.operation-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}
.operation-card h2 {
  font-size: 26px;
  margin: 6px 0;
  letter-spacing: -.5px;
}
.operation-card p {
  color: #716d69;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.operation-card span, .form-kicker {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  font-size: 9px;
  letter-spacing: 1.3px;
  color: #e31837;
  font-weight: 900;
  background: rgba(227,24,55,.08);
}
.operation-card button, .save-admin {
  border: 0;
  background: linear-gradient(135deg, #e31837, #c1102a);
  color: #fff;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(227,24,55,.2);
  transition: all .25s var(--ease-out);
}
.operation-card button:hover, .save-admin:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(227,24,55,.3);
}
.operation-card button:active, .save-admin:active {
  transform: translateY(0);
}.zone-list{display:grid}.zone-row{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:18px;align-items:center;padding:16px 0;border-top:1px solid #eee}.zone-row div strong,.zone-row div span{display:block}.zone-row div span{color:#777;font-size:12px;letter-spacing:0;margin-top:4px}.zone-row.inactive{opacity:.45}.zone-row button{background:#29292c;padding:7px 11px}.zone-row .danger-link{background:transparent;color:#aa1730}.hours-list{display:grid}.hours-row{display:grid;grid-template-columns:110px 92px 1fr 25px 1fr 1fr 25px 1fr;gap:9px;align-items:center;border-top:1px solid #eee;padding:11px 0}.hours-row label{font-size:12px}.hours-row input[type=time],.settings-grid input,.settings-grid select,.pause-grid input,.pause-grid select,.exception-fields input{min-width:0;border:1px solid #ddd7d2;border-radius:9px;padding:10px}.operation-actions{display:flex;justify-content:flex-end;margin-top:20px}.compact-card{display:grid;gap:18px}.exception-fields{display:grid;grid-template-columns:1fr auto 1fr 1fr 1.5fr auto;gap:10px;align-items:center}.exception-fields label,.check-label,.switch-label{display:flex!important;align-items:center;gap:8px;font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.settings-grid>label,.pause-grid>label{display:grid;gap:7px;font-size:12px;font-weight:700}.operation-card hr{border:0;border-top:1px solid #eee;margin:25px 0}.pause-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;align-items:end}.form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-bottom:16px;min-width:0}.form-grid-two>*{min-width:0}.form-grid-two label{display:grid;gap:7px;font-size:12px;font-weight:750}.form-grid-two input,.form-grid-two select,.form-grid-two textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #ddd7d2;border-radius:9px;padding:11px}.admin-toast.error{background:#a71931}@media(max-width:900px){.hours-row{grid-template-columns:90px 80px 1fr 20px 1fr}.hours-row [data-from-two],.hours-row [data-to-two],.hours-row span:nth-of-type(2){display:none}.settings-grid{grid-template-columns:1fr 1fr}.exception-fields{grid-template-columns:1fr 1fr}.pause-grid{grid-template-columns:1fr}.zone-row{grid-template-columns:1fr auto}.zone-row>button{grid-row:2}.operation-card-head{align-items:flex-start}}@media(max-width:560px){.settings-grid,.form-grid-two{grid-template-columns:1fr}.hours-row{grid-template-columns:1fr 80px 1fr 20px 1fr}.zone-row{gap:8px}.operation-card{padding:18px}}
.delivery-admin .page-heading{margin:16px 0 14px}
.delivery-admin .page-heading p{display:none}
.delivery-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.delivery-metrics article{min-width:0}.delivery-metrics strong{font-size:22px}@media(max-width:900px){.delivery-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.delivery-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}
.delivery-layout>.route-builder{grid-column:2;grid-row:1;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;padding:18px 18px 16px}
.delivery-layout>.route-builder h2{font-size:22px;margin:4px 0 6px}
.delivery-stage{grid-column:1;grid-row:1;min-width:0}
.delivery-map{height:min(280px,38vh);position:relative;overflow:hidden;border:1px solid #ddd8d3;border-radius:20px;background:#eee9e2}
@media(max-width:1050px){
  .delivery-layout{grid-template-columns:1fr}
  .delivery-layout>.route-builder{grid-column:1;grid-row:1;position:static;max-height:none}
  .delivery-stage{grid-column:1;grid-row:2}
}.map-grid{position:absolute;inset:0;background-color:#f1eee9;background-image:linear-gradient(#d8d2cb 1px,transparent 1px),linear-gradient(90deg,#d8d2cb 1px,transparent 1px),linear-gradient(30deg,transparent 48%,#ddd7d0 49%,#ddd7d0 51%,transparent 52%);background-size:52px 52px,52px 52px,180px 180px}.map-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:7px;color:#777}.map-empty strong{color:#29292d}.map-pin{position:absolute;z-index:2;transform:translate(-50%,-100%);width:42px;height:48px;border:0;clip-path:polygon(50% 100%,8% 48%,8% 28%,18% 10%,35% 2%,65% 2%,82% 10%,92% 28%,92% 48%);background:#252529;color:#fff;font-size:11px;font-weight:900;cursor:pointer;padding-bottom:11px}.map-pin.selected{background:#e31837;scale:1.15}.map-pin.out_for_delivery{background:#167456}.map-legend{position:absolute;left:14px;bottom:13px;padding:7px 10px;border-radius:8px;background:#fffe;font-size:10px;color:#6f6b67}.delivery-orders{background:#fff;border:1px solid #e5e0dc;border-radius:18px;margin-top:16px;padding:0 18px}.delivery-filter{display:flex;justify-content:space-between;padding:17px 0;font-size:12px}.delivery-filter span{color:#777}.dispatch-order{display:grid;grid-template-columns:28px minmax(0,1.5fr) auto auto;gap:8px 12px;align-items:start;padding:14px 6px;border-top:1px solid #eee}.dispatch-order.selected{background:#fff7f8}.dispatch-order.assigned{opacity:.58}.dispatch-order label{display:flex;gap:8px;align-items:center;font-weight:900}.dispatch-order label input{accent-color:#e31837;width:18px;height:18px}.dispatch-order>div strong,.dispatch-order>div small{display:block}.dispatch-order>div small{color:#777;margin-top:4px}.dispatch-order>button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:8px;cursor:pointer}.expedition-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.expedition-check{display:flex!important;align-items:center;gap:5px;padding:4px 8px;border:1px solid #eee;border-radius:999px;font-size:10px;font-weight:700;color:#555;background:#fafafa}.expedition-check.on{border-color:#cdebd8;color:#167456;background:#eef8f2}.expedition-check input{width:13px;height:13px;accent-color:#e31837}.route-tag{font-size:10px;color:#167456}.route-builder{position:sticky;top:20px;background:#19191c;color:#fff;border-radius:20px;padding:24px}.route-builder h2{font-size:27px;margin:7px 0}.route-builder>p{color:#aaa;line-height:1.5}.builder-stops{display:grid;gap:7px;margin:19px 0;max-height:280px;overflow:auto}.builder-stops>div{display:flex;gap:10px;align-items:center;padding:10px;background:#29292e;border-radius:10px;cursor:grab}.builder-stops i,.route-stops i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e31837;color:#fff;font-style:normal;font-size:11px;flex:none}.builder-stops span{flex:1}.builder-stops strong,.builder-stops small{display:block}.builder-stops small{color:#aaa;margin-top:2px}.builder-stops button{border:0;background:none;color:#aaa;font-size:18px}.builder-empty{color:#888!important;justify-content:center!important;cursor:default!important}.route-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:17px 0}.route-summary div{background:#242428;padding:10px;border-radius:9px}.route-summary span{display:block;color:#888;font-size:9px;letter-spacing:1px}.route-summary strong{display:block;margin-top:5px}.driver-field{display:grid;gap:7px;font-size:11px}.driver-field input,.route-card footer input{border:1px solid #444;background:#242428;color:#fff;padding:11px;border-radius:9px}.create-route{width:100%;border:0;background:#e31837;color:#fff;border-radius:999px;padding:13px;margin-top:14px;font-weight:850}.create-route:disabled{opacity:.4}.active-routes{margin-top:35px}.section-head-admin span{font-size:10px;letter-spacing:1.5px;color:#e31837;font-weight:850}.section-head-admin h2{font-size:27px;margin:5px 0 16px}.route-card{background:#fff;border:1px solid #e4dfda;border-radius:18px;padding:22px;margin-bottom:13px}.route-card>header{display:flex;justify-content:space-between}.route-card header span{font-size:10px;color:#e31837;font-weight:850}.route-card h3{font-size:22px;margin:5px 0}.route-status{padding:7px 10px;border-radius:999px;background:#fff0c9;height:max-content}.route-card.dispatched .route-status{background:#dff5ea;color:#176f4e}.route-stops{display:grid;margin:15px 0}.route-stops>div{display:flex;align-items:center;gap:11px;border-top:1px solid #eee;padding:10px}.route-stops span{flex:1}.route-stops strong,.route-stops small{display:block}.route-stops small{color:#777;margin-top:3px}.route-stops button{border:1px solid #ddd;background:#fff;border-radius:7px}.route-finance{display:flex;gap:18px;flex-wrap:wrap;background:#f6f3ef;border-radius:10px;padding:12px;font-size:12px}.route-card footer{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}.route-card footer input,.route-card footer select{background:#fff;color:#222;border:1px solid #ddd;border-radius:8px;flex:1 1 140px;min-width:0;min-height:34px;margin:0;padding:0 10px;font-size:12px}.route-card footer button{border:0;background:#2a2a2e;color:#fff;border-radius:8px;min-height:34px;padding:0 10px;font-size:11px;font-weight:800;white-space:nowrap}.route-card footer .dispatch-route{background:#e31837}.admin-dialog p{color:#777}@media(max-width:1050px){.delivery-layout{grid-template-columns:1fr}.route-builder{position:static}.route-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.delivery-map{height:220px}.route-summary{grid-template-columns:1fr 1fr}.route-card footer{align-items:stretch;flex-direction:column}.route-card footer input,.route-card footer select,.route-card footer button{width:100%;flex:none}}
.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.crm-metrics article{background:#fff;border:1px solid #e5e1dd;border-radius:15px;padding:18px}.crm-metrics span{display:block;font-size:9px;letter-spacing:1px;color:#777}.crm-metrics strong{display:block;font-size:25px;margin-top:7px}.crm-card{padding:24px}.new-coupon{border:0;background:#e31837;color:#fff;border-radius:999px;padding:11px 16px;font-weight:800}.customer-list{display:grid}.customer-row{display:grid;grid-template-columns:42px minmax(180px,1.5fr) 110px 80px 120px 20px;gap:13px;align-items:center;border:0;border-top:1px solid #eee;background:#fff;text-align:left;padding:14px 5px;cursor:pointer}.customer-row:hover{background:#faf8f5}.customer-row span strong,.customer-row span small{display:block}.customer-row span small{color:#777;margin-top:3px}.customer-avatar{width:38px;height:38px;display:grid;place-items:center;background:#19191c;color:#fff;border-radius:50%;font-weight:900}.segment{font-size:10px;padding:6px 8px;border-radius:999px;background:#eee;text-align:center}.segment.vip{background:#fff0c8;color:#76510a}.segment.recorrente{background:#e0f4ea;color:#156e4d}.coupon-list{display:grid}.coupon-row{display:grid;grid-template-columns:140px 1fr 1fr 1fr auto auto;gap:15px;align-items:center;border-top:1px solid #eee;padding:15px 0}.coupon-row.inactive{opacity:.52}.coupon-row strong,.coupon-row small{display:block}.coupon-row small{color:#777;margin-top:3px}.coupon-code{border:1px dashed #e31837;color:#e31837;padding:9px;border-radius:8px;text-align:center;font-weight:900;letter-spacing:1px}.coupon-row button{border:1px solid #ddd;background:#fff;padding:8px;border-radius:8px}.customer-dialog form{max-height:none;overflow:visible}.customer-dialog>.form-kicker,.customer-dialog form>.form-kicker{display:none}.wide-label{display:grid;gap:7px;font-size:12px;font-weight:800;margin:15px 0}.wide-label textarea{min-height:85px;border:1px solid #ddd;border-radius:9px;padding:10px}.customer-history{border-top:1px solid #eee;margin-top:25px;padding-top:15px}.customer-history h3{font-size:15px;margin-top:18px}.customer-history>a{display:grid;grid-template-columns:1fr auto;gap:5px;color:#222;text-decoration:none;border-top:1px solid #eee;padding:10px 0}.customer-history>a small{grid-column:1/-1;color:#777}.customer-history p{color:#777;font-size:13px}.coupon-days{border:1px solid #eee;border-radius:10px;display:flex;gap:12px;margin:16px 0;padding:13px}.coupon-days legend{font-size:11px;color:#777}.coupon-days label{font-size:11px}@media(max-width:900px){.crm-metrics{grid-template-columns:1fr 1fr}.customer-row{grid-template-columns:42px 1fr 100px}.customer-row>span:nth-child(4),.customer-row>span:nth-child(5){display:none}.coupon-row{grid-template-columns:110px 1fr 1fr}.coupon-row>div:nth-child(4){display:none}}@media(max-width:560px){.customer-row{grid-template-columns:40px 1fr}.customer-row .segment,.customer-row>span:last-child{display:none}.coupon-row{grid-template-columns:1fr 1fr}.crm-metrics{gap:8px}.crm-metrics article{padding:13px}.crm-metrics strong{font-size:19px}.coupon-days{flex-wrap:wrap}}

.morddi-placeholder{width:42px;height:42px;color:var(--red);fill:none;stroke:currentColor}
.health-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.health-row article{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:white}
.health-row span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.health-row strong{display:block;margin-top:8px;font-size:16px}
.health-row #store-chip[data-status="open"]{color:var(--green)}
.health-row #store-chip[data-status="paused"]{color:#a26700}
.health-row #store-chip[data-status="closed"]{color:#8a8a90}
.health-row #store-chip-hint{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.health-row #store-chip-hint:empty{display:none}
.health-diagnostics{display:grid;gap:8px;margin-top:12px}
.health-diagnostics[hidden]{display:none}
.diag-item{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink)}
.diag-item strong,.diag-item span{display:block}
.diag-item span{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}
.diag-item.warn{border-color:#f0d9a0;background:#fff9ee}
.diag-item.critical{border-color:#f0c4c4;background:#fff4f4}
.kitchen-predictive{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.quick-actions{margin-top:16px;padding:20px 23px;border:1px solid var(--line);border-radius:18px;background:white}
.quick-actions>strong{display:block;margin-bottom:12px;font-size:13px}
.quick-action-buttons{display:flex;flex-wrap:wrap;gap:8px}
.quick-actions a{display:inline-flex;align-items:center;text-decoration:none}
.quick-actions [data-pause].is-active{border-color:#e31837;background:#e31837;color:#fff;box-shadow:0 0 0 3px rgba(227,24,55,.14)}
.pause-banner{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px solid #f0d9a0;border-radius:14px;background:#fff6e4;color:#7a5511}
.pause-banner[hidden]{display:none}
.pause-banner small{display:block;color:#c47a00;font-size:9px;font-weight:900;letter-spacing:.12em}
.pause-banner strong{display:block;margin:4px 0 2px;color:#7a3b00;font-size:28px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pause-banner span{display:block;color:#8a5a00;font-size:12px;line-height:1.4;font-weight:700}
.pause-banner.is-indefinite strong{font-size:22px}
.team-row{display:grid;grid-template-columns:42px minmax(180px,1.6fr) 140px 90px auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;background:white}
.team-row.inactive{opacity:.55}
.team-row small{display:block;margin-top:3px;color:var(--muted)}
.team-actions{display:flex;gap:8px}
.team-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:white;font-size:11px;font-weight:800}
.driver-hint{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.route-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.route-suggestions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}
.route-suggestions button:hover{border-color:#e31837;color:#e31837}
.crm-card .card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.crm-card .card-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}
.crm-card .card-head small{display:block;color:#e31837;font-size:10px;font-weight:900;letter-spacing:.12em}
.crm-list-count{color:#8a8580;font-size:12px;font-weight:800;white-space:nowrap}
.crm-search{position:relative;display:block;margin:0 0 14px}
.crm-search svg{position:absolute;top:50%;left:16px;width:18px;height:18px;color:#9a9590;transform:translateY(-50%);pointer-events:none}
.crm-search input{width:100%;min-height:48px;padding:0 46px 0 46px;border:1px solid #eee8e3;border-radius:16px;outline:0;background:#f7f4f1;font-size:15px}
.crm-search input::placeholder{color:#9a9590}
.crm-search input::-webkit-search-cancel-button{display:none}
.crm-search input:focus{border-color:#ff9aaa;background:#fff;box-shadow:0 0 0 4px rgba(227,24,55,.12)}
.crm-search-clear{position:absolute;top:50%;right:10px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:#e8e4df;color:#555;font-size:18px;line-height:1;transform:translateY(-50%);cursor:pointer}
.crm-search-clear:hover{background:#ddd8d2;color:#111}
.crm-search-clear[hidden]{display:none}
.crm-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.crm-filters button{border:1px solid #e5e1dd;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}
.crm-filters button.active{background:#19191c;color:#fff;border-color:#19191c}
.crm-filters .tag-filter{border-style:dashed}
.crm-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.crm-intel-card{min-width:0;padding:18px;border:1px solid #eee8e3;border-radius:16px;background:#faf8f5}
.crm-intel-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.crm-intel-card header span{color:#e31837;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.crm-intel-card header button{flex:none;border:0;background:none;color:#e31837;font-size:12px;font-weight:800;cursor:pointer}
.crm-intel-card>p{margin:8px 0 14px;color:#555;font-size:13px;line-height:1.45}
.crm-intel-people{display:grid;gap:8px}
.crm-intel-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.crm-intel-person>button{border:0;padding:0;background:none;text-align:left;cursor:pointer}
.crm-intel-person strong,.crm-intel-person small{display:block}
.crm-intel-person small{margin-top:2px;color:#777;font-size:11px}
.crm-intel-offer{display:inline-flex;align-items:center;margin:0 0 12px;padding:6px 10px;border-radius:999px;border:1px solid #eadfd6;background:#fff;color:#19191c;font-size:12px;font-weight:800}
.crm-intel-offer button{border:0;background:none;padding:0;color:#e31837;font-size:12px;font-weight:800;cursor:pointer}
.crm-intel-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.crm-wa{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;color:#fff;font-size:11px;font-weight:800;text-decoration:none;background:#128c7e}
.crm-mark{border:1px solid #e5e1dd;background:#fff;border-radius:999px;padding:0 10px;min-height:34px;font-size:11px;font-weight:800;cursor:pointer;color:#555}
.crm-next-action{display:grid;gap:12px;margin:4px 0 18px;padding:16px;border:1px solid #cfe8e2;border-radius:18px;background:#f3fbf8}
.crm-next-action span{color:#0f6b5c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.crm-next-action p{margin:8px 0 0;padding:12px 14px;border-radius:4px 16px 16px 16px;color:#1c3d37;font-size:14px;line-height:1.45;background:#fff;box-shadow:0 1px 0 #e4eeea}
.crm-next-action .crm-wa{justify-content:center;min-height:44px;width:100%}
.crm-profile-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;margin:4px 0 16px;padding-right:40px}
.crm-profile-avatar{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#fff;font-size:16px;font-weight:900;letter-spacing:.02em;background:#19191c}
.crm-profile-head small{display:block;margin-bottom:3px;color:#e31837;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.crm-profile-head h2{margin:0;font-size:22px;letter-spacing:-.03em;line-height:1.15}
.crm-profile-head p{margin:6px 0 0}
.crm-profile-head a{color:#555;font-size:13px;font-weight:700;text-decoration:none}
.crm-profile-head a:hover{color:#e31837}
.crm-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.crm-profile-stats article{padding:12px 12px 11px;border:1px solid #eee8e3;border-radius:14px;background:#faf8f5}
.crm-profile-stats span{display:block;color:#888;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.crm-profile-stats strong{display:block;margin-top:5px;font-size:16px;letter-spacing:-.02em}
.crm-profile-block{margin:0 0 18px}
.crm-profile-block h3{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#888}
.customer-dialog .tag-chip{position:relative;padding:8px 12px}
.customer-dialog .tag-chip input{position:absolute;opacity:0;width:0;height:0}
.customer-dialog .crm-consent{min-height:44px;margin:0;padding:10px 12px;border:1px solid #eee8e3;border-radius:12px;background:#faf8f5}
.crm-profile-foot{position:sticky;bottom:0;z-index:2;margin:8px -4px 0;padding:12px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)}
.crm-profile-foot .save-admin{margin-top:0}
.crm-profile-foot .lgpd-actions{justify-content:center;margin-top:8px}
.crm-profile-foot .lgpd-actions .secondary-admin{min-height:36px;padding:0 12px;font-size:12px}
@media(max-width:760px){.crm-intel-grid{grid-template-columns:1fr}}
.tag-picker{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px;padding:0;border:0}
.tag-picker legend{width:100%;margin:0 0 2px;font-size:12px;font-weight:800}
.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e1dd;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;background:#fff}
.tag-chip input{width:14px;height:14px;accent-color:#e31837}
.tag-chip.on{border-color:#19191c;background:#19191c;color:#fff}
.tag-picker-hint{width:100%;margin:2px 0 0;color:#777;font-size:12px;font-weight:600;line-height:1.45}
.tag-link{display:inline;padding:0;border:0;background:none;color:#e31837;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}
.tag-link:hover{color:#c10f28}
.customer-tag{display:inline;color:#e31837;font-weight:800}
.segment.inativo{background:#f3eee8;color:#6b5c4c}
.segment.aniversario{background:#fde8ef;color:#c2185b}
.segment.alto-ticket{background:#e8f4f1;color:#1b6b54}
.segment.abandonou{background:#fff4d6;color:#8a5a00}
.lgpd-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.field-hint{display:block;margin:-6px 0 12px;color:var(--muted);font-size:11px}
.store-prices{display:grid;gap:10px;margin:12px 0 4px;padding:12px;border:1px solid #eee;border-radius:12px;background:#faf8f5}
.store-prices>strong{font-size:12px}
.store-prices .two-fields{margin:0}
.route-builder select{width:100%;min-height:42px;margin:0 0 8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:white}
.map-pin.approx{background:#8a7f74}
.delivery-leaflet{position:absolute;inset:0;z-index:1}
.delivery-map .leaflet-container{width:100%;height:100%;background:#eee9e2;font-family:inherit}
.delivery-map .leaflet-div-icon{background:transparent;border:0}
.delivery-map .leaflet-control-attribution{font-size:10px}
.street-pin{position:relative;width:40px;height:52px;border:0;background:transparent;cursor:pointer;line-height:1}
.street-pin svg{display:block;width:40px;height:52px;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.street-pin path{fill:#1c1c20;stroke:#fff;stroke-width:1.4;paint-order:stroke fill}
.street-pin.selected path{fill:#e31837}
.street-pin.out_for_delivery path{fill:#167456}
.street-pin.approx path{fill:#8a7f74}
.street-pin span{position:absolute;top:2px;left:0;right:0;height:32px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;pointer-events:none}
.street-pin.wide span{font-size:10px;letter-spacing:-.04em}
.map-banner{position:absolute;z-index:500;left:12px;right:12px;top:12px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.94);color:#555;font-size:12px;line-height:1.4;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.map-banner[hidden]{display:none}
#coordinate-form [data-geocode-order]{margin-bottom:10px;background:#252529}
@media(max-width:900px){.health-row,.metric-grid-wide{grid-template-columns:1fr 1fr}.team-row{grid-template-columns:42px 1fr auto}.team-row .segment,.team-row>span:nth-child(4){display:none}}
.operation-status.soon{background:#fff0c9;color:#7a5511}
.exception-list{display:grid;margin-top:6px;border-top:1px solid #eee}
.exception-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}
.exception-list strong{display:block;font-size:14px}
.exception-list span{color:#777;font-size:12px;letter-spacing:0}
.exception-list .danger-link{background:transparent;color:#aa1730;padding:7px 11px}
.sound-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 2px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: all .2s var(--ease-out);
}
.sound-toggle:hover { border-color: #ccc; background: #fafafa; }
.sound-toggle.on {
  border-color: var(--red);
  color: var(--red);
  background: linear-gradient(135deg, var(--pink), #fff0f2);
  box-shadow: 0 4px 12px rgba(227,24,55,.12);
}
.page-heading .heading-actions{align-items:center}
.order-fresh {
  animation: orderFreshPulse 1s ease-in-out 5;
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(227,24,55,.2), var(--shadow-md) !important;
}
@keyframes orderFreshPulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(227,24,55,.2), var(--shadow-md); transform: scale(1); }
  50% { box-shadow: 0 0 0 8px rgba(227,24,55,.1), 0 0 20px rgba(227,24,55,.15); transform: scale(1.01); }
}
.order-card { cursor: pointer; }
.order-card.is-warning {
  border-color: rgba(245,158,11,.3);
  box-shadow: 0 0 0 3px rgba(245,158,11,.12), var(--shadow-sm);
  background: linear-gradient(180deg, #fffbeb, #fff);
}
.order-card.is-late {
  border-color: rgba(227,24,55,.25);
  box-shadow: 0 0 0 3px rgba(227,24,55,.1), var(--shadow-sm);
  background: linear-gradient(180deg, #fff5f5, #fff);
  animation: orderPulse 1.5s ease infinite;
}
.order-priority {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  padding: 5px 10px;
  border-radius: 99px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.order-priority::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.order-priority.normal {
  background: linear-gradient(135deg, #eaf7ef, #d1fae5);
  color: var(--green);
}
.order-priority.normal::before { background: var(--green); }
.order-priority.warning {
  background: linear-gradient(135deg, #fff4d9, #fef3c7);
  color: #a26700;
}
.order-priority.warning::before { background: #f59e0b; }
.order-priority.late {
  background: linear-gradient(135deg, var(--pink), #fee2e2);
  color: var(--red);
  animation: orderPulse 1.5s ease infinite;
}
.order-priority.late::before { background: var(--red); }
.order-priority.done {
  background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
  color: #6b7280;
}
.order-priority.done::before { background: #9ca3af; }
.order-detail-dialog{width:min(calc(100vw - 24px),560px)}
.order-detail{padding:22px}
.order-detail>header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}
.order-detail h2{margin:4px 0}
.order-detail p{margin:0;color:var(--muted);font-size:12px}
.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.order-detail-grid article{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.order-detail-grid span,.order-detail-grid small{color:var(--muted);font-size:11px}
.order-detail-items{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.order-detail-items li{display:flex;gap:10px}
.order-detail-items small,.order-detail-items em{display:block;color:var(--muted);font-size:11px;font-style:normal}
.order-timeline{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.order-timeline>span{font-size:9px;letter-spacing:.12em;color:var(--red);font-weight:900}
.order-event{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.order-event span{color:var(--muted)}
.order-detail>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
@media(max-width:560px){.order-detail-grid{grid-template-columns:1fr}}
.form-hint{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.45}
.kitchen-head{margin:8px 0 12px}.kitchen-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.kitchen-metrics article{background:#f7f4f1;border-radius:14px;padding:14px}.kitchen-metrics span{display:block;margin-bottom:6px}.kitchen-metrics strong{font-size:20px}.kitchen-history{margin:12px 0 0;display:grid;gap:8px}.kitchen-history article{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#716d69}
.store-switcher{max-width:180px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;font-weight:800}
.store-access{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;display:grid;gap:8px}
.store-access legend{font-size:11px;font-weight:800}
.order-detail-items li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}

.admin-main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),
.admin-main select,
.admin-main textarea,
.login-card input {
  color: var(--ink);
  background-color: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: 0;
  box-shadow: none;
}
.admin-main textarea,
.login-card input,
.admin-main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=date]):not([type=time]) {
  appearance: none;
  -webkit-appearance: none;
}
.admin-main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):focus,
.admin-main select:focus,
.admin-main textarea:focus,
.login-card input:focus {
  border-color: #ff9aaa;
  box-shadow: var(--focus);
}
.admin-main input[type=date],
.admin-main input[type=time] {
  min-height: var(--control-h);
  padding: 0 12px;
  color-scheme: light;
}
.admin-main .pairing-panel input,
.admin-main .pairing-panel select {
  color: var(--ink);
  background-color: #fff;
  background-image: none;
  border-color: var(--line);
}
.admin-main .pairing-panel input::placeholder {
  color: #8a8682;
  opacity: 1;
}
.admin-main .pairing-panel option {
  color: var(--ink);
  background: #fff;
}
.print-mode-card input,
.print-mode-card select,
.driver-field input,
.route-builder input {
  color: #fff;
  background-color: #242428;
  background-image: none;
  border-color: #444;
}
.print-mode-card select { background-color: #26262b; border-color: #48484e; }
.pairing-panel input:focus,
.print-mode-card select:focus,
.driver-field input:focus {
  border-color: #ff8ea0;
  box-shadow: 0 0 0 3px rgba(227,24,55,.22);
}

.heading-actions { flex: 0 1 auto; }
.health-row article,
.crm-metrics article,
.operation-card,
.quick-actions,
.catalog-toolbar,
.catalog-bulk,
.whatsapp-connection-card,
.whatsapp-info-grid article,
.device-row,
.admin-product-row,
.team-row {
  box-shadow: var(--shadow);
}
.crm-metrics span,
.health-row span,
.report-metrics span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #8a8a90;
}
.section-head-admin span,
.page-heading > div:first-child > span {
  letter-spacing: .14em;
}
.section-head-admin h2 { margin: 6px 0 14px; font-size: 20px; letter-spacing: -.02em; }
.sidebar > button:hover { border-color: #d4d1cd; background: var(--soft); }
@media (max-width: 760px) {
  .sidebar {
    position: sticky;
    top: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "brand logout" "nav nav";
    align-items: center;
    gap: 10px 12px;
    width: 100%;
    height: auto;
    padding: 12px 16px 10px;
    overflow: visible;
  }
  .sidebar .admin-brand { grid-area: brand; }
  .sidebar nav {
    display: flex;
    flex-direction: row;
    flex: none;
    grid-area: nav;
    gap: 16px;
    margin-top: 0;
    overflow-x: auto;
    padding: 0 0 2px;
    align-items: flex-start;
    scrollbar-width: none;
  }
  .sidebar nav::-webkit-scrollbar { display: none; }
  .sidebar .nav-group { flex: none; width: 168px; }
  .sidebar .nav-group ul { display: flex; flex-direction: column; }
  .sidebar .nav-group-label { padding: 2px 12px 4px; }
  .sidebar nav a { width: 100%; padding: 8px 12px; }
  .sidebar > button {
    grid-area: logout;
    width: auto;
    margin: 0;
    min-height: 38px;
    padding: 8px 14px;
  }
  .admin-main { margin-left: 0; }
}

.form-grid-two .check-label {
  display: flex !important;
  align-items: center;
  align-self: end;
  min-height: 44px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
}
.admin-dialog .form-grid-two label { margin-bottom: 0; }
.admin-dialog p { max-width: 100%; overflow-wrap: anywhere; }

.operation-admin,
.operation-card,
.hours-list,
.hours-row,
.settings-grid,
.pause-grid,
.exception-fields,
.kitchen-metrics {
  min-width: 0;
}
.operation-card h2,
.operation-card p {
  overflow-wrap: anywhere;
}
.hours-row {
  grid-template-columns: minmax(120px, 150px) minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 14px;
  align-items: center;
}
.hours-day {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.hours-day strong {
  font-size: 13px;
}
.hours-period {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.hours-period span {
  color: #716d69;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.hours-row input[type=time],
.hours-period input[type=time],
.exception-fields input,
.settings-grid input,
.settings-grid select,
.pause-grid input,
.pause-grid select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.hours-row [data-from-two],
.hours-row [data-to-two] {
  display: block;
}
.switch-label {
  flex: none;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .hours-row,
  .hours-row[data-day] {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px 0;
  }
  .hours-row [data-from-two],
  .hours-row [data-to-two] {
    display: block;
  }
  .hours-period-extra::before {
    content: "2º período (opcional)";
    display: block;
    grid-column: 1 / -1;
    color: #8a8682;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .settings-grid,
  .exception-fields,
  .pause-grid {
    grid-template-columns: 1fr;
  }
  .exception-fields button,
  .operation-actions button {
    width: 100%;
  }
  .operation-card-head {
    flex-direction: column;
    align-items: stretch;
  }
  .kitchen-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .operation-card {
    padding: 16px;
  }
  .hours-period {
    gap: 6px;
  }
  .hours-row input[type=time],
  .hours-period input[type=time],
  .exception-fields input[type=date],
  .exception-fields input[type=time],
  .settings-grid input,
  .settings-grid select,
  .pause-grid input,
  .pause-grid select {
    min-height: 44px;
    font-size: 16px;
  }
  .kitchen-metrics {
    grid-template-columns: 1fr;
  }
}

input[data-money] {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.order-internal-note { margin: 12px 0; padding: 11px 13px; border-radius: 10px; background: #fff7df; color: #5e4a16 !important; font-size: 12px; }

.dispatch-order {
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  grid-template-areas:
    "pick who money action"
    ". checks checks checks";
  align-items: start;
  column-gap: 12px;
  row-gap: 8px;
  padding: 14px 6px;
}
.dispatch-order.selected {
  margin: 0 -6px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 12px;
}
.dispatch-pick {
  grid-area: pick;
  display: grid;
  place-items: start center;
  padding-top: 4px;
  font-weight: 900;
}
.dispatch-pick input {
  margin: 0;
}
.dispatch-who {
  grid-area: who;
  min-width: 0;
}
.dispatch-order > .dispatch-who strong {
  display: block;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dispatch-who strong span {
  margin-right: 4px;
  color: #e31837;
}
.dispatch-order > .dispatch-who small {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin-top: 4px;
  color: #777;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}
.dispatch-money {
  grid-area: money;
  grid-column: auto;
  padding-top: 1px;
  text-align: right;
  white-space: nowrap;
}
.dispatch-money strong,
.dispatch-money small {
  display: block;
}
.dispatch-money small {
  margin-top: 4px;
  color: #777;
  font-size: 12px;
}
.dispatch-actions {
  grid-area: action;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-self: start;
}
.dispatch-actions button {
  min-height: 36px;
  padding: 8px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  white-space: nowrap;
}
.dispatch-actions .dispatch-label-button { border-color:#f2b4be; color:var(--red); font-weight:850; background:#fff5f7; }
.route-stops .route-label-button { min-height:30px; padding:0 8px; border-color:#f2b4be; color:var(--red); font-size:10px; font-weight:850; background:#fff5f7; }
.expedition-checks {
  grid-area: checks;
  margin-top: 2px;
}
.dispatch-order .expedition-check {
  font-weight: 700;
}
.dispatch-order .route-tag {
  grid-column: 2;
  align-self: start;
}
.route-stops > div .expedition-checks {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 4px 0 2px;
}
.route-stops .expedition-check {
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 700px) {
  .dispatch-order {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas:
      "pick who action"
      "pick money money"
      ". checks checks";
  }
  .dispatch-money {
    grid-column: auto;
    text-align: left;
    white-space: normal;
  }
  .dispatch-order > .dispatch-who strong {
    white-space: normal;
  }
}

.order-driver {
  display: block;
  margin-top: 7px;
  color: #176f4e !important;
  font-weight: 800;
}
.driver-settlement-panel {
  margin: 24px 0;
  padding: 20px;
  border: 1px solid #e5e0dc;
  border-radius: 16px;
  background: #faf9f7;
}
#driver-settlements {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.driver-settlement-card {
  padding: 16px;
  border: 1px solid #ded9d3;
  border-radius: 14px;
  background: #fff;
}
.driver-settlement-card > header,
.driver-settlement-card li,
.driver-settlement-totals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.driver-settlement-card header small,
.driver-settlement-card header strong {
  display: block;
}
.driver-settlement-card header small {
  color: #777;
  font-size: 9px;
  letter-spacing: .12em;
}
.driver-settlement-totals {
  flex-wrap: wrap;
  margin: 12px 0;
  padding: 10px;
  border-radius: 10px;
  background: #f2efeb;
  font-size: 12px;
}
.driver-settlement-card ul {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.driver-settlement-card li {
  padding: 8px 0;
  border-top: 1px solid #eee;
  font-size: 12px;
}
.driver-settlement-card li span { flex: 1; }
.driver-settlement-card li small { color: #777; }

.module-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 18px 0 22px;
}
.module-setting-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 1px solid #e5e0dc;
  border-radius: 14px;
  background: #faf9f7;
  cursor: pointer;
}
.module-setting-card span,
.module-setting-card strong,
.module-setting-card small { display: block; }
.module-setting-card small {
  margin-top: 5px;
  color: #777;
  line-height: 1.4;
}
.module-setting-card input {
  width: 22px;
  height: 22px;
  flex: none;
  accent-color: #e31837;
}

.inventory-grid,.supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.inventory-card,.supplier-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.inventory-card.low{border-color:#efb1b9;background:#fffafb}.inventory-card>div,.inventory-card dl,.receipt-row,.receipt-item,.receipt-summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.inventory-card h3,.supplier-card h3{margin:5px 0}.inventory-card>strong{display:block;margin:22px 0 16px;font-size:25px}.inventory-card>strong small{font-size:11px;color:var(--muted)}.inventory-card dl{margin:0;padding-top:12px;border-top:1px solid var(--line)}.inventory-card dt,.inventory-card dd{font-size:10px;margin:0}.inventory-card dt{color:var(--muted)}.inventory-warning{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:99px;background:#ffe1e5;color:#a20e21;font-size:9px;font-weight:800}.supplier-card p,.supplier-card span{color:var(--muted);font-size:12px}.receipt-list{display:grid;gap:10px}.receipt-row{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left;cursor:pointer}.receipt-row:hover{border-color:#c9c2bb}.receipt-row>div{display:grid;gap:4px}.receipt-row>div:last-child{text-align:right;justify-items:end}.receipt-row small,.receipt-row span,.receipt-item small,.receipt-item span{color:var(--muted);font-size:10px}.inventory-status{width:max-content;padding:5px 8px;border-radius:99px;background:#fff0ce;color:#795300;font-size:9px;font-weight:900;text-transform:uppercase}.inventory-status.confirmed{background:#dff4e6;color:#176b36}.inventory-receipt-dialog{width:min(900px,calc(100vw - 24px))}.inventory-receipt-dialog>div{padding:26px}.receipt-summary{margin:16px 0;padding:14px;border-radius:12px;background:#f7f5f2}.receipt-items{display:grid;gap:10px;margin:16px 0}.receipt-item{padding:14px;border:1px solid var(--line);border-radius:12px}.receipt-item>div:first-child{display:grid;gap:4px}.receipt-map{display:grid;grid-template-columns:minmax(150px,1fr) 100px auto;align-items:end;gap:8px}.receipt-map label{font-size:9px}.receipt-map select,.receipt-map input{width:100%;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}@media(max-width:760px){.receipt-item{align-items:stretch;flex-direction:column}.receipt-map{grid-template-columns:1fr}.receipt-row{align-items:flex-start}.inventory-admin .heading-actions{width:100%}}
.inventory-settings{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(170px,auto) auto;gap:14px;align-items:end;margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.inventory-settings h3,.inventory-settings p{margin:4px 0}.inventory-settings p{color:var(--muted);font-size:11px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.recipe-card{display:grid;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.recipe-card h3{margin:4px 0}.recipe-card span{color:var(--muted);font-size:11px}.recipe-components{display:grid;gap:8px}.recipe-component{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) 120px 90px 34px;gap:8px;align-items:end;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.recipe-component .dialog-x{position:static;width:34px;height:38px}@media(max-width:900px){.inventory-settings{grid-template-columns:1fr 1fr}.recipe-component{grid-template-columns:1fr 1fr}.recipe-component label:first-child{grid-column:1/-1}}@media(max-width:600px){.inventory-settings,.recipe-component{grid-template-columns:1fr}}
.inventory-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.inventory-metrics article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.inventory-metrics small,.inventory-metrics strong{display:block}.inventory-metrics strong{margin-top:8px;font-size:22px}.movement-list{display:grid;gap:8px}.movement-list article{display:grid;grid-template-columns:minmax(200px,1fr) 130px minmax(180px,auto);align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#fff}.movement-list article>div{display:grid;gap:3px}.movement-list article>div:last-child{text-align:right}.movement-list small,.movement-list span{color:var(--muted);font-size:10px}.movement-list b{text-align:right}.movement-list .negative{color:#b11a2d}.movement-list .positive{color:#19713b}.count-start{margin-bottom:14px}.count-active{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.count-active h2,.count-active p{margin:5px 0}.count-items{display:grid;gap:8px;margin:18px 0}.count-item{display:grid;grid-template-columns:minmax(200px,1fr) 140px auto;align-items:end;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px}.count-item>div{display:grid;gap:4px}.count-item small{color:var(--muted)}.count-item input{min-height:40px;padding:8px;border:1px solid var(--line);border-radius:9px}@media(max-width:760px){.inventory-metrics{grid-template-columns:1fr}.movement-list article,.count-item{grid-template-columns:1fr}.movement-list article>div:last-child,.movement-list b{text-align:left}}
.payable-list{display:grid;gap:10px}.payable-card{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:18px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.payable-card.overdue{border-color:#efb1b9;background:#fffafb}.payable-card>div{display:grid;gap:5px}.payable-card>div:last-child{justify-items:end;text-align:right}.payable-card h3{margin:0}.payable-card small,.payable-card span{color:var(--muted);font-size:10px}.payable-card.overdue>div:first-child small{color:#a20e21;font-weight:900}.receipt-link{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:8px;margin:14px 0}.receipt-link select,.receipt-finance input[type=date]{min-height:40px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}.receipt-finance{display:flex;align-items:end;gap:16px;margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:#faf9f7}.receipt-finance label{display:grid;gap:6px;font-size:10px}.receipt-finance .check-label{display:flex;align-items:center;min-height:40px}.receipt-finance .check-label input{width:18px;height:18px;accent-color:#e31837}@media(max-width:760px){.payable-card,.receipt-link{grid-template-columns:1fr}.payable-card>div:last-child{justify-items:start;text-align:left}.receipt-finance{align-items:stretch;flex-direction:column}}
.payable-metrics{grid-template-columns:repeat(4,1fr)}.quotation-list{display:grid;gap:14px}.quotation-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.quotation-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.quotation-card h3{margin:5px 0;font-size:14px}.quotation-card small,.quotation-card span,.quotation-empty{color:var(--muted);font-size:10px}.quote-comparison{display:grid;gap:8px;margin:16px 0}.quote-option{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px}.quote-option.selected{border-color:#e31837;background:#fff8f9}.quote-option>div{display:grid;gap:4px}.quote-option>div:last-child{justify-items:end}.quotation-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.quote-cost-row{display:grid;grid-template-columns:minmax(220px,1fr) 160px;align-items:end;gap:12px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.quote-cost-row>div{display:grid;gap:4px}.quote-cost-row small{color:var(--muted)}@media(max-width:900px){.payable-metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){.payable-metrics,.quote-option,.quote-cost-row{grid-template-columns:1fr}.quotation-card>header,.quotation-card>footer{align-items:stretch;flex-direction:column}.quote-option>div:last-child{justify-items:start}}
.procurement-automation{display:grid;gap:12px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#faf9f7}.procurement-automation form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;align-items:end;gap:10px}.procurement-automation #replenishment-rule-form{grid-template-columns:minmax(180px,1fr) 150px 160px auto auto}.replenishment-rule-list{display:flex;flex-wrap:wrap;gap:7px}.replenishment-rule-list span{padding:6px 9px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:10px}.supplier-performance{display:grid;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:900px){.procurement-automation form,.procurement-automation #replenishment-rule-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.procurement-automation form,.procurement-automation #replenishment-rule-form{grid-template-columns:1fr}}
.bank-account-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.bank-account-strip span{padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:10px}.bank-transaction-list select{max-width:220px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff}.bank-transaction-list article>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px}@media(max-width:760px){.bank-transaction-list article>div:last-child{align-items:flex-start;justify-content:flex-start;flex-direction:column}}
.fiscal-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.fiscal-filters .form-grid-two{grid-template-columns:repeat(3,minmax(150px,1fr));margin:0}.fiscal-filters .heading-actions{display:flex;gap:8px;align-items:center}.fiscal-filters .heading-actions .save-admin{min-height:var(--control-h)}.queue-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.queue-summary article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.queue-summary span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.queue-summary strong{display:block;margin-top:7px;font-size:27px}.queue-summary small{display:block;margin-top:4px;color:var(--muted)}.compact-list{display:grid;gap:10px}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:13px}.compact-row strong,.compact-row small{display:block}.compact-row small{margin-top:4px;color:var(--muted)}.compact-row .field-error{color:#a71931}.compact-row>div:last-child{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.compact-row .secondary-admin{min-height:34px;padding:0 11px;font-size:11px}.operation-card code{overflow-wrap:anywhere}@media(max-width:900px){.fiscal-filters{grid-template-columns:1fr}.fiscal-filters .form-grid-two{grid-template-columns:1fr 1fr}.queue-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fiscal-filters .form-grid-two,.queue-summary{grid-template-columns:1fr}.fiscal-filters .heading-actions,.compact-row{display:grid;grid-template-columns:1fr}.compact-row>div:last-child{justify-content:flex-start}}
.result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.result-summary article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.result-summary span,.result-summary strong,.result-summary small{display:block}.result-summary span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.result-summary strong{margin-top:7px;font-size:22px}.result-summary small{margin-top:4px;color:var(--muted);font-size:10px}.result-warning{margin-bottom:18px;padding:16px 18px;border:1px solid #f0c77b;border-radius:14px;background:#fff9e9}.result-warning p{margin:5px 0 0;color:#725313}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-table{display:grid;margin-top:16px}.result-table>div{display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.result-table span{color:var(--muted);font-size:10px;letter-spacing:0}.result-table b{text-align:right}.result-method p+p{margin-top:8px}@media(max-width:1100px){.result-summary{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr}}@media(max-width:650px){.result-summary{grid-template-columns:1fr}.result-table>div{grid-template-columns:1fr 1fr}.result-table>div strong,.result-table>div b{grid-column:1/-1;text-align:left}}
.certificate-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.certificate-steps>label{display:grid;gap:7px;font-size:12px}.certificate-steps input[type=file],.certificate-steps input[type=password],.certificate-steps input[type=text]{width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.certificate-steps small{color:var(--muted)}.certificate-submit{display:grid;gap:8px;justify-items:end}.certificate-feedback{margin:18px 0 12px;padding:13px 15px;border-radius:12px;background:#f7f5f3;color:#3d3936;font-size:13px}.fiscal-certificate-card .field-hint{margin:0}@media(max-width:900px){.certificate-steps{grid-template-columns:1fr 1fr}.certificate-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}}@media(max-width:560px){.certificate-steps{grid-template-columns:1fr}.certificate-submit{grid-column:auto;display:grid;justify-items:stretch}.certificate-submit .check-label{margin-bottom:4px}.certificate-submit button{width:100%}}
.cash-command-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}
.cash-command-summary article {
  padding: 20px;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow-sm);
  transition: all .3s var(--ease-out);
}
.cash-command-summary article:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.cash-command-summary span, .cash-command-summary strong { display: block; }
.cash-command-summary span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1px;
}
.cash-command-summary strong {
  margin-top: 8px;
  font-size: 28px;
  letter-spacing: -.5px;
  background: linear-gradient(135deg, var(--ink), #555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cash-command-nav {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  overflow: auto;
}
.cash-command-nav a {
  padding: 10px 16px;
  border: 2px solid var(--line);
  border-radius: 99px;
  background: #fff;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  transition: all .2s ease;
}
.cash-command-nav a:hover {
  border-color: var(--red);
  color: var(--red);
  background: var(--pink);
}
.cash-counter-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.cash-counter-card h2, .cash-counter-card p { margin: 6px 0; }

.cash-table-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.cash-table-card {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 18px;
  background: linear-gradient(135deg, #faf9f7, #f5f3f1);
  box-shadow: var(--shadow-sm);
  transition: all .3s var(--ease-out);
}
.cash-table-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.cash-table-card.busy {
  border-color: rgba(227,24,55,.15);
  background: linear-gradient(135deg, #fffafb, #fff5f6);
}
.cash-table-card.check {
  border-color: rgba(232,180,83,.3);
  background: linear-gradient(135deg, #fff9e9, #fff5dc);
  animation: pulse 2s ease infinite;
}
.cash-table-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.cash-table-card header strong, .cash-table-card header small { display: block; }
.cash-table-card header span {
  padding: 6px 10px;
  border-radius: 99px;
  background: #eee;
  color: #555;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0;
}
.cash-table-card.check header span {
  background: linear-gradient(135deg, #ffe7b6, #ffd980);
  color: #795300;
}
.cash-table-card p { margin: 0; color: var(--muted); font-size: 12px; }
.cash-table-card > b { font-size: 24px; letter-spacing: -.5px; }
.cash-table-card button {
  justify-self: start;
  border-radius: 10px;
  font-size: 12px;
  transition: all .2s ease;
}
.cash-table-card button:hover {
  transform: translateY(-1px);
}

.cash-driver-strip {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  overflow: auto;
  padding-bottom: 4px;
}
.cash-driver-strip article {
  min-width: 180px;
  padding: 16px;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 16px;
  background: linear-gradient(135deg, #faf9f7, #f5f3f1);
  box-shadow: var(--shadow-sm);
  transition: all .25s var(--ease-out);
}
.cash-driver-strip article:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.cash-driver-strip article.available {
  border-color: rgba(34,197,94,.2);
  background: linear-gradient(135deg, #f4fff7, #e8fcee);
}
.cash-driver-strip span, .cash-driver-strip strong, .cash-driver-strip small { display: block; }
.cash-driver-strip span { font-size: 9px; color: var(--muted); font-weight: 700; letter-spacing: .5px; }
.cash-driver-strip strong { margin: 5px 0; font-size: 14px; }
.cash-driver-strip small { font-size: 10px; color: var(--muted); }

.cash-delivery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.cash-delivery-grid h3 { margin: 0 0 12px; font-size: 15px; }

.cash-delivery-row, .cash-route-card {
  padding: 16px;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 16px;
  background: linear-gradient(135deg, #faf9f7, #f5f3f1);
  box-shadow: var(--shadow-sm);
  transition: all .25s var(--ease-out);
}
.cash-delivery-row:hover, .cash-route-card:hover {
  box-shadow: var(--shadow-md);
}
.cash-delivery-row {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(170px, auto) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.cash-delivery-row strong, .cash-delivery-row small { display: block; }
.cash-delivery-row small, .cash-route-card small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
}
.cash-delivery-row select, .cash-route-actions select {
  min-height: 40px;
  border: 2px solid var(--line);
  border-radius: 10px;
  background: #fff;
  font-weight: 600;
  transition: all .2s ease;
}
.cash-delivery-row select:focus, .cash-route-actions select:focus {
  border-color: var(--red);
  outline: none;
}
.cash-route-card { margin-bottom: 10px; }
.cash-route-card header { display: flex; justify-content: space-between; }
.cash-route-card ul {
  display: grid;
  gap: 6px;
  margin: 14px 0;
  padding: 0;
  list-style: none;
}
.cash-route-card li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  padding: 6px 0;
  border-top: 1px solid rgba(0,0,0,.05);
}
.cash-route-actions {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto auto;
  gap: 8px;
}
.cash-route-card p { font-size: 11px; }

.admin-dialog#table-close-dialog form { display: grid; gap: 16px; }
.admin-dialog#table-close-dialog label { display: grid; gap: 8px; font-weight: 700; }
.admin-dialog#table-close-dialog select {
  min-height: 48px;
  border: 2px solid var(--line);
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
  transition: all .2s ease;
}
.admin-dialog#table-close-dialog select:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 4px rgba(227,24,55,.1);
}

@media (max-width: 900px) {
  .cash-command-summary { grid-template-columns: 1fr 1fr; }
  .cash-delivery-grid { grid-template-columns: 1fr; }
  .cash-delivery-row { grid-template-columns: 1fr 1fr; }
  .cash-delivery-row > div { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .cash-command-summary { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cash-command-summary article { padding: 16px; }
  .cash-command-summary strong { font-size: 22px; }
  .cash-counter-card { align-items: stretch; flex-direction: column; }
  .cash-delivery-row, .cash-route-actions { grid-template-columns: 1fr; }
  .cash-table-card button { width: 100%; }
}