/* Capa global de UX responsive: header, tablet y consistencia visual. */
.app-header-pro {
  position: sticky;
  z-index: 2100 !important;
  background: #0d6efd !important;
  border-bottom: 0 !important;
  box-shadow: 0 8px 20px rgba(13, 110, 253, .18) !important;
  backdrop-filter: none;
  overflow: visible !important;
}

/* Historial de ventas */
.sales-history-pro{max-width:1560px!important}.sales-title{align-items:flex-end!important;margin-bottom:16px!important}.page-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sales-live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;color:#147a52;background:#e8f8f0;border:1px solid #cdeedc;border-radius:999px;font-size:11px;font-weight:850}.sales-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.sales-summary article{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;background:#fff;border:1px solid #e0e7ef;border-radius:15px;box-shadow:0 8px 22px rgba(11,23,38,.055)}.summary-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;font-size:19px}.summary-icon.blue{color:#176be8;background:#e9f2ff}.summary-icon.gold{color:#8a6112;background:#fff4d6}.summary-icon.sky{color:#187a8c;background:#e6f7fa}.summary-icon.green{color:#148158;background:#e7f8ef}.sales-summary div{min-width:0}.sales-summary small,.sales-summary em{display:block;color:#758195;font-size:10px;font-style:normal}.sales-summary small{font-weight:850;letter-spacing:.05em;text-transform:uppercase}.sales-summary strong{display:block;overflow:hidden;color:#12233a;font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.sales-panel{overflow:hidden!important;border-radius:17px!important}.sales-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px}.sales-panel-head h3{margin:0!important;font-size:16px}.sales-panel-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.sales-count{display:inline-flex;align-items:center;gap:6px;color:#546276;font-size:11px;font-weight:800}.sales-filters-pro{grid-template-columns:minmax(280px,1fr) 210px auto!important;margin:0!important;padding:0 18px 14px}.sales-search,.sales-date{position:relative;display:block}.sales-search>i,.sales-date>i{position:absolute;left:13px;top:50%;z-index:2;transform:translateY(-50%);color:#758195}.sales-search input,.sales-date input{height:42px;padding-left:39px!important;background:#fbfcfe}.sales-search input{padding-right:62px!important}.search-shortcut{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 7px;color:#7b8798;background:#eef2f6;border-radius:6px;font-size:9px;font-weight:800}.clear-sales{height:42px}.sales-table-wrap{margin:0 18px;border:1px solid #e1e7ee;border-radius:13px;overflow:auto}.sales-table{min-width:1080px}.sales-table thead th{padding:10px 12px;color:#647186;background:#f5f7fa;border-bottom:1px solid #dfe6ee;font-size:10px}.sales-table tbody td{padding:10px 12px;border-color:#e8edf2}.sales-table tbody tr{transition:background .15s ease}.sales-table tbody tr:hover{background:#f7faff}.sale-number{display:inline-grid;place-items:center;min-width:42px;padding:5px 8px;color:#176be8;background:#ebf3ff;border-radius:8px;font-weight:900}.sale-date-main{display:block;color:#203047;font-weight:750}.sales-table td small{display:block;color:#8994a4;font-size:10px}.sales-person,.sale-type,.sale-payment{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.sales-person i,.sale-type i,.sale-payment i{color:#2f80ed}.sales-client{color:#27374d;font-weight:750}.sale-total{color:#10243a;font-size:14px;white-space:nowrap}.sales-table .status-chip{gap:4px;padding:5px 8px;font-size:9px}.sales-table .table-actions{flex-wrap:nowrap}.sales-table .table-actions .btn{min-height:32px}.sales-panel>.table-pagination{padding:12px 18px 15px}.sales-panel>.table-pagination:before{content:'Página';margin-right:auto;color:#788497;font-size:11px}
@media(max-width:1050px){.sales-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sales-title{align-items:flex-start!important}.sales-live-badge{display:none}.sales-summary{grid-template-columns:1fr 1fr}.sales-summary article{padding:12px}.summary-icon{flex-basis:36px;width:36px;height:36px}.sales-summary strong{font-size:17px}.sales-summary em{display:none}.sales-panel-head{align-items:flex-start}.sales-count{display:none}.sales-filters-pro{grid-template-columns:1fr auto!important}.sales-search{grid-column:1/-1}.sales-date{min-width:0}.clear-sales span{display:none}.sales-table-wrap{margin:0 12px;border:0;overflow:visible}.sales-table{min-width:0}.sales-table thead{display:none}.sales-table,.sales-table tbody,.sales-table tr,.sales-table td{display:block;width:100%}.sales-table tbody{display:grid;gap:10px}.sales-table tbody tr{position:relative;padding:12px;background:#fff;border:1px solid #e0e7ef;border-radius:14px;box-shadow:0 5px 16px rgba(11,23,38,.05)}.sales-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border:0;text-align:right}.sales-table tbody td:before{content:attr(data-label);color:#7b8798;font-size:10px;font-weight:800;text-transform:uppercase}.sales-table tbody td:first-child{position:absolute;left:12px;top:12px;width:auto;padding:0}.sales-table tbody td:first-child:before{display:none}.sales-table tbody td:nth-child(2){padding-left:58px;min-height:34px}.sales-table tbody td:nth-child(2):before{display:none}.sales-table tbody td:last-child{padding-top:10px;margin-top:5px;border-top:1px solid #edf0f4}.sales-table tbody td:last-child:before{display:none}.sales-table .table-actions{width:100%}.sales-table .table-actions .btn{flex:1;justify-content:center}.sales-panel>.table-pagination:before{display:none}}
@media(max-width:430px){.sales-summary{grid-template-columns:1fr}.sales-summary article{padding:11px 13px}.sales-filters-pro{padding-left:12px;padding-right:12px}.sales-panel-head{padding-left:13px;padding-right:13px}}

.app-header-pro::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #ffd21f 0 22%, #e11d2e 22% 44%, #ffd21f 44% 55%, transparent 55% 100%);
  pointer-events: none;
}

.header-inner-pro {
  max-width: 1600px !important;
  min-height: 62px !important;
  padding: 0 18px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 18px !important;
}

.header-brand-pro {
  min-width: 170px;
  color: #fff !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.header-brand-pro:hover {
  color: #fff !important;
  opacity: .92;
}

.header-brand-pro .brand-mark {
  width: 32px;
  height: 32px;
  color: #e11d2e;
  background: #ffd21f;
  border-radius: 7px;
  box-shadow: none;
}

.header-brand-pro small {
  color: rgba(255, 255, 255, .72) !important;
  font-weight: 750;
  text-transform: lowercase;
}

.main-nav-pro,
.main-nav-pro.collapse {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
  flex-wrap: nowrap !important;
  gap: 2px !important;
  min-width: 0;
  overflow: visible !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  scrollbar-width: none;
}

.main-nav-pro::-webkit-scrollbar {
  display: none;
}

.main-nav-pro > a {
  position: relative;
  min-height: 62px;
  padding: 0 8px !important;
  color: rgba(255, 255, 255, .84) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap;
  border-bottom: 0;
}

.main-nav-pro > a i {
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
}

.main-nav-pro > a:hover {
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
  box-shadow: none;
}

.main-nav-pro > a.active {
  background: rgba(255, 255, 255, .13) !important;
  color: #fff !important;
  box-shadow: none;
}

.main-nav-pro > a.active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #ffd21f, #e11d2e);
  border-radius: 999px 999px 0 0;
}

.nav-more {
  position: relative;
}

.nav-more ul {
  margin: 0;
  list-style: none;
}

.nav-more summary {
  list-style: none;
}

.nav-more summary::-webkit-details-marker {
  display: none;
}

.nav-more-toggle {
  position: relative;
  min-height: 62px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  color: rgba(255, 255, 255, .84);
  background: transparent;
  border: 0;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
  user-select: none;
  appearance: none;
}

.nav-more-toggle:hover,
.nav-more-toggle.active {
  color: #fff;
  background: rgba(255, 255, 255, .12);
}

.nav-more-toggle.active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #ffd21f, #e11d2e);
  border-radius: 999px 999px 0 0;
}

.nav-more-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  display: none;
  min-width: 235px;
  max-height: min(72vh, 430px);
  overflow: auto;
  padding: 8px;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  box-shadow: 0 18px 38px rgba(11, 23, 38, .18);
  z-index: 2200;
  margin: 0;
  list-style: none;
}

.app-header-pro,
.header-inner-pro,
.main-nav-pro,
.main-nav-pro.collapse,
.nav-more {
  overflow: visible !important;
}

.nav-more[open] .nav-more-menu,
.nav-more-menu.show,
.nav-more:focus-within .nav-more-menu {
  display: block;
}

.nav-more-menu a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 0 !important;
  padding: 11px 12px !important;
  border-radius: 10px;
  color: #132033 !important;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.nav-more-menu a i {
  color: #0d6efd !important;
  font-size: 16px;
}

.nav-more-menu a:hover {
  background: #f2f6ff !important;
  color: #0d4fbd !important;
}

.nav-more-menu a.active,
.nav-more-menu a:active {
  background: #0d6efd !important;
  color: #fff !important;
}

.nav-more-menu a.active i,
.nav-more-menu a:active i {
  color: #ffd21f;
}

.main-nav-pro > a.active i {
  color: #fff !important;
}

.header-menu-btn {
  display: none !important;
  width: auto !important;
  min-width: 92px;
  height: 40px !important;
  grid-template-columns: auto auto;
  place-items: center;
  gap: 8px;
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 4px !important;
  box-shadow: none;
  font-weight: 900;
}

.header-menu-btn i {
  font-size: 18px;
}

.header-menu-btn span {
  font-size: 13px;
}

.user-chip-pro {
  min-width: max-content;
  padding: 6px 8px;
  background: rgba(4, 50, 115, .22) !important;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  box-shadow: none;
}

.user-chip-pro .avatar {
  width: 32px;
  height: 32px;
  color: #e11d2e;
  background: #ffd21f;
  border-radius: 7px;
}

.user-profile-trigger {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  text-align: left;
}

.user-profile-trigger:hover .user-meta strong {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.avatar-photo,
.profile-photo {
  background-position: center;
  background-size: cover;
  color: transparent !important;
}

.profile-modal {
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 26px 70px rgba(11, 23, 38, .28);
}

.profile-cover {
  position: relative;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(255, 210, 31, .95) 0 8px, transparent 8px 100%),
    linear-gradient(135deg, #0d6efd 0%, #075bd5 58%, #e11d2e 100%);
  border-bottom: 4px solid #ffd21f;
}

.profile-cover .btn-close {
  position: absolute;
  top: 16px;
  right: 16px;
  filter: invert(1);
  opacity: .9;
}

.profile-cover-main {
  display: flex;
  align-items: center;
  gap: 16px;
}

.profile-cover h5 {
  margin: 2px 0;
  font-size: 26px;
  font-weight: 900;
}

.profile-cover p {
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-weight: 700;
}

.profile-cover .eyebrow {
  color: #ffd21f;
}

.profile-modal label span,
.profile-upload span {
  display: block;
  margin-bottom: 5px;
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.profile-grid {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.profile-side,
.profile-fields,
.password-box {
  background: #f8fafc;
  border: 1px solid #e6ebf2;
  border-radius: 16px;
}

.profile-side {
  display: grid;
  gap: 14px;
  justify-items: center;
  padding: 16px;
}

.profile-fields {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.profile-photo {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  color: #e11d2e;
  background-color: #ffd21f;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(11, 23, 38, .12);
  font-size: 28px;
  font-weight: 900;
}

.profile-photo.hero {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  border-color: rgba(255, 255, 255, .7);
}

.profile-photo.large {
  width: 118px;
  height: 118px;
  border-radius: 24px;
  font-size: 40px;
}

.profile-upload small {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 12px;
}

.password-box {
  display: grid;
  gap: 10px;
  padding: 13px;
  background: #fff;
}

.password-box strong {
  display: block;
}

.password-box small {
  color: #667085;
}

.audit-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 18px;
  color: #fff;
  background: linear-gradient(135deg, #0d6efd, #075bd5 64%, #e11d2e);
  border-bottom: 4px solid #ffd21f;
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.audit-hero h2 {
  margin: 0;
  font-size: 28px;
}

.audit-hero p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .78);
}

.audit-hero .eyebrow {
  color: #ffd21f;
}

.audit-kpis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.audit-kpis > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: center;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 16px;
  box-shadow: var(--shadow);
}

.audit-kpis i {
  grid-row: 1 / 3;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  color: #e11d2e;
  background: #fff4c2;
  border-radius: 12px;
}

.audit-kpis span {
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.audit-kpis strong {
  font-size: 24px;
}

.audit-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px auto;
  gap: 8px;
}

.directory-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 18px;
  color: #fff;
  background: linear-gradient(135deg, #0d6efd, #075bd5 62%, #e11d2e);
  border-bottom: 4px solid #ffd21f;
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.directory-hero.provider {
  background: linear-gradient(135deg, #0d6efd, #0a58ca 58%, #0b8c7c);
}

.directory-hero h2 {
  margin: 0;
  font-size: 28px;
}

.directory-hero p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .78);
}

.directory-hero .eyebrow {
  color: #ffd21f;
}

.directory-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.directory-kpis > div {
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 16px;
  box-shadow: var(--shadow);
}

.directory-kpis span {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.directory-kpis strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.directory-modal .modal-header {
  color: #fff;
  background: linear-gradient(90deg, #0d6efd, #075bd5);
  border-bottom: 3px solid #ffd21f;
}

.directory-modal .btn-close {
  filter: invert(1);
}

/* Los modales deben quedar por encima del header sticky y dentro del viewport. */
.modal-backdrop {
  z-index: 3000 !important;
}

.modal {
  z-index: 3010 !important;
  --masna-modal-top: 76px;
  --masna-modal-bottom: 18px;
}

.modal.show {
  padding-top: var(--masna-modal-top) !important;
  padding-bottom: var(--masna-modal-bottom) !important;
}

.modal .modal-dialog {
  margin: 0 auto !important;
  max-width: min(var(--bs-modal-width, 720px), calc(100vw - 28px));
}

.modal .modal-dialog-centered {
  align-items: flex-start !important;
  min-height: calc(100vh - var(--masna-modal-top) - var(--masna-modal-bottom)) !important;
}

.modal .modal-content {
  max-height: calc(100vh - var(--masna-modal-top) - var(--masna-modal-bottom));
  overflow: hidden;
}

.modal .modal-header,
.modal .modal-footer {
  flex-shrink: 0;
}

.modal .modal-body {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.modal .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - var(--masna-modal-top) - var(--masna-modal-bottom));
}

.modal .modal-dialog-scrollable .modal-body {
  max-height: none;
}

.modal .modal-lg {
  --bs-modal-width: 880px;
}

.modal .modal-xl {
  --bs-modal-width: 1120px;
}

.order-flow-modal .modal-body,
.order-modal-pro .modal-body,
.directory-modal .modal-body {
  padding: 16px;
}

.directory-modal label span {
  display: block;
  margin-bottom: 5px;
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.user-chip-pro .user-meta strong {
  line-height: 1.1;
}

.user-chip-pro .btn {
  padding: 6px 9px !important;
  color: #fff !important;
  background: rgba(225, 29, 46, .85) !important;
  border-color: rgba(225, 29, 46, .95) !important;
  border-radius: 4px !important;
}

.user-chip-pro .btn:hover {
  color: #102033 !important;
  background: #ffd21f !important;
  border-color: #ffd21f !important;
}

.header-debug-panel {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 5000;
  display: grid;
  gap: 4px;
  width: min(330px, calc(100vw - 24px));
  padding: 12px;
  color: #102033;
  background: #fff;
  border: 2px solid #0d6efd;
  border-bottom: 4px solid #ffd21f;
  box-shadow: 0 18px 40px rgba(11, 23, 38, .22);
  font-size: 12px;
  line-height: 1.35;
}

.header-debug-panel strong {
  color: #0d6efd;
  font-size: 13px;
}

.header-debug-panel small {
  color: #e11d2e;
  font-weight: 900;
  text-transform: uppercase;
}

.header-debug-panel span,
.header-debug-panel em {
  display: block;
}

.header-debug-panel em {
  color: #667085;
  font-style: normal;
}

.print-ticket,
.print-ticket * {
  color: #000 !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

.print-ticket.ticket-80 {
  width: 74mm;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.28;
}

.print-ticket .ticket-brand {
  color: #000 !important;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
}

.print-ticket .ticket-muted,
.print-ticket .ticket-small {
  color: #000 !important;
  font-weight: 500;
}

.print-ticket .ticket-line {
  border-top-color: #000 !important;
  border-top-width: 2px !important;
}

.print-ticket .ticket-row strong,
.print-ticket .ticket-total,
.print-ticket .kitchen-item > strong {
  color: #000 !important;
  font-weight: 900;
}

.print-ticket .ticket-options {
  margin: .7mm 0 1mm 1.5mm;
  color: #000 !important;
  font-size: 11px;
  font-weight: 500;
}

.print-ticket .ticket-options div {
  margin: .25mm 0;
  color: #000 !important;
}

.print-ticket .ticket-options strong,
.print-ticket .ticket-small strong {
  color: #000 !important;
  font-weight: 700;
  text-transform: none;
}

.print-ticket .ticket-options span {
  color: #000 !important;
  font-weight: 500;
}

.print-ticket .ticket-cut {
  margin: 5mm 0 3mm;
  padding: 2mm 0;
  color: #000 !important;
  border-top: 2px dashed #000;
  border-bottom: 2px dashed #000;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
}

.print-ticket.compact-kitchen-print .ticket-brand {
  font-size: 17px;
}

.print-ticket.compact-kitchen-print .ticket-line {
  margin: 1.4mm 0;
}

.print-ticket.compact-kitchen-print .ticket-row {
  margin: .8mm 0;
}

.print-ticket.compact-kitchen-print .ticket-small {
  margin: .7mm 0;
  font-size: 11px;
}

.print-ticket.compact-kitchen-print .kitchen-item {
  margin: 1.2mm 0 1.6mm;
  padding-bottom: 1.2mm;
  border-bottom-width: 1px;
  font-size: 12.5px;
}

.print-ticket.compact-kitchen-print .kitchen-item > strong {
  font-size: 13px;
  font-weight: 800;
}

.main,
.content,
.pos-screen {
  min-width: 0;
}

.content,
.pos-screen {
  width: 100%;
  max-width: 1600px;
}

.panel,
.cart-panel,
.metric,
.product-card,
.kds-ticket,
.report-card,
.insight-panel,
.cash-kpi-grid > div,
.dashboard-kpis .metric {
  border-color: #dfe6ef;
}

.table-responsive {
  border: 1px solid #e6ebf2;
  border-radius: 14px;
}

.table-responsive .table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
}

@media (max-width: 1260px) {
  .header-inner-pro {
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
  }

  .header-menu-btn {
    display: inline-grid !important;
    justify-self: end;
  }

  .main-nav-pro.collapse:not(.show) {
    display: none !important;
  }

  .main-nav-pro.collapse.show {
    display: grid !important;
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px !important;
    overflow: visible;
    background: linear-gradient(135deg, #0d6efd, #075bd5) !important;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 0;
    padding: 10px !important;
    box-shadow: 0 18px 38px rgba(13, 110, 253, .2);
  }

  .main-nav-pro > a {
    min-height: 70px !important;
    justify-content: center !important;
    flex-direction: column;
    gap: 5px !important;
    padding: 10px 8px !important;
    text-align: center;
  }

  .nav-more,
  .nav-more-toggle {
    width: 100%;
  }

  .nav-more-toggle {
    min-height: 70px;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
  }

  .nav-more-menu {
    left: 0;
    right: auto;
    width: min(330px, 92vw);
  }

  .main-nav-pro > a i {
    font-size: 20px;
  }

  .user-chip-pro {
    justify-self: end;
  }

  .user-chip-pro .user-meta {
    display: none;
  }

  .content,
  .pos-screen {
    padding: 16px !important;
  }

  .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .panel {
    border-radius: 16px;
  }
}

@media (max-width: 820px) {
  .modal {
    --masna-modal-top: 82px;
    --masna-modal-bottom: 12px;
  }

  .modal.show {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .modal .modal-dialog {
    max-width: 100%;
  }

  .modal .modal-content {
    border-radius: 14px;
  }

  .header-inner-pro {
    grid-template-columns: 1fr auto !important;
    padding: 8px 12px !important;
  }

  .header-brand-pro {
    min-width: 0;
    padding-right: 12px;
  }

  .header-brand-pro strong {
    font-size: 15px;
  }

  .header-brand-pro small {
    font-size: 10px;
  }

  .header-menu-btn {
    width: 48px !important;
    min-width: 48px;
  }

  .header-menu-btn span {
    display: none;
  }

  .user-chip-pro {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: space-between;
    margin-top: 2px;
    border-radius: 0;
  }

  .user-chip-pro .user-meta {
    display: block;
  }

  .user-profile-trigger {
    min-width: 0;
  }

  .profile-grid,
  .audit-summary {
    grid-template-columns: 1fr;
  }

  .profile-cover-main {
    align-items: flex-start;
  }

  .audit-kpis,
  .directory-kpis,
  .audit-filters {
    grid-template-columns: 1fr;
  }

  .audit-hero,
  .directory-hero {
    display: grid;
  }

  .main-nav-pro.collapse.show {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    order: 4;
  }

  .main-nav-pro > a {
    min-height: 64px !important;
    font-size: 12px !important;
  }

  .page-title,
  .section-head,
  .dashboard-hero,
  .cash-hero {
    align-items: flex-start !important;
  }

  .actions,
  .dashboard-actions,
  .pos-hero-actions {
    width: 100%;
  }

  .actions .btn,
  .dashboard-actions .btn {
    flex: 1 1 150px;
    justify-content: center;
  }
}

@media (min-width: 821px) {
  .header-inner-pro {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  .header-menu-btn {
    display: none !important;
  }

  .main-nav-pro.collapse,
  .main-nav-pro.collapse:not(.show) {
    display: flex !important;
  }

  .main-nav-pro {
    grid-column: auto !important;
    overflow: visible;
  }

  .main-nav-pro > a {
    min-height: 62px !important;
    flex-direction: row !important;
    width: auto !important;
    gap: 7px !important;
  }

  .nav-more {
    width: auto !important;
  }

  .nav-more-toggle {
    min-height: 62px !important;
    width: auto !important;
    flex-direction: row !important;
    justify-content: center;
    gap: 7px !important;
  }

  .nav-more-menu {
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: auto;
    min-width: 235px;
    max-height: min(72vh, 430px);
  }

  .user-chip-pro .user-meta {
    display: block !important;
  }
}

@media (max-width: 520px) {
  .header-inner-pro {
    gap: 8px !important;
  }

  .brand-mark {
    width: 34px;
    height: 34px;
  }

  .header-brand-pro div {
    max-width: 125px;
  }

  .header-brand-pro strong,
  .header-brand-pro small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .main-nav-pro.collapse.show {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px !important;
  }

  .main-nav-pro > a {
    min-height: 58px !important;
  }

  .content,
  .pos-screen {
    padding: 10px !important;
  }

  .metric-grid,
  .cash-kpi-grid,
  .dashboard-kpis {
    grid-template-columns: 1fr !important;
  }

  .table-responsive {
    border-radius: 12px;
  }
}

/* POS movil: carrito flotante y panel inferior */
.mobile-cart-fab,
.mobile-cart-backdrop,
.mobile-cart-close {
  display: none;
}

.customizer-pro .option-group-title h6 {
  color: #e11d2e;
  font-size: 15px;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.customizer-pro .option-group-title span {
  background: #fff0f1 !important;
  color: #e11d2e !important;
}

.customizer-pro .option-group {
  border-top: 3px solid #e11d2e;
}

@media (max-width: 760px) {
  body:has(.pos-sale-focus) {
    padding-bottom: 86px;
  }

  .pos-sale-focus {
    padding-bottom: 12px !important;
  }

  .pos-sale-focus .pos-sale-layout {
    display: block !important;
  }

  .pos-sale-focus .pos-products-v2 {
    min-height: calc(100vh - 150px);
  }

  .pos-sale-focus .pos-sale-cart {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    z-index: 1035;
    width: auto !important;
    max-height: min(78vh, 640px) !important;
    min-height: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 70px rgba(11, 23, 38, .28) !important;
    transform: translateY(calc(100% + 22px));
    transition: transform .24s ease;
    will-change: transform;
  }

  body.mobile-cart-open .pos-sale-focus .pos-sale-cart {
    transform: translateY(0);
  }

  .pos-sale-focus .pos-sale-cart .order-mode-compact {
    position: static !important;
    top: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pos-sale-focus .cart-fast .cart-items {
    height: auto !important;
    min-height: 170px !important;
    max-height: 32vh !important;
    overflow: auto !important;
  }

  .pos-sale-focus .cart-fast .empty-cart {
    min-height: 150px !important;
  }

  .pos-sale-focus .cart-fast .cart-checkout {
    position: sticky !important;
    bottom: 0 !important;
    border-radius: 0 0 22px 22px !important;
  }

  .mobile-cart-close {
    display: inline-grid;
  }

  .mobile-cart-fab {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1034;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 0 8px;
    min-width: 76px;
    min-height: 70px;
    padding: 13px 14px 12px;
    color: #fff;
    background: var(--nav2);
    border: 0;
    border-radius: 22px;
    box-shadow: 0 18px 38px rgba(11, 23, 38, .32);
  }

  .mobile-cart-fab i {
    grid-row: 1 / 3;
    font-size: 26px;
  }

  .mobile-cart-fab strong {
    font-size: 13px;
    line-height: 1.1;
    white-space: nowrap;
  }

  .mobile-cart-fab-count {
    position: absolute;
    top: -8px;
    right: -8px;
    display: grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    color: #fff;
    background: var(--red);
    border: 3px solid #fff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
  }

  body.mobile-cart-open .mobile-cart-fab {
    transform: scale(.92);
    opacity: .15;
    pointer-events: none;
  }

  .mobile-cart-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1030;
    display: block;
    background: rgba(11, 23, 38, .38);
    border: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }

  body.mobile-cart-open .mobile-cart-backdrop {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 430px) {
  .pos-sale-focus .pos-sale-cart {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: 82vh !important;
  }

  .pos-sale-focus .pos-sale-cart .order-mode-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pos-sale-focus .pos-sale-cart .order-mode-compact button {
    justify-content: center !important;
    font-size: 11px;
  }

  .mobile-cart-fab {
    right: 16px;
    bottom: 16px;
    min-width: 68px;
    min-height: 66px;
    border-radius: 20px;
  }
}

/* Header v3: navegación consistente y menú de cuenta */
.app-header-pro{background:linear-gradient(100deg,#0b63e5 0%,#0d6efd 52%,#1479f8 100%)!important}.header-inner-pro{min-height:66px!important}.header-brand-pro{gap:10px!important}.header-brand-pro .brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:0 5px 14px rgba(7,45,100,.2)}.brand-copy strong{font-size:16px;letter-spacing:-.01em}.brand-copy small{display:flex!important;align-items:center;gap:5px;text-transform:none!important;font-size:9px!important;letter-spacing:.04em}.brand-status{display:inline-block;width:6px;height:6px;background:#65e5a4;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 3px rgba(101,229,164,.16)}.nav-more-toggle,.main-nav-pro>a{transition:background .16s ease,color .16s ease}.nav-more-toggle:focus-visible,.main-nav-pro>a:focus-visible,.user-profile-trigger:focus-visible,.header-menu-btn:focus-visible{outline:3px solid rgba(255,210,31,.75)!important;outline-offset:-3px}.nav-more-toggle[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg)}.nav-more-toggle .bi-chevron-down{transition:transform .18s ease}.nav-menu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:7px 10px 9px;border-bottom:1px solid #edf1f5;margin-bottom:5px}.nav-menu-heading span{color:#10243a;font-size:12px;font-weight:900}.nav-menu-heading small{color:#8a96a7;font-size:9px;text-transform:uppercase}.nav-link-arrow{margin-left:auto!important;color:#9eabba!important;font-size:11px!important;opacity:0;transform:translateX(-4px);transition:.15s}.nav-more-menu a:hover .nav-link-arrow,.nav-more-menu a.active .nav-link-arrow{opacity:1;transform:none}.nav-more-menu a.active .nav-link-arrow{color:#fff!important}.user-chip-pro{padding:4px!important;border-radius:13px!important}.user-profile-trigger{min-height:42px;padding:3px 7px!important;border-radius:10px!important}.user-profile-trigger.dropdown-toggle:after{display:none}.user-profile-trigger:hover,.user-profile-trigger[aria-expanded="true"]{background:rgba(255,255,255,.1)}.user-chevron{margin-left:3px;font-size:10px;opacity:.75;transition:transform .18s ease}.user-profile-trigger[aria-expanded="true"] .user-chevron{transform:rotate(180deg)}.user-menu{min-width:270px;padding:8px;margin-top:10px!important;border:1px solid #dce4ee;border-radius:15px;box-shadow:0 20px 45px rgba(11,23,38,.22)}.user-menu:before{content:"";position:absolute;right:22px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid #dce4ee;border-top:1px solid #dce4ee;transform:rotate(45deg)}.user-menu-head{position:relative;display:flex;align-items:center;gap:10px;padding:9px}.user-menu-head .avatar.mini{flex:0 0 38px;width:38px;height:38px;border-radius:11px}.user-menu-head div{min-width:0}.user-menu-head strong,.user-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-head strong{color:#15263c;font-size:13px}.user-menu-head small{color:#7b8798;font-size:10px}.user-menu .dropdown-item{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 10px;border-radius:9px;color:#23344b;font-size:12px;font-weight:750}.user-menu .dropdown-item i{display:grid;place-items:center;width:25px;height:25px;color:#0d6efd;background:#edf4ff;border-radius:7px}.user-menu .dropdown-item:hover{background:#f3f7fc}.user-menu .user-logout{color:#bd263d}.user-menu .user-logout i{color:#c52942;background:#fff0f2}.user-menu .dropdown-divider{margin:5px}
@media(max-width:1099px){.header-inner-pro{grid-template-columns:auto 1fr auto!important;padding:7px 14px!important;gap:10px!important}.header-menu-btn{display:inline-grid!important;grid-column:2;grid-row:1;justify-self:end;border-radius:10px!important}.user-chip-pro{grid-column:3;grid-row:1;margin:0!important;justify-self:end!important}.main-nav-pro.collapse:not(.show){display:none!important}.main-nav-pro.collapse.show{display:grid!important;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px!important;padding:9px!important;border-radius:14px!important;margin-bottom:4px}.main-nav-pro>a,.nav-more-toggle{min-height:64px!important;border-radius:10px!important}.main-nav-pro>a.active:after,.nav-more-toggle.active:after{left:18px;right:18px}.user-chip-pro .user-meta{display:none!important}}
@media(min-width:1100px){.header-menu-btn{display:none!important}.main-nav-pro.collapse,.main-nav-pro.collapse:not(.show){display:flex!important}.user-chip-pro .user-meta{display:block!important}}
@media(max-width:700px){.header-inner-pro{grid-template-columns:minmax(0,1fr) auto auto!important}.header-brand-pro{min-width:0}.header-menu-btn{width:42px!important;min-width:42px!important}.header-menu-btn span{display:none}.user-chip-pro{width:42px;min-width:42px}.user-profile-trigger{padding:2px!important}.user-chip-pro .avatar{width:34px;height:34px}.user-chevron{display:none}.main-nav-pro.collapse.show{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 86px);overflow:auto!important}.nav-more-menu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;width:auto!important;max-width:none!important}.user-menu{position:fixed!important;left:12px!important;right:12px!important;top:62px!important;width:auto!important;transform:none!important}.user-menu:before{right:19px}.nav-menu-heading{display:flex}}
@media(max-width:390px){.brand-copy small{display:none!important}.header-brand-pro .brand-mark{width:34px;height:34px}.brand-copy strong{font-size:14px}}

/* Compras */
.purchases-pro{max-width:1560px!important}.purchases-title{align-items:flex-end!important;margin-bottom:16px!important}.purchase-new{min-height:42px;padding:9px 16px!important}.purchase-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.purchase-summary article{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;background:#fff;border:1px solid #e0e7ef;border-radius:15px;box-shadow:0 8px 22px rgba(11,23,38,.055)}.purchase-kpi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;font-size:19px}.purchase-kpi-icon.blue{color:#176be8;background:#e9f2ff}.purchase-kpi-icon.gold{color:#8a6112;background:#fff4d6}.purchase-kpi-icon.green{color:#148158;background:#e7f8ef}.purchase-kpi-icon.sky{color:#187a8c;background:#e6f7fa}.purchase-summary article div{min-width:0}.purchase-summary small,.purchase-summary em{display:block;color:#758195;font-size:10px;font-style:normal}.purchase-summary small{font-weight:850;letter-spacing:.05em;text-transform:uppercase}.purchase-summary strong{display:block;overflow:hidden;color:#12233a;font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.purchases-panel{overflow:hidden!important;border-radius:17px!important}.purchases-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px}.purchases-panel-head h3{margin:0!important;font-size:16px}.purchases-panel-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.purchases-panel-head>span{display:inline-flex;gap:6px;color:#647186;font-size:11px;font-weight:800}.purchase-filters{display:grid;grid-template-columns:minmax(260px,1fr) 210px 170px auto;gap:9px;padding:0 18px 14px}.purchase-search{position:relative}.purchase-search i{position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);color:#7d899a}.purchase-search input{padding-left:38px!important}.purchase-filters .form-control,.purchase-filters .form-select,.purchase-filters .btn{height:42px}.purchases-table-wrap{margin:0 18px;border:1px solid #e1e7ee;border-radius:13px;overflow:auto}.purchases-table{min-width:1120px}.purchases-table thead th{padding:10px 12px;background:#f5f7fa;border-bottom:1px solid #dfe6ee;color:#647186;font-size:10px}.purchases-table tbody td{padding:10px 12px;border-color:#e8edf2}.purchases-table tbody tr:hover{background:#f7faff}.purchase-number{display:inline-grid;place-items:center;min-width:42px;padding:5px 8px;color:#176be8;background:#ebf3ff;border-radius:8px;font-weight:900}.purchase-provider,.purchase-method{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.purchase-provider i,.purchase-method i{color:#2f80ed}.purchase-qty{display:inline-block;padding:4px 8px;color:#45566c;background:#eef2f6;border-radius:7px;font-weight:800}.purchase-total{color:#10243a;font-size:14px;white-space:nowrap}.purchase-proof{color:#59687b}.purchases-table .table-actions{flex-wrap:nowrap}.purchases-table .table-actions form{margin:0}.purchases-panel>.table-pagination{padding:12px 18px 15px}.purchase-empty{display:grid;justify-items:center;padding:44px 20px 48px;text-align:center;border-top:1px solid #edf0f4}.purchase-empty>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:13px;color:#176be8;background:#eaf3ff;border-radius:20px;font-size:28px}.purchase-empty h3{margin:0 0 5px;font-size:18px}.purchase-empty p{max-width:460px;margin:0 0 17px;color:#758195}.purchase-form{border:0!important;border-radius:18px!important;overflow:hidden}.purchase-modal-head{align-items:flex-start;padding:19px 21px;background:linear-gradient(135deg,#edf5ff,#fff9e8)}.purchase-modal-head>div>span{color:#176be8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.purchase-modal-head h5{margin:2px 0;font-size:20px}.purchase-modal-head p{margin:0;color:#6f7d90;font-size:11px}.purchase-form .modal-body{padding:20px}.purchase-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.purchase-form-grid label{display:grid;gap:5px}.purchase-form-grid label>span{color:#526176;font-size:11px;font-weight:850}.purchase-form-grid .wide{grid-column:1/-1}.purchase-total-preview{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:14px 16px;color:#fff;background:linear-gradient(100deg,#102b50,#0d6efd);border-radius:13px}.purchase-total-preview span{font-size:11px;font-weight:800;text-transform:uppercase}.purchase-total-preview strong{font-size:21px}.purchase-form .modal-footer{padding:13px 20px;background:#f8fafc}.purchase-form .modal-footer .btn{min-height:40px}
@media(max-width:1050px){.purchase-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-filters{grid-template-columns:1fr 1fr}.purchase-search{grid-column:1/-1}}
@media(max-width:720px){.purchases-title{align-items:stretch!important}.purchase-new{justify-content:center}.purchase-summary{grid-template-columns:1fr 1fr}.purchase-summary article{padding:12px}.purchase-summary strong{font-size:16px}.purchase-summary em{display:none}.purchases-panel-head>span{display:none}.purchase-filters{grid-template-columns:1fr auto;padding-left:12px;padding-right:12px}.purchase-search,.purchase-filters select{grid-column:1/-1}.purchase-filters button span{display:none}.purchases-table-wrap{margin:0 12px;border:0;overflow:visible}.purchases-table{min-width:0}.purchases-table thead{display:none}.purchases-table,.purchases-table tbody,.purchases-table tr,.purchases-table td{display:block;width:100%}.purchases-table tbody{display:grid;gap:10px}.purchases-table tbody tr{position:relative;padding:12px;background:#fff;border:1px solid #e0e7ef;border-radius:14px;box-shadow:0 5px 16px rgba(11,23,38,.05)}.purchases-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border:0;text-align:right}.purchases-table tbody td:before{content:attr(data-label);color:#7b8798;font-size:10px;font-weight:800;text-transform:uppercase}.purchases-table tbody td:first-child{position:absolute;left:12px;top:12px;width:auto;padding:0}.purchases-table tbody td:first-child:before{display:none}.purchases-table tbody td:nth-child(2){padding-left:58px;min-height:32px}.purchases-table tbody td:nth-child(2):before{display:none}.purchases-table tbody td:last-child{padding-top:10px;margin-top:5px;border-top:1px solid #edf0f4}.purchases-table tbody td:last-child:before{display:none}.purchases-table .table-actions{width:100%}.purchases-table .table-actions>*{flex:1}.purchases-table .table-actions .btn{width:100%;justify-content:center}.purchase-form-grid{grid-template-columns:1fr}.purchase-form-grid .wide{grid-column:auto}}
@media(max-width:430px){.purchase-summary{grid-template-columns:1fr}.purchase-summary article{padding:11px 13px}.purchases-panel-head{padding-left:13px;padding-right:13px}.purchase-form .modal-body{padding:15px}}

/* Cocina KDS unificado */
.kitchen-board{max-width:1760px!important;padding-top:17px!important}.kitchen-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.kitchen-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#e05d16;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.kitchen-heading h2{margin:2px 0 0;font-size:26px}.kitchen-heading p{margin:2px 0 0;color:#758195;font-size:12px}.kitchen-head-actions{display:flex;align-items:center;gap:7px}.kitchen-head-actions .btn{min-height:39px}.kitchen-connection{display:inline-flex;align-items:center;gap:6px;margin-right:5px;color:#18855b;font-size:10px;font-weight:850}.kitchen-connection i{font-size:7px;animation:kdsPulse 1.8s infinite}@keyframes kdsPulse{50%{opacity:.35}}#kdsPause.active{color:#9b6200;background:#fff4d2;border-color:#f0d382}.kitchen-overview{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:9px;margin-bottom:12px}.kitchen-overview article{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 13px;background:#fff;border:1px solid #dfe6ef;border-radius:13px;box-shadow:0 5px 16px rgba(11,23,38,.045)}.kitchen-overview article>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;font-size:16px}.kitchen-overview i.pending{color:#b67700;background:#fff2cf}.kitchen-overview i.preparing{color:#df5a13;background:#ffecdf}.kitchen-overview i.ready{color:#16855a;background:#e4f7ed}.kitchen-overview i.waiting{color:#cf3349;background:#ffeaed}.kitchen-overview span,.kitchen-overview small{display:block;color:#778497;font-size:9px;font-weight:800;text-transform:uppercase}.kitchen-overview strong{display:block;overflow:hidden;color:#14263d;font-size:19px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.overview-total{color:#fff!important;background:linear-gradient(115deg,#102b50,#0d6efd)!important;border:0!important}.overview-total span,.overview-total small,.overview-total strong{color:#fff!important}.overview-total strong{margin-left:auto;font-size:30px}.kitchen-controls{margin-bottom:13px;padding:10px;background:#fff;border:1px solid #dfe6ef;border-radius:15px;box-shadow:0 7px 20px rgba(11,23,38,.045)}.kds-status-tabs,.kds-type-tabs{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.kds-status-tabs{padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #e8edf2}.kds-status-tabs button,.kds-type-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;color:#536176;background:#f5f7fa;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:850;white-space:nowrap}.kds-status-tabs button span,.kds-type-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#e3e8ef;border-radius:999px;font-size:9px}.kds-status-tabs button.active{color:#fff;background:#102b50}.kds-type-tabs button.active{color:#0d64dd;background:#eaf3ff;border-color:#cfe1fa}.kds-status-tabs button.active span{color:#102b50;background:#fff}.kitchen-control-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:center}.kds-search{position:relative}.kds-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8490a1}.kds-search input{width:100%;height:36px;padding:7px 12px 7px 36px;background:#fbfcfe;border:1px solid #dfe6ef;border-radius:9px;outline:0;font-size:11px}.kds-search input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px rgba(47,128,237,.12)}.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:11px;align-items:start}.kitchen-order{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe6ef;border-radius:15px;box-shadow:0 7px 22px rgba(11,23,38,.065);transition:transform .15s,box-shadow .15s}.kitchen-order:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,23,38,.1)}.kitchen-order[hidden]{display:none!important}.order-accent{height:5px;background:#ffbc16}.kitchen-order.state-2 .order-accent{background:#f17422}.kitchen-order.state-3 .order-accent{background:#1f9d68}.kitchen-order.priority-danger{border-color:#f0b6bf}.kitchen-order.priority-danger .order-accent{background:#d83d53}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px 9px}.order-head>div:first-child{display:flex;align-items:center;gap:7px;min-width:0}.order-number{color:#12263e;font-size:18px;font-weight:950}.order-channel{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;color:#536277;background:#eff3f7;border-radius:7px;font-size:9px;font-weight:850;white-space:nowrap}.order-channel.type-delivery{color:#176be8;background:#eaf3ff}.order-channel.type-recojo{color:#7d5711;background:#fff3d5}.order-time{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;font-size:10px;white-space:nowrap}.order-time.ok{color:#18734f;background:#e8f7ef}.order-time.warn{color:#986000;background:#fff2cf}.order-time.danger{color:#bd2d44;background:#ffe9ec}.order-meta{display:flex;flex-wrap:wrap;gap:5px;padding:0 13px 10px}.order-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 7px;color:#657287;background:#f7f9fb;border:1px solid #edf0f4;border-radius:7px;font-size:9px}.order-meta span.wide{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-items{display:grid;border-top:1px solid #edf0f4}.order-item{padding:10px 13px;border-bottom:1px dashed #dfe5ec}.item-main{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start}.item-main>b{display:grid;place-items:center;width:27px;height:27px;color:#fff;background:#102b50;border-radius:8px;font-size:13px}.item-main>strong{padding-top:3px;color:#14243a;font-size:13px;text-transform:uppercase}.item-options{display:grid;gap:2px;margin:5px 0 0 35px;color:#5d6b7e;font-size:10px}.item-options span{overflow-wrap:anywhere}.item-options b{color:#344359}.item-note{margin:7px 0 0 35px;padding:6px 8px;color:#9c4d00;background:#fff3d9;border-left:3px solid #f4a423;border-radius:5px;font-size:10px}.order-alert,.order-delivery{display:flex;align-items:flex-start;gap:8px;margin:9px 13px 0;padding:8px 9px;border-radius:8px;font-size:10px}.order-alert{color:#9a4050;background:#fff0f2}.order-alert div{display:grid}.order-delivery{color:#145d9a;background:#eaf5ff}.order-footer{display:grid;grid-template-columns:39px 1fr;gap:7px;margin-top:auto;padding:11px 13px 13px;background:#f8fafc;border-top:1px solid #edf0f4}.order-print{display:grid;place-items:center;border:1px solid #dbe3ec;border-radius:9px;color:#46566b;background:#fff}.kds-actions-pro{display:block!important;margin:0}.order-primary{width:100%;min-height:39px;border:0;border-radius:9px;color:#fff;font-size:11px;font-weight:900}.order-primary.start{color:#382700;background:#ffbd16}.order-primary.finish{background:#f17422}.order-primary.deliver{background:#18895c}.order-primary:disabled{opacity:.65}.kitchen-empty,.kds-no-results{display:grid;justify-items:center;padding:55px 20px;text-align:center;background:#fff;border:1px dashed #cfd9e5;border-radius:16px}.kitchen-empty span{display:grid;place-items:center;width:62px;height:62px;color:#16855a;background:#e5f7ed;border-radius:20px;font-size:28px}.kitchen-empty h3,.kds-no-results strong{margin:12px 0 4px}.kitchen-empty p{color:#788598}.kds-no-results{margin-top:12px;color:#758195}.kds-no-results i{font-size:25px}.kds-no-results button{margin-top:10px;color:#176be8;background:none;border:0;font-weight:850}
@media(max-width:1100px){.kitchen-overview{grid-template-columns:repeat(3,1fr)}.overview-total{grid-row:span 2}.kitchen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kitchen-header{align-items:flex-start}.kitchen-connection{display:none}}
@media(max-width:760px){.kitchen-header{display:grid}.kitchen-head-actions{display:grid;grid-template-columns:repeat(3,1fr)}.kitchen-head-actions .btn{justify-content:center}.kitchen-overview{grid-template-columns:1fr 1fr}.overview-total{grid-row:auto;grid-column:1/-1}.kitchen-control-row{grid-template-columns:1fr}.kds-type-tabs{width:100%}.kitchen-grid{grid-template-columns:1fr}.kds-status-tabs button,.kds-type-tabs button{flex:1}.kitchen-order:hover{transform:none}}
@media(max-width:480px){.kitchen-board{padding:9px!important}.kitchen-heading h2{font-size:22px}.kitchen-head-actions .btn span{display:none}.kitchen-overview article{padding:9px}.kitchen-overview strong{font-size:16px}.kitchen-overview article>i{display:none}.kds-status-tabs button{flex:0 0 auto}.kds-type-tabs button{flex:0 0 auto}.kitchen-grid{gap:8px}.order-head{padding:10px}.order-meta,.order-item{padding-left:10px;padding-right:10px}.order-footer{padding:9px 10px 10px}}