/* Custom styles for Kitchen Label */
.tab-btn.active-tab {
  border-color: #6366f1;
  color: #ffffff;
}

/* Thermal Label Texture / Shadow in UI */
#previewImage {
  filter: drop-shadow(0 4px 6px -1px rgba(0, 0, 0, 0.2));
  background-color: #ffffff;
}

/* Thermal Paper Roll / Fanfold Strip Simulation */
.thermal-roll-viewport {
  background: #090d16;
  background-image: radial-gradient(#1e293b 1px, transparent 1px);
  background-size: 14px 14px;
}

.roll-sheet {
  background: #ffffff;
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: all 0.3s ease;
}

.roll-sheet-faded {
  background: #f1f5f9;
  opacity: 0.45;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.perforation-gap {
  border-top: 2px dashed #cbd5e1;
  position: relative;
  margin: 12px 0;
}

.active-print-zone {
  border: 2px solid #6366f1;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15);
  position: relative;
}

.active-print-zone::before {
  content: "ACTIVE PRINTED AREA";
  position: absolute;
  top: -10px;
  left: 10px;
  background: #6366f1;
  color: #ffffff;
  font-size: 8px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Rotated 90 degrees on continuous roll */
.rotate-90-strip-container {
  width: 100%;
  aspect-ratio: 4 / 6;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.rotate-90-strip-img {
  width: 150% !important;
  max-width: none !important;
  height: auto !important;
  transform: rotate(90deg);
  transform-origin: center center;
  box-shadow: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}