.dashboard-tab-toolbar{display:flex;justify-content:flex-end;gap:9px;margin-bottom:14px}.dashboard-add-button{display:inline-flex;align-items:center;gap:7px}.dashboard-add-button img{width:21px;height:21px}
:root {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-synthesis: none;

  --page-bg: #f7f8fb;
  --page-bg-soft: #ffffff;
  --text: #111827;
  --muted: #667085;
  --muted-2: #8b93a7;
  --line: #d9dee8;
  --line-soft: #e8ecf3;
  --shadow: 0 14px 40px rgba(16, 24, 40, 0.08);

  --receiver-accent: #0b9cab;
  --receiver-soft: #eef8fa;

  --sender-accent: #ff5a43;
  --sender-soft: #fff3f1;

  --button-bg: #071a49;
  --button-text: #ffffff;

  --preview-accent: #0d9ead;

  --label-width: 121mm;
  --label-height: 75mm;
  --label-radius: 4mm;
  --label-border-width: 0.35mm;
}

.agent-profile-dialog{width:min(94vw,620px);max-height:90vh;overflow-y:auto}
.agent-profile-edit-form{display:grid;gap:14px;margin-top:16px}
.agent-profile-edit-form[hidden]{display:none}
.agent-profile-edit-form label{display:grid;gap:6px}
.agent-profile-edit-form label>span{color:var(--muted);font-size:.86rem;font-weight:700}
.agent-profile-edit-form input,.agent-profile-edit-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}
.agent-profile-edit-form textarea{resize:vertical}
.agent-profile-edit-form small{color:var(--muted)}
.agent-profile-ifsc-edit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
@media(max-width:380px){.agent-profile-ifsc-edit{grid-template-columns:1fr}.agent-profile-dialog .premium-dialog-actions{flex-wrap:wrap}}
.agent-profile-detail-list>button{position:relative;display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);color:var(--text);padding:12px 42px 12px 12px;cursor:pointer}
.agent-profile-detail-list>button>span{grid-column:1/-1;color:var(--muted);font-size:.82rem}
.agent-profile-detail-list>button>strong{overflow-wrap:anywhere}
.agent-profile-detail-list>button>img{position:absolute;right:12px;top:50%;width:20px;height:20px;transform:translateY(-50%)}
.profile-back-button{border:0;background:transparent;color:var(--receiver-accent);font-family:inherit;font-size:1rem;font-weight:700;padding:4px 0 14px;cursor:pointer}
.company-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.company-list-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.icon-text-button{display:inline-flex;align-items:center;gap:7px}.icon-text-button img{width:20px;height:20px}
.company-list-toolbar [data-company-actions]{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);box-shadow:var(--shadow)}
.company-list-toolbar [data-company-actions][hidden]{display:none}
.company-list-toolbar [data-company-actions] button,.profile-local-edit{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:var(--receiver-soft);cursor:pointer}
.company-list-toolbar [data-company-actions] img,.profile-local-edit img{width:21px;height:21px}
.company-select-list{display:grid;gap:9px;max-height:300px;overflow:auto}
.company-select-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;background:var(--page-bg-soft);padding:11px 12px;cursor:pointer}
.company-select-row input{width:18px;height:18px;margin:0;accent-color:var(--receiver-accent)}
.company-inline-editor{display:grid;gap:9px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--receiver-soft)}
.company-inline-editor[hidden]{display:none}.company-inline-editor>input{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--page-bg-soft);color:var(--text);padding:10px 12px;font:inherit}
.profile-field-card{position:relative;display:grid;gap:6px;border:1px solid var(--line);border-radius:14px;background:var(--page-bg-soft);padding:16px 58px 16px 16px}.profile-field-card>span,.profile-field-card>small{color:var(--muted)}.profile-local-edit{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.sender-form-save-actions{display:flex;justify-content:flex-end;padding:0 24px 24px}.sender-form-save-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px}.sender-form-save-actions img{width:20px;height:20px}
@media(max-width:420px){.sender-form-save-actions{padding:0 16px 18px}.sender-form-save-actions button{width:100%}}

/* Saved receiver chooser: override the generic dialog input sizing. */
.qr-dialog .saved-group-choice-list input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  margin: 0 !important;
  padding: 0;
  justify-self: center;
}

#savedSenderDialog {
  max-height: min(88vh, 760px);
  overflow-y: auto;
}

#savedSenderDialog .group-address-options {
  height: auto;
  min-height: 150px;
  max-height: min(520px, 58vh);
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-right: 8px;
}

#savedSenderDialog .saved-receiver-group[open] .saved-group-choice-list {
  min-height: 0;
  max-height: 350px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-right: 8px;
}

#savedSenderDialog .saved-group-select-all {
  position: relative;
  z-index: 1;
}

#savedSenderDialog .use-selected-saved {
  position: relative;
  z-index: 1;
}

#savedSenderDialog .saved-receiver-group[open] {
  min-height: 300px;
}

#savedSenderDialog .saved-receiver-group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#savedSenderDialog .saved-group-plane {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #087f8c;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(8, 127, 140, .22);
}

#savedSenderDialog .saved-group-plane:hover {
  background: #066d78;
  transform: translateY(-1px);
}

#savedSenderDialog .saved-group-plane img {
  width: 21px;
  height: 21px;
}

#savedSenderDialog .use-selected-saved {
  display: none !important;
}

#savedSenderDialog .group-address-options,
#savedSenderDialog .saved-group-choice-list {
  scrollbar-width: auto;
  scrollbar-color: #087f8c #e4edef;
}

#savedSenderDialog .group-address-options::-webkit-scrollbar,
#savedSenderDialog .saved-group-choice-list::-webkit-scrollbar {
  width: 12px;
}

#savedSenderDialog .group-address-options::-webkit-scrollbar-track,
#savedSenderDialog .saved-group-choice-list::-webkit-scrollbar-track {
  background: #e4edef;
  border-radius: 10px;
}

#savedSenderDialog .group-address-options::-webkit-scrollbar-thumb,
#savedSenderDialog .saved-group-choice-list::-webkit-scrollbar-thumb {
  background: #087f8c;
  border: 3px solid #e4edef;
  border-radius: 10px;
}

.dashboard-group summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.group-header-actions{margin-left:auto}.group-header-actions button{flex:none}.group-address-row.selected{background:var(--receiver-soft);outline:1px solid var(--receiver-accent)}.group-address-row>.dashboard-item-actions{margin-left:auto}
.use-receiver-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:var(--receiver-accent);color:#fff;cursor:pointer}.use-receiver-button:hover{filter:brightness(.93);transform:translateY(-1px)}.use-receiver-button img{width:20px;height:20px}
.use-sender-button{background:var(--sender-accent)}
.batch-label-preview{display:flex;flex-direction:column;align-items:center;gap:22px;max-height:620px;overflow-y:auto;overflow-x:hidden;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--page-bg-soft) 88%,#dfe7eb);scrollbar-gutter:stable}.batch-shipping-label{width:121mm!important;min-width:121mm!important;height:75mm!important;min-height:75mm!important;flex:0 0 75mm;margin:0!important;background:#fff}.batch-shipping-label .label-column>p{white-space:pre-line}
.label-stage[hidden],.preview-section:has(#batchLabelPreview)>.label-stage{display:none!important}
@media(max-width:600px){.batch-label-preview{align-items:flex-start}.batch-shipping-label{transform:scale(.72);transform-origin:top left;margin-bottom:-21mm!important}}
@media print{@page{size:A4 portrait;margin:0}body.batch-print-mode{overflow:visible!important}body.batch-print-mode>*:not(#batchLabelPreview){display:none!important}body.batch-print-mode #batchLabelPreview,body.batch-print-mode #batchLabelPreview *{visibility:visible!important}body.batch-print-mode #batchLabelPreview{display:block!important;position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}.batch-print-mode .batch-shipping-label{display:block!important;width:121mm!important;height:75mm!important;min-width:121mm!important;min-height:75mm!important;max-width:121mm!important;max-height:75mm!important;margin:20mm 0 0 20mm!important;border:.35mm solid #111!important;transform:none!important;break-after:page!important;page-break-after:always!important;break-inside:avoid!important;page-break-inside:avoid!important}.batch-print-mode .batch-shipping-label:last-child{break-after:auto!important;page-break-after:auto!important}}
@media(max-width:720px){.dashboard-group summary{align-items:flex-start;flex-direction:column}.group-header-actions{margin-left:0;flex-wrap:wrap}.group-address-row{flex-wrap:wrap}.group-address-row>.dashboard-item-actions{width:100%;justify-content:flex-end}}

body:has(#themeToggle:checked) {
  --page-bg: #0f172a;
  --page-bg-soft: #111827;
  --text: #f3f4f6;
  --muted: #b8c0d1;
  --muted-2: #98a2b3;
  --line: #2a3447;
  --line-soft: #1e293b;
  --shadow: 0 16px 46px rgba(0, 0, 0, 0.35);

  --receiver-soft: #0f2a31;
  --sender-soft: #331a1a;
  --button-bg: #f3f4f6;
  --button-text: #0f172a;
  --preview-accent: #2dd4bf;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100vh;
}

body {
  background: var(--page-bg);
  color: var(--text);
}

button,
input,
select {
  font: inherit;
}

@media screen {
  .preview-section .label-column { cursor:pointer; }
}

.page-shell {
  width: min(1360px, calc(100% - 40px));
  margin: 34px auto 64px;
}

/* =========================
   HERO
   ========================= */

.hero-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 26px;
}

.hero-copy {
  flex: 1;
}

.eyebrow {
  margin: 0 0 8px;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #0f7c8c;
}

.hero-header h1 {
  margin: 0 0 10px;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.hero-subtitle {
  margin: 0;
  font-size: 1.14rem;
  line-height: 1.55;
  color: var(--muted);
  max-width: 760px;
}

.theme-toggle-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  min-height: 56px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--page-bg-soft);
  color: var(--text);
  cursor: pointer;
  user-select: none;
  box-shadow: var(--shadow);
  white-space: nowrap;
}

.theme-icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 1.05rem;
}

/* =========================
   FORM CARDS
   ========================= */

.forms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.address-card,
.preview-section {
  background: var(--page-bg-soft);
  border: 1px solid var(--line-soft);
  border-radius: 24px;
  box-shadow: var(--shadow);
}

.address-card {
  padding: 0;
  overflow: hidden;
}

.receiver-card {
  border-color: rgba(11, 156, 171, 0.18);
}

.sender-card {
  border-color: rgba(255, 90, 67, 0.18);
}

.card-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 22px 18px;
  border-bottom: 1px solid var(--line-soft);
}

.receiver-card .card-heading {
  background: var(--receiver-soft);
}

.sender-card .card-heading {
  background: var(--sender-soft);
}
.sender-card .card-heading>div{display:flex;align-items:center;gap:14px}.show-sender-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--sender-accent);font-size:.8rem;font-weight:800;white-space:nowrap}.show-sender-toggle input{width:17px;height:17px;accent-color:var(--sender-accent)}.saved-sender-button{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--sender-accent);border-radius:11px;background:var(--page-bg-soft);color:var(--sender-accent);font-weight:850;cursor:pointer}.saved-sender-button img{width:21px;height:21px}.hide-sender-label #printArea .sender-label,.hide-sender-label .batch-shipping-label .sender-label{display:none!important}.hide-sender-label #printArea .label-main,.hide-sender-label .batch-shipping-label .label-main{grid-template-columns:1fr!important}.saved-sender-list{display:grid;gap:9px}.saved-sender-option{display:grid;gap:5px;width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--page-bg-soft);color:var(--text);text-align:left;cursor:pointer}.saved-sender-option:hover{border-color:var(--sender-accent);background:var(--sender-soft)}.saved-sender-option span{color:var(--muted)}

.card-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  flex: 0 0 auto;
}

.receiver-card .card-icon {
  background: var(--receiver-accent);
}

.sender-card .card-icon {
  background: var(--sender-accent);
}

.card-heading h2 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.1;
}

.receiver-card .card-heading h2 {
  color: var(--receiver-accent);
}

.sender-card .card-heading h2 {
  color: var(--sender-accent);
}

.address-card .field-group,
.address-card .field-row {
  padding-left: 22px;
  padding-right: 22px;
}

.address-card .field-group:last-child,
.address-card .field-row:last-child {
  padding-bottom: 22px;
}

.address-card .field-group {
  margin-top: 16px;
}

.field-row {
  display: grid;
  gap: 16px;
}

.two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.field-group label {
  margin-bottom: 7px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
}

.field-group input,
.field-group select {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: none;
  background: var(--page-bg-soft);
  color: var(--text);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;
}

.field-group input::placeholder {
  color: var(--muted-2);
}

.field-group input:focus,
.field-group select:focus {
  border-color: #8aa4ff;
  box-shadow: 0 0 0 4px rgba(85, 115, 255, 0.12);
}

.field-group input[readonly] {
  background: color-mix(in srgb, var(--page-bg-soft) 75%, var(--line-soft) 25%);
}

.field-group select:disabled {
  cursor: not-allowed;
}

.field-group small {
  min-height: 18px;
  margin-top: 7px;
  color: var(--muted);
}

.field-group small.error,
.pin-status.error {
  color: #d92d20;
  font-weight: 700;
}

/* =========================
   PREVIEW
   ========================= */

.preview-section {
  margin-top: 28px;
  padding: 26px;
}

.section-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
}

.preview-title-block h2 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.1;
}

.preview-title-row {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 6px;
}

.preview-eye {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--preview-accent) 16%, transparent);
  color: var(--preview-accent);
  font-weight: 900;
  font-size: 0.95rem;
  flex: 0 0 auto;
}

.preview-eyebrow {
  margin-bottom: 4px;
  color: #1f6fff;
}

.print-hint {
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.45;
}

.primary-button {
  border: 0;
  border-radius: 14px;
  padding: 14px 24px;
  min-height: 52px;
  background: var(--receiver-accent);
  color: #ffffff;
  cursor: pointer;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(7, 26, 73, 0.2);
}

/* =========================
   PRINTABLE LABEL
   ========================= */

.shipping-label {
  width: var(--label-width);
  height: var(--label-height);
  min-width: var(--label-width);
  min-height: var(--label-height);
  max-width: var(--label-width);
  max-height: var(--label-height);
  margin: 12px auto 0;
  padding: 8mm 7mm 6mm;
  background: #ffffff;
  color: #000000;
  border: var(--label-border-width) solid #111111;
  border-radius: var(--label-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.label-main {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16mm;
  min-height: 0;
}

.label-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.label-chip {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  background: #05070d;
  color: #ffffff;
  border-radius: 7px;
  font-size: 9pt;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin-bottom: 8mm;
}

.label-column h3 {
  margin: 0 0 4mm;
  font-size: 18pt;
  line-height: 1.12;
  font-weight: 800;
  color: #000000;
  word-break: break-word;
}

#previewReceiverAddress,
#previewSenderAddress {
  margin: 0;
  font-size: 12.2pt;
  line-height: 1.52;
  font-weight: 500;
  color: #111111;
  white-space: pre-line;
  word-break: break-word;
}

.preview-mobile {
  margin: auto 0 0;
  padding-top: 8mm;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.2pt;
  line-height: 1.3;
  font-weight: 500;
  color: #111111;
}

.mobile-icon {
  font-size: 1rem;
  line-height: 1;
}

.privacy-note {
  margin-top: 5mm;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #6b7280;
  font-size: 10.5pt;
}

.privacy-badge {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #eef2f7;
  color: #111111;
  font-size: 0.95rem;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1180px) {
  .forms-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .hero-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-title {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  .page-shell {
    width: calc(100% - 18px);
    margin-top: 18px;
  }

  .address-card,
  .preview-section {
    border-radius: 18px;
  }

  .two-col {
    grid-template-columns: 1fr;
  }

  .preview-section {
    overflow-x: auto;
  }

  .shipping-label {
    margin-left: 0;
    margin-right: 0;
  }

  .theme-toggle-button,
  .primary-button {
    width: 100%;
    justify-content: center;
  }

  .hero-header h1 {
    font-size: clamp(1.7rem, 7vw, 2.5rem);
  }

  .preview-title-block h2,
  .card-heading h2 {
    font-size: 1.55rem;
  }
}

/* =========================
   PRINT
   Print only the label
   ========================= */

@page {
  size: auto;
  margin: 0;
}

@media print {
  html,
  body {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  body * {
    visibility: hidden !important;
  }

  #printArea,
  #printArea * {
    visibility: visible !important;
  }

  .page-shell,
  .preview-section {
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .hero-header,
  .forms-grid,
  .section-title {
    display: none !important;
  }

  #printArea {
    position: fixed !important;
    top: 10% !important;
    left: 10% !important;
    width: var(--label-width) !important;
    height: var(--label-height) !important;
    min-width: var(--label-width) !important;
    min-height: var(--label-height) !important;
    max-width: var(--label-width) !important;
    max-height: var(--label-height) !important;
    margin: 0 !important;
    padding: 8mm 7mm 6mm !important;
    transform: none !important;
    border: var(--label-border-width) solid #111111 !important;
    border-radius: var(--label-radius) !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  #printArea .label-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16mm !important;
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #printArea .label-chip {
    background: #05070d !important;
    color: #ffffff !important;
    margin-bottom: 8mm !important;
    font-size: 9pt !important;
  }

  #printArea .label-column h3 {
    margin: 0 0 4mm !important;
    font-size: 18pt !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    color: #000000 !important;
  }

  #printArea #previewReceiverAddress,
  #printArea #previewSenderAddress {
    margin: 0 !important;
    font-size: 12.2pt !important;
    line-height: 1.52 !important;
    font-weight: 500 !important;
    color: #111111 !important;
    white-space: pre-line !important;
  }

  #printArea .preview-mobile {
    margin: auto 0 0 !important;
    padding-top: 8mm !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11.2pt !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    color: #111111 !important;
  }

  #printArea .privacy-note {
    margin-top: 5mm !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    color: #6b7280 !important;
    font-size: 10.5pt !important;
  }

  #printArea .privacy-badge {
    background: #eef2f7 !important;
    color: #111111 !important;
  }
}

/* Operator redemption print mode. Higher-specificity selectors override the
   sender-page rules that collapse .page-shell and target only #printArea. */
@media print {
  body.operator-print-mode .page-shell,
  body.operator-print-mode .operator-shell,
  body.operator-print-mode .operator-dashboard,
  body.operator-print-mode .redeemed-section {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.operator-print-mode #operatorPrintArea,
  body.operator-print-mode #operatorPrintArea * {
    visibility: visible !important;
  }

  body.operator-print-mode #operatorPrintArea {
    display: block !important;
    position: fixed !important;
    top: 10% !important;
    left: 10% !important;
    width: 121mm !important;
    height: 75mm !important;
    min-width: 121mm !important;
    min-height: 75mm !important;
    max-width: 121mm !important;
    max-height: 75mm !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0.35mm solid #111 !important;
    border-radius: 4mm !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  body.operator-print-mode #operatorPrintArea .label-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.operator-print-mode #operatorPrintArea .label-column {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 7mm 6mm !important;
    overflow: hidden !important;
    background: #fff !important;
    color: #111 !important;
  }

  body.operator-print-mode #operatorPrintArea .receiver-label {
    border-right: 0.2mm dashed #c5c8cd !important;
  }

  body.operator-print-mode #operatorPrintArea .label-chip {
    align-self: flex-start !important;
    margin: 0 0 2.2mm !important;
    padding: 0.8mm 2mm !important;
    background: #101010 !important;
    color: #fff !important;
    font-size: 8.5pt !important;
  }

  body.operator-print-mode #operatorPrintArea h3 {
    margin: 0 0 1.7mm !important;
    color: #111 !important;
    font-size: 10pt !important;
  }

  body.operator-print-mode #operatorPrintArea .label-column > p {
    margin: 0 !important;
    color: #111 !important;
    font-size: 10pt !important;
    line-height: 1.35 !important;
    white-space: pre-line !important;
  }

  body.operator-print-mode #operatorPrintArea .preview-mobile {
    margin-top: auto !important;
    padding-top: 3mm !important;
  }
}

/* =========================================================
   FINAL UI OVERRIDES
   Brand bar + decorative background + SVG icons + paper-plane arrow
   ========================================================= */

html {
  background: var(--page-bg);
}

body {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfdfe 50%,
      var(--page-bg) 100%
    );

  color: var(--text);
}

body:has(#themeToggle:checked) {
  background:
    linear-gradient(
      180deg,
      #101827 0%,
      #0f172a 55%,
      #0c1320 100%
    );
}


/* =========================================================
   TOP BRAND BAR
   ========================================================= */

.top-brand-bar {
  position: relative;
  z-index: 30;

  width: 100%;
  min-height: 70px;

  background:
    color-mix(
      in srgb,
      var(--page-bg-soft) 94%,
      transparent
    );

  border-bottom: 1px solid var(--line-soft);

  box-shadow:
    0 4px 18px rgba(16, 24, 40, 0.045);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.top-brand-inner {
  width: min(1360px, calc(100% - 40px));
  min-height: 70px;

  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-menu { position: relative; }
.header-menu summary {
  width: 46px; height: 46px; display: grid; place-content: center; gap: 5px;
  border: 1px solid var(--line); border-radius: 12px; cursor: pointer;
  background: var(--page-bg-soft); list-style: none;
}
.header-menu summary::-webkit-details-marker { display: none; }
.header-menu summary span { width: 22px; height: 2px; border-radius: 2px; background: var(--text); }
.header-menu summary > img { width:27px; height:27px; display:block; }
.receiver-import-actions { margin-left:0; display:flex; align-items:center; gap:8px; }.receiver-card .saved-receiver-button{margin-left:auto}
.relocated-csv-controls{display:flex}.saved-receiver-button{color:var(--receiver-accent);border-color:var(--receiver-accent)}
.csv-row-select-cell{text-align:center;vertical-align:middle}.csv-row-select{width:18px;height:18px;accent-color:var(--receiver-accent)}#useCsvSelection img{width:19px;height:19px;vertical-align:middle;margin-right:5px}
.csv-footer-actions{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 0;background:var(--page-bg-soft)}.csv-footer-actions #saveCsvGroup,.csv-footer-actions #useCsvSelection{height:46px;display:inline-flex;align-items:center;justify-content:center}.csv-footer-actions #saveCsvGroup{display:inline-flex!important;visibility:visible!important}.csv-footer-actions #useCsvSelection{margin-left:auto}@media(max-width:520px){.csv-footer-actions{align-items:stretch;flex-wrap:wrap}.csv-footer-actions #saveCsvGroup,.csv-footer-actions #useCsvSelection{flex:1 1 180px}}
.csv-upload-button.premium-locked{border-style:solid}.premium-required-dialog{width:min(430px,calc(100% - 28px));text-align:center}.premium-dialog-crown img,.subscription-crown img{width:58px;height:58px}.premium-dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.premium-dialog-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.subscription-page{width:min(760px,calc(100% - 28px));margin:0 auto;padding:58px 0}.subscription-hero{text-align:center;margin-bottom:24px}.subscription-hero h1{margin:8px 0}.subscription-card{max-width:500px;margin:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);text-align:center}.subscription-card ul{display:grid;gap:10px;text-align:left;margin:22px auto;max-width:300px}.subscription-demo-note{color:#8a6100;font-weight:800}.subscription-card .primary-button,.subscription-back{display:flex;width:100%;align-items:center;justify-content:center;box-sizing:border-box;margin-top:10px;text-decoration:none}.subscription-card #subscriptionStatus{font-weight:750;color:var(--receiver-accent)}@media(max-width:520px){.premium-dialog-actions{flex-direction:column}.premium-dialog-actions>*{width:100%;box-sizing:border-box}}
.header-user-greeting{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:850;color:var(--receiver-accent);white-space:nowrap}.header-user-greeting img,.dashboard-premium-crown{width:20px!important;height:20px!important}.header-user-greeting+.header-menu{margin-left:8px}@media(max-width:520px){.header-user-greeting{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:.82rem}}
.privacy-consent-dialog{width:min(92vw,560px);max-height:min(88vh,760px);overflow:auto}.privacy-consent-dialog>p{line-height:1.55}.privacy-consent-card{padding:14px 16px;border:1px solid color-mix(in srgb,var(--receiver-accent) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--receiver-soft) 72%,var(--page-bg-soft));color:var(--text)}.privacy-consent-card h3{margin:8px 0 4px;font-size:.95rem}.privacy-consent-card ul{margin:0 0 10px;padding-left:22px}.privacy-consent-card p{margin:10px 0;line-height:1.45}.privacy-consent-choice{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:12px;border-radius:12px;background:var(--page-bg-soft);color:var(--text);font-weight:650}.privacy-consent-choice input{flex:0 0 auto;margin-top:3px;width:18px;height:18px}
.qr-dialog .privacy-consent-choice{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;background:var(--page-bg-soft);color:var(--text)}.qr-dialog .privacy-consent-choice input[type="checkbox"]{box-sizing:border-box;width:18px!important;min-width:18px;height:18px!important;margin:2px 0 0!important;padding:0!important;accent-color:var(--receiver-accent)}.privacy-consent-choice span{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.45;color:var(--text)}
.account-mode-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.operator-registration .account-mode-actions{margin-top:12px}.operator-registration .account-mode-actions button{flex:1 1 180px}@media(max-width:520px){.section-title-row .account-mode-actions{width:100%}.section-title-row .account-mode-actions button{flex:1 1 140px}}
.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.google-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#4285f4;font-size:16px;font-weight:800}.auth-status{min-height:1.35em;color:var(--muted);margin:8px 0}.auth-status.error{color:#b42318;font-weight:700}
.header-menu-panel button{display:block;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:10px 14px}.header-menu-panel button:hover{background:var(--page-bg-soft)}.header-menu-panel [hidden]{display:none!important}
.header-menu-panel a,.header-menu-panel button{font-weight:400!important}.header-menu-panel a:hover,.header-menu-panel button:hover,.header-menu-panel a:focus-visible,.header-menu-panel button:focus-visible{font-weight:850!important;background:#d5ecee!important;color:var(--receiver-accent)}
.user-profile-dialog{width:min(92vw,460px)}.profile-details{display:grid;gap:12px;margin:20px 0}.profile-details>div{display:grid;gap:5px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:14px;background:var(--page-bg-soft)}.profile-details span{color:var(--muted);font-size:.82rem}.profile-details strong{overflow-wrap:anywhere}
.auth-login-card{width:min(100%,480px);margin-inline:auto;padding:clamp(18px,3vw,28px)!important}.auth-stack{display:grid;gap:12px}.auth-stack>button{width:100%}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;text-align:center}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line-soft);flex:1}.auth-divider span{white-space:nowrap}.auth-field{display:grid;gap:6px;font-weight:750}.auth-field>span{font-size:.84rem;color:var(--muted)}.auth-field input{width:100%}.auth-register-prompt{margin:0;text-align:center;color:var(--muted);font-size:.9rem}.auth-register-prompt button,.auth-register-prompt a{border:0;background:transparent;color:var(--receiver-accent);font:inherit;font-weight:850;padding:3px;cursor:pointer;text-decoration:underline}.auth-stack .secondary-button{margin-top:2px}.registration-card{width:min(100%,620px)}.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.registration-grid .full-field{grid-column:1/-1}.registration-actions{display:grid;gap:12px;margin-top:18px}.auth-field input:disabled{background:#eef2f3;color:#667085;cursor:not-allowed}@media(max-width:520px){.auth-login-card{border-radius:18px}.auth-divider span{white-space:normal}.registration-grid{grid-template-columns:1fr}.registration-grid .full-field{grid-column:auto}}
.google-login-button img{width:22px;height:22px;flex:none}
.auth-stack>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 18px;border-radius:16px;font-weight:850}.auth-field input{height:42px;min-height:0;padding:8px 12px;border:1px solid var(--line-soft);border-radius:16px;font-weight:400}.auth-register-prompt{margin-top:2px}
.registration-grid[hidden],.registration-agent-details[hidden],.registration-grid [hidden],.registration-actions [hidden]{display:none!important}
.registration-card:has(.registration-agent-details){width:min(100%,840px)}.registration-agent-details{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.registration-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.registration-section-heading>span{font-size:1.05rem;font-weight:850;color:var(--ink)}.registration-section-heading small{color:var(--muted)}.agent-registration-grid{margin-top:0}.registration-ifsc-row{display:flex;align-items:stretch;gap:8px}.registration-ifsc-row>input{min-width:0;flex:1}.registration-ifsc-row>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.registration-ifsc-row>button img{width:20px;height:20px}.registration-ifsc-status{min-height:0;margin:-4px 0 0;color:var(--muted);font-size:.82rem}.registration-ifsc-status:empty{display:none}.registration-ifsc-status.valid{color:#187144;font-weight:750}.registration-ifsc-status.error{color:#b42318;font-weight:700}@media(max-width:520px){.registration-section-heading{align-items:flex-start;flex-direction:column}.registration-ifsc-row>button{width:44px;min-width:44px;padding-inline:10px}.registration-ifsc-row>button span{display:none}}

/* Keep the agent registration action visible while the longer profile form scrolls. */
.registration-card:has(.registration-agent-details) .registration-agent-details{
  max-height:min(58dvh,620px);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:8px;
  scrollbar-gutter:stable;
}
.registration-card:has(.registration-agent-details) .registration-actions{
  position:relative;
  z-index:2;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
  background:var(--page-bg-soft);
}
@media(max-width:520px){
  .registration-card:has(.registration-agent-details) .registration-agent-details{max-height:52dvh;padding-right:4px}
}

/* Long agent forms must never push their final registration action off-screen. */
body:has(.registration-agent-details:not([hidden])){padding-bottom:88px}
.registration-card:has(.registration-agent-details:not([hidden])) #createUserAccount,
#setup:not([hidden]) #createOp{
  position:fixed;
  z-index:1200;
  left:50%;
  bottom:max(14px,env(safe-area-inset-bottom));
  width:min(420px,calc(100vw - 28px));
  min-height:50px;
  transform:translateX(-50%);
  box-shadow:0 12px 30px rgba(3,42,47,.28);
}
.registration-card:has(.registration-agent-details:not([hidden])) #createUserAccount[hidden],
#setup:not([hidden]) #createOp[hidden]{display:none!important}
.profile-delete-account{margin-right:auto}.self-delete-account-dialog{width:min(480px,calc(100% - 24px))}.self-delete-warning{line-height:1.55;color:#6d3030}.self-delete-status:empty{display:none}
.auth-status.registration-success{color:#18733a;font-weight:800}.auth-status.registration-success a,.auth-status.error a{color:inherit;font-weight:900;text-decoration:underline}
.password-hint{display:block;color:var(--muted);font-size:.76rem;font-weight:400;line-height:1.4;margin-top:-2px}.password-input-strength{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:12px}.password-strength{display:grid;grid-template-columns:1fr;gap:5px;color:#c62828;font-size:.72rem;font-weight:800}.password-strength::before{content:"";grid-column:1;grid-row:1;height:7px;border-radius:99px;background:#e6e9ec}.password-strength-fill{grid-column:1;grid-row:1;z-index:1;width:28%;height:7px;border-radius:99px;background:#d32f2f;transition:width .2s ease,background .2s ease}.password-strength strong{grid-column:1;grid-row:2;text-align:center}.password-strength[data-level="medium"]{color:#a35b00}.password-strength[data-level="medium"] .password-strength-fill{width:65%;background:#f0a000}.password-strength[data-level="strong"]{color:#18733a}.password-strength[data-level="strong"] .password-strength-fill{width:100%;background:#20a354}.password-match-message{display:block;min-height:1.2em;font-size:.78rem;font-weight:800}.password-match-message.mismatched{color:#c62828}.password-match-message.matched{color:#18733a}.weak-password-dialog{width:min(92vw,440px);border:2px solid #d92d20}.weak-password-dialog h2,.weak-password-dialog p{color:#b42318}.weak-password-dialog p{font-weight:750}@media(max-width:480px){.password-input-strength{grid-template-columns:minmax(0,1fr) 105px;gap:8px}}
.password-toggle-shell{position:relative;display:block;min-width:0}.password-toggle-shell>input{width:100%;padding-right:43px!important}.password-toggle-button{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:grid!important;place-items:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;cursor:pointer}.password-toggle-button:hover,.password-toggle-button:focus-visible{background:#e8f1f2!important}.password-toggle-button img{width:20px;height:20px}.password-input-strength>.password-toggle-shell{min-width:0}
html[data-access="guest"] .receiver-import-actions{margin-left:auto}html[data-access="guest"] .csv-upload-button.premium-locked{border-style:solid;border-width:1px}
.csv-upload-button,.premium-upload-button,.new-group-csv{border:1px solid #044f59!important;background:#087482!important;color:#fff!important}.csv-upload-button:hover,.premium-upload-button:hover,.new-group-csv:hover{background:#055d68!important;color:#fff!important}.csv-upload-button>img:first-child,.premium-upload-button>img:first-child,.new-group-csv>img:first-child{filter:brightness(0) invert(1)}.csv-upload-button .crown-icon,.premium-upload-button .dashboard-premium-crown,.new-group-csv .dashboard-premium-crown{filter:none!important}
.crown-icon,.dashboard-premium-crown,.header-user-greeting img,.premium-dialog-crown img,.subscription-crown img{filter:brightness(1.35) saturate(1.45) drop-shadow(0 1px 2px rgba(244,180,0,.28))!important}
.receiver-card .card-heading{position:relative}
.csv-upload-button { display:flex; align-items:center; gap:7px; padding:10px 12px; border:1px solid var(--receiver-accent); border-radius:11px; background:var(--page-bg-soft); color:var(--receiver-accent); font-weight:850; cursor:pointer; }
.csv-upload-button img { width:22px; height:22px; }.csv-upload-button .crown-icon{width:17px;height:17px}
.csv-top-status{position:absolute;right:22px;top:70px;font-size:.72rem;color:var(--receiver-accent);font-weight:750;white-space:nowrap}
.icon-info-button { width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--page-bg-soft);color:var(--receiver-accent);font-weight:900;cursor:pointer; }
.csv-actions { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.danger-button{padding:12px 15px;border:1px solid #bd2c2c;border-radius:11px;background:#fff;color:#a51d1d;font-weight:850;cursor:pointer}
.address-edit-dialog .csv-actions .new-group-csv,
.address-edit-dialog .csv-actions .save-new-address{flex:1 1 0;min-width:150px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.saved-receiver-segment{display:grid;gap:8px;margin-top:14px;padding:12px;border-radius:14px}.saved-receiver-segment:first-of-type{background:#eef9ff;border:1px solid #b9dff2}.saved-receiver-segment:last-of-type{background:#fff8e8;border:1px solid #f0d89b}.saved-receiver-segment h3{margin:0;color:var(--ink)}.saved-receiver-scroll{display:grid;gap:8px;max-height:220px;overflow-y:auto;padding:4px 6px 4px 2px}.single-address-options .saved-sender-option{background:#fff;border-color:#abd7ea}.saved-receiver-group{border:1px solid #e2c979;border-radius:12px;background:#fffdf7;overflow:hidden}.saved-receiver-group[open]{box-shadow:0 5px 16px rgba(109,80,12,.1)}.saved-receiver-group summary{padding:12px 14px;font-weight:850;cursor:pointer;color:var(--ink);background:#fff3c9}.saved-group-choice-list{display:grid;gap:5px;padding:8px 12px 12px}.saved-group-choice-list label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:7px 9px;border-radius:8px;background:#fff}.saved-group-choice-list label:hover{background:#eefafa}.saved-group-choice-list label.checked{background:#dff5ee;outline:1px solid #70c9b7}.saved-group-choice-list label.saved-group-select-all{background:#e9f0ff;border:1px solid #b8c9ed;margin-bottom:3px}.saved-group-choice-list input{width:18px;height:18px;margin:0;justify-self:center}.saved-group-choice-list span,.saved-group-choice-list strong{min-width:0;line-height:1.3}.use-selected-saved{margin-top:8px;width:100%}
body:has(#themeToggle:checked) #savedSenderDialog,
body:has(#themeToggle:checked) #savedSenderDialog .saved-sender-list,
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-scroll {
  color: var(--text);
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-segment:first-of-type {
  background: #102d3a;
  border-color: #315f73;
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-segment:last-of-type {
  background: #332a18;
  border-color: #746136;
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-segment h3,
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-scroll p,
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list span,
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list strong {
  color: var(--text);
}
body:has(#themeToggle:checked) #savedSenderDialog .single-address-options .saved-sender-option,
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-group,
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list label {
  background: #182235;
  border-color: #46546b;
  color: var(--text);
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-receiver-group summary {
  background: #3b321d;
  color: #ffe7a3;
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list label:hover {
  background: #15363a;
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list label.checked {
  background: #123b32;
  outline-color: #3f9f86;
}
body:has(#themeToggle:checked) #savedSenderDialog .saved-group-choice-list label.saved-group-select-all {
  background: #1c3154;
  border-color: #496a9d;
}
.group-name-field{display:grid;gap:7px;font-weight:800}.csv-results{display:grid;gap:10px;max-height:330px;overflow:auto;margin:14px 0}.csv-row-result{padding:12px;border-radius:10px;border-left:5px solid}.csv-row-result.ok{background:#e9f8ef;border-color:#228b4b}.csv-row-result.warn{background:#fff7d6;border-color:#d49b00}.csv-row-result.error{background:#ffebeb;border-color:#c52c2c}.csv-row-result p{margin:5px 0}.csv-row-result button{margin-right:7px}.saved-group{padding:16px 0;border-top:1px solid var(--line)}.saved-address-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0}
.saved-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.saved-group-actions{display:flex;gap:9px}.saved-group-actions button{display:inline-flex;align-items:center;gap:7px}.saved-group-actions img{width:20px;height:20px}.saved-address-row{justify-content:flex-start;cursor:pointer;border-radius:9px;padding:11px}.saved-address-row:hover{background:var(--receiver-soft)}.saved-address-row input{width:19px;height:19px;accent-color:var(--receiver-accent)}#userBatchPrint{display:none}
.saved-address-row>span:not(.saved-address-actions){flex:1}.saved-address-actions{display:flex;gap:6px;margin-left:auto}.saved-icon-button{width:36px;height:36px;display:grid!important;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--page-bg-soft);cursor:pointer;padding:0}.saved-icon-button:hover{background:var(--receiver-soft);transform:translateY(-1px)}.saved-icon-button img{width:20px!important;height:20px!important}
.group-select-checkbox{width:20px;height:20px;flex:none;accent-color:var(--receiver-accent)}.address-edit-dialog{width:min(760px,calc(100% - 28px))}.address-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.address-edit-grid label{display:grid;gap:7px;font-weight:800}.address-edit-grid .full-field{grid-column:1/-1}.address-edit-grid input,.address-edit-grid select{width:100%}.edit-pin-status{min-height:24px;color:var(--receiver-accent);font-weight:750}.saved-icon-button[hidden],.saved-address-actions[hidden]{display:none!important}@media(max-width:650px){.address-edit-grid{grid-template-columns:1fr}.address-edit-grid .full-field{grid-column:auto}}
.dashboard-tabs{display:flex;gap:8px;margin:24px 0 18px;border-bottom:1px solid var(--line);overflow-x:auto}.dashboard-tabs button{padding:13px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:850;white-space:nowrap;cursor:pointer}.dashboard-tabs button.active{color:var(--receiver-accent);border-bottom-color:var(--receiver-accent)}.dashboard-tab-panel{min-height:180px}.dashboard-address-list{display:grid;gap:10px}.dashboard-selectable-address{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.dashboard-selectable-address.selected{border-color:var(--receiver-accent);background:var(--receiver-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--receiver-accent) 18%,transparent)}.dashboard-selectable-address input{width:20px;height:20px;accent-color:var(--receiver-accent)}.dashboard-selectable-address p{margin:5px 0 0;color:var(--muted)}.dashboard-item-actions{display:flex;gap:6px}.dashboard-item-actions[hidden]{display:none}.dashboard-group{border:1px solid var(--line);border-radius:13px;margin:10px 0;background:var(--page-bg-soft)}.dashboard-group summary{padding:17px;cursor:pointer;color:var(--receiver-accent)}.dashboard-group-body{padding:0 17px 17px}.dashboard-group-body>.dashboard-item-actions{justify-content:flex-end;margin-bottom:10px}.empty-tab{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}@media(max-width:650px){.dashboard-selectable-address{grid-template-columns:auto 1fr}.dashboard-item-actions{grid-column:1/-1;justify-content:flex-end}}
.dashboard-tabs .history-tab-button{margin-left:auto}.transaction-history-list{display:grid;gap:10px;max-height:560px;overflow-y:auto;padding:4px;scrollbar-gutter:stable}.transaction-history-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #b9d1d5;border-radius:13px;background:#f3fbfc;color:var(--text);text-align:left;cursor:pointer}.transaction-history-row:hover{border-color:var(--receiver-accent);background:var(--receiver-soft);box-shadow:0 5px 14px rgba(8,71,79,.1)}.transaction-copy{display:grid;gap:5px}.transaction-copy strong{color:var(--receiver-accent)}.transaction-copy small{color:var(--muted)}.transaction-copy .transaction-agent{color:#315b61;font-weight:700}.transaction-meta{display:flex;align-items:center;gap:10px;font-weight:750;color:var(--muted)}.transaction-meta img{width:24px;height:24px}@media(max-width:720px){.dashboard-tabs .history-tab-button{margin-left:0}.transaction-history-row{align-items:flex-start;flex-direction:column}.transaction-meta{width:100%;justify-content:space-between}}
.transaction-history-open{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.transaction-copy .transaction-awb{color:var(--receiver-accent);font-weight:800}.transaction-copy .transaction-free-print{width:max-content;padding:3px 8px;border-radius:999px;background:#dff7e9;color:#14633a;font-weight:800}.transaction-track-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--receiver-accent) 40%,var(--line));border-radius:11px;background:var(--page-bg-soft)}.transaction-track-button:hover{background:var(--receiver-soft);transform:translateY(-1px)}.transaction-track-button img{width:25px;height:25px}.operator-awb-dialog{width:min(500px,calc(100% - 24px))}.operator-awb-dialog>label{display:grid;gap:7px;margin:14px 0;color:var(--text);font-weight:750}.operator-awb-dialog input,.operator-awb-dialog select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);color:var(--text)}.awb-transfer-reference{overflow-wrap:anywhere;color:var(--muted)}.awb-guest-note{padding:12px;border:1px solid #d99b39;border-radius:12px;background:#fff4d2;color:#6b4600;font-weight:700}body:has(#themeToggle:checked) .awb-guest-note{background:#3d2d0c;color:#ffe4a3}.operator-awb-warning p{line-height:1.5;color:var(--text)}@media(max-width:720px){.transaction-history-open{width:100%;align-items:flex-start;flex-direction:column}.transaction-history-row{position:relative;padding-right:62px}.transaction-track-button{position:absolute;right:10px;top:50%;transform:translateY(-50%)}}
.transaction-history-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.transaction-awb-edit{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--receiver-accent) 40%,var(--line));border-radius:11px;background:var(--page-bg-soft);cursor:pointer}.transaction-awb-edit:hover{background:var(--receiver-soft);transform:translateY(-1px)}.transaction-awb-edit img{width:23px;height:23px}.history-awb-dialog{width:min(500px,calc(100% - 24px))}.history-awb-dialog>label{display:grid;gap:7px;margin:14px 0;color:var(--text);font-weight:750}.history-awb-dialog input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);color:var(--text)}.history-awb-reference{overflow-wrap:anywhere;color:var(--muted)}@media(max-width:720px){.transaction-history-actions{position:absolute;right:10px;top:50%;flex-direction:column;transform:translateY(-50%)}.transaction-history-actions .transaction-track-button{position:static;transform:none}.transaction-history-row{padding-right:62px}}
.history-awb-scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.history-awb-scan-actions label{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.history-awb-scan-actions img{width:22px;height:22px}.address-image-crop-dialog{box-sizing:border-box;width:min(820px,calc(100% - 20px));max-height:calc(100dvh - 20px)!important;overflow-y:auto!important}.crop-canvas-wrap{display:grid;place-items:center;max-width:100%;margin:12px auto}.address-image-crop-dialog canvas{display:block;width:auto;max-width:100%;height:auto;max-height:54dvh;border:1px solid var(--line);border-radius:10px;touch-action:none}.crop-rotate-tools{display:flex;justify-content:center;gap:10px}.crop-rotate-tools button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #acd4d9;border-radius:10px;background:var(--receiver-soft)}.crop-rotate-tools img{width:23px;height:23px}.crop-help{text-align:center;color:var(--muted)}@media(max-width:520px){.history-awb-scan-actions{grid-template-columns:1fr}.address-image-crop-dialog{width:calc(100% - 12px);padding:16px 14px}.address-image-crop-dialog canvas{max-height:42dvh}}
.tracking-reminder-dialog{width:min(470px,calc(100% - 24px));text-align:center}.tracking-reminder-icon{display:block;width:58px;height:58px;margin:2px auto 12px;padding:12px;border-radius:18px;background:var(--receiver-soft)}.tracking-reminder-dialog p{max-width:390px;margin:10px auto 18px;color:var(--text);line-height:1.55}.tracking-reminder-dialog [data-track-scan]{display:flex;align-items:center;justify-content:center;gap:8px}.tracking-reminder-dialog [data-track-scan] img{width:22px;height:22px}@media(max-width:430px){.tracking-reminder-dialog .premium-dialog-actions{display:grid;grid-template-columns:1fr}.tracking-reminder-dialog .premium-dialog-actions>*{width:100%}}
.transfer-card-main .transfer-free-print{display:block;width:max-content;margin-top:6px;padding:3px 8px;border-radius:999px;background:#dff7e9;color:#14633a;font-size:.72rem;font-weight:850}.print-agent-reward{align-items:center}.print-agent-reward:not(.verification-approved) .transfer-reward-icon{filter:grayscale(1);opacity:.65}
body:has(#themeToggle:checked) .transfer-card{background:#172033;border-color:#40506a;color:#edf2f7}body:has(#themeToggle:checked) .transfer-unredeemed{background:#123823;border-color:#3c9960;color:#d8fbe4}body:has(#themeToggle:checked) .transfer-redeemed{background:#202938;border-color:#465267;color:#d2d9e5}body:has(#themeToggle:checked) .transfer-rejected{background:#421f25;border-color:#a14c58;color:#ffdce1}body:has(#themeToggle:checked) .transfer-details-box{background:#122c35;border-color:#397681;color:#eefbff}body:has(#themeToggle:checked) .transfer-details-box dt{color:#b7ccd2}body:has(#themeToggle:checked) .redeem-card{color:var(--text)}
.transfer-reward-indicators{display:grid;grid-template-columns:38px 38px;align-items:center;gap:6px}.transfer-reward-indicators>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--page-bg-soft)}.transfer-reward-indicators img{width:24px;height:24px}.transfer-reward-indicators.verification-not_eligible img,.transfer-reward-indicators.verification-rejected .transfer-reward-icon img{filter:grayscale(1);opacity:.38}.transfer-reward-indicators.verification-approved .transfer-verification-icon{border-color:#3c9c66;background:#dff7e9}.transfer-reward-indicators.verification-approved .transfer-reward-icon{border-color:#e6ae27;background:#fff4c7}.transfer-reward-indicators.verification-pending .transfer-verification-icon{border-color:#d69a18;background:#fff3c7}.transfer-reward-indicators.verification-pending .transfer-reward-icon{border-color:#e6ae27;background:#fff4c7}.transfer-reward-indicators.verification-rejected .transfer-verification-icon{border-color:#c84b4b;background:#fde8e6}.transfer-verification-failure{grid-column:1/-1;max-width:280px;color:#b42318;font-weight:750;line-height:1.35}.request-reverification{grid-column:1/-1;min-height:36px;padding:7px 10px;font-size:.78rem}.transfer-decision-actions:has(.transfer-reward-indicators){align-items:flex-start}.transfer-card:has(.transfer-reward-indicators){flex-wrap:wrap}@media(max-width:560px){.transfer-reward-indicators{grid-template-columns:38px 38px minmax(0,1fr);width:100%}.transfer-verification-failure,.request-reverification{grid-column:1/-1}}
.awb-new-provider{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:-5px 0 14px}.awb-new-provider[hidden]{display:none}.awb-new-provider input{min-width:0}.awb-new-provider button{min-height:46px}
@media(max-width:650px){.saved-group-header{align-items:flex-start;flex-direction:column}.saved-group-actions{width:100%}.saved-group-actions button{flex:1;justify-content:center}}
@media print{body.user-batch-print-mode *{visibility:hidden!important}body.user-batch-print-mode #userBatchPrint,body.user-batch-print-mode #userBatchPrint *{visibility:visible!important}body.user-batch-print-mode #userBatchPrint{display:block!important;position:absolute;inset:0;padding:10mm}.saved-print-label{width:121mm;height:75mm;padding:8mm;border:.35mm solid #111;border-radius:4mm;margin:0 0 10mm;background:#fff;color:#111;break-after:page;page-break-after:always}.saved-print-label strong{display:inline-block;padding:1mm 2mm;background:#111!important;color:#fff!important}.saved-print-label h2{margin:4mm 0 2mm}.saved-print-label p{white-space:pre-line;font-size:11pt;line-height:1.4}}
.csv-dialog{width:min(1100px,calc(100% - 28px));max-height:88dvh;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.csv-sticky-actions{position:sticky;top:0;z-index:2;padding:12px 0;background:var(--page-bg-soft)}.csv-header-error{margin:10px 0;color:#a51d1d;font-weight:800}.csv-preview{width:100%;max-width:100%;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.csv-preview table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.88rem}.csv-preview th,.csv-preview td{padding:10px;border:1px solid var(--line);text-align:left;white-space:nowrap}.csv-preview th{position:sticky;top:0;background:var(--receiver-soft);color:var(--receiver-accent)}
.csv-format-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box}.csv-format-guide{margin:14px 0 18px;padding:16px;border:1px solid color-mix(in srgb,var(--receiver-accent) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--receiver-soft) 72%,var(--surface));color:var(--ink)}.csv-format-guide>strong{display:block;margin-bottom:11px}.csv-format-guide p{margin:11px 0 0;color:var(--muted);line-height:1.45}.csv-format-columns{display:flex;flex-wrap:wrap;gap:7px}.csv-format-columns code{padding:6px 9px;border:1px solid color-mix(in srgb,var(--receiver-accent) 25%,var(--line));border-radius:8px;background:var(--surface);color:var(--ink);font:700 .78rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.csv-template-download{display:inline-flex;margin-top:14px;text-decoration:none}.csv-template-download img,.csv-choose-file img{width:18px;height:18px}.csv-choose-file{display:flex;width:100%;align-items:center;justify-content:center;gap:8px}.csv-format-guide-compact{margin:10px 0 14px;padding:12px}.csv-format-guide-compact>strong{font-size:.86rem}.csv-format-guide-compact .csv-format-columns code{padding:4px 7px;font-size:.72rem}
.dashboard-csv-format-hint{margin:0 24px 16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--receiver-accent) 25%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--receiver-soft) 65%,var(--surface));color:var(--muted);font-size:.78rem;line-height:1.45}.dashboard-csv-format-hint strong{color:var(--ink)}.dashboard-csv-format-hint a{display:inline-block;margin-left:8px;color:var(--receiver-accent);font-weight:800}@media(max-width:650px){.dashboard-csv-format-hint{margin:0 18px 14px}.dashboard-csv-format-hint a{display:block;margin:6px 0 0}}
.workspace-full-page-dialog{width:min(1240px,calc(100vw - 28px));height:min(900px,calc(100dvh - 28px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 26px 80px #07141d66}.workspace-full-page-dialog::backdrop{background:#07141dcc;backdrop-filter:blur(3px)}.workspace-full-page-dialog iframe{display:block;width:100%;height:100%;border:0;background:var(--page-bg-soft)}.workspace-full-page-close{position:absolute;z-index:3;top:10px;right:12px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:2px solid #fff;border-radius:50%;background:#075f69;color:#fff;box-shadow:0 5px 18px #07141d66;font-size:1.55rem;font-weight:800;line-height:1;cursor:pointer}.workspace-full-page-close:hover,.workspace-full-page-close:focus-visible{background:#034950;color:#fff;outline:3px solid #79d8df;outline-offset:2px}@media(max-width:650px){.workspace-full-page-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.workspace-full-page-close{top:8px;right:8px}}
@media(max-width:600px){.csv-dialog{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:auto;padding:16px 12px}.csv-dialog .csv-actions{position:static;display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.csv-dialog .csv-actions button,.csv-dialog>.d-save{width:100%;min-width:0}.csv-dialog .csv-preview{max-height:52dvh}.csv-dialog .csv-footer-actions{position:static;display:grid;grid-template-columns:1fr}.csv-dialog .csv-footer-actions button{width:100%;margin:0!important}}
.csv-validation-progress{position:sticky;top:0;padding:10px;border-radius:9px;background:var(--receiver-soft);color:var(--receiver-accent);font-weight:850}.csv-row-result.checking{background:#eef4f7;border-color:#7b8d99;color:#52636d}button:disabled{opacity:.55;cursor:not-allowed}
.csv-preview td{background:#fff;color:#1f3032}.csv-preview tbody tr.csv-table-ok td{background:#e5f7eb;color:#164b31}.csv-preview tbody tr.csv-table-warn td{background:#fff4c7;color:#604800}.csv-preview tbody tr.csv-table-error td{background:#ffe8e8;color:#712020}.csv-preview tbody tr.csv-table-service-error td{background:#f3f4f6;color:#4b5563}.csv-preview td.csv-invalid-field{color:#b11919!important;font-weight:900!important;background:#ffcaca!important;outline:2px solid #d84343;outline-offset:-2px;cursor:text}.csv-preview td.csv-invalid-field:focus{background:#fff!important;color:#8f1010!important}.csv-preview tbody tr{transition:background .2s ease}
.csv-preview td.csv-warning-field{font-weight:850;color:#7a5900}.inline-correction{display:block;margin-top:6px;padding:5px 8px;border:1px solid #c58a00;border-radius:7px;background:#fff8dc;color:#765300;font-size:.76rem;font-weight:850;cursor:pointer}.inline-correction:hover{background:#ffeaa0}
.csv-wrong-locality{display:block;margin:0 0 7px;color:#b11919;font-weight:900}.csv-locality-correction{display:block;width:100%;min-width:210px;max-width:320px;margin:0!important;padding:8px 30px 8px 9px;border:1px solid #b11919;border-radius:8px;background:#fff;color:#7f1010;font-weight:750}
.header-menu-panel {
  position: absolute; right: 0; top: 54px; width: 230px; padding: 7px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--page-bg-soft);
  box-shadow: 0 14px 34px rgba(7,26,73,.18); display: grid;
}
.header-menu-panel a { padding: 12px; border-radius: 8px; color: var(--text); text-decoration: none; font-weight: 750; }
.header-menu-panel a:hover { background: color-mix(in srgb, var(--receiver-accent) 12%, transparent); }

.brand-link {
  display: inline-flex;
  align-items: center;

  gap: 12px;

  color: var(--text);
  text-decoration: none;
}

.brand-logo {
  width: 48px;
  height: 48px;

  flex: 0 0 auto;

  object-fit: cover;
  object-position: center;

  border-radius: 11px;

  background: #ffffff;

  border: 1px solid var(--line-soft);

  box-shadow:
    0 4px 12px rgba(20, 35, 55, 0.08);
}

.brand-text {
  display: flex;
  flex-direction: column;

  align-items: flex-start;
  justify-content: center;

  gap: 4px;
}

.brand-name {
  display: block;

  color: #087f8c;

  font-size: 1.28rem;
  line-height: 1;

  font-weight: 850;

  letter-spacing: -0.035em;
}

.brand-tagline {
  display: block;

  color: var(--muted);

  font-size: 0.67rem;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 0.055em;

  text-transform: uppercase;

  white-space: nowrap;
}

.brand-link:hover .brand-name {
  color: var(--receiver-accent);
}


/* =========================================================
   DECORATIVE BACKGROUND
   ========================================================= */

.page-decoration {
  position: absolute;
  pointer-events: none;
}


/* Left soft aqua blob */

.decoration-blob-left {
  z-index: 0;

  top: 72px;
  left: -95px;

  width: 310px;
  height: 275px;

  border-radius:
    43% 57% 65% 35% /
    48% 38% 62% 52%;

  background:
    rgba(91, 201, 208, 0.14);
}


/* Right soft aqua blob */

.decoration-blob-right {
  z-index: 0;

  top: 95px;
  right: -95px;

  width: 300px;
  height: 235px;

  border-radius:
    56% 44% 36% 64% /
    42% 58% 42% 58%;

  background:
    rgba(91, 201, 208, 0.12);
}


/* Dots upper-left */

.decoration-dots {
  z-index: 1;

  top: 106px;
  left: 20px;

  width: 94px;
  height: 94px;

  opacity: 0.52;

  background-image:
    radial-gradient(
      circle,
      #43bcc6 2px,
      transparent 2.2px
    );

  background-size: 15px 15px;
}


/* =========================================================
   CORAL DASHED PAPER-PLANE ARROW
   ========================================================= */

.decoration-arrow {
  position: absolute;
  z-index: 1;

  top: 165px;
  right: 42px;

  width: 250px;
  height: 130px;

  pointer-events: none;
}

.arrow-art {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.arrow-curve,
.arrow-head {
  fill: none;
  stroke: #ff7468;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.arrow-curve {
  stroke-dasharray: 2 10;
}


/* Tone decorative background down in dark mode */

body:has(#themeToggle:checked)
.decoration-blob-left,
body:has(#themeToggle:checked)
.decoration-blob-right,
body:has(#themeToggle:checked)
.decoration-dots,
body:has(#themeToggle:checked)
.decoration-arrow {
  opacity: 0.35;
}


/* =========================================================
   MAIN PAGE STACKING
   ========================================================= */

.page-shell {
  position: relative;
  z-index: 2;

  width: min(1360px, calc(100% - 40px));

  margin:
    24px auto
    64px;
}


/* =========================================================
   HERO REFINEMENTS
   ========================================================= */

.hero-header {
  position: relative;
}

.hero-copy {
  max-width: 980px;

  margin: 0;

  text-align: left;
}

.hero-copy h1 {
  width: fit-content;
  white-space: nowrap;

  background:
    linear-gradient(
      105deg,
      #087f8c 0%,
      #0b9cab 42%,
      #f05a47 78%,
      #ff7b54 100%
    );

  color: #087f8c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.eyebrow span {
  margin: 0 7px;
  color: var(--sender-accent);
}


/* =========================================================
   DARK MODE TOGGLE
   ========================================================= */

.theme-toggle-button {
  position: absolute;

  top: 0;
  right: 0;

  display: inline-flex;
  align-items: center;

  gap: 9px;
}

.theme-toggle-icon {
  width: 16px;
  height: 16px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.switch-track {
  position: relative;

  width: 34px;
  height: 20px;

  border-radius: 999px;

  background: #aab4c4;

  transition:
    background 0.2s ease;
}

.switch-knob {
  position: absolute;

  top: 3px;
  left: 3px;

  width: 14px;
  height: 14px;

  border-radius: 50%;

  background: #ffffff;

  box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.22);

  transition:
    transform 0.2s ease;
}

#themeToggle:checked
~ .page-shell
.theme-toggle-button
.switch-track {
  background: var(--receiver-accent);
}

#themeToggle:checked
~ .page-shell
.theme-toggle-button
.switch-knob {
  transform:
    translateX(14px);
}


/* =========================================================
   SVG ICONS
   ========================================================= */

.person-icon,
.eye-icon,
.field-svg-icon,
.theme-toggle-icon,
.print-icon,
.mobile-icon,
.privacy-lock-icon {
  fill: none;
  stroke: currentColor;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.person-icon,
.eye-icon {
  width: 22px;
  height: 22px;

  stroke-width: 1.7;
}

.input-shell {
  position: relative;
}

.input-shell input {
  padding-left: 38px;
}

.field-svg-icon {
  position: absolute;

  left: 12px;
  top: 50%;

  width: 16px;
  height: 16px;

  transform:
    translateY(-50%);

  color: #6d7789;

  stroke-width: 1.7;

  pointer-events: none;
}

.receiver-card
.field-group:focus-within
.field-svg-icon {
  color: var(--receiver-accent);
}

.sender-card
.field-group:focus-within
.field-svg-icon {
  color: var(--sender-accent);
}


/* =========================================================
   FORM FIELD ALIGNMENT
   Keep spacing on the form body instead of applying it again
   to every field nested inside a two-column row.
   ========================================================= */

.address-card .form-body {
  display: grid;
  gap: 16px;
  padding: 22px;
}

/* Keep the postal-entry sequence stable even when an older browser has a
   cached copy of the form-reordering script. */
#receiverForm .form-body > :has(#receiverName),
#senderForm .form-body > :has(#senderName) { order: 1; }
#receiverForm .form-body > :has(#receiverPin),
#senderForm .form-body > :has(#senderPin) { order: 2; }
#receiverForm .form-body > :has(#receiverLine1),
#senderForm .form-body > :has(#senderLine1) { order: 3; }
#receiverForm .form-body > :has(#receiverLine2),
#senderForm .form-body > :has(#senderLine2) { order: 4; }
#receiverForm .form-body > :has(#receiverDistrict),
#senderForm .form-body > :has(#senderDistrict) { order: 5; }

.address-card .form-body .field-row,
.address-card .form-body .field-group {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.address-card .form-body .two-col {
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.address-card .input-shell,
.address-card .input-shell input {
  width: 100%;
  min-width: 0;
}

.address-card .field-group input,
.address-card .field-group select {
  height: 52px;
}


/* =========================================================
   PRINT BUTTON SVG
   ========================================================= */

.primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;
}

.preview-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.preview-actions > .primary-button,
.preview-actions > .share-menu {
  width: 150px;
  height: 52px;
}

.preview-actions > .primary-button,
.share-button {
  white-space: nowrap;
}
.mobile-preview-toggle { display:none; }
.preview-bottom-toggle { display:none; }
.preview-bottom-toggle[hidden] { display:none!important; }
.mobile-preview-controls { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-left:auto; }

.share-menu {
  position: relative;
}

.share-button {
  width: 100%;
  height: 52px;
  min-height: 52px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--page-bg-soft);
  color: var(--text);
  cursor: pointer;
  font-weight: 800;
  list-style: none;
  user-select: none;
}

.share-button::-webkit-details-marker {
  display: none;
}

.share-button:hover,
.share-button:focus-visible {
  border-color: var(--receiver-accent);
  box-shadow: 0 8px 20px rgba(7, 26, 73, 0.12);
}

.share-menu-options {
  position: absolute;
  z-index: 50;
  top: calc(100% + 12px);
  right: 0;
  width: 190px;
  padding: 0;
  display: grid;
  gap: 0;
  border: 1px solid #c8cdd5;
  border-radius: 8px;
  background: var(--page-bg-soft);
  box-shadow: 0 10px 24px rgba(7, 26, 73, 0.16);
}

.share-menu-options::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 22px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #c8cdd5;
  border-left: 1px solid #c8cdd5;
  background: var(--page-bg-soft);
  transform: rotate(45deg);
}

.share-option {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 50px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font: inherit;
  font-weight: 750;
}

.share-option:first-child {
  border-radius: 7px 7px 0 0;
}

.share-option + .share-option {
  border-top: 1px solid #d9dde3;
}

.share-option:last-child {
  border-radius: 0 0 7px 7px;
}

.share-option:hover,
.share-option:focus-visible {
  background: color-mix(in srgb, var(--receiver-accent) 12%, transparent);
}

.whatsapp-share-button {
  color: var(--text);
}

.share-option-icon {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: block;
  object-fit: contain;
}

.action-icon {
  width: 23px;
  height: 23px;
  flex: none;
  display: block;
  object-fit: contain;
}
.qr-dialog { width:min(560px,calc(100% - 32px)); border:0; border-radius:20px; padding:24px; color:var(--text); background:var(--page-bg-soft); box-shadow:0 20px 60px rgba(0,0,0,.3); }
.qr-dialog::backdrop { background:rgba(5,15,30,.65); }
.qr-dialog video { width:100%; max-height:300px; border-radius:12px; background:#111; margin:10px 0; }
.qr-dialog input { width:100%; margin:8px 0 14px; }
.qr-close { float:right; border:0; background:transparent; color:inherit; font-size:2rem; cursor:pointer; }
.gallery-qr-button { display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; margin:8px 0; border:1px dashed var(--receiver-accent); border-radius:12px; color:var(--receiver-accent); font-weight:800; cursor:pointer; }
.gallery-qr-button:hover { background:color-mix(in srgb,var(--receiver-accent) 10%,transparent); }
.gallery-qr-button img { width:24px; height:24px; }
.qr-image-preview { display:block; width:100%; max-height:300px; margin:10px 0; border-radius:12px; object-fit:contain; background:#fff; }
.qr-image-preview[hidden] { display:none; }
.qr-provider-icon { filter:none; }
.qr-agent-confirmation { display:grid; gap:5px; margin:16px 0; padding:18px; border:1px solid color-mix(in srgb,var(--receiver-accent) 45%,var(--line)); border-radius:14px; background:color-mix(in srgb,var(--receiver-accent) 9%,var(--page-bg-soft)); }
.qr-agent-confirmation[hidden],.qr-transfer-success[hidden] { display:none; }
.qr-agent-confirmation > span,.qr-transfer-success > span { color:var(--muted); font-size:.82rem; font-weight:600; }
.qr-agent-confirmation > strong { font-size:1.2rem; }
.qr-agent-confirmation small { font-size:.9rem; }
.qr-send-button { width:100%; }
.qr-send-button[hidden] { display:none !important; }
.qr-transfer-success { text-align:center; padding:24px 8px 8px; }
.qr-transfer-success > strong { display:block; margin:8px 0 14px; color:var(--receiver-accent); font-size:clamp(2.6rem,12vw,4.5rem); line-height:1; letter-spacing:.16em; }
.qr-transfer-success p { margin:0 auto 20px; max-width:420px; color:var(--muted); font-size:.88rem; line-height:1.55; }
.qr-transfer-success button { min-width:130px; }

.operator-page { max-width:1100px; }
.address-sync-toolbar { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin:0 0 16px; }
.address-sync-toolbar .default-address-qr-button { margin-right:auto; }
body:has(#themeToggle:checked) .transaction-history-row,
body:has(#themeToggle:checked) .transaction-history-panel,
body:has(#themeToggle:checked) .received-address-panel { background:#111827; color:var(--text); border-color:var(--line); }
body:has(#themeToggle:checked) .transaction-history-row:hover { background:var(--receiver-soft); }
.address-sync-indicator { display:inline-flex; align-items:center; gap:8px; min-width:112px; color:var(--muted); font-size:.84rem; }
.address-sync-indicator i { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#87929f; box-shadow:0 0 0 3px color-mix(in srgb,#87929f 16%,transparent); }
.address-sync-indicator[data-state="syncing"] i { background:#e0a000; animation:sync-pulse 1s ease-in-out infinite; }
.address-sync-indicator[data-state="synced"] i { background:#168451; }
.address-sync-indicator[data-state="error"] i,.address-sync-indicator[data-state="offline"] i { background:#c63838; }
.address-sync-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 11px; border:1px solid var(--line); border-radius:10px; background:var(--page-bg-soft); color:var(--receiver-accent); font-weight:700; cursor:pointer; }
.address-sync-button img { width:19px; height:19px; }
.address-sync-button.syncing img { animation:sync-spin .8s linear infinite; }
.address-sync-button:disabled { opacity:.65; cursor:wait; }
.input-assist-wrap { position:relative; display:block; width:100%; min-width:0; }
.input-assist-wrap > input,.input-assist-wrap > textarea { width:100%; box-sizing:border-box; padding-right:44px !important; }
.input-assist-button { position:absolute; right:7px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:9px; background:color-mix(in srgb,var(--receiver-accent) 10%,var(--page-bg-soft)); cursor:pointer; z-index:2; }
.input-assist-button img { width:21px; height:21px; }
.input-assist-button:hover,.input-assist-button:focus-visible,.input-assist-button.active { background:color-mix(in srgb,var(--receiver-accent) 21%,var(--page-bg-soft)); }
.input-assist-button.active img { animation:sync-pulse .8s ease-in-out infinite; }
.input-assist-notice { position:fixed; left:50%; bottom:22px; z-index:10000; max-width:min(420px,calc(100% - 28px)); padding:11px 16px; border-radius:12px; background:#123b46; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.25); font-size:.9rem; opacity:0; pointer-events:none; transform:translate(-50%,12px); transition:.2s ease; }
.input-assist-notice.visible { opacity:1; transform:translate(-50%,0); }
.input-assist-notice.error { background:#8e2828; }
.dashboard-address-form-dialog { width:min(780px,calc(100% - 24px)); padding:0; overflow:hidden; border:1px solid color-mix(in srgb,var(--receiver-accent) 24%,var(--line)); background:var(--page-bg-soft); }
.dashboard-address-form-dialog > form:first-child { position:absolute; top:12px; right:14px; z-index:4; }
.dashboard-address-form-dialog .qr-close { float:none; }
.dashboard-form-heading { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:15px; padding:24px 62px 21px 24px; border-bottom:1px solid color-mix(in srgb,var(--receiver-accent) 18%,var(--line)); background:linear-gradient(135deg,color-mix(in srgb,var(--receiver-accent) 13%,var(--page-bg-soft)),var(--page-bg-soft)); }
.dashboard-form-heading h2 { margin:3px 0 5px; font-size:clamp(1.35rem,4vw,1.75rem); }
.dashboard-form-heading p { margin:0; color:var(--muted); font-size:.9rem; line-height:1.45; }
.dashboard-form-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(132px,1fr));align-items:stretch;width:100%;gap:8px;margin:3px 0 0}.dashboard-form-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:42px;padding:9px 12px;white-space:nowrap}.dashboard-form-tools button>img:first-child{width:20px;height:20px;flex:0 0 20px}
.address-scan-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.address-scan-modes[hidden],.scan-mode-choice[hidden],.handwriting-source[hidden],.ocr-review[hidden]{display:none!important}.address-scan-modes button,.address-scan-modes label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.address-scan-modes img{width:21px;height:21px}.handwriting-source{margin-top:15px}.ocr-review-parties{display:grid;gap:14px}.ocr-party{margin:0;padding:12px;border:1px solid var(--line);border-radius:13px}.ocr-party legend{padding:0 7px;color:var(--receiver-accent);font-weight:800}.ocr-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ocr-review-grid label{display:grid;gap:5px;text-transform:capitalize}.ocr-review-grid input,.ocr-review-grid select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.ocr-status{color:var(--receiver-accent);font-weight:700}.ocr-review-warning{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #dfab24;border-left:5px solid #d88a00;border-radius:12px;background:#fff3c4;color:#513900;line-height:1.45}.ocr-review-warning strong{font-size:1.25rem;line-height:1}.ocr-review-warning span{font-size:.86rem;font-weight:700}body:has(#themeToggle:checked) .ocr-review-warning{background:#3b310e;color:#ffe89a}
.dashboard-form-icon { display:grid; place-items:center; flex:0 0 50px; width:50px; height:50px; border-radius:15px; background:color-mix(in srgb,var(--receiver-accent) 15%,var(--page-bg-soft)); }
.dashboard-form-icon img { width:29px; height:29px; }
.dashboard-address-form-dialog .new-group-name { margin:20px 24px 0; }
.dashboard-address-form-dialog .new-group-name[hidden] { display:none !important; }
.dashboard-address-form-dialog .dashboard-address-grid { margin:20px 24px 10px; }
.dashboard-form-field { display:grid; gap:7px; color:var(--text); font-weight:700; }
.dashboard-form-field > span:first-child { font-size:.88rem; letter-spacing:.01em; }
.dashboard-address-form-dialog .dashboard-form-field input,.dashboard-address-form-dialog .dashboard-form-field select { min-height:48px; padding:11px 13px; border:1px solid color-mix(in srgb,var(--receiver-accent) 20%,var(--line)); border-radius:13px; background:var(--page-bg-soft); color:var(--text); font:inherit; font-weight:500; box-shadow:0 3px 10px rgba(7,26,73,.04); }
.dashboard-address-form-dialog .dashboard-form-field input:focus,.dashboard-address-form-dialog .dashboard-form-field select:focus { outline:2px solid color-mix(in srgb,var(--receiver-accent) 28%,transparent); border-color:var(--receiver-accent); }
.dashboard-address-form-dialog .dashboard-form-field input[readonly] { background:color-mix(in srgb,var(--receiver-accent) 5%,var(--page-bg-soft)); color:var(--muted); }
.dashboard-address-form-dialog .edit-pin-status { margin:5px 24px 10px; padding:10px 12px; border-radius:10px; background:color-mix(in srgb,var(--receiver-accent) 7%,var(--page-bg-soft)); font-size:.88rem; }
.dashboard-address-form-dialog > .csv-actions { margin:0; padding:16px 24px 24px; border-top:1px solid var(--line); background:color-mix(in srgb,var(--receiver-accent) 3%,var(--page-bg-soft)); }
@media(max-width:650px){.dashboard-address-form-dialog{max-height:calc(100dvh - 20px);overflow-y:auto}.dashboard-form-heading{align-items:flex-start;padding:20px 52px 18px 18px}.dashboard-form-icon{width:43px;height:43px;flex-basis:43px}.dashboard-form-heading p{font-size:.82rem}.dashboard-form-tools{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr}.dashboard-form-tools button{width:100%}.dashboard-address-form-dialog .new-group-name{margin:16px 18px 0}.dashboard-address-form-dialog .dashboard-address-grid{margin:16px 18px 8px}.dashboard-address-form-dialog .edit-pin-status{margin:4px 18px 8px}.dashboard-address-form-dialog > .csv-actions{padding:14px 18px 18px}}
@media(max-width:520px){.address-scan-modes,.ocr-review-grid{grid-template-columns:1fr}.address-scan-chooser{max-height:calc(100dvh - 20px);overflow:auto}}
@keyframes sync-spin { to { transform:rotate(360deg); } }
@keyframes sync-pulse { 50% { opacity:.4; transform:scale(.78); } }
@media(max-width:520px){.address-sync-toolbar{justify-content:space-between}.address-sync-button span,.address-sync-toolbar .default-address-qr-button span{display:none}.address-sync-button,.address-sync-toolbar .default-address-qr-button{width:38px;min-width:38px;height:38px;padding:7px}.address-sync-toolbar .default-address-qr-button{margin-right:0}.address-sync-indicator{min-width:0}}
.operator-hero { text-align:center; max-width:760px; margin:10px auto 28px; }
.operator-hero h1 { margin:6px 0 10px; font-size:clamp(2rem,5vw,3.2rem); }
.operator-hero p,.operator-form-heading p { color:var(--muted); }
.operator-shell { max-width:1000px; margin:auto; }
.operator-registration,.operator-dashboard { border:1px solid var(--line-soft); border-radius:24px; background:var(--page-bg-soft); box-shadow:var(--shadow); padding:clamp(20px,4vw,36px); }
.operator-form-heading { display:flex; gap:16px; align-items:center; margin-bottom:28px; }
.operator-form-heading h2,.operator-form-heading p { margin:0 0 5px; }
.operator-form-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:15px; background:color-mix(in srgb,var(--receiver-accent) 14%,transparent); color:var(--receiver-accent); font-size:2rem; }
.operator-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.operator-fields label,.redeem-card label { display:grid; gap:8px; font-weight:800; }
.operator-fields .full-field { grid-column:1/-1; }
.operator-fields label>span small{font-weight:500;color:var(--muted)}
.agent-file-picker{position:relative;display:grid;gap:4px;min-height:76px;padding:13px 15px;border:1px dashed var(--receiver-accent);border-radius:13px;background:color-mix(in srgb,var(--page-bg-soft) 82%,#dff7f4);cursor:pointer;overflow:hidden}.agent-file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.agent-file-picker strong{color:var(--receiver-accent);font-size:.9rem}.agent-file-picker small{overflow:hidden;color:var(--muted);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.agent-file-picker:focus-within{outline:3px solid color-mix(in srgb,var(--receiver-accent) 28%,transparent);outline-offset:2px}.agent-file-note{margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}
.agent-ifsc-input-row{display:flex;align-items:stretch;gap:8px}.agent-ifsc-input-row input{min-width:0;flex:1}.agent-ifsc-input-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.agent-ifsc-input-row button img{width:20px;height:20px}.agent-ifsc-validation{padding:0 2px}.agent-ifsc-validation p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.agent-ifsc-validation p:empty{display:none}.agent-ifsc-validation p.validation-ok{color:#187144;font-weight:750}.agent-ifsc-validation p.validation-warning{color:#8a5a00;font-weight:700}.courier-services-field{display:grid;gap:9px}.courier-services-field>span{font-weight:800}.courier-services-field>small{color:var(--muted)}.courier-service-rows{display:grid;gap:9px}.courier-service-row{display:flex;gap:8px}.courier-service-row input{flex:1;min-width:0}.remove-courier-service{width:42px;border:1px solid #e3a9a9;border-radius:12px;background:#fff3f3;color:#a91d2d;font-size:1.35rem;font-weight:800}.add-courier-service{justify-self:start}@media(max-width:520px){.agent-ifsc-input-row button{width:44px;min-width:44px;padding-inline:10px}.agent-ifsc-input-row button span{display:none}.add-courier-service{width:100%}}
.agent-rewards-dialog{width:min(760px,calc(100vw - 24px));padding:28px}.reward-explanation{color:var(--muted);line-height:1.55}.reward-congratulations{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px;border:1px solid #f5bd35;border-radius:16px;background:#fff7d6;color:#674500}.reward-congratulations[hidden]{display:none}.reward-congratulations img{width:58px;height:58px}.reward-congratulations p{margin:4px 0 0}.reward-summary{display:flex;justify-content:space-between;gap:12px;margin:22px 0 12px}.reward-summary span{color:var(--muted)}.reward-track{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding-top:8px}.reward-track.registration-gift-track{grid-template-columns:repeat(11,1fr)}.reward-track:before{position:absolute;top:25px;right:4%;left:4%;height:5px;border-radius:999px;background:#d7dfe3;content:""}.reward-milestone{position:relative;z-index:1;text-align:center}.reward-milestone span{display:grid;justify-items:center;gap:5px}.reward-milestone img{width:38px;height:38px;padding:6px;border:2px solid #cbd5db;border-radius:50%;background:var(--surface);filter:grayscale(1);opacity:.65}.reward-milestone.achieved img{border-color:#f59e0b;background:#fff4c4;filter:none;opacity:1}.reward-milestone b{font-size:.7rem;color:var(--muted)}.reward-next{margin:18px 0;font-weight:750;color:var(--receiver-accent)}@media(max-width:560px){.reward-summary{display:grid}.reward-track{overflow-x:auto;grid-template-columns:repeat(10,58px);padding-bottom:8px}.reward-track.registration-gift-track{grid-template-columns:repeat(11,58px)}.reward-track:before{right:auto;width:522px}.reward-track.registration-gift-track:before{width:580px}.agent-rewards-dialog{padding:20px}.reward-congratulations{align-items:flex-start}}
.operator-submit { margin-top:24px; min-width:220px; }
.operator-profile-card { display:flex; justify-content:space-between; gap:32px; align-items:center; padding-bottom:28px; border-bottom:1px solid var(--line); }
.operator-qr-card { text-align:center; padding:16px; border:1px solid var(--line); border-radius:18px; background:white; }
.operator-qr-card img { display:block; max-width:100%; }
.secondary-button { padding:10px 14px; border:1px solid var(--line); border-radius:10px; background:var(--page-bg-soft); color:var(--text); font-weight:800; cursor:pointer; }
.operator-work-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:28px; margin-top:28px; }
.section-title-row { display:flex; justify-content:space-between; align-items:center; }
.transfer-list { display:grid; gap:8px; }
.redeem-card { display:grid; gap:14px; align-content:start; }
.redeem-card h2 { margin-bottom:0; }
.redeem-card pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.redeemed-section { margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.redeemed-section .section-title-row { margin-bottom:18px; }
.redeemed-section h2 { margin:4px 0 0; }
.operator-print-label { margin:0 auto; background:#fff; color:#111; }
.operator-print-label .label-column > p { white-space:pre-line; }
@media(max-width:700px){.operator-fields,.operator-work-grid{grid-template-columns:1fr}.operator-fields .full-field{grid-column:auto}.operator-profile-card{flex-direction:column;align-items:flex-start}.operator-qr-card{align-self:center}}

@media print {
  body:has(#operatorPrintArea) * { visibility:hidden !important; }
  #operatorPrintArea, #operatorPrintArea * { visibility:visible !important; }
  #operatorPrintArea { position:absolute; left:10%; top:10%; width:121mm; height:75mm; margin:0; border:0.35mm solid #111; box-shadow:none; overflow:hidden; }
  #operatorPrintArea .label-main { height:100%; }
}


/* =========================================================
   PREVIEW ICON
   ========================================================= */

.eye-icon {
  width: 23px;
  height: 23px;
}


/* =========================================================
   LABEL STAGE
   ========================================================= */

.label-stage {
  min-height: 350px;

  padding:
    24px 20px 14px;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow-x: auto;
}


/* =========================================================
   PRINTABLE LABEL
   Fixed physical size: 121 mm × 75 mm
   ========================================================= */

.shipping-label {
  width: var(--label-width);
  height: var(--label-height);

  min-width: var(--label-width);
  min-height: var(--label-height);

  max-width: var(--label-width);
  max-height: var(--label-height);

  margin: 0 auto;

  padding: 0;

  display: block;

  overflow: hidden;

  background: #ffffff;
  color: #111111;

  border:
    var(--label-border-width)
    solid
    #111111;

  border-radius:
    var(--label-radius);

  box-shadow:
    0 7px 20px
    rgba(18, 31, 49, 0.08);
}

.label-main {
  width: 100%;
  height: 100%;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 0;
}

.label-column {
  min-width: 0;
  height: 100%;

  padding:
    7mm 6mm;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  background:
    #ffffff;

  color:
    #111111;
}

.receiver-label {
  border-right:
    0.2mm dashed
    #c5c8cd;
}


/* =========================================================
   TO / FROM
   ========================================================= */

.label-chip {
  align-self: flex-start;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: auto;

  margin:
    0 0 2.2mm;

  padding:
    0.8mm 2mm;

  border-radius:
    1.2mm;

  background:
    #101010;

  color:
    #ffffff;

  font-size:
    8.5pt;

  line-height:
    1;

  font-weight:
    800;

  letter-spacing:
    0.02em;
}


/* =========================================================
   LABEL NAME
   ========================================================= */

.label-column h3 {
  margin:
    0 0 1.7mm;

  color:
    #111111;

  font-size:
    10pt;

  line-height:
    1.25;

  font-weight:
    800;

  overflow-wrap:
    anywhere;

  word-break:
    break-word;
}


/* =========================================================
   LABEL ADDRESS
   ========================================================= */

#previewReceiverAddress,
#previewSenderAddress {
  margin: 0;

  color: #111111;

  font-size: 10pt;

  line-height:
    1.35;

  font-weight:
    500;

  white-space:
    pre-line;

  overflow-wrap:
    anywhere;

  word-break:
    break-word;
}


/* =========================================================
   MOBILE LINE
   ========================================================= */

.preview-mobile {
  margin:
    auto 0 0;

  padding-top:
    1.5mm;

  display: flex;

  align-items:
    center;

  gap:
    1.4mm;

  color:
    #111111;

  font-size:
    10pt;

  line-height:
    1.2;

  font-weight:
    500;

  white-space:
    nowrap;
}

.mobile-icon {
  width: 15px;
  height: 15px;

  flex:
    0 0 auto;

  stroke-width: 1.8;
}


/* =========================================================
   PRIVACY NOTE
   ========================================================= */

.privacy-note {
  margin:
    2px 0 18px;

  display: flex;

  justify-content: center;
  align-items: center;

  gap: 9px;

  color:
    var(--muted);

  font-size:
    0.8rem;
}

.privacy-note a {
  color: var(--receiver-accent);
  font-weight: 700;
  text-decoration: none;
}

.privacy-note a:hover,
.privacy-note a:focus-visible {
  text-decoration: underline;
}

.privacy-badge {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  flex: 0 0 30px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    var(--receiver-accent);

  color:
    #ffffff;
}

.privacy-lock-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  display: block;
  flex: none;

  stroke-width:
    1.8;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-shell {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 9px;
    padding-right: 9px;
  }

  .hero-header,
  .hero-copy,
  .forms-grid,
  .preview-section {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .hero-copy h1 {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .theme-toggle-button {
    position: static;
    align-self: flex-end;
    width: auto;
    min-height: 40px;
    margin-top: 12px;
    padding: 8px 12px;
    gap: 7px;
    border-radius: 12px;
  }

  .theme-toggle-icon {
    width: 14px;
    height: 14px;
    flex: none;
  }

  .switch-track {
    flex: none;
  }

  .preview-actions {
    width: 100%;
    justify-content: stretch;
  }

  .preview-section {
    overflow-x: hidden;
  }

  .preview-actions .primary-button,
  .preview-actions .share-menu {
    width: 100%;
  }

  .address-card .form-body {
    padding: 18px;
  }

  .address-card .form-body .two-col {
    grid-template-columns: 1fr;
  }

  .top-brand-bar {
    min-height: 60px;
  }

  .top-brand-inner {
    width: calc(100% - 24px);
    min-height: 60px;
  }

  .brand-logo {
    width: 42px;
    height: 42px;

    border-radius: 9px;
  }

  .brand-name {
    font-size:
      1.08rem;
  }

  .brand-tagline {
    display: block;

    font-size:
      0.56rem;

    letter-spacing:
      0.045em;
  }

  /*
   * Keep the arrow visible on mobile,
   * positioned like the supplied reference.
   */
  .decoration-arrow {
    display: block;

    top: 330px;
    right: 14px;

    width: 220px;
    height: 125px;
  }

  .decoration-dots {
    top: 285px;
    left: 45px;

    width: 135px;
    height: 135px;

    opacity: 0.45;
  }

  .label-stage {
    justify-content:
      flex-start;

    padding-left:
      16px;

    padding-right:
      16px;
  }

}


/* =========================================================
   PRINT OVERRIDES
   ========================================================= */

@media print {

  .top-brand-bar,
  .page-decoration,
  .privacy-note {
    display:
      none !important;
  }

  .label-stage {
    width:
      0 !important;

    height:
      0 !important;

    min-width:
      0 !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    padding:
      0 !important;

    overflow:
      visible !important;
  }

  #printArea {
    padding:
      0 !important;
  }

  #printArea .label-main {
    display:
      grid !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;

    gap:
      0 !important;

    width:
      100% !important;

    height:
      100% !important;
  }

  #printArea .label-column {
    height:
      100% !important;

    min-height:
      0 !important;

    padding:
      7mm 6mm !important;

    overflow:
      hidden !important;

    background:
      #ffffff !important;

    color:
      #111111 !important;
  }

  #printArea .receiver-label {
    border-right:
      0.2mm dashed
      #c5c8cd !important;
  }

  #printArea .label-chip {
    margin:
      0 0 2.2mm !important;

    padding:
      0.8mm 2mm !important;

    border-radius:
      1.2mm !important;

    background:
      #101010 !important;

    color:
      #ffffff !important;

    font-size:
      8.5pt !important;

    line-height:
      1 !important;

    font-weight:
      800 !important;
  }

  #printArea .label-column h3 {
    margin:
      0 0 1.7mm !important;

    color:
      #111111 !important;

    font-size:
      10pt !important;

    line-height:
      1.25 !important;

    font-weight:
      800 !important;
  }

  #printArea #previewReceiverAddress,
  #printArea #previewSenderAddress {
    margin:
      0 !important;

    color:
      #111111 !important;

    font-size:
      10pt !important;

    line-height:
      1.35 !important;

    font-weight:
      500 !important;

    white-space:
      pre-line !important;
  }

  #printArea .preview-mobile {
    margin:
      auto 0 0 !important;

    padding-top:
      1.5mm !important;

    display:
      flex !important;

    align-items:
      center !important;

    gap:
      1.4mm !important;

    color:
      #111111 !important;

    font-size:
      10pt !important;

    line-height:
      1.2 !important;

    font-weight:
      500 !important;

    white-space:
      nowrap !important;
  }

  #printArea .mobile-icon {
    width:
      15px !important;

    height:
      15px !important;

    fill:
      none !important;

    stroke:
      #111111 !important;
  }

}

/* Fill each A4 sheet with batch labels before starting another page. */
@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }

  html:has(body.batch-print-mode),
  body.batch-print-mode {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.batch-print-mode #batchLabelPreview {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.batch-print-mode #batchLabelPreview .batch-shipping-label {
    display: block !important;
    width: 121mm !important;
    height: 75mm !important;
    margin: 0 auto 8mm !important;
    break-after: auto !important;
    page-break-after: auto !important;
    break-before: auto !important;
    page-break-before: auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body.batch-print-mode #batchLabelPreview .batch-shipping-label:last-child {
    margin-bottom: 0 !important;
  }

  body.batch-print-mode #batchLabelPreview .label-chip {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: inset 0 0 0 1000px #000000 !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}

.operator-batch-preview{display:flex;flex-direction:column;align-items:center;gap:22px;max-height:620px;overflow-y:auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:#edf2f4}.operator-batch-preview .operator-print-label,.operator-single-preview .operator-print-label{width:121mm;height:75mm;min-width:121mm;min-height:75mm;background:#fff;flex:none}
.preview-actions #saveAddressButton{order:1}.preview-actions #shareMenu{order:2}.preview-actions .preview-transaction-history{order:3;width:52px;height:52px;margin-left:auto;padding:0;text-decoration:none}.preview-transaction-history .action-icon{width:23px;height:23px;filter:brightness(0) invert(1)}
.duplicate-address-dialog{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:24px;border:0;border-radius:18px;background:var(--page-bg-soft);color:var(--text);box-shadow:0 20px 60px rgba(0,0,0,.3)}.duplicate-address-dialog::backdrop{background:rgba(5,15,30,.68)}.duplicate-address-dialog h2{margin:0 0 12px}.duplicate-address-name{font-weight:900;color:var(--receiver-accent);margin:0 0 6px}.duplicate-address-copy{margin:0 0 18px;line-height:1.5;overflow-wrap:anywhere}.duplicate-apply-all{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--receiver-soft);font-weight:750}.duplicate-apply-all input{width:18px!important;height:18px!important;margin:0!important}.duplicate-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.duplicate-dialog-actions button{min-height:46px}@media(max-width:480px){.duplicate-address-dialog{padding:18px}.duplicate-dialog-actions{grid-template-columns:1fr}.duplicate-dialog-actions button{width:100%}}
.receiver-multi-toolbar{justify-content:flex-start}.receiver-selection-actions{display:flex;gap:7px;margin-left:auto}.receiver-selection-actions[hidden]{display:none}.receiver-selection-action{width:42px;height:42px}.receiver-multi-row{grid-template-columns:24px minmax(0,1fr)!important}.receiver-multi-row input{margin:0}.csv-preview td.csv-editable-field{cursor:text}.csv-preview td.csv-editable-field:focus{outline:2px solid var(--receiver-accent);outline-offset:-2px;background:#fff!important;color:#1f3032!important}@media(max-width:520px){.receiver-multi-toolbar{align-items:flex-start;gap:10px}.receiver-selection-actions{margin-left:auto}.receiver-selection-action{width:40px;height:40px}}
.receiver-selection-actions { overflow:visible !important; z-index:900; }
.receiver-selection-actions .receiver-selection-action { position:relative; overflow:visible !important; }
.receiver-selection-actions .receiver-selection-action::after { content:attr(aria-label); position:absolute; left:50%; bottom:calc(100% + 9px); z-index:1002; width:max-content; max-width:min(220px,calc(100vw - 28px)); padding:7px 10px; border-radius:8px; background:#123b46; color:#fff; box-shadow:0 5px 15px rgba(0,0,0,.25); font-size:.78rem; font-weight:650; line-height:1.3; text-align:center; white-space:normal; opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,5px); transition:opacity .16s ease,transform .16s ease,visibility .16s ease; }
.receiver-selection-actions .receiver-selection-action:hover::after,.receiver-selection-actions .receiver-selection-action:focus-visible::after { opacity:1; visibility:visible; transform:translate(-50%,0); }
.address-book-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 22px;text-align:left}.address-book-heading[hidden]{display:none!important}.address-book-heading h1{margin:0;font-size:clamp(1.7rem,4vw,2.55rem)}.default-address-qr-button,.scan-address-qr{display:inline-flex;align-items:center;justify-content:center;gap:7px}.default-address-qr-button img,.scan-address-qr img{width:20px;height:20px}.dashboard-form-heading .scan-address-qr{margin-left:auto;flex:0 0 auto}.address-qr-display-dialog,.address-qr-scan-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;text-align:center}.address-qr-image{display:block;width:min(330px,100%);aspect-ratio:1;object-fit:contain;margin:12px auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.address-qr-note{font-size:.84rem;color:var(--muted)}.address-qr-scan-dialog video{display:block;width:100%;max-height:330px;object-fit:contain;border-radius:14px;background:#102129}.address-qr-scan-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.address-qr-scan-actions>*{display:inline-flex;align-items:center;justify-content:center;gap:7px}.address-qr-scan-actions img{width:20px;height:20px}.address-qr-scan-status{min-height:1.4em;color:var(--muted)}.preview-address-book{text-decoration:none}.preview-address-book .action-icon{filter:brightness(0) invert(1)}
@media(max-width:650px){.address-book-heading{align-items:flex-start;flex-direction:column}.dashboard-form-heading{display:grid;grid-template-columns:auto 1fr}.dashboard-form-heading .scan-address-qr{grid-column:1/-1;width:100%;margin:0}.address-qr-scan-actions{display:grid;grid-template-columns:1fr}.address-qr-scan-actions>*{width:100%;box-sizing:border-box}}
.address-qr-scan-help{margin:0 0 12px;color:var(--muted);font-size:.92rem;line-height:1.4}
.mobile-preview-controls>.mobile-preview-toggle{border-color:#123b46;background:#123b46;color:#fff;box-shadow:0 4px 12px rgba(18,59,70,.28)}
.mobile-preview-controls>.mobile-preview-toggle img{filter:brightness(0) invert(1)}
.address-selection-qr.qr-multi-inactive{opacity:.42;filter:grayscale(1);cursor:not-allowed}.multi-address-qr-notice{width:min(430px,calc(100% - 24px));text-align:center}.multi-address-qr-notice p{line-height:1.6}.inline-share-action{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--receiver-accent) 32%,var(--line));border-radius:8px;background:var(--receiver-soft);color:var(--receiver-accent);font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}.inline-share-action:hover{filter:brightness(.94)}.inline-share-action img{width:19px;height:19px}
.address-qr-share-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.address-qr-share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.address-qr-share-actions img{width:19px;height:19px}
.address-qr-display-dialog{position:relative;width:min(390px,calc(100% - 16px));padding:16px}.address-qr-share-options{position:absolute;right:18px;top:50%;z-index:1200;display:flex;flex-direction:column;align-items:center;gap:7px;width:auto;margin:0;padding:7px;border:1px solid color-mix(in srgb,var(--receiver-accent) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--page-bg-soft) 92%,transparent);box-shadow:0 10px 28px rgba(4,35,43,.3);transform:translateY(-50%);backdrop-filter:blur(10px)}.address-qr-share-options[hidden]{display:none}.address-qr-share-options button{display:grid;place-items:center;width:42px;height:42px;min-height:42px;margin:0;padding:0;font-size:0}.address-qr-share-options img{width:21px;height:21px}
@media(max-width:720px){
  html,body{overflow-x:clip!important}
  .page-shell,.forms-grid{overflow:visible!important}
  .forms-grid{display:flex!important;flex-direction:column;gap:14px}
  .forms-grid>.preview-section{box-sizing:border-box;order:-1;position:-webkit-sticky!important;position:sticky!important;top:8px;z-index:40;width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;min-width:0!important;height:auto!important;align-self:flex-start!important;margin:0;padding:10px 12px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(5,42,50,.16)}
  .forms-grid>.preview-section.mobile-preview-open{position:-webkit-sticky!important;position:sticky!important;top:8px;max-height:calc(100dvh - 16px);height:auto!important;align-self:flex-start!important;padding:10px;overflow-y:auto}
  .preview-section>.section-title{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding-right:104px}
  .preview-section>.section-title>.preview-title-block{flex:1 1 auto;min-width:0}
  .preview-section .preview-title-row{margin:0;gap:9px}.preview-section .preview-eye{width:34px;height:34px}.preview-section .preview-title-block h2{font-size:1rem}.preview-section .preview-eyebrow,.preview-section .print-hint{display:none}
  .mobile-preview-toggle{position:absolute;right:10px;top:50%;z-index:2;display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--receiver-accent);border-radius:10px;background:var(--page-bg-soft);color:var(--receiver-accent);font-size:.78rem;font-weight:800;cursor:pointer;transform:translateY(-50%)}
  .mobile-preview-toggle img{width:18px;height:18px;transition:transform .18s ease;transform:rotate(90deg)}.mobile-preview-open .mobile-preview-toggle img{transform:rotate(-90deg)}
  .preview-bottom-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:27px;min-height:27px;margin:7px 0 0;padding:2px 12px;border:1px solid color-mix(in srgb,var(--receiver-accent) 52%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--receiver-soft) 68%,var(--page-bg-soft));color:var(--receiver-accent);font-size:.7rem;font-weight:850;line-height:1;cursor:pointer}.preview-bottom-toggle img{width:15px;height:15px;transform:rotate(90deg);transition:transform .18s ease}.mobile-preview-open .preview-bottom-toggle img{transform:rotate(-90deg)}
  .preview-section:not(.mobile-preview-open)>:not(.section-title):not(.mobile-preview-controls){display:none!important}
  .preview-section:not(.mobile-preview-open) .preview-actions{display:none!important}
  .preview-section:not(.mobile-preview-open) .preview-sender-toggle{display:none!important}
  .mobile-preview-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;width:100%;margin:7px 0}
  .mobile-preview-controls>.mobile-preview-toggle{position:absolute;display:inline-flex!important;right:0;top:0;z-index:3;flex:0 0 34px;width:34px;min-height:34px;padding:0;transform:none}
  .mobile-preview-open>.section-title{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;gap:5px}
  .mobile-preview-open>.section-title>.preview-title-block{width:100%;min-width:0}
  .mobile-preview-open>.section-title>.mobile-preview-controls{width:100%;min-width:0}
  .mobile-preview-toggle span{display:none!important}.mobile-preview-open .mobile-preview-toggle img{width:17px;height:17px}.mobile-preview-open .preview-actions{position:static;display:flex;flex:0 0 auto;width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:5px;margin:0 0 0 auto}
  .preview-actions>.primary-button,.preview-actions>.share-menu{width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px}
  .preview-actions>.primary-button{padding:0!important}.preview-actions>.primary-button>span,.preview-actions>.share-menu>.share-button>span{display:none!important}
  .preview-actions .share-button{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:grid!important;place-items:center}
  .preview-actions .share-menu-options{position:fixed;z-index:1400;width:min(190px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
  .preview-actions .share-menu-options::before{display:none}
  .preview-actions .action-icon{width:20px;height:20px}.preview-actions .save-action-icon{filter:brightness(0) invert(1)}
  .preview-actions [data-tooltip]{position:relative;overflow:visible}
  .preview-actions [data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:100;min-width:max-content;padding:6px 8px;border-radius:7px;background:#123b46;color:#fff;font-size:.74rem;font-weight:650;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:.15s ease}
  .preview-actions [data-tooltip]:hover::after,.preview-actions [data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .mobile-preview-open .mobile-preview-controls>.preview-sender-toggle{flex:0 1 auto;width:max-content;max-width:100%;justify-content:flex-start;align-self:flex-start;margin:0;padding:5px 6px;gap:6px;font-size:.68rem;white-space:nowrap}.mobile-preview-open .mobile-preview-controls>.preview-sender-toggle input{width:17px;height:17px}.mobile-preview-open>.label-size-information{text-align:left;margin:3px 0 6px;font-size:.75rem}
  .mobile-preview-open>.label-stage{box-sizing:border-box;width:min(100%,292px);min-height:0!important;margin:0;padding:6px!important;overflow:hidden!important;border-radius:10px;background:color-mix(in srgb,var(--receiver-accent) 4%,var(--page-bg-soft))}
  .mobile-preview-open #printArea{box-sizing:border-box;width:min(100%,280px)!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1.6/1;margin:0!important}
  .mobile-preview-open #printArea .label-main{width:100%;height:100%;min-height:0}
  .mobile-preview-open #printArea .label-column{padding:12px 10px}
  .mobile-preview-open #printArea .label-chip{margin-bottom:6px;padding:3px 7px;font-size:.58rem}
  .mobile-preview-open #printArea .label-column h3{margin-bottom:5px;font-size:.68rem}
  .mobile-preview-open #printArea #previewReceiverAddress,.mobile-preview-open #printArea #previewSenderAddress{font-size:.62rem;line-height:1.28}
  .mobile-preview-open #printArea .preview-mobile{padding-top:5px;gap:4px;font-size:.58rem}
  .mobile-preview-open #batchLabelPreview{box-sizing:border-box;width:100%;max-height:58dvh;gap:10px;padding:6px;overflow-y:auto}
  .mobile-preview-open #batchLabelPreview .batch-shipping-label{box-sizing:border-box;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1.6/1;margin:0!important}
  .mobile-preview-open>.privacy-note{display:none!important}
}
/* Keep the physical label width in previews; scroll instead of clipping or shrinking it. */
@media screen{
  .preview-section .label-stage{box-sizing:border-box;width:100%;min-width:0;justify-content:flex-start;overflow-x:auto;overflow-y:auto;scrollbar-gutter:stable}
  .preview-section .label-stage #printArea{flex:0 0 auto;margin:0 auto}
  .preview-section .label-stage #printArea .label-column{overflow-y:auto}
  .preview-section #batchLabelPreview{overflow-x:auto}
  .preview-section #batchLabelPreview .label-column{overflow-y:auto}
}
@media screen and (max-width:720px){
  .mobile-preview-open>.label-stage{box-sizing:border-box;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;justify-content:flex-start!important}
  .mobile-preview-open #printArea,
  .mobile-preview-open #printArea.label-medium,
  .mobile-preview-open #printArea.label-expanded{
    width:var(--label-width)!important;min-width:var(--label-width)!important;max-width:var(--label-width)!important;
    height:var(--label-height)!important;min-height:var(--label-height)!important;max-height:var(--label-height)!important;
    aspect-ratio:auto!important;overflow:hidden!important;
  }
  body.hide-sender-label .mobile-preview-open #printArea.label-medium{
    width:121mm!important;min-width:121mm!important;max-width:121mm!important;
    height:75mm!important;min-height:75mm!important;max-height:75mm!important;
  }
  .mobile-preview-open #printArea.label-expanded{
    width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;
    height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important;
  }
  .mobile-preview-open #printArea .label-main,
  .mobile-preview-open #printArea.label-medium .label-main,
  .mobile-preview-open #printArea.label-expanded .label-main{height:100%!important;min-height:0!important}
  .mobile-preview-open #printArea .label-column,
  .mobile-preview-open #printArea.label-medium .label-column,
  .mobile-preview-open #printArea.label-expanded .label-column{height:100%!important;overflow-y:auto!important}
}
@media(max-width:300px){
  .mobile-preview-open .mobile-preview-controls{align-items:flex-start;flex-direction:column;padding-right:42px}
  .mobile-preview-open .preview-actions{flex-direction:row;align-items:center;align-self:flex-end;margin:0}
}
.receiver-select-all{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--page-bg-soft);font-weight:800;cursor:pointer}.receiver-select-all input{width:18px;height:18px;margin:0;accent-color:var(--receiver-accent)}
.transfer-card{padding:8px;cursor:default}.transfer-card-main{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.transfer-card-main strong{overflow:hidden;text-overflow:ellipsis}.transfer-rejected{background:#fff0f0;border-color:#e49a9a;color:#8f2525}.transfer-decision-actions{display:flex;gap:6px;flex:none}.transfer-decision{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;cursor:pointer}.transfer-decision img{width:21px;height:21px}.transfer-accept{background:#18864b}.transfer-reject{background:#c73b3b}.transfer-decision:hover{filter:brightness(.92);transform:scale(1.04)}@media(max-width:560px){.transfer-card-main{align-items:flex-start;flex-direction:column;gap:3px}.transfer-decision{width:38px;height:38px}}
.operator-label-without-sender .label-main{grid-template-columns:1fr}.operator-label-without-sender .receiver-label{border-right:0}
.operator-sender-user-id{margin:6px 0 0;color:var(--receiver-accent);font-weight:850;letter-spacing:.02em}
.operator-qr-code-label{margin:2px 0 8px;color:var(--receiver-accent);font-family:ui-monospace,monospace;font-size:1.15rem;font-weight:850;letter-spacing:.08em}
.transfer-details-box{padding:13px 14px;border:1px solid #9fc7cd;border-radius:12px;background:#edfafa;font-weight:400}.transfer-details-box>span{display:block;margin-bottom:8px;color:var(--receiver-accent);font-size:.78rem;font-weight:400;letter-spacing:.02em}.transfer-details-box dl{display:grid;gap:7px;margin:0}.transfer-details-box dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.transfer-details-box dt{color:var(--muted);font-size:.8rem;font-weight:400}.transfer-details-box dd{margin:0;font-weight:400;overflow-wrap:anywhere}.redeem-card input:disabled,.redeem-card button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:480px){.transfer-details-box dl>div{grid-template-columns:1fr;gap:2px}}
.transfer-decision span{color:#fff;font-size:1.45rem;font-weight:900;line-height:1}
.hero-header>.hero-copy{min-width:0}.hero-utility-panel{display:grid;grid-template-columns:auto auto;flex:0 0 auto;align-items:center;justify-content:end;gap:10px}.hero-utility-panel .theme-toggle-button{position:static!important;inset:auto!important;width:auto!important;min-width:max-content;margin:0!important}.platform-stats{display:flex;min-width:0;align-items:stretch;gap:6px}.platform-stats[hidden]{display:none}.platform-stat{min-width:104px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--receiver-accent) 24%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--receiver-soft) 74%,var(--page-bg-soft));text-align:center;box-shadow:0 4px 12px rgba(8,71,79,.06)}.platform-stat strong,.platform-stat small{display:block}.platform-stat strong{color:var(--receiver-accent);font-size:1rem;line-height:1.05;font-weight:900}.platform-stat small{margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.1;font-weight:750;white-space:nowrap}@media(max-width:1180px) and (min-width:861px){.hero-copy h1{white-space:normal}}@media(max-width:860px){.hero-utility-panel{width:100%;grid-template-columns:auto auto;justify-content:end}}@media(max-width:420px){.hero-utility-panel{grid-template-columns:minmax(0,1fr) auto}.platform-stat{min-width:0;flex:1;padding:6px 5px}.platform-stat strong{font-size:.9rem}.platform-stat small{font-size:.59rem}}
.site-footer{width:100%;margin-top:24px;padding:14px 20px;border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--page-bg-soft) 94%,transparent);box-sizing:border-box}.footer-platform-stats{justify-content:center;margin:0 auto}.footer-platform-stats .platform-stat{min-width:128px}@media(max-width:360px){.site-footer{padding-inline:10px}.footer-platform-stats{width:100%}.footer-platform-stats .platform-stat{min-width:0;flex:1}}
.transfer-decision-actions{gap:8px}.transfer-decision{width:44px;height:44px;border-radius:10px}.transfer-decision span{font-size:1.9rem}.transfer-expired{background:#eceff1;border-color:#b7bec3;color:#727b80;opacity:.78}
.group-multi-list{display:grid;gap:10px}.group-multi-card summary{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px}.group-multi-card .group-select-box{width:19px;height:19px;margin:0;accent-color:var(--receiver-accent)}.group-multi-card.selected{border-color:var(--receiver-accent);background:var(--receiver-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--receiver-accent) 18%,transparent)}.group-bulk-edit-dialog{width:min(1180px,calc(100% - 20px));max-height:92dvh}.group-edit-scroll{display:grid;gap:20px;max-height:58dvh;overflow-y:auto;padding:4px;scrollbar-gutter:stable}.group-edit-section{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--page-bg-soft)}.group-edit-name{display:grid;grid-template-columns:auto minmax(180px,420px);align-items:center;justify-content:start;gap:12px;margin-bottom:12px;font-weight:900;color:var(--receiver-accent)}.group-edit-name input{margin:0!important}.group-edit-table{max-height:310px}.group-save-changes{margin-top:14px}@media(max-width:560px){.group-edit-name{grid-template-columns:1fr}.group-edit-scroll{max-height:55dvh}.group-edit-actions button{width:100%}}
.group-inner-select-all,.group-inner-address{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px}.group-inner-select-all{padding:9px 10px;margin-bottom:5px;border:1px solid #b8c9ed;border-radius:9px;background:#e9f0ff;font-weight:850;cursor:pointer}.group-inner-select-all input,.group-inner-address input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--receiver-accent)}.group-inner-address:has(input:checked){background:#dff5ee}
.operator-work-grid>section:first-child{padding:18px;border:2px solid #bed1d5;border-radius:16px;background:var(--page-bg-soft);box-shadow:0 7px 20px rgba(8,71,79,.08)}.operator-work-grid>section:first-child .section-title-row{gap:9px}.operator-work-grid>section:first-child .section-title-row h2{margin-right:auto}.transfer-list{max-height:360px;overflow-y:auto;scrollbar-gutter:stable;padding:5px;display:grid;gap:9px}.transfer-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #c8d5d8;border-radius:11px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.transfer-card:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(0,0,0,.08)}.transfer-card span{font-size:.82rem;font-weight:800}.transfer-unredeemed{background:#e3f7e9;border-color:#68bd7e;color:#155c2c}.transfer-redeemed{background:#f3f5f6;color:#667177}.empty-transfer-list{padding:24px;text-align:center;color:var(--muted)}.transfer-filter-control{position:relative}.transfer-filter-button,.transfer-refresh-button{width:42px;height:42px;display:grid!important;place-items:center;padding:0!important;border:1px solid #9fc7cd!important;border-radius:10px;background:#ecfafa!important;cursor:pointer}.transfer-filter-button img,.transfer-refresh-button img{width:23px;height:23px}.transfer-filter-menu{position:absolute;z-index:10;right:0;top:48px;width:235px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--page-bg-soft);box-shadow:0 12px 28px rgba(0,0,0,.16)}.transfer-filter-menu button{width:100%;padding:11px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-weight:750;cursor:pointer}.transfer-filter-menu button:hover{background:var(--receiver-soft)}

@media print {
  body.operator-print-mode #operatorPrintArea.operator-batch-preview,
  body.operator-print-mode #operatorPrintArea.operator-single-preview {
    display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;
  }
  body.operator-print-mode #operatorPrintArea .operator-print-label {
    display:block!important;position:static!important;width:121mm!important;height:75mm!important;min-width:121mm!important;min-height:75mm!important;margin:0 auto 8mm!important;border:.35mm solid #111!important;break-after:auto!important;page-break-after:auto!important;break-inside:avoid!important;page-break-inside:avoid!important;visibility:visible!important;
  }
  body.operator-print-mode #operatorPrintArea .operator-print-label *{visibility:visible!important}
  body.operator-print-mode #operatorPrintArea .label-chip{background:#000!important;color:#fff!important;box-shadow:inset 0 0 0 1000px #000!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
}

@media print {
  html:has(body.operator-print-mode),
  body.operator-print-mode {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.operator-print-mode > *:not(#operatorBatchPrint){display:none!important}
  body.operator-print-mode #operatorBatchPrint,
  body.operator-print-mode #operatorBatchPrint *{visibility:visible!important}
  body.operator-print-mode #operatorBatchPrint{display:block!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
  body.operator-print-mode #operatorBatchPrint .operator-print-label{display:block!important;position:static!important;width:121mm!important;height:75mm!important;min-width:121mm!important;min-height:75mm!important;max-width:121mm!important;max-height:75mm!important;margin:0 auto 8mm!important;border:.35mm solid #111!important;background:#fff!important;break-inside:avoid!important;page-break-inside:avoid!important;break-after:auto!important;page-break-after:auto!important;overflow:hidden!important}
  body.operator-print-mode #operatorBatchPrint .operator-print-label:nth-child(3n):not(:last-child){break-after:page!important;page-break-after:always!important}
  body.operator-print-mode #operatorBatchPrint .label-chip{background:#000!important;color:#fff!important;border:1px solid #000!important;box-shadow:inset 0 0 0 1000px #000!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
}
.agent-stage-notice{text-align:center}.agent-stage-notice>img{display:block;width:72px;height:72px;margin:0 auto 12px}.agent-stage-notice p{line-height:1.55}.agent-stage-notice>.primary-button{min-width:120px}
.agent-verification-status-dialog{text-align:center}.agent-verification-status-dialog p{margin:18px 0;font-weight:750;line-height:1.5}.agent-verification-status-dialog>.primary-button{min-width:110px}.transfer-verification-icon[tabindex]{cursor:pointer}
.transfer-reward-indicators:not(.verification-approved) .transfer-reward-icon{display:none}.transfer-reward-indicators.verification-approved .transfer-verification-icon{display:none}
.agent-user-gift-dialog{width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;text-align:center}.agent-user-gift-dialog .gift-celebration{display:block;font-size:3rem}.agent-user-gift-dialog [data-agent-gift-image]{display:block;width:min(220px,100%);max-height:210px;margin:14px auto;border-radius:16px;object-fit:contain;background:#fff}.agent-user-gift-dialog [data-agent-gift-image][hidden]{display:none}.agent-user-gift-dialog [data-agent-gift-message]{font-size:1rem;line-height:1.55}.agent-user-gift-dialog>.primary-button{width:100%;margin-top:10px}
.address-validation-dialog{width:min(94vw,640px);max-height:min(90vh,760px);overflow:auto}
.address-validation-dialog>h2{margin-bottom:.2rem}.validation-address-side{margin-top:0;color:var(--muted,#5e6f72)}
.validation-stages{display:grid;gap:.55rem;padding:0;list-style:none}.validation-stages li{display:flex;gap:.65rem;align-items:center;padding:.65rem .75rem;border-radius:12px;background:#eef4f3;color:#34494b}.validation-stages li i{width:.75rem;height:.75rem;border-radius:50%;background:#829193;flex:0 0 auto}.validation-stages li[data-result="pass"]{background:#e2f6eb;color:#155d3b}.validation-stages li[data-result="pass"] i{background:#1f9d63}.validation-stages li[data-result="warning"]{background:#fff3cf;color:#765800}.validation-stages li[data-result="warning"] i{background:#e1a900}.validation-stages li[data-result="fail"]{background:#ffe4e2;color:#8a211d}.validation-stages li[data-result="fail"] i{background:#d94841}
.validation-duplicates,.validation-result{margin:1rem 0;padding:1rem;border:1px solid #e2b437;border-radius:14px;background:#fff9e8}.validation-duplicates h3{margin-top:0}.validation-duplicates>div{display:grid;gap:.35rem}.validation-duplicates>div span{padding:.45rem .6rem;border-radius:8px;background:#fff}.validation-duplicates footer,.validation-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}
.validation-result{border-color:#93c9ba;background:#effaf6}.validation-result strong{font-size:1.08rem}.validation-confidence{height:.5rem;background:#d5dfdc;border-radius:999px;overflow:hidden}.validation-confidence i{display:block;height:100%;background:linear-gradient(90deg,#e3a516,#20a263);border-radius:inherit}
[data-theme="dark"] .validation-stages li{background:#223335;color:#e7f1ef}[data-theme="dark"] .validation-stages li[data-result="pass"]{background:#173c2d;color:#bff3d7}[data-theme="dark"] .validation-stages li[data-result="warning"]{background:#463a18;color:#ffe49b}[data-theme="dark"] .validation-stages li[data-result="fail"]{background:#4b2424;color:#ffc6c2}[data-theme="dark"] .validation-duplicates,[data-theme="dark"] .validation-result{background:#202d2f;color:#eef7f5}[data-theme="dark"] .validation-duplicates>div span{background:#29393b}
@media(max-width:520px){.validation-actions>*{flex:1 1 100%}.validation-duplicates footer>*{flex:1 1 100%}}
.address-validation-badge{display:block;width:max-content;margin-top:.38rem;padding:.22rem .55rem;border:1px solid currentColor;border-radius:999px;font-size:.74rem;font-weight:800;line-height:1.15}.address-validation-badge.verified{background:#dff6e9;color:#17603e}.address-validation-badge.not-verified{background:#ffe7e4;color:#922b24}.group-inner-address .address-validation-badge,.group-address-row .address-validation-badge{display:inline-block;margin:.1rem 0 .1rem .45rem;vertical-align:middle}
.dashboard-address-autocomplete-cell{position:relative}.dashboard-cell-suggestions{min-width:220px;max-width:min(440px,calc(100vw - 16px));z-index:10020}.dashboard-cell-suggestions-floating{position:fixed!important;right:auto!important;margin:0!important;max-height:min(260px,42vh);overflow:auto;box-shadow:0 18px 45px rgba(4,25,28,.32)}dialog>.dashboard-cell-suggestions-floating{z-index:2147483647}.dashboard-cell-suggestions button{white-space:normal;text-align:left}.dashboard-suggestion-message{margin:0;padding:.7rem .8rem;color:#53686a;font-size:.8rem;white-space:normal}.dashboard-suggestion-message.error{color:#9b2822}[data-theme="dark"] .dashboard-suggestion-message{color:#c6d8d6}[data-theme="dark"] .dashboard-suggestion-message.error{color:#ffb8b2}
.csv-preview td.batch-validation-cell{min-width:170px;font-weight:800;white-space:normal}.batch-validation-cell[data-validation-status="idle"]{color:#617174}.batch-validation-cell[data-validation-status="working"]{background:#e5f1ff!important;color:#175a94!important}.batch-validation-cell[data-validation-status="verified"]{background:#d8f5e4!important;color:#14603b!important}.batch-validation-cell[data-validation-status="warning"]{background:#fff0b8!important;color:#755400!important}.batch-validation-cell[data-validation-status="error"]{background:#ffe0dd!important;color:#982820!important}[data-theme="dark"] .batch-validation-cell[data-validation-status="idle"]{color:#c4d1d0}[data-theme="dark"] .batch-validation-cell[data-validation-status="working"]{background:#173b59!important;color:#b9dcff!important}[data-theme="dark"] .batch-validation-cell[data-validation-status="verified"]{background:#173d2d!important;color:#c6f5db!important}[data-theme="dark"] .batch-validation-cell[data-validation-status="warning"]{background:#493c18!important;color:#ffe49a!important}[data-theme="dark"] .batch-validation-cell[data-validation-status="error"]{background:#4b2424!important;color:#ffc7c2!important}
.field-group{position:relative}.ola-autocomplete-list{position:absolute;z-index:80;left:0;right:0;top:100%;margin-top:.25rem;max-height:16rem;overflow:auto;padding:.35rem;background:#fff;border:1px solid #b8ceca;border-radius:12px;box-shadow:0 14px 34px rgba(10,52,55,.18)}.ola-autocomplete-list button{display:flex;flex-direction:column;width:100%;padding:.65rem .75rem;border:0;border-radius:9px;background:transparent;color:#173d40;text-align:left;cursor:pointer}.ola-autocomplete-list button:hover,.ola-autocomplete-list button:focus{background:#e3f4f1}.ola-autocomplete-list strong{font-size:.88rem}.ola-autocomplete-list small{margin-top:.16rem;color:#64787a;font-size:.75rem}
.ola-autocomplete-message{margin:0;padding:.65rem .75rem;color:#526769;font-size:.82rem;white-space:normal}.ola-autocomplete-message.error{color:#a02b24}[data-theme="dark"] .ola-autocomplete-message{color:#c7d8d6}[data-theme="dark"] .ola-autocomplete-message.error{color:#ffb8b2}
.ola-validation-dialog{width:min(92vw,620px);max-height:88vh;overflow:auto}.ola-validation-progress{height:.55rem;margin:.8rem 0;background:#dce8e6;border-radius:999px;overflow:hidden}.ola-validation-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#0c8790,#35ad74);transition:width .25s ease}.ola-validation-results{display:grid;gap:.45rem;margin:.8rem 0}.ola-validation-row{margin:0;padding:.65rem .75rem;border-radius:10px;background:#eef3f2}.ola-validation-row.valid{background:#ddf6e8;color:#155d3b}.ola-validation-row.review{background:#fff1c9;color:#795900}.ola-validation-row.error{background:#ffe2df;color:#8d241e}.ola-validation-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}
.ola-validation-success-icon{display:grid;width:54px;height:54px;margin:0 auto .7rem;place-items:center;border-radius:50%;background:#1f9d63;color:#fff;font-size:2rem;font-weight:900;line-height:1;box-shadow:0 8px 20px rgba(31,157,99,.24)}.ola-validation-success-icon[hidden]{display:none}
.ola-clean-address{margin:.25rem 0 .7rem;padding:.8rem;border:1px solid #8cc9be;border-radius:12px;background:#f2fbf8}.ola-clean-address strong{display:block;color:#087f8c}.ola-clean-address p{margin:.35rem 0 0;white-space:pre-wrap;color:#233f42;line-height:1.45}[data-theme="dark"] .ola-clean-address{background:#183436;border-color:#477d75}[data-theme="dark"] .ola-clean-address p{color:#edf7f5}
[data-theme="dark"] .ola-autocomplete-list{background:#17282a;border-color:#3e5b5e}[data-theme="dark"] .ola-autocomplete-list button{color:#eff9f7}[data-theme="dark"] .ola-autocomplete-list button:hover,[data-theme="dark"] .ola-autocomplete-list button:focus{background:#254043}[data-theme="dark"] .ola-autocomplete-list small{color:#b7cbca}[data-theme="dark"] .ola-validation-row{background:#263739;color:#edf7f5}[data-theme="dark"] .ola-validation-row.valid{background:#173d2d;color:#bdf2d5}[data-theme="dark"] .ola-validation-row.review{background:#493c18;color:#ffe49a}[data-theme="dark"] .ola-validation-row.error{background:#4b2424;color:#ffc7c2}
[data-theme="dark"] .csv-preview td{background:#1d2d2f;color:#edf7f5;border-color:#486063}[data-theme="dark"] .csv-preview tbody tr.csv-table-ok td{background:#173d2d;color:#c6f5db}[data-theme="dark"] .csv-preview tbody tr.csv-table-warn td{background:#493c18;color:#ffe49a}[data-theme="dark"] .csv-preview tbody tr.csv-table-error td{background:#4b2424;color:#ffc7c2}[data-theme="dark"] .csv-preview tbody tr.csv-table-service-error td{background:#303b3d;color:#d6e1df}[data-theme="dark"] .csv-preview td.csv-editable-field:focus{background:#263d40!important;color:#fff!important}[data-theme="dark"] .csv-preview td.csv-invalid-field:focus{background:#552929!important;color:#ffd5d1!important}
@media(max-width:520px){.ola-validation-actions{flex-direction:column}.ola-validation-actions button{width:100%}}
.agent-postal-address{position:relative;padding:1rem;border:1px solid rgba(8,127,140,.28);border-radius:18px;background:linear-gradient(145deg,rgba(8,127,140,.07),rgba(255,193,7,.08));overflow:visible}.agent-postal-address .registration-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.agent-postal-address .registration-section-heading>span{font-weight:750;color:var(--ink,#17222b)}.agent-postal-address .registration-grid{overflow:visible}.agent-postal-address label{position:relative}.agent-postal-address [data-agent-address-status]{min-height:1.35rem;margin:.65rem 0 0;color:#087f8c}.agent-postal-address .ola-autocomplete-list{z-index:60;max-height:15rem;overflow:auto}#agentPostalScanDialog{display:none;gap:.65rem}#agentPostalScanDialog[open]{display:grid}#agentPostalScanDialog>.secondary-button{width:100%;justify-content:center}@media(max-width:420px){.agent-postal-address{padding:.75rem}.agent-postal-address .registration-section-heading{align-items:stretch;flex-direction:column}.agent-postal-address .registration-section-heading button{width:100%}}
.agent-postal-grid{align-items:start}.agent-postal-grid label{min-width:0}.agent-postal-grid input,.agent-postal-grid select{width:100%;min-width:0}.agent-postal-address .icon-text-button,.agent-postal-address+.icon-text-button,#agentPostalScanDialog .icon-text-button{display:flex;align-items:center;gap:.5rem}.agent-postal-address .icon-text-button img,#agentPostalScanDialog .icon-text-button img{width:20px;height:20px;flex:0 0 20px}.agent-mobile-input{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch}.agent-mobile-input input{width:100%;min-width:0}.agent-mobile-input button{display:grid;min-width:44px;padding:0;place-items:center}.agent-mobile-input button img{width:21px;height:21px}@media(max-width:520px){.agent-postal-grid{grid-template-columns:1fr}.agent-postal-grid .full-field{grid-column:auto}}
.form-print-preview{margin:14px 0;padding:10px;border:1px solid color-mix(in srgb,var(--receiver-accent) 45%,var(--line));border-radius:14px;background:var(--page-bg-soft);box-shadow:0 6px 18px rgba(4,35,43,.08)}.form-print-preview>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.form-print-preview>header strong{color:var(--text);font-size:.86rem}.form-print-preview [data-form-preview-toggle]{display:grid;place-items:center;width:34px;height:30px;padding:0;border:1px solid var(--receiver-accent);border-radius:9px;background:var(--receiver-accent);color:#fff;font-size:1.1rem;cursor:pointer}.form-print-preview article{min-height:120px;padding:14px;border:1px dashed color-mix(in srgb,var(--receiver-accent) 48%,var(--line));border-radius:11px;background:var(--surface);color:var(--text)}.form-print-preview article>span{display:inline-block;padding:3px 8px;border-radius:6px;background:#111;color:#fff;font-size:.72rem;font-weight:850}.form-print-preview h3{margin:8px 0 5px;font-size:1rem}.form-print-preview p{margin:3px 0;white-space:pre-line;line-height:1.42;font-size:.85rem}.form-preview-bottom-toggle{width:100%;min-height:28px;margin-top:7px;padding:3px 10px;border:1px solid var(--line);border-radius:8px;background:var(--receiver-soft);color:var(--receiver-accent);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.form-print-preview [hidden]{display:none!important}@media(max-width:420px){.form-print-preview{margin-inline:0;padding:8px}.form-print-preview article{min-height:105px;padding:11px}}
.user-workspace-frame{display:block;width:100%;min-height:760px;border:1px solid var(--line);border-radius:20px;background:var(--page-bg-soft)}.address-entry-column.workspace-open{min-height:760px}@media(min-width:1181px){.forms-grid>.preview-section{position:sticky!important;top:18px!important;height:fit-content!important;max-height:calc(100vh - 36px);overflow:auto;align-self:start!important}}@media(max-width:1180px){.user-workspace-frame{min-height:72vh}.address-entry-column.workspace-open{min-height:72vh}.forms-grid>.preview-section{display:block!important}}
.user-workspace-frame[hidden]{display:none!important}
.embedded-user-workspace,.embedded-user-workspace body{min-height:100%!important;background:var(--page-bg-soft)!important}.embedded-user-workspace body{min-width:0!important;margin:0!important}.embedded-user-workspace .top-brand-bar,.embedded-user-workspace body>footer,.embedded-user-workspace .site-footer,.embedded-user-workspace #userPageHero,.embedded-user-workspace #userLogin{display:none!important}.embedded-user-workspace .page-shell{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important}.embedded-user-workspace .operator-dashboard,.embedded-user-workspace .received-address-panel{min-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.embedded-user-workspace .operator-hero{margin:0!important;padding:20px 20px 8px!important}.embedded-user-workspace .transaction-history-panel{background:var(--page-bg-soft)!important}
.addressbook-received-frame{display:block;width:100%;min-height:650px;border:0;background:var(--page-bg-soft)}
.embedded-received-addresses .top-brand-bar,.embedded-received-addresses .operator-hero,.embedded-received-addresses body>footer{display:none!important}.embedded-received-addresses .received-address-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.embedded-received-addresses .received-address-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--page-bg-soft)!important}
html[data-printaddress-theme="dark"]{--page-bg:#0f172a;--page-bg-soft:#111827;--text:#f3f4f6;--muted:#b8c0d1;--muted-2:#98a2b3;--line:#2a3447;--line-soft:#1e293b;--receiver-soft:#0f2a31;color-scheme:dark;background:#111827}html[data-printaddress-theme="dark"] body,html[data-printaddress-theme="dark"] .received-address-page,html[data-printaddress-theme="dark"] .received-address-panel{background:#111827!important;color:#f3f4f6!important}
.admin-agent-address-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.admin-agent-address-form label{display:grid;gap:7px;color:var(--text);font-weight:700}.admin-agent-address-form input,.admin-agent-address-form select{width:100%;min-width:0}.admin-agent-address-form .full-field{grid-column:1/-1}.admin-agent-address-edit{display:inline-flex;align-items:center;gap:8px;margin-top:14px}.admin-agent-address-edit img{width:20px;height:20px}@media(max-width:560px){.admin-agent-address-form{grid-template-columns:1fr}.admin-agent-address-form .full-field{grid-column:auto}}
.transfer-redeemed .transfer-card-main > span {
  font-size: 0;
}

.transfer-redeemed .transfer-card-main > span::after {
  content: "Printed";
  font-size: 0.88rem;
}

.agent-role-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.agent-role-selector legend{grid-column:1/-1;margin-bottom:7px;color:var(--ink);font-weight:850}.agent-role-selector label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--page-bg-soft);cursor:pointer}.agent-role-selector label:has(input:checked){border-color:var(--receiver-accent);background:var(--receiver-soft)}.agent-role-selector input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--receiver-accent)}.agent-role-selector label span,.agent-role-selector label b,.agent-role-selector label small{display:block}.agent-role-selector label small{margin-top:3px;color:var(--muted);font-weight:500;line-height:1.35}.agent-role-selector>p{grid-column:1/-1;margin:0;color:#b42318;font-size:.82rem;font-weight:700}.agent-role-selector>p:empty{display:none}@media(max-width:520px){.agent-role-selector{grid-template-columns:1fr}}

/* Expand only labels whose address does not fit the standard 121 × 75 mm size. */
body.hide-sender-label #printArea.label-medium,
body.hide-sender-label .batch-shipping-label.label-medium{
  width:121mm!important;min-width:121mm!important;max-width:121mm!important;
  height:75mm!important;min-height:75mm!important;max-height:75mm!important;
  flex:0 0 75mm;
}
.shipping-label.label-expanded,
#printArea.label-expanded,
body.hide-sender-label .batch-shipping-label.label-expanded,
.batch-shipping-label.label-expanded,
.operator-batch-preview .operator-print-label.label-expanded,
.operator-single-preview .operator-print-label.label-expanded{
  width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;
  height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important;
  flex:0 0 78.74mm;
}
@media print{
  #printArea{zoom:1!important}
  body.hide-sender-label.batch-print-mode #batchLabelPreview .batch-shipping-label.label-medium{
    width:121mm!important;min-width:121mm!important;max-width:121mm!important;
    height:75mm!important;min-height:75mm!important;max-height:75mm!important;
    margin:0 auto 8mm!important;break-inside:avoid!important;page-break-inside:avoid!important;
  }
  body.batch-print-mode #batchLabelPreview .batch-shipping-label.label-expanded,
  body.hide-sender-label.batch-print-mode #batchLabelPreview .batch-shipping-label.label-expanded,
  body #printArea.label-expanded,
  body.operator-print-mode #operatorPrintArea .operator-print-label.label-expanded,
  body.operator-print-mode #operatorBatchPrint .operator-print-label.label-expanded{
    width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;
    height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important;
    margin:0 auto 8mm!important;break-inside:avoid!important;page-break-inside:avoid!important;
  }
  body:not(.hide-sender-label).batch-print-mode #batchLabelPreview .batch-shipping-label:nth-child(3n):not(:last-child),
  body.hide-sender-label.batch-print-mode:has(#batchLabelPreview .label-medium,#batchLabelPreview .label-expanded) #batchLabelPreview .batch-shipping-label:nth-child(3n):not(:last-child),
  body.operator-print-mode #operatorBatchPrint .operator-print-label:nth-child(3n):not(:last-child){break-after:page!important;page-break-after:always!important}
  body.operator-print-mode #operatorPrintArea.label-expanded:not(.operator-batch-preview):not(.operator-single-preview){
    width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;
    height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important;
  }
}
@media(max-width:720px){
  .mobile-preview-open>.label-stage:has(#printArea.label-medium,#printArea.label-expanded){overflow-x:auto!important;overflow-y:auto!important;height:auto!important}
  .mobile-preview-open #printArea.label-medium,
  .mobile-preview-open #printArea.label-expanded{
    box-sizing:border-box;aspect-ratio:auto!important;overflow:hidden!important;zoom:1!important;
  }
  body.hide-sender-label .mobile-preview-open #printArea.label-medium{width:121mm!important;min-width:121mm!important;max-width:121mm!important;height:75mm!important;min-height:75mm!important;max-height:75mm!important}
  .mobile-preview-open #printArea.label-expanded{width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important}
  .mobile-preview-open #printArea.label-medium .label-main,
  .mobile-preview-open #printArea.label-expanded .label-main{height:100%!important;min-height:0!important}
  .mobile-preview-open #printArea.label-medium .label-column,
  .mobile-preview-open #printArea.label-expanded .label-column{height:100%!important;overflow-y:auto!important}
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-medium,
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-expanded{
    box-sizing:border-box;aspect-ratio:auto!important;overflow:hidden!important;
  }
  body.hide-sender-label .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-medium{width:121mm!important;min-width:121mm!important;max-width:121mm!important;height:75mm!important;min-height:75mm!important;max-height:75mm!important}
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-expanded{width:144.78mm!important;min-width:144.78mm!important;max-width:144.78mm!important;height:78.74mm!important;min-height:78.74mm!important;max-height:78.74mm!important}
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-medium .label-main,
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-expanded .label-main{height:100%!important;min-height:0!important}
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-medium .label-column,
  .mobile-preview-open #batchLabelPreview .batch-shipping-label.label-expanded .label-column{height:100%!important;overflow-y:auto!important}
}
.saved-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.saved-dialog-heading h2{margin:0;min-width:0}
.saved-dialog-add-new{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;white-space:nowrap}
.saved-dialog-add-new img{width:20px;height:20px}
@media(max-width:430px){.saved-dialog-heading{align-items:stretch;flex-direction:column}.saved-dialog-add-new{align-self:flex-start}}
.footer-legal-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .55rem 1.1rem;
  width: 100%;
  padding: .65rem 1rem 1rem;
  font-size: .8rem;
}

.footer-legal-links a {
  color: var(--primary, #087d78);
  text-decoration: none;
}

.footer-legal-links a:hover,
.footer-legal-links a:focus-visible {
  text-decoration: underline;
}
.partner-address-book-close{position:fixed;z-index:1200;top:12px;right:72px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #9bcfc9;border-radius:50%;background:#087f8c;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(8,74,82,.22)}.partner-address-book-close:hover{background:#056670}.partner-address-book-close:focus-visible{outline:3px solid #ffd84d;outline-offset:2px}.partner-address-book-logout{position:fixed;z-index:1200;top:12px;right:122px;min-height:38px;padding:8px 13px;border:1px solid #9bcfc9;border-radius:11px;background:var(--page-bg-soft);color:var(--receiver-accent);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(8,74,82,.14)}.partner-address-book-logout:hover,.partner-address-book-logout:focus-visible{border-color:#087f8c;background:var(--receiver-soft)}.partner-address-book-logout[hidden]{display:none!important}.dashboard-address-form-dialog{max-height:calc(100dvh - 20px);overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.dashboard-address-form-dialog>.csv-actions{position:sticky;z-index:5;bottom:0}.dashboard-address-form-dialog>.csv-actions .save-new-address{box-shadow:0 8px 24px rgba(4,35,43,.18)}@media(max-width:620px){.partner-address-book-close{top:10px;right:58px;width:34px;height:34px}.partner-address-book-logout{top:10px;right:102px;min-height:34px;padding:6px 10px}}
.partner-header-actions{display:flex;align-items:center;gap:7px;margin-left:4px}.partner-header-actions .partner-address-book-close,.partner-header-actions .partner-address-book-logout{position:static;inset:auto;box-shadow:none}.partner-header-actions .partner-address-book-close{flex:0 0 36px;width:36px;height:36px;border-color:#a9d4d0;font-size:1.4rem}.partner-header-actions .partner-address-book-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border-radius:10px}.partner-header-actions .partner-address-book-logout img{width:18px;height:18px}.partner-account-dialog{width:min(470px,calc(100% - 24px));text-align:center}.partner-account-logo{display:block;width:58px;height:58px;margin:0 auto 12px;object-fit:contain}.partner-account-dialog h2{margin:.55rem 0}.partner-account-dialog>p{margin:.4rem 0 1rem;color:var(--muted);line-height:1.5}.partner-account-identity{display:grid;gap:3px;margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--receiver-soft);overflow-wrap:anywhere}.partner-account-identity span{color:var(--muted);font-size:.86rem}@media(max-width:720px){body[data-partner-address-book="true"] .forms-grid>.address-entry-column{order:1}body[data-partner-address-book="true"] .forms-grid>.preview-section{order:2;position:relative!important;top:auto!important}body[data-partner-address-book="true"] .partner-header-actions .partner-address-book-logout span{display:none}body[data-partner-address-book="true"] .partner-header-actions .partner-address-book-logout{width:36px;padding:0}body[data-partner-address-book="true"] .header-user-greeting{display:none!important}}
.partner-import-consent-dialog,.partner-address-selection-dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}.partner-import-consent-dialog h2,.partner-address-selection-dialog h2{margin:.6rem 0}.partner-consent-summary,.partner-address-selection-dialog>p{color:var(--muted);line-height:1.55}.partner-consent-data{padding-left:22px;line-height:1.5}.partner-consent-purpose{padding:12px;border-left:4px solid #087f8c;border-radius:9px;background:var(--receiver-soft);line-height:1.5}.partner-import-status{min-height:1.3em;color:var(--receiver-accent);font-weight:750}.partner-consent-version{display:block;margin-top:12px;color:var(--muted)}.partner-address-options{display:grid;gap:9px;max-height:48dvh;overflow:auto;margin:16px 0;padding:3px}.partner-address-option{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);cursor:pointer}.partner-address-option:has(input:checked){border-color:var(--receiver-accent);background:var(--receiver-soft);box-shadow:0 0 0 1px var(--receiver-accent)}.partner-address-option input{width:18px!important;height:18px!important;margin:2px 0 0!important;accent-color:var(--receiver-accent)}.partner-address-option span{display:grid;gap:4px;min-width:0}.partner-address-option small{color:var(--muted);line-height:1.4;overflow-wrap:anywhere}@media(max-width:520px){.partner-import-consent-dialog .premium-dialog-actions,.partner-address-selection-dialog .premium-dialog-actions{display:grid;grid-template-columns:1fr}.partner-import-consent-dialog .premium-dialog-actions button,.partner-address-selection-dialog .premium-dialog-actions button{width:100%}}

/* Short addresses fit two labels across the 190 mm printable A4 width. */
body .shipping-label.label-narrow,
body #printArea.label-narrow,
body.batch-print-mode #batchLabelPreview .batch-shipping-label.label-narrow {
  width:92mm!important;min-width:92mm!important;max-width:92mm!important;
  height:75mm!important;min-height:75mm!important;max-height:75mm!important;
  flex:none!important;box-sizing:border-box;aspect-ratio:auto!important;
}
@media print {
  body.batch-print-mode #batchLabelPreview {
    display:grid!important;
    grid-template-columns:repeat(2,92mm)!important;
    gap:6mm!important;
    width:190mm!important;
    align-items:start;
  }
  body.batch-print-mode:is(.hide-sender-label, :not(.hide-sender-label)) #batchLabelPreview .batch-shipping-label:nth-child(n):is(:last-child, :not(:last-child)) {
    margin:0!important;
    break-after:auto!important;page-break-after:auto!important;
    break-inside:avoid!important;page-break-inside:avoid!important;
    justify-self:center;
  }
  body.batch-print-mode #batchLabelPreview .batch-shipping-label {grid-column:span 2}
  body.batch-print-mode #batchLabelPreview .batch-shipping-label.label-narrow,
  body.hide-sender-label.batch-print-mode #batchLabelPreview .batch-shipping-label:not(.label-medium):not(.label-expanded) {
    grid-column:span 1;
  }
}

.label-size-controls{display:grid;gap:8px;margin:12px 0;max-width:100%;font-size:.9rem}
.label-size-controls>label{font-weight:700}
.label-size-controls select{width:100%;min-height:40px}
#customLabelSize{display:flex;flex-wrap:wrap;gap:12px}
#customLabelSize[hidden]{display:none}
#customLabelSize label{display:grid;gap:5px;flex:1;min-width:110px}
#customLabelSize input{width:100%;box-sizing:border-box}
#labelSizeStatus{margin:0;font-size:.82rem;line-height:1.5}
.label-size-error{color:#b42318}
body .shipping-label.label-fixed{box-sizing:border-box;flex:none!important;aspect-ratio:auto!important;zoom:1!important}
@media print{
  .label-size-controls{display:none!important}
  body.batch-print-mode #batchLabelPreview.selected-label-grid .batch-shipping-label.label-fixed{grid-column:span 1!important}
  body #printArea.label-fixed{top:0!important;left:0!important;margin:0!important;transform:none!important}
}

.label-size-controls select,#customLabelSize input{border-radius:12px;background:#fff;color:var(--text);color-scheme:light}
body:has(#themeToggle:checked) .label-size-controls select,body:has(#themeToggle:checked) #customLabelSize input{background:#000;color:var(--text);color-scheme:dark}
.label-size-controls option{background:inherit;color:inherit}

#savedSenderDialog .saved-address-choice{display:flex;align-items:flex-start;gap:12px;padding:12px;margin:6px 0;border:1px solid var(--line);border-radius:12px;background:var(--page-bg-soft);color:var(--text);cursor:pointer}
#savedSenderDialog .saved-address-choice input{flex:none;width:19px;height:19px;margin:3px 0 0;accent-color:var(--receiver-accent)}
#savedSenderDialog .saved-address-choice>span{display:grid;gap:4px;min-width:0}
#savedSenderDialog .saved-address-choice small{color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
#savedSenderDialog .saved-address-choice.checked{border-color:var(--receiver-accent);background:var(--receiver-soft)}
#savedSenderDialog .saved-selection-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 4px;background:var(--page-bg-soft);border-top:1px solid var(--line);z-index:2}
#savedSenderDialog .saved-selection-continue[hidden]{display:none!important}

.saved-picker-import{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.saved-picker-upload{display:inline-flex;align-items:center;gap:7px;border-radius:12px}
.saved-picker-upload img{width:21px;height:21px}
.saved-picker-import-status{flex-basis:100%;margin:0;font-size:.85rem;color:var(--muted)}
.saved-picker-import-status:empty{display:none}
.saved-picker-csv-addresses h3{margin:14px 0 8px}

.print-size-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.print-size-field{display:grid;gap:6px;min-width:0}
.print-size-field>label{font-weight:700}
.print-size-field select{min-width:0;max-width:100%;padding:8px;font:inherit}
body .shipping-label.label-thermal-stacked .label-main{grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
body .shipping-label.label-thermal-stacked .receiver-label{border-right:0!important;border-bottom:.2mm dashed #c5c8cd}
@media print {
  body.batch-print-mode #batchLabelPreview.page-sized-grid .batch-shipping-label{grid-column:span 1!important}
}
@media(max-width:360px){.print-size-selectors{grid-template-columns:1fr}}

@media print {
  body.batch-print-mode #batchLabelPreview.page-sized-grid.thermal-page-grid .batch-shipping-label:nth-child(n):not(:last-child){break-after:page!important;page-break-after:always!important}
}

/* A receiver-only label needs no TO heading. Also applies to printed batches. */
body.hide-sender-label .shipping-label .receiver-label .label-chip,
.shipping-label.operator-label-without-sender .receiver-label .label-chip {display:none!important}

#labelSizeStatus.label-size-error {
  color:#e81919;
  background:#fff0f0;
  border-left:3px solid currentColor;
  border-radius:8px;
  padding:9px 11px;
  font-weight:700;
}
body:has(#themeToggle:checked) #labelSizeStatus.label-size-error {
  color:#ff6565;
  background:#351b20;
}