/* Ετικετοποίηση — οδηγός, «Επόμενη ετικέτα» και γραμμή ρολού στο πάνελ της καρτέλας.
   Το φόντο σελίδας δεν ορίζεται εδώ (κληρονομείται)· ό,τι φαίνεται μπαίνει σε λευκές κάρτες/πλαίσια γύρω από τις οποίες φαίνεται το φόντο. */
.lr-dim { color: #64748B; font-weight: 400; }
.lr-pbox { margin-top: 8px; padding: 10px 12px; border-radius: 10px; border: 1px solid #E2E8F0; background: #F1F5F9; color: #334155; font-size: .88rem; line-height: 1.4; overflow-wrap: anywhere; }
.lr-pbox-warn { background: #FFFBEB; border-color: #D97706; color: #92400E; }
.lr-pbox-bad { background: #FEF2F2; border-color: #DC2626; color: #B91C1C; }
.lr-pinfo { margin-top: 6px; font-size: .82rem; line-height: 1.4; color: #64748B; overflow-wrap: anywhere; }

/* Σελίδα «Ρυθμίσεις ετικέτας» */
#page-label-rolls .lr-guide { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; margin: 0 0 8px; color: #0F172A; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); }
#page-label-rolls .lr-guide-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
#page-label-rolls .lr-guide-title { font-family: Syne, sans-serif; font-weight: 700; font-size: 1.05rem; }
#page-label-rolls .lr-guide-close, #page-label-rolls .lr-guide-line { min-height: 44px; padding: 0 12px; background: none; border: none; cursor: pointer; color: #2563EB; font-size: .95rem; font-weight: 600; text-align: left; }
#page-label-rolls .lr-guide-list { column-count: 2; column-gap: 28px; margin: 0; padding-left: 22px; font-size: .9rem; line-height: 1.5; color: #334155; }
#page-label-rolls .lr-guide-list li { break-inside: avoid; margin-bottom: 10px; padding-left: 4px; }
#page-label-rolls .lr-guide-list b { color: #0F172A; }
#page-label-rolls .lr-hint { margin: -6px 0 12px; font-size: .82rem; color: #64748B; line-height: 1.4; }
#page-label-rolls .lr-field label { overflow-wrap: anywhere; }
#page-label-rolls .lr-field-foot { display: flex; align-items: center; justify-content: space-between; gap: 4px 12px; flex-wrap: wrap; margin-top: 4px; font-size: .78rem; }
#page-label-rolls .lr-saved { color: #15803D; font-weight: 600; white-space: nowrap; }
#page-label-rolls .lr-saved-ic { vertical-align: -2px; }
#page-label-rolls .lr-saving { color: #64748B; white-space: nowrap; }
#page-label-rolls .lr-save-err { color: #B91C1C; font-weight: 600; }
#page-label-rolls .lr-next { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; white-space: nowrap; }
#page-label-rolls .lr-next-num { font-size: 1.7rem; line-height: 1.2; white-space: nowrap; }

/* Γραμμή ρολού και «Αλλαγή» στο πάνελ Ετικετοποίηση της καρτέλας */
.lrqe-row { display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; margin: 0 0 12px; padding: 10px 12px; border: 1px solid #E2E8F0; border-radius: 12px; background: #FFFFFF; color: #0F172A; }
.lrqe-row .cfx-roll-badge { margin-left: 0 !important; }
.lrqe-t, .lrqe-next, .lrqe-lbl, .lrqe-num { white-space: nowrap; }
.lrqe-t { font-weight: 700; }
.lrqe-next { color: #475569; }
.lrqe-num { font-size: 1.15rem; color: #0F172A; }
.lrqe-change { margin-left: auto; }
.lrqe-b { min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid #CBD5E1; background: #FFFFFF; color: #0F172A; font-weight: 700; font-size: .92rem; cursor: pointer; }
.lrqe-b-primary { background: #2563EB; border-color: #2563EB; color: #FFFFFF; }
.lrqe-b[disabled] { opacity: .55; cursor: default; }
.lrqe-edit { margin: -4px 0 12px; padding: 12px; border: 1px solid #E2E8F0; border-radius: 12px; background: #FFFFFF; color: #0F172A; }
.lrqe-edit label { display: block; font-size: .82rem; color: #475569; margin-bottom: 4px; overflow-wrap: anywhere; }
.lrqe-input { width: 100%; box-sizing: border-box; min-height: 44px; padding: 8px 12px; border: 1px solid #CBD5E1; border-radius: 8px; font-size: 1rem; background: #FFFFFF; color: #0F172A; }
.lrqe-input:focus { outline: 2px solid #2563EB; outline-offset: 1px; }
.lrqe-input.lrqe-bad { border-color: #DC2626; }
.lrqe-note { margin-top: 8px; font-size: .78rem; }
.lrqe-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.lrqe-foot { margin-top: 12px; }
.lrqe-link { min-height: 44px; padding: 0 4px; background: none; border: none; cursor: pointer; color: #2563EB; font-size: .9rem; font-weight: 600; }
.lr-modal .lrqe-b { width: 100%; }

@media (max-width: 640px) {
  #page-label-rolls .lr-guide-list { column-count: 1; }
}