:root {
      --y-bg: #f4f7fb;
      --y-ink: #101828;
      --y-muted: #667085;
      --y-line: #d9e1ec;
      --y-brand: #0f62fe;
      --y-brand-2: #00a86b;
      --y-sidebar: #0b1220;
      --y-sidebar-2: #111c31;
    }
    body {
      min-height: 100vh;
      background:
        radial-gradient(circle at 12% 8%, rgba(15, 98, 254, .10), transparent 26%),
        linear-gradient(180deg, #f8fbff 0%, var(--y-bg) 46%, #eef3fa 100%);
      color: var(--y-ink);
      font-family: "Segoe UI", Arial, sans-serif;
    }
    .app-shell {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      min-height: 100vh;
    }
    .sidebar {
      position: sticky;
      top: 0;
      height: 100vh;
      padding: 22px;
      background: linear-gradient(180deg, var(--y-sidebar), var(--y-sidebar-2));
      color: #fff;
      overflow-y: auto;
    }
    .brand-mark {
      width: 42px;
      height: 42px;
      display: inline-grid;
      place-items: center;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--y-brand), var(--y-brand-2));
      font-weight: 900;
      letter-spacing: .5px;
    }
    .nav-pill {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 10px;
      border: 0;
      border-radius: 12px;
      padding: 11px 12px;
      background: transparent;
      color: rgba(255,255,255,.74);
      text-align: left;
      font-weight: 700;
    }
    .nav-pill:hover,
    .nav-pill.active {
      color: #fff;
      background: rgba(255,255,255,.10);
    }
    .content {
      min-width: 0;
      padding: 28px;
    }
    .glass {
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(217,225,236,.92);
      box-shadow: 0 18px 40px rgba(16, 24, 40, .06);
      backdrop-filter: blur(14px);
      border-radius: 18px;
    }
    .card-soft {
      background: #fff;
      border: 1px solid var(--y-line);
      border-radius: 16px;
      box-shadow: 0 10px 24px rgba(16, 24, 40, .04);
    }
    .metric {
      min-height: 108px;
      border-radius: 16px;
      padding: 18px;
      color: #fff;
      background: linear-gradient(135deg, #0f62fe, #1e9b75);
      box-shadow: 0 12px 22px rgba(15, 98, 254, .14);
    }
    .metric.alt { background: linear-gradient(135deg, #111827, #30506d); }
    .metric.warn { background: linear-gradient(135deg, #b86b00, #dc9f1f); }
    .metric.danger { background: linear-gradient(135deg, #be123c, #e75878); }
    .metric .label {
      font-size: 13px;
      color: rgba(255,255,255,.78);
      font-weight: 700;
      text-transform: uppercase;
    }
    .metric .value {
      margin-top: 8px;
      font-size: 30px;
      line-height: 1;
      font-weight: 900;
    }
    .view { display: none; }
    .view.active { display: block; }
    .table-card {
      border: 1px solid var(--y-line);
      border-radius: 14px;
      overflow: hidden;
      background: #fff;
    }
    .table thead th {
      background: #f8fafc;
      color: #475467;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .04em;
      border-bottom: 1px solid var(--y-line);
    }
    .status-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      border-radius: 999px;
      padding: 5px 10px;
      font-size: 12px;
      font-weight: 800;
      background: #eef4ff;
      color: #194185;
    }
    .status-approved { background: #ecfdf3; color: #027a48; }
    .status-pending { background: #fffaeb; color: #b54708; }
    .status-rejected { background: #fef3f2; color: #b42318; }
    .status-needs_changes { background: #f4f3ff; color: #5925dc; }

    .business-directory-list {
      display: grid;
      gap: 10px;
    }
    .business-directory-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 20px;
      padding: 15px 17px;
      border: 1px solid #e1e5eb;
      border-radius: 18px;
      background: #fff;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .business-directory-card:hover {
      border-color: #cfd5dd;
      box-shadow: 0 10px 25px rgba(16, 24, 40, .06);
      transform: translateY(-1px);
    }
    .business-directory-info {
      min-width: 0;
    }
    .business-directory-title {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      margin-bottom: 6px;
    }
    .business-directory-title > strong {
      color: #111827;
      font-size: 15px;
      font-weight: 900;
    }
    .business-directory-meta {
      display: grid;
      gap: 3px;
      color: #748094;
      font-size: 12px;
    }
    .business-directory-meta span {
      display: flex;
      align-items: flex-start;
      min-width: 0;
      gap: 6px;
      overflow-wrap: anywhere;
    }
    .business-directory-meta i {
      flex: 0 0 auto;
      margin-top: 1px;
    }
    .business-directory-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
    }
    .business-directory-actions > button {
      min-height: 42px;
      border-radius: 12px;
      white-space: nowrap;
      font-weight: 800;
    }
    .business-gold-action,
    .business-manage-action {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 9px 14px;
      border: 1px solid transparent;
    }
    .business-gold-action {
      color: #8b5500;
      border-color: #f1bf59;
      background: #fff8df;
    }
    .business-gold-action:hover {
      color: #6f4200;
      border-color: #daa435;
      background: #ffefb8;
    }
    .business-gold-action.is-active {
      color: #067647;
      border-color: #9fdbbc;
      background: #ecfdf3;
    }
    .business-manage-action {
      color: #fff;
      border-color: #151820;
      background: #151820;
      box-shadow: 0 8px 16px rgba(21, 24, 32, .16);
    }
    .business-manage-action:hover {
      border-color: #ff6500;
      background: #ff6500;
    }
    .modal-card.business-management-modal {
      width: min(930px, calc(100vw - 28px));
      max-height: calc(100vh - 28px);
      overflow-y: auto;
    }
    .business-management-hub {
      display: grid;
      grid-template-columns: 235px minmax(0, 1fr);
      gap: 18px;
      margin: 18px 0 24px;
      padding: 18px;
      border-radius: 20px;
      color: #fff;
      background:
        radial-gradient(circle at 90% 0%, rgba(255, 101, 0, .42), transparent 35%),
        linear-gradient(140deg, #111318, #1c2028);
    }
    .business-management-hub-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      padding: 4px 6px;
    }
    .business-management-hub-copy > span,
    .business-management-section-title > span {
      color: #ff7a22;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .12em;
    }
    .business-management-hub-copy > strong {
      font-size: 20px;
      line-height: 1.15;
    }
    .business-management-hub-copy > small {
      color: rgba(255,255,255,.68);
      line-height: 1.45;
    }
    .business-management-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .business-management-links > button,
    .business-management-links > a {
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) auto;
      align-items: center;
      gap: 9px;
      min-width: 0;
      padding: 10px;
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 14px;
      color: #fff;
      background: rgba(255,255,255,.07);
      text-align: left;
      text-decoration: none;
    }
    .business-management-links > button:hover,
    .business-management-links > a:hover {
      border-color: rgba(255, 101, 0, .7);
      background: rgba(255, 101, 0, .16);
    }
    .business-management-links > button > i:first-child,
    .business-management-links > a > i:first-child {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border-radius: 11px;
      color: #ff7a22;
      background: rgba(255, 101, 0, .14);
      font-size: 17px;
    }
    .business-management-links span {
      display: grid;
      min-width: 0;
    }
    .business-management-links strong {
      font-size: 12px;
    }
    .business-management-links small {
      overflow: hidden;
      color: rgba(255,255,255,.58);
      font-size: 10px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .business-management-links > button > i:last-child,
    .business-management-links > a > i:last-child {
      color: rgba(255,255,255,.48);
      font-size: 12px;
    }
    .business-management-section-title {
      display: grid;
      gap: 2px;
      margin: 0 0 14px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eceff3;
    }
    .business-management-section-title > strong {
      color: #111827;
      font-size: 17px;
    }

    @media (max-width: 900px) {
      .business-directory-card {
        grid-template-columns: 1fr;
      }
      .business-directory-actions {
        justify-content: stretch;
      }
      .business-directory-actions > button {
        flex: 1;
      }
      .business-management-hub {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 600px) {
      .business-directory-card {
        padding: 14px;
      }
      .business-directory-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      .business-directory-actions .btn-outline-danger {
        grid-column: 1 / -1;
      }
      .modal-card.business-management-modal {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        padding: 16px;
      }
      .business-management-links {
        grid-template-columns: 1fr;
      }
    }
    .form-control, .form-select {
      border-radius: 12px;
      min-height: 44px;
      border-color: #d0d5dd;
    }
    .captcha-box {
      min-width: 92px;
      min-height: 44px;
      display: grid;
      place-items: center;
      border: 1px solid #d0d5dd;
      border-radius: 12px;
      background: linear-gradient(135deg, #f8fafc, #eef4ff);
      color: var(--y-ink);
      font-weight: 900;
      letter-spacing: .05em;
    }
    textarea.form-control { min-height: 90px; }
    .btn {
      border-radius: 12px;
      font-weight: 800;
    }
    .btn-brand {
      background: var(--y-brand);
      color: #fff;
    }
    .btn-brand:hover { background: #004fd0; color: #fff; }
    .login-wrap {
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 24px;
    }
    .login-card {
      width: min(980px, 100%);
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;
    }
    .login-side {
      background: linear-gradient(145deg, #08111f, #0f62fe);
      color: #fff;
      padding: 42px;
      min-height: 440px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .mini-stat {
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      border-radius: 14px;
      padding: 12px;
    }
    .empty {
      border: 1px dashed #cbd5e1;
      background: #f8fafc;
      border-radius: 14px;
      padding: 24px;
      color: var(--y-muted);
      text-align: center;
    }
    .global-loader {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: grid;
      place-items: center;
      background: rgba(244,247,251,.58);
      backdrop-filter: blur(6px);
    }
    .loader-card {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 260px;
      padding: 16px 18px;
      border: 1px solid var(--y-line);
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 22px 48px rgba(16, 24, 40, .16);
    }
    .app-preview-modal {
      position: fixed;
      inset: 0;
      z-index: 9998;
      display: grid;
      place-items: center;
      padding: 24px;
    }
    .app-preview-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(8, 18, 32, .68);
      backdrop-filter: blur(10px);
    }
    .app-preview-panel {
      position: relative;
      width: min(960px, 100%);
      max-height: calc(100vh - 48px);
      overflow: auto;
      border-radius: 28px;
      padding: 24px;
      background: #fff;
      box-shadow: 0 34px 80px rgba(0, 0, 0, .28);
    }
    .iphone-frame {
      width: min(390px, 100%);
      margin: 0 auto;
      border: 10px solid #101828;
      border-radius: 48px;
      padding: 10px;
      background: #101828;
      box-shadow: 0 28px 64px rgba(16, 24, 40, .26);
    }
    .iphone-notch {
      width: 118px;
      height: 25px;
      margin: -4px auto 8px;
      border-radius: 0 0 18px 18px;
      background: #101828;
    }
    .iphone-screen {
      position: relative;
      min-height: 690px;
      max-height: 690px;
      overflow: auto;
      border-radius: 34px;
      padding: 16px 14px 82px;
      background:
        radial-gradient(circle at 85% 0%, rgba(0,168,107,.18), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef5f3 100%);
    }
    .mobile-hero {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      padding: 18px;
      border-radius: 28px;
      color: #fff;
      background: linear-gradient(135deg, #061626, #0f62fe 55%, #00a86b);
      box-shadow: 0 18px 32px rgba(15, 98, 254, .22);
    }
    .mobile-hero h3 {
      margin: 2px 0 0;
      font-size: 24px;
      line-height: 1.05;
      font-weight: 900;
    }
    .mobile-avatar {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      background: rgba(255,255,255,.16);
      font-weight: 900;
    }
    .mobile-search {
      margin: 14px 0;
      padding: 12px 14px;
      border-radius: 18px;
      background: #fff;
      color: var(--y-muted);
      font-size: 13px;
      box-shadow: 0 10px 22px rgba(16, 24, 40, .06);
    }
    .mobile-section-title {
      margin: 12px 3px;
      font-weight: 900;
    }
    .mobile-empty {
      border: 1px dashed #cbd5e1;
      border-radius: 18px;
      padding: 18px;
      text-align: center;
      color: #667085;
      background: rgba(255,255,255,.74);
    }
    .mobile-tabbar {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 16px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      padding: 8px;
      border-radius: 22px;
      background: rgba(8,18,32,.92);
      color: rgba(255,255,255,.74);
      font-size: 11px;
      font-weight: 800;
      text-align: center;
    }
    .mobile-tabbar span:first-child {
      border-radius: 16px;
      background: rgba(255,255,255,.14);
      color: #fff;
    }
    .mobile-tabbar i {
      display: block;
      font-size: 18px;
    }
    @media (max-width: 980px) {
      .app-shell { grid-template-columns: 1fr; }
      .sidebar {
        position: relative;
        height: auto;
        border-radius: 0 0 22px 22px;
      }
      .nav-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .content { padding: 18px; }
      .login-card { grid-template-columns: 1fr; }
      .login-side { min-height: 320px; }
    }

/* Store-style interactive app preview */
.store-preview-grid {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(280px, 1fr);
  align-items: start;
  gap: 28px;
}
.preview-screen { display: none; }
.preview-screen.active { display: block; }
.mobile-statusbar {
  display: flex;
  justify-content: space-between;
  margin: 0 4px 10px;
  color: #101828;
  font-size: 12px;
  font-weight: 900;
}
.mobile-search {
  width: 100%;
  border: 0;
  text-align: left;
}
.mobile-tabbar button {
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: inherit;
  font-size: 11px;
  font-weight: 900;
  padding: 8px 4px;
}
.mobile-tabbar button.active {
  background: rgba(255,255,255,.14);
  color: #fff;
}
.mobile-tabbar span { display: none; }
.mobile-back {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  margin-bottom: 12px;
  background: #fff;
  color: #101828;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(16,24,40,.06);
}
.preview-ticket-head {
  padding: 22px;
  color: #fff;
  background: linear-gradient(135deg, #061626, #0f62fe 56%, #00a86b);
}
.preview-ticket-head h3 {
  margin: 8px 0;
  font-size: 26px;
  line-height: 1.05;
  font-weight: 950;
}
.preview-ticket-head strong {
  display: inline-flex;
  border-radius: 16px;
  padding: 8px 11px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.28);
  font-size: 20px;
}
.preview-ticket-cut {
  height: 20px;
  background: radial-gradient(circle at 0 50%, transparent 13px, #fff 14px), radial-gradient(circle at 100% 50%, transparent 13px, #fff 14px);
  background-size: 51% 100%;
  background-position: left, right;
  background-repeat: no-repeat;
  border-bottom: 2px dashed #d9e1ec;
}
.preview-ticket-body {
  padding: 22px;
  text-align: center;
}
.fake-qr {
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  border: 10px solid #f1f5f9;
  border-radius: 24px;
  background: #fff;
  color: #101828;
  font-size: 88px;
}
.preview-ticket-body p {
  margin: 12px 0 16px;
  color: #667085;
  font-size: 13px;
}
.preview-ticket-body button,
.mobile-profile-card button,
.store-download {
  border: 0;
  border-radius: 16px;
  padding: 12px 16px;
  color: #fff;
  background: #0f62fe;
  font-weight: 900;
}
.mobile-profile-card {
  margin-top: 26px;
  border-radius: 30px;
  padding: 24px;
  background: #fff;
  text-align: center;
  box-shadow: 0 18px 38px rgba(16,24,40,.10);
}
.mobile-avatar.big {
  width: 70px;
  height: 70px;
  margin: 0 auto 14px;
  color: #fff;
  background: linear-gradient(135deg, #0f62fe, #00a86b);
  font-size: 22px;
}
.mobile-profile-card h3 { font-weight: 950; }
.mobile-profile-card p {
  color: #667085;
  font-size: 13px;
}
.preview-toast {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 88px;
  z-index: 3;
  border-radius: 18px;
  padding: 12px;
  background: rgba(8,18,32,.92);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 18px 30px rgba(16,24,40,.20);
}
.store-card {
  border: 1px solid var(--y-line);
  border-radius: 28px;
  padding: 24px;
  background: radial-gradient(circle at 100% 0%, rgba(15,98,254,.10), transparent 28%), #fff;
  box-shadow: 0 18px 44px rgba(16,24,40,.08);
}
.store-app-head {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
}
.store-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #061626, #0f62fe 55%, #00a86b);
  font-size: 24px;
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(15,98,254,.18);
}
.store-app-head h3 {
  margin: 0;
  font-weight: 950;
}
.store-app-head p,
.store-copy {
  margin: 0;
  color: #667085;
}
.store-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.store-meta div {
  border: 1px solid var(--y-line);
  border-radius: 18px;
  padding: 12px;
  text-align: center;
  background: #f8fafc;
}
.store-meta strong {
  display: block;
  font-size: 20px;
}
.store-meta span {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.store-download {
  width: 100%;
  margin-bottom: 22px;
  border-radius: 999px;
}
.store-card h4 {
  font-weight: 950;
  margin-bottom: 12px;
}
.store-shots {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.store-shots button {
  min-height: 150px;
  border: 0;
  border-radius: 20px;
  padding: 10px;
  color: #fff;
  text-align: left;
  font-weight: 900;
  background: linear-gradient(145deg, #061626, #0f62fe);
  box-shadow: inset 0 -40px 70px rgba(0,0,0,.20);
}
.store-shots button:nth-child(2) { background: linear-gradient(145deg, #064e3b, #00a86b); }
.store-shots button:nth-child(3) { background: linear-gradient(145deg, #7c2d12, #f97316); }
.store-shots span {
  display: block;
  margin-top: 90px;
  font-size: 12px;
}
@media (max-width: 980px) {
  .store-preview-grid { grid-template-columns: 1fr; }
  .store-card { order: -1; }
}


/* YOVOY real logo */
.brand-logo {
  width: 118px;
  height: 44px;
  object-fit: contain;
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  padding: 4px 8px;
}
.login-side .brand-logo,
.sidebar .brand-logo {
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}
.mobile-logo {
  width: 54px;
  height: 42px;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  padding: 5px;
}
.mobile-logo.big {
  width: 128px;
  height: 68px;
  margin: 0 auto 14px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(16,24,40,.08);
}
.store-icon img {
  width: 62px;
  height: 44px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
  padding: 4px;
}
@media (max-width: 720px) {
  .brand-logo { width: 104px; height: 40px; }
}

/* White short logo variant */
.login-side .brand-logo,
.sidebar .brand-logo,
.mobile-logo,
.store-icon img {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.login-side .brand-logo,
.sidebar .brand-logo {
  width: 138px;
  height: 56px;
}
.mobile-logo {
  width: 82px;
  height: 38px;
}
.mobile-logo.big {
  width: 154px;
  height: 72px;
  background: #111827 !important;
  border-radius: 18px !important;
  padding: 10px !important;
}
.store-icon {
  background: linear-gradient(135deg, #061626, #253759) !important;
}
.store-icon img {
  width: 66px;
  height: 42px;
}

/* Minimal brand-only admin chrome */
.content {
  padding-top: 14px !important;
}
.panel-actions {
  margin-bottom: 12px !important;
}
.sidebar > .d-flex:first-child,
.login-side .d-flex:first-child {
  justify-content: center;
  margin-bottom: 28px !important;
}
.sidebar .brand-logo {
  width: 168px !important;
  height: 72px !important;
}
.login-side .brand-logo {
  width: 178px !important;
  height: 76px !important;
}
.login-side {
  justify-content: center !important;
}
#overview-box {
  margin-top: 0 !important;
}

/* Premium soft visual refresh */
:root {
  --y-bg: #f7f9ff;
  --y-ink: #0d1b34;
  --y-muted: #6d7890;
  --y-line: rgba(135, 154, 184, .24);
  --y-brand: #4f73ff;
  --y-brand-2: #69d6c8;
  --y-sidebar: #10192d;
  --y-sidebar-2: #16233c;
}
body {
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(114, 139, 255, .20), transparent 28%),
    radial-gradient(circle at 78% 8%, rgba(123, 225, 205, .22), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(255, 203, 112, .16), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, #f4f7ff 42%, #eef4fb 100%) !important;
}
body:before,
body:after {
  content: "";
  position: fixed;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(38px);
  opacity: .72;
}
body:before {
  width: 420px;
  height: 420px;
  left: 250px;
  top: 90px;
  background: rgba(105, 214, 200, .22);
}
body:after {
  width: 520px;
  height: 520px;
  right: -120px;
  top: 210px;
  background: rgba(103, 126, 255, .18);
}
.sidebar {
  background:
    radial-gradient(circle at 50% 0%, rgba(79,115,255,.22), transparent 34%),
    linear-gradient(180deg, #10192d 0%, #14213a 58%, #172338 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.06), 18px 0 48px rgba(42, 55, 90, .08);
}
.sidebar:after {
  content: "";
  position: absolute;
  inset: 120px 18px auto 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
}
.content {
  padding: 22px 28px 40px !important;
}
.panel-actions .btn {
  min-height: 40px;
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(32, 47, 91, .08);
}
.nav-pill {
  border: 1px solid transparent;
  color: rgba(255,255,255,.76) !important;
  transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
.nav-pill:hover,
.nav-pill.active {
  transform: translateX(2px);
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.card-soft {
  border: 1px solid rgba(135,154,184,.22) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.76) !important;
  box-shadow: 0 24px 54px rgba(52, 70, 110, .08) !important;
  backdrop-filter: blur(18px);
}
.metric {
  position: relative;
  overflow: hidden;
  min-height: 108px;
  border-radius: 22px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #5e7cff 0%, #43c6b5 100%) !important;
  box-shadow: 0 18px 34px rgba(79, 115, 255, .16) !important;
}
.metric:before {
  content: "";
  position: absolute;
  right: -34px;
  top: -40px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
}
.metric:after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: -45px;
  width: 126px;
  height: 92px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  filter: blur(2px);
}
.metric.alt { background: linear-gradient(135deg, #243554 0%, #48647f 100%) !important; }
.metric.warn { background: linear-gradient(135deg, #d89928 0%, #f3c05b 100%) !important; }
.metric.danger { background: linear-gradient(135deg, #d33f69 0%, #f27494 100%) !important; }
.metric .label,
.metric .value {
  position: relative;
  z-index: 1;
}
.metric .label {
  color: rgba(255,255,255,.82) !important;
  letter-spacing: .03em;
}
.metric .value {
  font-size: 32px !important;
}
.empty {
  border-color: rgba(127, 148, 181, .32) !important;
  background: rgba(248,250,255,.62) !important;
  color: #69758c !important;
}
.status-badge {
  border: 1px solid rgba(255,255,255,.58);
  box-shadow: 0 8px 18px rgba(32,47,91,.06);
}
.form-control,
.form-select {
  border-radius: 15px !important;
  border-color: rgba(135,154,184,.35) !important;
  background: rgba(255,255,255,.86) !important;
}
.btn-brand {
  background: linear-gradient(135deg, #5475ff, #37bcae) !important;
  box-shadow: 0 14px 28px rgba(79,115,255,.18);
}
.btn-dark {
  background: linear-gradient(135deg, #172338, #273a59) !important;
}
#overview-box.row {
  row-gap: 16px;
}
#overview-box + .card-soft {
  margin-top: 8px;
}

/* Compact KPIs and data rows */
.metric {
  min-height: 76px !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
}
.metric .label {
  font-size: 12px !important;
}
.metric .value {
  margin-top: 4px !important;
  font-size: 25px !important;
}
#overview-box.row {
  row-gap: 12px !important;
}
.admin-data-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(135,154,184,.24);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}
.admin-data-table {
  width: 100%;
  min-width: 1040px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}
.admin-data-table th {
  padding: 12px 14px;
  color: #667085;
  background: rgba(248,250,255,.82);
  border-bottom: 1px solid rgba(135,154,184,.22);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.admin-data-table td {
  padding: 12px 14px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(135,154,184,.16);
  color: #1f2a44;
}
.admin-data-table tr:last-child td {
  border-bottom: 0;
}
.admin-data-table tr:hover td {
  background: rgba(79,115,255,.045);
}
.admin-data-table small {
  display: block;
  max-width: 320px;
  margin-top: 3px;
  color: #7b879c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-discount {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  color: #0f513f;
  background: rgba(105,214,200,.20);
  font-weight: 900;
}
.table-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
.table-actions .btn {
  min-height: 30px;
  padding: 5px 9px;
  border-radius: 10px;
  font-size: 12px;
}
.admin-data-table code {
  color: #344054;
  background: rgba(15,23,42,.06);
  border-radius: 8px;
  padding: 4px 7px;
}

.delivery-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.delivery-toolbar .btn {
  min-height: 42px;
  border-radius: 14px;
}
.driver-modal-card {
  width: min(660px, 100%);
}
.driver-code-card {
  width: min(520px, 100%);
}
.driver-code-box {
  border: 1px solid rgba(79,115,255,.24);
  border-radius: 24px;
  padding: 26px;
  color: #081220;
  background:
    radial-gradient(circle at 100% 0%, rgba(105,214,200,.22), transparent 34%),
    linear-gradient(135deg, rgba(79,115,255,.12), rgba(255,255,255,.9));
  text-align: center;
  font-size: clamp(34px, 8vw, 58px);
  font-weight: 950;
  letter-spacing: .12em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 18px 40px rgba(16,24,40,.08);
}
@media (max-width: 760px) {
  .delivery-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .delivery-toolbar .d-flex {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
}

/* Premium modal forms */
.modal-shell {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 22px;
}
.modal-backdrop-soft {
  position: absolute;
  inset: 0;
  background: rgba(12, 22, 38, .58);
  backdrop-filter: blur(12px);
}
.modal-card {
  position: relative;
  width: min(820px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 28px;
  padding: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(105,214,200,.14), transparent 28%),
    rgba(255,255,255,.92);
  box-shadow: 0 34px 90px rgba(12, 22, 38, .28);
}
.modal-card textarea.form-control {
  min-height: 120px;
}

/* Save confirmation modal */
.notify-modal {
  position: fixed;
  right: 22px;
  top: 22px;
  z-index: 11000;
}
.notify-card {
  display: grid;
  grid-template-columns: 48px minmax(220px, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(440px, calc(100vw - 44px));
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 22px;
  padding: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 64px rgba(12,22,38,.18);
  backdrop-filter: blur(18px);
}
.notify-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  font-size: 22px;
  background: linear-gradient(135deg, #37bcae, #5475ff);
}
.notify-icon.danger {
  background: linear-gradient(135deg, #d33f69, #f27494);
}
.notify-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
}
.notify-card p {
  margin: 2px 0 0;
  color: #667085;
  font-size: 13px;
}

.settings-preview {
  display: grid;
  gap: 14px;
}
.size-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.size-guide div {
  display: grid;
  gap: 4px;
  min-height: 86px;
  border: 1px solid rgba(135,154,184,.24);
  border-radius: 18px;
  padding: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(105,214,200,.14), transparent 34%),
    rgba(248,250,255,.78);
}
.size-guide i {
  color: var(--y-brand);
  font-size: 18px;
}
.size-guide strong {
  color: var(--y-ink);
  font-size: 12px;
  font-weight: 950;
}
.size-guide span {
  color: var(--y-muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}
.field-note {
  margin-top: -8px;
  color: var(--y-muted);
  font-size: 12px;
  font-weight: 700;
}
.settings-preview img {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(16,24,40,.08);
}
.settings-footer {
  border: 1px solid rgba(135,154,184,.22);
  border-radius: 18px;
  padding: 14px;
  background: rgba(248,250,255,.78);
  color: #667085;
}
.secure-api-box {
  border: 1px solid rgba(79,115,255,.18);
  border-radius: 20px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(105,214,200,.14), transparent 30%),
    rgba(248,250,255,.72);
}

/* Ajustes visuales administrables: banner y pie de la app */
.settings-media-editor {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 15px;
  border: 1px solid rgba(135,154,184,.25);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,101,0,.09), transparent 34%),
    #fff;
  box-shadow: 0 12px 28px rgba(31,45,72,.05);
}
.settings-media-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.settings-media-heading > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.settings-media-kicker {
  color: #d95100;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
}
.settings-media-heading h3,
.settings-media-examples-head h3 {
  margin: 0;
  color: #1d2939;
  font-size: 16px;
  font-weight: 950;
}
.settings-visibility-switch {
  display: inline-grid;
  flex: 0 0 auto;
  grid-template-columns: 38px auto;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  margin: 0;
  padding: 6px 2px;
  cursor: pointer;
  color: #475467;
  font-size: 11px;
  font-weight: 900;
}
.settings-visibility-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.settings-visibility-switch > span {
  position: relative;
  display: block;
  width: 38px;
  height: 22px;
  border: 1px solid #cbd2dc;
  border-radius: 999px;
  background: #e8ebef;
  transition: border-color .18s ease, background .18s ease;
}
.settings-visibility-switch > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(16,24,40,.2);
  content: "";
  transition: transform .18s ease;
}
.settings-visibility-switch input:checked + span {
  border-color: #ff6500;
  background: #ff6500;
}
.settings-visibility-switch input:checked + span::after {
  transform: translateX(16px);
}
.settings-visibility-switch input:focus-visible + span {
  outline: 3px solid rgba(255,101,0,.22);
  outline-offset: 2px;
}
.settings-media-source {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 999px;
  color: #667085;
  background: #f2f4f7;
  font-size: 10px;
  font-weight: 850;
  overflow-wrap: anywhere;
}
.settings-media-source::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #98a2b3;
  content: "";
}
.settings-media-source.is-managed {
  color: #067647;
  background: #ecfdf3;
}
.settings-media-source.is-managed::before { background: #12b76a; }
.settings-media-source.is-external {
  color: #175cd3;
  background: #eff8ff;
}
.settings-media-source.is-external::before { background: #2e90fa; }
.settings-media-source.is-pending {
  color: #a0440b;
  background: #fff4e9;
}
.settings-media-source.is-pending::before { background: #ff6500; }
.settings-media-upload {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
  gap: 11px;
  min-height: 66px;
  margin: 0;
  padding: 11px;
  border: 1px dashed #ffb27e;
  border-radius: 16px;
  color: #1d2939;
  background: #fff8f3;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.settings-media-upload:hover {
  border-color: #ff6500;
  background: #fff2e8;
  transform: translateY(-1px);
}
.settings-media-upload:focus-within {
  outline: 3px solid rgba(255,101,0,.18);
  outline-offset: 2px;
}
.settings-media-upload:has(+ .visually-hidden:focus-visible) {
  outline: 3px solid rgba(255,101,0,.22);
  outline-offset: 2px;
}
.settings-media-upload > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg,#ff7d22,#e94e00);
  box-shadow: 0 8px 18px rgba(255,101,0,.24);
  font-size: 19px;
}
.settings-media-upload > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.settings-media-upload strong { font-size: 12px; font-weight: 950; }
.settings-media-upload small,
.settings-media-advanced small {
  color: #667085;
  font-size: 10px;
  line-height: 1.4;
}
.settings-media-note {
  color: #667085;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.45;
}
.settings-media-note.is-valid { color: #067647; }
.settings-media-note.is-warning { color: #a15c00; }
.settings-media-note.is-error { color: #b42318; }
.settings-media-advanced {
  padding-top: 1px;
}
.settings-media-advanced summary {
  display: flex;
  min-height: 40px;
  align-items: center;
  width: fit-content;
  cursor: pointer;
  color: #475467;
  font-size: 11px;
  font-weight: 900;
}
.settings-media-advanced[open] summary { margin-bottom: 10px; }
.settings-media-advanced .form-label { margin-bottom: 5px; font-size: 11px; }
.settings-media-advanced .form-control { margin-bottom: 6px; }
.settings-publishing-controls {
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 13px;
  border: 1px solid rgba(78, 115, 255, .16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(79, 115, 255, .1), transparent 34%),
    #f9fbff;
}
.settings-publishing-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}
.settings-publishing-head > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 12px;
  color: #175cd3;
  background: #eaf2ff;
  font-size: 17px;
}
.settings-publishing-head > div,
.settings-publishing-field {
  display: grid;
  min-width: 0;
  gap: 4px;
}
.settings-publishing-head strong,
.settings-publishing-field > span,
.settings-weekdays legend {
  color: #1d2939;
  font-size: 11px;
  font-weight: 950;
}
.settings-publishing-head small,
.settings-publishing-field > small,
.settings-weekdays > small {
  color: #667085;
  font-size: 10px;
  line-height: 1.4;
}
.settings-publishing-field {
  margin: 0;
}
.settings-publishing-field .form-control {
  min-height: 44px;
  font-size: 12px;
}
.settings-publishing-field .form-control[aria-invalid="true"] {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, .1);
}
.settings-schedule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.settings-weekdays {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.settings-weekdays legend {
  float: none;
  width: auto;
  margin: 0 0 2px;
}
.settings-weekdays[aria-invalid="true"] .settings-weekday-grid {
  padding: 3px;
  border-radius: 12px;
  box-shadow: 0 0 0 2px rgba(217, 45, 32, .18);
}
.settings-weekday-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(34px, 1fr));
  gap: 5px;
  margin-top: 8px;
}
.settings-weekday-option {
  position: relative;
  display: grid;
  margin: 0;
  cursor: pointer;
}
.settings-weekday-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.settings-weekday-option span {
  display: grid;
  min-height: 40px;
  place-items: center;
  border: 1px solid #d7dce5;
  border-radius: 12px;
  color: #475467;
  background: #fff;
  font-size: 10px;
  font-weight: 950;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.settings-weekday-option:hover span {
  border-color: #84adff;
  transform: translateY(-1px);
}
.settings-weekday-option input:checked + span {
  border-color: #2e6ee8;
  color: #fff;
  background: #2e6ee8;
  box-shadow: 0 6px 14px rgba(46, 110, 232, .2);
}
.settings-weekday-option input:focus-visible + span {
  outline: 3px solid rgba(46, 110, 232, .22);
  outline-offset: 2px;
}
.settings-impressions-field .form-control {
  max-width: 180px;
}
.settings-rules-note {
  min-height: 19px;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.45;
}
.settings-rules-note.is-valid { color: #067647; }
.settings-rules-note.is-error { color: #b42318; }
.settings-media-examples {
  display: grid;
  gap: 11px;
  margin-bottom: 16px;
  padding: 15px;
  border: 1px solid rgba(255,101,0,.18);
  border-radius: 22px;
  background: linear-gradient(145deg,#fffaf6,#fff4ea);
}
.settings-media-examples-head {
  display: grid;
  gap: 3px;
}
.settings-media-examples-head > span {
  color: #d95100;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}
.settings-media-examples-head p {
  margin: 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.4;
}
.settings-media-example-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.settings-media-example {
  position: relative;
  display: grid;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #e5e8ed;
  border-radius: 15px;
  color: #1d2939;
  background: #fff;
  text-align: left;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.settings-media-example:hover,
.settings-media-example:focus-visible {
  border-color: #ff8f49;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255,101,0,.13);
  transform: translateY(-1px);
}
.settings-media-example.is-selected {
  border-color: #ff6500;
  box-shadow: 0 0 0 3px rgba(255,101,0,.13);
}
.settings-media-example img {
  display: block;
  width: 100%;
  aspect-ratio: 20/7;
  object-fit: contain;
  background: #fff4ec;
}
.settings-media-example > span {
  display: grid;
  gap: 1px;
  padding: 9px;
}
.settings-media-example strong { font-size: 11px; font-weight: 950; }
.settings-media-example small { color: #667085; font-size: 10px; font-weight: 750; }
.settings-media-example > i {
  position: absolute;
  top: 7px;
  right: 7px;
  display: none;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background: #ff6500;
  box-shadow: 0 5px 12px rgba(93,35,0,.22);
}
.settings-media-example.is-selected > i { display: grid; }
.settings-preview {
  align-content: start;
}
.settings-preview-card {
  display: grid;
  gap: 11px;
  padding: 14px;
  border: 1px solid rgba(135,154,184,.24);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 15px 34px rgba(16,24,40,.07);
  transition: opacity .18s ease, filter .18s ease;
}
.settings-preview-card.is-disabled {
  opacity: .62;
  filter: grayscale(.28);
}
.settings-preview-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.settings-preview-card > header > span:first-child {
  display: grid;
  min-width: 0;
}
.settings-preview-card > header small {
  color: #ff6500;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
}
.settings-preview-card > header strong {
  overflow-wrap: anywhere;
  color: #1d2939;
  font-size: 14px;
  font-weight: 950;
}
.settings-preview-state {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
}
.settings-preview-state.is-active { color: #067647; background: #ecfdf3; }
.settings-preview-state.is-inactive { color: #667085; background: #f2f4f7; }
.settings-preview-media {
  display: grid;
  min-height: 104px;
  overflow: hidden;
  place-items: center;
  border: 1px solid #eceff3;
  border-radius: 18px;
  background:
    linear-gradient(45deg,#f8f9fb 25%,transparent 25%,transparent 75%,#f8f9fb 75%),
    linear-gradient(45deg,#f8f9fb 25%,#fff 25%,#fff 75%,#f8f9fb 75%);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
}
.settings-preview-media img,
.settings-preview .settings-preview-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 17px;
  box-shadow: none;
}
.settings-preview-media.is-empty,
.settings-preview-media.is-error {
  grid-template-columns: auto minmax(0,1fr);
  justify-content: center;
  gap: 9px;
  padding: 18px;
  color: #667085;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 800;
}
.settings-preview-media.is-empty > i,
.settings-preview-media.is-error > i {
  color: #98a2b3;
  font-size: 21px;
}
.settings-preview-media.is-error > span { display: grid; }
.settings-preview-media.is-error strong { color: #b42318; }
.settings-preview-media.is-error small { color: #667085; font-size: 10px; }
.settings-preview-card > p {
  margin: -2px 2px 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.45;
}
.settings-preview-card .settings-footer {
  display: grid;
  gap: 7px;
  padding: 12px;
}
.settings-preview-card .settings-footer p {
  margin: 0;
  overflow-wrap: anywhere;
  color: #475467;
  font-size: 12px;
  line-height: 1.5;
}
.settings-preview-card .settings-footer a {
  width: fit-content;
  color: #175cd3;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}
.settings-preview-card .settings-footer.is-empty { opacity: .72; }
.settings-preview-click-target {
  display: block;
  border-radius: 18px;
  color: inherit;
  text-decoration: none;
}
.settings-preview-click-target:hover {
  box-shadow: 0 0 0 3px rgba(46, 110, 232, .14);
}
.settings-preview-click-target:focus-visible {
  outline: 3px solid rgba(46, 110, 232, .32);
  outline-offset: 3px;
}
.settings-preview-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}
.settings-preview-rules > div {
  display: grid;
  min-width: 0;
  gap: 3px;
  padding: 9px;
  border: 1px solid #eaecf0;
  border-radius: 13px;
  background: #f9fafb;
}
.settings-preview-rules dt {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  color: #667085;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.settings-preview-rules dt i {
  color: #2e6ee8;
  font-size: 11px;
}
.settings-preview-rules dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #344054;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.4;
}
.settings-preview-rules a {
  color: #175cd3;
  font-weight: 900;
  text-decoration: none;
}
.settings-preview-rules .is-warning {
  color: #b54708;
  font-weight: 900;
}

@media (max-width: 1199px) {
  .size-guide { grid-template-columns: 1fr; }
  .size-guide div { min-height: 0; }
}
@media (max-width: 575px) {
  .settings-media-editor,
  .settings-media-examples { padding: 12px; border-radius: 18px; }
  .settings-media-heading { align-items: flex-start; }
  .settings-visibility-switch { grid-template-columns: 38px; justify-items: center; gap: 2px; }
  .settings-visibility-switch strong { font-size: 8px; }
  .settings-publishing-controls { padding: 11px; }
  .settings-schedule-grid { grid-template-columns: 1fr; }
  .settings-weekday-grid { grid-template-columns: repeat(4, minmax(42px, 1fr)); }
  .settings-media-example-grid { grid-template-columns: 1fr; }
  .settings-media-example { grid-template-columns: 112px minmax(0,1fr); align-items: center; }
  .settings-media-example img { width: 112px; height: 68px; aspect-ratio: auto; }
  .settings-preview-card { padding: 11px; border-radius: 18px; }
  .settings-preview-media { min-height: 82px; border-radius: 15px; }
  .settings-preview-media img,
  .settings-preview .settings-preview-media img { border-radius: 14px; }
  .settings-preview-rules { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .settings-visibility-switch > span,
  .settings-visibility-switch > span::after,
  .settings-media-upload,
  .settings-weekday-option span,
  .settings-media-example,
  .settings-preview-card,
  .settings-preview-click-target { transition: none; }
}
.driver-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}
.driver-overview-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(135,154,184,.22);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 24px rgba(52,70,110,.06);
}
.driver-overview-card.offline {
  opacity: .72;
  filter: grayscale(.18);
}
.driver-overview-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #5475ff, #37bcae);
  font-weight: 950;
}
.driver-overview-card strong,
.driver-overview-card small {
  display: block;
}
.driver-overview-card strong {
  font-weight: 950;
}
.driver-overview-card small {
  color: #667085;
  font-size: 12px;
  font-weight: 750;
}
.driver-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.driver-status-online {
  color: #027a48;
  background: #d1fadf;
}
.driver-status-busy {
  color: #92400e;
  background: #fef3c7;
}
.driver-status-offline {
  color: #b42318;
  background: #fee4e2;
}
.driver-actions .driver-connect,
.driver-actions .driver-disconnect {
  border: 0;
  color: #fff;
}
.driver-actions .driver-connect {
  background: linear-gradient(135deg, #0f62fe, #37bcae);
}
.driver-actions .driver-disconnect {
  background: linear-gradient(135deg, #b42318, #f97316);
}
.driver-actions.is-online .driver-connect {
  color: #027a48;
  background: #d1fadf;
}
.driver-actions.is-online .driver-disconnect {
  background: linear-gradient(135deg, #b42318, #f97316);
}
.driver-actions.is-offline .driver-connect {
  color: #081220;
  background: linear-gradient(135deg, #d1fadf, #ffffff);
}
.driver-actions.is-offline .driver-disconnect {
  color: #fff;
  background: #98a2b3;
}
.driver-actions.is-busy .driver-connect {
  color: #92400e;
  background: #fef3c7;
}
.push-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.push-stats article {
  border: 1px solid rgba(135,154,184,.22);
  border-radius: 18px;
  padding: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(79,115,255,.13), transparent 34%),
    rgba(255,255,255,.82);
}
.push-stats strong,
.push-stats span {
  display: block;
}
.push-stats strong {
  font-size: 26px;
  font-weight: 950;
  color: #0d1b34;
}
.push-stats span {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
}
@media (max-width: 720px) {
  .push-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .size-guide {
    grid-template-columns: 1fr;
  }
}

/* Updated native app preview */
.iphone-screen {
  padding: 14px 14px 108px !important;
}
.mobile-topbar-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 22px;
  background: #101828;
  box-shadow: 0 18px 36px rgba(16,24,40,.18);
}
.mobile-topbar-preview.compact {
  margin-bottom: 10px;
}
.mobile-topbar-preview button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: rgba(255,255,255,.12);
}
.mobile-delivery-preview {
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 26px;
  padding: 16px;
  margin-bottom: 12px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 16px 34px rgba(16,24,40,.08);
  backdrop-filter: blur(12px);
}
.mobile-delivery-preview span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  color: #027a48;
  background: #ecfdf3;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}
.mobile-delivery-preview {
  color: #fff;
  background: linear-gradient(135deg, #16369f, #2f65ff 48%, #23aa7b);
}
.mobile-delivery-preview h3 {
  margin: 10px 0 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 950;
}
.mobile-delivery-preview button {
  width: 100%;
  border: 0;
  border-radius: 18px;
  padding: 11px;
  color: #101828;
  background: #fff;
  font-weight: 950;
}
.mobile-mini-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mobile-mini-actions span:nth-child(2) {
  color: #be123c;
  background: #fff1f2;
}
.mobile-mini-actions span:nth-child(3) {
  color: #92400e;
  background: #fffbeb;
}
.mobile-tabbar {
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 4px !important;
  border-radius: 24px !important;
  font-size: 10px !important;
}
.preview-social-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 12px 0;
}
.preview-social-row button {
  border-radius: 16px;
  padding: 11px;
}
.preview-social-row button:nth-child(1) { background: #e11d48; }
.preview-social-row button:nth-child(2) { background: #22c55e; }
.preview-social-row button:nth-child(3) { background: #f59e0b; }
.mobile-profile-actions {
  display: grid;
  gap: 8px;
}

.google-api-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.google-api-links .btn {
  border-radius: 14px;
  font-weight: 900;
}

/* YOVOY Premium Minimal System - admin */
:root {
  --y-bg: #f4f7f5;
  --y-ink: #0d1728;
  --y-muted: #6b7483;
  --y-line: rgba(148, 163, 184, .24);
  --y-brand: #1d4ed8;
  --y-brand-2: #00a86b;
  --y-sidebar: #0a1220;
  --y-sidebar-2: #101b2f;
  --y-radius: 28px;
  --y-shadow: 0 24px 70px rgba(15, 23, 42, .10);
}
body {
  color: var(--y-ink) !important;
  font-family: "Aptos", "Segoe UI", Arial, sans-serif !important;
  background:
    radial-gradient(circle at 18% 4%, rgba(29,78,216,.12), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(0,168,107,.13), transparent 30%),
    linear-gradient(180deg, #fbfdff 0%, #f4f7f5 100%) !important;
}
.app-shell {
  grid-template-columns: 268px minmax(0, 1fr) !important;
}
.sidebar {
  padding: 24px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 30%),
    linear-gradient(180deg, var(--y-sidebar), var(--y-sidebar-2)) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.06), 16px 0 60px rgba(15,23,42,.06) !important;
}
.sidebar .brand-logo {
  width: 150px !important;
  height: 58px !important;
}
.nav-grid {
  gap: 7px !important;
}
.nav-pill {
  min-height: 46px;
  border-radius: 18px !important;
  padding: 11px 13px !important;
  color: rgba(255,255,255,.68) !important;
  font-size: 14px;
  font-weight: 850 !important;
}
.nav-pill i {
  font-size: 16px;
}
.nav-alert-count {
  display: inline-grid;
  min-width: 22px;
  height: 22px;
  margin-left: auto;
  padding: 0 6px;
  place-items: center;
  border: 2px solid #17191c;
  border-radius: 999px;
  color: #fff;
  background: #ff6500;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 5px 12px rgba(255,101,0,.32);
}
.nav-pill:hover,
.nav-pill.active {
  transform: none !important;
  color: #fff !important;
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.content {
  padding: 20px 28px 48px !important;
}
.panel-actions {
  position: sticky;
  top: 12px;
  z-index: 8;
  justify-content: flex-end !important;
  pointer-events: none;
}
.panel-actions > div {
  pointer-events: auto;
  border: 1px solid rgba(148,163,184,.20);
  border-radius: 999px;
  padding: 6px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 38px rgba(15,23,42,.08);
  backdrop-filter: blur(18px);
}
.panel-actions .btn {
  min-height: 38px;
  border-radius: 999px !important;
  padding-inline: 14px;
  box-shadow: none !important;
}
.card-soft,
.glass,
.store-card,
.leader-list,
.secure-api-box,
.settings-footer,
.admin-data-table-wrap {
  border: 1px solid var(--y-line) !important;
  border-radius: var(--y-radius) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: var(--y-shadow) !important;
  backdrop-filter: blur(18px);
}
.card-soft {
  padding: 22px !important;
}
.card-soft h2,
.modal-card h2,
.login-card h2 {
  letter-spacing: -.035em;
}
.metric {
  min-height: 82px !important;
  border-radius: 24px !important;
  padding: 16px 18px !important;
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 60%, #00a86b 100%) !important;
  box-shadow: 0 20px 46px rgba(29,78,216,.16) !important;
}
.metric.alt {
  background: linear-gradient(135deg, #0f172a, #334155) !important;
}
.metric.warn {
  background: linear-gradient(135deg, #92400e, #f59e0b) !important;
}
.metric.danger {
  background: linear-gradient(135deg, #991b1b, #ef4444) !important;
}
.metric .label {
  font-size: 11px !important;
  letter-spacing: .08em !important;
}
.metric .value {
  font-size: 27px !important;
  letter-spacing: -.04em;
}
.form-control,
.form-select {
  min-height: 48px !important;
  border: 1px solid rgba(148,163,184,.34) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.form-control:focus,
.form-select:focus {
  border-color: rgba(29,78,216,.45) !important;
  box-shadow: 0 0 0 4px rgba(29,78,216,.10) !important;
}
.btn {
  min-height: 42px;
  border-radius: 16px !important;
  font-weight: 900 !important;
}
.btn-brand {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1d4ed8, #00a86b) !important;
  box-shadow: 0 14px 30px rgba(29,78,216,.16) !important;
}
.btn-dark {
  border: 0 !important;
  background: linear-gradient(135deg, #0a1220, #26364f) !important;
}
.btn-light,
.btn-outline-dark,
.btn-outline-light {
  border-color: rgba(148,163,184,.30) !important;
  background: rgba(255,255,255,.76) !important;
  color: var(--y-ink) !important;
}
.status-badge,
.driver-status-pill,
.table-discount {
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 950 !important;
}
.admin-data-table {
  min-width: 960px !important;
}
.admin-data-table th {
  padding: 14px 16px !important;
  color: #64748b !important;
  background: rgba(248,250,252,.82) !important;
}
.admin-data-table td {
  padding: 14px 16px !important;
  color: #1e293b !important;
}
.table-actions .btn {
  min-height: 34px !important;
  border-radius: 12px !important;
}
.empty {
  border-radius: 22px !important;
  background: rgba(248,250,252,.62) !important;
}
.modal-card,
.notify-card,
.app-preview-panel {
  border-radius: 30px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 34px 90px rgba(15,23,42,.22) !important;
}
.login-card {
  border-radius: 34px !important;
}
.login-side {
  background:
    radial-gradient(circle at 90% 12%, rgba(0,168,107,.24), transparent 30%),
    linear-gradient(145deg, #0a1220, #173579) !important;
}
@media (max-width: 980px) {
  .app-shell {
    grid-template-columns: 1fr !important;
  }
  .sidebar {
    position: relative !important;
    height: auto !important;
    border-radius: 0 0 28px 28px !important;
  }
  .nav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .content {
    padding: 18px 14px 40px !important;
  }
  .panel-actions {
    top: 8px;
  }
}
.commercial-review-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:18px;padding:17px 0;border-bottom:1px solid #e7ebf0}.commercial-review-card h3{margin:7px 0 3px;font-size:18px;font-weight:900}.commercial-review-card p{margin:0 0 5px;color:#596273}.commercial-review-card small{color:#7d8590}.commercial-review-card details{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f7f8fa;font-size:12px}.commercial-review-card summary{cursor:pointer;font-weight:900}.commercial-review-actions{display:flex;gap:7px;min-width:180px}.commercial-review-actions select{min-width:180px}@media(max-width:680px){.commercial-review-card{grid-template-columns:1fr}.commercial-review-actions{min-width:0}}

.business-application-control{display:grid;gap:16px}.business-application-flow-note{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #cfe2ff;border-radius:18px;background:linear-gradient(135deg,#f4f8ff,#fff)}.business-application-flow-note>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;color:#245eea;background:#e1ebff;font-size:20px}.business-application-flow-note>div{display:grid;gap:2px}.business-application-flow-note strong{color:#13213a;font-size:13px}.business-application-flow-note small{color:#5f6e86;font-size:10px;line-height:1.45}.business-application-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.business-application-metric{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e9ef;border-radius:17px;background:#fff}.business-application-metric>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px}.business-application-metric>div{display:grid}.business-application-metric small{color:#6f7b8d;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.business-application-metric strong{color:#121827;font-size:20px}.business-application-metric.is-blue>span{color:#245eea;background:#e5edff}.business-application-metric.is-orange>span{color:#c75200;background:#fff0df}.business-application-metric.is-green>span{color:#087a57;background:#dcf8ec}.business-application-metric.is-red>span{color:#c83232;background:#ffe8e8}.business-application-scope{display:flex;align-items:center;gap:7px;color:#687486;font-size:10px;font-weight:800}.business-application-scope i{color:#ff6500}.business-application-filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px 210px auto;align-items:end;gap:10px;padding:12px;border:1px solid #e3e8ef;border-radius:18px;background:#f7f9fb}.business-application-filters label{display:grid;gap:5px;color:#445063;font-size:9px;font-weight:900;text-transform:uppercase}.business-application-filters input,.business-application-filters select{width:100%;height:42px;padding:0 12px;border:1px solid #d9e0e9;border-radius:12px;outline:0;color:#172033;background:#fff;font-size:12px;font-weight:700;text-transform:none}.business-application-search>span:last-child{position:relative;display:block}.business-application-search>span:last-child i{position:absolute;top:13px;left:12px;color:#8290a4}.business-application-search input{padding-left:35px}.business-application-filters>button{height:42px;padding:0 14px;border:1px solid #d9e0e9;border-radius:12px;color:#344055;background:#fff;font-size:11px;font-weight:900;white-space:nowrap}.business-application-routing-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #f4d99a;border-radius:16px;color:#6c4a00;background:#fff8df}.business-application-routing-alert>i{font-size:20px}.business-application-routing-alert>div{display:grid}.business-application-routing-alert strong{font-size:12px}.business-application-routing-alert small{font-size:9px}.business-application-routing-alert button{padding:8px 11px;border:0;border-radius:10px;color:#fff;background:#182131;font-size:10px;font-weight:900}.business-application-routing-alert.is-error{border-color:#ffc7c7;color:#8e2323;background:#fff0f0}.business-application-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:#667084;font-size:12px}.business-application-card{padding:16px;border:1px solid #e6eaf0;border-radius:18px;background:#fff}.business-application-card+.business-application-card{margin-top:10px}.business-application-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.business-application-type,.business-application-source{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.04em}.business-application-type{color:#9d4100;background:#fff0e5}.business-application-source{color:#24558c;background:#e9f3ff}.business-application-facts{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:#667386;font-size:10px;font-weight:700}.business-application-facts span{display:inline-flex;align-items:center;gap:5px}.business-application-facts i{color:#ff6500}.business-application-actions{align-items:stretch;flex-direction:column;min-width:190px}.business-application-actions .btn{width:100%;white-space:nowrap}.business-application-closed{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:11px;color:#536174;background:#f0f3f7;font-size:10px;font-weight:900}
@media(max-width:980px){.business-application-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.business-application-filters{grid-template-columns:minmax(220px,1fr) 160px}.business-application-filters>button{align-self:end}}
@media(max-width:600px){.business-application-admin-card{padding:14px!important}.business-application-metrics,.business-application-filters{grid-template-columns:1fr}.business-application-flow-note{align-items:flex-start}.business-application-routing-alert{grid-template-columns:auto 1fr}.business-application-routing-alert button{grid-column:1/-1}.business-application-card{padding:13px}.business-application-actions{min-width:0}.business-application-facts{display:grid}.business-application-badges{align-items:flex-start}}

/* Revisión segura y paginación de altas comerciales */
.business-application-quarantine{display:grid;gap:11px;padding:14px;border:1px solid #f5c7c7;border-radius:20px;background:#fff8f8}.business-application-quarantine>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.business-application-quarantine>header>div{display:grid}.business-application-quarantine>header small{color:#b42318;font-size:8px;font-weight:950;letter-spacing:.1em}.business-application-quarantine>header h3{margin:2px 0;font-size:15px;font-weight:950}.business-application-quarantine>header p{margin:0;color:#7a5660;font-size:10px}.business-application-quarantine>header>span{display:grid;min-width:36px;height:36px;place-items:center;border-radius:12px;color:#b42318;background:#fee4e2;font-weight:950}.business-application-card.is-quarantine{border-color:#f3d0d0}.business-application-card.is-quarantine .business-application-type{color:#9f2019;background:#fee9e7}
.business-application-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #e2e7ed;border-radius:17px;background:#f8fafc}.business-application-pagination>div{display:grid}.business-application-pagination strong{color:#253044;font-size:11px}.business-application-pagination small{color:#687386;font-size:9px}.business-application-pagination>button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:0;border-radius:12px;color:#fff;background:#172033;font-size:10px;font-weight:950}.business-application-pagination>button:disabled{cursor:wait;opacity:.62}
.business-application-review-modal{position:fixed;z-index:28000;inset:0;display:grid;place-items:center;padding:20px}.business-application-review-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(7,12,22,.7);backdrop-filter:blur(7px)}.business-application-review-card{position:relative;display:flex;width:min(1050px,100%);max-height:92vh;overflow:hidden;flex-direction:column;border-radius:28px;background:#fff;box-shadow:0 36px 100px rgba(6,12,24,.38)}.business-application-review-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 22px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,101,0,.52),transparent 32%),linear-gradient(135deg,#111827,#26344b)}.business-application-review-card>header>div{display:grid}.business-application-review-card>header small{color:#ffb580;font-size:9px;font-weight:950;letter-spacing:.11em}.business-application-review-card>header h3{margin:3px 0 1px;font-size:22px;font-weight:950}.business-application-review-card>header p{margin:0;color:#d3dae5;font-size:10px}.business-application-review-card>header>button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;background:rgba(255,255,255,.08)}.business-application-review-card>main{display:grid;gap:14px;overflow:auto;padding:18px 21px 22px}.business-application-review-media{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1fr);gap:10px}.business-application-review-media figure{position:relative;display:grid;min-height:180px;overflow:hidden;place-items:center;margin:0;border:1px solid #e1e6ed;border-radius:18px;color:#738096;background:#f4f6f9}.business-application-review-media figure.is-cover{min-height:220px}.business-application-review-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f4f6f9}.business-application-review-media figure.is-cover img{object-fit:cover}.business-application-review-media figure>span{display:grid;gap:5px;place-items:center;font-size:10px;font-weight:900}.business-application-review-media figure>span i{font-size:25px}.business-application-review-media figcaption{position:absolute;right:8px;bottom:8px;padding:5px 8px;border-radius:8px;color:#fff;background:rgba(12,20,34,.8);font-size:8px;font-weight:950}.business-application-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.business-application-review-grid>section,.business-application-review-description{display:grid;align-content:start;gap:2px;padding:11px 12px;border:1px solid #e4e8ee;border-radius:14px;background:#fafbfc}.business-application-review-grid small,.business-application-review-description small{color:#6d7787;font-size:8px;font-weight:950}.business-application-review-grid strong{overflow-wrap:anywhere;font-size:12px}.business-application-review-grid span,.business-application-review-description p{overflow-wrap:anywhere;margin:0;color:#606c7e;font-size:10px;line-height:1.5}.business-application-review-grid.is-detail{grid-template-columns:repeat(4,minmax(0,1fr))}.business-application-review-warning{display:flex;gap:10px;padding:12px;border:1px solid #f7c7c3;border-radius:14px;color:#912018;background:#fff3f2}.business-application-review-warning>div{display:grid}.business-application-review-warning strong{font-size:11px}.business-application-review-warning span{font-size:9px}.business-application-review-form{display:grid;gap:12px}.business-application-review-form>label{display:grid;gap:5px}.business-application-review-form>label>span{font-size:10px;font-weight:900}.business-application-review-form textarea{width:100%;padding:10px 12px;border:1px solid #d6dde6;border-radius:13px;resize:vertical;font-size:11px}.business-application-review-form .business-application-review-ack{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:11px;border:1px solid #b7dfca;border-radius:13px;background:#effcf5}.business-application-review-ack input{width:17px;height:17px;accent-color:#087a57}.business-application-review-form>div:last-child{display:flex;justify-content:flex-end;gap:8px}.business-application-review-form button,.business-application-review-finished button,.business-application-review-load-error button{min-height:42px;padding:9px 14px;border:1px solid #d5dce5;border-radius:12px;background:#fff;font-size:10px;font-weight:950}.business-application-review-form button[type=submit]{border:0;color:#fff;background:#172033}.business-application-review-form button.is-approved{background:#087a57}.business-application-review-form button.is-rejected{background:#c9352b}.business-application-review-form button.is-suspended{color:#432b00;background:#f4b740}.business-application-review-finished{display:flex;align-items:center;gap:9px;padding:11px;border-radius:13px;background:#f3f5f7}.business-application-review-finished>span{flex:1;font-size:10px}.business-application-review-load-error{display:grid;min-height:180px;place-items:center;align-content:center;gap:12px;padding:24px;color:#9b2720;text-align:center}.business-application-review-load-error>i{font-size:30px}.business-application-review-load-error>div{display:flex;gap:8px}.business-application-review-load-error button:last-child{color:#fff;background:#172033}
@media(max-width:760px){.business-application-review-modal{padding:0}.business-application-review-card{width:100%;height:100%;max-height:none;border-radius:0}.business-application-review-card>main{padding:12px}.business-application-review-media{grid-template-columns:1fr 110px}.business-application-review-media figure,.business-application-review-media figure.is-cover{min-height:145px}.business-application-review-grid.is-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.business-application-pagination{align-items:stretch;flex-direction:column}.business-application-pagination>button{width:100%}}
@media(max-width:600px){.business-application-review-media,.business-application-review-grid,.business-application-review-grid.is-detail{grid-template-columns:1fr}.business-application-review-form>div:last-child{display:grid;grid-template-columns:1fr}.business-application-review-form button{min-height:48px}}

.featured-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:26px 28px;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 5%,rgba(255,159,82,.35),transparent 34%),linear-gradient(135deg,#111317,#2b190f 58%,#ff6500);box-shadow:0 18px 38px rgba(27,29,33,.16)}.featured-admin-hero>div:first-child{max-width:790px}.featured-admin-hero span{display:inline-flex;align-items:center;gap:7px;color:#ffba89;font-size:10px;font-weight:900;letter-spacing:.12em}.featured-admin-hero h2{margin:8px 0 6px;font-size:27px;font-weight:900}.featured-admin-hero p{max-width:720px;margin:0;color:#e5e7eb;font-size:13px}.featured-admin-hero-actions{display:flex;flex:0 0 auto;gap:9px}.featured-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.featured-admin-toolbar>label{display:flex;align-items:center;gap:9px;flex:1;max-width:580px;padding:0 14px;border:1px solid #dfe3e8;border-radius:14px;background:#f8f9fb}.featured-admin-toolbar>label i{color:#ff6500}.featured-admin-toolbar input{width:100%;padding:12px 0;border:0;outline:0;background:transparent;font-weight:700}.featured-admin-toolbar>div{display:grid;text-align:right}.featured-admin-toolbar strong{font-size:14px}.featured-admin-toolbar small{color:#7b8490;font-size:10px}.featured-admin-grid{display:grid;gap:12px}.featured-admin-product{display:grid;grid-template-columns:116px minmax(0,1fr) 190px;align-items:stretch;gap:16px;padding:11px;border:1px solid #e5e7eb;border-radius:19px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.featured-admin-product.is-featured{border-color:#ff9856;box-shadow:0 12px 28px rgba(255,101,0,.11);transform:translateY(-1px)}.featured-admin-product.is-disabled{opacity:.62}.featured-admin-media{position:relative;display:grid;place-items:center;min-height:112px;overflow:hidden;border-radius:14px;color:#ff6500;background:linear-gradient(145deg,#fff0e5,#ffddc5);font-size:28px}.featured-admin-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.featured-admin-media>span{position:absolute;top:7px;left:7px;padding:4px 6px;border-radius:7px;color:#fff;background:#111317;font-size:8px;font-weight:900;letter-spacing:.08em}.featured-admin-copy{display:grid;min-width:0;align-content:center}.featured-admin-copy>small{overflow:hidden;color:#747c87;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.featured-admin-copy h3{margin:4px 0 3px;font-size:17px;font-weight:900}.featured-admin-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#6b7280;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.featured-admin-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:9px;font-size:10px;font-weight:800}.featured-admin-meta>span,.featured-admin-meta>a{display:inline-flex;align-items:center;gap:5px;color:#5f6874;text-decoration:none}.featured-admin-meta i{color:#ff6500}.featured-admin-price strong{color:#111317;font-size:14px}.featured-admin-price span{color:#969ca5;text-decoration:line-through}.featured-admin-controls{display:grid;align-content:center;gap:9px;padding:7px 9px;border-left:1px solid #edf0f3}.featured-admin-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.featured-admin-switch input{position:absolute;opacity:0;pointer-events:none}.featured-admin-switch>span{position:relative;width:42px;height:24px;border-radius:999px;background:#d8dde3;transition:background .2s ease}.featured-admin-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .2s ease}.featured-admin-switch input:checked+span{background:#ff6500}.featured-admin-switch input:checked+span::after{transform:translateX(18px)}.featured-admin-switch input:disabled+span{opacity:.55}.featured-admin-switch b{font-size:11px}.featured-admin-order{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#69717d;font-size:10px;font-weight:800}.featured-admin-order input{width:72px;padding:6px 8px;border:1px solid #dfe3e8;border-radius:9px}.featured-admin-controls em{color:#a04919;font-size:9px;font-style:normal;font-weight:800}.featured-admin-empty{grid-column:1/-1;display:grid;place-items:center;gap:6px;min-height:250px;color:#818895;text-align:center}.featured-admin-empty i{color:#ff6500;font-size:34px}.featured-admin-empty strong{color:#25282d}

@media(max-width:900px){.featured-admin-hero{align-items:flex-start;flex-direction:column}.featured-admin-hero-actions{width:100%}.featured-admin-hero-actions .btn{flex:1}.featured-admin-product{grid-template-columns:100px minmax(0,1fr)}.featured-admin-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f3;border-left:0}.featured-admin-order{gap:12px}}
@media(max-width:600px){.featured-admin-hero{padding:20px;border-radius:20px}.featured-admin-hero h2{font-size:22px}.featured-admin-hero-actions{flex-direction:column}.featured-admin-toolbar{align-items:stretch;flex-direction:column}.featured-admin-toolbar>label{max-width:none}.featured-admin-toolbar>div{text-align:left}.featured-admin-product{grid-template-columns:86px minmax(0,1fr);gap:11px}.featured-admin-media{min-height:98px}.featured-admin-copy h3{font-size:15px}.featured-admin-controls{align-items:flex-start;flex-direction:column}.featured-admin-order{width:100%;justify-content:flex-start}.featured-admin-order input{margin-left:auto}}
.business-support-list{display:grid}.business-support-list>button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:11px;border:0;border-bottom:1px solid #e9edf1;background:#fff;text-align:left}.business-support-list>button.active{border-radius:12px;background:#fff1e8}.business-support-list>button>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#ff6500;background:#fff1e8}.business-support-list span{display:grid;min-width:0}.business-support-list small{overflow:hidden;color:#77808b;text-overflow:ellipsis;white-space:nowrap}.business-support-list b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;color:#fff;background:#ef4444;font-size:10px}.admin-business-chat{overflow:hidden;border:1px solid #e4e8ed;border-radius:18px}.admin-chat-messages{display:flex;height:330px;flex-direction:column;gap:8px;overflow:auto;padding:14px;background:#f4f6f8}.admin-chat-messages>div{display:grid;align-self:flex-start;max-width:80%}.admin-chat-messages>div.mine{align-self:flex-end}.admin-chat-messages span{padding:9px 11px;border-radius:13px;background:#fff}.admin-chat-messages .mine span{color:#fff;background:#ff6500}.admin-chat-messages small{color:#8b929b;font-size:9px}.admin-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;background:#fff}

/* Editor de políticas legales */
.legal-admin-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px}
.legal-document-list{display:grid;align-content:start;gap:7px;padding:8px;border:1px solid #e4e8ee;border-radius:22px;background:#f6f8fa}
.legal-document-list>button{display:grid;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;padding:11px;border:1px solid transparent;border-radius:15px;color:#384150;background:transparent;text-align:left}
.legal-document-list>button:hover{background:#fff}
.legal-document-list>button.active{border-color:#ffd5ba;color:#9c3d00;background:#fff;box-shadow:0 9px 22px rgba(31,41,55,.07)}
.legal-document-list>button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:#ff6508;font-size:9px;font-weight:950}
.legal-document-list>button>div{display:grid;min-width:0}
.legal-document-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.legal-document-list small{color:#7a8390;font-size:8px}
.legal-document-list i{color:#a0a7b0;font-size:10px}
.legal-document-editor{min-width:0;padding:16px;border:1px solid #e4e8ee;border-radius:22px;background:#fff}
.legal-content-editor{min-height:390px!important;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}
.legal-required-check{display:flex;align-items:flex-start;gap:10px;margin:0;padding:13px;border:1px solid #e3e8ee;border-radius:16px;background:#f8fafc}
.legal-required-check span{display:grid}
.legal-required-check small{color:#75808e;font-size:9px}
.legal-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.legal-editor-footer>div{display:grid}
.legal-editor-footer small{color:#7a8490;font-size:9px}
@media(max-width:900px){.legal-admin-layout{grid-template-columns:1fr}.legal-document-list{display:flex;overflow-x:auto}.legal-document-list>button{flex:0 0 220px}.legal-editor-footer{align-items:stretch;flex-direction:column}.legal-editor-footer .btn{width:100%}}

/* Dueños de negocio y reclamación de fichas */
.business-owners-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:26px 28px;border-radius:26px;color:#fff;background:radial-gradient(circle at 87% 2%,rgba(255,101,0,.46),transparent 29%),linear-gradient(135deg,#101318,#222933 56%,#71300d);box-shadow:0 20px 42px rgba(17,24,39,.16)}
.business-owners-hero>div:first-child{max-width:850px}.business-owners-hero span{display:inline-flex;align-items:center;gap:7px;color:#ffb27e;font-size:10px;font-weight:950;letter-spacing:.12em}.business-owners-hero h2{margin:8px 0 5px;font-size:28px;font-weight:950}.business-owners-hero p{margin:0;color:#d8dde4;font-size:13px}.business-owners-hero-actions{display:flex;flex:0 0 auto;gap:8px}
.business-owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.business-owner-metric{display:flex;align-items:center;gap:12px;min-height:88px;padding:15px;border:1px solid #e3e7ec;border-radius:20px;background:#fff;box-shadow:0 10px 25px rgba(17,24,39,.05)}.business-owner-metric>span{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;color:#1369d7;background:#eaf3ff;font-size:19px}.business-owner-metric>div{display:grid}.business-owner-metric small{color:#6e7784;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.business-owner-metric strong{font-size:23px;line-height:1.1}.business-owner-metric.is-green>span{color:#078048;background:#e6f8ef}.business-owner-metric.is-orange>span{color:#c34e00;background:#fff0e5}.business-owner-metric.is-purple>span{color:#7138b8;background:#f2eafe}
.business-owner-search{max-width:280px}.business-claim-grid,.business-owner-directory{display:grid;gap:10px}.business-claim-card{padding:15px;border:1px solid #e3e7ec;border-radius:18px;background:linear-gradient(160deg,#fff,#fbfcfd)}.business-claim-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.business-claim-head>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:#ff6500}.business-claim-head small{color:#a04919;font-size:8px;font-weight:950;letter-spacing:.08em}.business-claim-head h4{margin:2px 0;font-size:15px;font-weight:950}.business-claim-head p{margin:0;color:#727b87;font-size:9px}.business-claim-person{display:grid;margin-top:12px;padding:11px;border-radius:13px;background:#f5f7f9}.business-claim-person strong{font-size:12px}.business-claim-person a{color:#596473;font-size:9px;text-decoration:none}.business-claim-notes{display:flex;gap:8px;margin-top:9px;padding:9px;border-left:3px solid #ff6500;color:#4e5763;background:#fff7f1;font-size:9px}.business-claim-date{display:block;margin-top:8px;color:#89919b;font-size:8px}.business-claim-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.business-owner-row{display:grid;grid-template-columns:1fr;align-items:center;gap:11px;padding:13px;border:1px solid #e4e8ed;border-radius:18px;background:#fff}.business-owner-person{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.business-owner-person>span{display:grid;width:44px;height:44px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#ff6500,#c34300);font-weight:950}.business-owner-person>div{display:grid;min-width:0}.business-owner-person h4{overflow:hidden;margin:0;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.business-owner-person a,.business-owner-person small{overflow:hidden;color:#707986;font-size:8px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.business-owner-businesses{display:grid;gap:6px}.business-owner-businesses>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:12px;background:#f6f8fa}.business-owner-businesses>div>span:first-child{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;min-width:0}.business-owner-businesses i{grid-row:1/3;color:#ff6500}.business-owner-businesses strong,.business-owner-businesses small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-owner-businesses strong{font-size:10px}.business-owner-businesses small{color:#7c8490;font-size:8px}.business-owner-row-actions{display:flex;flex:0 0 auto;gap:5px}.business-owner-account-actions{display:flex;justify-content:flex-start}
.owner-link-guide{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #dfe5eb;border-radius:16px;background:#f7f9fb}.owner-link-guide>i{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:#17191c;font-size:18px}.owner-link-guide>span{display:grid}.owner-link-guide strong{font-size:11px}.owner-link-guide small{color:#707986;font-size:9px}.business-owner-modal-card{width:min(760px,calc(100% - 24px))}.business-owner-credential-result{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:14px;border:1px solid #b7ead1;border-radius:16px;color:#05613a;background:#ecfbf4}.business-owner-credential-result>i{font-size:22px}.business-owner-credential-result>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.business-owner-credential-result strong,.business-owner-credential-result span{width:100%}.business-owner-credential-result code{padding:6px 8px;border-radius:8px;color:#17191c;background:#fff;font-weight:900}
@media(max-width:1180px){.business-owner-row{grid-template-columns:1fr}.business-owner-account-actions{justify-content:flex-start}.business-owner-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.business-owners-hero{align-items:flex-start;flex-direction:column;padding:20px}.business-owners-hero-actions{width:100%}.business-owners-hero-actions .btn:first-child{flex:1}.business-owner-metrics{gap:8px}.business-owner-metric{min-height:76px;padding:11px}.business-owner-metric>span{width:38px;height:38px}.business-owner-metric strong{font-size:19px}.business-owner-search{max-width:none}.business-owner-businesses>div{align-items:flex-start;flex-direction:column}.business-owner-row-actions{width:100%}.business-owner-row-actions .btn{flex:1}}
.business-owner-play-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:15px 17px;border:1px solid #ccd9ff;border-radius:19px;background:linear-gradient(135deg,#f8faff,#eef3ff);box-shadow:0 10px 28px rgba(29,78,216,.07)}
.business-owner-play-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#2854d7,#112b83);font-size:20px}.business-owner-play-guide>div{display:grid;gap:2px;min-width:0}.business-owner-play-guide small{color:#3151b7;font-size:10px;font-weight:950;letter-spacing:.08em}.business-owner-play-guide strong{color:#14213d;font-size:14px}.business-owner-play-guide p{margin:0;color:#667085;font-size:11px;line-height:1.45}.business-owner-play-guide .btn{min-height:44px;white-space:nowrap;font-size:11px;font-weight:900}
.business-owner-search{position:relative;display:flex;width:min(100%,290px);max-width:290px;align-items:center}.business-owner-search>i{position:absolute;z-index:1;left:12px;color:#77808d}.business-owner-search>.form-control{width:100%;padding-left:37px;font-size:12px}
.business-owner-link-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid #b8c7f9;border-radius:10px;color:#173fae;background:#f3f6ff;font-size:10px;font-weight:900;cursor:pointer}.business-owner-link-action:hover,.business-owner-link-action:focus-visible{border-color:#173fae;color:#fff;background:#173fae;outline:none}
body.business-owner-modal-open{overflow:hidden}.business-owner-modal-card{display:flex;flex-direction:column;width:min(980px,calc(100% - 24px));max-height:calc(100dvh - 44px);overflow:hidden;padding:0;border-radius:24px}.business-owner-modal-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 24px 16px;border-bottom:1px solid #edf0f4;background:#fff}.business-owner-modal-header h2{margin:2px 0 3px;color:#172033;font-size:23px;font-weight:950}.business-owner-modal-header p{max-width:720px;margin:0;color:#687386;font-size:12px;line-height:1.45}.business-owner-modal-close{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;padding:0}.business-owner-modal-card>form{display:block;flex:1;min-height:0;overflow-y:auto;padding:16px 24px 0;scrollbar-color:#a7b0bf #eef1f5;scrollbar-width:thin}.business-owner-modal-card>form::-webkit-scrollbar,.business-owner-picker-results::-webkit-scrollbar{width:10px}.business-owner-modal-card>form::-webkit-scrollbar-track,.business-owner-picker-results::-webkit-scrollbar-track{background:#eef1f5;border-radius:999px}.business-owner-modal-card>form::-webkit-scrollbar-thumb,.business-owner-picker-results::-webkit-scrollbar-thumb{border:2px solid #eef1f5;border-radius:999px;background:#9aa5b4}
.owner-link-guide{margin-bottom:14px}.owner-link-guide strong{font-size:12px}.owner-link-guide small{font-size:10px;line-height:1.4}
.business-owner-picker{padding:16px;border:1px solid #dce3ec;border-radius:20px;background:#f8fafc}.business-owner-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.business-owner-picker-heading>div{display:grid}.business-owner-picker-heading span,.business-owner-account-fields legend>span{color:#df5700;font-size:9px;font-weight:950;letter-spacing:.1em}.business-owner-picker-heading h3{margin:2px 0;color:#172033;font-size:18px;font-weight:950}.business-owner-picker-heading p{margin:0;color:#727d8c;font-size:10px}.business-owner-picker-heading>strong{padding:6px 9px;border-radius:999px;color:#344054;background:#fff;font-size:10px;white-space:nowrap}
.business-owner-picker-scopes,.business-owner-picker-source-row>div{display:flex;flex-wrap:wrap;gap:6px}.business-owner-picker-scopes{margin-top:13px}.business-owner-picker-scopes button,.business-owner-picker-source-row button{min-height:36px;padding:7px 12px;border:1px solid #d9dfe8;border-radius:999px;color:#566173;background:#fff;font-size:10px;font-weight:900;cursor:pointer}.business-owner-picker-scopes button.is-active,.business-owner-picker-source-row button.is-active{border-color:#173fae;color:#fff;background:#173fae;box-shadow:0 6px 16px rgba(23,63,174,.18)}.business-owner-picker-scopes button:focus-visible,.business-owner-picker-source-row button:focus-visible{outline:3px solid rgba(23,63,174,.25);outline-offset:2px}
.business-owner-picker-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.8fr) minmax(150px,.7fr);gap:9px;margin-top:11px}.business-owner-picker-toolbar label{display:grid;gap:5px;min-width:0}.business-owner-picker-toolbar label>span:first-child{color:#536071;font-size:10px;font-weight:900}.business-owner-picker-toolbar select,.business-owner-picker-search>span:last-child{display:flex;width:100%;min-height:43px;align-items:center;border:1px solid #d7dee8;border-radius:12px;color:#243047;background:#fff;font-size:11px}.business-owner-picker-toolbar select{padding:0 10px}.business-owner-picker-search>span:last-child{gap:8px;padding:0 11px}.business-owner-picker-search i{color:#667085}.business-owner-picker-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit}.business-owner-picker-toolbar select:focus,.business-owner-picker-search>span:last-child:focus-within{border-color:#315bd4;box-shadow:0 0 0 3px rgba(49,91,212,.13);outline:none}
.business-owner-picker-source-row{display:flex;align-items:center;gap:9px;margin-top:10px}.business-owner-picker-source-row>span{color:#667085;font-size:10px;font-weight:900}.business-owner-picker-source-row button{min-height:32px;padding:5px 10px}
.business-owner-picker-results{min-height:150px;max-height:350px;margin-top:12px;overflow-y:auto;padding:2px 7px 2px 2px;overscroll-behavior:contain;scrollbar-color:#8c98aa #e6eaf0;scrollbar-width:auto}.business-owner-picker-list{display:grid;gap:8px}.business-owner-picker-card{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #dfe5ed;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.business-owner-picker-card:hover{border-color:#9eb4f4;transform:translateY(-1px)}.business-owner-picker-card:has(input:focus-visible){outline:3px solid rgba(49,91,212,.23);outline-offset:1px}.business-owner-picker-card.is-selected{border-color:#315bd4;background:#f7f9ff;box-shadow:0 8px 20px rgba(49,91,212,.12)}.business-owner-picker-card.is-disabled{opacity:.55;cursor:not-allowed}.business-owner-picker-card>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.business-owner-picker-check{padding-top:2px;color:#9aa4b2;font-size:17px}.business-owner-picker-card.is-selected .business-owner-picker-check{color:#315bd4}.business-owner-picker-card-main{display:grid;gap:5px;min-width:0}.business-owner-picker-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.business-owner-picker-title>strong{min-width:120px;overflow:hidden;color:#172033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.business-owner-origin,.business-owner-ownership{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.03em}.business-owner-origin.is-imported{color:#6d28d9;background:#f1eaff}.business-owner-origin.is-yovoy{color:#075e37;background:#e8f8ef}.business-owner-ownership.is-linked{color:#a43b00;background:#fff0e5}.business-owner-ownership.is-eligible{color:#1854b8;background:#eaf2ff}.business-owner-picker-meta{display:flex;flex-wrap:wrap;gap:4px 11px;color:#687386;font-size:10px;line-height:1.4}.business-owner-picker-meta>span{display:inline-flex;align-items:center;gap:4px}.business-owner-current{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;color:#7a3b15;background:#fff4ec;font-size:9px;font-weight:850}
.business-owner-picker-loading,.business-owner-picker-state{display:grid;min-height:150px;place-content:center;place-items:center;gap:7px;padding:20px;color:#687386;text-align:center}.business-owner-picker-loading{grid-template-columns:auto auto}.business-owner-picker-state>i{color:#315bd4;font-size:27px}.business-owner-picker-state>strong{color:#263247;font-size:12px}.business-owner-picker-state>span{max-width:430px;font-size:10px}.business-owner-picker-state.is-error>i{color:#c9362b}.business-owner-show-more{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:8px;margin-top:8px;border:1px dashed #aeb8c7;border-radius:12px;color:#3151a4;background:#fff;font-size:10px;font-weight:900;cursor:pointer}.business-owner-show-more span{color:#7b8492;font-weight:700}
.business-owner-selected{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #9fc9af;border-radius:14px;color:#075e37;background:#effaf3}.business-owner-selected>i{font-size:20px}.business-owner-selected>span{display:grid;min-width:0}.business-owner-selected small{font-size:8px;font-weight:950;letter-spacing:.08em}.business-owner-selected strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.business-owner-selected span span{font-size:9px}.business-owner-selected.is-empty{grid-template-columns:auto 1fr;border-style:dashed;border-color:#ccd3dd;color:#687386;background:#fff}.business-owner-selected.is-empty .btn{display:none}
.business-owner-account-fields{min-width:0;margin:15px 0 0;padding:16px;border:1px solid #e2e6ec;border-radius:19px;background:#fff}.business-owner-account-fields legend{float:none;width:auto;margin:0;color:#172033;font-size:17px;font-weight:950}.business-owner-account-fields legend>span{display:block}.business-owner-account-fields>p{margin:0 0 11px;color:#6f7886;font-size:10px}.business-owner-account-fields .form-label{margin-bottom:5px;font-size:10px}.business-owner-account-fields .form-control{min-height:43px;font-size:12px}.business-owner-account-fields .form-text{font-size:9px;line-height:1.4}.business-owner-password-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.business-owner-password-control .btn{min-height:43px;font-size:9px;font-weight:900;white-space:nowrap}
.business-owner-modal-message{min-height:20px;margin-top:10px;font-size:11px;font-weight:900}.business-owner-modal-message.is-error{color:#b42318}.business-owner-modal-message.is-success{color:#087a45}.business-owner-modal-actions{position:sticky;z-index:4;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin:14px -24px 0;padding:13px 24px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e5e9ef;background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(18,28,45,.07);backdrop-filter:blur(10px)}.business-owner-modal-actions .btn{min-height:44px;font-size:11px;font-weight:900}.business-owner-modal-actions .btn-brand{min-width:165px}.business-owner-credential-result code{font-size:11px;word-break:break-all}.business-owner-protected{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:10px;font-weight:850}
@media(max-width:900px){.business-owner-play-guide{grid-template-columns:auto minmax(0,1fr)}.business-owner-play-guide>.btn{grid-column:1/-1;width:100%}.business-owner-picker-toolbar{grid-template-columns:1fr 1fr}.business-owner-picker-search{grid-column:1/-1}.business-directory-actions{flex-wrap:wrap}}
@media(max-width:650px){.modal-shell:has(.business-owner-modal-card){align-items:end;padding:max(8px,env(safe-area-inset-top)) 0 0}.business-owner-modal-card{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0}.business-owner-modal-header{padding:16px 15px 12px}.business-owner-modal-header h2{font-size:20px}.business-owner-modal-header p{font-size:11px}.business-owner-modal-card>form{padding:12px 13px 0}.owner-link-guide{align-items:flex-start;padding:11px}.business-owner-picker{padding:12px;border-radius:16px}.business-owner-picker-heading{align-items:flex-start}.business-owner-picker-heading h3{font-size:16px}.business-owner-picker-toolbar{grid-template-columns:1fr}.business-owner-picker-search{grid-column:auto}.business-owner-picker-source-row{align-items:flex-start;flex-direction:column}.business-owner-picker-source-row>div{width:100%}.business-owner-picker-source-row button{flex:1}.business-owner-picker-results{max-height:310px;padding-right:6px}.business-owner-picker-card{padding:11px 9px}.business-owner-picker-title>strong{width:100%;font-size:12px}.business-owner-selected{grid-template-columns:auto minmax(0,1fr)}.business-owner-selected>.btn{grid-column:1/-1;width:100%}.business-owner-account-fields{padding:12px}.business-owner-password-control{grid-template-columns:1fr}.business-owner-password-control .btn{width:100%}.business-owner-modal-actions{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.business-owner-modal-actions .btn{flex:1}.business-owner-play-guide{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.business-owner-play-icon{width:40px;height:40px}.business-owner-play-guide strong{font-size:12px}.business-owner-play-guide p{font-size:10px}.business-owner-search{width:100%;max-width:none}.business-owner-link-action{width:100%}}
@media(prefers-reduced-motion:reduce){.business-owner-picker-card{transition:none}.business-owner-picker-card:hover{transform:none}}
.featured-admin-product.is-pinned{border-color:#d9a514;box-shadow:0 12px 30px rgba(217,165,20,.16)}
.featured-admin-pin{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ece2bd;border-radius:11px;background:#fffaf0;cursor:pointer}.featured-admin-pin>input{width:18px;height:18px;accent-color:#d79a00}.featured-admin-pin>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 6px}.featured-admin-pin i{grid-row:1/3;color:#c58c00}.featured-admin-pin b{font-size:10px}.featured-admin-pin small{color:#86734d;font-size:8px}

/* Adeudos de efectivo de repartidores */
.admin-cash-hero{display:flex;min-height:175px;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px;padding:27px 29px;overflow:hidden;border-radius:25px;color:#fff;background:radial-gradient(circle at 89% 5%,rgba(71,234,149,.3),transparent 30%),linear-gradient(135deg,#101318,#153e2b 60%,#087a45);box-shadow:0 20px 42px rgba(18,61,43,.17)}
.admin-cash-hero>div{max-width:800px}.admin-cash-hero span{display:inline-flex;align-items:center;gap:7px;color:#9df0c4;font-size:10px;font-weight:950;letter-spacing:.12em}.admin-cash-hero h2{margin:8px 0 5px;font-size:30px;font-weight:950}.admin-cash-hero p{max-width:730px;margin:0;color:#d7eae1;font-size:13px}.admin-cash-hero>button{flex:0 0 auto;min-height:46px;font-weight:900}
.admin-cash-process-note{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;border:1px solid #b8ead0;border-radius:16px;color:#075e37;background:#edfbf4}.admin-cash-process-note>i{font-size:23px}.admin-cash-process-note>span{display:grid}.admin-cash-process-note strong{font-size:12px}.admin-cash-process-note small{color:#4f735f;font-size:10px}
.admin-cash-limit-card{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(230px,310px) auto;align-items:center;gap:15px;margin-bottom:14px;padding:16px!important}.admin-cash-limit-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#ff6500,#c64c00);font-size:21px}.admin-cash-limit-card>div:nth-child(2){display:grid}.admin-cash-limit-card>div:nth-child(2)>small{color:#a24a13;font-size:9px;font-weight:950;letter-spacing:.08em}.admin-cash-limit-card>div:nth-child(2)>strong{font-size:22px}.admin-cash-limit-card>div:nth-child(2)>p{margin:1px 0 0;color:#737d89;font-size:9px}.admin-cash-limit-card>label{display:grid;gap:5px}.admin-cash-limit-card>label>span{color:#5f6875;font-size:9px;font-weight:900}.admin-cash-limit-card>button{min-height:44px;white-space:nowrap}.admin-cash-limit-message{grid-column:2/-1;min-height:0;font-size:10px;font-weight:900}
.admin-cash-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-cash-summary>article{display:flex;min-height:88px;align-items:center;gap:11px;padding:14px;border:1px solid #e2e7e4;border-radius:19px;background:#fff;box-shadow:0 10px 25px rgba(17,24,39,.05)}.admin-cash-summary>article>span{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:13px;color:#4c5864;background:#eef1f3;font-size:18px}.admin-cash-summary>article>div{display:grid;min-width:0}.admin-cash-summary small{color:#737c88;font-size:8px;font-weight:950;letter-spacing:.06em}.admin-cash-summary strong{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.admin-cash-summary .is-orange>span{color:#bd4b00;background:#fff0e5}.admin-cash-summary .is-orange strong{color:#ad4600}.admin-cash-summary .is-green>span{color:#087a45;background:#e8f9f0}.admin-cash-summary .is-blue>span{color:#1267cb;background:#eaf3ff}
.admin-cash-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,210px) minmax(140px,180px) auto;align-items:end;gap:10px;margin-bottom:12px;padding:13px!important}.admin-cash-toolbar>label{display:grid;gap:5px}.admin-cash-toolbar>label>span{color:#697381;font-size:9px;font-weight:900}.admin-cash-search{display:flex!important;min-height:43px;align-items:center;gap:9px;padding:0 12px;border:1px solid #dfe4e1;border-radius:12px}.admin-cash-search i{color:#087a45}.admin-cash-search input{width:100%;border:0;outline:0;background:transparent;font-size:11px;font-weight:700}.admin-cash-scope{display:flex;min-height:43px;align-items:center;gap:8px;padding:8px 11px;border-radius:12px;color:#075e37;background:#edfbf4}.admin-cash-scope>span{display:grid}.admin-cash-scope small{font-size:7px;font-weight:950;letter-spacing:.08em}.admin-cash-scope strong{font-size:9px;white-space:nowrap}
.admin-cash-debt-list{display:grid;gap:11px}.admin-cash-debt-card{padding:16px;border:1px solid #e0e5e2;border-radius:20px;background:#fff;box-shadow:0 11px 28px rgba(17,24,39,.055)}.admin-cash-debt-card.is-settled{border-color:#b8e7ce;background:#f9fffb}.admin-cash-debt-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px}.admin-cash-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#171a1e,#46505a);font-size:17px;font-weight:950}.admin-cash-person{display:grid;min-width:0}.admin-cash-payment-pill{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;color:#994100;background:#fff0e5;font-size:10px;font-weight:950;letter-spacing:.05em}.admin-cash-payment-pill.is-settled{color:#087a45;background:#e3f8ec}.admin-cash-person h3{overflow:hidden;margin:2px 0;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.admin-cash-person p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin:0;color:#717b87;font-size:9px}.admin-cash-person p i{color:#087a45}.admin-cash-total{display:grid;text-align:right}.admin-cash-total small{color:#7b8490;font-size:8px;font-weight:900}.admin-cash-total strong{color:#b94a00;font-size:23px}.admin-cash-total em{color:#7b8490;font-size:8px;font-style:normal;font-weight:800}.admin-cash-debt-card.is-settled .admin-cash-total strong{color:#087a45}
.admin-cash-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.admin-cash-breakdown>span{display:grid;padding:9px 10px;border-radius:11px;background:#f4f6f5}.admin-cash-breakdown small{color:#77818c;font-size:8px;font-weight:900}.admin-cash-breakdown strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-cash-orders{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0ee}.admin-cash-orders>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;color:#505962;background:#f1f3f2;font-size:8px}.admin-cash-orders i{color:#087a45}.admin-cash-orders b{font-weight:900}.admin-cash-orders em{margin-left:3px;color:#a84a11;font-style:normal;font-weight:900}
.admin-cash-payment-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:10px 11px;border:1px dashed #b7c4bc;border-radius:12px;background:#f8fbf9}.admin-cash-payment-link>span{display:grid;min-width:0}.admin-cash-payment-link small{color:#087a45;font-size:8px;font-weight:950}.admin-cash-payment-link code{overflow:hidden;color:#33463b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-cash-payment-link>strong{color:#087a45;font-size:12px}.admin-cash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.admin-cash-actions .btn{min-height:44px;font-size:10px;font-weight:900}.admin-cash-settled{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:11px;color:#087a45;background:#eaf9f1}.admin-cash-settled>i{font-size:18px}.admin-cash-settled>span{display:grid;min-width:0}.admin-cash-settled strong{font-size:10px;letter-spacing:.05em}.admin-cash-settled small{overflow:hidden;color:#42745b;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.admin-cash-empty{display:grid;min-height:235px;place-content:center;place-items:center;gap:7px;padding:25px;border:1px dashed #cdd6d1;border-radius:20px;color:#7a8490;background:#fbfcfb;text-align:center}.admin-cash-empty>i{color:#087a45;font-size:34px}.admin-cash-empty>strong{color:#252a2e;font-size:14px}.admin-cash-empty>p{max-width:480px;margin:0;font-size:10px}.admin-cash-empty.is-error>i{color:#c52828}
.admin-cash-hero span,.admin-cash-process-note small,.admin-cash-limit-card>div:nth-child(2)>small,.admin-cash-limit-card>div:nth-child(2)>p,.admin-cash-limit-card>label>span,.admin-cash-summary small,.admin-cash-toolbar>label>span,.admin-cash-search input,.admin-cash-scope small,.admin-cash-scope strong,.admin-cash-person p,.admin-cash-total small,.admin-cash-total em,.admin-cash-breakdown small,.admin-cash-orders>span,.admin-cash-payment-link small,.admin-cash-payment-link code{font-size:10px}
.admin-cash-order-entry{flex-wrap:wrap}.admin-cash-order-void{display:inline-flex;min-height:28px;align-items:center;gap:5px;margin-left:3px;padding:4px 8px;border:1px solid #f1b7b7;border-radius:7px;color:#a51d1d;background:#fff;font-size:10px;font-weight:900;line-height:1;cursor:pointer}.admin-cash-order-void:hover,.admin-cash-order-void:focus-visible{border-color:#d82c2c;color:#fff;background:#d82c2c;outline:none}.admin-cash-order-void i,.admin-cash-order-void:hover i,.admin-cash-order-void:focus-visible i{color:currentColor}
body.admin-cash-dialog-open{overflow:hidden}.admin-cash-void-dialog{position:fixed;z-index:11080;inset:0;display:grid;place-items:center;padding:20px;background:rgba(11,18,29,.72);backdrop-filter:blur(6px)}.admin-cash-void-card{position:relative;width:min(100%,540px);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.75);border-radius:25px;background:linear-gradient(155deg,#fff 0%,#fff9f7 100%);box-shadow:0 30px 80px rgba(5,10,18,.36);animation:adminCashVoidIn .2s ease-out}.admin-cash-void-close{position:absolute;top:15px;right:15px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;background:#fff;font-size:16px;cursor:pointer}.admin-cash-void-close:hover,.admin-cash-void-close:focus-visible{color:#a51d1d;border-color:#f1b7b7;outline:none}.admin-cash-void-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:13px;border-radius:16px;color:#b42318;background:#feeceb;font-size:23px}.admin-cash-void-eyebrow{margin:0 0 5px;color:#c2410c;font-size:10px;font-weight:950;letter-spacing:.12em}.admin-cash-void-card h2{margin:0;color:#111827;font-size:25px;font-weight:950}.admin-cash-void-card>p:not(.admin-cash-void-eyebrow){margin:8px 0 18px;color:#667085;font-size:12px;line-height:1.55}.admin-cash-void-summary{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px;margin:0 0 18px}.admin-cash-void-summary>div{min-width:0;padding:10px;border:1px solid #e8eaed;border-radius:12px;background:#fff}.admin-cash-void-summary dt{color:#7b8490;font-size:10px;font-weight:900;text-transform:uppercase}.admin-cash-void-summary dd{overflow:hidden;margin:2px 0 0;color:#1f2937;font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.admin-cash-void-summary>div:last-child dd{color:#b42318}.admin-cash-void-card form{display:grid;gap:8px}.admin-cash-void-card label{color:#344054;font-size:11px;font-weight:900}.admin-cash-void-card textarea{width:100%;min-height:92px;resize:vertical;padding:11px 12px;border:1px solid #cfd5dd;border-radius:12px;color:#111827;background:#fff;font:inherit;font-size:12px;outline:none}.admin-cash-void-card textarea:focus{border-color:#ff6500;box-shadow:0 0 0 3px rgba(255,101,0,.14)}.admin-cash-void-card textarea[aria-invalid=true]{border-color:#d92d20}.admin-cash-void-card form>small{color:#7b8490;font-size:10px}.admin-cash-void-message{min-height:20px;margin:0;color:#667085;font-size:10px;font-weight:800}.admin-cash-void-message.is-error{color:#b42318}.admin-cash-void-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:3px}.admin-cash-void-actions .btn{min-height:45px;font-size:11px;font-weight:900}.admin-cash-void-dialog[aria-busy=true] .btn-danger i{animation:spin 1s linear infinite}@keyframes adminCashVoidIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.admin-cash-void-card{animation:none}}
@media(max-width:650px){.admin-cash-void-dialog{padding:12px}.admin-cash-void-card{max-height:calc(100dvh - 24px);padding:20px 15px 16px;border-radius:19px}.admin-cash-void-close{top:11px;right:11px;width:36px;height:36px}.admin-cash-void-icon{width:44px;height:44px;margin-bottom:10px;border-radius:13px;font-size:20px}.admin-cash-void-card h2{padding-right:34px;font-size:21px}.admin-cash-void-card>p:not(.admin-cash-void-eyebrow){margin:7px 0 13px;font-size:11px}.admin-cash-void-summary{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.admin-cash-void-summary>div{padding:8px}.admin-cash-void-summary>div:last-child{grid-column:1/-1}.admin-cash-void-summary dt,.admin-cash-void-summary dd,.admin-cash-void-card label,.admin-cash-void-card form>small,.admin-cash-void-message{font-size:10px}.admin-cash-void-card textarea{min-height:80px;font-size:11px}.admin-cash-void-actions{grid-template-columns:1fr}.admin-cash-void-actions .btn{min-height:44px;font-size:11px}}@media(max-width:1100px){.admin-cash-limit-card{grid-template-columns:auto minmax(0,1fr) minmax(220px,280px)}.admin-cash-limit-card>button{grid-column:2/-1}.admin-cash-summary{grid-template-columns:1fr 1fr}.admin-cash-toolbar{grid-template-columns:1fr 1fr}.admin-cash-search{grid-column:1/-1}.admin-cash-scope{justify-content:center}}
@media(max-width:650px){.admin-cash-hero{align-items:stretch;flex-direction:column;min-height:0;gap:11px;padding:14px;border-radius:16px}.admin-cash-hero h2{margin-top:5px;font-size:22px}.admin-cash-hero p{font-size:10px;line-height:1.4}.admin-cash-hero>button{width:100%;min-height:40px;padding:8px 11px}.admin-cash-process-note{align-items:flex-start;gap:8px;padding:9px 10px;border-radius:12px}.admin-cash-process-note>i{font-size:18px}.admin-cash-process-note strong{font-size:10px}.admin-cash-process-note small{font-size:10px}.admin-cash-limit-card{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:10px!important}.admin-cash-limit-icon{width:38px;height:38px;border-radius:11px;font-size:17px}.admin-cash-limit-card>div:nth-child(2)>strong{font-size:17px}.admin-cash-limit-card>label,.admin-cash-limit-card>button,.admin-cash-limit-message{grid-column:1/-1}.admin-cash-limit-card>button{width:100%;min-height:40px}.admin-cash-summary{gap:5px}.admin-cash-summary>article{min-height:60px;gap:7px;padding:8px;border-radius:13px}.admin-cash-summary>article>span{width:32px;height:32px;border-radius:10px;font-size:14px}.admin-cash-summary small{font-size:10px}.admin-cash-summary strong{font-size:14px}.admin-cash-toolbar{grid-template-columns:1fr;gap:7px;padding:10px!important}.admin-cash-search{grid-column:1}.admin-cash-debt-list{gap:7px}.admin-cash-debt-card{padding:10px;border-radius:14px}.admin-cash-debt-card>header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.admin-cash-avatar{width:36px;height:36px;border-radius:11px;font-size:13px}.admin-cash-payment-pill{padding:3px 5px;font-size:10px}.admin-cash-person h3{font-size:14px}.admin-cash-person p{max-height:30px;overflow:hidden;font-size:10px}.admin-cash-total{min-width:82px;text-align:right}.admin-cash-total small{font-size:10px}.admin-cash-total strong{font-size:18px}.admin-cash-total em{font-size:10px}.admin-cash-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:7px}.admin-cash-breakdown>span{padding:6px}.admin-cash-breakdown small{font-size:10px}.admin-cash-breakdown strong{font-size:11px}.admin-cash-orders{flex-wrap:nowrap;gap:4px;margin-top:7px;padding-top:7px;overflow-x:auto;scrollbar-width:none}.admin-cash-orders::-webkit-scrollbar{display:none}.admin-cash-orders>span{flex:0 0 auto;padding:5px 6px;font-size:10px}.admin-cash-payment-link{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:7px;padding:7px 8px}.admin-cash-actions{grid-template-columns:1.25fr 1fr 1fr;gap:5px;margin-top:7px}.admin-cash-actions .btn{width:100%;min-height:42px;padding:6px 4px;font-size:10px}.admin-cash-settled{margin-top:7px;padding:7px 8px}}

/* Estudio de tiendas demo */
.demo-store-studio{margin-bottom:20px;overflow:hidden;scroll-margin-top:18px}
.demo-store-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}
.demo-store-studio-head>div:first-child{max-width:760px}
.demo-store-studio-head>div:first-child>span{display:inline-flex;align-items:center;gap:7px;color:#bd4b00;font-size:10px;font-weight:950;letter-spacing:.1em}
.demo-store-studio-head h3{margin:6px 0 4px;font-size:23px;font-weight:950;letter-spacing:-.035em}
.demo-store-studio-head p{margin:0;color:#667085;font-size:12px;line-height:1.5}
.demo-store-studio-metrics{display:flex;flex:0 0 auto;gap:7px}
.demo-store-studio-metrics>span{display:grid;min-width:76px;padding:10px 12px;border:1px solid #e5e9ef;border-radius:15px;text-align:center;background:#f8fafc}
.demo-store-studio-metrics strong{font-size:19px;font-weight:950;line-height:1}
.demo-store-studio-metrics small{margin-top:3px;color:#667085;font-size:10px;font-weight:800}
.demo-store-studio-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px;padding:16px;border:1px solid #e5e9ef;border-radius:23px;background:linear-gradient(145deg,#f8fafc,#fff)}
.demo-store-studio-layout>*{min-width:0}
.demo-store-studio-step{display:flex;align-items:center;gap:9px;margin:0 0 11px}
.demo-store-studio-step>b{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:10px;color:#fff;background:#0f172a;font-size:12px}
.demo-store-studio-step>span{display:grid}
.demo-store-studio-step strong{font-size:12px;font-weight:950}
.demo-store-studio-step small{color:#667085;font-size:10px}
.demo-store-template-list{display:grid;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.demo-store-template{display:grid;grid-template-columns:88px minmax(0,1fr) 20px;min-height:101px;align-items:center;gap:10px;padding:8px;border:1px solid #e1e6ec;border-radius:18px;color:#172033;background:#fff;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.demo-store-template:hover,.demo-store-template:focus-visible{border-color:#ff9a57;box-shadow:0 11px 26px rgba(255,101,0,.1);transform:translateY(-1px)}
.demo-store-template.is-selected{border-color:#ff6500;background:#fff9f5;box-shadow:0 0 0 3px rgba(255,101,0,.09)}
.demo-store-template-media{position:relative;display:grid;width:88px;height:84px;overflow:hidden;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#ff7b18,#d94900);font-size:30px}
.demo-store-template-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demo-store-template-media>i{font-style:normal}
.demo-store-template-media>b{position:absolute;right:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:7px;color:#fff;background:rgba(8,15,28,.82);font-size:9px;font-weight:950;backdrop-filter:blur(7px)}
.demo-store-template-media>b i{font-size:10px}
.demo-store-template-copy{display:grid;min-width:0}
.demo-store-template-copy small{color:#c14b00;font-size:10px;font-weight:900}
.demo-store-template-copy strong{overflow:hidden;margin:2px 0;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.demo-store-template-copy em{color:#667085;font-size:10px;font-style:normal;font-weight:750}
.demo-store-template>i{color:#ff6500;font-size:16px}
.demo-store-create-card{display:grid;align-content:start;gap:11px;padding:15px;border:1px solid #dce3eb;border-radius:19px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.demo-store-create-card>label{display:grid;gap:5px}
.demo-store-create-card>label>span{color:#475467;font-size:11px;font-weight:900}
.demo-store-create-card>label>span small{color:#98a2b3;font-size:9px;text-transform:uppercase}
.demo-store-selected-preview{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;min-height:70px;align-items:center;gap:10px;overflow:hidden;padding:9px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#101828,#263a59)}
.demo-store-selected-preview>img{width:54px;height:52px;border-radius:11px;object-fit:cover}
.demo-store-selected-preview>span{display:grid;min-width:0}
.demo-store-selected-preview small{color:#ffb27e;font-size:9px;font-weight:950;letter-spacing:.07em}
.demo-store-selected-preview strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.demo-store-selected-preview em{display:-webkit-box;overflow:hidden;color:#d0d5dd;font-size:9px;font-style:normal;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.demo-store-selected-preview>b{padding:6px 8px;border-radius:9px;color:#fff;background:rgba(255,255,255,.12);font-size:9px;white-space:nowrap}
.demo-store-create-assurance{display:flex;align-items:center;gap:9px;padding:10px;border-radius:13px;color:#067647;background:#ecfdf3}
.demo-store-create-assurance>i{font-size:19px}
.demo-store-create-assurance>span{display:grid}
.demo-store-create-assurance strong{font-size:10px;font-weight:950}
.demo-store-create-assurance small{color:#397a5f;font-size:9px}
.demo-store-create-button{display:flex!important;width:100%;min-height:52px!important;align-items:center;justify-content:center;gap:8px}
.demo-store-existing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}
.demo-store-existing-head>span{display:grid}
.demo-store-existing-head strong{font-size:14px;font-weight:950}
.demo-store-existing-head small{color:#667085;font-size:10px}
.demo-store-existing-head .btn{display:flex;align-items:center;gap:7px}
.demo-store-instance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.demo-store-instance{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #e3e8ef;border-radius:17px;background:#fff}
.demo-store-instance.is-inactive{opacity:.62}
.demo-store-instance-photo{position:relative;display:grid;width:58px;height:56px;overflow:hidden;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#ff7b18,#d94900);font-size:23px}
.demo-store-instance-photo img{position:absolute;width:58px;height:56px;object-fit:cover}
.demo-store-instance-photo>i{font-style:normal}
.demo-store-instance-copy{display:grid;min-width:0}
.demo-store-instance-copy small,.demo-store-instance-copy strong,.demo-store-instance-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-store-instance-copy small{color:#a3480e;font-size:9px;font-weight:900}
.demo-store-instance-copy strong{font-size:13px;font-weight:950}
.demo-store-instance-copy em{color:#667085;font-size:9px;font-style:normal}
.demo-store-instance-state{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;color:#067647;background:#ecfdf3;font-size:9px;font-weight:950}
.demo-store-instance-state i{font-size:6px}
.demo-store-instance-actions{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.demo-store-instance-actions.is-delete-only{grid-template-columns:1fr}
.demo-store-instance-actions .btn{display:flex;min-height:44px!important;align-items:center;justify-content:center;gap:6px;font-size:10px}
.demo-store-delete-button{border:1px solid #ffd0d0!important;color:#b42318!important;background:#fff7f6!important;font-weight:900!important}
.demo-store-delete-button:hover,.demo-store-delete-button:focus-visible{border-color:#d92d20!important;color:#fff!important;background:#d92d20!important;box-shadow:0 0 0 3px rgba(217,45,32,.13)!important}
.demo-store-delete-button:disabled{opacity:.48}
.demo-store-delete-modal-card{display:grid;width:min(500px,100%);grid-template-columns:58px minmax(0,1fr);gap:14px;padding:22px}
.demo-store-delete-modal-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#b42318;background:#fee4e2;font-size:23px}
.demo-store-delete-modal-copy{display:grid;min-width:0}
.demo-store-delete-modal-copy>span{color:#b42318;font-size:10px;font-weight:950;letter-spacing:.09em}
.demo-store-delete-modal-copy h2{margin:3px 0 8px;font-size:21px;font-weight:950}
.demo-store-delete-modal-copy p{margin:0;color:#667085;font-size:11px}
.demo-store-delete-modal-copy strong{overflow-wrap:anywhere;margin:5px 0;padding:10px 11px;border:1px solid #fecdca;border-radius:11px;color:#912018;background:#fff6f5;font-size:14px}
.demo-store-delete-modal-copy small{color:#667085;font-size:10px;line-height:1.45}
.demo-store-delete-error{grid-column:1/-1;min-height:0;color:#b42318;font-size:11px;font-weight:800}
.demo-store-delete-error:not(:empty){padding:9px 10px;border-radius:10px;background:#fff1f0}
.demo-store-delete-modal-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:2px}
.demo-store-delete-modal-actions .btn{display:flex;min-height:48px!important;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900}
.demo-store-delete-confirm{border:1px solid #b42318!important;color:#fff!important;background:#b42318!important}
.demo-store-delete-confirm:hover,.demo-store-delete-confirm:focus-visible{color:#fff!important;background:#8f1c13!important;box-shadow:0 0 0 3px rgba(180,35,24,.16)!important}
.demo-store-delete-confirm:disabled{opacity:.72}
.demo-store-studio-empty,.demo-store-studio-error{grid-column:1/-1;display:flex;min-height:94px;align-items:center;justify-content:center;gap:11px;padding:15px;border:1px dashed #ccd4de;border-radius:16px;color:#667085;background:#f8fafc;text-align:left}
.demo-store-studio-empty>i,.demo-store-studio-error>i{color:#ff6500;font-size:25px}
.demo-store-studio-empty>span,.demo-store-studio-error>span{display:grid}
.demo-store-studio-empty strong,.demo-store-studio-error strong{color:#1d2939;font-size:12px}
.demo-store-studio-empty small,.demo-store-studio-error small{font-size:10px}
.demo-store-studio-loading{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.demo-store-studio-loading>span{display:block;height:101px;border-radius:18px;background:linear-gradient(100deg,#eef1f4,#fff,#eef1f4);background-size:220% 100%;animation:demo-store-shimmer 1.2s linear infinite}
@keyframes demo-store-shimmer{to{background-position:-220% 0}}
@media(max-width:1050px){.demo-store-studio-layout{grid-template-columns:1fr}.demo-store-instance-list{grid-template-columns:1fr}.demo-store-create-card{grid-template-columns:1fr 1fr}.demo-store-create-card>.demo-store-studio-step,.demo-store-create-card>.demo-store-selected-preview,.demo-store-create-card>.demo-store-create-assurance,.demo-store-create-card>.demo-store-create-button{grid-column:1/-1}}
@media(max-width:700px){.demo-store-studio-head{flex-direction:column}.demo-store-studio-metrics{width:100%}.demo-store-studio-metrics>span{min-width:0;flex:1;padding:9px 5px}.demo-store-studio-layout{margin:0 -8px;padding:12px;border-radius:18px}.demo-store-template-list{display:flex;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.demo-store-template{min-width:275px;scroll-snap-align:start}.demo-store-template-media>b,.demo-store-template-copy small,.demo-store-template-copy em{font-size:11px}.demo-store-create-card{grid-template-columns:1fr;padding:12px}.demo-store-create-card>*{grid-column:1!important}.demo-store-create-card>label>span,.demo-store-selected-preview small,.demo-store-selected-preview em,.demo-store-create-assurance strong,.demo-store-create-assurance small{font-size:11px}.demo-store-selected-preview>b{font-size:10px}.demo-store-existing-head{align-items:stretch;flex-direction:column}.demo-store-existing-head .btn{width:100%;justify-content:center}.demo-store-instance{grid-template-columns:52px minmax(0,1fr)}.demo-store-instance-photo{width:52px;height:52px}.demo-store-instance-photo img{width:52px;height:52px}.demo-store-instance-copy small,.demo-store-instance-copy em,.demo-store-instance-state{font-size:11px}.demo-store-instance-state{grid-column:1/-1;justify-content:center}.demo-store-instance-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.demo-store-instance-actions .btn{min-height:48px!important;font-size:11px}.demo-store-instance-actions .demo-store-delete-button{grid-column:1/-1}.demo-store-delete-modal-card{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:17px}.demo-store-delete-modal-icon{width:46px;height:46px;border-radius:14px;font-size:19px}.demo-store-delete-modal-copy h2{font-size:18px}.demo-store-delete-modal-copy p,.demo-store-delete-modal-copy small{font-size:11px}.demo-store-delete-modal-actions{grid-template-columns:1fr}.demo-store-delete-modal-actions .btn{width:100%;min-height:52px!important}.demo-store-delete-confirm{grid-row:1}.demo-store-studio-head h3{font-size:20px}.demo-store-studio-head p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-store-template,.demo-store-studio-loading>span{transition:none;animation:none}}

/* Pedidos comerciales: filtros y paginación remota */
.commercial-orders-card{overflow:hidden}
.commercial-orders-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.commercial-orders-heading .btn{display:inline-flex;min-height:42px;align-items:center;gap:7px;font-size:11px;font-weight:900}
.commercial-orders-toolbar{display:grid;grid-template-columns:minmax(230px,1.45fr) repeat(3,minmax(138px,1fr)) repeat(2,minmax(130px,.8fr)) minmax(92px,.55fr) auto;align-items:end;gap:9px;margin-top:16px;padding:12px;border:1px solid #e4e8ee;border-radius:17px;background:#f8fafc}
.commercial-orders-toolbar label{display:grid;min-width:0;gap:5px;margin:0}
.commercial-orders-toolbar label>span:first-child{color:#667085;font-size:10px;font-weight:950;letter-spacing:.035em;text-transform:uppercase}
.commercial-orders-toolbar input,.commercial-orders-toolbar select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d9e0e8;border-radius:11px;outline:0;color:#1d2939;background:#fff;font-size:11px;font-weight:750}
.commercial-orders-toolbar input:focus,.commercial-orders-toolbar select:focus{border-color:#ff7b27;box-shadow:0 0 0 3px rgba(255,101,0,.11)}
.commercial-orders-control{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;min-height:40px;padding-left:9px;border:1px solid #d9e0e8;border-radius:11px;color:#ff6500;background:#fff}
.commercial-orders-control input{min-height:38px;padding-left:0;border:0;border-radius:0;background:transparent}
.commercial-orders-control input:focus{box-shadow:none}
.commercial-orders-clear{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid #d9e0e8;border-radius:11px;color:#475467;background:#fff;font-size:10px;font-weight:900}
.commercial-orders-clear:hover,.commercial-orders-clear:focus-visible{border-color:#ffb27e;color:#a0440b;background:#fff7f2}
.commercial-order-list{min-height:126px;margin-top:14px}
.commercial-orders-table-wrap{width:100%;overflow-x:auto;border:1px solid #e4e8ee;border-radius:16px;background:#fff}
.commercial-orders-table-wrap:focus-visible{outline:3px solid rgba(255,101,0,.22);outline-offset:2px}
.commercial-orders-table{min-width:920px!important}
.commercial-orders-table td>strong{display:block;color:#1d2939}
.commercial-orders-table .commercial-order-products{max-width:340px;white-space:normal;line-height:1.4}
.commercial-orders-state{display:flex;min-height:126px;align-items:center;justify-content:center;gap:12px;padding:22px;border:1px dashed #ccd5df;border-radius:16px;color:#667085;background:#fafbfc;text-align:left}
.commercial-orders-state>i{color:#ff6500;font-size:27px}
.commercial-orders-state>span{display:grid;gap:2px}
.commercial-orders-state strong{color:#1d2939;font-size:12px}
.commercial-orders-state small{font-size:10px}
.commercial-orders-state.is-loading>i{animation:commercial-orders-spin .8s linear infinite}
.commercial-orders-state.is-error{border-color:#fecaca;color:#991b1b;background:#fff7f7}
.commercial-orders-state.is-error>i{color:#dc2626}
.commercial-orders-state .btn{min-height:42px;margin-left:8px;font-size:10px;font-weight:900}
@keyframes commercial-orders-spin{to{transform:rotate(360deg)}}
.commercial-orders-footer{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.commercial-orders-summary{color:#667085;font-size:10px;font-weight:800}
.commercial-orders-summary strong{color:#1d2939}
.commercial-orders-pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.commercial-orders-pagination button{display:inline-flex;min-width:38px;min-height:40px;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #d9e0e8;border-radius:10px;color:#344054;background:#fff;font-size:10px;font-weight:900}
.commercial-orders-pagination button.is-current{border-color:#ff6500;color:#fff;background:#ff6500}
.commercial-orders-pagination button:disabled{cursor:not-allowed;opacity:.45}
.commercial-orders-pagination button:not(:disabled):hover{border-color:#ff9c5c;color:#a0440b;background:#fff7f2}
@media(max-width:1450px){.commercial-orders-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}.commercial-orders-search{grid-column:span 2}.commercial-orders-clear{min-height:40px}}
@media(max-width:760px){.commercial-orders-heading{align-items:stretch;flex-direction:column}.commercial-orders-heading .btn{width:100%;min-height:46px;justify-content:center}.commercial-orders-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));margin-right:-3px;margin-left:-3px;padding:10px;gap:8px}.commercial-orders-search{grid-column:1/-1}.commercial-orders-toolbar input,.commercial-orders-toolbar select,.commercial-orders-control,.commercial-orders-clear{min-height:44px;font-size:12px}.commercial-orders-clear{align-self:end}.commercial-orders-footer{align-items:stretch;flex-direction:column}.commercial-orders-summary{text-align:center}.commercial-orders-pagination{justify-content:center}.commercial-orders-pagination button{min-width:44px;min-height:44px}.commercial-orders-state{align-items:flex-start;flex-wrap:wrap;min-height:150px}.commercial-orders-state .btn{width:100%;min-height:46px;margin-left:0}}
@media(max-width:430px){.commercial-orders-toolbar label>span:first-child{font-size:10px}.commercial-orders-pagination{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.commercial-orders-pagination button{width:100%;padding:7px 5px}.commercial-orders-pagination .commercial-order-page-number{grid-row:2}.commercial-orders-table{min-width:820px!important}}
@media(prefers-reduced-motion:reduce){.commercial-orders-state.is-loading>i{animation:none}}
/* Editor Superadmin de paquetes visibles en Mi negocio */
.advertising-package-admin{margin-bottom:18px}.advertising-package-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.advertising-package-admin-heading>div{display:grid}.advertising-package-admin-heading>div>span{display:inline-flex;align-items:center;gap:7px;color:#7c3aed;font-size:9px;font-weight:950;letter-spacing:.1em}.advertising-package-admin-heading h3{margin:4px 0 2px;color:#172033;font-size:21px;font-weight:950}.advertising-package-admin-heading p{max-width:760px;margin:0;color:#667085;font-size:10px}.advertising-package-admin-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.advertising-package-admin-item{min-width:0;padding:15px;border:1px solid #e2e5ea;border-radius:19px;background:#fff;box-shadow:0 8px 20px rgba(16,24,40,.045)}.advertising-package-admin-item.is-inactive{border-style:dashed;background:#f8f9fb}.advertising-package-admin-item form{display:grid;gap:12px}.advertising-package-admin-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.advertising-package-admin-title span{display:inline-flex;align-items:center;gap:6px;color:#7c3aed;font-size:9px;font-weight:950}.advertising-package-admin-title b{padding:3px 6px;border-radius:7px;color:#667085;background:#eef1f5;font-size:8px}.advertising-package-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advertising-package-admin-fields label{display:grid;gap:4px;min-width:0}.advertising-package-admin-fields label.is-wide,.advertising-package-admin-fields label.is-full{grid-column:1/-1}.advertising-package-admin-fields label>span{color:#475467;font-size:8px;font-weight:900}.advertising-package-admin-fields input,.advertising-package-admin-fields textarea{min-width:0;font-size:10px}.advertising-package-admin-fields textarea{min-height:92px;resize:vertical}.advertising-package-admin-options{display:grid;gap:6px;padding:9px 10px;border-radius:12px;background:#f7f5ff}.advertising-package-admin-options label{display:flex;align-items:center;gap:7px;color:#4b3b75;font-size:9px;font-weight:850}.advertising-package-admin-options input{width:16px;height:16px;accent-color:#7c3aed}.advertising-package-admin-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.advertising-package-admin-error{color:#b42318;font-size:8px;font-weight:850}.advertising-package-admin-actions .btn{min-height:40px;font-size:9px;font-weight:950}
@media(max-width:1180px){.advertising-package-admin-list{grid-template-columns:1fr 1fr}}@media(max-width:720px){.advertising-package-admin-heading{align-items:stretch;flex-direction:column}.advertising-package-admin-heading .btn{width:100%;min-height:44px}.advertising-package-admin-list{grid-template-columns:1fr}.advertising-package-admin-fields input,.advertising-package-admin-fields textarea{font-size:12px}.advertising-package-admin-actions{grid-template-columns:1fr}.advertising-package-admin-actions .btn{min-height:46px}}

/* Pedidos YOVOY paginados en el panel de repartidores */
.delivery-orders-card{overflow:hidden}
.delivery-orders-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.delivery-orders-heading .btn{display:inline-flex;min-height:42px;align-items:center;gap:7px;font-size:11px;font-weight:900}
.delivery-orders-heading .btn[aria-busy="true"] i{animation:delivery-orders-spin .8s linear infinite}
.delivery-orders-toolbar{display:grid;grid-template-columns:minmax(230px,1.45fr) repeat(3,minmax(138px,1fr)) repeat(2,minmax(130px,.8fr)) minmax(92px,.55fr) auto;align-items:end;gap:9px;margin:16px 0 14px;padding:12px;border:1px solid #e4e8ee;border-radius:17px;background:#f8fafc}
.delivery-orders-toolbar label{display:grid;min-width:0;gap:5px;margin:0}
.delivery-orders-toolbar label>span:first-child{color:#667085;font-size:10px;font-weight:950;letter-spacing:.035em;text-transform:uppercase}
.delivery-orders-toolbar input,.delivery-orders-toolbar select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d9e0e8;border-radius:11px;outline:0;color:#1d2939;background:#fff;font-size:11px;font-weight:750}
.delivery-orders-toolbar input:focus,.delivery-orders-toolbar select:focus{border-color:#ff7b27;box-shadow:0 0 0 3px rgba(255,101,0,.11)}
.delivery-orders-control{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;min-height:40px;padding-left:9px;border:1px solid #d9e0e8;border-radius:11px;color:#ff6500;background:#fff}
.delivery-orders-control input{min-height:38px;padding-left:0;border:0;border-radius:0;background:transparent}
.delivery-orders-control input:focus{box-shadow:none}
.delivery-orders-clear{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid #d9e0e8;border-radius:11px;color:#475467;background:#fff;font-size:10px;font-weight:900}
.delivery-orders-clear:hover,.delivery-orders-clear:focus-visible{border-color:#ffb27e;color:#a0440b;background:#fff7f2}
.delivery-orders-table-wrap{width:100%;overflow-x:auto;border:1px solid #e4e8ee;border-radius:16px;background:#fff}
.delivery-orders-table-wrap:focus-visible{outline:3px solid rgba(255,101,0,.22);outline-offset:2px}
.delivery-orders-table{min-width:1120px!important}
.delivery-orders-table td>strong{display:block;color:#1d2939}
.delivery-orders-table .delivery-order-address{max-width:330px;white-space:normal;line-height:1.4}
.delivery-orders-table .delivery-order-actions{flex-wrap:nowrap}
.delivery-orders-state{display:flex;min-height:126px;align-items:center;justify-content:center;gap:12px;padding:22px;border:1px dashed #ccd5df;border-radius:16px;color:#667085;background:#fafbfc;text-align:left}
.delivery-orders-state>i{color:#ff6500;font-size:27px}
.delivery-orders-state>span{display:grid;gap:2px}
.delivery-orders-state strong{color:#1d2939;font-size:12px}
.delivery-orders-state small{font-size:10px}
.delivery-orders-state.is-loading>i{animation:delivery-orders-spin .8s linear infinite}
.delivery-orders-state.is-error{border-color:#fecaca;color:#991b1b;background:#fff7f7}
.delivery-orders-state.is-error>i{color:#dc2626}
.delivery-orders-state .btn{min-height:42px;margin-left:8px;font-size:10px;font-weight:900}
@keyframes delivery-orders-spin{to{transform:rotate(360deg)}}
.delivery-orders-footer{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.delivery-orders-summary{color:#667085;font-size:10px;font-weight:800}
.delivery-orders-summary strong{color:#1d2939}
.delivery-orders-pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.delivery-orders-pagination button{display:inline-flex;min-width:38px;min-height:40px;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #d9e0e8;border-radius:10px;color:#344054;background:#fff;font-size:10px;font-weight:900}
.delivery-orders-pagination button.is-current{border-color:#ff6500;color:#fff;background:#ff6500}
.delivery-orders-pagination button:disabled{cursor:not-allowed;opacity:.45}
.delivery-orders-pagination button:not(:disabled):hover{border-color:#ff9c5c;color:#a0440b;background:#fff7f2}
.driver-modal-progress{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;border:1px solid #fed7aa;border-radius:12px;color:#9a3412;background:#fff7ed;font-size:11px;font-weight:850}
.driver-modal-card[aria-busy="true"] .row{opacity:.62}
@media(max-width:1450px){.delivery-orders-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-orders-search{grid-column:span 2}.delivery-orders-clear{min-height:40px}}
@media(max-width:760px){.delivery-orders-heading{align-items:stretch;flex-direction:column}.delivery-orders-heading .btn{width:100%;min-height:46px;justify-content:center}.delivery-orders-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));margin-right:-3px;margin-left:-3px;padding:10px;gap:8px}.delivery-orders-search{grid-column:1/-1}.delivery-orders-toolbar input,.delivery-orders-toolbar select,.delivery-orders-control,.delivery-orders-clear{min-height:44px;font-size:12px}.delivery-orders-clear{align-self:end}.delivery-orders-footer{align-items:stretch;flex-direction:column}.delivery-orders-summary{text-align:center}.delivery-orders-pagination{justify-content:center}.delivery-orders-pagination button{min-width:44px;min-height:44px}.delivery-orders-state{align-items:flex-start;flex-wrap:wrap;min-height:150px}.delivery-orders-state .btn{width:100%;min-height:46px;margin-left:0}.delivery-orders-table{min-width:1040px!important}}
@media(max-width:430px){.delivery-orders-toolbar label>span:first-child{font-size:10px}.delivery-orders-pagination{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.delivery-orders-pagination button{width:100%;padding:7px 5px}.delivery-orders-pagination .delivery-order-page-number{grid-row:2}}
@media(prefers-reduced-motion:reduce){.delivery-orders-state.is-loading>i,.delivery-orders-heading .btn[aria-busy="true"] i{animation:none}}