/* ---------- MODAL ---------- */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(20,20,22,0.55); display:flex;
    align-items:center; justify-content:center; z-index:50; padding:16px;
  }
  .modal-box{
    background:var(--warm-card); border-radius:14px; padding:22px; width:100%; max-width:320px;
    box-shadow:0 20px 50px rgba(0,0,0,0.35); display:flex; flex-direction:column; gap:14px;
  }
  .modal-box.scan-box{ max-width:420px; }
  #editProductOverlay .modal-box{ max-width:500px; }
  #editProductOverlay{
    overflow-y:auto; overscroll-behavior:contain;
  }
  #editProductOverlay .modal-box{ margin:auto; }
  .more-details-toggle{
    width:100%; min-height:44px;
    background:var(--graphite-light); border:1px solid var(--paper-line); border-radius:7px;
    color:var(--paper-fade); font-family:'Space Mono',monospace; font-size:11px;
    letter-spacing:0.06em; cursor:pointer; text-align:center;
  }
  .more-details-toggle:hover{ border-color:var(--paper-fade); color:var(--paper-ink); }
  .more-details-panel{
    display:flex; flex-direction:column; gap:14px;
    border-top:1px dashed var(--paper-line); padding-top:14px;
  }
  .modal-title{
    font-family:'Space Mono',monospace; font-weight:700; font-size:13px; letter-spacing:0.06em;
    color:var(--paper-ink);
  }
  .modal-box .field label{
    font-family:'Space Mono',monospace; font-size:11px; letter-spacing:0.06em;
    color:var(--paper-fade); text-transform:uppercase;
  }
  .modal-box .field input{
    padding:10px 10px; border:1px solid var(--paper-line); border-radius:6px;
    font-family:'Space Mono',monospace; font-size:16px; background:var(--graphite-light); color:var(--paper-ink); outline:none;
  }
  .modal-box .field input:focus{ border-color:var(--felt-light); }
  .modal-box .field select{
    padding:10px 10px; border:1px solid var(--paper-line); border-radius:6px;
    font-family:'Inter',sans-serif; font-size:14px; background:var(--graphite-light); color:var(--paper-ink); outline:none;
  }
  .modal-box .field select:focus{ border-color:var(--felt-light); }
  .modal-box .field input#editProdCategoryNew{ margin-top:6px; }
  .modal-actions{ display:flex; gap:8px; }
  .modal-actions .key{ flex:1; }
  @media print{
    body{ background:#fff !important; padding:0 !important; }
    .pos{ box-shadow:none !important; border-radius:0 !important; max-width:100% !important; padding:0 !important; }
    .pos-header, .storage-warning, .brand-panel, .page-nav, .lock-overlay, .modal-overlay,
    .dash-period-tabs, .no-print{
      display:none !important;
    }
    .page:not(#pageDashboard){ display:none !important; }
    .dash-panel{ box-shadow:none !important; padding:0 !important; }
    .dash-bar-tooltip{ display:none !important; }

    body.printing-label .pos{ display:none !important; }
    body.printing-label #labelOverlay{
      display:flex !important; position:static !important; background:none !important; padding:0 !important;
    }
    body.printing-label #labelOverlay .modal-box{
      box-shadow:none !important; padding:0 !important; background:none !important; max-width:none !important;
    }
    body.printing-label #labelOverlay .modal-title,
    body.printing-label #labelOverlay .brand-hint,
    body.printing-label #labelOverlay .modal-actions{ display:none !important; }
    body.printing-label #labelOverlay .label-preview{ border:none !important; width:60mm; margin:0 auto; }
  }
  .label-preview{
    background:var(--paper); border:1px dashed var(--paper-line); border-radius:8px;
    padding:14px; display:flex; flex-direction:column; align-items:center; gap:6px;
  }
  .label-name{ font-family:'Inter',sans-serif; font-weight:700; font-size:13px; color:var(--paper-ink); text-align:center; }
  .label-price{ font-family:'Space Mono',monospace; font-weight:700; font-size:16px; color:var(--paper-ink); }
  #labelBarcodeSvg{ max-width:100%; }