/* POS: catálogo y panel de pedido */
.pos-workspace .jd-slider {
  padding: 3px 0 12px;
}
.pos-workspace .loadCategory {
  height: 86px !important;
  min-height: 86px !important;
  display: flex;
  align-items: center;
  text-align: left !important;
  padding: 14px 18px !important;
  border: 1px solid var(--mega-line) !important;
  border-radius: 13px !important;
  box-shadow: 0 5px 15px rgba(20, 32, 72, 0.05);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.pos-workspace .loadCategory:hover {
  border-color: #c9c8fc !important;
  transform: translateY(-1px);
}
.pos-workspace .loadCategory img {
  width: 42px !important;
  height: 42px;
  object-fit: contain;
  margin: 0 13px 0 0 !important;
}
.pos-workspace .loadCategory p {
  font-size: 0.8rem !important;
  line-height: 1.2;
  margin: 0 !important;
  padding: 0 !important;
}
.pos-workspace .loadCategory p:first-of-type {
  font-weight: 700;
}
.pos-workspace .loadCategory p:last-child {
  margin-left: auto !important;
  color: var(--mega-muted) !important;
}
.pos-workspace .jd-slider .prev,
.pos-workspace .jd-slider .next {
  color: var(--mega-primary) !important;
}
.pos-workspace .input-group {
  margin: 8px 0 12px !important;
}
.pos-workspace .pos-search-toolbar {
  display: flex;
  gap: 9px;
  align-items: center;
}
.pos-workspace .pos-search-toolbar .input-group {
  flex: 1;
}
.pos-workspace .pos-view-switch {
  height: 43px;
  white-space: nowrap;
}
.pos-workspace .pos-view-switch .btn {
  min-width: 42px;
  border: 1px solid #dce3f0 !important;
  background: #fff !important;
  color: var(--mega-muted) !important;
}
.pos-workspace .pos-view-switch .btn.active {
  background: var(--mega-primary) !important;
  border-color: var(--mega-primary) !important;
  color: #fff !important;
}
.pos-workspace #searchProduct {
  height: 43px !important;
  font-size: 0.9rem !important;
  border-right: 0 !important;
}
.pos-workspace .input-group-text.backColor {
  width: 48px;
  justify-content: center;
  background: var(--mega-primary) !important;
  color: #fff !important;
  border-radius: 0 9px 9px 0 !important;
}
.pos-workspace .viewProducts {
  padding: 0 !important;
}
.pos-workspace .viewProducts .addProductPos {
  padding: 8px !important;
  text-align: left !important;
}
.pos-workspace .viewProducts .addProductPos > .card {
  min-height: 174px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(20, 32, 72, 0.08) !important;
}
.pos-workspace .viewProducts .addProductPos > .card:hover {
  border-color: #bcb8ff !important;
  box-shadow: 0 12px 25px rgba(40, 33, 166, 0.15) !important;
}
.pos-workspace .viewProducts .card-img-top {
  width: 92px !important;
  height: 92px !important;
  object-fit: contain;
  padding: 12px 6px !important;
  margin: 25px 0 0 12px !important;
  float: left;
}
.pos-workspace .viewProducts .card-body {
  min-height: 165px;
  padding: 27px 14px 13px 8px !important;
  overflow: hidden;
}
.pos-workspace .viewProducts .card-body h6:first-child {
  margin: 0 0 7px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: var(--mega-muted) !important;
}
.pos-workspace .viewProducts .card-title {
  min-height: 54px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.77rem !important;
  line-height: 1.35 !important;
  color: var(--mega-ink) !important;
}
.pos-workspace .viewProducts .card-body .d-flex {
  margin-top: 7px !important;
  align-items: center;
}
.pos-workspace .viewProducts .card-body .badge {
  background: var(--mega-success) !important;
  font-size: 0.62rem !important;
  padding: 4px 9px !important;
}
.pos-workspace .viewProducts .card-body .textColor {
  color: var(--mega-ink) !important;
  font-size: 0.78rem !important;
}
.pos-workspace .viewProducts .position-absolute.bg-white {
  background: #f7f8fc !important;
  color: #42506b !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
}
.pos-workspace #loadPageProducts .btn {
  min-width: 202px;
  padding: 10px 16px !important;
  border-radius: 9px !important;
}
.pos-workspace .pos-products-list {
  margin: 10px 0 14px;
  overflow: hidden;
  border: 1px solid var(--mega-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(20, 32, 72, 0.06);
}
.pos-workspace .pos-products-list thead th {
  padding: 12px 14px;
  color: #28236e;
  border-bottom: 1px solid #d9def0;
  background: #f4f6fc;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pos-workspace .pos-products-list tbody tr {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.pos-workspace .pos-products-list tbody tr:hover {
  background: #f8f9ff;
}
.pos-workspace .pos-products-list tbody td {
  padding: 13px 14px;
  vertical-align: middle;
  border-color: #edf0f6;
  color: var(--mega-ink);
  font-size: 0.84rem;
}
.pos-workspace .pos-products-list .pos-sku {
  padding: 4px 8px;
  color: #40506c;
  border-radius: 999px;
  background: #f2f4f9;
  font-size: 0.7rem;
  font-weight: 700;
}
.pos-workspace .pos-products-list .badge {
  padding: 4px 9px;
  background: var(--mega-success) !important;
  font-size: 0.68rem;
}
.pos-workspace .pos-products-list .bi-plus-circle {
  color: var(--mega-primary);
  font-size: 1rem;
}

/* Detalle de orden al lado derecho */
.pos-order-panel > .card {
  overflow: hidden;
}
.pos-order-panel #orderHeader {
  background: #fff !important;
  color: var(--mega-ink) !important;
  padding: 3px 18px !important;
  border-bottom: 1px solid var(--mega-line) !important;
}
.pos-order-panel #orderHeader h6 {
  color: var(--mega-ink) !important;
  font-size: 0.94rem !important;
}
.pos-order-panel .card-body {
  padding: 17px !important;
}
.pos-order-panel .container.mt-3 {
  margin-top: 0 !important;
  padding: 17px !important;
  border: 1px solid var(--mega-line) !important;
  border-radius: var(--mega-radius) !important;
  background: #fff;
  box-shadow: var(--mega-shadow);
}
.pos-order-panel .container.mt-3 > h6 {
  font-size: 0.9rem !important;
  margin-bottom: 14px;
}
.pos-order-panel .container.mt-3 > table {
  margin: 0 !important;
}
.pos-order-panel .container.mt-3 > table thead th {
  background: #f4f6fc !important;
  color: #28236e !important;
  border-bottom: 1px solid #d9def0 !important;
  font-size: 0.68rem !important;
  text-transform: uppercase;
  padding: 11px 7px !important;
}
.pos-order-panel .container.mt-3 > table tbody td {
  border-color: #eef1f6 !important;
  vertical-align: middle !important;
  font-size: 0.8rem !important;
}
.pos-order-panel .container.mt-3 .input-group {
  margin: 0 !important;
}
.pos-order-panel .container.mt-3 .input-group-text {
  min-height: 34px !important;
}
.pos-image-placeholder {
  align-items: center;
  background: #f1f4fb;
  color: #64748b;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 5px;
  justify-content: center;
}

.pos-image-placeholder-card {
  height: 180px;
  margin: 12px auto;
  max-width: 200px;
}

.pos-image-placeholder-small {
  height: 60px;
  margin-right: 8px;
  width: 60px;
}