:root {
  --bg: #071325;
  --panel: #0d1c33;
  --panel-2: #112340;
  --panel-3: #09172d;
  --border: rgba(255, 255, 255, 0.08);
  --text: #f3f7ff;
  --muted: #9fb0c9;
  --accent: #63d297;
  --accent-2: #e9c55a;
  --danger: #d86a6a;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: radial-gradient(circle at top, #0f2548 0%, var(--bg) 48%, #040b17 100%);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  min-height: 100vh;
}

button,
input {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

input {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 12px 14px;
}

#app {
  min-height: 100vh;
}

.app-shell {
  max-width: 1320px;
  margin: 0 auto;
  padding: 20px 18px 80px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.topbar h1,
.login-card h1 {
  margin: 0 0 8px;
  font-size: clamp(1.7rem, 2vw, 2.3rem);
}

.meta-line {
  color: var(--muted);
  font-size: 0.95rem;
}

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

.primary,
.secondary,
.ghost,
.language-bubble,
.review-btn,
.icon-btn,
.step-btn,
.tab-btn,
.family-card,
.save-inline {
  transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.primary:active,
.secondary:active,
.ghost:active,
.language-bubble:active,
.review-btn:active,
.icon-btn:active,
.step-btn:active,
.tab-btn:active,
.family-card:active,
.save-inline:active {
  transform: scale(0.98);
}

.primary,
.secondary,
.ghost,
.review-btn {
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 700;
}

.primary {
  background: var(--accent);
  color: #081321;
}

.primary[disabled] {
  opacity: 0.6;
  cursor: default;
}

.secondary {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  border: 1px solid var(--border);
}

.ghost {
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  border: 1px solid var(--border);
}

.review-btn {
  background: var(--accent-2);
  color: #211700;
}

.language-bubble {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 120;
  padding: 13px 18px;
  min-width: 108px;
  border-radius: 999px;
  background: var(--accent-2);
  color: #201500;
  font-weight: 800;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
}

.sync-strip {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border);
}

.sync-strip-text {
  margin-bottom: 10px;
  font-weight: 700;
}

.sync-bar {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}

.sync-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), #7be9ad);
}


.offline-queue-strip {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.38);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

.offline-queue-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.offline-queue-copy strong {
  color: var(--text);
  font-size: 0.98rem;
}

.offline-queue-copy small {
  color: var(--muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.offline-queue-btn {
  white-space: nowrap;
}

@media (max-width: 720px) {
  .offline-queue-strip {
    align-items: stretch;
    flex-direction: column;
  }

  .offline-queue-btn {
    width: 100%;
  }
}

.tabs-row,
.toolbar-row {
  margin-bottom: 16px;
}

.tabs-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tab-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  border: 1px solid transparent;
  font-weight: 700;
}

.tab-btn strong {
  min-width: 36px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  text-align: center;
}

.tab-btn.is-active {
  background: rgba(99, 210, 151, 0.12);
  border-color: rgba(99, 210, 151, 0.45);
}

.search-input {
  border-radius: 16px;
  padding: 14px 16px;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.family-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(16, 34, 61, 0.98), rgba(8, 19, 38, 0.98));
  border: 1px solid var(--border);
  color: var(--text);
  text-align: left;
  box-shadow: var(--shadow);
}

.family-card-media {
  aspect-ratio: 1 / 1;
  background: rgba(255, 255, 255, 0.02);
}

.family-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
}

.family-card-body {
  padding: 14px 14px 16px;
}

.family-card-title {
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.family-card-meta {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.92rem;
}

.family-card-note {
  display: inline-flex;
  margin-top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(233, 197, 90, 0.15);
  color: #f5d981;
  font-size: 0.84rem;
  font-weight: 700;
}

.empty-block {
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed var(--border);
}

.sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(3, 8, 18, 0.78);
  backdrop-filter: blur(6px);
  padding: 18px;
  overflow-y: auto;
}

.sheet {
  width: min(980px, 100%);
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(12, 29, 54, 0.99), rgba(7, 17, 33, 0.99));
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.logs-sheet,
.settings-sheet {
  width: min(760px, 100%);
}

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

.sheet-header h2 {
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 2rem);
  line-height: 1.25;
}

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

.sheet-subtitle,
.sheet-hint {
  color: var(--muted);
}

.sheet-subtitle {
  margin-top: 6px;
}

.sheet-hint {
  margin-top: 8px;
  font-size: 0.92rem;
}

.variant-list {
  display: grid;
  gap: 10px;
}

.variant-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(1, 11, 26, 0.55);
  border: 1px solid var(--border);
}

.variant-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.variant-thumb {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  flex: 0 0 auto;
}

.variant-copy {
  min-width: 0;
}

.variant-title {
  font-weight: 800;
  line-height: 1.3;
  word-break: break-word;
}

.variant-sku {
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.92rem;
}

.variant-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.stepper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
}

.stepper input {
  width: 64px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 800;
  border-radius: 0;
}

.stepper input::-webkit-outer-spin-button,
.stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.stepper input[type=number] {
  -moz-appearance: textfield;
}

.step-btn,
.icon-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  border: 1px solid var(--border);
  font-size: 1.2rem;
  font-weight: 800;
}

.icon-btn.is-active {
  background: rgba(99, 210, 151, 0.16);
  border-color: rgba(99, 210, 151, 0.55);
}

.save-inline {
  min-width: 94px;
}


.read-only-pair {
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex-wrap: wrap;
}

.inline-read-only-pair {
  margin-top: 10px;
}

.settings-read-only-pair {
  margin-bottom: 10px;
}

.read-only-chip {
  min-width: 96px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
}

.read-only-chip.compact {
  min-width: 82px;
  padding: 6px 9px;
}

.read-only-chip span {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 0.74rem;
}

.read-only-chip strong {
  display: block;
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 800;
}


.variant-meta-lines {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.2;
}

.variant-meta-lines strong {
  color: var(--text);
  font-weight: 800;
}

.settings-meta-lines {
  margin-bottom: 10px;
}


.reorder-settings-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
}

.reorder-settings-grid label {
  margin-bottom: 0;
}

.variant-settings-wrap {
  position: relative;
}

.variant-settings-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 280px;
  z-index: 3;
  padding: 14px;
  border-radius: 18px;
  background: #112340;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.variant-settings-panel label {
  display: block;
  margin-bottom: 12px;
}

.variant-settings-panel label:last-child {
  margin-bottom: 0;
}

.variant-settings-panel span {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 0.92rem;
}

.check-row {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.check-row input {
  width: 18px;
  height: 18px;
  margin: 0;
}

.check-row span {
  margin: 0;
  color: var(--text);
}

.log-list {
  display: grid;
  gap: 14px;
}

.log-row,
.guide-card,
.settings-grid {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
}

.log-time {
  color: var(--muted);
  margin-bottom: 6px;
}

.log-message {
  font-weight: 700;
  margin-bottom: 8px;
}

.log-details {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  background: #07152a;
  padding: 12px;
  border-radius: 14px;
  overflow: auto;
}

.settings-grid {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.settings-grid label span {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
}

.guide-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.guide-card p {
  margin: 0 0 8px;
  color: var(--muted);
  line-height: 1.5;
}

.guide-card p:last-child {
  margin-bottom: 0;
}

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 18px;
}

.login-card {
  width: min(420px, 100%);
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(12, 29, 54, 0.99), rgba(7, 17, 33, 0.99));
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.login-copy {
  color: var(--muted);
  margin-bottom: 12px;
}

.login-btn {
  width: 100%;
  margin-top: 12px;
}

.inline-error {
  margin-top: 10px;
  color: #ffb0b0;
}

.toast {
  position: fixed;
  left: 50%;
  bottom: 84px;
  transform: translateX(-50%);
  z-index: 250000;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(11, 20, 34, 0.96);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  font-weight: 700;
}

/* Shipping notification center */
.notification-center-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.notification-center-button.has-notifications {
  border-color: rgba(233, 197, 90, 0.5);
  background: rgba(233, 197, 90, 0.12);
}

.notification-count {
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-2);
  color: #201500;
  font-size: 0.8rem;
  font-weight: 900;
}

.notification-count.is-empty {
  background: rgba(255, 255, 255, 0.08);
  color: var(--muted);
}

.notifications-sheet {
  width: min(1060px, 100%);
}

.notification-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

.notification-toolbar > span {
  color: var(--muted);
  font-weight: 700;
}

.notification-include-cleared {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-weight: 700;
  cursor: pointer;
}

.notification-include-cleared input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--accent-2);
}

.notification-scan-note,
.notification-last-scan {
  color: var(--muted);
  font-size: 0.92rem;
}

.notification-scan-note {
  margin: 0 0 14px;
}

.notification-list {
  display: grid;
  gap: 12px;
}

.notification-card {
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  padding: 14px;
}

.notification-card-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.notification-card h3 {
  margin: 3px 0 0;
}

.notification-type {
  color: var(--accent-2);
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.notification-message {
  margin: 12px 0;
  color: var(--text);
  line-height: 1.45;
}

.notification-alert-list,
.notification-package-list {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}

.notification-alert-row,
.notification-package-row {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.055);
}

.notification-alert-row strong,
.notification-package-row strong {
  color: var(--text);
}

.notification-alert-row span,
.notification-package-row span {
  color: var(--text);
  line-height: 1.35;
}

.notification-alert-row em,
.notification-package-row em {
  color: var(--muted);
  font-style: normal;
  font-size: 0.84rem;
}

.notification-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.notification-meta-grid > div {
  padding: 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.16);
}

.notification-meta-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  margin-bottom: 3px;
}

.notification-meta-grid strong {
  color: var(--text);
  font-size: 0.92rem;
}

.notification-items-details {
  margin-top: 12px;
  color: var(--text);
}

.notification-items-details summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 800;
}

.notification-item-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.notification-order-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.notification-item-qty {
  color: var(--accent-2);
  font-weight: 900;
}

.notification-items-empty {
  color: var(--muted);
  margin-top: 10px;
}

.notification-last-scan {
  margin-top: 14px;
}

@media (max-width: 900px) {
  .notification-card-header {
    flex-direction: column;
  }

  .notification-clear-button {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .topbar,
  .sheet-header,
  .variant-card {
    flex-direction: column;
    align-items: stretch;
  }

  .topbar-actions,
  .sheet-actions,
  .variant-controls {
    justify-content: flex-start;
  }

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

  .variant-settings-panel {
    position: static;
    width: 100%;
    margin-top: 8px;
  }

  .reorder-settings-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .app-shell {
    padding: 16px 14px 84px;
  }

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

  .tabs-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .tab-btn {
    padding: 12px;
  }

  .sheet-backdrop {
    padding: 10px;
  }

  .sheet {
    padding: 14px;
    border-radius: 20px;
  }

  .variant-main {
    align-items: flex-start;
  }

  .variant-controls {
    width: 100%;
  }

  .stepper {
    width: 100%;
    justify-content: space-between;
  }

  .save-inline {
    flex: 1 1 auto;
  }

  .language-bubble {
    right: 14px;
    bottom: 14px;
  }
}


textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 12px 14px;
  resize: vertical;
  font: inherit;
}

.family-card-title,
.variant-title,
.sheet-header h2,
.topbar h1 {
  color: var(--text);
}

.variant-card {
  flex-direction: column;
  align-items: stretch;
}

.variant-controls {
  justify-content: flex-end;
}

.variant-settings-panel {
  position: static;
  width: 100%;
  margin-top: 12px;
}

.compact-hint {
  margin-bottom: 12px;
}

.review-inside {
  width: 100%;
  margin-top: 12px;
}

.archive-select {
  width: 100%;
  min-height: 120px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 10px 12px;
}

@media (max-width: 900px) {
  .variant-card {
    flex-direction: column;
  }
}


.sheet-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.sticky-family-save {
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, rgba(5,12,24,0.65) 0%, rgba(5,12,24,0.96) 22%, rgba(5,12,24,0.98) 100%);
  padding-bottom: 6px;
  z-index: 5;
}

.family-save-btn {
  min-width: 220px;
}

.restore-card {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
}

.restore-line {
  margin-bottom: 12px;
}

.restore-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.restore-panel {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
}

.restore-actions-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 12px 0;
}

.secondary.is-active {
  border-color: rgba(255,255,255,0.28);
}


.variant-controls .stepper {
  min-width: 180px;
  min-height: 54px;
  padding: 4px 8px;
}

.variant-controls .stepper button {
  width: 44px;
  height: 44px;
  font-size: 1.35rem;
}

.variant-controls .stepper-value {
  min-width: 52px;
  font-size: 1.9rem;
  font-weight: 800;
}

@media (max-width: 720px) {
  .variant-controls .stepper {
    min-width: 160px;
    min-height: 50px;
  }

  .variant-controls .stepper button {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }

  .variant-controls .stepper-value {
    font-size: 1.6rem;
  }
}


.inline-read-only-pair,
.settings-read-only-pair,
.read-only-chip {
  display: none !important;
}

.variant-copy {
  gap: 2px;
}

.variant-name {
  font-size: 0.95rem;
}

.variant-sku {
  font-size: 0.92rem;
}

.variant-card {
  min-height: 0;
}

@media (max-width: 720px) {
  .variant-card {
    padding: 12px 14px;
  }

  .variant-meta-lines {
    font-size: 0.8rem;
  }
}

/* Compact variant dashboard: thinner rows + inline read-only reorder values */
.variant-list {
  gap: 8px !important;
}

.variant-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  min-height: 82px !important;
  border-radius: 16px !important;
}

.variant-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.variant-thumb {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
}

.variant-copy {
  min-width: 0 !important;
}

.variant-title {
  font-size: 0.98rem !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

.variant-sku {
  margin-top: 3px !important;
  font-size: 0.86rem !important;
  line-height: 1.1 !important;
}

.variant-meta-lines {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 5px !important;
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
}

.variant-meta-lines div {
  white-space: nowrap !important;
}

.variant-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
}

.variant-controls .stepper,
.stepper {
  min-width: 168px !important;
  min-height: 48px !important;
  padding: 4px 7px !important;
  gap: 8px !important;
}

.variant-controls .stepper input,
.stepper input {
  width: 50px !important;
  font-size: 1.65rem !important;
  font-weight: 900 !important;
}

.variant-controls .stepper button,
.step-btn,
.icon-btn {
  width: 40px !important;
  height: 40px !important;
}

.save-inline {
  min-width: 82px !important;
  padding: 10px 14px !important;
}

@media (max-width: 720px) {
  .variant-card {
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 10px !important;
  }

  .variant-main {
    flex: 1 1 100% !important;
  }

  .variant-controls {
    width: 100% !important;
  }

  .variant-controls .stepper,
  .stepper {
    min-width: 150px !important;
    min-height: 46px !important;
  }

  .variant-controls .stepper input,
  .stepper input {
    font-size: 1.45rem !important;
  }
}

.load-more-card {
  min-height: 120px;
  border-radius: 22px;
  border: 1px dashed var(--border);
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  font-weight: 800;
  padding: 18px;
}

.load-more-card:active {
  transform: scale(0.98);
}


.simple-mode .tabs-row {
  grid-template-columns: minmax(0, 260px);
}

.simple-mode .simple-tab-btn {
  width: 100%;
}

/* Ordered workflow + local-first sync update */
.tabs-row {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

.bulk-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(99, 210, 151, 0.10);
  border: 1px solid rgba(99, 210, 151, 0.35);
  box-shadow: var(--shadow);
}

.bulk-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.bulk-actions button {
  padding: 9px 12px;
  border-radius: 12px;
}

.select-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border);
}

.select-box input {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  accent-color: var(--accent);
}

.variant-card.is-selected {
  border-color: rgba(99, 210, 151, 0.6) !important;
  box-shadow: 0 0 0 2px rgba(99, 210, 151, 0.12) inset !important;
}

.variant-card.urgency-low {
  border-color: rgba(233, 197, 90, 0.50) !important;
  background: linear-gradient(90deg, rgba(233, 197, 90, 0.10), rgba(1, 11, 26, 0.55)) !important;
}

.variant-card.urgency-out {
  border-color: rgba(216, 106, 106, 0.62) !important;
  background: linear-gradient(90deg, rgba(216, 106, 106, 0.12), rgba(1, 11, 26, 0.55)) !important;
}

.variant-card.is-ordered {
  box-shadow: 0 0 0 1px rgba(99, 210, 151, 0.12) inset !important;
}

.status-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 7px;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 800;
  border: 1px solid transparent;
}

.badge-warning,
.warning-note {
  background: rgba(233, 197, 90, 0.16) !important;
  color: #f5d981 !important;
  border-color: rgba(233, 197, 90, 0.25) !important;
}

.badge-danger,
.danger-note {
  background: rgba(216, 106, 106, 0.16) !important;
  color: #ffb8b8 !important;
  border-color: rgba(216, 106, 106, 0.28) !important;
}

.badge-ordered,
.ordered-note {
  background: rgba(99, 210, 151, 0.14) !important;
  color: #9cf0c1 !important;
  border-color: rgba(99, 210, 151, 0.25) !important;
}

.badge-sync {
  background: rgba(159, 176, 201, 0.15);
  color: #d6e4f7;
  border-color: rgba(159, 176, 201, 0.24);
}

.badge-review {
  background: rgba(233, 197, 90, 0.13);
  color: #f5d981;
  border-color: rgba(233, 197, 90, 0.24);
}

@media (max-width: 720px) {
  .bulk-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .bulk-actions {
    justify-content: stretch;
  }

  .bulk-actions button {
    flex: 1 1 140px;
  }

  .select-box {
    width: 34px;
    height: 34px;
  }
}

.toolbar-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.toolbar-row .search-input {
  flex: 1 1 auto;
}

.toolbar-select-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .toolbar-row {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Product-level bulk selection update */
.family-card {
  position: relative;
  cursor: pointer;
}

.family-card:focus-visible {
  outline: 2px solid rgba(99, 210, 151, 0.65);
  outline-offset: 3px;
}

.family-card.is-selected {
  border-color: rgba(99, 210, 151, 0.75) !important;
  box-shadow: 0 0 0 2px rgba(99, 210, 151, 0.18) inset, var(--shadow) !important;
}

.family-select-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  background: rgba(8, 19, 38, 0.78);
  color: #07152a;
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}

.family-select-toggle.is-selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #07152a;
}

.family-select-toggle:active {
  transform: scale(0.94);
}

.compact-bulk-actions {
  align-items: center;
}

.danger-action {
  background: rgba(216, 106, 106, 0.18);
  border-color: rgba(216, 106, 106, 0.42);
  color: #ffcdcd;
}

@media (max-width: 720px) {
  .family-select-toggle {
    width: 32px;
    height: 32px;
    min-width: 32px;
    top: 8px;
    right: 8px;
  }
}

/* Days to Ship tab */
.days-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: -4px 0 16px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.035);
}

.days-range-wrap,
.days-filter-actions {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

.days-filter-actions {
  align-items: center;
}

.days-filter-count {
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 700;
}

.days-filter-btn {
  padding: 10px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border);
  color: var(--muted);
  font-weight: 800;
  font-size: 0.88rem;
}

.days-filter-btn.is-active {
  background: rgba(99, 210, 151, 0.14);
  border-color: rgba(99, 210, 151, 0.42);
  color: var(--text);
}

.days-range-field {
  display: grid;
  gap: 5px;
  min-width: 76px;
}

.days-range-field span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.days-range-field input {
  width: 76px;
  padding: 9px 10px;
  border-radius: 10px;
  text-align: center;
}

.days-range-dash {
  padding-bottom: 10px;
  color: var(--muted);
  font-weight: 900;
}

.days-note {
  background: rgba(159, 176, 201, 0.14) !important;
  color: #dbe8f8 !important;
  border-color: rgba(159, 176, 201, 0.24) !important;
}

@media (max-width: 720px) {
  .days-filter-panel {
    align-items: stretch;
  }

  .days-range-wrap,
  .days-filter-actions {
    width: 100%;
  }

  .days-filter-actions {
    justify-content: space-between;
  }

  .days-filter-btn {
    flex: 0 0 auto;
  }
}

/* Admin Profit Analyzer */
.special-tab-btn strong {
  min-width: 30px;
}

.profit-view {
  display: grid;
  gap: 14px;
}

.profit-panel {
  background: linear-gradient(180deg, rgba(17, 35, 64, 0.96), rgba(9, 23, 45, 0.96));
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.profit-panel h2,
.profit-panel h3 {
  margin: 0 0 10px;
}

.profit-panel p {
  color: var(--muted);
  margin: 0;
}

.profit-range-panel {
  display: grid;
  gap: 14px;
}

.profit-range-buttons,
.profit-actions,
.profit-custom-dates {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: end;
}

.profit-range-btn {
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 800;
}

.profit-range-btn.is-active {
  background: rgba(99, 210, 151, 0.15);
  border-color: rgba(99, 210, 151, 0.46);
  color: var(--accent);
}

.profit-custom-dates label,
.profit-settings-grid label,
.profit-channel-row label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.profit-custom-dates input,
.profit-settings-grid input,
.profit-channel-row input {
  min-width: 0;
}

.profit-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.profit-metric {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 5px;
  min-width: 0;
}

.profit-metric span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.profit-metric strong {
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1;
}

.profit-metric small {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.profit-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.profit-note {
  margin-top: 12px !important;
  font-size: 0.9rem;
}

.profit-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.profit-check {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: row;
  align-items: center;
  gap: 9px !important;
  min-height: 48px;
}

.profit-check input {
  width: auto;
  min-width: 18px;
}

.profit-channel-settings {
  display: grid;
  gap: 10px;
}

.profit-channel-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.profit-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 16px;
}

.profit-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  font-size: 0.86rem;
}

.profit-table.compact {
  min-width: 700px;
}

.profit-table th,
.profit-table td {
  padding: 11px 10px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  text-align: right;
}

.profit-table th:first-child,
.profit-table td:first-child,
.profit-table th:nth-child(2),
.profit-table td:nth-child(2),
.profit-table th:nth-child(3),
.profit-table td:nth-child(3) {
  text-align: left;
}

.profit-table thead th {
  position: sticky;
  top: 0;
  background: #10213d;
  color: #dbe8f8;
  z-index: 1;
  font-size: 0.78rem;
}

.profit-table tbody tr:last-child td {
  border-bottom: 0;
}

.profit-row-bad td {
  background: rgba(216, 106, 106, 0.08);
}

.profit-badge {
  display: inline-block;
  margin: 2px 0 2px 5px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(233, 197, 90, 0.14);
  color: var(--accent-2);
  font-size: 0.72rem;
  font-weight: 850;
}

.profit-badge.bad {
  background: rgba(216, 106, 106, 0.14);
  color: #ffb4b4;
}

.profit-error {
  margin-top: 0;
}

@media (max-width: 980px) {
  .profit-summary-grid,
  .profit-breakdown-grid,
  .profit-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profit-channel-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .profit-summary-grid,
  .profit-breakdown-grid,
  .profit-settings-grid,
  .profit-channel-row {
    grid-template-columns: 1fr;
  }
}

/* Profit Analyzer v2 details */
.profit-channel-filter {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.profit-channel-filter-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
}

.profit-channel-filter-head strong {
  color: var(--text);
}

.profit-channel-filter-head span {
  font-size: 0.86rem;
  font-weight: 700;
}

button.tiny,
.secondary.tiny {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
}

.profit-channel-filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 7px;
}

.profit-channel-filter-card {
  display: grid;
  gap: 5px;
  padding: 7px;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.profit-channel-filter-card.is-selected {
  border-color: rgba(99, 210, 151, 0.44);
  background: rgba(99, 210, 151, 0.08);
}

.profit-channel-toggle,
.profit-ad-toggle {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 6px 8px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.84rem;
  font-weight: 850;
  text-align: center;
}

.profit-ad-toggle.is-on {
  border-color: rgba(233, 197, 90, 0.48);
  background: rgba(233, 197, 90, 0.13);
  color: var(--accent-2);
}

.profit-detail-list {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.profit-detail {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  overflow: hidden;
}

.profit-detail summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 900;
  color: var(--text);
}

.profit-detail[open] summary {
  border-bottom: 1px solid var(--border);
}

.profit-table-wrap.mini {
  border: 0;
  border-radius: 0;
}

.profit-table-wrap.mini .profit-table {
  min-width: 780px;
}

.profit-table-wrap.mini .profit-table th {
  position: static;
}

.empty-block.small {
  margin: 10px;
  padding: 12px;
}

.profit-product-title {
  max-width: 360px;
  white-space: normal !important;
  line-height: 1.3;
}

.profit-textarea-label,
.profit-wide {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.profit-textarea-label textarea {
  width: 100%;
  min-height: 86px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--text);
  padding: 11px 12px;
  resize: vertical;
}

.profit-wide {
  grid-column: 1 / -1;
}

.profit-channel-row {
  grid-template-columns: minmax(150px, 1.1fr) repeat(6, minmax(88px, 0.7fr));
}

.profit-table th:nth-child(4),
.profit-table td:nth-child(4) {
  text-align: left;
}

@media (max-width: 980px) {
  .profit-channel-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profit-channel-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .profit-channel-filter-grid,
  .profit-channel-row {
    grid-template-columns: 1fr;
  }
}

/* Admin navigation groups + Profit Analyzer CSV upload */
.tabs-row {
  grid-template-columns: 1fr;
  align-items: start;
}

.tab-group {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.tab-group-title {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 8px 4px;
}

.tab-group-buttons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.profit-upload-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.4fr) 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px dashed var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
}

.profit-file-label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 850;
}

.profit-upload-status {
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 750;
}

@media (max-width: 980px) {
  .tab-group-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profit-upload-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .tab-group-buttons {
    grid-template-columns: 1fr;
  }
}

/* V4 admin navigation: section tabs + sub tabs */
.tabs-row {
  display: block;
  margin-bottom: 18px;
}

.nav-tabs-shell {
  display: grid;
  gap: 12px;
}

.nav-section-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.nav-section-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--text);
  font-weight: 900;
  letter-spacing: 0.01em;
}

.nav-section-tab strong {
  min-width: 34px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--muted);
  text-align: center;
  font-size: 0.78rem;
}

.nav-section-tab.is-active {
  background: rgba(99, 210, 151, 0.14);
  border-color: rgba(99, 210, 151, 0.48);
}

.nav-section-tab.is-active strong {
  background: rgba(99, 210, 151, 0.18);
  color: var(--text);
}

.sub-tab-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sub-tab-row .tab-btn {
  min-width: 160px;
  max-width: 230px;
  flex: 0 1 auto;
  white-space: normal;
}

.sub-tab-row .special-tab-btn {
  border-color: rgba(99, 210, 151, 0.38);
}

.profit-channel-toggle {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 6px;
  min-height: 50px;
  text-align: left;
  border-radius: 12px;
}

.profit-channel-main {
  display: block;
  min-width: 0;
  font-weight: 900;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.profit-channel-toggle small,
.profit-table small {
  display: block;
  min-width: 0;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 750;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profit-channel-toggle small {
  word-break: normal;
}

.profit-table small {
  white-space: normal;
  overflow-wrap: anywhere;
}

.profit-debug-panel {
  border-color: rgba(233, 197, 90, 0.34);
}

.profit-debug-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.profit-debug-summary span {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted);
  font-weight: 750;
}

.profit-debug-pre {
  max-height: 460px;
  overflow: auto;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(0, 0, 0, 0.2);
  color: var(--text);
  font-size: 0.76rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

@media (max-width: 780px) {
  .nav-section-tabs,
  .sub-tab-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sub-tab-row .tab-btn {
    min-width: 0;
    max-width: none;
  }

  .profit-debug-summary {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .nav-section-tabs,
  .sub-tab-row,
  .profit-debug-summary {
    grid-template-columns: 1fr;
  }
}

/* V5 Profit Analyzer refinements */
.nav-tabs-shell {
  gap: 14px;
}

.nav-section-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
}

.nav-section-tab {
  min-height: 50px;
  border-radius: 16px;
  justify-content: space-between;
  padding: 12px 16px;
}

.sub-tab-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.sub-tab-row .tab-btn {
  min-width: 0;
  max-width: none;
  min-height: 46px;
  border-radius: 14px;
  padding: 10px 12px;
  justify-content: space-between;
}

.profit-card-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.profit-actions.compact {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.profit-inline-input {
  width: 105px;
  min-height: 34px;
  border-radius: 10px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
  color: var(--text);
  font-weight: 800;
}

.profit-tier-settings {
  display: grid;
  gap: 10px;
  margin: 12px 0 18px;
}

.profit-tier-row {
  display: grid;
  grid-template-columns: 110px 1fr 1fr;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}

.profit-tier-row strong {
  font-size: 0.9rem;
  font-weight: 950;
  color: var(--accent);
  padding-bottom: 11px;
}

.profit-tier-row label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.profit-tier-row input {
  min-height: 38px;
  border-radius: 12px;
  padding: 9px 11px;
}

@media (max-width: 760px) {
  .nav-section-tabs,
  .sub-tab-row {
    grid-template-columns: 1fr 1fr;
  }

  .profit-card-header,
  .profit-tier-row {
    grid-template-columns: 1fr;
    display: grid;
  }

  .profit-tier-row strong {
    padding-bottom: 0;
  }
}

/* Sync Debug dashboard */
.sync-debug-panel .profit-panel-head,
.profit-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.compact-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sync-debug-metrics {
  margin-bottom: 18px;
}

.sync-debug-table td small,
.sync-debug-log-row small {
  display: block;
  margin-top: 4px;
  opacity: 0.75;
  font-size: 0.78rem;
  line-height: 1.35;
}

.sync-debug-log-list {
  display: grid;
  gap: 8px;
}

.sync-debug-log-row {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 14px;
  padding: 10px 12px;
}

.sync-debug-log-row strong,
.sync-debug-log-row span {
  display: block;
}

.sync-history-details {
  cursor: default;
}

.sync-history-summary {
  cursor: pointer;
  list-style-position: inside;
}

.sync-history-summary::-webkit-details-marker {
  opacity: 0.75;
}

.sync-history-detail-list {
  display: grid;
  gap: 4px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sync-history-detail-list div {
  line-height: 1.35;
}

.compact-empty {
  padding: 12px;
  min-height: auto;
}

@media (max-width: 760px) {
  .sync-debug-panel .profit-panel-head,
  .profit-panel-head {
    display: block;
  }

  .compact-actions {
    justify-content: flex-start;
    margin-top: 10px;
  }
}

.secondary.danger-lite {
  border-color: rgba(216, 106, 106, 0.45);
  color: #ffd6d6;
}

.profit-fee-note {
  margin: 0;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(255,255,255,0.05);
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}


/* Profit Analyzer channel card layout v12: compact, but not narrow enough to stack letters vertically. */
.profit-view,
.profit-panel,
.profit-channel-filter,
.profit-channel-filter-grid {
  min-width: 0;
  max-width: 100%;
}

.profit-panel,
.profit-channel-filter {
  overflow-x: hidden;
}

.profit-channel-filter-grid {
  grid-template-columns: repeat(4, minmax(185px, 1fr));
  gap: 8px;
}

.profit-channel-filter-card {
  padding: 8px;
  gap: 6px;
}

.profit-channel-toggle {
  min-height: 56px;
  padding: 8px 9px;
  grid-template-columns: 18px minmax(0, 1fr);
  border-radius: 13px;
}

.profit-channel-main {
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  font-size: 0.86rem;
  line-height: 1.1;
}

.profit-channel-toggle small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.profit-ad-toggle {
  padding: 7px 8px;
  min-height: 34px;
}

@media (max-width: 1180px) {
  .profit-channel-filter-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 900px) {
  .profit-channel-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .profit-channel-filter-grid {
    grid-template-columns: 1fr;
  }
}

/* v19: cleaner profit settings + channel margin table */
.profit-info-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(147, 197, 253, 0.45);
  color: #bfdbfe;
  background: rgba(59, 130, 246, 0.14);
  font-size: 0.72rem;
  font-weight: 900;
  cursor: help;
}

.profit-channel-margin-panel .profit-table {
  min-width: 760px;
}

.profit-reference-note,
.profit-fee-note-clean,
.profit-channel-row-clean {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.profit-reference-note {
  padding: 10px 12px;
  margin: 10px 0 12px;
}

.profit-reference-note summary,
.profit-fee-note-clean summary,
.profit-channel-row-clean summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--text);
}

.profit-reference-note p,
.profit-fee-note-clean p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.profit-channel-settings {
  display: grid;
  gap: 10px;
}

.profit-channel-row-clean {
  padding: 0;
  overflow: hidden;
}

.profit-channel-row-clean > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  list-style: none;
}

.profit-channel-row-clean > summary::-webkit-details-marker {
  display: none;
}

.profit-channel-row-clean > summary span {
  color: var(--muted);
  font-size: 0.78rem;
}

.profit-channel-clean-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  padding: 0 14px 12px;
  align-items: end;
}

.profit-channel-clean-grid label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.profit-channel-clean-grid input {
  min-width: 0;
}

.profit-fee-note-clean {
  margin: 0 14px 14px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
}

@media (max-width: 1100px) {
  .profit-channel-clean-grid {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }
}

@media (max-width: 760px) {
  .profit-channel-clean-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profit-row-warn td {
  background: rgba(250, 204, 21, 0.10);
}

.profit-channel-margin-panel,
.profit-losing-orders-panel {
  margin-top: 12px;
}

.profit-losing-orders-panel .profit-table,
.profit-channel-margin-panel .profit-table {
  min-width: 920px;
}

.profit-losing-orders-panel td small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.72rem;
}

.low-margin-groups {
  display: grid;
  gap: 14px;
}

.low-margin-group {
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,0.025);
}

.low-margin-group h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 10px 14px;
  font-size: 0.95rem;
  background: rgba(255,255,255,0.035);
}

.low-margin-group h4 span {
  color: var(--muted);
  font-size: 0.8rem;
}

.low-margin-card {
  border-top: 1px solid var(--border);
  padding: 0;
}

.low-margin-card summary {
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
}

.low-margin-card summary strong,
.low-margin-card summary small {
  display: block;
  min-width: 0;
}

.low-margin-card summary small {
  color: var(--muted);
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 560px;
}

.low-margin-pill {
  justify-self: end;
  border-radius: 999px;
  padding: 5px 9px;
  font-weight: 800;
  background: rgba(250, 204, 21, 0.16);
  color: #fde68a;
}

.profit-row-bad-card .low-margin-pill {
  background: rgba(248, 113, 113, 0.18);
  color: #fecaca;
}

.low-margin-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  padding: 0 14px 12px;
}

.low-margin-detail-grid div {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(0,0,0,0.12);
  min-width: 0;
}

.low-margin-detail-grid span,
.profit-ignore-row small {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  margin-bottom: 3px;
}

.low-margin-detail-grid strong {
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.low-margin-issue,
.low-margin-actions {
  padding: 0 14px 12px;
  color: var(--muted);
}

.low-margin-actions {
  display: flex;
  justify-content: flex-end;
}

.profit-ignore-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.profit-ignore-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255,255,255,0.025);
}

.profit-losing-orders-panel .profit-table {
  min-width: 0;
}

@media (max-width: 900px) {
  .low-margin-card summary,
  .low-margin-detail-grid {
    grid-template-columns: 1fr;
  }
  .low-margin-pill {
    justify-self: start;
  }
}

.low-margin-band-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.low-margin-band-btn {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.035);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.low-margin-band-btn strong,
.low-margin-band-btn span {
  display: block;
}

.low-margin-band-btn strong {
  font-size: 0.95rem;
}

.low-margin-band-btn span {
  color: var(--muted);
  font-size: 0.75rem;
  margin-top: 3px;
}

.low-margin-band-btn.active {
  border-color: var(--accent);
  background: rgba(52, 211, 153, 0.12);
}

@media (max-width: 800px) {
  .low-margin-band-controls {
    grid-template-columns: 1fr;
  }
}

.low-margin-download-row {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 8px 0 10px;
  flex-wrap: wrap;
}

.low-margin-group h4 {
  gap: 10px;
  flex-wrap: wrap;
}

.low-margin-group h4 button {
  margin-left: auto;
}

.profit-low-margin-goal-grid {
  margin-top: 10px;
}

@media (max-width: 800px) {
  .low-margin-download-row {
    justify-content: stretch;
  }
  .low-margin-download-row button,
  .low-margin-group h4 button {
    width: 100%;
  }
}

.profit-section-search {
  width: 100%;
  margin: 10px 0 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(4, 12, 27, 0.72);
  color: var(--text);
  padding: 10px 12px;
  font-size: 0.92rem;
  font-weight: 700;
}

.profit-section-search::placeholder {
  color: var(--muted);
  font-weight: 600;
}

.profit-panel-summary {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  font-weight: 900;
}

.profit-panel-summary strong {
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  padding: 4px 10px;
  font-size: 0.86rem;
}

.profit-orders-panel[open] .profit-panel-summary {
  margin-bottom: 2px;
}

/* Small queue filter pills for Archived / Dormant toggles */
.queue-filter-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: -4px 0 16px;
}

.compact-filter-row {
  margin-top: -2px;
}

.mini-check-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

.mini-check-pill:hover {
  border-color: rgba(99, 210, 151, 0.55);
  background: rgba(99, 210, 151, 0.10);
}

.mini-check-pill input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--accent);
}

.mini-check-pill span {
  color: var(--text);
  white-space: nowrap;
}


.mini-select-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 5px 10px 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  user-select: none;
}

.mini-select-pill:hover {
  border-color: rgba(99, 210, 151, 0.55);
  background: rgba(99, 210, 151, 0.10);
}

.mini-select-pill span {
  color: var(--text);
  white-space: nowrap;
}

.mini-select-pill select {
  min-height: 26px;
  max-width: 220px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 3px 26px 3px 10px;
  background: rgba(15, 23, 42, 0.92);
  color: var(--text);
  font-weight: 800;
  outline: none;
}

.mini-select-pill select:focus {
  border-color: rgba(99, 210, 151, 0.65);
  box-shadow: 0 0 0 2px rgba(99, 210, 151, 0.14);
}

.family-card-media {
  position: relative;
}

.family-setup-overlay {
  position: absolute;
  top: 8px;
  left: 8px;
  max-width: calc(100% - 16px);
  display: grid;
  gap: 3px;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(3, 8, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text);
  font-size: 0.72rem;
  line-height: 1.15;
  font-weight: 800;
  backdrop-filter: blur(4px);
}

.family-setup-overlay.is-good {
  border-color: rgba(99, 210, 151, 0.45);
  color: #bff5d6;
}

.family-setup-overlay.is-muted {
  border-color: rgba(159, 176, 201, 0.32);
  color: #c4cedd;
}

.recommended-inline {
  margin-left: 6px;
  font-size: 0.78rem;
  font-weight: 800;
}

.recommended-inline.is-good {
  color: #bff5d6;
}

.recommended-inline.is-muted {
  color: var(--muted);
}

.recommended-setup-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 190px;
  padding: 7px 9px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.15;
  font-weight: 800;
}

.recommended-setup-check input {
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

/* Cleaner opened product layout */
.variant-card {
  position: relative;
  align-items: flex-start !important;
}

.variant-settings-panel {
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  margin-top: 12px !important;
  padding: 12px !important;
  box-shadow: none !important;
  background: rgba(17, 35, 64, 0.78) !important;
}

.variant-settings-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 12px;
  margin-bottom: 10px;
}

.settings-full-row {
  display: block;
  margin-top: 10px;
}

.settings-full-row textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 12px 14px;
  resize: vertical;
}

.compact-settings-meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 8px 16px !important;
  margin-top: 10px;
}

.variant-controls {
  align-self: center !important;
}

.recommended-setup-check {
  min-width: 185px;
}

.sheet-footer.sticky-family-save {
  position: sticky;
  bottom: -18px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 0 8px;
  margin-top: 14px;
  background: linear-gradient(180deg, rgba(7, 17, 33, 0.45), rgba(7, 17, 33, 0.98) 42%, rgba(7, 17, 33, 1));
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  z-index: 8;
}

.family-save-btn {
  min-width: 220px;
  font-size: 1rem;
}

@media (max-width: 900px) {
  .variant-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .variant-controls {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}


/* Final family drawer cleanup: keep recommended setup as one family-level option and make Save part of the drawer flow. */
.variant-card.has-open-settings {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px 18px !important;
  padding: 14px !important;
}

.variant-card.has-open-settings .variant-main {
  grid-column: 1 / 2 !important;
  align-items: flex-start !important;
}

.variant-card.has-open-settings .variant-controls {
  grid-column: 2 / 3 !important;
  align-self: start !important;
  justify-content: flex-end !important;
  width: auto !important;
  padding-top: 14px;
}

.variant-card.has-open-settings .variant-settings-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 4px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  background: rgba(17, 35, 64, 0.70) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.variant-card.has-open-settings .reorder-settings-grid {
  grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  gap: 12px !important;
}

.variant-card.has-open-settings .variant-settings-grid {
  grid-template-columns: repeat(4, minmax(110px, max-content)) !important;
  gap: 10px 18px !important;
  align-items: center !important;
  margin: 6px 0 12px !important;
}

.variant-card.has-open-settings .settings-full-row {
  margin-top: 12px !important;
}

.variant-card.has-open-settings .settings-full-row textarea {
  min-height: 78px;
}

.variant-card.has-open-settings .compact-settings-meta {
  margin-top: 12px !important;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sheet-footer.sticky-family-save,
.sheet-footer.family-save-footer {
  position: static !important;
  bottom: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 0 0 !important;
  margin-top: 16px !important;
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  z-index: auto !important;
}

.family-recommended-setup {
  min-width: 210px !important;
  max-width: 260px !important;
  justify-content: flex-start !important;
}

.family-save-btn {
  min-width: 190px !important;
}

@media (max-width: 900px) {
  .variant-card.has-open-settings {
    grid-template-columns: 1fr !important;
  }

  .variant-card.has-open-settings .variant-main,
  .variant-card.has-open-settings .variant-controls,
  .variant-card.has-open-settings .variant-settings-panel {
    grid-column: 1 / -1 !important;
  }

  .variant-card.has-open-settings .variant-controls {
    width: 100% !important;
    justify-content: flex-start !important;
    padding-top: 0;
  }

  .variant-card.has-open-settings .reorder-settings-grid,
  .variant-card.has-open-settings .variant-settings-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .sheet-footer.family-save-footer,
  .sheet-footer.sticky-family-save {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .family-recommended-setup,
  .family-save-btn {
    width: 100% !important;
    max-width: none !important;
  }
}

.profit-cost-mode-toggle {
  display: flex;
  gap: 8px;
  margin: 10px 0 12px;
  flex-wrap: wrap;
}

.profit-cost-mode-toggle button,
.profit-cost-save-cell button {
  white-space: nowrap;
}

.profit-cost-save-cell {
  display: flex;
  gap: 8px;
  align-items: center;
}

.profit-cost-save-cell .profit-inline-input {
  min-width: 90px;
}

/* Smart snooze controls in Configure */
.smart-snooze-card p {
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.45;
}

.smart-snooze-controls {
  display: grid;
  gap: 12px;
}

.smart-snooze-enable {
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border);
}

.smart-snooze-top-grid,
.smart-snooze-row {
  display: grid;
  gap: 10px;
}

.smart-snooze-top-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smart-snooze-range-list {
  display: grid;
  gap: 8px;
}

.smart-snooze-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--border);
}

.smart-snooze-row label span,
.smart-snooze-top-grid label span {
  display: block;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 0.82rem;
}

.smart-snooze-row input,
.smart-snooze-top-grid input {
  padding: 10px 11px;
  border-radius: 12px;
}

@media (max-width: 680px) {
  .smart-snooze-top-grid,
  .smart-snooze-row {
    grid-template-columns: 1fr;
  }
}

/* Commercial Crossing CSV section */
.commercial-crossing-panel {
  max-width: 860px;
  margin: 0 auto;
}
.commercial-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 14px;
}
.commercial-form-grid label,
.commercial-textarea-label {
  display: grid;
  gap: 7px;
  font-weight: 700;
  color: var(--text, #111827);
}
.commercial-form-grid input,
.commercial-form-grid select,
.commercial-textarea-label textarea {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  background: #fff;
  color: #111827;
}
.commercial-textarea-label textarea {
  resize: vertical;
  min-height: 96px;
}
.commercial-note {
  margin: 14px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(59, 130, 246, 0.09);
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}
.commercial-status {
  margin-top: 14px;
  white-space: pre-wrap;
}
@media (max-width: 720px) {
  .commercial-form-grid {
    grid-template-columns: 1fr;
  }
}


/* --------------------------------------------------------------------------
   Bundle Creator + Price Finder
   -------------------------------------------------------------------------- */
.feature-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.feature-hero,
.feature-settings-card,
.feature-card {
  background: #fff;
  border: 1px solid #e3ddd8;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 20px rgba(40, 28, 20, 0.04);
}
.feature-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}
.feature-hero h2,
.feature-card h3 {
  margin: 0 0 6px;
}
.feature-hero p,
.feature-card p {
  margin: 0;
  color: #6f625a;
}
.button-row,
.feature-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.feature-toolbar {
  background: #fff;
  border: 1px solid #e3ddd8;
  border-radius: 16px;
  padding: 12px;
}
.checkline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: auto;
}
.form-grid {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.form-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  color: #5c514b;
  font-weight: 700;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
  width: 100%;
  border: 1px solid #d6cdc6;
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  background: #fff;
}
.bundle-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.bundle-summary-grid > div {
  background: #fff;
  border: 1px solid #e3ddd8;
  border-radius: 16px;
  padding: 14px;
}
.bundle-summary-grid strong {
  display: block;
  font-size: 24px;
}
.bundle-summary-grid span {
  color: #6f625a;
  font-size: 13px;
}
.bundle-family-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bundle-family-head,
.price-result-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.bundle-count-pill,
.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 5px 10px;
  background: #f1ebe8;
  color: #4e4039;
  font-weight: 700;
  font-size: 12px;
}
.bundle-action-row,
.bundle-skipped-row,
.bundle-result-row {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  border-top: 1px solid #eee6e0;
  padding: 12px 0;
}
.bundle-skipped-row {
  grid-template-columns: 1fr auto;
  color: #6f625a;
}
.bundle-action-row small,
.bundle-skipped-row small {
  display: block;
  color: #7c7069;
  margin-top: 3px;
}
.bundle-arrow {
  font-weight: 800;
  color: #8a7b72;
}
.bundle-result-row {
  display: block;
  border-top: 1px solid #eee6e0;
}
.bundle-result-row.ok { color: #246b3f; }
.bundle-result-row.bad { color: #a12f2f; }
.table-wrap {
  overflow-x: auto;
}
.feature-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.feature-table th,
.feature-table td {
  border-bottom: 1px solid #eee6e0;
  padding: 10px 8px;
  text-align: left;
  white-space: nowrap;
}
.feature-table th {
  color: #5c514b;
  background: #faf7f5;
}
.price-detail {
  margin-top: 10px;
  color: #6f625a;
}
.empty-state {
  background: #fff;
  border: 1px dashed #d6cdc6;
  border-radius: 16px;
  padding: 18px;
  color: #6f625a;
  text-align: center;
}
.small-note {
  font-size: 13px;
}
.inline-warning {
  border-left: 3px solid #c88b2b;
  background: #fff8ee;
  padding: 8px 10px;
  margin: 8px 0;
  color: #6f4b12;
}
@media (max-width: 900px) {
  .feature-hero,
  .bundle-family-head,
  .price-result-head { flex-direction: column; }
  .form-grid.two,
  .form-grid.three,
  .form-grid.four,
  .bundle-summary-grid { grid-template-columns: 1fr; }
  .bundle-action-row { grid-template-columns: auto 1fr; }
  .bundle-action-row .bundle-arrow { display: none; }
}


/* --------------------------------------------------------------------------
   Feature-page readability refresh (dark app-matching theme)
   -------------------------------------------------------------------------- */
.feature-hero,
.feature-settings-card,
.feature-card,
.feature-toolbar,
.bundle-summary-grid > div,
.empty-state {
  background: linear-gradient(180deg, rgba(12, 29, 54, 0.98), rgba(7, 17, 33, 0.98));
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: var(--shadow);
}
.feature-hero p,
.feature-card p,
.bundle-summary-grid span,
.form-grid label,
.feature-table th,
.feature-table td,
.price-detail,
.small-note,
.field-help,
.bundle-skipped-row,
.bundle-action-row small,
.bundle-skipped-row small,
.muted {
  color: var(--muted);
}
.feature-hero h2,
.feature-card h3,
.bundle-summary-grid strong,
.bundle-action-row strong,
.bundle-skipped-row strong,
.bundle-result-row strong,
.feature-table strong,
.feature-card-title-row h3 {
  color: var(--text);
}
.form-grid input,
.form-grid select,
.form-grid textarea,
.feature-page input,
.feature-page select,
.feature-page textarea {
  background: #07152a;
  color: var(--text);
  border: 1px solid var(--border);
}
.feature-page input::placeholder,
.feature-page textarea::placeholder {
  color: #7f92af;
}
.feature-page select {
  appearance: none;
}
.feature-toolbar {
  padding: 14px 16px;
}
.bundle-count-pill,
.status-pill {
  background: rgba(99, 210, 151, 0.14);
  color: #95f0bc;
  border: 1px solid rgba(99, 210, 151, 0.28);
}
.bundle-action-row,
.bundle-skipped-row,
.bundle-result-row,
.feature-table th,
.feature-table td {
  border-color: rgba(255,255,255,0.08);
}
.feature-table th {
  background: rgba(255,255,255,0.04);
}
.inline-warning {
  border-left: 3px solid var(--accent-2);
  background: rgba(233, 197, 90, 0.12);
  color: #f8df95;
}
.bundle-result-row.ok { color: #8df0b9; }
.bundle-result-row.bad { color: #ffb1b1; }
.checkline { color: var(--text); }
.checkline input { width: auto; }
.feature-card-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}
.top-gap { margin-top: 10px; }
.price-result-card .muted { line-height: 1.4; }
.feature-page summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Price Finder v2 — calculator-style layout based on the old standalone app
   -------------------------------------------------------------------------- */
.pf-app {
  --pf-bg:#f6f4ef;
  --pf-card:#ffffff;
  --pf-text:#1f2933;
  --pf-muted:#667085;
  --pf-border:#ded7ca;
  --pf-accent:#7a4e2d;
  --pf-accent2:#0f766e;
  --pf-danger:#a33a2b;
  --pf-soft:#f1ebe2;
  color:var(--pf-text);
  background:var(--pf-bg);
  border:1px solid var(--pf-border);
  border-radius:18px;
  padding:20px;
  margin-top:16px;
}
.pf-app * { box-sizing:border-box; }
.pf-header {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}
.pf-header h1 { font-size:28px; margin:0; letter-spacing:-.02em; color:var(--pf-text); }
.pf-header p,
.pf-card p,
.pf-hint { margin:4px 0 0; color:var(--pf-muted); font-size:13px; line-height:1.4; }
.pf-layout {
  display:grid;
  grid-template-columns:minmax(380px, .82fr) minmax(560px, 1.18fr);
  gap:16px;
  align-items:start;
}
.pf-left-col,.pf-right-col { display:flex; flex-direction:column; gap:14px; min-width:0; }
.pf-card {
  background:var(--pf-card);
  border:1px solid var(--pf-border);
  border-radius:16px;
  padding:16px;
  box-shadow:0 1px 7px rgba(0,0,0,.05);
  color:var(--pf-text);
}
.pf-card h2 { font-size:17px; margin:0 0 12px; color:var(--pf-text); }
.pf-card h3,.pf-subtitle { font-size:15px; margin:14px 0 10px; color:var(--pf-text); }
.pf-grid { display:grid; gap:11px; }
.pf-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pf-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pf-grid.five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.pf-app label {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  font-weight:700;
  color:var(--pf-text);
}
.pf-app input,
.pf-app select,
.pf-app textarea {
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid var(--pf-border);
  border-radius:11px;
  padding:10px 11px;
  font-size:14px;
  background:#fff;
  color:var(--pf-text);
}
.pf-app input::placeholder { color:#8a94a3; }
.pf-app input:focus,.pf-app select:focus,.pf-app textarea:focus {
  outline:2px solid rgba(122,78,45,.2);
  border-color:var(--pf-accent);
}
.pf-app button {
  border:0;
  background:var(--pf-accent);
  color:white;
  border-radius:11px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.pf-app button.ghost { background:#e8dfd2; color:#46321f; }
.pf-app button:hover { filter:brightness(.96); }
.pf-actions { margin-top:14px; display:flex; gap:10px; justify-content:flex-start; }
.pf-top-gap { margin-top:12px; }
.pf-switch { flex-direction:row!important; align-items:center; justify-content:flex-start; margin-top:22px; }
.pf-switch input { width:auto!important; }
.pf-card-title-row,.pf-result-top { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.pf-big {
  font-size:42px;
  font-weight:900;
  color:var(--pf-accent2);
  letter-spacing:-.04em;
  line-height:1.1;
}
.pf-price-compare { margin-top:6px; font-size:12px; line-height:1.4; color:var(--pf-muted); }
.pf-breakdown { margin-top:14px; border-top:1px solid var(--pf-border); padding-top:10px; }
.pf-row { display:flex; justify-content:space-between; gap:14px; padding:6px 0; font-size:14px; color:var(--pf-text); }
.pf-row strong { font-size:14px; color:var(--pf-text); }
.pf-row.total { border-top:1px solid var(--pf-border); margin-top:6px; padding-top:9px; font-weight:800; }
.pf-warning { margin:12px 0; padding:10px; border-radius:11px; background:#fff2f0; color:var(--pf-danger); font-weight:800; font-size:13px; }
.pf-table-wrap { width:100%; overflow:auto; border:1px solid var(--pf-border); border-radius:13px; }
.pf-market-table { width:100%; min-width:900px; border-collapse:collapse; font-size:13px; color:var(--pf-text); }
.pf-market-table th,.pf-market-table td { padding:10px 11px; border-bottom:1px solid var(--pf-border); text-align:right; white-space:nowrap; }
.pf-market-table th:first-child,.pf-market-table td:first-child { text-align:left; }
.pf-market-table thead th { background:var(--pf-soft); color:#3f3327; font-size:12px; }
.pf-market-table tbody tr:last-child td { border-bottom:0; }
.pf-market-table small { color:var(--pf-muted); font-size:11px; }
.primary-market td { background:#f7fbfa; }
.pf-pill { display:inline-block; margin-left:7px; padding:3px 7px; border-radius:999px; background:#ccefe6; color:#0f766e; font-size:11px; font-weight:900; }
.pf-market-table .good { color:var(--pf-accent2); font-weight:900; }
.pf-market-table .bad { color:var(--pf-danger); font-weight:900; }
.pf-wholesale-card { margin-top:16px; }
.pf-wholesale-card summary { cursor:pointer; font-weight:900; color:var(--pf-text); }
.pf-wholesale-card .pf-table-wrap { margin-top:12px; }
.no-top { margin-top:0!important; }
@media (max-width: 1000px) {
  .pf-layout { grid-template-columns:1fr; }
  .pf-grid.three,.pf-grid.five { grid-template-columns:1fr; }
}

/* Price Finder v3 refinements */
.pf-hidden-dims { display:none; }
.pf-marketplace-card { margin-top:0; }
.pf-marketplace-card summary,
.pf-wholesale-card summary {
  cursor:pointer;
  font-weight:900;
  color:var(--pf-text);
  font-size:16px;
  list-style-position:inside;
}
.pf-set-table input {
  min-width:150px;
  padding:8px 9px;
  font-size:12px;
}
.pf-set-table td:nth-child(2) { min-width:240px; }
.pf-set-table td:nth-child(4) { min-width:130px; }
.pf-actions.no-top { margin-top:0; align-items:center; }
.pf-app input:disabled {
  background:#f3f0ea;
  color:#667085;
  cursor:not-allowed;
}
@media (max-width: 1000px) {
  .pf-header { flex-direction:column; }
  .pf-header .pf-actions { width:100%; flex-wrap:wrap; }
}

/* Price Finder v4 color lock: keep the calculator in the same light/cream Profit Analyzer palette even inside the dark app shell. */
.pf-app.price-finder-page {
  --pf-bg:#f7f4ee;
  --pf-card:#fffdf9;
  --pf-text:#0f1f2e;
  --pf-muted:#486176;
  --pf-border:#ddd4c6;
  --pf-accent:#7a4e2d;
  --pf-accent2:#0f766e;
  --pf-danger:#a33a2b;
  --pf-soft:#efe8dd;
  background:var(--pf-bg) !important;
  color:var(--pf-text) !important;
}
.pf-app.price-finder-page .pf-card,
.pf-app.price-finder-page details.pf-card {
  background:var(--pf-card) !important;
  color:var(--pf-text) !important;
  border-color:var(--pf-border) !important;
}
.pf-app.price-finder-page input,
.pf-app.price-finder-page select,
.pf-app.price-finder-page textarea {
  background:#fff !important;
  color:var(--pf-text) !important;
  border-color:var(--pf-border) !important;
}
.pf-app.price-finder-page input::placeholder,
.pf-app.price-finder-page textarea::placeholder { color:#7b8794 !important; }
.pf-app.price-finder-page button { background:var(--pf-accent) !important; color:#fff !important; }
.pf-app.price-finder-page button.ghost { background:#eadfce !important; color:#4a3321 !important; }
.pf-app.price-finder-page .pf-market-table thead th { background:var(--pf-soft) !important; color:#3f3327 !important; }
.pf-app.price-finder-page .primary-market td { background:#f3fbf8 !important; }

/* Bundle Creator v5: searchable, collapsed family cards with images. */
.bundle-toolbar-grid {
  display:grid;
  grid-template-columns:minmax(240px, 1fr) minmax(300px, 1.4fr) auto;
  align-items:end;
  gap:14px;
}
.bundle-toolbar-grid label:not(.checkline) {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  font-weight:800;
  color:#cfe6ff;
}
.bundle-toolbar-grid input[type="text"],
.bundle-toolbar-grid input:not([type]) {
  background:#071426;
  color:#f8fbff;
  border:1px solid #263d5e;
  border-radius:11px;
  padding:11px 12px;
  font-weight:700;
}
.bundle-toolbar-grid input::placeholder { color:#91a8c4; }
.bundle-toolbar-grid .no-wrap { flex-wrap:nowrap; justify-content:flex-end; }
.collapsed-family-card {
  padding:0 !important;
  overflow:hidden;
}
.collapsed-family-card > summary {
  cursor:pointer;
  list-style:none;
}
.collapsed-family-card > summary::-webkit-details-marker { display:none; }
.bundle-family-summary {
  display:grid;
  grid-template-columns:74px 1fr auto;
  align-items:center;
  gap:14px;
  padding:14px;
}
.bundle-family-summary:after {
  content:'▾';
  color:#9fc4ef;
  font-size:18px;
  font-weight:900;
  margin-left:8px;
}
.collapsed-family-card[open] .bundle-family-summary:after { transform:rotate(180deg); }
.bundle-family-thumb {
  width:66px;
  height:66px;
  border-radius:12px;
  border:1px solid #263d5e;
  background:#071426;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#91a8c4;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.bundle-family-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bundle-family-summary-main h3 {
  margin:0 0 5px;
  color:#ffffff;
  font-size:16px;
}
.bundle-family-body {
  border-top:1px solid #223857;
  padding:12px 14px 14px;
}
.small-empty {
  padding:12px !important;
  margin:0 !important;
}
@media (max-width: 900px) {
  .bundle-toolbar-grid { grid-template-columns:1fr; align-items:stretch; }
  .bundle-toolbar-grid .no-wrap { flex-wrap:wrap; justify-content:flex-start; }
  .bundle-family-summary { grid-template-columns:58px 1fr; }
  .bundle-family-summary .bundle-count-pill { grid-column:2; justify-self:start; }
}


/* Etsy Sync */
.etsy-sync-grid {
  display: grid;
  gap: 14px;
}

.etsy-sync-card {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
}

.etsy-sync-card h3 {
  margin: 0 0 10px;
}

.etsy-sync-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.etsy-sync-actions button {
  flex: 1 1 190px;
}

.etsy-sync-pill-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.etsy-sync-pill {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 700;
}

.etsy-sync-output {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  background: #07152a;
  padding: 12px;
  border-radius: 14px;
  overflow: auto;
  max-height: 520px;
}

.etsy-sync-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

@media (max-width: 760px) {
  .etsy-sync-controls {
    grid-template-columns: 1fr;
  }
}


.etsy-sync-current-run {
  grid-column: 1 / -1;
}
.etsy-sync-progress-track {
  width: 100%;
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  margin: 10px 0;
}
.etsy-sync-progress-bar {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(80,150,255,0.85), rgba(80,220,180,0.85));
  transition: width 0.25s ease;
}


.open-orders-shell {
  display: grid;
  gap: 16px;
}

.open-orders-header,
.open-orders-toolbar,
.open-orders-actionbar,
.open-orders-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.open-orders-header h2,
.open-orders-section-title h3 {
  margin: 0;
}

.open-orders-muted {
  color: var(--muted);
  font-size: 0.88rem;
}

.open-orders-toolbar,
.open-orders-actionbar,
.open-orders-section {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.open-orders-toolbar label {
  display: grid;
  gap: 6px;
  min-width: 220px;
  color: var(--muted);
  font-weight: 700;
}

.open-orders-toolbar select,
.open-orders-actionbar select {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 10px 12px;
  font: inherit;
}

.open-orders-count-card {
  min-width: 150px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

.open-orders-count-card strong {
  display: block;
  font-size: 1.45rem;
}

.open-orders-count-card span {
  color: var(--muted);
  font-size: 0.9rem;
}

.open-orders-actionbar {
  justify-content: flex-start;
}

.open-orders-error,
.open-orders-result,
.open-orders-loading,
.empty-state {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.04);
}

.open-orders-result {
  color: var(--accent);
  font-weight: 800;
}

.open-orders-section {
  display: grid;
  gap: 12px;
}

.open-orders-table {
  display: grid;
  gap: 8px;
  overflow-x: auto;
}

.open-orders-row {
  display: grid;
  grid-template-columns: 36px minmax(135px, 0.8fr) minmax(140px, 0.9fr) minmax(120px, 0.8fr) minmax(220px, 1.5fr) minmax(160px, 1fr) minmax(100px, 0.7fr) minmax(110px, 0.7fr);
  gap: 10px;
  align-items: start;
  min-width: 1080px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(7, 19, 37, 0.55);
}

.open-orders-row-head {
  color: var(--muted);
  font-weight: 800;
  background: rgba(255, 255, 255, 0.035);
}

.open-orders-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  padding: 0;
  margin-top: 2px;
}

.open-orders-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.open-orders-tag,
.open-orders-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.82rem;
  font-weight: 800;
}

.open-orders-tag.mexico {
  background: rgba(99, 210, 151, 0.16);
  border-color: rgba(99, 210, 151, 0.45);
  color: var(--accent);
}

@media (max-width: 760px) {
  .open-orders-count-card,
  .open-orders-toolbar label,
  .open-orders-actionbar button,
  .open-orders-actionbar select {
    width: 100%;
  }
}

.open-orders-debug {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.68);
  padding: 12px 14px;
  margin: 14px 0;
}

.open-orders-debug summary {
  cursor: pointer;
  font-weight: 800;
  color: #e5f0ff;
}

.open-orders-debug-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 8px;
}

.open-orders-debug pre {
  margin: 10px 0 0;
  padding: 12px;
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.72);
  color: #dbeafe;
  white-space: pre-wrap;
  overflow-x: auto;
  max-height: 360px;
  font-size: 12px;
  line-height: 1.45;
}

.open-orders-item-line {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.open-orders-thumb {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.05);
}

.open-orders-thumb-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-weight: 800;
}

/* Open Orders card layout update */
.open-orders-card-section {
  gap: 16px;
}

.open-orders-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.open-orders-order-card {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: rgba(7, 19, 37, 0.58);
  overflow: hidden;
}

.open-orders-order-card.selected {
  border-color: rgba(99, 210, 151, 0.72);
  box-shadow: 0 0 0 1px rgba(99, 210, 151, 0.22), 0 14px 34px rgba(0, 0, 0, 0.18);
}

.open-orders-select-dot {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 34px;
  height: 34px;
  cursor: pointer;
}

.open-orders-select-dot input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.open-orders-select-dot span {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  background: rgba(15, 23, 42, 0.78);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
}

.open-orders-select-dot input:checked + span {
  background: var(--accent);
  border-color: rgba(255, 255, 255, 0.96);
}

.open-orders-select-dot input:checked + span::after {
  content: '✓';
  display: grid;
  place-items: center;
  height: 100%;
  color: #04111f;
  font-weight: 1000;
  font-size: 18px;
}

.open-orders-order-meta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: start;
  padding-right: 38px;
}

.open-orders-order-meta strong {
  display: block;
  color: var(--text);
  line-height: 1.25;
}

.open-orders-meta-label {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
}

.open-orders-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 10px;
}

.open-orders-product-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  overflow: hidden;
}

.open-orders-product-image,
.open-orders-product-image-empty {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: rgba(15, 23, 42, 0.9);
}

.open-orders-product-image-empty {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-weight: 900;
  font-size: 0.82rem;
}

.open-orders-card-item-title {
  padding: 8px 8px 2px;
  color: var(--text);
  font-weight: 900;
  font-size: 0.88rem;
  line-height: 1.22;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.open-orders-card-item-sku {
  padding: 0 8px 8px;
  color: var(--muted);
  font-size: 0.78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 760px) {
  .open-orders-card-grid {
    grid-template-columns: 1fr;
  }

  .open-orders-order-meta {
    grid-template-columns: 1fr;
  }
}

/* Open Orders compact preview + expandable detail update */
.open-orders-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  align-items: start;
}

.open-orders-order-card {
  padding: 0;
  gap: 0;
  align-self: start;
}

.open-orders-card-main {
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 14px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.open-orders-card-main:hover .open-orders-product-card,
.open-orders-card-main:hover .open-orders-more-tile {
  border-color: rgba(99, 210, 151, 0.48);
}

.open-orders-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px;
  min-height: 270px;
  align-content: start;
}

.open-orders-product-grid.one-item {
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}

.open-orders-product-grid.two-items {
  grid-auto-rows: auto;
  min-height: 270px;
}

.open-orders-order-card.expanded .open-orders-product-grid {
  grid-auto-rows: auto;
  min-height: 0;
}

.open-orders-product-grid.one-item .open-orders-product-card,
.open-orders-preview-fill {
  min-height: 270px;
}

.open-orders-product-grid.two-items .open-orders-product-card {
  align-self: start;
}

.open-orders-product-card,
.open-orders-more-tile {
  min-height: 0;
}

.open-orders-product-grid:not(.one-item) .open-orders-product-card .open-orders-product-image,
.open-orders-product-grid:not(.one-item) .open-orders-product-card .open-orders-product-image-empty,
.open-orders-more-tile {
  aspect-ratio: 1 / 1;
}

.open-orders-product-grid.one-item .open-orders-product-image,
.open-orders-product-grid.one-item .open-orders-product-image-empty {
  height: 100%;
  aspect-ratio: auto;
}

.open-orders-more-tile {
  display: grid;
  place-items: center;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-weight: 1000;
  font-size: 1.05rem;
  cursor: pointer;
}

.open-orders-card-hint {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.open-orders-expanded-panel {
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  padding: 12px 14px 14px;
  background: rgba(255, 255, 255, 0.025);
}

.open-orders-detail-grid {
  display: grid;
  gap: 8px;
}

.open-orders-detail-row {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 10px;
  align-items: start;
  font-size: 0.86rem;
}

.open-orders-detail-row span {
  color: var(--muted);
  font-weight: 900;
}

.open-orders-detail-row strong {
  color: var(--text);
  font-weight: 800;
  line-height: 1.3;
  word-break: break-word;
}

.open-orders-order-card.expanded .open-orders-card-item-title,
.open-orders-order-card.expanded .open-orders-card-item-sku {
  display: block;
}

@media (max-width: 760px) {
  .open-orders-product-grid,
  .open-orders-product-grid.two-items {
    min-height: 0;
  }

  .open-orders-product-grid.one-item .open-orders-product-card,
  .open-orders-preview-fill {
    min-height: 220px;
  }
}

/* Open Orders: 2x2 preview fix + mobile two-wide cards */
.open-orders-order-card:not(.expanded) .open-orders-product-grid:not(.one-item) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  min-height: 0;
  align-content: start;
}

.open-orders-order-card:not(.expanded) .open-orders-product-grid:not(.one-item) > .open-orders-product-card,
.open-orders-order-card:not(.expanded) .open-orders-product-grid:not(.one-item) > .open-orders-more-tile {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: start;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1 / 1;
}

.open-orders-order-card:not(.expanded) .open-orders-product-grid:not(.one-item) .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-product-grid:not(.one-item) .open-orders-product-image-empty {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.open-orders-order-card.expanded .open-orders-product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  min-height: 0;
  align-content: start;
}

.open-orders-order-card.expanded .open-orders-product-grid .open-orders-product-card {
  align-self: start;
  min-height: 0;
}

.open-orders-order-card.expanded .open-orders-product-grid .open-orders-product-image,
.open-orders-order-card.expanded .open-orders-product-grid .open-orders-product-image-empty {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media (max-width: 760px) {
  .open-orders-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .open-orders-order-card {
    border-radius: 14px;
  }

  .open-orders-card-main {
    padding: 10px;
    gap: 8px;
  }

  .open-orders-order-meta {
    grid-template-columns: 1fr auto;
    gap: 6px;
    padding-right: 28px;
    font-size: 0.78rem;
  }

  .open-orders-meta-label {
    font-size: 0.62rem;
    margin-bottom: 2px;
  }

  .open-orders-select-dot,
  .open-orders-select-dot span {
    width: 26px;
    height: 26px;
  }

  .open-orders-select-dot {
    top: 8px;
    right: 8px;
  }

  .open-orders-product-grid {
    gap: 6px;
  }

  .open-orders-product-grid.one-item .open-orders-product-card,
  .open-orders-preview-fill {
    min-height: 145px;
  }

  .open-orders-card-item-title {
    font-size: 0.74rem;
    padding: 6px 6px 2px;
    -webkit-line-clamp: 2;
  }

  .open-orders-card-item-sku,
  .open-orders-card-hint {
    font-size: 0.68rem;
  }

  .open-orders-expanded-panel {
    padding: 10px;
  }

  .open-orders-detail-row {
    grid-template-columns: 68px 1fr;
    font-size: 0.72rem;
  }
}

/* Open Orders: cleaner card header and fixed preview/expanded image grids */
.open-orders-mexico-slot {
  min-height: 24px;
  display: flex;
  align-items: flex-start;
}

.open-orders-mexico-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.18);
  border: 1px solid rgba(34, 197, 94, 0.45);
  color: #86efac;
  font-size: 0.76rem;
  font-weight: 1000;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.open-orders-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  min-height: 0 !important;
  align-content: start !important;
}

.open-orders-preview-grid.one-item {
  grid-template-columns: 1fr !important;
}

.open-orders-preview-grid.one-item .open-orders-product-card,
.open-orders-preview-grid .open-orders-preview-fill {
  min-height: 270px;
}

.open-orders-preview-grid:not(.one-item) > .open-orders-product-card,
.open-orders-preview-grid > .open-orders-more-tile {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: start !important;
}

.open-orders-preview-grid:not(.one-item) .open-orders-product-image,
.open-orders-preview-grid:not(.one-item) .open-orders-product-image-empty,
.open-orders-preview-grid > .open-orders-more-tile {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.open-orders-expanded-grid,
.open-orders-order-card.expanded .open-orders-expanded-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  min-height: 0 !important;
  align-content: start !important;
}

.open-orders-expanded-grid > .open-orders-product-card,
.open-orders-order-card.expanded .open-orders-expanded-grid > .open-orders-product-card {
  width: 100% !important;
  min-height: 0 !important;
  align-self: start !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

.open-orders-expanded-grid .open-orders-product-image,
.open-orders-expanded-grid .open-orders-product-image-empty,
.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image,
.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image-empty {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.open-orders-expanded-grid.one-item .open-orders-product-card,
.open-orders-order-card.expanded .open-orders-expanded-grid.one-item .open-orders-product-card {
  min-height: 0 !important;
}

.open-orders-order-card.expanded .open-orders-product-grid.one-item .open-orders-product-image,
.open-orders-order-card.expanded .open-orders-product-grid.one-item .open-orders-product-image-empty {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
}

@media (max-width: 760px) {
  .open-orders-preview-grid.one-item .open-orders-product-card,
  .open-orders-preview-grid .open-orders-preview-fill {
    min-height: 145px;
  }

  .open-orders-mexico-pill {
    padding: 3px 7px;
    font-size: 0.58rem;
  }
}


/* Open Orders: hard fix for 2x2 previews and non-giant expanded images */
.open-orders-card-grid {
  align-items: start !important;
}

.open-orders-order-card {
  align-self: start !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 0 !important;
  gap: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  align-content: start !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-product-card,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-more-tile {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-more-tile {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  font-size: 0.92rem !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) .open-orders-product-image-empty {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  min-height: 0 !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item > .open-orders-product-card {
  min-height: 270px !important;
  height: 270px !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image-empty {
  height: 100% !important;
  object-fit: cover !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 145px)) !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
  justify-content: start !important;
  min-height: 0 !important;
  height: auto !important;
  align-content: start !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid > .open-orders-product-card {
  width: 145px !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: start !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image,
.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image-empty {
  width: 145px !important;
  height: 145px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

@media (max-width: 760px) {
  .open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) {
    gap: 6px !important;
  }

  .open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item > .open-orders-product-card {
    min-height: 145px !important;
    height: 145px !important;
  }

  .open-orders-order-card.expanded .open-orders-expanded-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .open-orders-order-card.expanded .open-orders-expanded-grid > .open-orders-product-card {
    width: 100% !important;
  }

  .open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image,
  .open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image-empty {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
}


/* Open Orders: final stable card grid fix
   Uses flex cards and removes nested-button layout problems from the +X more tile. */
.open-orders-card-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
  grid-template-columns: none !important;
}

.open-orders-order-card {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  align-self: flex-start !important;
  grid-column: auto !important;
  overflow: hidden !important;
}

.open-orders-card-main {
  width: 100% !important;
  max-width: 100% !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-product-card,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-more-tile {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) > .open-orders-more-tile {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border-radius: 14px !important;
  line-height: 1.1 !important;
  font-size: 0.92rem !important;
  cursor: pointer !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) .open-orders-product-image-empty {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  min-height: 0 !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item > .open-orders-product-card {
  width: 100% !important;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image-empty {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  align-content: start !important;
  justify-content: start !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid > .open-orders-product-card {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image,
.open-orders-order-card.expanded .open-orders-expanded-grid .open-orders-product-image-empty {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

@media (max-width: 760px) {
  .open-orders-card-grid {
    gap: 10px !important;
  }

  .open-orders-order-card {
    flex: 0 0 calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
  }

  .open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) {
    gap: 6px !important;
  }

  .open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item > .open-orders-product-card {
    height: 145px !important;
    min-height: 145px !important;
    max-height: 145px !important;
  }

  .open-orders-order-card.expanded .open-orders-expanded-grid {
    gap: 6px !important;
  }
}

/* Open Orders: product-title fallback for Veeqo lines with no image */
.open-orders-title-placeholder {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  text-align: center !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.open-orders-title-placeholder span {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-width: 100% !important;
}
.open-orders-missing-sku {
  margin-top: 5px !important;
  font-size: 10px !important;
  opacity: 0.75 !important;
}
.open-orders-preview-grid:not(.one-item) .open-orders-title-placeholder span {
  -webkit-line-clamp: 4 !important;
  font-size: 11px !important;
}

/* Open Orders: mobile select-card behavior, detail modal, and PDF builder */
.open-orders-card-main {
  cursor: pointer;
}

.open-orders-details-link {
  border: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  padding: 0 !important;
  text-align: left !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.open-orders-details-link:hover {
  color: var(--accent) !important;
  text-decoration: underline;
}

.open-orders-shipdate-block {
  min-width: 0;
}

.open-orders-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(6px);
}

.open-orders-modal {
  width: min(1040px, 96vw);
  max-height: 92vh;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: #0b1930;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  padding: 18px;
}

.open-orders-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.open-orders-modal-head h3 {
  margin: 0;
}

.open-orders-modal-detail-grid {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  padding: 12px;
  margin-bottom: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.open-orders-modal-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}

.open-orders-modal-products .open-orders-product-card {
  border-color: rgba(99, 210, 151, 0.34);
}

.open-orders-modal-products .open-orders-product-image,
.open-orders-modal-products .open-orders-product-image-empty {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
}

.open-orders-pdf-modal {
  width: min(1180px, 96vw);
}

.open-orders-pdf-title-label,
.open-orders-slide-editor label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 900;
  margin-bottom: 12px;
}

.open-orders-pdf-title-label input,
.open-orders-slide-editor input,
.open-orders-slide-editor textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #07152a;
  color: var(--text);
  padding: 10px 12px;
  font: inherit;
  box-sizing: border-box;
}

.open-orders-slide-editor textarea {
  min-height: 72px;
  resize: vertical;
}

.open-orders-pdf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 16px;
}

.open-orders-slide-editor-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}

.open-orders-slide-editor {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
}

.open-orders-slide-editor-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.open-orders-slide-preview {
  margin-top: 12px;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.open-orders-slide-preview-subject {
  text-align: center;
  font-size: 1.45rem;
  font-weight: 1000;
  margin-bottom: 10px;
}

.open-orders-slide-preview img,
.open-orders-slide-no-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.5);
}

.open-orders-slide-no-image {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-weight: 900;
}

@media (max-width: 760px) {
  .open-orders-modal-backdrop {
    align-items: end;
    padding: 10px;
  }

  .open-orders-modal {
    width: 100%;
    max-height: 88vh;
    border-radius: 20px 20px 0 0;
    padding: 14px;
  }

  .open-orders-order-meta {
    grid-template-columns: 1fr !important;
    padding-right: 36px !important;
  }

  .open-orders-shipdate-block {
    display: block !important;
  }

  .open-orders-modal-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .open-orders-modal-products .open-orders-card-item-title {
    font-size: 0.82rem;
    -webkit-line-clamp: 4;
  }

  .open-orders-slide-editor-list {
    grid-template-columns: 1fr;
  }

  .open-orders-pdf-actions button,
  .open-orders-pdf-actions select {
    width: 100%;
  }
}

/* Open Orders: detail read-more titles and improved PDF pull-list editor */
.open-orders-modal-products .open-orders-card-item-title {
  cursor: pointer;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.open-orders-modal-products .open-orders-card-item-title.expanded {
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
}
.open-orders-modal-products .open-orders-card-item-title.clickable::after {
  content: '  Tap to read more';
  display: block;
  margin-top: 4px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 900;
  opacity: 0.9;
}
.open-orders-modal-products .open-orders-card-item-title.expanded::after {
  content: 'Tap to collapse';
}

.open-orders-slide-paste-hint {
  margin: -4px 0 10px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.25;
}
.open-orders-slide-preview {
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.open-orders-slide-preview.active {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(99, 210, 151, 0.18);
}
.open-orders-slide-preview img,
.open-orders-slide-no-image {
  max-height: 260px;
  object-fit: contain !important;
}
.open-orders-add-slide-card {
  min-height: 260px;
  border: 2px dashed rgba(99, 210, 151, 0.5);
  border-radius: 18px;
  background: rgba(99, 210, 151, 0.08);
  color: var(--text);
  font-weight: 1000;
  font-size: 1.05rem;
  cursor: pointer;
}
.open-orders-add-slide-card:hover {
  background: rgba(99, 210, 151, 0.14);
  border-color: var(--accent);
}

@media (max-width: 760px) {
  .open-orders-order-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }
  .open-orders-mexico-slot {
    min-width: 0 !important;
  }
  .open-orders-shipdate-block {
    justify-self: start !important;
    text-align: left !important;
  }
  .open-orders-slide-preview img,
  .open-orders-slide-no-image {
    max-height: 220px;
  }
  .open-orders-add-slide-card {
    min-height: 160px;
  }
}

.open-orders-debug-tester {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.28);
}

.open-orders-debug-test-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 0.8fr) auto;
  gap: 10px;
  align-items: end;
  margin-top: 10px;
}

.open-orders-debug-test-grid label {
  display: grid;
  gap: 5px;
}

.open-orders-debug-test-grid input,
.open-orders-debug-test-grid select {
  width: 100%;
}

@media (max-width: 720px) {
  .open-orders-debug-test-grid {
    grid-template-columns: 1fr;
  }
}

/* Profit Analyzer single-order lookup */
.profit-order-lookup-panel[open] .profit-panel-summary {
  margin-bottom: 12px;
}

.profit-order-lookup-intro {
  margin-bottom: 14px !important;
}

.profit-order-lookup-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.profit-order-lookup-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 800;
}

.profit-order-lookup-form input {
  width: 100%;
  min-width: 0;
}

.profit-order-lookup-result {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.profit-order-lookup-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.profit-order-lookup-heading h3 {
  margin-bottom: 5px;
}

.profit-order-lookup-profit {
  flex: 0 0 auto;
  min-width: 160px;
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  border: 1px solid rgba(99, 210, 151, 0.38);
  border-radius: 16px;
  background: rgba(99, 210, 151, 0.11);
  text-align: right;
}

.profit-order-lookup-profit.is-loss {
  border-color: rgba(255, 120, 120, 0.42);
  background: rgba(255, 120, 120, 0.1);
}

.profit-order-lookup-profit span,
.profit-order-lookup-profit small {
  color: var(--muted);
  font-weight: 800;
}

.profit-order-lookup-profit strong {
  font-size: 1.55rem;
}

.profit-order-lookup-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.profit-order-lookup-notes {
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.profit-order-lookup-notes p {
  overflow-wrap: anywhere;
}

.profit-order-lookup-warnings {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

@media (max-width: 800px) {
  .profit-order-lookup-form {
    grid-template-columns: 1fr;
  }

  .profit-order-lookup-form button {
    width: 100%;
  }

  .profit-order-lookup-heading {
    display: grid;
  }

  .profit-order-lookup-profit {
    min-width: 0;
    width: 100%;
    text-align: left;
  }

  .profit-order-lookup-cost-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== Admin > Collection Sorter ===== */
.collection-sorter-page {
  display: grid;
  gap: 14px;
}

.collection-sorter-page-heading,
.collection-sorter-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.collection-sorter-page-heading h2,
.collection-sorter-panel-heading h3,
.collection-sorter-env-card h3,
.collection-sorter-rule-card h3 {
  margin: 0 0 5px;
}

.collection-sorter-page-heading p,
.collection-sorter-panel-heading p,
.collection-sorter-env-card p,
.collection-sorter-rule-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.collection-sorter-panel,
.collection-sorter-env-card,
.collection-sorter-rule-card {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(13, 28, 51, 0.92);
  box-shadow: var(--shadow);
  padding: 16px;
}

.collection-sorter-alert {
  display: grid;
  gap: 4px;
  padding: 13px 15px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.04);
}

.collection-sorter-alert span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.collection-sorter-alert.success {
  border-color: rgba(99, 210, 151, 0.48);
  background: rgba(99, 210, 151, 0.1);
}

.collection-sorter-alert.info {
  border-color: rgba(91, 168, 255, 0.5);
  background: rgba(91, 168, 255, 0.1);
}

.collection-sorter-alert.danger {
  border-color: rgba(216, 106, 106, 0.52);
  background: rgba(216, 106, 106, 0.1);
}

.collection-sorter-env-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
}

.collection-sorter-env-card pre {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px;
  border-radius: 13px;
  background: #06101f;
  border: 1px solid var(--border);
  color: #d9e7ff;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.collection-sorter-env-card > p:last-child {
  grid-column: 1 / -1;
}

.collection-sorter-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.collection-sorter-metrics.compact {
  margin-top: 12px;
}

.collection-sorter-metric {
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.035);
}

.collection-sorter-metric span {
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.collection-sorter-metric strong {
  align-self: end;
  font-size: 1.65rem;
}

.collection-sorter-rule-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  gap: 16px;
}

.collection-sorter-rule-steps {
  display: grid;
  gap: 8px;
}

.collection-sorter-rule-steps span {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.9rem;
  font-weight: 800;
}

.collection-sorter-run-banner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 13px 15px;
  border-radius: 15px;
  border: 1px solid rgba(233, 197, 90, 0.45);
  background: rgba(233, 197, 90, 0.1);
}

.collection-sorter-run-banner span {
  color: var(--muted);
}

.collection-sorter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 900;
  white-space: nowrap;
}

.collection-sorter-pill.success {
  border-color: rgba(99, 210, 151, 0.5);
  background: rgba(99, 210, 151, 0.13);
}

.collection-sorter-pill.info {
  border-color: rgba(91, 168, 255, 0.52);
  background: rgba(91, 168, 255, 0.13);
}

.collection-sorter-pill.warning {
  border-color: rgba(233, 197, 90, 0.52);
  background: rgba(233, 197, 90, 0.13);
}

.collection-sorter-pill.danger {
  border-color: rgba(216, 106, 106, 0.55);
  background: rgba(216, 106, 106, 0.13);
}

.collection-sorter-settings-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.25fr) minmax(190px, 0.75fr) minmax(190px, 0.75fr) minmax(230px, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.collection-sorter-settings-grid > label,
.collection-sorter-timezone {
  display: grid;
  gap: 7px;
  align-content: start;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
}

.collection-sorter-settings-grid label > span,
.collection-sorter-timezone > span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.collection-sorter-settings-grid select,
.collection-sorter-toolbar select {
  width: 100%;
  border-radius: 13px;
  border: 1px solid var(--border);
  background: #07152a;
  color: var(--text);
  padding: 11px 12px;
}

.collection-sorter-toggle-card {
  grid-template-columns: 24px 1fr !important;
  align-items: center;
}

.collection-sorter-toggle-card input,
.collection-sorter-check input {
  width: 20px;
  height: 20px;
  accent-color: var(--accent);
}

.collection-sorter-toggle-card span {
  display: grid;
  gap: 3px;
  color: var(--text) !important;
  font-size: inherit !important;
}

.collection-sorter-toggle-card small,
.collection-sorter-timezone small {
  color: var(--muted);
  line-height: 1.35;
}

.collection-sorter-input-suffix {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

.collection-sorter-input-suffix b {
  color: var(--muted);
}

.collection-sorter-actions {
  margin-top: 12px;
}

.collection-sorter-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(150px, 210px) auto auto;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.collection-sorter-list-summary {
  margin: 10px 0;
  line-height: 1.45;
}

.collection-sorter-collection-list {
  display: grid;
  gap: 8px;
  max-height: 720px;
  overflow: auto;
  padding-right: 3px;
}

.collection-sorter-collection-row {
  display: grid;
  grid-template-columns: 32px minmax(260px, 1.45fr) minmax(180px, 0.75fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.03);
}

.collection-sorter-collection-row.selected {
  border-color: rgba(99, 210, 151, 0.5);
  background: rgba(99, 210, 151, 0.09);
}

.collection-sorter-check {
  display: flex;
  justify-content: center;
}

.collection-sorter-collection-main,
.collection-sorter-row-status {
  min-width: 0;
}

.collection-sorter-collection-title {
  display: grid;
  gap: 2px;
}

.collection-sorter-collection-title strong,
.collection-sorter-collection-title small {
  overflow-wrap: anywhere;
}

.collection-sorter-collection-title small,
.collection-sorter-row-status small,
.collection-sorter-collection-meta {
  color: var(--muted);
}

.collection-sorter-collection-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-top: 7px;
  font-size: 0.78rem;
  font-weight: 700;
}

.collection-sorter-row-status {
  display: grid;
  gap: 5px;
  justify-items: start;
}

.collection-sorter-row-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.danger-outline {
  border: 1px solid rgba(216, 106, 106, 0.48) !important;
  color: #ffd6d6 !important;
}

.collection-sorter-table-wrap {
  overflow: auto;
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
}

.collection-sorter-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}

.collection-sorter-table th,
.collection-sorter-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: middle;
}

.collection-sorter-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #0b1a30;
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.collection-sorter-table tbody tr:last-child td {
  border-bottom: 0;
}

.collection-sorter-gap-row td {
  text-align: center;
  color: var(--muted);
  font-style: italic;
}

.collection-sorter-history {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.collection-sorter-history-row {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.03);
}

.collection-sorter-history-row > div {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.collection-sorter-history-row p,
.collection-sorter-history-row small {
  margin: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.collection-sorter-advanced-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

.collection-sorter-advanced-actions span {
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.4;
}

@media (max-width: 1050px) {
  .collection-sorter-metrics,
  .collection-sorter-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-sorter-collection-row {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }

  .collection-sorter-row-status {
    grid-column: 2 / 3;
  }

  .collection-sorter-row-actions {
    grid-column: 3;
    grid-row: 1 / span 2;
    max-width: 170px;
  }
}

@media (max-width: 760px) {
  .collection-sorter-metrics,
  .collection-sorter-settings-grid,
  .collection-sorter-rule-card,
  .collection-sorter-toolbar,
  .collection-sorter-env-card {
    grid-template-columns: 1fr;
  }

  .collection-sorter-env-card pre,
  .collection-sorter-env-card > p:last-child {
    grid-column: auto;
  }

  .collection-sorter-collection-row {
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
  }

  .collection-sorter-row-status,
  .collection-sorter-row-actions {
    grid-column: 2;
    grid-row: auto;
    max-width: none;
    justify-content: flex-start;
  }

  .collection-sorter-run-banner {
    display: grid;
  }
}

/* Offline garage count queue: product-level pending status */
.family-card-media,
.variant-thumb-wrap {
  position: relative;
  overflow: hidden;
}

.variant-thumb-wrap {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  flex: 0 0 auto;
}

.variant-thumb-wrap .variant-thumb {
  width: 100%;
  height: 100%;
}

.family-card.has-pending-sync,
.variant-card.has-pending-sync {
  border-color: rgba(245, 158, 11, 0.58);
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.12), var(--shadow);
}

.pending-sync-badge {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.94);
  color: #1f1300;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
  pointer-events: none;
}

.pending-sync-badge-small {
  left: 3px;
  right: 3px;
  bottom: 3px;
  min-height: 0;
  padding: 3px 5px;
  font-size: 0.52rem;
  line-height: 1.05;
  letter-spacing: 0.01em;
}

.offline-queue-strip {
  justify-content: flex-start;
}

.family-card.has-pending-sync {
  cursor: wait;
  opacity: 0.72;
}

.family-card.has-pending-sync .family-card-media,
.variant-thumb-wrap.has-pending-sync {
  filter: saturate(0.75) brightness(0.82);
}

.family-card.has-pending-sync::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: rgba(15, 23, 42, 0.12);
}

/* Notification v12: box-change and item-image details */
.notification-alert-box-change {
  border-color: rgba(233, 197, 90, 0.20);
  background: rgba(233, 197, 90, 0.075);
}

.notification-box-change {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.notification-box-change-line {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.14);
}

.notification-box-change-line span,
.notification-box-change-costs span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.notification-box-change-line strong,
.notification-box-change-costs strong {
  color: var(--text);
  font-size: 0.95rem;
}

.notification-box-change-costs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.notification-box-change-costs > div {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
}

.notification-box-change-costs em {
  color: var(--muted);
  font-style: normal;
  font-size: 0.74rem;
}

.notification-box-change-note {
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 700;
}

.notification-item-image {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 44px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.notification-item-image-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 1.1rem;
}

.notification-item-title {
  flex: 1 1 220px;
  min-width: 160px;
}

.cost-cleanup-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(216, 106, 106, 0.28);
  border-radius: 10px;
  background: rgba(216, 106, 106, 0.08);
  font-size: 0.9rem;
  font-weight: 750;
}

.cost-cleanup-toggle input {
  width: 16px;
  height: 16px;
  margin: 0;
}

/* Notification v14: compact, glanceable cards */
.notification-card-header-compact {
  align-items: center;
}

.notification-issue-line {
  margin-top: 4px;
  color: var(--text);
  font-weight: 850;
  font-size: 0.95rem;
}

.notification-alert-list-compact {
  margin: 10px 0 4px;
}

.notification-alert-compact {
  gap: 5px;
  padding: 10px 12px;
}

.notification-alert-compact > strong {
  color: var(--accent-2);
  font-size: 0.92rem;
  text-transform: uppercase;
  letter-spacing: 0.015em;
}

.notification-alert-compact > span {
  font-weight: 750;
}

.notification-order-details .notification-meta-grid {
  margin-top: 10px;
}

.notification-box-change-rates {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 750;
}

.notification-box-change-rates strong {
  color: var(--text);
}

/* Notification v15: cleaner header and simplified box-change costs */
.notification-sheet-header-simple {
  align-items: center;
  margin-bottom: 12px;
}

.notification-sheet-header-simple h2 {
  margin: 0;
}

.notification-toolbar-simple {
  margin-bottom: 8px;
}

.notification-settings-details {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 0.92rem;
}

.notification-settings-details summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  color: var(--muted);
  list-style-position: inside;
  user-select: none;
}

.notification-settings-panel {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}

.notification-settings-panel .notification-include-cleared {
  width: fit-content;
}

.notification-box-change-costs-simple {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.notification-box-change-costs > div.notification-cost-increase {
  border: 1px solid rgba(248, 113, 113, 0.38);
  background: rgba(248, 113, 113, 0.12);
}

.notification-box-change-costs > div.notification-cost-increase strong {
  color: #fecaca;
}

.notification-box-change-costs > div.notification-cost-savings {
  border: 1px solid rgba(74, 222, 128, 0.38);
  background: rgba(74, 222, 128, 0.12);
}

.notification-box-change-costs > div.notification-cost-savings strong {
  color: #bbf7d0;
}

.notification-box-change-rates {
  margin-top: 2px;
  padding: 7px 9px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.12);
}

.notification-box-change-rates summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 800;
}

.notification-box-change-rates span {
  display: block;
  margin-top: 4px;
}

@media (max-width: 900px) {
  .notification-toolbar-simple > button {
    flex: 1 1 auto;
  }

  .notification-settings-panel .notification-include-cleared {
    width: 100%;
  }
}

/* Notification v20: box monitor scan diagnostics */
.notification-monitor-debug {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.025);
}

.notification-monitor-debug summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--text);
}

.notification-monitor-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.notification-monitor-counts span,
.notification-monitor-row {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.14);
}

.notification-monitor-counts span {
  padding: 6px 8px;
}

.notification-monitor-rows {
  display: grid;
  gap: 8px;
}

.notification-monitor-row {
  display: grid;
  gap: 3px;
  padding: 8px;
}

.notification-monitor-row span,
.notification-monitor-row em {
  color: var(--muted);
  font-style: normal;
}

/* Notification v27: bottom debug export button */
.notification-debug-actions {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 8px 0;
}

.notification-debug-actions .compact-button {
  width: auto;
}

/* Open Orders cleanup + notes editor 2026-07-07 */
.open-orders-shell-clean {
  gap: 14px !important;
}

.open-orders-header-clean {
  padding: 10px 0 2px !important;
}

.open-orders-header-clean h2 {
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  letter-spacing: -0.02em !important;
}

.open-orders-command-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid var(--border) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(17, 35, 64, 0.78), rgba(7, 19, 37, 0.72)) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}

.open-orders-filter-row {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.open-orders-filter-field {
  display: grid !important;
  gap: 5px !important;
  min-width: 210px !important;
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

.open-orders-filter-field select,
.open-orders-actionbar-clean select {
  min-height: 40px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  background: rgba(2, 11, 26, 0.74) !important;
  color: var(--text) !important;
  padding: 8px 11px !important;
  font: inherit !important;
}

.open-orders-mini-metrics {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.open-orders-mini-metrics span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
}

.open-orders-mini-metrics strong {
  color: var(--text) !important;
  font-size: 1rem !important;
}

.open-orders-actionbar-clean {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  gap: 8px !important;
}

.open-orders-actionbar-clean button,
.open-orders-actionbar-clean select,
.open-orders-header-clean button {
  min-height: 40px !important;
  border-radius: 13px !important;
  padding: 8px 12px !important;
}

.open-orders-card-section {
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.032) !important;
}

.open-orders-section-title {
  margin-bottom: 2px !important;
}

.open-orders-card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
}

.open-orders-order-card {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: stretch !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(9, 24, 47, 0.96), rgba(5, 17, 35, 0.94)) !important;
}

.open-orders-card-main {
  padding: 11px !important;
  gap: 9px !important;
}

.open-orders-order-meta {
  align-items: center !important;
  min-height: 36px !important;
  gap: 8px !important;
  padding-right: 32px !important;
}

.open-orders-shipdate-block strong {
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
}

.open-orders-meta-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.06em !important;
}

.open-orders-mexico-slot {
  min-height: 20px !important;
}

.open-orders-mexico-pill {
  padding: 3px 7px !important;
  font-size: 0.56rem !important;
}

.open-orders-select-dot,
.open-orders-select-dot span {
  width: 27px !important;
  height: 27px !important;
}

.open-orders-select-dot {
  top: 10px !important;
  right: 10px !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid:not(.one-item) {
  gap: 7px !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item > .open-orders-product-card {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image,
.open-orders-order-card:not(.expanded) .open-orders-preview-grid.one-item .open-orders-product-image-empty {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
}

.open-orders-product-card,
.open-orders-more-tile {
  border-radius: 13px !important;
}

.open-orders-card-hint {
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
  color: #b9d7ff !important;
}

.open-orders-debug {
  margin: 2px 0 0 !important;
  opacity: 0.82 !important;
}

.open-orders-debug[open] {
  opacity: 1 !important;
}

.open-orders-detail-modal {
  width: min(1120px, 96vw) !important;
}

.open-orders-note-panel,
.open-orders-employee-notes {
  margin: 0 0 14px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.open-orders-note-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

.open-orders-note-head strong {
  display: block !important;
  font-size: 1rem !important;
}

.open-orders-note-textarea {
  display: block !important;
  width: 100% !important;
  min-height: 110px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 14px !important;
  background: rgba(2, 11, 26, 0.74) !important;
  color: var(--text) !important;
  padding: 11px 12px !important;
  font: inherit !important;
  line-height: 1.35 !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

.open-orders-employee-notes summary {
  cursor: pointer !important;
  font-weight: 900 !important;
}

.open-orders-employee-notes p {
  margin: 10px 0 0 !important;
  color: var(--muted) !important;
  white-space: pre-wrap !important;
}

@media (min-width: 1180px) {
  .open-orders-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .open-orders-filter-field,
  .open-orders-filter-field select,
  .open-orders-actionbar-clean button,
  .open-orders-actionbar-clean select,
  .open-orders-header-clean button {
    width: 100% !important;
  }

  .open-orders-mini-metrics {
    justify-content: stretch !important;
    width: 100% !important;
  }

  .open-orders-mini-metrics span {
    flex: 1 1 calc(50% - 6px) !important;
    justify-content: center !important;
  }

  .open-orders-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .open-orders-card-main {
    padding: 9px !important;
  }

  .open-orders-note-head {
    display: grid !important;
  }

  .open-orders-note-head button {
    width: 100% !important;
  }
}

/* Open Orders v2 detail cleanup + split/duplicate tools — 2026-07-07 */
.open-orders-detail-modal-v2 {
  width: min(1180px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding: 18px !important;
}

.open-orders-detail-head-v2 {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  margin: -18px -18px 16px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: linear-gradient(180deg, rgba(9, 24, 47, 0.98), rgba(9, 24, 47, 0.94)) !important;
  backdrop-filter: blur(10px) !important;
}

.open-orders-modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.open-orders-detail-layout-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 16px !important;
  align-items: start !important;
}

.open-orders-detail-main-v2,
.open-orders-detail-side-v2 {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.open-orders-detail-side-v2 {
  align-content: start !important;
}

.open-orders-detail-modal-v2 .open-orders-modal-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

.open-orders-detail-modal-v2 .open-orders-detail-row {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.open-orders-detail-modal-v2 .open-orders-detail-row span,
.open-orders-info-card span,
.open-orders-muted {
  color: var(--muted) !important;
}

.open-orders-detail-modal-v2 .open-orders-detail-row strong,
.open-orders-info-card strong {
  color: var(--text) !important;
  overflow-wrap: anywhere !important;
}

.open-orders-info-panel {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.open-orders-info-card {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  background: rgba(2, 11, 26, 0.45) !important;
  border: 1px solid rgba(148, 163, 184, 0.14) !important;
}

.open-orders-info-card span {
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.open-orders-info-card small {
  color: var(--muted) !important;
  line-height: 1.25 !important;
}

.open-orders-warning-list,
.open-orders-safe-ok {
  grid-column: 1 / -1 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.open-orders-warning-list {
  border: 1px solid rgba(251, 191, 36, 0.28) !important;
  background: rgba(251, 191, 36, 0.09) !important;
}

.open-orders-safe-ok {
  border: 1px solid rgba(74, 222, 128, 0.18) !important;
  background: rgba(74, 222, 128, 0.055) !important;
  color: #bff7d2 !important;
}

.open-orders-note-panel-v2,
.open-orders-split-panel,
.open-orders-duplicate-panel,
.open-orders-modal-products-v2 {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.open-orders-note-panel-v2 .open-orders-note-textarea {
  min-height: 94px !important;
  margin: 0 !important;
}

.open-orders-panel-head,
.open-orders-package-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.open-orders-change-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--muted) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

.open-orders-change-pill.changed {
  color: #dfffea !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
  background: rgba(74, 222, 128, 0.11) !important;
}

.open-orders-package-board {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

.open-orders-package-box {
  min-height: 190px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 9px !important;
  padding: 11px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  background: rgba(2, 11, 26, 0.42) !important;
}

.open-orders-package-box.empty {
  border-style: dashed !important;
  background: rgba(2, 11, 26, 0.25) !important;
}

.open-orders-package-head span {
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
}

.open-orders-package-items {
  display: grid !important;
  gap: 8px !important;
  align-content: start !important;
}

.open-orders-empty-drop {
  min-height: 92px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px dashed rgba(148, 163, 184, 0.26) !important;
  border-radius: 14px !important;
  color: var(--muted) !important;
  font-weight: 850 !important;
}

.open-orders-package-item {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  cursor: grab !important;
}

.open-orders-package-item:active {
  cursor: grabbing !important;
}

.open-orders-package-item img,
.open-orders-package-dot {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

.open-orders-package-dot {
  display: block !important;
  background: rgba(148, 163, 184, 0.18) !important;
}

.open-orders-package-item strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--text) !important;
  font-size: 0.82rem !important;
}

.open-orders-package-item span {
  display: block !important;
  margin-top: 2px !important;
  color: var(--muted) !important;
  font-size: 0.72rem !important;
  overflow-wrap: anywhere !important;
}

.open-orders-package-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.open-orders-safe-note {
  margin-top: 10px !important;
  color: var(--muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

.open-orders-duplicate-panel,
.open-orders-modal-products-v2 {
  display: grid !important;
  gap: 10px !important;
}

.open-orders-duplicate-panel select,
.open-orders-duplicate-panel button {
  width: 100% !important;
}

.open-orders-duplicate-panel select {
  min-height: 40px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: rgba(2, 11, 26, 0.74) !important;
  color: var(--text) !important;
  padding: 8px 10px !important;
}

.open-orders-card-item-sku {
  margin: -3px 8px 8px !important;
  color: var(--muted) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}

.open-orders-modal-products-v2 .open-orders-product-card {
  width: 100% !important;
}

.open-orders-modal-products-v2 .open-orders-product-image,
.open-orders-modal-products-v2 .open-orders-product-image-empty {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
}

@media (max-width: 980px) {
  .open-orders-detail-layout-v2 {
    grid-template-columns: 1fr !important;
  }

  .open-orders-detail-side-v2 {
    grid-template-columns: 1fr !important;
  }

  .open-orders-info-panel,
  .open-orders-detail-modal-v2 .open-orders-modal-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .open-orders-detail-modal-v2 {
    width: calc(100vw - 14px) !important;
    padding: 12px !important;
  }

  .open-orders-detail-head-v2 {
    margin: -12px -12px 12px !important;
    padding: 12px !important;
  }

  .open-orders-modal-actions,
  .open-orders-modal-actions button {
    width: 100% !important;
  }

  .open-orders-info-panel,
  .open-orders-detail-modal-v2 .open-orders-modal-detail-grid {
    grid-template-columns: 1fr !important;
  }

  .open-orders-package-board {
    grid-template-columns: 1fr !important;
  }
}

/* Open Orders v3 simplification — compact detail modal, notification warnings only */
.open-orders-detail-modal-v3 {
  width: min(980px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding: 16px !important;
}

.open-orders-detail-head-v3,
.open-orders-detail-modal-v3 .open-orders-detail-head-v2 {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18) !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.open-orders-detail-main-v3 {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.open-orders-detail-modal-v3 .open-orders-info-panel,
.open-orders-detail-modal-v3 .open-orders-detail-side-v2,
.open-orders-detail-modal-v3 .open-orders-duplicate-panel,
.open-orders-detail-modal-v3 .open-orders-modal-products-v2 {
  display: none !important;
}

.open-orders-warning-panel,
.open-orders-collapsed-details,
.open-orders-detail-footer-actions {
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.open-orders-warning-panel {
  border-color: rgba(251, 191, 36, 0.34) !important;
  background: rgba(251, 191, 36, 0.08) !important;
}

.open-orders-warning-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.open-orders-warning-panel-head strong {
  color: var(--text) !important;
  font-size: 1rem !important;
}

.open-orders-warning-panel-head span {
  color: var(--muted) !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
}

.open-orders-warning-list-compact {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.open-orders-warning-list-compact > div {
  display: grid !important;
  gap: 3px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(251, 191, 36, 0.23) !important;
  border-radius: 14px !important;
  background: rgba(2, 11, 26, 0.28) !important;
}

.open-orders-warning-list-compact strong {
  color: var(--text) !important;
}

.open-orders-warning-list-compact small {
  color: var(--muted) !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

.open-orders-collapsed-details summary {
  cursor: pointer !important;
  font-weight: 950 !important;
  color: var(--text) !important;
}

.open-orders-collapsed-details .open-orders-modal-detail-grid {
  margin-top: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.open-orders-detail-footer-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

.open-orders-package-board {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 305px), 1fr)) !important;
}

.open-orders-package-box {
  min-width: 0 !important;
  overflow: hidden !important;
}

.open-orders-package-item {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-areas: "image text" "actions actions" !important;
  gap: 8px 10px !important;
  align-items: center !important;
  min-width: 0 !important;
  cursor: pointer !important;
}

.open-orders-package-item img,
.open-orders-package-dot {
  grid-area: image !important;
}

.open-orders-package-item-text {
  grid-area: text !important;
  min-width: 0 !important;
}

.open-orders-package-item-actions {
  grid-area: actions !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.open-orders-package-item strong {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.open-orders-package-item span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.open-orders-package-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  justify-content: start !important;
}

.open-orders-mini-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 80 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(2, 8, 23, 0.62) !important;
  backdrop-filter: blur(5px) !important;
}

.open-orders-mini-modal {
  width: min(440px, 94vw) !important;
  padding: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 20px !important;
  background: rgba(9, 24, 47, 0.98) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.38) !important;
}

.open-orders-mini-modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.open-orders-mini-modal-head h4 {
  margin: 0 0 4px !important;
  color: var(--text) !important;
}

.open-orders-mini-modal-head p {
  margin: 0 !important;
  color: var(--muted) !important;
  line-height: 1.35 !important;
}

.open-orders-duplicate-choice {
  display: grid !important;
  gap: 7px !important;
  margin-bottom: 14px !important;
}

.open-orders-duplicate-choice span,
.open-orders-item-info-body span {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.open-orders-duplicate-choice select {
  min-height: 42px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  background: rgba(2, 11, 26, 0.74) !important;
  color: var(--text) !important;
  padding: 8px 10px !important;
}

.open-orders-mini-modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.open-orders-item-info-body {
  display: grid !important;
  gap: 12px !important;
}

.open-orders-item-info-body img {
  width: 100% !important;
  max-height: 220px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
}

.open-orders-item-info-body div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.open-orders-item-info-body strong {
  color: var(--text) !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 640px) {
  .open-orders-detail-modal-v3 {
    width: calc(100vw - 14px) !important;
    padding: 12px !important;
  }

  .open-orders-detail-head-v3,
  .open-orders-detail-modal-v3 .open-orders-detail-head-v2 {
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
  }

  .open-orders-collapsed-details .open-orders-modal-detail-grid {
    grid-template-columns: 1fr !important;
  }

  .open-orders-detail-footer-actions,
  .open-orders-detail-footer-actions button,
  .open-orders-mini-modal-actions button {
    width: 100% !important;
  }
}

/* Open Orders v4 detail/debug polish — package/rate summary, stable SKU add rows */
.open-orders-shipping-compact-panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.open-orders-shipping-mini-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  display: grid !important;
  gap: 5px !important;
}

.open-orders-shipping-mini-card span {
  color: var(--muted) !important;
  font-size: 0.74rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.045em !important;
}

.open-orders-shipping-mini-card strong {
  color: var(--text) !important;
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.open-orders-shipping-mini-card small {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
}

.open-orders-detail-modal-v3 .open-orders-package-item {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas: "image text actions" !important;
}

.open-orders-detail-modal-v3 .open-orders-package-item-actions {
  justify-content: flex-end !important;
  align-self: center !important;
}

.open-orders-detail-modal-v3 .open-orders-package-item-actions .compact-button {
  min-width: 40px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.open-orders-debug-test-grid-order-only {
  grid-template-columns: minmax(220px, 1fr) auto !important;
}

.open-orders-advanced-order-tools .open-orders-detail-footer-actions {
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 700px) {
  .open-orders-shipping-compact-panel,
  .open-orders-debug-test-grid-order-only {
    grid-template-columns: 1fr !important;
  }
}

/* Open Orders v4 safe mode — Veeqo package assignment is manual-only */
.open-orders-change-pill.manual {
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, 0.32) !important;
  background: rgba(251, 191, 36, 0.10) !important;
}

.open-orders-package-item.added {
  border-color: rgba(74, 222, 128, 0.28) !important;
  background: rgba(74, 222, 128, 0.075) !important;
}

.open-orders-detail-modal-v3 .open-orders-package-item,
.open-orders-package-item {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas: "image text actions" !important;
  min-width: 0 !important;
}

.open-orders-package-item-text,
.open-orders-package-item-text strong,
.open-orders-package-item-text span {
  min-width: 0 !important;
  max-width: 100% !important;
}

.open-orders-package-actions .compact-button,
.open-orders-package-item-actions .compact-button {
  white-space: nowrap !important;
}

.open-orders-shipping-compact-panel {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 760px) {
  .open-orders-detail-modal-v3 .open-orders-package-item,
  .open-orders-package-item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas: "image text" "actions actions" !important;
  }

  .open-orders-shipping-compact-panel {
    grid-template-columns: 1fr !important;
  }
}

/* Open Orders v16 — fill the row while keeping single/few order cards reasonable */
.open-orders-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)) !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

.open-orders-card-grid.one-item {
  grid-template-columns: minmax(205px, 245px) !important;
  justify-content: start !important;
}

.open-orders-card-grid.two-items {
  grid-template-columns: repeat(2, minmax(205px, 245px)) !important;
  justify-content: start !important;
}

.open-orders-card-grid.three-items {
  grid-template-columns: repeat(3, minmax(205px, 245px)) !important;
  justify-content: start !important;
}

.open-orders-order-card {
  width: 100% !important;
  max-width: none !important;
}

.open-orders-card-grid.one-item .open-orders-order-card,
.open-orders-card-grid.two-items .open-orders-order-card,
.open-orders-card-grid.three-items .open-orders-order-card {
  max-width: 245px !important;
}

.open-orders-preview-grid.one-item .open-orders-product-card,
.open-orders-preview-grid .open-orders-preview-fill,
.open-orders-product-grid.one-item .open-orders-product-card,
.open-orders-preview-fill {
  min-height: 0 !important;
}

.open-orders-preview-grid.one-item .open-orders-product-image,
.open-orders-preview-grid.one-item .open-orders-product-image-empty,
.open-orders-product-grid.one-item .open-orders-product-image,
.open-orders-product-grid.one-item .open-orders-product-image-empty {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.open-orders-advanced-order-tools {
  margin-top: 0 !important;
}

.open-orders-detail-modal-v3 .open-orders-package-board {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 305px), 1fr)) !important;
}

.open-orders-change-pill.manual {
  color: #dfffea !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
  background: rgba(74, 222, 128, 0.11) !important;
}

@media (max-width: 760px) {
  .open-orders-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .open-orders-order-card {
    max-width: none !important;
  }
}

.open-orders-sellable-answer {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(99, 210, 151, 0.35);
  border-radius: 12px;
  background: rgba(99, 210, 151, 0.10);
}
.open-orders-sellable-answer code {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(2, 6, 23, 0.55);
  color: #d1fae5;
  overflow-wrap: anywhere;
}


/* Open Orders v11 pending add queue */
.open-orders-pending-adds {
  margin: 10px 0 12px;
  padding: 10px;
  border: 1px solid rgba(142, 180, 220, 0.25);
  border-radius: 14px;
  background: rgba(12, 28, 49, 0.45);
}
.open-orders-pending-adds-head,
.open-orders-pending-add-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.open-orders-pending-adds-head {
  justify-content: space-between;
  margin-bottom: 8px;
  color: #dbeafe;
}
.open-orders-pending-add-row {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(142, 180, 220, 0.22);
  border-radius: 12px;
  background: rgba(5, 15, 30, 0.55);
}
.open-orders-pending-add-row + .open-orders-pending-add-row { margin-top: 8px; }
.open-orders-pending-add-row img {
  width: 42px;
  height: 42px;
  border-radius: 9px;
  object-fit: cover;
  flex: 0 0 auto;
}
.open-orders-pending-add-row div {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 2px;
}
.open-orders-pending-add-row strong,
.open-orders-pending-add-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.open-orders-pending-add-row span {
  color: #a8c7ee;
  font-size: 0.86rem;
}

.open-orders-hidden-split-tester {
  margin-top: 10px !important;
  border: 1px dashed rgba(148, 163, 184, 0.24) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  background: rgba(2, 11, 26, 0.22) !important;
}

.open-orders-hidden-split-tester summary {
  cursor: pointer !important;
  font-weight: 900 !important;
  color: var(--muted) !important;
}

.open-orders-safe-note.warning {
  color: #fcd34d !important;
}

.open-orders-split-tester-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 10px !important;
  color: var(--muted) !important;
  font-size: 0.86rem !important;
}

.open-orders-split-tester-row span {
  min-width: 0 !important;
}

/* Open Orders v14 — add-item-only helper, no package split UI */
.open-orders-add-item-panel .open-orders-current-items {
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.24);
}
.open-orders-current-items-list {
  display: grid;
  gap: 8px;
}
.open-orders-add-item-actions {
  margin-top: 12px;
  justify-content: flex-start;
}
.open-orders-add-item-panel .open-orders-package-item {
  cursor: pointer;
}

/* Subscriber List app */
.subscriber-list-page .collection-sorter-metric strong {
  font-size: 1.45rem;
}

.subscriber-list-add-grid {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.8fr) minmax(150px, 0.6fr) minmax(220px, 1fr);
}

.subscriber-list-toolbar {
  grid-template-columns: minmax(240px, 1fr) minmax(160px, 220px) minmax(160px, 220px) auto;
}

.subscriber-list-table td small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .subscriber-list-add-grid,
  .subscriber-list-toolbar {
    grid-template-columns: 1fr;
  }
}

/* Subscriber List v2 cleanup */
.subscriber-list-simple-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.subscriber-list-disclosure {
  padding: 0 !important;
  overflow: hidden;
}

.subscriber-list-disclosure-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
}

.subscriber-list-disclosure-summary::-webkit-details-marker {
  display: none;
}

.subscriber-list-disclosure-summary > span:first-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.subscriber-list-disclosure-summary strong {
  color: var(--text);
  font-size: 1rem;
}

.subscriber-list-disclosure-summary small,
.subscriber-list-help-text {
  color: var(--muted);
  line-height: 1.45;
}

.subscriber-list-disclosure-summary::after {
  content: '▾';
  color: var(--muted);
  transition: transform 140ms ease;
}

.subscriber-list-disclosure[open] .subscriber-list-disclosure-summary::after {
  transform: rotate(180deg);
}

.subscriber-list-disclosure-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.subscriber-list-disclosure-body {
  padding: 0 18px 18px;
}

.subscriber-list-toolbar {
  grid-template-columns: minmax(240px, 1fr) minmax(150px, 180px) minmax(150px, 200px) minmax(160px, 210px);
  margin: 12px 0;
}

.subscriber-list-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .subscriber-list-simple-status,
  .subscriber-list-disclosure-summary,
  .subscriber-list-pagination {
    align-items: flex-start;
    flex-direction: column;
  }

  .subscriber-list-toolbar {
    grid-template-columns: 1fr;
  }
}


/* Shipping Rate Lookup */
.shipping-rate-panel,.shipping-rate-results{margin-top:18px}.shipping-rate-page-header{align-items:flex-start}.shipping-rate-origin{margin:16px 0;padding:12px 14px;border:1px solid rgba(99,210,151,.24);border-radius:12px;background:rgba(99,210,151,.07);color:var(--muted)}.shipping-rate-origin strong{color:var(--text)}.shipping-rate-simple-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shipping-rate-field{display:grid;gap:6px}.shipping-rate-field>span{color:var(--muted);font-size:.8rem;font-weight:750}.shipping-rate-field input,.shipping-rate-field select{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(3,12,25,.86);color:var(--text);outline:none}.shipping-rate-field input:focus,.shipping-rate-field select:focus{border-color:rgba(99,210,151,.72);box-shadow:0 0 0 3px rgba(99,210,151,.1)}.shipping-rate-weight-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px}.shipping-rate-custom-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(7,19,37,.5)}.shipping-rate-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.shipping-rate-actions span{color:var(--muted);font-size:.86rem}.shipping-rate-submit{min-width:170px}.shipping-rate-status{margin:14px 0}.shipping-rate-results{padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.shipping-rate-results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.shipping-rate-results-heading h2{margin:0}.shipping-rate-route{color:var(--muted);font-size:.86rem;text-align:right}.shipping-rate-result-list{display:grid;gap:12px}.shipping-rate-result-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(7,19,37,.58)}.shipping-rate-result-card.is-cheapest{border-color:rgba(99,210,151,.38);box-shadow:inset 0 0 0 1px rgba(99,210,151,.08)}.shipping-rate-result-card h3{margin:2px 0 3px}.shipping-rate-rank{color:var(--accent);font-size:.74rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.shipping-rate-service,.shipping-rate-delivery{color:var(--muted);font-size:.86rem}.shipping-rate-delivery{margin-top:5px}.shipping-rate-price{font-size:clamp(1.45rem,3vw,2rem);font-weight:900;white-space:nowrap}.shipping-rate-footnote{margin-top:14px;color:var(--muted);font-size:.8rem}.shipping-rate-empty{padding:22px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:var(--muted);text-align:center}@media(max-width:1000px){.shipping-rate-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.shipping-rate-simple-grid,.shipping-rate-custom-box{grid-template-columns:1fr}.shipping-rate-actions,.shipping-rate-results-heading,.shipping-rate-result-card{align-items:stretch;flex-direction:column}.shipping-rate-route{text-align:left}.shipping-rate-price{align-self:flex-start}}
.shipping-rate-address-field{margin-top:14px}.shipping-rate-address-field>span{display:flex;align-items:center;gap:7px}.shipping-rate-address-field small{padding:2px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.shipping-rate-address-helper{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:.79rem}.shipping-rate-address-helper a{color:var(--accent);font-weight:750;text-decoration:none}.shipping-rate-address-helper a:hover{text-decoration:underline}.shipping-rate-address-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(99,210,151,.3);border-radius:999px;background:rgba(99,210,151,.08);color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.shipping-rate-address-badge.is-manual{border-color:rgba(111,170,255,.3);background:rgba(111,170,255,.08);color:#9ec5ff}
.shipping-rate-debug{margin-top:14px;border:1px solid var(--border);border-radius:16px;background:rgba(7,19,37,.72);overflow:hidden}.shipping-rate-debug summary{cursor:pointer;padding:13px 15px;color:var(--text);font-weight:850}.shipping-rate-debug[open] summary{border-bottom:1px solid var(--border)}.shipping-rate-debug-body{display:grid;gap:12px;padding:14px}.shipping-rate-debug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shipping-rate-debug-grid>div,.shipping-rate-debug-attempt{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.shipping-rate-debug-grid span,.shipping-rate-debug-attempt span{color:var(--muted);font-size:.78rem}.shipping-rate-debug-attempts{display:grid;gap:9px}.shipping-rate-debug-attempt{grid-template-columns:repeat(3,minmax(0,1fr))}.shipping-rate-debug-attempt>strong,.shipping-rate-debug-error{grid-column:1/-1}.shipping-rate-debug-error{color:#ffb4b4!important;overflow-wrap:anywhere}.shipping-rate-debug-selected{padding:10px 12px;border:1px solid rgba(99,210,151,.25);border-radius:12px;background:rgba(99,210,151,.06);overflow-wrap:anywhere}.shipping-rate-debug-copy{justify-self:start}@media(max-width:700px){.shipping-rate-debug-grid,.shipping-rate-debug-attempt{grid-template-columns:1fr}}

/* v45: repaired Automated Emails layout in the stylesheet actually served by index.html */
.subscriber-list-page .automated-email-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.subscriber-list-page .automated-email-picker {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(125, 154, 198, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(5, 16, 32, 0.34) !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-choice {
  appearance: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(125, 154, 198, 0.22) !important;
  border-radius: 12px !important;
  background: rgba(7, 24, 47, 0.8) !important;
  color: var(--text) !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.subscriber-list-page .automated-email-choice:hover {
  border-color: rgba(125, 154, 198, 0.46) !important;
  background: rgba(12, 35, 65, 0.92) !important;
}

.subscriber-list-page .automated-email-choice.active {
  border-color: rgba(101, 211, 154, 0.9) !important;
  background: rgba(101, 211, 154, 0.11) !important;
  box-shadow: inset 0 0 0 1px rgba(101, 211, 154, 0.2) !important;
}

.subscriber-list-page .automated-email-choice-title {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscriber-list-page .automated-email-choice-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: var(--muted) !important;
  font-size: 0.75rem !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.subscriber-list-page .automated-email-choice-status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 23px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: rgba(245, 158, 11, 0.14) !important;
  color: #fcd38d !important;
  font-size: 0.67rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.subscriber-list-page .automated-email-choice-status.is-enabled {
  background: rgba(101, 211, 154, 0.14) !important;
  color: #8ff0b9 !important;
}

.subscriber-list-page .automated-email-editor {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.subscriber-list-page .automated-email-heading > div {
  min-width: 0 !important;
}

.subscriber-list-page .automated-email-heading h3 {
  margin: 0 0 6px !important;
  color: var(--text) !important;
  font-size: 1.12rem !important;
}

.subscriber-list-page .automated-email-heading p {
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
}

.subscriber-list-page .automated-email-heading > button {
  flex: 0 0 auto !important;
  min-width: 132px !important;
}

.subscriber-list-page .automated-email-summary {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.subscriber-list-page .automated-email-summary span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(125, 154, 198, 0.15) !important;
  border-radius: 999px !important;
  background: rgba(125, 154, 198, 0.1) !important;
  color: #cfe2fb !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-summary span.ready {
  border-color: rgba(101, 211, 154, 0.25) !important;
  background: rgba(101, 211, 154, 0.13) !important;
  color: #8ff0b9 !important;
}

.subscriber-list-page .automated-email-products-disclosure,
.subscriber-list-page .automated-email-settings-disclosure {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(125, 154, 198, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(5, 16, 32, 0.34) !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-products-disclosure > summary,
.subscriber-list-page .automated-email-settings-disclosure > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 54px !important;
  padding: 12px 15px !important;
  color: var(--text) !important;
  cursor: pointer !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-products-disclosure > summary::-webkit-details-marker,
.subscriber-list-page .automated-email-settings-disclosure > summary::-webkit-details-marker {
  display: none !important;
}

.subscriber-list-page .automated-email-products-disclosure > summary > span:first-child {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.subscriber-list-page .automated-email-products-disclosure > summary small,
.subscriber-list-page .automated-email-settings-disclosure > summary small {
  color: var(--muted) !important;
  font-size: 0.75rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

.subscriber-list-page .automated-email-products-count {
  flex: 0 0 auto !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(125, 154, 198, 0.12) !important;
  color: #cfe2fb !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.subscriber-list-page .automated-email-products-disclosure[open] > summary,
.subscriber-list-page .automated-email-settings-disclosure[open] > summary {
  border-bottom: 1px solid rgba(125, 154, 198, 0.14) !important;
}

.subscriber-list-page .automated-email-product-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)) !important;
  align-items: start !important;
  gap: 11px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: 590px !important;
  padding: 14px !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-product-card {
  display: grid !important;
  grid-template-rows: 132px minmax(42px, auto) auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(125, 154, 198, 0.22) !important;
  border-radius: 12px !important;
  background: rgba(5, 16, 32, 0.58) !important;
  color: inherit !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-product-card:hover {
  border-color: rgba(101, 211, 154, 0.55) !important;
  transform: translateY(-1px) !important;
}

.subscriber-list-page .automated-email-product-card img {
  display: block !important;
  width: 100% !important;
  height: 132px !important;
  max-height: 132px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  background: #fff !important;
}

.subscriber-list-page .automated-email-product-placeholder {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 132px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--muted) !important;
  font-size: 0.74rem !important;
}

.subscriber-list-page .automated-email-product-title {
  display: -webkit-box !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px 10px 5px !important;
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.subscriber-list-page .automated-email-product-state {
  justify-self: start !important;
  margin: 0 10px 10px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: rgba(101, 211, 154, 0.13) !important;
  color: #8ff0b9 !important;
  font-size: 0.63rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.subscriber-list-page .automated-email-product-state.is-sent {
  background: rgba(125, 154, 198, 0.12) !important;
  color: #bdd6f7 !important;
}

.subscriber-list-page .automated-email-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}

.subscriber-list-page .automated-email-fields label {
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: var(--text) !important;
  font-size: 0.8rem !important;
}

.subscriber-list-page .automated-email-fields label.wide {
  grid-column: 1 / -1 !important;
}

.subscriber-list-page .automated-email-fields input,
.subscriber-list-page .automated-email-fields textarea,
.subscriber-list-page .automated-email-fields select {
  appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(125, 154, 198, 0.22) !important;
  border-radius: 9px !important;
  background: rgba(3, 12, 25, 0.88) !important;
  color: var(--text) !important;
  font: inherit !important;
  line-height: 1.35 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.subscriber-list-page .automated-email-fields textarea {
  min-height: 92px !important;
  resize: vertical !important;
}

.subscriber-list-page .automated-email-fields input:focus,
.subscriber-list-page .automated-email-fields textarea:focus,
.subscriber-list-page .automated-email-fields select:focus {
  border-color: rgba(101, 211, 154, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(101, 211, 154, 0.1) !important;
}

.subscriber-list-page .automated-email-fields small {
  color: var(--muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.4 !important;
}

.subscriber-list-page .automated-email-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 15px 15px !important;
}

.subscriber-list-page .automated-email-actions button {
  min-width: 130px !important;
}

.subscriber-list-page .automated-email-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 15px !important;
}

.subscriber-list-page .automated-email-metrics > div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(125, 154, 198, 0.16) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.subscriber-list-page .automated-email-metrics span {
  color: var(--muted) !important;
  font-size: 0.71rem !important;
}

.subscriber-list-page .automated-email-metrics strong {
  color: var(--text) !important;
  font-size: 1.25rem !important;
}

.subscriber-list-page .automated-email-settings-disclosure > .subscriber-list-help-text {
  margin: 0 !important;
  padding: 0 15px 15px !important;
}

@media (max-width: 720px) {
  .subscriber-list-page .automated-email-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  .subscriber-list-page .automated-email-choice {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    min-height: 66px !important;
    padding: 9px !important;
  }

  .subscriber-list-page .automated-email-choice-title {
    font-size: 0.82rem !important;
  }

  .subscriber-list-page .automated-email-choice-meta {
    justify-content: flex-start !important;
    gap: 5px !important;
    font-size: 0.67rem !important;
  }

  .subscriber-list-page .automated-email-choice-status {
    min-height: 20px !important;
    padding: 2px 6px !important;
    font-size: 0.58rem !important;
  }

  .subscriber-list-page .automated-email-editor {
    gap: 12px !important;
    padding: 12px !important;
  }

  .subscriber-list-page .automated-email-heading {
    display: grid !important;
  }

  .subscriber-list-page .automated-email-heading > button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .subscriber-list-page .automated-email-product-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-height: 520px !important;
    padding: 10px !important;
  }

  .subscriber-list-page .automated-email-product-card {
    grid-template-rows: 108px minmax(42px, auto) auto !important;
  }

  .subscriber-list-page .automated-email-product-card img,
  .subscriber-list-page .automated-email-product-placeholder {
    height: 108px !important;
    max-height: 108px !important;
  }

  .subscriber-list-page .automated-email-product-title {
    padding: 8px 8px 4px !important;
    font-size: 0.7rem !important;
  }

  .subscriber-list-page .automated-email-product-state {
    margin: 0 8px 8px !important;
    font-size: 0.58rem !important;
  }

  .subscriber-list-page .automated-email-products-disclosure > summary,
  .subscriber-list-page .automated-email-settings-disclosure > summary {
    align-items: flex-start !important;
    min-height: 50px !important;
    padding: 11px 12px !important;
  }

  .subscriber-list-page .automated-email-settings-disclosure > summary {
    flex-direction: column !important;
  }

  .subscriber-list-page .automated-email-products-disclosure > summary small,
  .subscriber-list-page .automated-email-settings-disclosure > summary small {
    text-align: left !important;
  }

  .subscriber-list-page .automated-email-fields {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .subscriber-list-page .automated-email-fields label.wide {
    grid-column: auto !important;
  }

  .subscriber-list-page .automated-email-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 0 12px 12px !important;
  }

  .subscriber-list-page .automated-email-actions button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 7px !important;
    font-size: 0.72rem !important;
  }

  .subscriber-list-page .automated-email-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 12px !important;
  }
}


/* v47 — Waitlist email workspace aligned with Automated Emails */
.subscriber-list-page .waitlist-email-layout {
  display: grid !important;
  gap: 12px !important;
}

.subscriber-list-page .waitlist-email-editor {
  min-width: 0 !important;
}

.subscriber-list-page .waitlist-email-product-strip {
  align-items: stretch !important;
}

.subscriber-list-page .waitlist-email-product-card {
  position: relative !important;
  cursor: pointer !important;
  grid-template-rows: 132px minmax(42px, auto) auto auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(125, 154, 198, 0.22) !important;
  border-radius: 12px !important;
  background: rgba(5, 16, 32, 0.58) !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.subscriber-list-page .waitlist-email-product-card:hover {
  border-color: rgba(101, 211, 154, 0.5) !important;
  transform: translateY(-1px) !important;
}

.subscriber-list-page .waitlist-email-product-card.is-selected {
  border-color: #65d39a !important;
  box-shadow: 0 0 0 2px rgba(101, 211, 154, 0.2) !important;
}

.subscriber-list-page .waitlist-email-select {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 2 !important;
  display: grid !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  background: rgba(5, 16, 32, 0.9) !important;
  color: #fff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28) !important;
}

.subscriber-list-page .waitlist-email-product-card.is-selected .waitlist-email-select {
  border-color: #65d39a !important;
  background: #65d39a !important;
  color: #071528 !important;
}

.subscriber-list-page .waitlist-email-card-meta {
  display: block !important;
  min-width: 0 !important;
  padding: 0 10px 6px !important;
  overflow: hidden !important;
  color: var(--muted) !important;
  font-size: 0.67rem !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.subscriber-list-page .waitlist-email-fixed-design {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(125, 154, 198, 0.17) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.subscriber-list-page .waitlist-email-fixed-design strong {
  color: var(--text) !important;
  font-size: 0.78rem !important;
}

.subscriber-list-page .waitlist-email-fixed-design span {
  color: var(--muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.45 !important;
}

.subscriber-list-page .waitlist-email-editor > .collection-sorter-panel {
  margin: 0 !important;
}

@media (max-width: 720px) {
  .subscriber-list-page .waitlist-email-product-card {
    grid-template-rows: 108px minmax(42px, auto) auto auto !important;
  }

  .subscriber-list-page .waitlist-email-select {
    top: 6px !important;
    right: 6px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }

  .subscriber-list-page .waitlist-email-card-meta {
    padding: 0 8px 5px !important;
    font-size: 0.61rem !important;
  }
}


/* Email Health */
.email-health-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(125,154,198,.22);border-radius:12px;background:rgba(5,16,32,.48);margin:14px 0}
.email-health-status-row>span:nth-child(2){flex:1;min-width:220px;color:#cfe0f7}
.email-health-status-row>span:nth-child(2) small{display:block;margin-top:4px;color:#93abc9;line-height:1.45}
.email-health-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.email-health-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}
.email-health-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:10px!important;flex:1;min-width:280px}
.email-health-toggle input{width:18px!important;min-height:18px!important;margin-top:2px!important;appearance:auto!important}
.email-health-toggle small{display:block;margin-top:4px;color:#9fb7d8}
.email-health-inner{border:1px solid rgba(125,154,198,.18);border-radius:12px;margin-top:12px;overflow:hidden}
.email-health-inner>summary{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;background:rgba(8,24,46,.55)}
.email-health-inner>summary small{color:#9fb7d8;font-weight:400}
.email-health-inner table{width:100%;border-collapse:collapse}
.email-health-inner th,.email-health-inner td{padding:10px 12px;text-align:left;border-top:1px solid rgba(125,154,198,.14);vertical-align:top}
.email-health-inner td:nth-child(4){max-width:420px;word-break:break-word}
button.compact{min-height:30px!important;padding:5px 9px!important}
@media(max-width:760px){
  .email-health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .email-health-inner>summary{display:block}
  .email-health-inner>summary small{display:block;margin-top:4px}
}

/* v50 global email performance and health */
.subscriber-list-page .email-performance-panel{
  padding:18px;
  border:1px solid rgba(125,154,198,.24);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(11,31,58,.96),rgba(7,22,43,.96));
  overflow:hidden;
}
.subscriber-list-page .email-performance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.subscriber-list-page .email-performance-heading h3{margin:0 0 5px;font-size:18px;color:#fff}
.subscriber-list-page .email-performance-heading p{margin:0;color:#a9bfdc;line-height:1.45}
.subscriber-list-page .email-performance-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) repeat(4,auto);gap:10px;align-items:end;margin-bottom:14px}
.subscriber-list-page .email-performance-filters label{display:grid;gap:5px;color:#cfe0f7;font-size:12px;font-weight:700}
.subscriber-list-page .email-performance-filters select{width:100%;min-height:40px;border:1px solid rgba(125,154,198,.28);border-radius:9px;background:#061426;color:#fff;padding:7px 10px}
.subscriber-list-page .email-performance-filters button{min-height:40px;white-space:nowrap}
.subscriber-list-page .email-performance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:14px}
.subscriber-list-page .email-performance-panel .email-health-inner{background:rgba(4,15,30,.35)}
.subscriber-list-page .email-performance-panel .subscriber-list-table-wrap{max-height:360px;overflow:auto}
.subscriber-list-page .email-performance-panel table{min-width:900px}
.subscriber-list-page .email-performance-panel td small{display:block;color:#93abc9;margin-top:3px}
.subscriber-list-page .email-performance-panel .collection-sorter-alert{margin:10px 0}
@media (max-width:900px){
  .subscriber-list-page .email-performance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscriber-list-page .email-performance-filters button{width:100%}
  .subscriber-list-page .email-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:600px){
  .subscriber-list-page .email-performance-panel{padding:12px}
  .subscriber-list-page .email-performance-heading{display:block}
  .subscriber-list-page .email-performance-heading>.collection-sorter-pill{display:inline-flex;margin-top:10px}
  .subscriber-list-page .email-performance-filters{grid-template-columns:1fr 1fr;gap:8px}
  .subscriber-list-page .email-performance-filters label:last-of-type{grid-column:1 / -1}
  .subscriber-list-page .email-performance-filters button{grid-column:1 / -1}
  .subscriber-list-page .email-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .subscriber-list-page .email-health-status-row{align-items:stretch}
  .subscriber-list-page .email-health-status-row button{width:100%}
}

/* v61: local Ordered-page overdue notifications */
.notification-ordered-overdue {
  border-color: rgba(245, 158, 11, 0.45);
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.10), rgba(255, 255, 255, 0.04));
}

.notification-overdue-body {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.055);
}

.notification-overdue-image {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 12px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.notification-overdue-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.notification-overdue-copy strong {
  color: var(--text);
}

.notification-overdue-copy span {
  color: var(--text);
  line-height: 1.4;
}

.notification-overdue-copy em {
  color: var(--muted);
  font-style: normal;
  font-size: 0.84rem;
}

.notification-overdue-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

@media (max-width: 640px) {
  .notification-overdue-body {
    align-items: flex-start;
  }

  .notification-overdue-actions .primary {
    width: 100%;
  }
}


/* Ordered quantity capture */
.ordered-quantity-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(1, 8, 20, 0.78);
  backdrop-filter: blur(5px);
}

.ordered-quantity-modal {
  width: min(780px, 100%);
  max-height: min(84vh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(83, 220, 168, 0.34);
  border-radius: 20px;
  background: #0c1c34;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48);
  color: #f4f8ff;
}

.ordered-quantity-modal.is-single {
  width: min(520px, 100%);
}

.ordered-quantity-modal-header,
.ordered-quantity-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
}

.ordered-quantity-modal-header {
  border-bottom: 1px solid rgba(125, 154, 198, 0.18);
}

.ordered-quantity-modal-header h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1.2;
}

.ordered-quantity-modal-header p {
  margin: 5px 0 0;
  color: #aebed7;
  font-size: 13px;
}

.ordered-quantity-modal-list {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 14px 18px;
}

.ordered-quantity-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 138px);
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(125, 154, 198, 0.18);
  border-radius: 15px;
  background: rgba(3, 13, 27, 0.42);
}

.ordered-quantity-row + .ordered-quantity-row {
  margin-top: 10px;
}

.ordered-quantity-product {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.ordered-quantity-product img,
.ordered-quantity-image-placeholder {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 11px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.08);
}

.ordered-quantity-image-placeholder {
  display: grid;
  place-items: center;
  font-size: 23px;
}

.ordered-quantity-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ordered-quantity-copy strong,
.ordered-quantity-copy span,
.ordered-quantity-copy code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ordered-quantity-copy strong {
  font-size: 14px;
}

.ordered-quantity-copy span,
.ordered-quantity-copy code {
  color: #aebed7;
  font-size: 12px;
}

.ordered-quantity-recommended {
  white-space: nowrap;
  color: #f5cf62;
  font-size: 12px;
  font-weight: 800;
}

.ordered-quantity-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #b8c7dd;
  font-size: 12px;
  font-weight: 700;
}

.ordered-quantity-field input {
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid rgba(83, 220, 168, 0.5);
  border-radius: 11px;
  background: #071326;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}

.ordered-quantity-field input:focus {
  outline: 2px solid rgba(83, 220, 168, 0.34);
  outline-offset: 2px;
}

.ordered-quantity-modal-error {
  min-height: 20px;
  padding: 0 20px;
  color: #ff9da8;
  font-size: 13px;
  font-weight: 800;
}

.ordered-quantity-modal-actions {
  justify-content: flex-end;
  border-top: 1px solid rgba(125, 154, 198, 0.18);
}

.notification-ordered-quantity-shortfall {
  border-color: rgba(246, 83, 103, 0.44);
}

@media (max-width: 700px) {
  .ordered-quantity-modal-backdrop {
    align-items: flex-end;
    padding: 10px;
  }

  .ordered-quantity-modal {
    max-height: 90vh;
    border-radius: 18px;
  }

  .ordered-quantity-row {
    grid-template-columns: minmax(0, 1fr) 108px;
  }

  .ordered-quantity-field {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .ordered-quantity-modal-header,
  .ordered-quantity-modal-actions {
    padding: 15px;
  }
}

/* Configure drawer cleanup and set-size protection settings */
.configure-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: -2px 0 14px;
}

.configure-sections {
  display: grid;
  gap: 10px;
}

.configure-section {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.configure-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 17px;
  cursor: pointer;
  list-style: none;
  font-weight: 850;
  user-select: none;
}

.configure-section > summary::-webkit-details-marker {
  display: none;
}

.configure-section > summary::after {
  content: '›';
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 1.5rem;
  line-height: 1;
  transform: rotate(90deg);
  transition: transform 0.18s ease;
}

.configure-section[open] > summary::after {
  transform: rotate(-90deg);
}

.configure-section > summary:hover {
  background: rgba(255, 255, 255, 0.035);
}

.configure-section > summary span,
.configure-section > summary small {
  display: block;
}

.configure-section > summary small {
  margin-left: auto;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 600;
  text-align: right;
}

.configure-section-body {
  padding: 16px 17px 17px;
  border-top: 1px solid var(--border);
}

.configure-section-body > .settings-grid:last-child,
.configure-section-body .settings-grid:last-child {
  margin-bottom: 0;
}

.configure-intro,
.configure-section-body > p {
  margin: 0 0 13px;
  color: var(--muted);
  line-height: 1.5;
}

.configure-rule-list {
  display: grid;
  gap: 9px;
}

.configure-rule-list > div {
  display: grid;
  grid-template-columns: minmax(125px, 0.34fr) 1fr;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(3, 13, 27, 0.34);
  border: 1px solid rgba(125, 154, 198, 0.13);
}

.configure-rule-list strong {
  color: var(--text);
}

.configure-rule-list span {
  color: var(--muted);
  line-height: 1.45;
}

.configure-rule-list.compact {
  margin-top: 12px;
}

.configure-section .cost-upload-card {
  padding: 16px 17px 17px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

@media (max-width: 640px) {
  .configure-actions .primary {
    width: 100%;
  }

  .configure-section > summary {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px 10px;
  }

  .configure-section > summary small {
    width: calc(100% - 30px);
    margin-left: 0;
    text-align: left;
  }

  .configure-section > summary::after {
    margin-left: auto;
    margin-top: -3px;
  }

  .configure-rule-list > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.notification-shortage-items {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}

.notification-shortage-items > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255, 190, 70, 0.08);
  border: 1px solid rgba(255, 190, 70, 0.2);
}

.notification-shortage-items span {
  min-width: 0;
}

.notification-shortage-items code {
  color: var(--muted);
  font-size: 0.78em;
}

.notification-shortage-items strong {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .notification-shortage-items > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

/* Transit Time V67 */
.transit-time-shell {
  display: grid;
  gap: 18px;
  padding: 4px 0 28px;
}

.transit-time-title-row,
.transit-time-panel-heading,
.transit-time-download-row,
.transit-time-progress-copy,
.transit-time-scan-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.transit-time-title-row h2,
.transit-time-panel h3,
.transit-time-details summary {
  margin: 0;
}

.transit-time-title-row h2 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.05;
}

.transit-time-title-row p,
.transit-time-panel-heading p,
.transit-time-details-body p,
.transit-time-download-row span,
.transit-time-alert span {
  margin: 6px 0 0;
  color: var(--muted, #aebbd0);
  line-height: 1.45;
}

.transit-time-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.transit-time-metric,
.transit-time-panel,
.transit-time-download-row,
.transit-time-details,
.transit-time-alert {
  border: 1px solid rgba(109, 226, 176, .22);
  background: rgba(15, 34, 58, .82);
  border-radius: 18px;
}

.transit-time-metric {
  padding: 17px 18px;
  display: grid;
  gap: 8px;
}

.transit-time-metric span {
  color: #aebbd0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.transit-time-metric strong {
  font-size: 28px;
  line-height: 1;
}

.transit-time-panel {
  padding: 18px;
  min-width: 0;
}

.transit-time-panel-heading {
  align-items: flex-start;
  margin-bottom: 16px;
}

.transit-time-panel-heading h3 {
  font-size: 20px;
}

.transit-time-download-row {
  padding: 15px 18px;
}

.transit-time-download-row > div:first-child {
  display: grid;
  gap: 2px;
}

.transit-time-download-actions,
.transit-time-scan-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.transit-time-scan-controls {
  justify-content: flex-start;
  margin: 4px 0 18px;
}

.transit-time-scan-controls > label {
  display: grid;
  gap: 6px;
  color: #b8c4d7;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.transit-time-days-input {
  display: flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(5, 18, 34, .72);
}

.transit-time-days-input input {
  width: 92px;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  color: #fff;
  padding: 10px 12px;
  font: inherit;
  font-size: 15px;
  outline: none;
}

.transit-time-days-input strong {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-left: 1px solid rgba(255,255,255,.12);
  color: #aebbd0;
  text-transform: none;
  letter-spacing: 0;
}

.transit-time-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.06);
  color: #dce7f7;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.transit-time-pill.success,
.transit-time-alert.success {
  border-color: rgba(91, 220, 161, .42);
  background: rgba(45, 150, 108, .13);
}

.transit-time-pill.warning,
.transit-time-alert.warning {
  border-color: rgba(244, 202, 82, .42);
  background: rgba(244, 202, 82, .1);
}

.transit-time-pill.danger,
.transit-time-alert.danger {
  border-color: rgba(255, 111, 124, .42);
  background: rgba(255, 84, 100, .11);
}

.transit-time-alert {
  padding: 14px 16px;
  display: grid;
  gap: 2px;
}

.transit-time-progress-wrap {
  display: grid;
  gap: 9px;
}

.transit-time-progress-copy {
  color: #dbe7f8;
}

.transit-time-progress-copy span {
  color: #9eacc1;
  font-size: 13px;
}

.transit-time-progress {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.transit-time-progress > div {
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #58d6a1, #72e5ba);
  transition: width .25s ease;
}

.transit-time-count-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 15px;
}

.transit-time-count-strip span {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(4, 16, 31, .52);
  color: #9eacc1;
  font-size: 12px;
}

.transit-time-count-strip strong {
  color: #fff;
  font-size: 17px;
}

.transit-time-details {
  overflow: hidden;
}

.transit-time-details summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 800;
}

.transit-time-details summary::-webkit-details-marker {
  display: none;
}

.transit-time-details summary::after {
  content: '+';
  float: right;
  color: #67dda9;
  font-size: 20px;
  line-height: 1;
}

.transit-time-details[open] summary::after {
  content: '−';
}

.transit-time-details-body {
  padding: 0 18px 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.transit-time-details-body p {
  margin-top: 12px;
}

.transit-time-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}

.transit-time-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 780px;
}

.transit-time-table th,
.transit-time-table td {
  padding: 12px 13px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.transit-time-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #10243d;
  color: #aebbd0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.transit-time-table td {
  color: #dce6f4;
  font-size: 13px;
}

.transit-time-table tr:last-child td {
  border-bottom: 0;
}

.transit-time-table td small {
  display: block;
  margin-top: 4px;
  color: #91a0b6;
  line-height: 1.3;
}

.transit-time-exclusion-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.transit-time-exclusion-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(4, 16, 31, .52);
}

.transit-time-exclusion-grid span {
  color: #b6c2d3;
  font-size: 13px;
}

.transit-time-exclusion-grid strong {
  color: #fff;
  font-size: 18px;
}

.transit-time-empty,
.transit-time-loading {
  padding: 28px 18px;
  border: 1px dashed rgba(255,255,255,.15);
  border-radius: 14px;
  text-align: center;
  color: #9eacc1;
}

@media (max-width: 980px) {
  .transit-time-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transit-time-count-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .transit-time-exclusion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .transit-time-title-row,
  .transit-time-panel-heading,
  .transit-time-download-row,
  .transit-time-progress-copy {
    align-items: flex-start;
    flex-direction: column;
  }
  .transit-time-metrics,
  .transit-time-count-strip,
  .transit-time-exclusion-grid {
    grid-template-columns: 1fr;
  }
  .transit-time-download-actions,
  .transit-time-scan-controls {
    width: 100%;
  }
  .transit-time-download-actions button,
  .transit-time-scan-controls button {
    flex: 1 1 160px;
  }
  .transit-time-scan-controls > label {
    width: 100%;
  }
  .transit-time-days-input input {
    flex: 1;
    width: auto;
  }
  .transit-time-panel {
    padding: 14px;
  }
}

/* Transit Time V68 shipped-date transit, carrier delay, and nightly incremental controls */
.transit-time-metrics {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.transit-time-count-strip {
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
}

.transit-time-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}

.transit-time-settings-grid > label {
  display: grid;
  gap: 7px;
  color: #b8c4d7;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.transit-time-settings-grid input:not([type="checkbox"]),
.transit-time-settings-grid select {
  min-width: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(5, 18, 34, .72);
  color: #fff;
  font: inherit;
  font-size: 14px;
  outline: none;
}

.transit-time-settings-grid input:focus,
.transit-time-settings-grid select:focus {
  border-color: rgba(109, 226, 176, .55);
}

.transit-time-check-label {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(5, 18, 34, .5);
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
}

.transit-time-check-label input {
  width: 18px;
  height: 18px;
  accent-color: #67dda9;
}

.transit-time-time-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.transit-time-time-fields > span {
  color: #aebbd0;
  font-size: 18px;
}

.transit-time-automation-status {
  display: grid;
  gap: 7px;
  margin: 14px 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(4, 16, 31, .52);
  color: #aebbd0;
  font-size: 13px;
}

.transit-time-automation-status .danger {
  color: #ff9ca6;
}

.transit-time-details-body code {
  padding: 2px 5px;
  border-radius: 5px;
  background: rgba(255,255,255,.07);
  color: #dce7f7;
}

@media (max-width: 700px) {
  .transit-time-settings-grid {
    grid-template-columns: 1fr;
  }
  .transit-time-check-label {
    grid-column: auto;
  }
}

/* Transit Time V70: crawl controls, ZIP tester, calendar, and exports */
.transit-time-primary-actions,
.transit-time-export-grid,
.transit-time-zip-test-controls,
.transit-time-weekday-row {
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.transit-time-primary-actions {
  margin:14px 0 4px;
}

.transit-time-primary-actions button,
.transit-time-export-grid button {
  min-height:42px;
}

.transit-time-inline-details {
  margin-top:10px;
  border-top:1px solid rgba(17,24,39,.08);
  padding-top:10px;
}

.transit-time-inline-details > summary {
  cursor:pointer;
  font-weight:700;
  color:#374151;
}

.transit-time-inline-details .transit-time-scan-controls {
  margin-top:12px;
}

.transit-time-zip-test-controls {
  margin:14px 0;
}

.transit-time-zip-test-controls label {
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:180px;
}

.transit-time-zip-test-controls label > span,
.transit-time-settings-grid label > span,
.transit-time-wide-setting > span {
  font-size:12px;
  font-weight:750;
  color:#4b5563;
}

.transit-time-zip-test-controls input,
.transit-time-zip-test-controls select,
.transit-time-settings-grid textarea {
  min-height:42px;
  border:1px solid rgba(17,24,39,.16);
  border-radius:10px;
  background:#fff;
  color:#111827;
  padding:9px 11px;
  font:inherit;
}

.transit-time-settings-grid textarea {
  width:100%;
  resize:vertical;
  line-height:1.45;
}

.transit-time-zip-result {
  border:1px solid rgba(90,61,240,.18);
  background:rgba(90,61,240,.035);
  border-radius:14px;
  padding:16px;
}

.transit-time-zip-result-main {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(90,61,240,.13);
  padding-bottom:12px;
  margin-bottom:12px;
}

.transit-time-zip-result-main span {
  color:#4b5563;
  font-weight:700;
}

.transit-time-zip-result-main strong {
  font-size:26px;
  color:#111827;
}

.transit-time-zip-result-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.transit-time-zip-result-grid > div {
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:10px;
  padding:11px;
  min-width:0;
}

.transit-time-zip-result-grid span,
.transit-time-zip-result-grid small {
  display:block;
  color:#6b7280;
  font-size:11px;
  line-height:1.35;
}

.transit-time-zip-result-grid strong {
  display:block;
  margin:4px 0;
  color:#111827;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.transit-time-empty.compact {
  padding:12px 0 2px;
}

.transit-time-calendar-grid {
  align-items:start;
}

.transit-time-wide-setting {
  grid-column:1 / -1;
}

.transit-time-weekday-row {
  align-items:center;
  padding-top:4px;
}

.transit-time-weekday-row label {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:6px;
  border:1px solid rgba(17,24,39,.1);
  background:#fff;
  border-radius:999px;
  padding:7px 10px;
  min-width:auto;
}

.transit-time-weekday-row input {
  width:16px;
  height:16px;
  margin:0;
}

.transit-time-holiday-list {
  margin:14px 0;
  padding:12px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid rgba(17,24,39,.08);
}

.transit-time-holiday-list > strong {
  display:block;
  margin-bottom:8px;
}

.transit-time-holiday-list > div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 16px;
}

.transit-time-holiday-list span {
  color:#4b5563;
  font-size:12px;
}

.transit-time-export-grid {
  align-items:stretch;
}

.danger-outline {
  border-color:rgba(185,28,28,.28) !important;
  color:#b91c1c !important;
}

@media (max-width: 980px) {
  .transit-time-zip-result-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px) {
  .transit-time-primary-actions,
  .transit-time-export-grid,
  .transit-time-zip-test-controls {
    align-items:stretch;
    flex-direction:column;
  }

  .transit-time-primary-actions button,
  .transit-time-export-grid button,
  .transit-time-zip-test-controls button,
  .transit-time-zip-test-controls label {
    width:100%;
  }

  .transit-time-zip-result-main {
    align-items:flex-start;
    flex-direction:column;
  }

  .transit-time-zip-result-grid,
  .transit-time-holiday-list > div {
    grid-template-columns:1fr;
  }
}

/* Transit Time V81 simplified operating dashboard */
.transit-time-v81-shell {
  gap: 16px;
}

.transit-time-v81-quick-panel {
  border-color: rgba(94, 224, 170, .42);
  background: linear-gradient(180deg, rgba(22, 54, 73, .96), rgba(13, 35, 58, .96));
}

.transit-time-v81-quick-heading {
  margin-bottom: 13px;
}

.transit-time-v81-day-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(92px, 1fr));
  gap: 9px;
}

.transit-time-v81-day-row label {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.transit-time-v81-day-row input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.transit-time-v81-day-row span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 13px;
  background: rgba(5, 18, 34, .62);
  color: #aebbd0;
  font-size: 13px;
  font-weight: 800;
  transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}

.transit-time-v81-day-row label:hover span {
  border-color: rgba(103, 221, 169, .45);
  color: #eaf8f2;
}

.transit-time-v81-day-row input:focus-visible + span {
  outline: 2px solid rgba(103, 221, 169, .75);
  outline-offset: 2px;
}

.transit-time-v81-day-row input:checked + span {
  border-color: rgba(103, 221, 169, .86);
  background: linear-gradient(180deg, #70e5b5, #52ca98);
  color: #062518;
  box-shadow: 0 10px 24px rgba(66, 211, 151, .20), inset 0 1px 0 rgba(255,255,255,.45);
  transform: translateY(-1px);
}

.transit-time-v81-quick-actions {
  display: flex;
  align-items: flex-end;
  gap: 11px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.transit-time-v81-quick-actions > small {
  margin-left: auto;
  color: #9eacc1;
  line-height: 1.35;
}

.transit-time-v81-cutoff {
  display: grid;
  gap: 6px;
  color: #aebbd0;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.transit-time-v81-cutoff input {
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 11px;
  background: rgba(5, 18, 34, .72);
  color: #fff;
  font: inherit;
}

.transit-time-v81-log-heading {
  align-items: center;
}

.transit-time-v81-log-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.transit-time-v81-log-metrics {
  margin-bottom: 13px;
}

.transit-time-v81-log-metrics .transit-time-metric {
  padding: 13px 15px;
}

.transit-time-v81-log-metrics .transit-time-metric strong {
  font-size: 24px;
}

.transit-time-v81-log-toolbar {
  align-items: center;
  margin-bottom: 12px;
}

.transit-time-v81-log-toolbar > span {
  color: #9eacc1;
  font-size: 12px;
}

.transit-time-v81-log-table .transit-time-table {
  min-width: 900px;
}

.transit-time-v81-new-row td {
  background: rgba(103, 221, 169, .055);
}

.transit-time-v81-new-badge {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(103, 221, 169, .5);
  background: rgba(103, 221, 169, .15);
  color: #8ff0c3;
  font-size: 10px;
  letter-spacing: .04em;
}

.transit-time-v81-inline-settings {
  margin-top: 14px;
}

.transit-time-v81-test-controls {
  align-items: flex-end;
}

.transit-time-v81-test-controls label:first-child {
  min-width: 210px;
}

.transit-time-v81-advanced > summary {
  color: #dce7f7;
}

.transit-time-v81-advanced-body {
  display: grid;
  gap: 12px;
  padding-top: 14px;
}

.transit-time-v81-advanced-body > .transit-time-panel,
.transit-time-v81-advanced-body > .transit-time-details,
.transit-time-v81-advanced-body > .transit-time-metrics,
.transit-time-v81-advanced-body > .transit-time-download-row {
  margin: 0;
}

.transit-time-v81-advanced-body .transit-time-details {
  border-radius: 14px;
}

@media (max-width: 1050px) {
  .transit-time-v81-day-row {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
}

@media (max-width: 700px) {
  .transit-time-v81-day-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transit-time-v81-quick-actions,
  .transit-time-v81-log-heading,
  .transit-time-v81-log-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .transit-time-v81-quick-actions > small {
    margin-left: 0;
  }

  .transit-time-v81-quick-actions button,
  .transit-time-v81-log-actions button {
    width: 100%;
  }

  .transit-time-v81-test-controls label,
  .transit-time-v81-test-controls label:first-child,
  .transit-time-v81-test-controls button {
    width: 100%;
  }
}

/* 2026-07-15 Subscriber Performance toolbar and combined Waitlist display */
.subscriber-list-page .email-performance-filters{
  grid-template-columns:repeat(3,minmax(150px,1fr));
}
.subscriber-list-page .email-performance-filter-actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.subscriber-list-page .email-performance-filter-actions button{
  width:auto;
  min-width:150px;
  flex:0 1 auto;
}
@media (max-width:900px){
  .subscriber-list-page .email-performance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscriber-list-page .email-performance-filters label:last-of-type{grid-column:1 / -1}
  .subscriber-list-page .email-performance-filter-actions{grid-column:1 / -1}
  .subscriber-list-page .email-performance-filter-actions button{width:auto;flex:1 1 190px}
}
@media (max-width:600px){
  .subscriber-list-page .email-performance-filters{grid-template-columns:1fr 1fr}
  .subscriber-list-page .email-performance-filter-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .subscriber-list-page .email-performance-filter-actions button{width:100%;min-width:0}
}

/* Secure approved-email access */
.access-login-card{width:min(92vw,520px);display:grid;gap:14px}.access-login-card form{display:grid;gap:14px}.access-login-field{display:grid;gap:7px;text-align:left}.access-login-field span{color:var(--muted);font-size:.82rem;font-weight:750}.access-login-field input{min-height:48px}.access-login-email-summary{padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted);overflow-wrap:anywhere}.access-login-email-summary strong{color:var(--text)}.access-login-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.text-button{padding:8px 2px;background:transparent;color:var(--accent);font-weight:750}.access-login-message{padding:11px 13px;border:1px solid rgba(99,210,151,.3);border-radius:12px;background:rgba(99,210,151,.08);color:#c9f8df;font-size:.88rem}.access-login-error{margin:0}.access-login-help{color:var(--muted);font-size:.78rem;line-height:1.5}.access-login-spinner{width:34px;height:34px;margin:8px auto;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}
.access-user-chip{display:grid;gap:2px;max-width:220px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.035);line-height:1.1}.access-user-chip strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-user-chip span{color:var(--muted);font-size:.68rem}.access-team-section>.configure-section-body{display:grid;gap:16px}.access-add-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:10px;align-items:end}.access-add-grid label,.access-user-row label{display:grid;gap:6px}.access-add-grid label>span,.access-user-row label>span{color:var(--muted);font-size:.76rem;font-weight:750}.access-add-grid input,.access-add-grid select,.access-user-row input,.access-user-row select{min-height:42px;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#07152a;color:var(--text)}.access-role-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-role-help>div{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.access-role-help span{color:var(--muted);font-size:.8rem;line-height:1.45}.access-user-list{display:grid;gap:10px}.access-user-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(130px,1fr) minmax(130px,.8fr) auto auto;gap:10px;align-items:end;padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.access-user-row.is-disabled{opacity:.62}.access-user-main{display:grid;gap:5px;align-self:center;min-width:0}.access-user-main strong{overflow-wrap:anywhere}.access-user-main small{color:var(--muted);font-size:.72rem}.access-active-check{display:flex!important;align-items:center;gap:7px;min-height:42px}.access-active-check input{width:auto}.access-user-actions{display:flex;gap:7px;flex-wrap:wrap}.access-user-actions .compact-button{white-space:nowrap}
@media(max-width:1000px){.access-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-user-row{grid-template-columns:repeat(2,minmax(0,1fr))}.access-user-main,.access-user-actions{grid-column:1/-1}.access-user-actions{justify-content:flex-start}}@media(max-width:650px){.access-login-secondary-actions{align-items:stretch;flex-direction:column}.access-login-secondary-actions>*{width:100%}.access-add-grid,.access-role-help,.access-user-row{grid-template-columns:1fr}.access-user-main,.access-user-actions{grid-column:auto}.access-user-actions{display:grid}.access-user-chip{order:5;max-width:none;width:100%}.topbar-actions{width:100%}}

/* Hybrid team access, mobile-friendly login protection, and safety history */
.access-login-card{width:min(92vw,520px);display:grid;gap:14px}.access-login-card form{display:grid;gap:14px}.access-login-field{display:grid;gap:7px;text-align:left}.access-login-field span,.access-captcha-block>span{color:var(--muted);font-size:.82rem;font-weight:750}.access-login-field input{min-height:48px;width:100%}.access-login-email-summary{padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted);overflow-wrap:anywhere}.access-login-email-summary strong{color:var(--text)}.access-login-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.access-login-small-note{color:var(--muted);font-size:.76rem;line-height:1.4}.access-login-change-email{width:100%}.text-button{padding:8px 2px;background:transparent;color:var(--accent);font-weight:750}.access-login-message{padding:11px 13px;border:1px solid rgba(99,210,151,.3);border-radius:12px;background:rgba(99,210,151,.08);color:#c9f8df;font-size:.88rem}.access-login-error{margin:0}.access-login-help{color:var(--muted);font-size:.78rem;line-height:1.5}.access-login-spinner{width:34px;height:34px;margin:8px auto;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}
.access-captcha-block{display:grid;gap:8px;min-width:0}.access-turnstile{width:100%;min-height:65px;overflow:hidden;border-radius:10px}.access-turnstile iframe{max-width:100%!important}
.access-user-chip{display:flex;align-items:center;max-width:220px;padding:8px 11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.035);line-height:1.1}.access-user-chip strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.access-team-section>.configure-section-body,.access-security-body,.access-audit-body{display:grid;gap:16px;min-width:0}.access-add-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(150px,.75fr);gap:10px;align-items:end;min-width:0}.access-add-email{grid-column:span 2}.access-add-button{min-height:42px;white-space:normal}.access-add-grid label,.access-user-row label,.access-security-grid label{display:grid;gap:6px;min-width:0}.access-add-grid label>span,.access-user-row label>span,.access-security-grid label>span{color:var(--muted);font-size:.76rem;font-weight:750}.access-add-grid input,.access-add-grid select,.access-user-row input,.access-user-row select,.access-security-grid input{min-height:42px;width:100%;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#07152a;color:var(--text)}.access-role-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-role-help>div{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}.access-role-help span{color:var(--muted);font-size:.8rem;line-height:1.45}.access-user-list{display:grid;gap:10px;min-width:0}.access-user-row{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}.access-user-row.is-disabled{opacity:.62}.access-user-main{display:grid;gap:5px;min-width:0}.access-user-main strong{overflow-wrap:anywhere}.access-user-main small{color:var(--muted);font-size:.72rem;line-height:1.45;overflow-wrap:anywhere}.access-user-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,.8fr) auto;gap:10px;align-items:end;min-width:0}.access-active-check{display:flex!important;align-items:center;gap:7px;min-height:42px;padding:0 4px}.access-active-check input{width:auto}.access-user-actions{display:flex;gap:8px;flex-wrap:wrap}.access-user-actions .compact-button{white-space:normal;min-width:120px}.access-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;min-width:0}.access-security-enable{display:flex!important;align-items:center;gap:8px;min-height:42px}.access-security-enable input{width:auto}.access-security-status{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,190,70,.25);border-radius:12px;background:rgba(255,190,70,.07)}.access-security-status.is-ready{border-color:rgba(99,210,151,.3);background:rgba(99,210,151,.07)}.access-security-status span{color:var(--muted);font-size:.78rem;line-height:1.45}.access-audit-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-audit-stats>div{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}.access-audit-stats span{color:var(--muted);font-size:.74rem}.access-audit-stats strong{font-size:.88rem;overflow-wrap:anywhere}.access-audit-actions{display:flex;gap:8px;flex-wrap:wrap}.access-audit-actions .compact-button{white-space:normal}
@media(max-width:900px){.access-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-add-email{grid-column:1/-1}.access-add-button{width:100%}.access-user-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.access-active-check{grid-column:1/-1}.access-security-grid{grid-template-columns:1fr}.access-security-grid .primary{width:100%}}
@media(max-width:650px){.access-login-secondary-actions{align-items:stretch;flex-direction:column}.access-login-secondary-actions>*{width:100%}.access-add-grid,.access-role-help,.access-user-fields,.access-security-grid,.access-audit-stats{grid-template-columns:1fr}.access-add-email,.access-active-check{grid-column:auto}.access-user-actions,.access-audit-actions{display:grid}.access-user-actions .compact-button,.access-audit-actions .compact-button{width:100%}.access-user-chip{order:5;max-width:none;width:100%;justify-content:center}.topbar-actions{width:100%}.access-turnstile{display:flex;justify-content:center}}


/* Team Access cleanup: email-only accounts, compact responsive controls, no top-bar identity chip */
.access-user-chip{display:none!important}
.access-add-grid{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto!important;gap:12px!important;align-items:end!important}
.access-add-email{grid-column:auto!important}
.access-user-fields{grid-template-columns:minmax(150px,220px) auto!important;gap:12px!important;align-items:end!important}
.access-user-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:18px!important}
.access-user-main{grid-column:1!important;grid-row:1!important}
.access-user-fields{grid-column:1!important;grid-row:2!important}
.access-user-actions{grid-column:2!important;grid-row:1/3!important;display:grid!important;align-self:stretch!important;align-content:center!important;min-width:150px!important}
.access-user-actions .compact-button{width:100%!important;min-width:0!important}
@media(max-width:900px){
  .access-add-grid{grid-template-columns:minmax(0,1fr) minmax(150px,220px)!important}
  .access-add-button{grid-column:1/-1!important}
  .access-user-row{grid-template-columns:1fr!important}
  .access-user-main,.access-user-fields,.access-user-actions{grid-column:1!important;grid-row:auto!important}
  .access-user-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important}
}
@media(max-width:650px){
  .access-add-grid,.access-user-fields,.access-user-actions{grid-template-columns:1fr!important}
  .access-active-check{grid-column:auto!important}
}

/* 2026-07-21 Profit Analyzer CSV data updater */
.profit-data-updater {
  margin: 18px 0 26px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--panel-2, rgba(255,255,255,.03));
}
.profit-data-updater-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.profit-data-updater-heading h3 { margin: 0 0 6px; }
.profit-data-updater-heading p { margin: 0; max-width: 820px; }
.profit-data-update-policy {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}
.profit-data-update-upload-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.profit-data-update-upload-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.profit-data-update-upload-grid label > span { font-weight: 750; }
.profit-data-update-upload-grid select,
.profit-data-update-upload-grid input[type="file"] {
  width: 100%;
  min-height: 42px;
}
.profit-data-update-file small,
.profit-data-update-new-box small,
.profit-data-update-history small,
.profit-data-update-status span,
.profit-data-update-kpis small {
  display: block;
  color: var(--muted);
}
.profit-data-update-error,
.profit-data-update-warning,
.profit-data-update-ok,
.profit-data-update-empty {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.profit-data-update-status {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin: 14px 0;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.profit-data-update-status.success,
.profit-data-update-ok { border-color: rgba(46, 160, 100, .5); }
.profit-data-update-status.warning,
.profit-data-update-warning { border-color: rgba(218, 155, 46, .55); }
.profit-data-update-status.info { border-color: rgba(76, 132, 210, .55); }
.profit-data-update-error { border-color: rgba(205, 70, 70, .55); }
.profit-data-update-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.profit-data-update-kpis > div {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 11px;
}
.profit-data-update-kpis span,
.profit-data-update-kpis strong { display: block; }
.profit-data-update-kpis strong { margin: 4px 0; font-size: 1.15rem; }
.profit-data-update-details {
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 11px;
  overflow: hidden;
}
.profit-data-update-details > summary {
  padding: 11px 12px;
  cursor: pointer;
  font-weight: 800;
}
.profit-data-update-details > p,
.profit-data-update-details > ul,
.profit-data-update-details > .profit-note,
.profit-data-update-details > .profit-data-update-table-wrap,
.profit-data-update-details > .profit-data-update-exclusions,
.profit-data-update-details > .profit-data-update-history {
  margin: 0;
  padding: 0 12px 12px;
}
.profit-data-update-table-wrap { overflow-x: auto; }
.profit-data-update-table { width: 100%; border-collapse: collapse; min-width: 620px; }
.profit-data-update-table th,
.profit-data-update-table td {
  padding: 9px 8px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}
.profit-data-update-table td span { color: var(--muted); font-size: .8rem; }
.profit-data-update-review { margin-top: 14px; }
.profit-data-update-review h4 { margin: 0 0 4px; }
.profit-data-update-new-boxes { display: grid; gap: 8px; }
.profit-data-update-new-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 14px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.profit-data-update-new-box span { display: block; margin-top: 3px; }

.profit-data-update-material-scaling { padding: 0 12px 12px; }
.profit-data-update-material-scaling .profit-note { margin: 0 0 8px; }
.profit-data-update-scaling-table { min-width: 430px; }
.profit-data-update-decision-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 210px;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.profit-data-update-decision-toggle button {
  min-height: 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 800;
}
.profit-data-update-decision-toggle button + button { border-left: 1px solid var(--border); }
.profit-data-update-decision-toggle button.active.include { background: rgba(46, 160, 100, .18); box-shadow: inset 0 0 0 1px rgba(46, 160, 100, .55); }
.profit-data-update-decision-toggle button.active.exclude { background: rgba(205, 70, 70, .16); box-shadow: inset 0 0 0 1px rgba(205, 70, 70, .55); }

.profit-data-update-exclusions { display: flex; flex-wrap: wrap; gap: 7px; }
.profit-data-update-exclusions > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
}
.profit-data-update-exclusions button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
}
.profit-data-update-history { display: grid; gap: 8px; }
.profit-data-update-history > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid var(--border);
}
.profit-data-update-actions { margin-top: 14px; }
@media (max-width: 900px) {
  .profit-data-update-upload-grid { grid-template-columns: 1fr; }
  .profit-data-update-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .profit-data-updater { padding: 14px; }
  .profit-data-updater-heading,
  .profit-data-update-status,
  .profit-data-update-history > div { flex-direction: column; align-items: stretch; }
  .profit-data-update-policy { align-self: flex-start; }
  .profit-data-update-kpis { grid-template-columns: 1fr; }
  .profit-data-update-new-box { grid-template-columns: 1fr; }
  .profit-data-update-decision-toggle { min-width: 0; width: 100%; }
}


.profit-data-update-ai-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}
.profit-data-update-ai-controls + .profit-data-update-warning { margin-bottom: 12px; }
.default-package-settings {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid rgba(125,154,198,.2);
  border-radius: 15px;
  background: rgba(3,13,27,.28);
}
.default-package-settings-heading { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; margin-bottom:10px; }
.default-package-settings-heading strong { color:#eef5ff; }
.default-package-settings-heading span { color:#9fb2cb; font-size:12px; }
.default-package-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(100px,1fr)); gap:10px; }

.notification-box-correction-admin {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(94,174,255,.28);
  border-radius: 16px;
  background: rgba(9,28,52,.78);
}
.notification-box-correction-admin-header strong { display:block; color:#f3f8ff; }
.notification-box-correction-admin-header span { display:block; margin-top:3px; color:#aebed1; font-size:12px; }
.notification-box-correction-comparison { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.notification-box-correction-comparison > div { position:relative; padding:13px; border-radius:14px; display:grid; gap:5px; }
.notification-box-correction-wrong { border:1px solid rgba(255,102,102,.46); background:rgba(145,29,29,.2); color:#ffd7d7; }
.notification-box-correction-right { border:1px solid rgba(70,218,139,.45); background:rgba(20,112,70,.2); color:#d7ffe9; }
.notification-box-correction-icon { position:absolute; right:10px; top:7px; font-size:18px; font-weight:900; }
.notification-box-correction-comparison small { opacity:.8; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.notification-box-correction-inputs { display:grid; grid-template-columns:repeat(3,minmax(62px,1fr)); gap:7px; }
.notification-box-correction-inputs label { display:grid; gap:3px; }
.notification-box-correction-inputs label span { font-size:11px; font-weight:900; }
.notification-box-correction-inputs input { min-width:0; width:100%; }
.notification-box-correction-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.notification-box-action-new,
.notification-box-action-recommended {
  position:relative;
  min-width:0;
  min-height:72px;
  padding:13px 46px 13px 13px;
  border-width:1px;
  border-style:solid;
  border-radius:14px;
  display:grid;
  align-content:center;
  justify-items:start;
  gap:5px;
  font:inherit;
  font-weight:900;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.notification-box-action-new strong,
.notification-box-action-recommended strong {
  position:absolute;
  right:12px;
  top:8px;
  font-size:20px;
  line-height:1;
}
.notification-box-action-new:hover,
.notification-box-action-new:focus-visible,
.notification-box-action-recommended:hover,
.notification-box-action-recommended:focus-visible {
  transform:translateY(-1px);
}
.notification-box-action-new {
  border-color:rgba(255,102,102,.58);
  background:rgba(145,29,29,.2);
  color:#ffd7d7;
}
.notification-box-action-new:hover,
.notification-box-action-new:focus-visible {
  background:rgba(145,29,29,.34);
  border-color:rgba(255,123,123,.9);
}
.notification-box-action-recommended {
  border-color:rgba(70,218,139,.55);
  background:rgba(20,112,70,.2);
  color:#d7ffe9;
}
.notification-box-action-recommended:hover,
.notification-box-action-recommended:focus-visible {
  background:rgba(20,112,70,.34);
  border-color:rgba(81,230,153,.9);
}
.notification-box-confirm-new {
  border:1px solid rgba(255,102,102,.78);
  background:rgba(145,29,29,.88);
  color:#fff1f1;
}
.notification-box-confirm-new:hover,
.notification-box-confirm-new:focus-visible {
  background:rgba(177,38,38,.96);
  border-color:#ff7b7b;
}

.employee-box-notification-backdrop { position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:18px; background:rgba(2,8,18,.78); backdrop-filter:blur(5px); }
.employee-box-notification { width:min(560px,100%); border:1px solid rgba(255,255,255,.14); border-radius:24px; padding:22px; background:linear-gradient(180deg,#102641,#08182c); box-shadow:0 26px 80px rgba(0,0,0,.48); }
.employee-box-notification-heading { display:flex; gap:13px; align-items:flex-start; }
.employee-box-notification-heading h2 { margin:0; color:#fff; font-size:24px; }
.employee-box-notification-heading p { margin:5px 0 0; color:#b7c7da; }
.employee-box-notification-alert { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:50%; background:#f4a62a; color:#1c1100; font-size:25px; font-weight:1000; }
.employee-box-notification-product { display:grid; gap:8px; justify-items:center; margin-top:18px; padding:12px; border-radius:15px; background:rgba(255,255,255,.055); text-align:center; }
.employee-box-notification-product-media { width:108px; max-width:100%; }
.employee-box-notification-product img,.employee-box-notification-product-placeholder { width:108px; max-width:100%; height:108px; border-radius:14px; object-fit:contain; display:grid; place-items:center; background:rgba(255,255,255,.08); font-size:38px; }
.employee-box-notification-product-copy { display:grid; justify-items:center; gap:3px; width:100%; }
.employee-box-notification-product strong { color:#fff; font-size:15px; line-height:1.3; }
.employee-box-notification-product span,.employee-box-notification-product code { color:#abc0d8; font-size:12px; }
.employee-box-notification-boxes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.employee-box-notification-boxes > div { position:relative; min-height:112px; padding:17px; border-radius:17px; display:grid; align-content:center; gap:6px; text-align:center; }
.employee-box-notification-wrong { border:2px solid #ef5b5b; background:rgba(163,34,34,.25); color:#ffe3e3; }
.employee-box-notification-correct { border:2px solid #39d483; background:rgba(21,132,76,.25); color:#ddffec; }
.employee-box-notification-x,.employee-box-notification-check { position:absolute; right:12px; top:8px; font-size:24px; font-weight:1000; }
.employee-box-notification-boxes small { font-weight:900; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
.employee-box-notification-boxes strong { font-size:20px; }
.employee-box-notification-remaining { margin-top:12px; text-align:center; color:#b8c8db; font-size:12px; }
.employee-box-notification-ok { width:100%; margin-top:16px; min-height:48px; font-size:16px; }
.employee-box-notification-error { position:fixed; left:50%; bottom:18px; z-index:100000; transform:translateX(-50%); padding:10px 14px; border-radius:12px; background:#7d2424; color:#fff; }

.notification-employee-box-confirmation-report { border-color:rgba(83,187,255,.34); }
.notification-employee-report-period { margin-top:10px; color:#9fb2cb; font-size:12px; }
.notification-employee-report-people { display:grid; gap:8px; margin-top:12px; }
.notification-employee-report-person { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:10px 12px; border:1px solid rgba(125,154,198,.2); border-radius:12px; background:rgba(5,20,39,.45); }
.notification-employee-report-person > div { min-width:0; display:grid; gap:2px; }
.notification-employee-report-person strong { color:#f2f7ff; }
.notification-employee-report-person small { color:#93a9c3; overflow-wrap:anywhere; }
.notification-employee-report-person span { flex:0 0 auto; color:#bce8ff; font-weight:900; }
.notification-employee-report-details { margin-top:12px; }
.notification-employee-report-confirmations { display:grid; gap:9px; margin-top:10px; }
.notification-employee-report-confirmation { display:grid; grid-template-columns:52px minmax(0,1fr); gap:10px; align-items:center; padding:10px; border:1px solid rgba(125,154,198,.18); border-radius:12px; background:rgba(255,255,255,.025); }
.notification-employee-report-confirmation .notification-item-image { width:52px; height:52px; }
.notification-employee-report-confirmation-copy { min-width:0; display:grid; gap:3px; }
.notification-employee-report-confirmation-copy strong { color:#f3f8ff; }
.notification-employee-report-confirmation-copy span { color:#b3c3d6; font-size:12px; }
.notification-employee-report-confirmation-copy small { color:#8fa5bf; font-size:11px; overflow-wrap:anywhere; }
.notification-employee-report-confirmation-copy .notification-employee-report-boxes { color:#d6eaff; font-weight:800; }

@media (max-width: 640px) {
  .default-package-settings-grid,.notification-box-correction-comparison,.notification-box-correction-actions,.employee-box-notification-boxes { grid-template-columns:1fr; }
  .employee-box-notification { padding:18px; }
}


/* Open Orders single-item recommended package */
.open-orders-card-recommended-box { display:grid; gap:2px; margin:9px 0 2px; padding:8px 9px; border:1px solid rgba(99,210,151,.28); border-radius:10px; background:rgba(99,210,151,.09); text-align:center; }
.open-orders-card-recommended-box span { color:#a8c7b7; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.open-orders-card-recommended-box strong { color:#dfffea; font-size:13px; line-height:1.25; }

/* V72 single-item Veeqo allocation package editor */
.open-orders-package-editor {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(104, 159, 229, .28);
  border-radius: 14px;
  background: rgba(7, 22, 43, .72);
}
.open-orders-package-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}
.open-orders-package-editor-head > div {
  display: grid;
  gap: 3px;
}
.open-orders-package-editor-head strong {
  font-size: 14px;
  color: #f2f7ff;
}
.open-orders-package-editor-head span,
.open-orders-package-editor-head small {
  color: #aebdd1;
  font-size: 11px;
}
.open-orders-package-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.open-orders-package-editor-grid label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 8px 9px;
  border: 1px solid rgba(125, 154, 198, .2);
  border-radius: 11px;
  background: rgba(2, 10, 22, .45);
}
.open-orders-package-editor-grid label > span,
.open-orders-package-editor-grid label > small {
  color: #aebdd1;
  font-size: 11px;
  font-weight: 800;
}
.open-orders-package-editor-grid input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #eef6ff;
  font-weight: 900;
  text-align: center;
  outline: none;
}
.open-orders-package-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 11px;
}
@media (max-width: 620px) {
  .open-orders-package-editor-head { display: grid; }
  .open-orders-package-editor-grid { grid-template-columns: 1fr; }
  .open-orders-package-editor-actions { justify-content: stretch; }
  .open-orders-package-editor-actions button { flex: 1 1 100%; }
}
.default-package-order-status {
  display: grid;
  gap: 3px;
  margin-top: 10px;
  padding: 10px 11px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.4;
}
.default-package-order-status.pending {
  border: 1px solid rgba(244, 183, 64, .38);
  background: rgba(244, 183, 64, .1);
  color: #ffe4a3;
}
.default-package-order-status.applied {
  border: 1px solid rgba(58, 215, 137, .34);
  background: rgba(58, 215, 137, .1);
  color: #bff6d6;
}
.default-package-order-status span { color: inherit; opacity: .88; }

.default-package-order-status.observed {
  border-color: rgba(121, 159, 214, .32);
  background: rgba(121, 159, 214, .10);
  color: #d9e8ff;
}

.default-package-queue-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}

/* 2026-07-21: condensed administrator box-change notification */
.notification-box-correction-cost-summary {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.notification-box-correction-cost-summary-single { grid-template-columns:1fr; }
.notification-box-correction-cost-summary > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  padding:9px 11px;
  border:1px solid rgba(130,157,192,.2);
  border-radius:11px;
  background:rgba(255,255,255,.035);
}
.notification-box-correction-cost-summary span {
  color:#aebed1;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.notification-box-correction-cost-summary strong {
  color:#f3f8ff;
  white-space:nowrap;
}
.notification-box-correction-cost-summary > div.notification-cost-increase {
  border-color:rgba(255,102,102,.38);
  background:rgba(145,29,29,.16);
}
.notification-box-correction-cost-summary > div.notification-cost-increase strong { color:#ffb7b7; }
.notification-box-correction-cost-summary > div.notification-cost-savings {
  border-color:rgba(70,218,139,.34);
  background:rgba(20,112,70,.15);
}
.notification-box-correction-cost-summary > div.notification-cost-savings strong { color:#9ff0c6; }
@media (max-width:720px) {
  .notification-box-correction-cost-summary { grid-template-columns:1fr; }
}

/* ===== V82 installable Team App + push setup ===== */
.pwa-header-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 72px;
}

.pwa-header-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 7px;
  background: rgba(96, 211, 162, 0.12);
  color: #6ee7b7;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
}

.pwa-header-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.13);
}

.pwa-header-button.is-ready .pwa-header-dot {
  background: #6ee7b7;
  box-shadow: 0 0 0 3px rgba(110, 231, 183, 0.13);
}

.pwa-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 12, 27, 0.76);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pwa-setup-card {
  position: relative;
  width: min(560px, 100%);
  max-height: min(760px, calc(100vh - 32px));
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 24px;
  padding: 25px;
  color: #e5edf7;
  background: linear-gradient(165deg, #102744 0%, #091b32 100%);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.46);
}

.pwa-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  background: rgba(15, 36, 63, 0.88);
  color: #dbeafe;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.pwa-app-brand {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 16px;
  align-items: center;
  padding-right: 42px;
  margin-bottom: 20px;
}

.pwa-app-brand img {
  width: 76px;
  height: 76px;
  border-radius: 19px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

.pwa-app-brand span {
  display: block;
  margin-bottom: 5px;
  color: #93a9c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.pwa-app-brand h2 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(21px, 4vw, 29px);
  line-height: 1.12;
}

.pwa-setup-copy,
.pwa-permission-help {
  margin: 0 0 16px;
  color: #bfd0e3;
  font-size: 15px;
  line-height: 1.55;
}

.pwa-ios-steps {
  display: grid;
  gap: 9px;
  margin: 5px 0 17px;
}

.pwa-ios-steps > div {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 11px;
  align-items: center;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  background: rgba(5, 23, 43, 0.55);
}

.pwa-ios-steps span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  color: #062237;
  background: #6ee7b7;
  font-weight: 900;
}

.pwa-ios-steps strong {
  color: #e8f0f8;
  font-size: 14px;
  line-height: 1.35;
}

.pwa-status-grid {
  display: grid;
  gap: 9px;
  margin-bottom: 18px;
}

.pwa-status-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 14px;
  border: 1px solid rgba(245, 158, 11, 0.26);
  border-radius: 14px;
  background: rgba(245, 158, 11, 0.07);
}

.pwa-status-row span {
  color: #aabdd1;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pwa-status-row strong {
  color: #fde68a;
  text-align: right;
  font-size: 13px;
}

.pwa-status-row.is-ready {
  border-color: rgba(52, 211, 153, 0.3);
  background: rgba(52, 211, 153, 0.08);
}

.pwa-status-row.is-ready strong { color: #86efac; }
.pwa-status-row.is-error {
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.08);
}
.pwa-status-row.is-error strong { color: #fca5a5; }

.pwa-setup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.pwa-setup-actions .text-button {
  padding: 10px 4px;
  color: #a9bdd2;
}

.pwa-setup-progress {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 18px 0 2px;
}

.pwa-setup-progress span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6ee7b7;
  animation: pwaSetupPulse 1s infinite ease-in-out;
}
.pwa-setup-progress span:nth-child(2) { animation-delay: .14s; }
.pwa-setup-progress span:nth-child(3) { animation-delay: .28s; }

@keyframes pwaSetupPulse {
  0%, 80%, 100% { opacity: .32; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-4px); }
}

.pwa-setup-message {
  margin-top: 15px;
  padding: 12px 13px;
  border: 1px solid rgba(52, 211, 153, 0.28);
  border-radius: 13px;
  background: rgba(52, 211, 153, 0.08);
  color: #a7f3d0;
  font-weight: 750;
}

.pwa-setup-error { margin-top: 15px; }
.pwa-permission-help {
  margin-top: 13px;
  padding: 12px 13px;
  border-radius: 13px;
  background: rgba(248, 113, 113, 0.08);
  color: #fecaca;
}

@media (max-width: 680px) {
  .pwa-modal-backdrop { padding: 10px; align-items: end; }
  .pwa-setup-card {
    width: 100%;
    max-height: calc(100dvh - 20px);
    border-radius: 22px 22px 15px 15px;
    padding: 20px 17px 18px;
  }
  .pwa-app-brand { grid-template-columns: 64px 1fr; gap: 13px; }
  .pwa-app-brand img { width: 64px; height: 64px; border-radius: 16px; }
  .pwa-setup-actions { display: grid; grid-template-columns: 1fr; }
  .pwa-setup-actions button { width: 100%; }
  .pwa-status-row { flex-direction: column; gap: 5px; }
  .pwa-status-row strong { text-align: left; }
  .topbar-actions .pwa-header-button { min-width: 62px; }
}

/* ===== V83 guided Team App setup, team status, and locked employee setup notice ===== */
.pwa-required-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 0 0 16px;
  padding: 11px 13px;
  border: 1px solid rgba(245, 158, 11, 0.34);
  border-radius: 13px;
  background: rgba(245, 158, 11, 0.09);
}
.pwa-required-notice span {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 8px;
  border-radius: 999px;
  color: #fbd38d;
  background: rgba(245, 158, 11, 0.15);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.pwa-required-notice strong {
  color: #fff2c2;
  font-size: 14px;
  line-height: 1.35;
}

.access-app-status {
  display: grid;
  gap: 8px;
  margin-top: 5px;
  padding: 10px 11px;
  border: 1px solid rgba(125, 154, 198, 0.22);
  border-radius: 12px;
  background: rgba(5, 20, 39, 0.52);
}
.access-app-status.is-ready {
  border-color: rgba(52, 211, 153, 0.32);
  background: rgba(52, 211, 153, 0.07);
}
.access-app-status.is-warning {
  border-color: rgba(245, 158, 11, 0.3);
  background: rgba(245, 158, 11, 0.07);
}
.access-app-status.is-unknown {
  opacity: .78;
}
.access-app-status-heading {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.access-app-status-heading span {
  color: var(--muted);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.access-app-status-heading strong {
  color: #e7eff9;
  font-size: .75rem;
  text-align: right;
}
.access-app-status.is-ready .access-app-status-heading strong { color: #8ff0b9; }
.access-app-status.is-warning .access-app-status-heading strong { color: #fbd38d; }
.access-app-status-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.access-app-status-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 8px;
  border: 1px solid rgba(125, 154, 198, 0.22);
  border-radius: 999px;
  color: #c6d5e7;
  background: rgba(255, 255, 255, 0.035);
  font-size: .65rem;
  font-weight: 800;
  line-height: 1.2;
}
.access-app-status-chips span.is-ready {
  border-color: rgba(52, 211, 153, 0.3);
  color: #9ff0c6;
  background: rgba(52, 211, 153, 0.08);
}
.access-app-status-chips span.is-warning {
  border-color: rgba(245, 158, 11, 0.3);
  color: #fbd38d;
  background: rgba(245, 158, 11, 0.08);
}
.access-app-status small {
  color: var(--muted);
  font-size: .67rem;
  line-height: 1.4;
}

@media (max-width: 680px) {
  .pwa-required-notice { grid-template-columns: 1fr; }
  .pwa-required-notice span { width: fit-content; }
  .access-app-status-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .access-app-status-heading strong { text-align: left; }
}

/* ===== V84 Spanish-first Team App language toggle ===== */
.pwa-language-picker {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: min(286px, 100%);
  margin: 0 0 18px;
  padding: 4px;
  border: 1px solid rgba(125, 154, 198, 0.28);
  border-radius: 14px;
  background: rgba(4, 18, 35, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
.pwa-language-picker button {
  min-height: 40px;
  padding: 8px 14px;
  border: 0;
  border-radius: 10px;
  color: #aebfd1;
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.pwa-language-picker button:hover {
  color: #ecf5ff;
  background: rgba(255, 255, 255, 0.045);
}
.pwa-language-picker button:active { transform: translateY(1px); }
.pwa-language-picker button.is-active {
  color: #062237;
  background: #6ee7b7;
  box-shadow: 0 6px 18px rgba(52, 211, 153, 0.22);
}
.pwa-language-picker button:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}
@media (max-width: 680px) {
  .pwa-language-picker { width: 100%; }
  .pwa-language-picker button { min-height: 44px; }
}

/* ===== V85 push confirmation and administrator test status ===== */
.access-app-test-status.is-ready { color: #9ff0c6; }
.access-app-test-status.is-warning { color: #fca5a5; }

/* ===== V86 verified push setup and configurable Team App logo ===== */
.pwa-permission-blocked-banner {
  margin: 12px 0 0;
  padding: 12px 13px;
  border: 1px solid rgba(248, 113, 113, 0.38);
  border-radius: 13px;
  color: #fecaca;
  background: rgba(127, 29, 29, 0.18);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.pwa-verification-backdrop { z-index: 10060; }
.pwa-verification-card { width: min(460px, calc(100vw - 28px)); }
.pwa-verification-wait {
  margin: 4px 0 14px;
  color: #c5d4e5;
  font-size: 14px;
  line-height: 1.55;
}
.pwa-verification-countdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
  padding: 11px 13px;
  border: 1px solid rgba(125, 154, 198, 0.24);
  border-radius: 12px;
  background: rgba(4, 18, 35, 0.55);
  color: #bdd0e4;
  font-size: 13px;
}
.pwa-verification-countdown strong {
  color: #6ee7b7;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
}
.pwa-verification-code-field {
  display: grid;
  gap: 7px;
  margin-bottom: 12px;
}
.pwa-verification-code-field span {
  color: #b7c8db;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.pwa-verification-code-field input {
  width: 100%;
  min-height: 58px;
  border: 1px solid rgba(110, 231, 183, 0.34);
  border-radius: 13px;
  color: #f7fbff;
  background: rgba(3, 17, 34, 0.8);
  font: inherit;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: .36em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.pwa-verification-code-field input:focus {
  outline: 2px solid rgba(110, 231, 183, 0.55);
  outline-offset: 2px;
}
.pwa-verification-error { margin-bottom: 12px; }
.pwa-verification-actions { margin-top: 6px; }

.access-team-logo-manager {
  display: grid;
  gap: 14px;
  margin-top: 20px;
  padding: 16px;
  border: 1px solid rgba(125, 154, 198, 0.23);
  border-radius: 15px;
  background: rgba(5, 20, 39, 0.48);
}
.access-team-logo-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.access-team-logo-heading > div {
  display: grid;
  gap: 5px;
}
.access-team-logo-heading strong {
  color: #edf6ff;
  font-size: 15px;
}
.access-team-logo-heading span,
.access-team-logo-manager small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.access-team-logo-preview {
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  object-fit: contain;
  border: 1px solid rgba(125, 154, 198, 0.25);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}
.access-team-logo-controls {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}
.access-team-logo-file {
  display: grid;
  gap: 6px;
  min-width: min(330px, 100%);
  flex: 1 1 300px;
}
.access-team-logo-file span {
  color: #b8c9db;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.access-team-logo-file input {
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid rgba(125, 154, 198, 0.26);
  border-radius: 11px;
  color: #dbe8f5;
  background: rgba(3, 17, 34, 0.7);
}
@media (max-width: 680px) {
  .pwa-verification-actions { display: grid; grid-template-columns: 1fr; }
  .access-team-logo-heading { align-items: flex-start; }
  .access-team-logo-preview { width: 68px; height: 68px; flex-basis: 68px; }
  .access-team-logo-controls { align-items: stretch; flex-direction: column; }
}


/* Open Orders V91 — progressive admin rendering + employee Mexico pick list */
.employee-open-orders-shell {
  display: grid;
  gap: 16px;
}

.employee-open-orders-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0 2px;
}

.employee-open-orders-header h2 {
  margin: 0;
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -0.025em;
}

.employee-open-orders-header button {
  min-height: 42px;
  border-radius: 14px;
}

.employee-open-orders-progress {
  position: sticky;
  top: 8px;
  z-index: 4;
  backdrop-filter: blur(10px);
}

.employee-open-orders-section {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.028);
}

.employee-open-orders-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.employee-open-orders-section-title h3 {
  margin: 0;
  font-size: 1rem;
}

.employee-open-orders-section-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
}

.employee-open-orders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.employee-open-order-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(9, 24, 47, 0.96), rgba(5, 17, 35, 0.94));
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  transition: transform 0.16s ease, border-color 0.16s ease;
}

.employee-open-order-card:hover,
.employee-open-order-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(147, 197, 253, 0.42);
  outline: none;
}

.employee-open-order-title {
  min-width: 0;
  color: #f8fafc;
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.employee-open-order-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.employee-open-order-images.one-item {
  grid-template-columns: 1fr;
}

.employee-open-orders-thumb {
  min-width: 0;
  overflow: hidden;
  border-radius: 13px;
  aspect-ratio: 1 / 1;
  background: rgba(255, 255, 255, 0.04);
}

.employee-open-orders-thumb img,
.employee-open-orders-no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.employee-open-orders-no-image {
  padding: 10px;
  color: var(--muted);
  text-align: center;
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.employee-open-order-footer {
  display: grid;
  gap: 5px;
  min-height: 38px;
}

.employee-open-order-footer strong {
  color: #dbeafe;
  font-size: 0.75rem;
  line-height: 1.25;
}

.employee-open-orders-empty {
  min-height: 72px;
}

.employee-open-orders-modal-backdrop {
  z-index: 2500;
  padding: 14px;
  overscroll-behavior: contain;
  touch-action: none;
  /* V294 workstation stability: Chrome/Windows GPU compositing can flicker when
     a large fixed scrolling modal sits on a backdrop-filter layer. Keep normal
     browser hardware acceleration enabled and make Employee Open Orders use a
     compositor-safe translucent backdrop instead of live backdrop blur. */
  background: rgba(2, 6, 23, 0.84) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transition: none !important;
}

.employee-open-orders-modal-backdrop.is-single-item {
  place-items: center;
  align-items: center;
}

.employee-open-orders-modal {
  width: min(1050px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  overflow: auto;
  padding: 16px;
  border-radius: 22px;
  overscroll-behavior: contain;
  touch-action: pan-y;
}


/* V294: dedicated packing-workstation-safe Employee Open Orders surface. */
.employee-open-orders-modal,
.employee-open-orders-modal * {
  -webkit-font-smoothing: antialiased;
}
.employee-open-orders-modal {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

.employee-open-orders-modal.is-single-item {
  width: min(520px, calc(100vw - 28px));
  margin: auto;
}

.employee-open-orders-modal-head {
  position: sticky;
  top: -16px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: -16px -16px 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: rgb(9, 24, 47);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  transition: none !important;
}

.employee-open-orders-modal-head span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.employee-open-orders-modal-head h3 {
  margin: 2px 0 0;
  font-size: 1.35rem;
}

.employee-open-orders-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 11px 13px;
  border: 1px solid rgba(74, 222, 128, 0.22);
  border-radius: 15px;
  background: rgba(74, 222, 128, 0.07);
}

.employee-open-orders-box span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.employee-open-orders-box strong {
  text-align: right;
}

.employee-open-orders-modal-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.employee-open-orders-modal-products.is-single-item {
  grid-template-columns: minmax(0, 420px);
  justify-content: center;
}

.employee-open-orders-product-detail {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.employee-open-orders-large-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(2, 11, 26, 0.45);
}

.employee-open-orders-large-image img,
.employee-open-orders-large-image .employee-open-orders-no-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.employee-open-orders-product-copy {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.employee-open-orders-product-copy h4 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.employee-open-orders-product-copy strong {
  color: #dbeafe;
  font-size: 0.86rem;
}

.employee-open-orders-quantity-highlight {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 6px;
  background: #fde68a;
  color: #111827;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.05);
}

.employee-open-orders-set-quantity {
  display: inline-flex;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(219, 234, 254, 0.08);
}

@media (max-width: 760px) {
  .employee-open-orders-header {
    align-items: stretch;
    display: grid;
  }

  .employee-open-orders-header button {
    width: 100%;
  }

  .employee-open-orders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .employee-open-order-card {
    padding: 8px;
    border-radius: 15px;
  }

  .employee-open-order-title {
    font-size: 0.72rem;
  }

  .employee-open-order-footer strong {
    font-size: 0.68rem;
  }

  .employee-open-orders-modal-products {
    grid-template-columns: 1fr;
  }

  .employee-open-orders-modal-backdrop.is-single-item {
    align-items: center;
  }

  .employee-open-orders-modal.is-single-item {
    width: min(520px, 100%);
    max-height: calc(100vh - 24px);
    border-radius: 20px;
  }

  .employee-open-orders-modal-products.is-single-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .employee-open-orders-box {
    align-items: flex-start;
    display: grid;
  }

  .employee-open-orders-box strong {
    text-align: left;
  }
}

/* V95 admin employee-preview selector */
.access-preview-control{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);align-items:end;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:14px}.access-preview-field{display:grid;gap:6px;min-width:0}.access-preview-field>span{color:var(--muted);font-size:.76rem;font-weight:750}.access-preview-field select{min-height:42px;width:100%;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#07152a;color:var(--text);outline:none}.access-preview-field select:focus{border-color:rgba(99,210,151,.72);box-shadow:0 0 0 3px rgba(99,210,151,.1)}.access-preview-control>span{font-size:.8rem;line-height:1.45;color:var(--muted);padding-bottom:10px}@media(max-width:650px){.access-preview-control{grid-template-columns:1fr}.access-preview-control>span{padding-bottom:0}}

/* Price Finder V2: Shopify Store Price Audit */
.pf-section-tabs{display:flex;gap:8px;margin:0 0 16px;padding:5px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);width:fit-content;max-width:100%}.pf-section-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:850}.pf-section-tabs button.active{background:#173253;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.16)}.pf-audit-header code,.pf-audit-setup code{color:#bfdbfe}.pf-audit-setup{display:grid;gap:16px}.pf-audit-oos{width:fit-content}.pf-audit-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pf-audit-rule-grid>div{display:grid;gap:3px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.pf-audit-rule-grid strong{font-size:.9rem}.pf-audit-rule-grid span{font-size:.74rem;color:var(--muted)}.pf-audit-rule-grid .orange{border-color:rgba(245,158,11,.48);background:rgba(245,158,11,.08)}.pf-audit-rule-grid .red{border-color:rgba(239,68,68,.52);background:rgba(239,68,68,.08)}.pf-audit-last-run{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(300px,1.4fr) auto;align-items:center;gap:16px}.pf-audit-last-run h2,.pf-audit-last-run p{margin:0}.pf-audit-summary-strip{display:flex;flex-wrap:wrap;gap:8px}.pf-audit-summary-strip span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem}.pf-audit-summary-strip strong{color:var(--text)}.pf-audit-modal-backdrop{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(1,7,18,.83);backdrop-filter:blur(8px)}.pf-audit-modal{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1500px,calc(100vw - 36px));height:min(900px,calc(100vh - 36px));overflow:hidden;border:1px solid rgba(148,163,184,.26);border-radius:22px;background:#07152a;box-shadow:0 30px 90px rgba(0,0,0,.52)}.pf-audit-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border)}.pf-audit-modal>header h2,.pf-audit-modal>header p{margin:0}.pf-audit-modal>header p{margin-top:5px;color:var(--muted);font-size:.8rem}.pf-audit-result-tabs{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.018)}.pf-audit-result-tabs button{display:flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:9px 12px;background:transparent;color:var(--muted);font-weight:850}.pf-audit-result-tabs button.active{background:#173253;color:#fff}.pf-audit-result-tabs span{display:inline-flex;min-width:23px;height:23px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.1);font-size:.7rem}.pf-audit-modal-body{overflow:auto;padding:18px 20px}.pf-audit-modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:rgba(255,255,255,.018)}.pf-audit-group{display:grid;gap:9px;margin-bottom:20px}.pf-audit-group>h3{display:flex;align-items:center;gap:8px;margin:0}.pf-audit-group>h3 span{display:inline-flex;min-width:25px;height:25px;align-items:center;justify-content:center;border-radius:999px;background:#173253;font-size:.72rem}.pf-audit-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.pf-audit-table th{position:sticky;top:0;z-index:2;background:#0b1d35;color:#aac2df;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px;border-bottom:1px solid var(--border)}.pf-audit-table td{padding:11px 10px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:top;font-size:.8rem}.pf-audit-table td strong,.pf-audit-table td small,.pf-audit-table td em{display:block}.pf-audit-table td small{margin-top:3px;color:var(--muted);font-size:.68rem;line-height:1.35}.pf-audit-table td em{margin-top:4px;color:#fecaca;font-size:.7rem;font-style:normal}.pf-audit-table tr.pf-audit-orange td{background:rgba(245,158,11,.075)}.pf-audit-table tr.pf-audit-red td{background:rgba(239,68,68,.09)}.pf-audit-table tr.pf-audit-warning td{background:rgba(239,68,68,.055)}.pf-audit-table tr.pf-audit-small td{background:rgba(59,130,246,.035)}.pf-audit-table select,.pf-audit-table input{min-height:38px;width:100%;min-width:120px;border:1px solid var(--border);border-radius:9px;background:#07152a;color:var(--text);padding:8px}.pf-audit-set-controls{min-width:900px}.pf-audit-set-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.pf-audit-set-toolbar>div{display:grid;gap:3px}.pf-audit-set-toolbar span{color:var(--muted);font-size:.75rem}.pf-audit-set-results>h3{margin:0 0 12px}.pf-audit-empty{padding:28px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}
@media(max-width:760px){.pf-section-tabs{display:grid;width:100%}.pf-audit-rule-grid{grid-template-columns:1fr}.pf-audit-last-run{grid-template-columns:1fr}.pf-audit-modal-backdrop{padding:0}.pf-audit-modal{width:100vw;height:100vh;border-radius:0}.pf-audit-modal>header{padding:14px}.pf-audit-modal-body{padding:14px}.pf-audit-modal>footer{display:grid;grid-template-columns:1fr;padding:12px}.pf-audit-result-tabs{overflow:auto}.pf-audit-set-toolbar{align-items:stretch;display:grid}.pf-audit-set-toolbar button{width:100%}}



/* Price Finder V110 — native Talavera Team theme and Shopify audit diagnostics */
.pf-app.price-finder-page {
  --pf-bg: transparent;
  --pf-card: var(--panel);
  --pf-text: var(--text);
  --pf-muted: var(--muted);
  --pf-border: var(--border);
  --pf-accent: var(--accent);
  --pf-accent2: var(--accent);
  --pf-danger: #ffaaaa;
  --pf-soft: rgba(255,255,255,.04);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--text) !important;
  margin-top: 14px;
  padding: 0 !important;
}
.pf-app.price-finder-page .pf-section-tabs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.pf-app.price-finder-page .pf-section-tabs button {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 800;
}
.pf-app.price-finder-page button,
.pf-app.price-finder-page button.primary,
.pf-app.price-finder-page .pf-section-tabs button.active {
  background: var(--accent) !important;
  color: #081321 !important;
  border: 0 !important;
}
.pf-app.price-finder-page button.secondary,
.pf-app.price-finder-page button.ghost,
.pf-app.price-finder-page .pf-section-tabs button.secondary,
.pf-app.price-finder-page .pf-result-tabs button.secondary {
  background: rgba(255,255,255,.05) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
.pf-app.price-finder-page button[disabled] { opacity: .5; cursor: default; }
.pf-app.price-finder-page .pf-header h1,
.pf-app.price-finder-page .pf-card h2,
.pf-app.price-finder-page .pf-card h3,
.pf-app.price-finder-page .pf-subtitle,
.pf-app.price-finder-page label,
.pf-app.price-finder-page .pf-row,
.pf-app.price-finder-page .pf-row strong,
.pf-app.price-finder-page summary { color: var(--text) !important; }
.pf-app.price-finder-page .pf-header p,
.pf-app.price-finder-page .pf-card p,
.pf-app.price-finder-page .pf-hint,
.pf-app.price-finder-page .pf-price-compare { color: var(--muted) !important; }
.pf-app.price-finder-page code { color: #9edcff !important; }
.pf-app.price-finder-page .pf-card,
.pf-app.price-finder-page details.pf-card {
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}
.pf-app.price-finder-page input,
.pf-app.price-finder-page select,
.pf-app.price-finder-page textarea,
.pf-app.price-finder-page .pf-audit-table input,
.pf-app.price-finder-page .pf-audit-table select {
  background: #07152a !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.pf-app.price-finder-page input:disabled {
  background: rgba(255,255,255,.035) !important;
  color: var(--muted) !important;
}
.pf-app.price-finder-page input:focus,
.pf-app.price-finder-page select:focus,
.pf-app.price-finder-page textarea:focus {
  border-color: rgba(99,210,151,.72) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(99,210,151,.1);
}
.pf-app.price-finder-page .pf-big,
.pf-app.price-finder-page .pf-market-table .good { color: var(--accent) !important; }
.pf-app.price-finder-page .pf-breakdown,
.pf-app.price-finder-page .pf-row.total,
.pf-app.price-finder-page .pf-table-wrap { border-color: var(--border) !important; }
.pf-app.price-finder-page .pf-market-table,
.pf-app.price-finder-page .pf-audit-table { color: var(--text) !important; }
.pf-app.price-finder-page .pf-market-table th,
.pf-app.price-finder-page .pf-market-table td,
.pf-app.price-finder-page .pf-audit-table th,
.pf-app.price-finder-page .pf-audit-table td { border-color: rgba(255,255,255,.08) !important; }
.pf-app.price-finder-page .pf-market-table thead th,
.pf-app.price-finder-page .pf-audit-table th {
  background: #0b1d35 !important;
  color: #aac2df !important;
}
.pf-app.price-finder-page .primary-market td { background: rgba(99,210,151,.055) !important; }
.pf-app.price-finder-page .pf-pill { background: rgba(99,210,151,.14); color: #95f0bc; border: 1px solid rgba(99,210,151,.28); }
.pf-app.price-finder-page .pf-warning {
  color: #ffd5a3;
  background: rgba(245,158,11,.11);
  border: 1px solid rgba(245,158,11,.32);
}
.pf-app.price-finder-page .pf-audit-rule-grid > div { background: rgba(255,255,255,.025); }
.pf-app.price-finder-page .pf-audit-rule-grid .orange { border-color: rgba(245,158,11,.48); background: rgba(245,158,11,.08); }
.pf-app.price-finder-page .pf-audit-rule-grid .red { border-color: rgba(239,68,68,.52); background: rgba(239,68,68,.08); }
.pf-app.price-finder-page .pf-audit-last-run { box-shadow: none !important; }
.pf-audit-run-actions { flex-wrap: wrap; }
.pf-audit-diagnostics { padding: 0 !important; overflow: hidden; }
.pf-audit-diagnostics > summary,
.pf-audit-debug-samples > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
}
.pf-audit-diagnostics > summary::-webkit-details-marker,
.pf-audit-debug-samples > summary::-webkit-details-marker { display: none; }
.pf-audit-diagnostics > summary > span:first-child,
.pf-audit-debug-samples > summary { min-width: 0; }
.pf-audit-diagnostics > summary > span:first-child { display: grid; gap: 4px; }
.pf-audit-diagnostics summary small,
.pf-audit-debug-samples summary small { display: block; color: var(--muted); font-weight: 500; margin-top: 4px; }
.pf-audit-diagnostics-body { display: grid; gap: 16px; padding: 0 18px 18px; border-top: 1px solid var(--border); }
.pf-audit-diagnostic-metrics { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; padding-top: 16px; }
.pf-audit-diagnostic-metrics > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.pf-audit-diagnostic-metrics span { color: var(--muted); font-size: .72rem; font-weight: 750; }
.pf-audit-diagnostic-metrics strong { color: var(--text); font-size: 1.25rem; }
.pf-audit-source-strip { margin: 0; }
.pf-audit-diagnostic-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 14px; }
.pf-audit-diagnostic-grid > section { min-width: 0; padding: 15px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.02); }
.pf-audit-diagnostic-grid h3 { margin: 0 0 6px; }
.pf-audit-diagnostic-grid p { margin: 0 0 12px !important; }
.pf-audit-diagnostic-table { min-width: 620px; }
.pf-audit-debug-list { display: grid; gap: 8px; }
.pf-audit-debug-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.pf-audit-debug-list > div:last-child { border-bottom: 0; }
.pf-audit-debug-list span { color: var(--muted); font-size: .78rem; }
.pf-audit-debug-samples { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.018); }
.pf-audit-debug-samples .pf-table-wrap { border-width: 1px 0 0 !important; border-radius: 0 !important; }
.pf-audit-debug-samples td small { display: block; margin-top: 3px; color: var(--muted); }
.pf-audit-modal { background: var(--panel-3) !important; border-color: var(--border) !important; }
.pf-audit-modal > header,
.pf-audit-modal > footer,
.pf-audit-result-tabs { background: rgba(255,255,255,.018) !important; border-color: var(--border) !important; }
.pf-audit-result-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.pf-audit-result-tabs button { justify-content: center; min-height: 42px; }
.pf-audit-table tr.pf-audit-small td { background: rgba(59,130,246,.035) !important; }
@media(max-width:1050px){
  .pf-audit-diagnostic-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pf-audit-diagnostic-grid { grid-template-columns: 1fr; }
}
@media(max-width:650px){
  .pf-app.price-finder-page .pf-section-tabs { grid-template-columns: 1fr; }
  .pf-audit-diagnostic-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pf-audit-diagnostics > summary { align-items: flex-start; flex-direction: column; }
}
.pf-app.price-finder-page .pf-check {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 9px;
  width: fit-content;
}
.pf-app.price-finder-page .pf-check input[type="checkbox"] {
  width: auto !important;
  min-width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--accent);
  box-shadow: none !important;
}

/* ===== Timecards, signed receipts, and four-wide employee primary navigation ===== */
@keyframes timecardAttentionPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(232, 91, 54, .15); transform: translateY(0); }
  50% { box-shadow: 0 0 0 7px rgba(232, 91, 54, .18); transform: translateY(-1px); }
}

.simple-mode .tabs-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

.simple-mode .simple-tab-btn {
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 6px !important;
  gap: 4px !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: .76rem !important;
  line-height: 1.15 !important;
}

.simple-mode .simple-tab-btn > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.timecard-attention {
  border-color: #e85b36 !important;
  background: rgba(232, 91, 54, .12) !important;
  animation: timecardAttentionPulse 1.35s ease-in-out infinite;
}

.timecard-tab-badge,
.timecard-tab-complete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: .72rem;
}

.timecard-tab-badge { background: #e85b36; color: #fff; }
.timecard-tab-complete { background: rgba(19, 141, 82, .18); color: #29b36d; }

.timecard-admin-shell,
.timecard-panel {
  display: grid;
  gap: 18px;
}

.timecard-panel { padding: 20px; }

.timecard-hero,
.timecard-section-heading,
.timecard-admin-card-head,
.timecard-signature-heading,
.timecard-record-row,
.timecard-generated-link,
.timecard-row-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.timecard-hero {
  justify-content: flex-start;
  padding: 18px;
  border: 1px solid rgba(60, 126, 255, .22);
  border-radius: 16px;
  background: rgba(45, 111, 235, .08);
}

.timecard-hero.is-due {
  border-color: rgba(232, 91, 54, .4);
  background: rgba(232, 91, 54, .09);
}

.timecard-hero h2,
.timecard-section-heading h2,
.timecard-admin-card h3,
.timecard-section h3 { margin: 0; }
.timecard-hero p,
.timecard-section-heading p { margin: 5px 0 0; opacity: .78; }

.timecard-status-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #148d56;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 900;
}

.timecard-hero.is-due .timecard-status-icon { background: #e85b36; }

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

.timecard-form-grid.compact-grid { margin: 14px 0; }
.timecard-form-grid label { display: grid; gap: 6px; }
.timecard-form-grid label > span {
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .02em;
  opacity: .76;
}
.timecard-form-grid input,
.timecard-form-grid select,
.timecard-form-grid textarea,
.timecard-generated-link input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(125, 154, 198, .3);
  border-radius: 11px;
  padding: 11px 12px;
  background: rgba(4, 15, 31, .42);
  color: inherit;
  font: inherit;
}
.timecard-form-grid input:disabled { opacity: .78; }
.timecard-wide { grid-column: 1 / -1; }

.timecard-confirm {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(220, 178, 72, .38);
  border-radius: 13px;
  background: rgba(220, 178, 72, .09);
  line-height: 1.45;
}
.timecard-confirm input { margin-top: 3px; transform: scale(1.15); }

.timecard-signature-canvas {
  width: 100%;
  height: 170px;
  box-sizing: border-box;
  border: 2px dashed rgba(125, 154, 198, .65);
  border-radius: 14px;
  background: #fff;
  touch-action: none;
  cursor: crosshair;
}
.timecard-submit { width: 100%; min-height: 48px; }
.timecard-section { display: grid; gap: 10px; margin-top: 8px; }
.timecard-empty { padding: 18px; text-align: center; opacity: .7; }

.timecard-admin-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.timecard-admin-summary > div {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px solid rgba(125, 154, 198, .22);
  border-radius: 15px;
  background: rgba(3, 13, 27, .36);
}
.timecard-admin-summary span { font-size: .76rem; opacity: .72; font-weight: 800; }
.timecard-admin-summary strong { font-size: 1.7rem; }

.timecard-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 14px;
}
.timecard-admin-card {
  padding: 16px;
  border: 1px solid rgba(125, 154, 198, .25);
  border-radius: 15px;
  background: rgba(3, 13, 27, .28);
}
.timecard-admin-card.is-missing { border-color: rgba(232, 91, 54, .5); }
.timecard-admin-card-head > span {
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(19, 141, 82, .16);
  color: #31b974;
  font-size: .74rem;
  font-weight: 850;
}
.timecard-admin-card.is-missing .timecard-admin-card-head > span { background: rgba(232, 91, 54, .15); color: #ff8a69; }
.timecard-missing-weeks { margin-top: 10px; color: #ff9a7d; font-size: .82rem; }
.timecard-mini-records { margin-top: 12px; }

.timecard-record-row {
  padding: 12px;
  border: 1px solid rgba(125, 154, 198, .2);
  border-radius: 12px;
  background: rgba(3, 13, 27, .24);
}
.timecard-record-row > div:first-child { min-width: 0; display: grid; gap: 3px; }
.timecard-record-row span,
.timecard-record-row small { display: block; opacity: .72; overflow-wrap: anywhere; }
.timecard-row-actions { justify-content: flex-end; flex-wrap: wrap; }
.timecard-generated-link { margin-top: 12px; }
.timecard-generated-link input { flex: 1 1 280px; }
.standalone-set-count-hint { font-size: .72rem; opacity: .75; max-width: 150px; text-align: center; }

@media (max-width: 720px) {
  .timecard-panel { padding: 14px; }
  .timecard-form-grid,
  .timecard-admin-summary { grid-template-columns: 1fr; }
  .timecard-wide { grid-column: auto; }
  .timecard-section-heading,
  .timecard-record-row,
  .timecard-generated-link { align-items: stretch; flex-direction: column; }
  .timecard-row-actions { justify-content: stretch; }
  .timecard-row-actions button { flex: 1; }
  .timecard-admin-grid { grid-template-columns: 1fr; }
  .timecard-signature-canvas { height: 155px; }
}


/* V114 — responsive employee timecard/mobile receipt corrections */
.timecard-panel,
.timecard-panel * { min-width: 0; }
.timecard-panel { width: 100%; max-width: 100%; overflow: hidden; }
.timecard-confirm { width: 100%; box-sizing: border-box; }
.timecard-confirm input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 1px 0 0 !important;
  border-radius: 4px !important;
  flex: 0 0 22px !important;
  background: initial !important;
  box-shadow: none !important;
}
.timecard-confirm span { min-width: 0; overflow-wrap: anywhere; }
.timecard-signature-heading { margin-top: 2px; }
.timecard-signature-canvas { display: block; max-width: 100%; }

@media (max-width: 720px) {
  .timecard-panel { padding: 10px; gap: 14px; }
  .timecard-hero { padding: 14px; align-items: flex-start; }
  .timecard-status-icon { flex-basis: 36px; width: 36px; height: 36px; }
  .timecard-hero h2 { font-size: 1.15rem; line-height: 1.2; }
  .timecard-hero p { font-size: .88rem; line-height: 1.4; }
  .timecard-form-grid { gap: 11px; }
  .timecard-form-grid input,
  .timecard-form-grid select,
  .timecard-form-grid textarea { font-size: 16px; padding: 12px; }
  .timecard-confirm { padding: 14px; font-size: .96rem; }
  .timecard-signature-heading { align-items: center; flex-direction: row; }
  .timecard-signature-canvas { height: 185px; }
  .timecard-submit { min-height: 54px; font-size: 1rem; }
}

/* ===== V115 grouped bilingual timecard history ===== */
.timecard-history-search {
  display: grid;
  gap: 7px;
  max-width: 520px;
}
.timecard-history-search > span {
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .02em;
  opacity: .76;
}
.timecard-history-search input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(125, 154, 198, .3);
  border-radius: 11px;
  padding: 11px 12px;
  background: rgba(4, 15, 31, .42);
  color: inherit;
  font: inherit;
}
.timecard-history-groups,
.timecard-history-week,
.timecard-history-list {
  display: grid;
  gap: 10px;
}
.timecard-history-week {
  padding-top: 8px;
}
.timecard-history-week + .timecard-history-week {
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid rgba(125, 154, 198, .18);
}
.timecard-history-week > h3 {
  margin: 0;
  font-size: .92rem;
  color: #d7e4f4;
}
@media (max-width: 720px) {
  .timecard-history-search { max-width: none; }
}

/* ===== V118 payroll-style employee timecard UI (presentation only) ===== */
.timecard-signing-panel,
.timecard-up-to-date {
  width: min(100%, 780px);
  max-width: 780px;
  margin-inline: auto;
  color: #172033;
  background: #fff;
  border: 1px solid #d7deea;
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(26, 39, 61, .18);
  overflow: hidden;
}
.timecard-signing-panel {
  display: block;
  padding: 0 !important;
}
.timecard-signing-header {
  display: grid;
  gap: 7px;
  padding: 27px 28px;
  color: #fff;
  background: #081e3a;
  border: 0;
}
.timecard-signing-header h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, 5vw, 1.95rem);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.timecard-signing-header p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 1rem;
  line-height: 1.35;
}
.timecard-title-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.timecard-test-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #f1c94b;
  color: #172033;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.timecard-signing-panel > .inline-error,
.timecard-signing-panel > .timecard-receipt-summary,
.timecard-signing-panel > .timecard-confirm,
.timecard-signing-panel > .timecard-signature-block,
.timecard-signing-panel > .timecard-submit,
.timecard-signing-panel > .timecard-preview-note,
.timecard-signing-panel > .timecard-employee-history,
.timecard-signing-panel > .timecard-employee-history-empty {
  margin-left: 26px;
  margin-right: 26px;
}
.timecard-signing-panel > .inline-error { margin-top: 18px; }
.timecard-receipt-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 24px;
}
.timecard-summary-card {
  min-width: 0;
  padding: 16px;
  color: #172033;
  background: #f7f9fc;
  border: 0;
  border-radius: 16px;
}
.timecard-summary-card > span {
  display: block;
  margin-bottom: 7px;
  color: #667085;
  opacity: 1;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.timecard-summary-card > strong,
.timecard-summary-card > div {
  display: block;
  color: #172033;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.timecard-summary-card > div { white-space: pre-line; }
.timecard-summary-amount strong {
  color: #087443;
  font-size: 1.25rem;
  font-weight: 750;
}
.timecard-summary-wide { grid-column: 1 / -1; }
.timecard-confirm-compact {
  width: auto !important;
  margin-top: 18px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #172033 !important;
  background: #fff8df !important;
  border: 1px solid #ead487 !important;
  border-radius: 16px !important;
}
.timecard-confirm-compact input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  accent-color: #087443;
  background: initial !important;
  box-shadow: none !important;
}
.timecard-confirm-compact span { display: grid; gap: 5px; min-width: 0; line-height: 1.4; }
.timecard-confirm-compact span > strong { color: #172033; font-size: 1rem; font-weight: 700; }
.timecard-confirm-compact small { color: #667085; opacity: 1; font-size: .8rem; line-height: 1.45; }
.timecard-signature-block {
  margin-top: 18px;
  padding: 17px;
  color: #172033;
  background: #f7f9fc;
  border: 1px solid #d7deea;
  border-radius: 16px;
}
.timecard-signature-block .timecard-signature-heading {
  display: block;
  margin: 0 0 10px;
}
.timecard-signature-block .timecard-signature-heading strong {
  color: #172033;
  font-size: 1.05rem;
  font-weight: 700;
}
.timecard-signature-large {
  display: block;
  width: 100%;
  height: 210px !important;
  max-width: 100%;
  background: #fff !important;
  border: 2px dashed #a8b4c5 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 2px rgba(23,32,51,.04);
}
.timecard-clear-below.secondary {
  display: block;
  width: auto;
  margin: 10px 0 0;
  padding: 8px 0;
  color: #526070;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.timecard-submit-final.primary {
  display: block;
  width: calc(100% - 52px);
  min-height: 58px;
  margin-top: 18px !important;
  margin-bottom: 20px !important;
  color: #fff;
  background: #087443;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(8,116,67,.18);
  font-size: 1.03rem !important;
  font-weight: 800 !important;
}
.timecard-submit-final.primary:hover { background: #06663a; }
.timecard-preview-note {
  margin-top: 18px;
  padding: 13px 14px;
  color: #24466f;
  background: #eaf3ff;
  border: 1px solid #bfd6f5;
  border-radius: 14px;
  font-size: .86rem;
  line-height: 1.45;
}
.timecard-employee-history,
.timecard-employee-history-week {
  color: #172033;
  overflow: hidden;
}
.timecard-signing-panel > .timecard-employee-history { margin-bottom: 22px; }
.timecard-employee-history > summary,
.timecard-employee-history-week > summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
}
.timecard-employee-history > summary::-webkit-details-marker,
.timecard-employee-history-week > summary::-webkit-details-marker { display: none; }
.timecard-employee-history > summary::after,
.timecard-employee-history-week > summary::after {
  content: '⌄';
  color: #667085;
  font-size: 1.05rem;
  line-height: 1;
  transition: transform .15s ease;
}
.timecard-employee-history[open] > summary::after,
.timecard-employee-history-week[open] > summary::after { transform: rotate(180deg); }
.timecard-employee-history > summary {
  padding: 14px 15px;
  background: #f7f9fc;
  border: 1px solid #d7deea;
  border-radius: 14px;
  font-size: .95rem;
  font-weight: 750;
}
.timecard-employee-history-weeks {
  display: grid;
  gap: 8px;
  padding-top: 10px;
}
.timecard-employee-history-week {
  background: #fff;
  border: 1px solid #d7deea;
  border-radius: 12px;
}
.timecard-employee-history-week > summary {
  padding: 11px 13px;
  color: #344054;
  font-size: .86rem;
  font-weight: 700;
}
.timecard-employee-history-week[open] > summary { border-bottom: 1px solid #e4e9f1; }
.timecard-employee-receipt-list { display: grid; }
.timecard-employee-receipt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 11px 12px;
  color: #172033;
  background: #fff;
  border: 0;
  border-radius: 0;
  text-align: left;
}
.timecard-employee-receipt-row + .timecard-employee-receipt-row { border-top: 1px solid #edf0f5; }
.timecard-employee-receipt-row > span { display: grid; gap: 2px; min-width: 0; }
.timecard-employee-receipt-row strong { color: #172033; font-size: .9rem; font-weight: 700; overflow-wrap: anywhere; }
.timecard-employee-receipt-row small { color: #667085; font-size: .75rem; font-weight: 600; }
.timecard-employee-receipt-row b { color: #667085; font-size: 1.2rem; font-weight: 500; }
.timecard-employee-history-empty {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 13px 14px;
  color: #667085;
  background: #f7f9fc;
  border-radius: 12px;
  font-size: .85rem;
}
.timecard-up-to-date {
  padding: 22px !important;
  gap: 14px;
}
.timecard-up-to-date .timecard-ready-hero {
  margin: 0;
  color: #172033;
  background: #eaf8ef !important;
  border: 1px solid #b8dfc8 !important;
}
.timecard-up-to-date .timecard-ready-hero h2 { color: #172033; }
.timecard-up-to-date .timecard-ready-hero p { color: #526070; opacity: 1; }
.timecard-up-to-date .timecard-employee-history > summary { background: #f7f9fc; }

@media (max-width: 720px) {
  .timecard-signing-panel,
  .timecard-up-to-date { border-radius: 18px; }
  .timecard-signing-header { padding: 21px 18px; }
  .timecard-signing-header h2 { font-size: 1.5rem; }
  .timecard-signing-header p { font-size: .93rem; }
  .timecard-signing-panel > .inline-error,
  .timecard-signing-panel > .timecard-receipt-summary,
  .timecard-signing-panel > .timecard-confirm,
  .timecard-signing-panel > .timecard-signature-block,
  .timecard-signing-panel > .timecard-submit,
  .timecard-signing-panel > .timecard-preview-note,
  .timecard-signing-panel > .timecard-employee-history,
  .timecard-signing-panel > .timecard-employee-history-empty {
    margin-left: 14px;
    margin-right: 14px;
  }
  .timecard-receipt-summary { grid-template-columns: 1fr; gap: 9px; margin-top: 14px; }
  .timecard-summary-wide { grid-column: auto; }
  .timecard-summary-card { padding: 14px; border-radius: 14px; }
  .timecard-summary-card > span { margin-bottom: 5px; }
  .timecard-summary-card > strong,
  .timecard-summary-card > div { font-size: 1rem; }
  .timecard-summary-amount strong { font-size: 1.18rem; }
  .timecard-confirm-compact { margin-top: 12px !important; padding: 14px !important; }
  .timecard-confirm-compact span > strong { font-size: .94rem; }
  .timecard-signature-block { margin-top: 12px; padding: 14px; }
  .timecard-signature-large { height: 220px !important; }
  .timecard-submit-final.primary {
    width: calc(100% - 28px);
    min-height: 60px;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }
  .timecard-signing-panel > .timecard-employee-history { margin-bottom: 14px; }
  .timecard-up-to-date { padding: 14px !important; }
  .timecard-up-to-date .timecard-hero { align-items: flex-start; }
}

/* ===== V119 bilingual employee timecard validation popup (presentation only) ===== */
.timecard-validation-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 22000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8, 30, 58, .58);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.timecard-validation-popup {
  position: relative;
  width: min(100%, 390px);
  padding: 27px 22px 21px;
  color: #172033;
  background: #fff;
  border: 1px solid #d7deea;
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(8, 30, 58, .34);
  text-align: center;
  animation: timecardValidationPopupIn .16s ease-out;
}
.timecard-validation-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  color: #667085;
  background: transparent;
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1;
}
.timecard-validation-popup-close:hover,
.timecard-validation-popup-close:focus-visible { background: #f2f4f7; color: #172033; }
.timecard-validation-popup-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 13px;
  color: #7a5c00;
  background: #fff8df;
  border: 1px solid #ead487;
  border-radius: 999px;
  font-size: 1.35rem;
  font-weight: 850;
}
.timecard-validation-popup h3 {
  margin: 0;
  color: #172033;
  font-size: 1.24rem;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: -.01em;
}
.timecard-validation-popup p {
  margin: 9px 0 19px;
  color: #526070;
  font-size: .95rem;
  line-height: 1.5;
}
.timecard-validation-popup-ok.primary {
  width: 100%;
  min-height: 50px;
  margin: 0;
  color: #fff;
  background: #087443;
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(8, 116, 67, .17);
  font-size: 1rem;
  font-weight: 800;
}
.timecard-validation-popup-ok.primary:hover { background: #06663a; }
@keyframes timecardValidationPopupIn {
  from { opacity: 0; transform: translateY(7px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 480px) {
  .timecard-validation-popup-backdrop { padding: 15px; }
  .timecard-validation-popup { padding: 25px 18px 18px; border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .timecard-validation-popup { animation: none; }
}


/* ===== V146 team names + photographed receipt archive ===== */
.access-add-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(150px,220px) auto!important}
.access-user-fields{grid-template-columns:minmax(0,1fr) minmax(150px,220px) auto!important}
@media(max-width:900px){
  .access-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .access-add-button{grid-column:1/-1!important}
  .access-user-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .access-active-check{grid-column:1/-1!important}
}
@media(max-width:650px){
  .access-add-grid,.access-user-fields{grid-template-columns:1fr!important}
  .access-add-button,.access-active-check{grid-column:auto!important}
}

.receipts-page{display:grid;gap:18px;min-width:0}
.receipts-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1px solid rgba(99,210,151,.2);border-radius:22px;background:linear-gradient(135deg,rgba(99,210,151,.12),rgba(17,35,64,.94));box-shadow:var(--shadow)}
.receipts-hero>div{display:grid;gap:7px;max-width:760px}.receipts-eyebrow{color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.14em}.receipts-hero h2{margin:0;font-size:clamp(1.6rem,3vw,2.35rem)}.receipts-hero p{margin:0;color:var(--muted);line-height:1.55}.receipts-add-main{min-width:150px;min-height:48px}
.receipt-hidden-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.receipts-actions-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:rgba(13,28,51,.8)}
.receipt-action-button,.receipt-paste-zone{display:grid;gap:5px;min-height:92px;padding:17px;text-align:left;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.035);color:var(--text)}
.receipt-action-button:hover,.receipt-paste-zone:hover,.receipt-paste-zone:focus{border-color:rgba(99,210,151,.5);background:rgba(99,210,151,.08);outline:none}.receipt-action-button strong,.receipt-paste-zone strong{font-size:1rem}.receipt-action-button span,.receipt-paste-zone span{color:var(--muted);font-size:.82rem;line-height:1.45}
.receipts-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.receipts-list-heading>div{display:grid;gap:4px}.receipts-list-heading span{color:var(--muted);font-size:.78rem}
.receipt-empty{display:grid;gap:7px;padding:42px 20px;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:18px;color:var(--muted)}.receipt-empty strong{color:var(--text);font-size:1.05rem}
.receipt-date-groups{display:grid;gap:18px}.receipt-date-group{display:grid;gap:13px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(13,28,51,.72)}.receipt-date-group header{display:flex;justify-content:space-between;gap:12px}.receipt-date-group header>div{display:grid;gap:4px}.receipt-date-group h3{margin:0;font-size:1.05rem}.receipt-date-group header span{color:var(--muted);font-size:.78rem}
.receipt-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.receipt-image-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#07152a}.receipt-image-open{display:block;width:100%;padding:0;background:#081225;aspect-ratio:4/3;overflow:hidden}.receipt-image-open img{display:block;width:100%;height:100%;object-fit:cover}.receipt-image-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px}.receipt-image-meta span{color:var(--muted);font-size:.72rem}.receipt-image-meta button{padding:5px 7px;background:transparent;color:#f39a9a;font-size:.74rem;font-weight:750}
.receipt-modal-backdrop{position:fixed;inset:0;z-index:23000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,10,22,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.receipt-date-modal{position:relative;display:grid;gap:15px;width:min(100%,480px);max-height:90vh;overflow:auto;padding:24px;border:1px solid #d7deea;border-radius:20px;background:#fff;color:#172033;box-shadow:0 28px 80px rgba(0,0,0,.38)}.receipt-date-modal h2{margin:0;font-size:1.4rem}.receipt-date-modal p{margin:0;color:#667085;line-height:1.5}.receipt-modal-close{position:absolute;top:9px;right:9px;width:38px;height:38px;padding:0;border-radius:999px;background:#f2f4f7;color:#526070;font-size:1.5rem}.receipt-date-field{display:grid;gap:7px}.receipt-date-field span{font-size:.8rem;font-weight:800;color:#526070}.receipt-date-field input{background:#fff;color:#172033;border-color:#cfd7e3}.receipt-pending-list{display:grid;gap:5px;margin:0;padding:12px 12px 12px 30px;border-radius:12px;background:#f7f9fc;color:#526070;font-size:.82rem;overflow-wrap:anywhere}.receipt-modal-actions{display:flex;justify-content:flex-end;gap:10px}.receipt-date-modal .secondary{background:#e9eef5;color:#172033}.receipt-date-modal .primary{background:#087443;color:#fff}
@media(max-width:760px){.receipts-hero{align-items:stretch;flex-direction:column}.receipts-add-main{width:100%}.receipts-actions-card{grid-template-columns:1fr}.receipt-action-button,.receipt-paste-zone{min-height:76px}.receipts-list-heading{align-items:stretch;flex-direction:column}.receipts-list-heading .secondary{width:100%}.receipt-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.receipts-hero{padding:19px}.receipt-image-grid{grid-template-columns:1fr}.receipt-date-modal{padding:22px 17px 17px}.receipt-modal-actions{display:grid}.receipt-modal-actions button{width:100%}}

/* V147 receipt archive: Year > Week > timestamped receipt */
.receipt-year-groups{gap:16px}.receipt-year-group,.receipt-week-group{min-width:0;border:1px solid var(--border);border-radius:18px;background:rgba(13,28,51,.72);overflow:hidden}.receipt-year-group>summary,.receipt-week-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.receipt-year-group>summary::-webkit-details-marker,.receipt-week-group>summary::-webkit-details-marker{display:none}.receipt-year-group>summary{padding:17px 18px;font-size:1.15rem}.receipt-year-group>summary:before,.receipt-week-group>summary:before{content:'›';flex:0 0 auto;color:var(--accent);font-size:1.35rem;line-height:1;transform:rotate(0deg);transition:transform .16s ease}.receipt-year-group[open]>summary:before,.receipt-week-group[open]>summary:before{transform:rotate(90deg)}.receipt-year-group>summary strong,.receipt-week-group>summary strong{flex:1}.receipt-year-group>summary span,.receipt-week-group>summary span{color:var(--muted);font-size:.78rem}.receipt-week-groups{display:grid;gap:12px;padding:0 14px 14px}.receipt-week-group{border-radius:14px;background:rgba(4,16,34,.46)}.receipt-week-group>summary{padding:13px 15px;font-size:.92rem}.receipt-week-group>.receipt-image-grid{padding:0 14px 14px}.receipt-image-title{min-height:46px;margin:0;padding:11px 11px 8px;color:var(--text);font-size:.82rem;line-height:1.35}.receipt-image-card{display:flex;flex-direction:column}.receipt-image-card .receipt-image-open{flex:1}
@media(max-width:430px){.receipt-year-group>summary{padding:15px}.receipt-week-groups{padding:0 10px 10px}.receipt-week-group>.receipt-image-grid{padding:0 10px 10px}.receipt-week-group>summary{align-items:flex-start}.receipt-week-group>summary span{white-space:nowrap}}

/* V147 Other > Return Label Generator */
.return-label-app{display:grid;gap:18px;max-width:1180px;margin:0 auto;padding-bottom:42px}.return-label-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid rgba(129,157,197,.2);border-radius:24px;background:linear-gradient(135deg,rgba(9,31,61,.98),rgba(13,46,78,.94));box-shadow:0 18px 48px rgba(1,10,23,.24)}.return-label-hero h2{margin:3px 0 8px;font-size:clamp(1.65rem,3vw,2.45rem)}.return-label-hero p{margin:0;max-width:700px;color:var(--muted);line-height:1.55}.return-label-hero-badge,.return-label-channel{white-space:nowrap;padding:10px 14px;border-radius:999px;background:rgba(96,219,167,.12);border:1px solid rgba(96,219,167,.28);color:#8ae9bd;font-weight:800}.return-label-search,.return-label-card,.return-label-history{padding:22px;border:1px solid rgba(129,157,197,.18);border-radius:20px;background:rgba(8,25,48,.78)}.return-label-search label>span,.return-label-package-grid label>span,.return-label-address-grid label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.84rem;font-weight:800}.return-label-search label>div{display:flex;gap:10px}.return-label-search input{flex:1;min-width:0}.return-label-layout{display:grid;gap:18px}.return-label-card{display:grid;gap:17px}.return-label-card h3{margin:2px 0 0}.return-label-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.return-label-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.return-label-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgba(129,157,197,.14);border-radius:14px;background:rgba(255,255,255,.025)}.return-label-item img,.return-label-item-placeholder{width:54px;height:54px;flex:0 0 54px;border-radius:11px;object-fit:cover;background:rgba(255,255,255,.06)}.return-label-item-placeholder{display:grid;place-items:center;color:var(--muted);font-size:.65rem;text-align:center}.return-label-item div{display:grid;gap:4px;min-width:0}.return-label-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.return-label-item span{color:var(--muted);font-size:.78rem}.return-label-address-row{display:flex;gap:10px}.return-label-address-row select{flex:1;min-width:0}.return-label-package-grid{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:12px}.return-label-package-grid input,.return-label-package-grid select{width:100%}.return-label-rate-button,.return-label-purchase-button{justify-self:start}.return-label-rates{display:grid;gap:10px}.return-label-rate{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(129,157,197,.18);border-radius:15px;cursor:pointer;background:rgba(255,255,255,.025);transition:border-color .15s ease,transform .15s ease,background .15s ease}.return-label-rate:hover,.return-label-rate.is-selected{border-color:rgba(96,219,167,.58);background:rgba(96,219,167,.07);transform:translateY(-1px)}.return-label-rate-main{display:grid;gap:3px}.return-label-rate-main span,.return-label-rate-main small{color:var(--muted)}.return-label-price{font-size:1.2rem}.return-label-unavailable{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid rgba(129,157,197,.12)}.return-label-unavailable span{color:var(--muted);font-size:.86rem}.return-label-success{display:flex;align-items:flex-start;gap:16px;padding:22px;border-radius:20px;border:1px solid rgba(96,219,167,.35);background:rgba(96,219,167,.09)}.return-label-success-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#60dba7;color:#05261a;font-size:1.45rem;font-weight:900}.return-label-success h3{margin:3px 0}.return-label-success p{margin:4px 0 14px;color:var(--muted)}.button-link{display:inline-flex;text-decoration:none}.return-label-history summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:850}.return-label-history summary span{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.07)}.return-label-history>div{display:grid;gap:10px;margin-top:15px}.return-label-history article{display:flex;justify-content:space-between;gap:16px;padding:13px;border-radius:13px;background:rgba(255,255,255,.025)}.return-label-history article>div{display:grid;gap:3px}.return-label-history article span,.return-label-history article small{color:var(--muted);font-size:.8rem}.return-label-history article>div:last-child{text-align:right}.return-label-history a{color:#8ae9bd;font-weight:800}.return-label-address-modal{width:min(760px,calc(100vw - 24px))}.return-label-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.return-label-address-grid .full{grid-column:1/-1}.return-label-address-grid input{width:100%}.return-label-card .eyebrow,.return-label-hero .eyebrow,.return-label-success .eyebrow{display:block;color:#79d7ad;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.loading-card{padding:30px;border-radius:18px;background:rgba(8,25,48,.78);color:var(--muted)}
@media(max-width:820px){.return-label-hero{align-items:flex-start;flex-direction:column}.return-label-hero-badge{white-space:normal}.return-label-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.return-label-card-heading{align-items:flex-start}.return-label-address-row{align-items:stretch;flex-direction:column}.return-label-search label>div{flex-direction:column}.return-label-rate{grid-template-columns:auto 1fr}.return-label-price{grid-column:2}.return-label-address-grid{grid-template-columns:1fr}.return-label-address-grid .full{grid-column:auto}.return-label-history article{align-items:flex-start;flex-direction:column}.return-label-history article>div:last-child{text-align:left}.return-label-rate-button,.return-label-purchase-button{width:100%;justify-content:center}}

/* V148 Return Label Generator polish */
.return-label-address-modal{background:linear-gradient(180deg,#0c2342,#081a33);color:var(--text);border:1px solid rgba(129,157,197,.28);box-shadow:0 28px 80px rgba(0,0,0,.48);padding:24px}.return-label-address-modal h2{margin:2px 0 4px;font-size:1.6rem}.return-label-modal-heading{padding-right:42px;margin-bottom:18px}.return-label-modal-heading p{margin:0;color:var(--muted)}.return-label-address-modal .receipt-modal-close{background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(129,157,197,.2)}.return-label-address-modal .return-label-address-grid{gap:14px}.return-label-address-modal label>span{color:#b9c9df}.return-label-address-modal label>span small{font-weight:600;color:var(--muted)}.return-label-address-modal input{min-height:44px;background:#06172d;color:var(--text);border:1px solid rgba(129,157,197,.25);border-radius:11px;padding:10px 12px}.return-label-address-modal input:focus{border-color:rgba(96,219,167,.75);box-shadow:0 0 0 3px rgba(96,219,167,.12);outline:none}.return-label-required{color:#ff8c8c}.return-label-address-modal .receipt-modal-actions{margin-top:18px;padding-top:16px;border-top:1px solid rgba(129,157,197,.16)}.return-label-card>.inline-error,.return-label-app>.inline-error{border-radius:12px;padding:12px 14px}.return-label-rate-button{min-width:170px}.return-label-search,.return-label-card{box-shadow:0 12px 34px rgba(1,10,23,.12)}


/* V178 startup/navigation stability diagnostics */
.app-runtime-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border:1px solid rgba(112,164,218,.32);border-radius:13px;background:rgba(12,35,63,.9);font-size:.78rem}.app-runtime-strip-copy,.app-runtime-strip-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-runtime-strip-copy>span{color:var(--muted)}.app-runtime-strip-working{border-color:rgba(255,193,7,.45)}.app-runtime-strip-warning{border-color:rgba(255,105,118,.52);background:rgba(84,21,35,.34)}.app-runtime-strip-error{color:#ff9baa!important;font-weight:800}.app-runtime-strip-actions button{min-height:34px;padding:7px 10px}.app-warmup-panel{max-width:760px;margin:24px auto;padding:24px}.app-warmup-panel h2{margin-top:0}.app-warmup-panel p{color:var(--muted);line-height:1.55}.app-warmup-panel .primary{margin-top:8px}
@media(max-width:700px){.app-runtime-strip{align-items:stretch}.app-runtime-strip-copy,.app-runtime-strip-actions{width:100%}.app-runtime-strip-actions button{flex:1}.app-warmup-panel{margin:12px}}

/* V184: clear first-load and background-refresh feedback for every deferred page. */
.app-inline-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(145,178,215,.32);border-top-color:#63d3a0;border-radius:50%;vertical-align:-2px;animation:app-inline-spin .72s linear infinite;flex:0 0 auto}
.app-inline-spinner-large{width:34px;height:34px;border-width:4px;vertical-align:0}
@keyframes app-inline-spin{to{transform:rotate(360deg)}}
.app-page-loading-panel{min-height:230px;display:grid;align-content:center;gap:20px;padding:28px;border-style:solid;overflow:hidden}
.app-page-loading-head{display:flex;align-items:center;gap:16px}.app-page-loading-head h2{margin:0 0 5px}.app-page-loading-head p{margin:0;color:#a9bdd5;line-height:1.45}
.app-page-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-page-skeleton span{display:block;height:92px;border:1px solid rgba(137,169,208,.13);border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.035) 15%,rgba(255,255,255,.085) 35%,rgba(255,255,255,.035) 55%);background-size:220% 100%;animation:app-skeleton-shimmer 1.25s ease-in-out infinite}.app-page-skeleton span:nth-child(2){animation-delay:.12s}.app-page-skeleton span:nth-child(3){animation-delay:.24s}
@keyframes app-skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.app-page-refresh-strip{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 12px;border:1px solid rgba(99,211,160,.24);border-radius:11px;background:rgba(99,211,160,.07);color:#b9d9ca;font-size:12px}
.app-warmup-tabs button{opacity:.68;cursor:default}.meta-line .app-inline-spinner{margin-right:2px}
@media(max-width:720px){.app-page-loading-panel{min-height:190px;padding:20px}.app-page-loading-head{align-items:flex-start}.app-page-skeleton{grid-template-columns:1fr}.app-page-skeleton span{height:58px}.app-page-skeleton span:nth-child(n+2){display:none}}
@media(prefers-reduced-motion:reduce){.app-inline-spinner,.app-page-skeleton span{animation-duration:1.8s}}

/* ===== V195 simple weekly travel pay + payroll history lookup ===== */
.timecard-admin-summary-useful > div:last-child strong {
  color: #42d38b;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}
.timecard-admin-card {
  display: grid;
  gap: 14px;
  padding: 0;
  overflow: hidden;
}
.timecard-admin-card-head {
  align-items: flex-start;
  padding: 16px 16px 0;
}
.timecard-admin-card-head > div { min-width: 0; }
.timecard-admin-card-head h3,
.timecard-admin-card-head small,
.timecard-admin-card-head p { overflow-wrap: anywhere; }
.timecard-admin-card-head p {
  margin: 6px 0 0;
  color: rgba(226, 234, 246, .68);
  font-size: .76rem;
  line-height: 1.35;
}
.timecard-weekly-payment {
  display: grid;
  gap: 12px;
  margin: 0 12px;
  padding: 14px;
  border: 1px solid rgba(66, 211, 139, .28);
  border-radius: 14px;
  background: rgba(19, 141, 82, .075);
}
.timecard-weekly-payment-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.timecard-weekly-payment-head h4 { margin: 0; font-size: 1rem; }
.timecard-weekly-payment-head p {
  margin: 4px 0 0;
  max-width: 390px;
  color: rgba(226, 234, 246, .7);
  font-size: .74rem;
  line-height: 1.4;
}
.timecard-weekly-payment-head > strong {
  flex: 0 0 auto;
  color: #57dda0;
  font-size: 1.35rem;
  letter-spacing: -.02em;
}
.timecard-payment-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.timecard-payment-inputs label {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}
.timecard-payment-inputs label > span {
  color: rgba(226, 234, 246, .78);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.25;
}
.timecard-payment-inputs label > small {
  color: rgba(226, 234, 246, .58);
  font-size: .67rem;
  line-height: 1.3;
}
.timecard-payment-inputs input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 11px;
  color: inherit;
  background: rgba(3, 13, 27, .52);
  border: 1px solid rgba(125, 154, 198, .3);
  border-radius: 10px;
  font: inherit;
}
.timecard-travel-summary {
  padding: 10px 11px;
  color: rgba(226, 234, 246, .62);
  background: rgba(3, 13, 27, .28);
  border: 1px dashed rgba(125, 154, 198, .24);
  border-radius: 10px;
  font-size: .75rem;
  line-height: 1.4;
}
.timecard-travel-summary.has-travel {
  color: #b9f3d4;
  background: rgba(19, 141, 82, .12);
  border-color: rgba(66, 211, 139, .32);
}
.timecard-send-actions { justify-content: flex-start; }
.timecard-send-actions .primary { flex: 1 1 190px; }
.timecard-employee-defaults,
.timecard-pending-section {
  margin: 0 12px;
  border: 1px solid rgba(125, 154, 198, .2);
  border-radius: 12px;
  background: rgba(3, 13, 27, .2);
  overflow: hidden;
}
.timecard-pending-section { margin-bottom: 12px; padding: 0; border-top: 1px solid rgba(125, 154, 198, .2); }
.timecard-employee-defaults > summary,
.timecard-pending-section > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  font-size: .78rem;
  font-weight: 800;
}
.timecard-employee-defaults > summary::-webkit-details-marker,
.timecard-pending-section > summary::-webkit-details-marker { display: none; }
.timecard-employee-defaults > summary small { opacity: .58; font-weight: 650; }
.timecard-pending-section > summary strong {
  display: grid;
  place-items: center;
  min-width: 23px;
  height: 23px;
  border-radius: 999px;
  color: #ffab92;
  background: rgba(232, 91, 54, .15);
}
.timecard-employee-defaults[open] > summary,
.timecard-pending-section[open] > summary { border-bottom: 1px solid rgba(125, 154, 198, .18); }
.timecard-employee-defaults > .timecard-form-grid,
.timecard-employee-defaults > button { margin-left: 12px; margin-right: 12px; }
.timecard-employee-defaults > button { margin-bottom: 12px; }
.timecard-pending-section > .timecard-pending-list,
.timecard-pending-section > .timecard-empty { margin: 10px; }

.timecard-payment-breakdown {
  display: grid;
  gap: 0;
  width: 100%;
  margin-top: 8px;
  border-top: 1px solid #dfe5ed;
}
.timecard-payment-breakdown > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
  border-bottom: 1px solid #edf0f5;
  font-size: .9rem;
}
.timecard-payment-breakdown > div span { color: #526070; }
.timecard-payment-breakdown > div strong { color: #172033; font-size: .9rem; }
.timecard-payment-breakdown > .timecard-payment-total {
  margin-top: 2px;
  border-bottom: 0;
  font-weight: 800;
}
.timecard-payment-breakdown > .timecard-payment-total strong { color: #087443; font-size: 1rem; }
.timecard-summary-payment > span { margin-bottom: 2px; }

.timecard-history-root > summary { position: relative; padding-right: 48px; }
.timecard-history-root > summary::after {
  content: '⌄';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(226, 234, 246, .65);
  font-size: 1.2rem;
  transition: transform .15s ease;
}
.timecard-history-root[open] > summary::after { transform: translateY(-50%) rotate(180deg); }
.timecard-history-filters {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(2, minmax(150px, 1fr)) auto;
  align-items: end;
  gap: 10px;
}
.timecard-history-filters label { display: grid; gap: 6px; min-width: 0; }
.timecard-history-filters label > span {
  color: rgba(226, 234, 246, .72);
  font-size: .73rem;
  font-weight: 800;
}
.timecard-history-filters select,
.timecard-history-filters input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 10px 11px;
  color: inherit;
  background: rgba(4, 15, 31, .42);
  border: 1px solid rgba(125, 154, 198, .3);
  border-radius: 10px;
  font: inherit;
}
.timecard-payroll-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(66, 211, 139, .28);
  border-radius: 14px;
  background: rgba(19, 141, 82, .09);
}
.timecard-payroll-total > div { display: grid; gap: 4px; min-width: 0; }
.timecard-payroll-total span { font-size: .76rem; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; opacity: .76; }
.timecard-payroll-total small { opacity: .66; overflow-wrap: anywhere; }
.timecard-payroll-total > strong { color: #57dda0; font-size: clamp(1.45rem, 3vw, 2rem); }
.timecard-history-week > summary > span { display: grid; gap: 3px; min-width: 0; }
.timecard-history-week > summary > span strong { overflow-wrap: anywhere; }
.timecard-history-week > summary > b { flex: 0 0 auto; color: #57dda0; font-size: .9rem; }
.timecard-record-row { gap: 16px; }
.timecard-record-row > div:first-child > span { font-weight: 750; opacity: .9; }

@media (max-width: 900px) {
  .timecard-history-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .timecard-history-filters button { min-height: 42px; }
}
@media (max-width: 720px) {
  .timecard-admin-card { border-radius: 16px; }
  .timecard-admin-card-head { padding: 14px 14px 0; }
  .timecard-weekly-payment,
  .timecard-employee-defaults,
  .timecard-pending-section { margin-left: 10px; margin-right: 10px; }
  .timecard-weekly-payment-head { align-items: flex-start; }
  .timecard-payment-inputs { grid-template-columns: 1fr 1fr; }
  .timecard-history-filters { grid-template-columns: 1fr; }
  .timecard-payroll-total { align-items: flex-start; flex-direction: column; }
  .timecard-history-week > summary { align-items: flex-start; }
}
@media (max-width: 430px) {
  .timecard-payment-inputs { grid-template-columns: 1fr; }
  .timecard-weekly-payment-head { flex-direction: column; }
  .timecard-weekly-payment-head > strong { font-size: 1.55rem; }
}

/* ===== V196 hidden base pay, automatic Tijuana parking, additional expenses, polished collapsibles ===== */
.timecard-travel-summary {
  display: grid;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-style: solid;
}
.timecard-travel-summary > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border-bottom: 1px solid rgba(125, 154, 198, .15);
}
.timecard-travel-summary > div:last-child { border-bottom: 0; }
.timecard-travel-summary > div span { min-width: 0; overflow-wrap: anywhere; }
.timecard-travel-summary > div strong { flex: 0 0 auto; color: #8be8b7; }
.timecard-travel-summary .timecard-adjustment-total {
  background: rgba(19, 141, 82, .12);
  font-weight: 850;
}
.timecard-no-adjustments {
  display: block;
  padding: 10px 11px;
  color: rgba(226, 234, 246, .62);
}
.timecard-collapsible-panel {
  display: block !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  border-radius: 15px !important;
  border: 1px solid rgba(125, 154, 198, .24);
  background: rgba(8, 25, 48, .72);
}
.timecard-collapsible-panel > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 72px;
  padding: 14px 48px 14px 16px !important;
  cursor: pointer;
  list-style: none;
  background: rgba(13, 35, 64, .78);
  transition: background .15s ease, border-color .15s ease;
}
.timecard-collapsible-panel > summary::-webkit-details-marker { display: none; }
.timecard-collapsible-panel > summary:hover { background: rgba(18, 45, 80, .88); }
.timecard-collapsible-panel > summary::after {
  content: '⌄' !important;
  position: absolute;
  right: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(226, 234, 246, .78);
  font-size: 1rem !important;
  line-height: 1;
  transition: transform .15s ease;
}
.timecard-collapsible-panel[open] > summary::after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.timecard-collapsible-panel[open] > summary {
  border-bottom: 1px solid rgba(125, 154, 198, .18);
}
.timecard-collapsible-panel > summary h2 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
}
.timecard-collapsible-panel > summary p {
  margin: 4px 0 0;
  color: rgba(205, 220, 240, .76);
  font-size: .75rem;
  line-height: 1.35;
}
.timecard-collapsible-body {
  display: grid;
  gap: 16px;
  padding: 18px 20px 20px;
}
.timecard-collapsible-panel .timecard-history-body {
  padding: 18px 20px 20px;
}
@media (max-width: 720px) {
  .timecard-collapsible-panel > summary { min-height: 68px; padding: 13px 44px 13px 14px !important; }
  .timecard-collapsible-body,
  .timecard-collapsible-panel .timecard-history-body { padding: 14px; }
}
/* ===== V197 Shopify Apps > Listing Generator ===== */
.listing-generator-page{display:grid;gap:18px;max-width:1500px;margin:0 auto;padding-bottom:40px}
.listing-generator-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:4px 2px}
.listing-generator-heading h2{margin:4px 0 6px;font-size:30px;letter-spacing:-.03em;color:#0b2340}
.listing-generator-heading p,.listing-generator-card-head p{margin:0;color:#607086;line-height:1.5;max-width:850px}
.listing-generator-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#e97022}
.listing-generator-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.listing-generator-row-actions small{color:#6f7e91;line-height:1.4;max-width:760px}
.listing-generator-status-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#edf1f6;color:#536275;font-size:12px;font-weight:850;white-space:nowrap}
.listing-generator-status-pill.good{background:#dff5e8;color:#17623b}.listing-generator-status-pill.bad{background:#ffe5e5;color:#942929}
.listing-generator-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.listing-generator-step{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #dfe6ee;border-radius:14px;background:#fff;color:#6a788a}
.listing-generator-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf1f6;font-weight:900;flex:0 0 auto}
.listing-generator-step strong{display:block;font-size:13px;color:#34465b}.listing-generator-step small{display:block;font-size:11px;line-height:1.35;margin-top:2px}
.listing-generator-step.is-active{border-color:#e97022;box-shadow:0 0 0 3px rgba(233,112,34,.1)}
.listing-generator-step.is-active>span{background:#e97022;color:#fff}.listing-generator-step.is-complete>span{background:#1f9d5c;color:#fff}
.listing-generator-card{border:1px solid #dfe6ee;border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 26px rgba(15,35,59,.055)}
.listing-generator-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.listing-generator-card-head h3{margin:4px 0 5px;font-size:20px;color:#102b49}
.listing-generator-drop{display:grid;place-items:center;min-height:270px;padding:32px;border:2px dashed #b8c5d4;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f8fb);cursor:pointer;text-align:center;transition:.16s ease}
.listing-generator-drop:hover,.listing-generator-drop.is-dragging-over{border-color:#e97022;background:#fff8f3;transform:translateY(-1px)}
.listing-generator-drop input,.listing-generator-file-button input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.listing-generator-drop-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:13px;border-radius:18px;background:#0b2b50;color:#fff;font-size:34px;font-weight:300}
.listing-generator-drop strong{font-size:18px;color:#153351}.listing-generator-drop small{margin-top:6px;color:#728094}
.listing-generator-file-button{position:relative;cursor:pointer}
.listing-generator-image-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.listing-generator-image-toolbar small{color:#6e7f91}
.listing-generator-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.listing-generator-image-card{padding:10px;border:1px solid #dfe5ec;border-radius:14px;background:#f9fbfd;cursor:grab}.listing-generator-image-card:active{cursor:grabbing}.listing-generator-image-card.is-processed{border-color:#b8dfc9;background:#f7fcf9}.listing-generator-image-card.is-staging-source{border-color:#e97022;box-shadow:0 0 0 3px rgba(233,112,34,.12)}
.listing-generator-image-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#fff;border:1px solid #e5e9ee}.listing-generator-image-frame img{width:100%;height:100%;object-fit:contain;display:block}
.listing-generator-primary-badge,.listing-generator-staged-badge,.listing-generator-image-number{position:absolute;top:7px;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.listing-generator-primary-badge{left:7px;background:#e97022;color:#fff}.listing-generator-image-number{right:7px;background:#0b2b50;color:#fff}
.listing-generator-staged-badge{left:7px;background:#6b46c1;color:#fff}.listing-generator-primary-badge+.listing-generator-staged-badge{top:34px}
.listing-generator-image-name{margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;color:#31455b}
.listing-generator-image-state{font-size:11px;color:#9b5b13;margin:4px 0 8px}.listing-generator-image-state.good{color:#1c7247}
.listing-generator-image-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.listing-generator-image-actions button{padding:5px 4px;min-height:31px}
.listing-generator-stage-source{width:100%;min-height:32px;margin:0 0 7px;padding:6px 8px;border:1px solid #d6dee8;border-radius:8px;background:#fff;color:#40556c;font-weight:850;font-size:11px;cursor:pointer}.listing-generator-stage-source:hover,.listing-generator-stage-source.selected{border-color:#e97022;background:#fff4ec;color:#a94f14}
.listing-generator-staging-workspace{margin-top:18px;padding:18px;border:1px solid #d9e1ea;border-radius:15px;background:linear-gradient(145deg,#fbfdff,#f7f4ff)}
.listing-generator-staging-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}.listing-generator-staging-head h4{margin:4px 0 5px;font-size:18px;color:#193450}.listing-generator-staging-head p{margin:0;max-width:800px;color:#68798c;line-height:1.45;font-size:12px}
.listing-generator-staging-layout{display:grid;gap:15px}.listing-generator-staging-control{display:grid;gap:13px}.listing-generator-staging-source-preview{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #e0e6ed;border-radius:11px;background:#fff}.listing-generator-staging-source-preview img{width:66px;height:66px;object-fit:contain;border:1px solid #edf0f3;border-radius:9px;background:#fff}.listing-generator-staging-source-preview strong,.listing-generator-staging-source-preview small{display:block}.listing-generator-staging-source-preview small{margin-top:3px;color:#768699;font-size:11px;overflow-wrap:anywhere}
.listing-generator-staging-candidate{display:grid;grid-template-columns:minmax(230px,420px) 1fr;gap:18px;align-items:center;padding:14px;border:1px solid #bdaee7;border-radius:14px;background:#fff}.listing-generator-staging-candidate-image{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #e2e5ea;border-radius:12px;background:#f8fafc}.listing-generator-staging-candidate-image img{width:100%;height:100%;display:block;object-fit:contain}.listing-generator-staging-candidate-image span{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:#6b46c1;color:#fff;font-size:10px;font-weight:900}.listing-generator-staging-candidate h4,.listing-generator-staging-candidate strong{color:#223b56}.listing-generator-staging-candidate p{margin:6px 0 13px;color:#68798c;line-height:1.45;font-size:12px}
.listing-generator-form-grid,.listing-generator-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.listing-generator-field{display:grid;gap:6px;align-content:start}.listing-generator-field.wide{grid-column:1/-1}.listing-generator-field>span{font-size:12px;font-weight:850;color:#41556c}.listing-generator-field>span small{font-weight:650;color:#8290a0}
.listing-generator-field input,.listing-generator-field select,.listing-generator-field textarea,.listing-generator-metafield-row input{width:100%;box-sizing:border-box;border:1px solid #cfd9e4;border-radius:10px;background:#fff;padding:10px 11px;color:#152d47;font:inherit;line-height:1.4}
.listing-generator-field textarea{resize:vertical}.listing-generator-field input:focus,.listing-generator-field select:focus,.listing-generator-field textarea:focus,.listing-generator-metafield-row input:focus{outline:none;border-color:#e97022;box-shadow:0 0 0 3px rgba(233,112,34,.12)}
.listing-generator-alert{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:12px}.listing-generator-alert.success{background:#e4f7ec;color:#1a673e}.listing-generator-alert.danger{background:#ffebeb;color:#962f2f}.listing-generator-alert a{color:inherit;font-weight:850}
.listing-generator-progress{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid #b9d4ee;border-radius:12px;background:#eef7ff;color:#174c78}
.listing-generator-review-card{border-color:#bad8c6}.listing-generator-review-grid{margin-bottom:18px}
.listing-generator-disclosure{padding:0;overflow:hidden}.listing-generator-disclosure>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.listing-generator-disclosure>summary::-webkit-details-marker{display:none}.listing-generator-disclosure>summary span:first-child{display:grid;gap:3px}.listing-generator-disclosure>summary small{color:#738195;font-size:11px}.listing-generator-disclosure-body{border-top:1px solid #e4e9ef;padding:18px}
.listing-generator-credential-summary{display:flex!important;grid-auto-flow:column!important;gap:6px!important}.listing-generator-credential-summary em{padding:4px 8px;border-radius:999px;background:#ffe7e7;color:#8c2c2c;font-style:normal;font-size:10px;font-weight:900}.listing-generator-credential-summary em.good{background:#dff5e8;color:#17623b}
.listing-generator-metafields{display:grid;gap:9px}.listing-generator-metafield-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.2fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e1e7ee;border-radius:11px}.listing-generator-metafield-row strong,.listing-generator-metafield-row small{display:block}.listing-generator-metafield-row small{margin-top:3px;color:#7b8998;font-size:10px;overflow-wrap:anywhere}
.listing-generator-skipped{margin-top:12px}.listing-generator-skipped summary{cursor:pointer;color:#6d7988;font-weight:750}.listing-generator-skipped pre{max-height:260px;overflow:auto;padding:12px;border-radius:10px;background:#0e2036;color:#dbe8f7;font-size:11px;white-space:pre-wrap}
.listing-generator-create-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:15px;border-radius:13px;background:#0b2b50;color:#fff}.listing-generator-create-bar strong,.listing-generator-create-bar small{display:block}.listing-generator-create-bar small{margin-top:4px;color:#bfd0e4}
.listing-generator-created{display:flex;gap:18px;align-items:center;border-color:#8bcaa6;background:#f5fcf8}.listing-generator-created-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#1f9d5c;color:#fff;font-size:28px;font-weight:900;flex:0 0 auto}.listing-generator-created h3{margin:4px 0}.listing-generator-created p{margin:0 0 5px}.listing-generator-link-button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}
.listing-generator-security-note{padding:12px 14px;margin-bottom:14px;border-radius:11px;background:#eef5fc;color:#244965}.listing-generator-security-note p{margin:4px 0 0;line-height:1.45;font-size:12px}.listing-generator-check{display:flex;gap:7px;align-items:center;font-size:12px;color:#596b7f}.listing-generator-check input{width:auto}
.listing-generator-activity{display:grid;gap:8px;margin-top:14px}.listing-generator-activity-row{display:flex;gap:10px;padding:10px;border:1px solid #e2e8ef;border-radius:10px}.listing-generator-activity-row>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dff5e8;color:#17623b;font-weight:900;flex:0 0 auto}.listing-generator-activity-row.bad>span{background:#ffe1e1;color:#932b2b}.listing-generator-activity-row strong,.listing-generator-activity-row small{display:block}.listing-generator-activity-row strong{text-transform:capitalize;color:#30475e}.listing-generator-activity-row small{font-size:10px;color:#8491a0;margin-top:2px}.listing-generator-activity-row p{margin:5px 0 0;color:#5b6e81;font-size:12px}.listing-generator-activity-row a{display:inline-block;margin-top:5px;color:#175b93;font-weight:800;font-size:12px}
.listing-generator-foundation-note{padding:14px 16px;border:1px dashed #bdc8d5;border-radius:12px;background:#f7f9fb;color:#68788a;font-size:12px;line-height:1.5}
@media(max-width:900px){.listing-generator-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-generator-heading,.listing-generator-card-head,.listing-generator-create-bar,.listing-generator-staging-head{align-items:stretch;flex-direction:column}.listing-generator-metafield-row{grid-template-columns:1fr}.listing-generator-created{align-items:flex-start}.listing-generator-staging-candidate{grid-template-columns:minmax(200px,320px) 1fr}}
@media(max-width:620px){.listing-generator-page{gap:14px}.listing-generator-heading h2{font-size:26px}.listing-generator-steps{grid-template-columns:1fr}.listing-generator-card{padding:15px;border-radius:15px}.listing-generator-form-grid,.listing-generator-review-grid{grid-template-columns:1fr}.listing-generator-field.wide{grid-column:auto}.listing-generator-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.listing-generator-image-card{padding:7px}.listing-generator-image-actions{grid-template-columns:repeat(5,1fr)}.listing-generator-image-actions button{font-size:12px}.listing-generator-created{flex-direction:column}.listing-generator-credential-summary{display:none!important}.listing-generator-staging-workspace{padding:13px}.listing-generator-staging-candidate{grid-template-columns:1fr}.listing-generator-staging-source-preview img{width:56px;height:56px}}

/* ===== V204 Listing Generator — native Talavera Team theme + shared Price Finder quote ===== */
.listing-generator-page{color:var(--text)}
.listing-generator-heading h2,.listing-generator-card-head h3,.listing-generator-staging-head h4,.listing-generator-created h3,.listing-generator-disclosure>summary strong{color:var(--text)}
.listing-generator-heading p,.listing-generator-card-head p,.listing-generator-row-actions small,.listing-generator-staging-head p{color:var(--muted)}
.listing-generator-kicker{color:var(--accent)}
.listing-generator-card,.listing-generator-step{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
.listing-generator-step{box-shadow:none;color:var(--muted)}
.listing-generator-step strong{color:var(--text)}
.listing-generator-step>span{background:rgba(255,255,255,.06);color:var(--muted)}
.listing-generator-step.is-active{border-color:rgba(99,210,151,.7);box-shadow:0 0 0 3px rgba(99,210,151,.1)}
.listing-generator-step.is-active>span,.listing-generator-step.is-complete>span{background:var(--accent);color:#081321}
.listing-generator-status-pill{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--border)}
.listing-generator-status-pill.good{background:rgba(99,210,151,.14);color:#95f0bc;border-color:rgba(99,210,151,.28)}
.listing-generator-status-pill.bad{background:rgba(216,106,106,.15);color:#ffbaba;border-color:rgba(216,106,106,.28)}
.listing-generator-drop{background:rgba(255,255,255,.018);border-color:rgba(159,176,201,.38)}
.listing-generator-drop:hover,.listing-generator-drop.is-dragging-over{border-color:var(--accent);background:rgba(99,210,151,.045)}
.listing-generator-drop-icon{background:var(--accent);color:#081321}
.listing-generator-drop strong{color:var(--text)}.listing-generator-drop small{color:var(--muted)}
.listing-generator-image-toolbar small{color:var(--muted)}
.listing-generator-image-card{background:rgba(255,255,255,.025);border-color:var(--border)}
.listing-generator-image-card.is-processed{background:rgba(99,210,151,.035);border-color:rgba(99,210,151,.32)}
.listing-generator-image-card.is-staging-source{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,210,151,.1)}
.listing-generator-image-frame{background:#fff;border-color:rgba(255,255,255,.12)}
.listing-generator-primary-badge{background:var(--accent);color:#081321}.listing-generator-image-number{background:#0b2b50;color:#fff}.listing-generator-staged-badge{background:var(--accent-2);color:#211700}
.listing-generator-image-name{color:var(--text)}.listing-generator-image-state{color:#ffd5a3}.listing-generator-image-state.good{color:#95f0bc}
.listing-generator-stage-source{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--border)}
.listing-generator-stage-source:hover,.listing-generator-stage-source.selected{background:rgba(99,210,151,.1);color:#aaf0c6;border-color:var(--accent)}
.listing-generator-staging-workspace{background:rgba(255,255,255,.018);border-color:var(--border)}
.listing-generator-staging-source-preview,.listing-generator-staging-candidate{background:var(--panel-2);border-color:var(--border);color:var(--text)}
.listing-generator-staging-source-preview small,.listing-generator-staging-candidate p{color:var(--muted)}
.listing-generator-staging-candidate h4,.listing-generator-staging-candidate strong{color:var(--text)}
.listing-generator-staging-candidate-image{background:#fff;border-color:rgba(255,255,255,.12)}
.listing-generator-staging-candidate-image span{background:var(--accent-2);color:#211700}
.listing-generator-field>span{color:var(--text)}.listing-generator-field>span small{color:var(--muted)}
.listing-generator-field input,.listing-generator-field select,.listing-generator-field textarea,.listing-generator-metafield-row input{background:#07152a;color:var(--text);border-color:var(--border)}
.listing-generator-field input::placeholder,.listing-generator-field textarea::placeholder{color:#72839d}
.listing-generator-field input:focus,.listing-generator-field select:focus,.listing-generator-field textarea:focus,.listing-generator-metafield-row input:focus{border-color:rgba(99,210,151,.72);box-shadow:0 0 0 3px rgba(99,210,151,.1)}
.listing-generator-alert.success{background:rgba(99,210,151,.12);color:#aaf0c6;border:1px solid rgba(99,210,151,.25)}
.listing-generator-alert.danger{background:rgba(216,106,106,.13);color:#ffbaba;border:1px solid rgba(216,106,106,.26)}
.listing-generator-progress{background:rgba(99,210,151,.08);color:#baf5d1;border-color:rgba(99,210,151,.25)}
.listing-generator-review-card{border-color:rgba(99,210,151,.32)}
.listing-generator-disclosure-body{border-color:var(--border)}
.listing-generator-disclosure>summary small{color:var(--muted)}
.listing-generator-credential-summary em{background:rgba(216,106,106,.15);color:#ffbaba}.listing-generator-credential-summary em.good{background:rgba(99,210,151,.14);color:#95f0bc}
.listing-generator-metafield-row,.listing-generator-activity-row{border-color:var(--border);background:rgba(255,255,255,.018)}
.listing-generator-metafield-row small,.listing-generator-activity-row small,.listing-generator-activity-row p{color:var(--muted)}
.listing-generator-activity-row strong{color:var(--text)}.listing-generator-activity-row a{color:#9edcff}
.listing-generator-activity-row>span{background:rgba(99,210,151,.14);color:#95f0bc}.listing-generator-activity-row.bad>span{background:rgba(216,106,106,.15);color:#ffbaba}
.listing-generator-skipped summary{color:var(--muted)}
.listing-generator-create-bar{background:var(--panel-3);border:1px solid var(--border)}
.listing-generator-created{background:rgba(99,210,151,.06);border-color:rgba(99,210,151,.34)}
.listing-generator-created-icon{background:var(--accent);color:#081321}
.listing-generator-security-note{background:rgba(99,210,151,.07);color:var(--text);border:1px solid rgba(99,210,151,.2)}
.listing-generator-security-note p,.listing-generator-check{color:var(--muted)}.listing-generator-security-note code{color:#9edcff}
.listing-generator-foundation-note{background:rgba(255,255,255,.018);color:var(--muted);border-color:rgba(159,176,201,.3)}
.listing-generator-price-quote{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,.6fr) minmax(0,1.4fr);gap:16px;padding:16px;border:1px solid rgba(99,210,151,.3);border-radius:14px;background:rgba(99,210,151,.065)}
.listing-generator-price-main{display:grid;align-content:center;gap:4px}.listing-generator-price-main>span,.listing-generator-price-metrics span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.listing-generator-price-main>strong{color:var(--accent);font-size:clamp(28px,4vw,42px);line-height:1}.listing-generator-price-main small,.listing-generator-price-metrics small{color:var(--muted);line-height:1.35}
.listing-generator-price-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.listing-generator-price-metrics>div{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(4,15,31,.28)}.listing-generator-price-metrics strong{color:var(--text)}
.listing-generator-price-quote.is-empty{display:flex;min-height:88px;align-items:center;justify-content:center;text-align:center;border-style:dashed;background:rgba(255,255,255,.018)}.listing-generator-price-quote.is-empty>div{display:grid;gap:5px;justify-items:center}.listing-generator-price-quote.is-empty small{display:block;color:var(--muted)}
@media(max-width:800px){.listing-generator-price-quote{grid-template-columns:1fr}.listing-generator-price-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.listing-generator-price-metrics{grid-template-columns:1fr}}

/* ===== V205 Listing Generator — selectable photo editor + template fallback ===== */
.listing-generator-image-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,210,151,.13)}
.listing-generator-image-frame{cursor:pointer}
.listing-generator-select-circle{position:absolute;z-index:3;right:8px;top:8px;width:29px;height:29px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(10,25,43,.76);color:#081321;font-size:16px;font-weight:950;box-shadow:0 2px 10px rgba(0,0,0,.3);cursor:pointer}
.listing-generator-select-circle:hover{border-color:var(--accent);transform:scale(1.05)}
.listing-generator-select-circle.selected{background:var(--accent);border-color:#fff}
.listing-generator-image-number{top:auto;right:8px;bottom:8px}
.listing-generator-selection-count{display:inline-flex;align-items:center;min-height:34px;padding:5px 10px;border:1px solid rgba(99,210,151,.3);border-radius:999px;background:rgba(99,210,151,.1);color:#aaf0c6;font-size:12px;font-weight:900}
.listing-generator-image-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}
.listing-generator-image-actions button{padding:6px 9px;min-height:32px}
.listing-generator-drag-hint{text-align:center;color:var(--muted);font-size:10px;font-weight:800;cursor:grab}
.listing-generator-field>small{color:var(--muted);font-size:11px;line-height:1.45}
.listing-generator-connection-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.listing-generator-connection-results>div{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.02)}
.listing-generator-connection-results>div.good{border-color:rgba(99,210,151,.3);background:rgba(99,210,151,.07)}
.listing-generator-connection-results>div.bad{border-color:rgba(216,106,106,.3);background:rgba(216,106,106,.07)}
.listing-generator-connection-results strong{color:var(--text)}.listing-generator-connection-results small{color:var(--muted);line-height:1.4}
.listing-generator-editor-backdrop{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,8,18,.82);backdrop-filter:blur(7px)}
.listing-generator-editor-dialog{width:min(1180px,96vw);max-height:94vh;overflow:auto;padding:20px;border:1px solid rgba(99,210,151,.28);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.listing-generator-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.listing-generator-editor-head h3{margin:4px 0 5px;color:var(--text);font-size:20px}.listing-generator-editor-head p{margin:0;color:var(--muted);line-height:1.45}
.listing-generator-editor-layout{display:grid;grid-template-columns:minmax(360px,680px) minmax(260px,1fr);gap:20px;align-items:start}
.listing-generator-editor-canvas-wrap{position:relative;display:grid;gap:8px;justify-items:center;padding:12px;border:1px solid var(--border);border-radius:16px;background:#061326}
.listing-generator-editor-canvas-wrap canvas{display:block;width:min(100%,680px);height:auto;aspect-ratio:1;border-radius:10px;background:#fff;cursor:grab;touch-action:none;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.listing-generator-editor-canvas-wrap canvas:active{cursor:grabbing}.listing-generator-editor-canvas-wrap>span{color:var(--muted);font-size:11px;font-weight:800}
.listing-generator-editor-controls{display:grid;gap:16px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--panel-2)}
.listing-generator-editor-controls>label{display:grid;gap:10px}.listing-generator-editor-controls>label>span{display:flex;justify-content:space-between;color:var(--text);font-weight:850}.listing-generator-editor-controls>label small{color:var(--muted);line-height:1.45}
.listing-generator-editor-controls input[type=range]{width:100%;accent-color:var(--accent);cursor:grab}.listing-generator-editor-controls input[type=range]:active{cursor:grabbing}
.listing-generator-editor-summary{display:grid;gap:8px}.listing-generator-editor-summary>div{display:flex;justify-content:space-between;gap:14px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(4,15,31,.3)}.listing-generator-editor-summary span{color:var(--muted);font-size:11px}.listing-generator-editor-summary strong{color:var(--text);font-size:12px}
.listing-generator-staging-backdrop{z-index:10060}
.listing-generator-staging-dialog{width:min(720px,94vw);max-height:92vh;overflow:auto;display:grid;gap:16px;padding:20px;border:1px solid rgba(99,210,151,.28);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.listing-generator-staging-dialog .listing-generator-editor-head{margin-bottom:0}.listing-generator-staging-dialog .listing-generator-editor-head h3{color:var(--text)}
.listing-generator-staging-thumbs{display:flex;gap:8px;overflow-x:auto;padding:9px;border:1px solid var(--border);border-radius:13px;background:rgba(4,15,31,.35)}
.listing-generator-staging-thumbs img{width:68px;height:68px;flex:0 0 68px;object-fit:contain;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#fff}
.listing-generator-staging-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.listing-generator-staging-dialog-actions small{max-width:390px;color:var(--muted);line-height:1.4}
.listing-generator-generate-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid rgba(99,210,151,.32);border-radius:16px;background:rgba(99,210,151,.07)}
.listing-generator-generate-bar>div{display:grid;gap:4px}.listing-generator-generate-bar strong{color:var(--text);font-size:15px}.listing-generator-generate-bar small{color:var(--muted);line-height:1.4}.listing-generator-generate-bar button{flex:0 0 auto;min-width:150px}
@media(max-width:850px){.listing-generator-editor-layout{grid-template-columns:1fr}.listing-generator-editor-dialog{padding:15px}.listing-generator-editor-head{flex-direction:column}.listing-generator-connection-results{grid-template-columns:1fr}}
@media(max-width:620px){.listing-generator-editor-backdrop{padding:8px}.listing-generator-editor-dialog,.listing-generator-staging-dialog{width:100%;max-height:98vh;border-radius:15px}.listing-generator-image-actions{grid-template-columns:1fr}.listing-generator-drag-hint{display:none}.listing-generator-image-actions button{width:100%}.listing-generator-staging-dialog-actions{align-items:stretch;flex-direction:column}.listing-generator-staging-dialog-actions button{width:100%}.listing-generator-generate-bar{align-items:stretch;flex-direction:column}.listing-generator-generate-bar button{width:100%}}

/* ===== V208 Listing Generator — fast quote, inline staging, Shopify-controlled fields ===== */
.listing-generator-staging-inline{display:grid;gap:12px;margin-top:14px;padding:15px;border:1px solid rgba(99,210,151,.3);border-radius:15px;background:rgba(99,210,151,.055);color:var(--text)}
.listing-generator-staging-inline .listing-generator-editor-head{margin:0}.listing-generator-staging-inline .listing-generator-editor-head h3{color:var(--text)}
.listing-generator-staging-inline .listing-generator-staging-thumbs{max-height:88px}.listing-generator-staging-inline .listing-generator-staging-dialog-actions{padding-top:0}
.listing-generator-inline-button{justify-self:start;margin-top:2px;padding:6px 10px;min-height:32px;font-size:11px}
@media(max-width:620px){.listing-generator-staging-inline{padding:12px}.listing-generator-staging-inline .listing-generator-editor-head{display:block}.listing-generator-staging-inline .listing-generator-staging-dialog-actions{align-items:stretch;flex-direction:column}.listing-generator-staging-inline .listing-generator-staging-dialog-actions button{width:100%}}

/* ===== V209 Listing Generator — one-click generation + compact final review ===== */
.listing-generator-finished-page{max-width:1420px}
.listing-generator-final-review{display:grid;gap:14px}
.listing-generator-final-details{overflow:hidden;border:1px solid rgba(99,210,151,.28);border-radius:15px;background:rgba(99,210,151,.045)}
.listing-generator-final-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;cursor:pointer;list-style:none}
.listing-generator-final-details>summary::-webkit-details-marker{display:none}
.listing-generator-final-details>summary h3{margin:4px 0;color:var(--text);font-size:clamp(18px,2.5vw,26px);line-height:1.2}
.listing-generator-final-details>summary small{color:var(--muted)}
.listing-generator-final-price{display:grid;justify-items:end;gap:2px;flex:0 0 auto}
.listing-generator-final-price span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.listing-generator-final-price strong{color:var(--accent);font-size:30px;line-height:1}
.listing-generator-final-price em{color:#9edcff;font-size:11px;font-style:normal;font-weight:800}
.listing-generator-regenerate-box{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(260px,1.5fr) auto;gap:12px;align-items:center;margin-top:16px;padding:14px;border:1px solid rgba(110,172,255,.25);border-radius:13px;background:rgba(110,172,255,.055)}
.listing-generator-regenerate-box>div{display:grid;gap:4px}.listing-generator-regenerate-box strong{color:var(--text)}.listing-generator-regenerate-box small{color:var(--muted);line-height:1.4}
.listing-generator-regenerate-box textarea{width:100%;min-height:82px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#07152a;color:var(--text);resize:vertical}
.listing-generator-missing>summary{border:1px solid rgba(255,181,89,.18);border-radius:12px;background:rgba(255,181,89,.035)}
.listing-generator-missing-list{display:grid;gap:8px}.listing-generator-missing-list>div{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}
.listing-generator-missing-list strong{color:var(--text)}.listing-generator-missing-list small{color:var(--muted);line-height:1.4}
@media(max-width:850px){.listing-generator-regenerate-box{grid-template-columns:1fr}.listing-generator-regenerate-box button{justify-self:start}.listing-generator-final-details>summary{align-items:flex-start;flex-direction:column}.listing-generator-final-price{justify-items:start}}

/* ===== V211 Listing Generator — fast photo selection, compact details, visible draft flow ===== */
.listing-generator-image-workspace{display:grid;gap:10px;border:1px solid transparent;border-radius:14px;transition:border-color .15s ease,background .15s ease}
.listing-generator-image-workspace.is-dragging-over{border-color:var(--accent);background:rgba(99,210,151,.045)}
.listing-generator-image-card{position:relative;padding:7px;user-select:none}
.listing-generator-image-frame{touch-action:manipulation}
.listing-generator-image-card.is-selected .listing-generator-image-frame{box-shadow:inset 0 0 0 4px var(--accent)}
.listing-generator-selected-mark{position:absolute;z-index:4;left:8px;bottom:8px;display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:var(--accent);color:#081321;font-size:15px;font-weight:950;box-shadow:0 2px 9px rgba(0,0,0,.32)}
.listing-generator-remove-x{position:absolute;z-index:5;right:8px;top:8px;display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(8,19,35,.82);color:#fff;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 9px rgba(0,0,0,.28)}
.listing-generator-remove-x:hover{border-color:#ffbaba;background:#8b3030;transform:scale(1.04)}
.listing-generator-image-name{margin-top:6px}.listing-generator-image-state{margin-top:3px}
.listing-generator-image-toolbar{min-height:34px}.listing-generator-image-toolbar>small{flex:1;min-width:260px}
.listing-generator-compact-head{margin-bottom:10px}.listing-generator-compact-head h3{margin:0}.listing-generator-compact-details{padding-top:18px;padding-bottom:18px}
.listing-generator-compact-form{gap:11px 14px}.listing-generator-compact-form .listing-generator-field{gap:5px}.listing-generator-compact-form textarea{min-height:74px}
.listing-generator-compact-price{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid rgba(99,210,151,.28);border-radius:11px;background:rgba(99,210,151,.06)}
.listing-generator-compact-price>span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.listing-generator-compact-price>strong{color:var(--accent);font-size:20px}.listing-generator-compact-price>small{margin-left:auto;color:var(--muted)}
.listing-generator-compact-price.is-loading{justify-content:center}.listing-generator-compact-price.is-error{border-color:rgba(216,106,106,.3);background:rgba(216,106,106,.07)}.listing-generator-compact-price.is-error strong{color:#ffbaba}.listing-generator-compact-price.is-error small{color:#ffbaba}
@media(max-width:620px){.listing-generator-image-toolbar>small{min-width:100%}.listing-generator-compact-price{align-items:flex-start;flex-direction:column}.listing-generator-compact-price>small{margin-left:0}.listing-generator-remove-x{width:26px;height:26px}}

/* V212 Listing Generator — compact four-wide media, subtle selection, and queued draft handoff */
.listing-generator-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.listing-generator-image-card{padding:5px;border-color:transparent;background:transparent;box-shadow:none}
.listing-generator-image-card.is-processed{border-color:transparent;background:transparent}
.listing-generator-image-card.is-selected{border-color:rgba(99,210,151,.58);background:rgba(99,210,151,.035);box-shadow:0 0 0 1px rgba(99,210,151,.22)}
.listing-generator-image-card.is-selected .listing-generator-image-frame{box-shadow:inset 0 0 0 2px rgba(99,210,151,.82)}
.listing-generator-selected-mark{left:7px;bottom:7px;width:23px;height:23px;border-width:1px;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.22)}
.listing-generator-image-toolbar{margin-bottom:7px}
.listing-generator-field-with-action>div{display:flex;align-items:stretch;gap:8px}
.listing-generator-field-with-action input{flex:1;min-width:0}
.listing-generator-field-with-action .listing-generator-inline-button{flex:0 0 auto;margin:0;white-space:nowrap}
.listing-generator-compact-price[hidden]{display:none!important}
.listing-generator-submit-page{min-height:60vh;display:grid;place-items:center}
.listing-generator-submit-card{width:min(720px,100%);display:flex;align-items:flex-start;gap:18px;padding:28px}
.listing-generator-submit-card>div:last-child{display:grid;gap:8px;min-width:0}.listing-generator-submit-card h2,.listing-generator-submit-card p{margin:0}.listing-generator-submit-card small{color:var(--muted);line-height:1.5}
.listing-generator-submit-card.is-error{border-color:rgba(216,106,106,.45)}
.listing-generator-submit-card.is-error .listing-generator-created-icon{background:#d86a6a;color:#fff}
.listing-generator-upload-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}
.listing-generator-upload-notice>div:first-child{display:grid;gap:3px}.listing-generator-upload-notice small{color:var(--muted)}
.listing-generator-upload-notice.is-complete{border-color:rgba(99,210,151,.34);background:rgba(99,210,151,.055)}
.listing-generator-upload-notice.is-error{border-color:rgba(216,106,106,.38);background:rgba(216,106,106,.06)}
@media(max-width:1050px){.listing-generator-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:700px){.listing-generator-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listing-generator-field-with-action>div{align-items:stretch;flex-direction:column}.listing-generator-submit-card,.listing-generator-upload-notice{align-items:stretch;flex-direction:column}.listing-generator-submit-card{padding:20px}}

/* ===== V224 Listing Generator — Create / Edit existing Shopify products ===== */
.listing-generator-main-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin:0;
}
.listing-generator-main-tabs button{
  width:100%;
  min-width:0;
  min-height:46px;
  font-weight:900;
}
.listing-generator-edit-search-card{overflow:visible}
.listing-generator-edit-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-bottom:16px;
}
.listing-generator-edit-search-row input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--panel-2);
  color:var(--text);
  padding:12px 13px;
  font:inherit;
}
.listing-generator-edit-search-row input:focus{
  outline:none;
  border-color:rgba(99,210,151,.72);
  box-shadow:0 0 0 3px rgba(99,210,151,.1);
}
.listing-generator-edit-results{display:grid;gap:9px}
.listing-generator-edit-result{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  min-height:86px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.listing-generator-edit-result:hover,
.listing-generator-edit-result:focus-within{
  z-index:10;
  border-color:rgba(99,210,151,.42);
  background:rgba(99,210,151,.045);
}
.listing-generator-edit-thumb-wrap{
  position:relative;
  width:72px;
  height:72px;
}
.listing-generator-edit-thumb,
.listing-generator-edit-no-image{
  width:72px;
  height:72px;
  box-sizing:border-box;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  object-fit:contain;
}
.listing-generator-edit-no-image{
  display:grid;
  place-items:center;
  padding:6px;
  color:#68798c;
  font-size:10px;
  font-weight:850;
  text-align:center;
}
.listing-generator-edit-preview{
  position:absolute;
  z-index:40;
  left:82px;
  top:50%;
  width:260px;
  height:260px;
  padding:10px;
  border:1px solid rgba(99,210,151,.42);
  border-radius:16px;
  background:var(--panel);
  box-shadow:0 24px 60px rgba(0,0,0,.5);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-50%) scale(.96);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.listing-generator-edit-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
}
.listing-generator-edit-thumb-wrap:hover .listing-generator-edit-preview,
.listing-generator-edit-thumb-wrap:focus-within .listing-generator-edit-preview{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) scale(1);
}
.listing-generator-edit-result-copy{display:grid;gap:5px;min-width:0}
.listing-generator-edit-result-copy strong{
  overflow:hidden;
  color:var(--text);
  font-size:14px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.listing-generator-edit-result-copy small{
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.listing-generator-editing-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-color:rgba(99,210,151,.36);
  background:rgba(99,210,151,.055);
}
.listing-generator-editing-banner h3{margin:4px 0 5px;color:var(--text);font-size:20px}
.listing-generator-editing-banner p{margin:0;color:var(--muted);line-height:1.45}
@media(max-width:760px){
  .listing-generator-edit-search-row{grid-template-columns:1fr}
  .listing-generator-edit-result{grid-template-columns:62px minmax(0,1fr);padding:8px}
  .listing-generator-edit-result>button{grid-column:1/-1;width:100%}
  .listing-generator-edit-thumb-wrap,
  .listing-generator-edit-thumb,
  .listing-generator-edit-no-image{width:62px;height:62px}
  .listing-generator-edit-preview{display:none}
  .listing-generator-editing-banner{align-items:flex-start;flex-direction:column}
  .listing-generator-editing-banner .listing-generator-row-actions{width:100%}
  .listing-generator-editing-banner .listing-generator-row-actions>*{flex:1 1 100%}
}

/* V226 Listing Generator simplified variant editor */
.listing-generator-variant-card{display:grid;gap:16px;margin-top:16px;overflow:visible}
.listing-generator-variant-toggle-card{display:grid;gap:13px;padding:15px;border:1px solid rgba(99,210,151,.3);border-radius:15px;background:rgba(99,210,151,.05)}
.listing-generator-form-grid>.listing-generator-variant-toggle-card,.listing-generator-review-grid>.listing-generator-variant-toggle-card{grid-column:1/-1}
.listing-generator-variant-toggle-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.listing-generator-variant-toggle-head>div{display:grid;gap:4px}
.listing-generator-variant-toggle-head strong{font-size:14px;color:var(--text)}
.listing-generator-variant-toggle-head small{color:var(--muted);font-size:11px;line-height:1.45}
.listing-generator-switch{display:flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap}
.listing-generator-switch input{position:absolute;opacity:0;pointer-events:none}
.listing-generator-switch span{position:relative;width:48px;height:26px;border:1px solid var(--line);border-radius:999px;background:var(--input);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.listing-generator-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:.18s ease}
.listing-generator-switch input:checked+span{border-color:var(--good);background:rgba(99,210,151,.2)}
.listing-generator-switch input:checked+span:after{left:25px;background:var(--good)}
.listing-generator-switch em{font-style:normal;color:var(--text);font-size:12px;font-weight:800}
.listing-generator-variant-toggle-options{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:14px;align-items:end;padding-top:12px;border-top:1px solid rgba(117,143,171,.18)}
.listing-generator-segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--input)}
.listing-generator-segmented button{min-height:38px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.listing-generator-segmented button.is-active{background:var(--good);color:#052217;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.listing-generator-variant-actions{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(120px,.45fr) auto;gap:10px;align-items:end}
.listing-generator-variant-actions.simplified{max-width:1000px}
.listing-generator-variant-actions label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}
.listing-generator-variant-actions input,.listing-generator-variant-actions select{min-height:44px;border:1px solid rgba(158,184,211,.46);background:var(--input);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.listing-generator-variant-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(5,19,36,.3)}
.listing-generator-variant-table{width:100%;min-width:980px;border-collapse:collapse}
.listing-generator-variant-table th{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-align:left;white-space:nowrap}
.listing-generator-variant-table td{padding:11px 9px;border-bottom:1px solid rgba(117,143,171,.18);vertical-align:middle;color:var(--text);font-size:12px}
.listing-generator-variant-table tr:last-child td{border-bottom:0}
.listing-generator-variant-table input{width:100%;min-width:108px;height:43px;padding:9px 11px;border:1px solid rgba(158,184,211,.5);border-radius:11px;background:rgba(5,19,36,.82);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.listing-generator-variant-table input:hover,.listing-generator-variant-table input:focus{border-color:var(--good);box-shadow:0 0 0 3px rgba(99,210,151,.1);outline:0}
.listing-generator-clickable-input{cursor:text}
.listing-generator-variant-table input.package{min-width:170px}
.listing-generator-variant-table input.money{min-width:100px}
.listing-generator-variant-table small{display:block;margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap}
.listing-generator-variant-table .is-removed{opacity:.48;text-decoration:none}
.listing-generator-variant-thumb{display:grid;width:64px;gap:3px;padding:4px;border:1px solid rgba(158,184,211,.46);border-radius:10px;background:rgba(255,255,255,.055);color:var(--muted);cursor:pointer}
.listing-generator-variant-thumb:hover{border-color:var(--good);transform:translateY(-1px)}
.listing-generator-variant-thumb img{width:54px;height:54px;border-radius:7px;object-fit:contain;background:#fff}
.listing-generator-variant-thumb span{display:grid;width:54px;height:54px;place-items:center;border-radius:7px;background:rgba(255,255,255,.06);font-size:22px}
.listing-generator-variant-thumb small{margin:0;text-align:center}
.listing-generator-variant-title-button{display:grid;min-width:190px;gap:3px;padding:10px 12px;text-align:left;border:1px solid rgba(158,184,211,.44);border-radius:11px;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer}
.listing-generator-variant-title-button:hover,.listing-generator-variant-title-button:focus{border-color:var(--good);box-shadow:0 0 0 3px rgba(99,210,151,.1);outline:0}
.listing-generator-variant-title-button strong{font-size:13px}
.listing-generator-variant-title-button small{white-space:normal}
.listing-generator-variant-title-button em{font-size:10px;font-style:normal;font-weight:800;color:var(--good)}
.listing-generator-variant-image-dialog,.listing-generator-variant-details-dialog{width:min(900px,calc(100vw - 32px));max-height:88vh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.58)}
.listing-generator-variant-details-dialog{width:min(820px,calc(100vw - 32px))}
.listing-generator-variant-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.listing-generator-variant-details-grid input,.listing-generator-variant-details-grid select{min-height:44px;border:1px solid rgba(158,184,211,.52);background:var(--input);color:var(--text)}
.listing-generator-variant-details-grid input:hover,.listing-generator-variant-details-grid input:focus{border-color:var(--good);box-shadow:0 0 0 3px rgba(99,210,151,.1);outline:0}
.listing-generator-variant-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:16px}
.listing-generator-variant-image-choice{display:grid;gap:7px;padding:8px;border:2px solid transparent;border-radius:14px;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer}
.listing-generator-variant-image-choice img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:#fff}
.listing-generator-variant-image-choice.is-selected{border-color:var(--good);box-shadow:0 0 0 2px rgba(99,210,151,.12)}
@media(max-width:980px){
  .listing-generator-variant-actions{grid-template-columns:1fr 1fr}
  .listing-generator-variant-actions>*{width:100%}
  .listing-generator-variant-toggle-options{grid-template-columns:1fr}
}
@media(max-width:680px){
  .listing-generator-variant-toggle-head{align-items:flex-start;flex-direction:column}
  .listing-generator-switch{width:100%;justify-content:space-between}
  .listing-generator-variant-actions{grid-template-columns:1fr}
  .listing-generator-variant-details-grid{grid-template-columns:1fr}
  .listing-generator-variant-table{min-width:900px}
}


/* V227 Listing Generator variant layout polish */
.listing-generator-variant-toggle-card{padding:18px 20px;gap:16px;background:linear-gradient(145deg,rgba(99,210,151,.07),rgba(5,19,36,.25))}
.listing-generator-variant-toggle-options{grid-template-columns:minmax(300px,420px) minmax(320px,1fr);align-items:start;gap:22px;padding-top:16px}
.listing-generator-variant-mode-control{display:grid;gap:7px}
.listing-generator-variant-mode-control>span{font-size:11px;font-weight:900;color:var(--text)}
.listing-generator-variant-mode-control>small{font-size:10px;color:var(--muted)}
.listing-generator-segmented{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px;background:rgba(5,19,36,.78);border-color:rgba(158,184,211,.35)}
.listing-generator-segmented button{width:100%;min-height:42px;color:var(--text);background:transparent;border:1px solid transparent}
.listing-generator-segmented button:hover{border-color:rgba(99,210,151,.42);background:rgba(99,210,151,.08)}
.listing-generator-segmented button.is-active{background:var(--good);color:#062318;border-color:var(--good);box-shadow:0 5px 16px rgba(0,0,0,.24)}
.listing-generator-variant-actions.simplified{max-width:760px;padding:2px 0}
.listing-generator-variant-actions.simplified.is-sets{grid-template-columns:minmax(220px,1fr) minmax(120px,.45fr) auto}
.listing-generator-variant-actions.simplified.is-standard{display:flex}
.listing-generator-variant-table-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.listing-generator-variant-table{min-width:900px}
.listing-generator-variant-table th{padding:13px 12px}
.listing-generator-variant-table td{padding:12px}
.listing-generator-variant-table input{background:rgba(6,23,42,.95);border-color:rgba(158,184,211,.58)}
.listing-generator-variant-title-button{min-width:205px;background:rgba(255,255,255,.055)}
.listing-generator-variant-details-dialog{width:min(720px,calc(100vw - 32px));padding:22px}
.listing-generator-variant-option-note{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin-top:17px;padding:13px 15px;border:1px solid rgba(99,210,151,.28);border-radius:13px;background:rgba(99,210,151,.06)}
.listing-generator-variant-option-note span{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.listing-generator-variant-option-note strong{font-size:14px;color:var(--good)}
.listing-generator-variant-option-note small{grid-column:1/-1;color:var(--muted);font-size:10px}
.listing-generator-variant-details-grid.compact{margin:15px 0 18px}
.listing-generator-variant-details-grid.compact .wide{grid-column:1/-1}
@media(max-width:980px){
  .listing-generator-variant-toggle-options{grid-template-columns:1fr}
  .listing-generator-variant-actions.simplified.is-sets{grid-template-columns:1fr 1fr}
  .listing-generator-variant-actions.simplified.is-sets .primary{grid-column:1/-1}
}
@media(max-width:680px){
  .listing-generator-variant-toggle-card{padding:15px}
  .listing-generator-variant-actions.simplified.is-sets{grid-template-columns:1fr}
  .listing-generator-variant-actions.simplified.is-sets .primary{grid-column:auto}
  .listing-generator-variant-table{min-width:850px}
  .listing-generator-variant-details-grid.compact .wide{grid-column:auto}
}


/* V228 Listing Generator option-name and edit-existing presentation */
.listing-generator-variant-toggle-card{
  border:1px solid rgba(99,210,151,.48);
  background:linear-gradient(145deg,rgba(99,210,151,.11),rgba(8,28,49,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12);
}
.listing-generator-variant-toggle-head{padding-bottom:2px}
.listing-generator-variant-toggle-head .listing-generator-kicker{font-size:10px;letter-spacing:.08em}
.listing-generator-variant-toggle-head strong{font-size:16px}
.listing-generator-switch{padding:8px 11px;border:1px solid rgba(158,184,211,.26);border-radius:12px;background:rgba(5,19,36,.58)}
.listing-generator-switch:hover{border-color:rgba(99,210,151,.55)}
.listing-generator-variant-toggle-options{grid-template-columns:minmax(280px,.85fr) minmax(230px,.65fr) minmax(340px,1.25fr);align-items:start}
.listing-generator-variant-toggle-options.is-sets{grid-template-columns:minmax(280px,.85fr) minmax(230px,.65fr) minmax(340px,1.25fr)}
.listing-generator-variant-toggle-options .listing-generator-field{padding:0;margin:0}
.listing-generator-variant-toggle-options .listing-generator-field>span,
.listing-generator-variant-mode-control>span{display:block;margin-bottom:6px;color:var(--text);font-size:11px;font-weight:900}
.listing-generator-variant-toggle-options input{width:100%;min-height:46px;border:1px solid rgba(158,184,211,.56);border-radius:11px;background:rgba(5,19,36,.88);color:var(--text);padding:10px 12px;box-sizing:border-box}
.listing-generator-variant-toggle-options input:hover,
.listing-generator-variant-toggle-options input:focus{border-color:var(--good);outline:0;box-shadow:0 0 0 3px rgba(99,210,151,.11)}
.listing-generator-fixed-option{display:grid;gap:5px;padding:10px 12px;border:1px solid rgba(158,184,211,.4);border-radius:11px;background:rgba(5,19,36,.66)}
.listing-generator-fixed-option span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.listing-generator-fixed-option strong{color:var(--good);font-size:15px}
.listing-generator-fixed-option small{color:var(--muted);font-size:10px;line-height:1.35}
.listing-generator-segmented button{color:#eaf4ff!important}
.listing-generator-segmented button.is-active{background:#63d297!important;color:#061c13!important;border-color:#63d297!important}

.listing-generator-edit-results{gap:12px}
.listing-generator-edit-result{grid-template-columns:86px minmax(0,1fr) auto;gap:16px;min-height:106px;padding:12px 14px;border-color:rgba(158,184,211,.28);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(5,19,36,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.listing-generator-edit-result:hover{border-color:rgba(99,210,151,.62);background:rgba(99,210,151,.06);transform:translateY(-1px)}
.listing-generator-edit-thumb-wrap,.listing-generator-edit-thumb,.listing-generator-edit-no-image{width:86px;height:86px}
.listing-generator-edit-result-copy{gap:8px}
.listing-generator-edit-result-copy>strong{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.listing-generator-edit-meta{display:flex;flex-wrap:wrap;gap:6px}
.listing-generator-edit-meta span{display:inline-flex;padding:4px 8px;border:1px solid rgba(158,184,211,.28);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font-size:10px;font-weight:750}
.listing-generator-edit-variant-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px;margin-top:1px}
.listing-generator-edit-variant-results button{display:grid;gap:2px;min-width:0;padding:8px 10px;border:1px solid rgba(158,184,211,.34);border-radius:10px;background:rgba(5,19,36,.66);color:var(--text);text-align:left;cursor:pointer}
.listing-generator-edit-variant-results button:hover,.listing-generator-edit-variant-results button:focus{border-color:var(--good);background:rgba(99,210,151,.08);outline:0}
.listing-generator-edit-variant-results button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.listing-generator-edit-variant-results button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--muted)}
.listing-generator-edit-load{min-width:126px;align-self:center}
.listing-generator-editing-actions{display:grid;gap:8px;justify-items:end;max-width:620px}
.listing-generator-editing-actions>small{max-width:570px;color:var(--muted);font-size:10px;line-height:1.4;text-align:right}

.listing-generator-review-box{margin-top:12px!important;border:1px solid rgba(158,184,211,.34)!important;border-radius:14px!important;background:rgba(5,19,36,.36)!important;overflow:hidden!important}
.listing-generator-review-box>summary{min-height:62px;padding:15px 17px!important;background:rgba(255,255,255,.025)}
.listing-generator-review-box>summary:hover{background:rgba(99,210,151,.055)}
.listing-generator-review-box>summary:after{content:'›';display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid rgba(158,184,211,.32);border-radius:50%;color:var(--good);font-size:22px;line-height:1;transition:transform .16s ease}
.listing-generator-review-box[open]>summary:after{transform:rotate(90deg)}
.listing-generator-review-box>summary .listing-generator-status-pill{margin-left:10px}

@media(max-width:1120px){
  .listing-generator-variant-toggle-options,.listing-generator-variant-toggle-options.is-sets{grid-template-columns:1fr 1fr}
  .listing-generator-wholesale-type-field{grid-column:1/-1}
}
@media(max-width:760px){
  .listing-generator-variant-toggle-options,.listing-generator-variant-toggle-options.is-sets{grid-template-columns:1fr}
  .listing-generator-wholesale-type-field{grid-column:auto}
  .listing-generator-edit-result{grid-template-columns:72px minmax(0,1fr)}
  .listing-generator-edit-thumb-wrap,.listing-generator-edit-thumb,.listing-generator-edit-no-image{width:72px;height:72px}
  .listing-generator-edit-load{grid-column:1/-1;width:100%}
  .listing-generator-editing-actions{justify-items:stretch;max-width:none;width:100%}
  .listing-generator-editing-actions>small{text-align:left}
}

/* V231 Listing Generator Shopify -> Veeqo transfer */
.listing-generator-transfer-filters{
  display:grid;
  grid-template-columns:minmax(240px,1fr) repeat(3,minmax(135px,170px)) auto;
  gap:9px;
  align-items:center;
  margin-bottom:12px;
}
.listing-generator-transfer-filters input,
.listing-generator-transfer-filters select{
  width:100%;
  box-sizing:border-box;
  min-height:42px;
  padding:10px 12px;
  color:#edf5ff;
  background:#071a31;
  border:1px solid rgba(148,178,216,.3);
  border-radius:11px;
}
.listing-generator-transfer-filters input:focus,
.listing-generator-transfer-filters select:focus{
  outline:none;
  border-color:rgba(91,210,151,.72);
  box-shadow:0 0 0 3px rgba(91,210,151,.1);
}
.listing-generator-transfer-scope{
  margin-bottom:12px;
  padding:11px 13px;
  border-radius:12px;
  color:#bcd0e8;
  line-height:1.5;
  background:rgba(89,136,194,.1);
  border:1px solid rgba(119,164,219,.24);
}
.listing-generator-transfer-result{
  display:grid;
  gap:9px;
  margin-bottom:12px;
  padding:13px 14px;
  border-radius:13px;
  border:1px solid rgba(79,207,145,.38);
  background:rgba(39,151,98,.12);
}
.listing-generator-transfer-result>div{display:grid;gap:3px}
.listing-generator-transfer-result strong{font-size:15px;color:#effff6}
.listing-generator-transfer-result p{margin:0;color:#aee5c8;line-height:1.45}
.listing-generator-transfer-result details{color:#c7daee}
.listing-generator-transfer-result ul{margin:8px 0 0;padding-left:20px;display:grid;gap:5px}
.listing-generator-edit-result.is-transfer{align-items:center}
.listing-generator-transfer-variant-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.listing-generator-transfer-variant-list span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  color:#a9c0dc;
  border:1px solid rgba(153,184,220,.22);
  background:rgba(255,255,255,.04);
}
.listing-generator-transfer-variant-list span.bad{color:#ffb1bd;border-color:rgba(231,76,90,.42);background:rgba(231,76,90,.1)}
.listing-generator-transfer-variant-list span.missing-veeqo{color:#ffd08a;border-color:rgba(236,168,63,.48);background:rgba(236,168,63,.12)}
.listing-generator-transfer-variant-list span.matched-veeqo{color:#9ce7bd;border-color:rgba(70,195,127,.42);background:rgba(70,195,127,.1)}
@media(max-width:900px){
  .listing-generator-transfer-filters{grid-template-columns:1fr 1fr}
  .listing-generator-transfer-filters input{grid-column:1/-1}
}
@media(max-width:620px){
  .listing-generator-transfer-filters{grid-template-columns:1fr}
  .listing-generator-transfer-filters input{grid-column:auto}
  .listing-generator-transfer-filters button{width:100%}
}

/* V238 Listing Generator: safer Edit Existing workflow */
.listing-generator-edit-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(99,210,151,.3);
  border-radius:14px;
  background:rgba(29,112,76,.09);
}
.listing-generator-edit-toolbar>div{display:grid;gap:2px;min-width:0}
.listing-generator-edit-toolbar strong{color:var(--text);font-size:14px}
.listing-generator-edit-toolbar small{color:var(--muted);line-height:1.35}
.listing-generator-back-arrow{
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  border-radius:50%;
  font-size:22px;
  line-height:1;
}
.listing-generator-variants-collapsible{
  margin-top:14px;
  overflow:hidden;
  border:1px solid rgba(151,181,214,.26);
  border-radius:14px;
  background:rgba(5,19,36,.24);
}
.listing-generator-variants-collapsible>summary{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:13px 15px;
  cursor:pointer;
  list-style:none;
}
.listing-generator-variants-collapsible>summary::-webkit-details-marker{display:none}
.listing-generator-variants-collapsible>summary>span:first-child{display:grid;gap:3px}
.listing-generator-variants-collapsible>summary strong{color:var(--text)}
.listing-generator-variants-collapsible>summary small{color:var(--muted);line-height:1.35}
.listing-generator-variants-collapsible>summary:after{content:'▾';color:var(--muted);font-size:15px;transition:transform .16s ease}
.listing-generator-variants-collapsible[open]>summary:after{transform:rotate(180deg)}
.listing-generator-variants-collapsible-body{padding:0 12px 12px}
.listing-generator-variants-collapsible-body>.listing-generator-card{margin:0;border-radius:12px}
.listing-generator-edit-result.has-sku-issue{border-color:rgba(244,167,62,.58);background:rgba(150,92,20,.08)}
.listing-generator-edit-meta .is-warning{color:#ffd08a;border-color:rgba(236,168,63,.42);background:rgba(236,168,63,.1)}
.listing-generator-edit-meta .is-good{color:#9ce7bd;border-color:rgba(70,195,127,.36);background:rgba(70,195,127,.08)}
.listing-generator-sku-audit{margin-top:14px}
.listing-generator-sku-audit.has-issues{border-color:rgba(236,168,63,.5)}
.listing-generator-missing-list{display:grid;gap:8px}
.listing-generator-missing-list>div{
  display:grid;
  gap:3px;
  padding:10px 11px;
  border:1px solid rgba(236,168,63,.24);
  border-radius:10px;
  background:rgba(236,168,63,.065);
}
.listing-generator-missing-list strong{color:#ffe0a8}
.listing-generator-missing-list small{color:var(--muted);line-height:1.4}
.listing-generator-regenerate-box.is-edit-update{grid-template-columns:minmax(190px,.7fr) minmax(260px,1.6fr)}
.listing-generator-edit-save-bar{align-items:center;gap:16px}
.listing-generator-edit-save-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.listing-generator-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(1,8,18,.76);
  backdrop-filter:blur(5px);
}
.listing-generator-missing-review-dialog{
  position:relative;
  width:min(780px,100%);
  max-height:min(86vh,820px);
  overflow:auto;
  padding:20px;
  border:1px solid rgba(117,170,224,.38);
  border-radius:18px;
  background:#0b1d34;
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.listing-generator-dialog-x{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(178,199,222,.28);
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:var(--text);
  font-size:23px;
  cursor:pointer;
}
.listing-generator-missing-preview-list{display:grid;gap:8px;margin:14px 0;max-height:430px;overflow:auto;padding-right:3px}
.listing-generator-missing-preview-list>div{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(190px,1fr) minmax(190px,1fr);
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border:1px solid rgba(145,177,213,.22);
  border-radius:11px;
  background:rgba(255,255,255,.035);
}
.listing-generator-missing-preview-list span{color:var(--text);font-weight:700}
.listing-generator-missing-preview-list small{color:var(--muted);line-height:1.4}
.listing-generator-missing-preview-list strong{color:#aee8c8;overflow-wrap:anywhere}
.listing-generator-missing-review-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:15px}
.listing-generator-dialog-footnote{display:block;margin-top:10px;color:var(--muted);line-height:1.45;text-align:right}
@media(max-width:850px){
  .listing-generator-edit-toolbar{grid-template-columns:auto minmax(0,1fr)}
  .listing-generator-edit-toolbar>button:last-child{grid-column:1/-1;width:100%}
  .listing-generator-regenerate-box.is-edit-update{grid-template-columns:1fr}
  .listing-generator-edit-save-bar{align-items:stretch}
  .listing-generator-edit-save-actions{justify-content:stretch}
  .listing-generator-edit-save-actions>*{flex:1 1 230px}
  .listing-generator-missing-preview-list>div{grid-template-columns:1fr}
}
@media(max-width:560px){
  .listing-generator-modal-backdrop{padding:8px}
  .listing-generator-missing-review-dialog{padding:17px 13px 14px;border-radius:14px}
  .listing-generator-missing-review-actions{display:grid;grid-template-columns:1fr}
  .listing-generator-dialog-footnote{text-align:left}
}

/* ===== V239 Listing Generator — AI metafield fill and active-product audit ===== */
.listing-generator-main-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.listing-generator-audit-panel{display:grid;gap:14px;overflow:visible}
.listing-generator-audit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.listing-generator-audit-toolbar input{flex:1 1 300px;min-width:220px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);padding:11px 12px;font:inherit}
.listing-generator-audit-toolbar input:focus{outline:none;border-color:rgba(99,210,151,.72);box-shadow:0 0 0 3px rgba(99,210,151,.1)}
.listing-generator-audit-summary{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}
.listing-generator-audit-summary span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025)}
.listing-generator-audit-progress{display:grid;gap:6px}
.listing-generator-audit-progress>div{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.listing-generator-audit-progress>div>span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .18s ease}
.listing-generator-audit-progress small{color:var(--muted)}
.listing-generator-audit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.listing-generator-audit-product{min-width:0;display:grid;align-content:start;gap:7px;padding:9px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.018);cursor:pointer;user-select:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.listing-generator-audit-product:hover,.listing-generator-audit-product:focus{outline:none;border-color:rgba(99,210,151,.45);background:rgba(99,210,151,.04);transform:translateY(-1px)}
.listing-generator-audit-product.is-selected{border-color:rgba(99,210,151,.82);box-shadow:0 0 0 2px rgba(99,210,151,.14);background:rgba(99,210,151,.07)}
.listing-generator-audit-product.is-applied{border-color:rgba(99,210,151,.5)}
.listing-generator-audit-product>strong{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.listing-generator-audit-product>small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listing-generator-audit-product>div:last-child{display:flex;flex-wrap:wrap;gap:5px}
.listing-generator-audit-thumb{position:relative;aspect-ratio:1/1;width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;display:grid;place-items:center;color:#657083;font-size:12px}
.listing-generator-audit-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.listing-generator-audit-thumb i{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#03140d;font-style:normal;font-weight:950;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.listing-generator-audit-thumb i:empty{display:none}
.listing-generator-audit-review-dialog{position:relative;width:min(880px,100%);max-height:min(88vh,880px);overflow:auto;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.45)}
.listing-generator-audit-suggestion-list{display:grid;gap:8px;margin-top:14px}
.listing-generator-audit-suggestion{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(150px,260px);align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}
.listing-generator-audit-suggestion input{width:18px;height:18px;margin:0}
.listing-generator-audit-suggestion>span{display:grid;gap:3px;min-width:0}
.listing-generator-audit-suggestion small{color:var(--muted);line-height:1.4}
.listing-generator-audit-suggestion em{font-style:normal;font-weight:850;color:var(--green);text-align:right;overflow-wrap:anywhere}
.listing-generator-audit-suggestion.is-unresolved{opacity:.76}
.listing-generator-audit-suggestion.is-unresolved em{color:var(--muted)}
.listing-generator-audit-unresolved-mark{width:18px;text-align:center;color:var(--muted);font-weight:900}
@media(max-width:1180px){.listing-generator-audit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.listing-generator-audit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.listing-generator-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-generator-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-generator-audit-toolbar{display:grid;grid-template-columns:1fr 1fr}.listing-generator-audit-toolbar input{grid-column:1/-1;min-width:0}.listing-generator-audit-suggestion{grid-template-columns:auto minmax(0,1fr)}.listing-generator-audit-suggestion em{grid-column:2;text-align:left}.listing-generator-audit-review-dialog{padding:17px 13px 14px;border-radius:14px}}


/* V240 Listing Generator metafield audit reliability and pagination */
.listing-generator-audit-last-scan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(99,210,151,.2);border-radius:11px;background:rgba(99,210,151,.045);font-size:12px}
.listing-generator-audit-last-scan strong{color:var(--green)}
.listing-generator-audit-last-scan span{color:var(--muted);text-align:right}
.listing-generator-audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;color:var(--muted);font-size:12px}
.listing-generator-audit-pagination>div{display:flex;align-items:center;gap:8px}
.listing-generator-audit-pagination strong{min-width:110px;text-align:center;color:var(--text)}
.listing-generator-audit-card-footer{display:flex!important;align-items:flex-start;justify-content:space-between;gap:7px;margin-top:auto}
.listing-generator-audit-card-status{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.listing-generator-audit-card-scan{flex:0 0 auto;padding:6px 9px!important;min-height:31px!important;font-size:11px!important}
.listing-generator-audit-review-head{padding-right:54px}
.listing-generator-audit-review-dialog>.listing-generator-dialog-x{top:12px;right:12px}
.listing-generator-audit-summary b{color:var(--text)}
@media(max-width:700px){.listing-generator-audit-pagination{align-items:flex-start;flex-direction:column}.listing-generator-audit-pagination>div{width:100%;justify-content:space-between}.listing-generator-audit-last-scan{align-items:flex-start;flex-direction:column}.listing-generator-audit-last-scan span{text-align:left}.listing-generator-audit-card-footer{align-items:stretch;flex-direction:column}.listing-generator-audit-card-scan{width:100%}}

/* V242 Metafield Audit local-intelligence refinements */
.listing-generator-audit-selected-actions{display:contents}
.listing-generator-audit-selected-actions[hidden]{display:none!important}

/* V243 Metafield Audit full-review ZIP status */
.listing-generator-audit-export-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:11px 13px;
  border:1px solid rgba(96,219,167,.28);
  border-radius:12px;
  background:rgba(96,219,167,.08);
  color:var(--text);
}
.listing-generator-audit-export-status span{color:var(--muted);font-size:.82rem;white-space:nowrap}
.listing-generator-audit-export-status.is-error{border-color:rgba(255,113,113,.32);background:rgba(255,113,113,.08);color:#ffb5b5}
@media(max-width:760px){.listing-generator-audit-export-status{align-items:flex-start;flex-direction:column}.listing-generator-audit-export-status span{white-space:normal}}


/* ===== V251 employee Box List and documented Veeqo allocation grouping ===== */
.employee-box-list-page {
  width: min(760px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

.employee-box-list-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.employee-box-list-header h2 {
  margin: 0 0 5px;
}

.employee-box-list-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.employee-box-list-print-button {
  min-width: 112px;
}

.employee-box-list-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.employee-box-list-summary > div {
  min-height: 86px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 18px;
  background: rgba(255, 255, 255, .035);
  text-align: center;
}

.employee-box-list-summary strong {
  font-size: 1.85rem;
  line-height: 1;
}

.employee-box-list-summary span {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.employee-box-list-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.employee-box-list-row {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 10px 14px 10px 10px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 18px;
  background: rgba(7, 24, 48, .72);
}

.employee-box-list-count {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(232, 91, 54, .15);
  color: #fff2ed;
  font-size: 1.65rem;
  font-weight: 950;
}

.employee-box-list-size {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.employee-box-list-size strong {
  overflow-wrap: anywhere;
  font-size: 1.03rem;
}

.employee-box-list-size span,
.employee-box-list-missing {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 750;
}

.employee-box-list-missing {
  padding: 10px 12px;
  border: 1px solid rgba(251, 191, 36, .18);
  border-radius: 14px;
  background: rgba(251, 191, 36, .055);
  line-height: 1.4;
}

.employee-box-list-loading {
  margin: 0;
}

.open-orders-allocation-panel .open-orders-package-item {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-areas: "image text" "move move" !important;
  cursor: grab !important;
}

.open-orders-allocation-panel .open-orders-package-item:active {
  cursor: grabbing !important;
}

.open-orders-package-move-control {
  grid-area: move;
  min-width: 0;
}

.open-orders-package-move-control label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.open-orders-package-move-control label > span {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: .69rem !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.open-orders-package-move-control select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 5px 30px 5px 9px;
  border-radius: 10px;
  font-size: .78rem;
}

.open-orders-package-warehouse {
  color: var(--muted);
  font-size: .7rem;
  font-weight: 800;
}

.open-orders-split-actions {
  margin-top: 12px;
}

.open-orders-split-conflict {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(251, 191, 36, .3);
  border-radius: 13px;
  background: rgba(251, 191, 36, .08);
  color: #fde68a;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.4;
}

@media (max-width: 680px) {
  .simple-mode .simple-tab-btn {
    padding-inline: 3px !important;
    font-size: .68rem !important;
  }

  .employee-box-list-header {
    align-items: stretch;
    flex-direction: column;
  }

  .employee-box-list-actions { width: 100%; justify-content: stretch; }
  .employee-box-list-actions button { flex: 1 1 0; }

  .employee-box-list-rows {
    grid-template-columns: 1fr;
  }
}


/* V252 Open Orders shipping workspace */
.employee-open-orders-grid {
  grid-template-columns: repeat(auto-fill, minmax(170px, 210px));
  justify-content: start;
  align-items: start;
}
.employee-open-order-card {
  width: 100%;
  max-width: 210px;
}
.employee-open-orders-modal-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.employee-open-orders-workspace {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(148, 163, 184, .18);
}
.employee-open-orders-single-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 15px;
  background: rgba(255,255,255,.03);
}
.employee-open-orders-single-tools > div {
  display: grid;
  gap: 3px;
}
.employee-open-orders-single-tools span {
  color: var(--muted);
  font-size: .78rem;
}
.employee-open-orders-save-bar {
  position: sticky;
  bottom: -16px;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  margin: 0 -16px -16px;
  padding: 12px 16px;
  border-top: 1px solid rgba(148, 163, 184, .18);
  background: rgba(9, 24, 47, .96);
  backdrop-filter: blur(10px);
}
.open-orders-allocation-panel .open-orders-package-item {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas: "image text handle" !important;
  cursor: grab !important;
}
.open-orders-drag-handle {
  grid-area: handle;
  align-self: center;
  color: #8fa5bf;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: -4px;
  user-select: none;
}
.open-orders-package-move-control {
  display: none !important;
}
.open-orders-package-actions {
  align-items: center;
}
.open-orders-allocation-package-editor {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(104, 159, 229, .28);
  border-radius: 14px;
  background: rgba(7, 22, 43, .72);
}
.open-orders-allocation-package-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 10px;
}
.open-orders-allocation-package-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(125, 154, 198, .2);
  border-radius: 13px;
  background: rgba(2, 10, 22, .34);
}
.open-orders-allocation-package-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.open-orders-allocation-package-card-head small {
  color: var(--muted);
  font-size: .69rem;
}
.open-orders-package-editor-grid-v2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.open-orders-package-weight-field select {
  min-width: 54px;
  border: 0;
  background: transparent;
  color: #eef6ff;
  font-weight: 900;
  outline: none;
}
.employee-package-panel {
  margin-top: 0;
}
@media (max-width: 760px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }
  .employee-open-order-card {
    max-width: none;
  }
  .employee-open-orders-modal-head {
    align-items: flex-start;
  }
  .employee-open-orders-modal-head-actions {
    display: grid;
  }
  .employee-open-orders-single-tools {
    align-items: stretch;
    display: grid;
  }
  .employee-open-orders-single-tools button,
  .employee-open-orders-save-bar button {
    width: 100%;
  }
  .open-orders-allocation-package-cards,
  .open-orders-package-editor-grid-v2 {
    grid-template-columns: 1fr;
  }
  .open-orders-allocation-package-card-head {
    align-items: flex-start;
    display: grid;
  }
}

/* V253 Open Orders package cleanup, grouped quantities, notes, and fixed employee cards */
.employee-open-orders-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  align-items: start !important;
  gap: 12px !important;
}

.employee-open-order-card {
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
}

.open-orders-card-note-button {
  position: absolute;
  z-index: 5;
  top: 8px;
  right: 8px;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(147, 197, 253, .34);
  border-radius: 999px;
  background: rgba(9, 24, 47, .92);
  color: #dbeafe;
  font-size: .86rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
}

.open-orders-card-note-button:hover,
.open-orders-card-note-button:focus-visible {
  border-color: rgba(147, 197, 253, .68);
  background: #173253;
  outline: none;
}

.open-orders-order-card {
  position: relative;
}

.open-orders-order-card .open-orders-card-note-button {
  top: 10px;
  right: 10px;
}

.open-orders-order-note-popup {
  width: min(520px, 94vw) !important;
}

.open-orders-order-note-popup-body {
  display: grid;
  gap: 10px;
}

.open-orders-order-note-popup-body > div,
.employee-open-orders-note-banners > div {
  display: grid;
  gap: 5px;
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
}

.open-orders-order-note-popup-body span,
.employee-open-orders-note-banners strong {
  color: #dbeafe;
  font-size: .74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.open-orders-order-note-popup-body p,
.employee-open-orders-note-banners p {
  margin: 0;
  color: var(--text);
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.open-orders-order-note-popup-body .is-internal,
.employee-open-orders-note-banners .is-internal,
.open-orders-note-panel-v2.is-internal {
  border-color: rgba(251, 191, 36, .28) !important;
  background: rgba(251, 191, 36, .065) !important;
}

.open-orders-order-note-popup-body .is-customer,
.employee-open-orders-note-banners .is-customer,
.open-orders-note-panel-v2.is-customer {
  border-color: rgba(96, 165, 250, .26) !important;
  background: rgba(96, 165, 250, .055) !important;
}

.employee-open-orders-note-banners {
  display: grid;
  gap: 9px;
  margin-bottom: 12px;
}

.open-orders-detail-modal-v253 {
  width: min(1320px, calc(100vw - 30px)) !important;
  max-height: calc(100vh - 30px) !important;
  overflow: hidden !important;
}

.open-orders-detail-main-v253 {
  display: grid;
  gap: 14px;
  overflow: auto;
  padding: 15px !important;
}

.open-orders-note-grid-v253 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.open-orders-note-grid-v253 .open-orders-note-panel-v2 {
  min-width: 0;
  padding: 11px !important;
}

.open-orders-note-grid-v253 .open-orders-note-textarea {
  min-height: 76px !important;
  max-height: 150px;
  resize: vertical;
}

.open-orders-package-workspace {
  min-width: 0;
  padding: 12px !important;
}

.open-orders-package-workspace .open-orders-panel-head {
  align-items: center !important;
}

.open-orders-inline-warning-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}

.open-orders-inline-warning-row span {
  padding: 6px 8px;
  border: 1px solid rgba(251, 191, 36, .24);
  border-radius: 9px;
  background: rgba(251, 191, 36, .06);
  color: #fde68a;
  font-size: .73rem;
  font-weight: 850;
}

.admin-open-orders-package-board,
.employee-open-orders-package-board {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.open-orders-package-workspace .open-orders-package-box {
  min-height: 0 !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  overflow: visible !important;
  padding: 10px !important;
}

.open-orders-package-workspace .open-orders-package-head {
  align-items: center !important;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(148, 163, 184, .13);
}

.open-orders-package-workspace .open-orders-package-head strong {
  font-size: .93rem;
}

.open-orders-package-workspace .open-orders-package-head span {
  font-size: .7rem !important;
}

.admin-open-orders-package-board .open-orders-package-items {
  gap: 6px !important;
}

.admin-open-orders-package-board .open-orders-package-item {
  grid-template-columns: 42px minmax(0, 1fr) auto auto !important;
  grid-template-areas: "image text quantity handle" !important;
  min-height: 54px;
  padding: 6px 7px !important;
}

.open-orders-package-item-text {
  grid-area: text !important;
}

.open-orders-package-quantity-badge {
  grid-area: quantity !important;
  min-width: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(96, 165, 250, .13);
  color: #dbeafe !important;
  font-size: .72rem !important;
  font-weight: 950;
}

.open-orders-package-workspace .open-orders-drag-handle {
  grid-area: handle !important;
  margin: 0 !important;
}

.open-orders-package-fulfillment {
  display: grid;
  gap: 8px;
  margin-top: 2px;
  padding-top: 9px;
  border-top: 1px solid rgba(148, 163, 184, .13);
}

.open-orders-package-fields-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.open-orders-package-fields-row label {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  min-height: 38px;
  padding: 4px 6px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  background: rgba(2, 11, 26, .34);
}

.open-orders-package-fields-row label > span,
.open-orders-package-fields-row label > small {
  color: var(--muted);
  font-size: .62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.open-orders-package-fields-row input {
  width: 100%;
  min-width: 0;
  height: 29px;
  padding: 3px 4px;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: .82rem;
  font-weight: 900;
  text-align: center;
  outline: none;
}

.open-orders-package-fields-row input:focus {
  border-radius: 6px;
  background: rgba(96, 165, 250, .08);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, .42);
}

.open-orders-package-fields-row input:disabled {
  opacity: .5;
}

.open-orders-package-rate-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-height: 38px;
}

.open-orders-package-rate-row > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.open-orders-package-rate-row span,
.open-orders-package-rate-row small {
  color: var(--muted);
  font-size: .67rem;
  font-weight: 800;
}

.open-orders-package-rate-row strong {
  color: #dbeafe;
  font-size: .84rem;
}

.open-orders-empty-drop {
  min-height: 128px !important;
  align-content: center;
  gap: 4px;
  padding: 14px;
  text-align: center;
}

.open-orders-empty-drop strong,
.open-orders-empty-drop span {
  display: block;
}

.open-orders-empty-drop span {
  color: var(--muted);
  font-size: .75rem;
}

.open-orders-package-actions {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px !important;
  margin-top: 10px;
}

.open-orders-safe-note {
  margin-top: 8px !important;
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, .12);
  font-size: .73rem !important;
}

.open-orders-quantity-move-modal {
  width: min(480px, 94vw) !important;
}

.open-orders-quantity-move-body {
  display: grid;
  gap: 12px;
}

.open-orders-quantity-move-body p {
  margin: 0;
  color: var(--muted);
}

.open-orders-quantity-move-body label {
  display: grid;
  gap: 6px;
}

.open-orders-quantity-move-body label > span {
  font-weight: 900;
}

.open-orders-quantity-move-body input {
  min-height: 44px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 12px;
  background: #07152a;
  color: var(--text);
  font-size: 1rem;
  font-weight: 900;
}

.open-orders-quantity-move-body small {
  color: var(--muted);
}

.open-orders-set-move-warning {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(251, 191, 36, .3);
  border-radius: 13px;
  background: rgba(251, 191, 36, .075);
}

.open-orders-set-move-warning strong {
  color: #fde68a;
}

.open-orders-set-move-warning span {
  color: var(--text);
  line-height: 1.4;
}

.employee-open-orders-modal-v253 {
  width: min(1100px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 16px !important;
  overflow: auto !important;
}

.employee-open-orders-modal-v253.is-single-item {
  width: min(760px, calc(100vw - 28px)) !important;
}

.employee-package-panel {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.employee-package-panel .open-orders-panel-head,
.employee-package-panel .open-orders-inline-warning-row,
.employee-package-panel .open-orders-split-conflict {
  margin-inline: 0;
}

.employee-open-orders-package-board {
  margin-top: 10px !important;
}

.employee-open-orders-package-board .open-orders-package-box {
  padding: 10px !important;
  border-radius: 18px !important;
}

.employee-package-items-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px !important;
}

.employee-package-item-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas: "image" "text" !important;
  gap: 0 !important;
  overflow: hidden;
  min-width: 0;
  padding: 0 !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .035) !important;
}

.employee-package-item-image {
  grid-area: image;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(2, 11, 26, .46);
}

.employee-package-item-image img,
.employee-package-item-image .employee-open-orders-no-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

.employee-package-item-copy {
  grid-area: text;
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 9px 10px 10px;
}

.employee-package-item-copy h4 {
  margin: 0;
  color: var(--text);
  font-size: .91rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.employee-package-item-copy strong {
  width: fit-content;
  max-width: 100%;
  white-space: normal !important;
  color: #111827 !important;
  background: #fde68a;
  padding: 3px 6px;
  border-radius: 7px;
  font-size: .76rem !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.employee-package-item-copy span {
  white-space: normal !important;
  font-size: .68rem !important;
}

.employee-package-item-card .open-orders-drag-handle {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 999px;
  background: rgba(9, 24, 47, .88);
  color: #dbeafe;
}

.employee-package-fulfillment {
  margin-top: 9px;
}

.employee-package-fulfillment .open-orders-package-fields-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.employee-open-orders-save-bar {
  bottom: -16px;
}

@media (max-width: 1180px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1000px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-open-orders-package-board,
  .employee-open-orders-package-board,
  .open-orders-note-grid-v253 {
    grid-template-columns: 1fr !important;
  }

  .employee-package-panel .employee-open-orders-package-board {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .open-orders-card-note-button {
    top: 6px;
    right: 6px;
    width: 26px;
    height: 26px;
  }

  .open-orders-detail-modal-v253,
  .employee-open-orders-modal-v253,
  .employee-open-orders-modal-v253.is-single-item {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    height: 100vh;
    border-radius: 0 !important;
  }

  .employee-package-panel .employee-open-orders-package-board {
    grid-template-columns: 1fr !important;
  }

  .employee-package-items-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .open-orders-package-fields-row,
  .employee-package-fulfillment .open-orders-package-fields-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .open-orders-package-fields-row label:nth-child(4),
  .open-orders-package-fields-row label:nth-child(5) {
    grid-column: span 1;
  }

  .open-orders-package-rate-row {
    align-items: stretch;
    display: grid;
  }

  .open-orders-package-rate-row button {
    width: 100%;
  }

  .open-orders-note-grid-v253 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  .employee-package-items-grid {
    grid-template-columns: 1fr;
  }

  .open-orders-package-fields-row,
  .employee-package-fulfillment .open-orders-package-fields-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.employee-open-order-title {
  padding-right: 24px;
}

/* V254 Open Orders employee-first package workspace cleanup */
.open-orders-card-note-button,
.open-orders-order-card .open-orders-card-note-button {
  left: 8px !important;
  right: auto !important;
}

.open-orders-order-card .open-orders-card-note-button {
  left: 10px !important;
}

.open-orders-card-recommended-box.is-placeholder,
.employee-open-order-package-badge.is-placeholder,
.employee-open-order-footer .is-placeholder {
  visibility: hidden !important;
}

.open-orders-card-recommended-box {
  min-height: 51px;
  align-content: center;
}

.employee-open-orders-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.employee-open-order-card {
  min-height: 326px !important;
  grid-template-rows: auto minmax(0, 1fr) 24px 38px !important;
  gap: 9px !important;
  padding: 11px !important;
}

.employee-open-order-title {
  min-height: 2.5em;
  padding-left: 34px !important;
  padding-right: 0 !important;
  font-size: .86rem !important;
}

.employee-open-order-images {
  align-content: start;
  min-height: 0;
}

.employee-open-orders-thumb {
  aspect-ratio: 1 / 1;
}

.employee-open-order-package-badge {
  min-height: 24px;
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 7px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: #bfdbfe;
  font-size: .66rem;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.employee-open-order-card.is-linked-package {
  border-top-color: rgba(96, 165, 250, .55) !important;
  box-shadow: inset 0 3px 0 rgba(96, 165, 250, .16), 0 10px 24px rgba(0, 0, 0, .12) !important;
}

.employee-open-order-footer {
  min-height: 38px !important;
  align-content: start;
}

.employee-open-orders-modal-v254 {
  width: min(1240px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
  padding: 16px !important;
  overflow: auto !important;
}

.employee-open-orders-modal-v254 .employee-open-orders-note-banners {
  width: min(760px, 100%);
  justify-self: start;
  margin-right: auto;
}

.employee-package-workspace-v254 {
  display: grid;
  gap: 12px;
}

.employee-package-switcher {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 13px;
  background: rgba(255, 255, 255, .025);
}

.employee-package-switcher > span {
  margin-right: 3px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.employee-package-switcher button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
  background: rgba(7, 21, 42, .76);
  color: #dbeafe;
  font-weight: 850;
}

.employee-package-switcher button.active {
  border-color: rgba(99, 210, 151, .55);
  background: rgba(99, 210, 151, .12);
  color: #dfffea;
}

.employee-package-board-v254 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(270px, .86fr);
  gap: 14px;
  align-items: start;
}

.employee-package-board-v254.single-package {
  grid-template-columns: minmax(0, 1fr);
}

.employee-package-box-v254 {
  min-width: 0;
  display: grid;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(9, 24, 47, .94), rgba(5, 17, 35, .9));
}

.employee-package-box-head-v254 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}

.employee-package-box-head-v254 > div {
  display: grid;
  gap: 3px;
}

.employee-package-box-head-v254 strong {
  color: #f8fafc;
  font-size: 1rem;
}

.employee-package-box-head-v254 span,
.employee-package-box-head-v254 em {
  color: var(--muted);
  font-size: .72rem;
  font-style: normal;
}

.employee-package-box-head-v254 em {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(96, 165, 250, .08);
  color: #bfdbfe;
  font-weight: 850;
  white-space: nowrap;
}

.employee-package-items-grid-v254 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.employee-package-items-grid-v254.one-item {
  grid-template-columns: minmax(0, 1fr);
}

.employee-package-items-grid-v254 .employee-package-item-card {
  min-height: 0 !important;
  border-radius: 17px !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

.employee-package-items-grid-v254 .employee-package-item-image {
  aspect-ratio: 4 / 3 !important;
  min-height: 245px;
}

.employee-package-items-grid-v254.one-item .employee-package-item-image {
  min-height: 390px;
  max-height: 520px;
}

.employee-package-items-grid-v254 .employee-package-item-image img {
  object-fit: contain !important;
  background: #f8fafc;
}

.employee-package-items-grid-v254 .employee-package-item-copy {
  gap: 7px;
  padding: 11px 12px 12px;
}

.employee-package-items-grid-v254 .employee-package-item-copy h4 {
  font-size: 1rem;
  line-height: 1.3;
}

.employee-package-items-grid-v254 .employee-package-item-copy strong {
  font-size: .84rem !important;
}

.employee-package-empty-target-v254 {
  min-height: 245px;
  display: grid;
  place-content: center;
  gap: 6px;
  padding: 20px;
  border: 1px dashed rgba(147, 197, 253, .35);
  border-radius: 16px;
  background: rgba(96, 165, 250, .035);
  color: #dbeafe;
  text-align: center;
}

.employee-package-empty-target-v254 strong {
  font-size: 1rem;
}

.employee-package-empty-target-v254 span {
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.45;
}

.employee-package-compact-details {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(230px, .78fr) minmax(150px, .55fr);
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, .14);
}

.employee-package-compact-details.is-disabled {
  opacity: .58;
}

.employee-package-compact-group,
.employee-package-compact-shipping {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 10px;
  background: rgba(2, 11, 26, .36);
}

.employee-package-compact-group > span,
.employee-package-compact-shipping > span {
  margin-right: 3px;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .035em;
  white-space: nowrap;
}

.employee-package-compact-group input {
  width: 52px;
  min-width: 0;
  height: 30px;
  padding: 3px 4px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, .035);
  color: var(--text);
  font-size: .84rem;
  font-weight: 900;
  text-align: center;
  outline: none;
}

.employee-package-compact-group input:focus {
  background: rgba(96, 165, 250, .08);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, .45);
}

.employee-package-compact-group b,
.employee-package-compact-group small {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 900;
}

.employee-package-compact-shipping {
  display: grid;
  gap: 2px;
  align-content: center;
}

.employee-package-compact-shipping strong {
  min-width: 0;
  color: #dbeafe;
  font-size: .82rem;
  overflow-wrap: anywhere;
}

.employee-package-drop-box-v254 .employee-package-compact-details {
  grid-template-columns: 1fr;
}

.employee-package-drop-box-v254 .employee-package-compact-group,
.employee-package-drop-box-v254 .employee-package-compact-shipping {
  width: 100%;
}

.employee-package-actions-v254 {
  margin-top: 0 !important;
}

.open-orders-quantity-move-modal-v254 {
  width: min(450px, 94vw) !important;
}

.open-orders-quantity-stepper-body {
  gap: 14px !important;
}

.open-orders-move-available {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .03);
}

.open-orders-move-available span {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 850;
}

.open-orders-move-available strong {
  color: #f8fafc;
  font-size: 1.1rem;
}

.open-orders-quantity-stepper {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 52px;
  gap: 8px;
}

.open-orders-quantity-stepper button,
.open-orders-quantity-stepper input {
  min-height: 50px !important;
}

.open-orders-quantity-stepper button {
  padding: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.open-orders-quantity-stepper input {
  text-align: center;
  font-size: 1.18rem !important;
}

@media (max-width: 1180px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .employee-package-board-v254 {
    grid-template-columns: minmax(0, 1.65fr) minmax(250px, .85fr);
  }

  .employee-package-compact-details {
    grid-template-columns: 1fr 1fr;
  }

  .employee-package-compact-shipping {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .employee-open-orders-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .employee-package-board-v254 {
    grid-template-columns: 1fr;
  }

  .employee-package-drop-box-v254 {
    max-width: none;
  }

  .employee-package-drop-box-v254 .employee-package-compact-details {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .open-orders-card-note-button,
  .open-orders-order-card .open-orders-card-note-button {
    left: 6px !important;
    right: auto !important;
  }

  .employee-open-orders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .employee-open-order-card {
    min-height: 282px !important;
    padding: 8px !important;
  }

  .employee-open-order-title {
    padding-left: 30px !important;
    font-size: .74rem !important;
  }

  .employee-open-orders-modal-v254 {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }

  .employee-package-items-grid-v254,
  .employee-package-items-grid-v254.one-item {
    grid-template-columns: 1fr;
  }

  .employee-package-items-grid-v254 .employee-package-item-image,
  .employee-package-items-grid-v254.one-item .employee-package-item-image {
    min-height: 300px;
    max-height: 420px;
  }

  .employee-package-compact-details,
  .employee-package-drop-box-v254 .employee-package-compact-details {
    grid-template-columns: 1fr;
  }

  .employee-package-compact-shipping {
    grid-column: auto;
  }

  .employee-package-switcher {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}

@media (max-width: 430px) {
  .employee-open-order-card {
    min-height: 250px !important;
  }

  .employee-open-order-package-badge {
    font-size: .58rem;
  }

  .employee-package-compact-group {
    flex-wrap: wrap;
  }

  .employee-package-box-inputs > span,
  .employee-package-weight-inputs > span {
    width: 100%;
  }
}


/* V255 Focused Open Orders package workspace and admin lookup */
.employee-open-orders-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

.employee-open-order-card {
  min-height: 0 !important;
  height: 100% !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  gap: 7px !important;
  padding: 10px !important;
}

.employee-open-order-images {
  align-self: start !important;
  margin: 0 !important;
}

.employee-open-order-package-badge.is-placeholder {
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}

.employee-open-order-package-badge:not(.is-placeholder) {
  min-height: 20px !important;
  padding: 3px 7px !important;
  margin-top: 1px;
}

.employee-open-order-footer {
  min-height: 28px !important;
  padding-top: 2px !important;
  align-content: center !important;
}

.open-orders-card-note-button-v255,
.open-orders-order-card .open-orders-card-note-button-v255 {
  width: auto !important;
  min-width: 52px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 8px !important;
  border: 1px solid rgba(251, 191, 36, .72) !important;
  border-radius: 999px !important;
  background: rgba(245, 158, 11, .18) !important;
  color: #fde68a !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .22) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .055em;
}

.open-orders-card-note-button-v255 b {
  font-size: .78rem;
  line-height: 1;
}

.open-orders-card-note-button-v255:hover,
.open-orders-card-note-button-v255:focus-visible {
  background: rgba(245, 158, 11, .32) !important;
  border-color: #fbbf24 !important;
  transform: translateY(-1px);
}

.employee-open-order-title {
  padding-left: 0 !important;
}

.employee-open-order-card.has-note .employee-open-order-title {
  padding-left: 62px !important;
}

.employee-open-orders-modal-v255,
.open-orders-detail-modal-v255 {
  width: min(1180px, calc(100vw - 26px)) !important;
  max-height: calc(100vh - 26px) !important;
  overflow: auto !important;
}

.employee-package-workspace-v255 {
  display: grid;
  gap: 10px;
}

.employee-package-switcher-v255 {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 13px;
  background: rgba(2, 11, 26, .32);
}

.employee-package-tabs-v255 {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.employee-package-tabs-v255 button {
  flex: 0 0 auto;
}

.employee-add-package-v255 {
  flex: 0 0 auto;
  white-space: nowrap;
}

.employee-package-box-v255 {
  max-width: none !important;
  padding: 10px !important;
  gap: 10px !important;
}

.employee-package-items-grid-v254 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.employee-package-items-grid-v254.one-item {
  grid-template-columns: minmax(0, 620px) !important;
}

.employee-package-items-grid-v254 .employee-package-item-card {
  overflow: hidden;
  background: rgba(10, 27, 51, .82) !important;
}

.employee-package-items-grid-v254 .employee-package-item-image,
.employee-package-items-grid-v254.one-item .employee-package-item-image {
  position: relative;
  width: 100%;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  background: transparent !important;
}

.employee-package-items-grid-v254 .employee-package-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  background: transparent !important;
}

.employee-package-item-copy {
  padding: 9px 11px 10px !important;
  gap: 5px !important;
}

.employee-package-item-copy h4 {
  margin: 0;
  color: #f8fafc;
  font-size: 1rem !important;
  line-height: 1.25;
}

.employee-package-item-copy > strong {
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #fde68a !important;
  color: #172033 !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
}

.employee-package-move-overlay {
  position: absolute;
  inset: auto 8px 8px 8px;
  z-index: 5;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(191, 219, 254, .32);
  border-radius: 12px;
  background: rgba(2, 11, 26, .94);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}

.employee-package-item-image:hover .employee-package-move-overlay,
.employee-package-item-image:focus-within .employee-package-move-overlay {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.employee-package-move-overlay strong {
  color: #dbeafe;
  font-size: .72rem;
  white-space: nowrap;
}

.employee-package-move-overlay select {
  min-width: 0;
  height: 34px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, .28);
  background: #10213a;
  color: #f8fafc;
  font-size: .76rem;
  font-weight: 800;
}

.employee-package-move-overlay button {
  min-height: 34px !important;
  padding: 5px 10px !important;
}

.employee-package-empty-compact-v255 {
  min-height: 92px;
  display: grid;
  place-content: center;
  gap: 4px;
  padding: 14px;
  border: 1px dashed rgba(147, 197, 253, .3);
  border-radius: 12px;
  color: #dbeafe;
  text-align: center;
}

.employee-package-empty-compact-v255 span {
  color: var(--muted);
  font-size: .76rem;
}

.employee-package-compact-details-v255 {
  grid-template-columns: minmax(250px, 1fr) minmax(220px, .8fr) minmax(145px, .55fr) !important;
  gap: 7px !important;
  padding-top: 8px !important;
}

.employee-package-compact-details-v255 .employee-package-compact-group,
.employee-package-compact-details-v255 .employee-package-compact-shipping {
  min-height: 38px !important;
  padding: 4px 7px !important;
}

.employee-package-compact-details-v255 .employee-package-compact-group input {
  height: 28px !important;
}

.open-orders-note-grid-v255 {
  margin-bottom: 2px;
}

.open-orders-transient-message {
  animation: open-orders-v255-message-in .16s ease-out;
}

@keyframes open-orders-v255-message-in {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

.open-orders-admin-lookup {
  display: grid;
  gap: 10px;
  margin: 14px 0;
  padding: 13px;
  border: 1px solid rgba(96, 165, 250, .2);
  border-radius: 15px;
  background: rgba(7, 22, 43, .7);
}

.open-orders-admin-lookup-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.open-orders-admin-lookup-head > div:first-child {
  display: grid;
  gap: 3px;
}

.open-orders-admin-lookup-head > div:first-child strong {
  color: #f8fafc;
  font-size: 1rem;
}

.open-orders-admin-lookup-head > div:first-child span {
  color: var(--muted);
  font-size: .76rem;
}

.open-orders-admin-lookup-controls {
  min-width: min(430px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.open-orders-admin-lookup-controls input {
  min-height: 40px;
}

.open-orders-admin-lookup-result {
  display: grid;
  gap: 11px;
  padding-top: 11px;
  border-top: 1px solid rgba(148, 163, 184, .16);
}

.open-orders-admin-lookup-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.open-orders-admin-lookup-result-head > div {
  display: grid;
  gap: 2px;
}

.open-orders-admin-lookup-result-head span,
.open-orders-lookup-metrics span,
.open-orders-lookup-note-grid span {
  color: var(--muted);
  font-size: .65rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.open-orders-admin-lookup-result-head h4 {
  margin: 0;
  font-size: 1.35rem;
}

.open-orders-lookup-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.open-orders-lookup-metrics > div,
.open-orders-lookup-note-grid > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 11px;
  background: rgba(2, 11, 26, .28);
}

.open-orders-lookup-metrics strong {
  overflow-wrap: anywhere;
}

.open-orders-lookup-note-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.open-orders-lookup-note-grid p {
  margin: 0;
  white-space: pre-wrap;
}

.open-orders-lookup-packages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.open-orders-lookup-package {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 13px;
  background: rgba(2, 11, 26, .3);
}

.open-orders-lookup-package-head,
.open-orders-lookup-package-metrics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.open-orders-lookup-package-head span {
  color: var(--muted);
  font-size: .68rem;
}

.open-orders-lookup-package-metrics {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.open-orders-lookup-package-metrics span {
  display: grid;
  gap: 2px;
  padding: 5px 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: .62rem;
}

.open-orders-lookup-package-metrics b {
  color: #e2e8f0;
  font-size: .72rem;
}

.open-orders-lookup-items {
  display: grid;
  gap: 7px;
}

.open-orders-lookup-items > div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.open-orders-lookup-items img,
.open-orders-lookup-items .open-orders-package-dot {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}

.open-orders-lookup-items p {
  min-width: 0;
  display: grid;
  gap: 2px;
  margin: 0;
}

.open-orders-lookup-items strong,
.open-orders-lookup-items small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.open-orders-lookup-items small {
  color: var(--muted);
}

@media (hover: none) {
  .employee-package-move-overlay {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

@media (max-width: 900px) {
  .employee-package-compact-details-v255,
  .open-orders-lookup-metrics,
  .open-orders-lookup-packages {
    grid-template-columns: 1fr 1fr !important;
  }

  .open-orders-admin-lookup-head {
    align-items: stretch;
    flex-direction: column;
  }

  .open-orders-admin-lookup-controls {
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .employee-open-order-title {
    padding-left: 54px !important;
  }

  .open-orders-card-note-button-v255,
  .open-orders-order-card .open-orders-card-note-button-v255 {
    min-width: 44px !important;
    height: 25px !important;
    padding: 0 6px !important;
    font-size: .55rem !important;
  }

  .employee-package-switcher-v255 {
    align-items: stretch;
    flex-direction: column;
  }

  .employee-add-package-v255 {
    width: 100%;
  }

  .employee-package-items-grid-v254,
  .employee-package-items-grid-v254.one-item,
  .employee-package-compact-details-v255,
  .open-orders-lookup-metrics,
  .open-orders-lookup-note-grid,
  .open-orders-lookup-packages {
    grid-template-columns: 1fr !important;
  }

  .employee-package-move-overlay {
    grid-template-columns: 1fr auto;
  }

  .employee-package-move-overlay strong {
    display: none;
  }
}

/* V256 Section-first Open Orders cleanup */
.employee-section-switcher-v256 {
  padding: 7px 8px !important;
}

.employee-add-section-v256 {
  min-width: 118px;
}

.employee-section-box-v256 {
  border-color: rgba(148, 163, 184, .2) !important;
}

.employee-package-item-image {
  isolation: isolate;
}

.employee-package-move-overlay {
  inset: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(15, 23, 42, .56) !important;
  box-shadow: none !important;
  opacity: 0;
  transform: none !important;
  pointer-events: none;
  transition: opacity .16s ease !important;
}

.employee-package-item-image:hover .employee-package-move-overlay,
.employee-package-item-image:focus-within .employee-package-move-overlay {
  opacity: 1;
  pointer-events: auto;
}

.employee-package-move-control {
  width: min(230px, calc(100% - 20px));
  min-height: 48px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
  color: #111827;
  cursor: pointer;
}

.employee-package-move-icon {
  display: grid;
  place-items: center;
  color: #111827;
  font-size: 1.4rem;
  font-weight: 900;
  transform: rotate(90deg);
}

.employee-package-move-control select,
.employee-package-move-overlay select {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 28px 0 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background-color: transparent !important;
  color: #111827 !important;
  font-size: .92rem !important;
  font-weight: 900 !important;
  cursor: pointer;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-move-body {
  padding-top: 4px;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-stepper-body label {
  gap: 8px;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-stepper-body small:empty {
  display: none;
}

@media (hover: none) {
  .employee-package-move-overlay {
    inset: auto 8px 8px 8px !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1;
    pointer-events: auto;
  }

  .employee-package-move-control {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .96);
  }

  .employee-package-move-control select,
  .employee-package-move-overlay select {
    height: 40px !important;
  }
}

@media (max-width: 720px) {
  .employee-add-section-v256 {
    width: 100%;
  }
}

/* V257 quiet package rates, custom move menu, and employee-card alignment */
.employee-open-order-card {
  position: relative;
  min-width: 0;
}

.employee-open-order-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
}

.employee-open-order-card.has-note .employee-open-order-title {
  padding-left: 76px !important;
  padding-right: 3px !important;
}

.open-orders-card-note-button-v255,
.open-orders-order-card .open-orders-card-note-button-v255 {
  z-index: 12 !important;
  top: 9px !important;
  left: 9px !important;
}

.employee-package-items-grid-v254.one-item {
  grid-template-columns: minmax(0, calc((100% - 12px) / 2)) !important;
  justify-content: center !important;
}

.employee-package-move-overlay {
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
  background: rgba(2, 8, 23, .62) !important;
}

.employee-package-move-menu {
  position: relative;
  width: min(224px, calc(100% - 12px));
  margin: 0;
}

.employee-package-move-menu > summary {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 42px 0 18px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 12px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .32);
  color: #0f172a;
  font-size: .92rem;
  font-weight: 950;
  text-align: center;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.employee-package-move-menu > summary::-webkit-details-marker,
.employee-package-move-menu > summary::marker {
  display: none;
  content: '';
}

.employee-package-move-menu > summary::after {
  content: '';
  position: absolute;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #0f172a;
  border-bottom: 2px solid #0f172a;
  transform: translateY(-68%) rotate(45deg);
  transition: transform .14s ease;
}

.employee-package-move-menu[open] > summary::after {
  transform: translateY(-30%) rotate(225deg);
}

.employee-package-move-menu-options {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 2px;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, .38);
  border-radius: 11px;
  background: #f8fafc;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .36);
  overflow: hidden;
}

.employee-package-move-menu-options button {
  width: 100%;
  min-height: 38px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  text-align: left;
}

.employee-package-move-menu-options button:hover,
.employee-package-move-menu-options button:focus-visible {
  background: #e2e8f0 !important;
}

.employee-package-move-menu-options button.is-new {
  color: #075985 !important;
  border-top: 1px solid #cbd5e1 !important;
  border-radius: 0 0 7px 7px !important;
}

.employee-package-move-icon,
.employee-package-move-control {
  display: none !important;
}

.employee-package-filler-card-v257 {
  min-height: 118px;
  display: grid;
  place-content: center;
  gap: 6px;
  padding: 16px;
  border: 1px dashed rgba(96, 165, 250, .42);
  border-radius: 13px;
  background: rgba(15, 31, 55, .62);
  text-align: center;
}

.employee-package-filler-card-v257 strong {
  color: #f8fafc;
}

.employee-package-filler-card-v257 span {
  max-width: 430px;
  color: #aebed4;
  font-size: .76rem;
  line-height: 1.4;
}

.employee-open-order-footer .is-placeholder {
  visibility: hidden;
}

@media (hover: none) {
  .employee-package-move-overlay {
    inset: 0 !important;
    display: grid !important;
    place-items: end center !important;
    padding: 12px !important;
    background: linear-gradient(to top, rgba(2, 8, 23, .66), rgba(2, 8, 23, .08) 65%) !important;
  }

  .employee-package-move-menu {
    width: 100%;
  }

  .employee-package-move-menu > summary {
    min-height: 42px;
  }
}

@media (max-width: 720px) {
  .employee-open-order-card.has-note .employee-open-order-title {
    padding-left: 66px !important;
  }

  .employee-package-items-grid-v254.one-item {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* V258 literal Package item, centered section movement, compact thumbnails, and admin removal */
.employee-package-workspace-v258 .employee-package-move-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(2, 8, 23, .64) !important;
  text-align: center !important;
}

.employee-package-workspace-v258 .employee-package-move-menu {
  position: relative !important;
  width: min(210px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  align-self: center !important;
  justify-self: center !important;
}

.employee-package-workspace-v258 .employee-package-move-menu > summary {
  width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 38px 0 16px !important;
  text-align: center !important;
}

.employee-package-workspace-v258 .employee-package-move-menu-options {
  left: 50% !important;
  right: auto !important;
  width: 100% !important;
  min-width: 100% !important;
  transform: translateX(-50%) !important;
  padding: 6px !important;
  gap: 3px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
}

.employee-package-workspace-v258 .employee-package-move-menu-options button {
  min-height: 40px !important;
  justify-content: center !important;
  border-radius: 8px !important;
  text-align: center !important;
}

.employee-package-workspace-v258 .employee-package-move-menu-options button.is-new {
  margin-top: 2px !important;
  border-top: 1px solid #cbd5e1 !important;
  color: #075985 !important;
}

.employee-package-workspace-v258 .employee-package-items-grid-v254 {
  grid-template-columns: repeat(2, minmax(0, 420px)) !important;
  justify-content: center !important;
  align-items: start !important;
}

.employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
  grid-template-columns: minmax(0, 420px) !important;
  justify-content: center !important;
}

.employee-package-workspace-v258 .employee-package-item-card {
  width: 100% !important;
  max-width: 420px !important;
  margin-inline: auto !important;
}

.employee-package-workspace-v258 .employee-package-item-copy {
  padding: 8px 10px 9px !important;
}

.employee-package-literal-item-v258 .employee-package-item-image {
  position: relative;
}

.employee-package-filler-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #f8fafc, #dbeafe);
  color: #334155;
  font-size: clamp(3rem, 10vw, 6rem);
}

.employee-package-delete-overlay-v258 {
  position: absolute;
  inset: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(2, 8, 23, .66);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}

.employee-package-literal-item-v258 .employee-package-item-image:hover .employee-package-delete-overlay-v258,
.employee-package-literal-item-v258 .employee-package-item-image:focus-within .employee-package-delete-overlay-v258 {
  opacity: 1;
  pointer-events: auto;
}

.employee-package-delete-overlay-v258 button {
  min-width: 150px;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 11px;
  background: rgba(255,255,255,.97);
  color: #991b1b;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(0,0,0,.32);
}

.employee-package-actions-v254 {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.danger-soft-v258 {
  border-color: rgba(248, 113, 113, .36) !important;
  color: #fecaca !important;
}

.employee-package-workspace-v258 .employee-package-compact-details-v255 {
  margin-top: 2px !important;
}

.employee-package-workspace-v258 .employee-package-weight-inputs input:last-of-type {
  max-width: 64px !important;
}

@media (hover: none) {
  .employee-package-delete-overlay-v258 {
    inset: auto 10px 10px 10px;
    padding: 0;
    background: transparent;
    opacity: 1;
    pointer-events: auto;
  }

  .employee-package-delete-overlay-v258 button {
    width: 100%;
    min-height: 40px;
  }
}

@media (max-width: 900px) {
  .employee-package-workspace-v258 .employee-package-items-grid-v254,
  .employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
    grid-template-columns: minmax(0, 380px) !important;
  }

  .employee-package-workspace-v258 .employee-package-item-card {
    max-width: 380px !important;
  }
}

@media (max-width: 520px) {
  .employee-package-workspace-v258 .employee-package-items-grid-v254,
  .employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .employee-package-workspace-v258 .employee-package-item-card {
    max-width: none !important;
  }
}

/* V259 Veeqo-rate parsing and package-control polish */
.open-orders-quantity-move-modal-v256 {
  width: min(470px, 94vw) !important;
  padding: 20px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-mini-modal-head {
  align-items: flex-start !important;
  gap: 18px !important;
  margin-bottom: 4px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-mini-modal-head > div {
  min-width: 0;
  padding-right: 4px;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-move-body {
  padding-top: 8px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-stepper-body,
.open-orders-quantity-move-modal-v256 .open-orders-quantity-stepper-body label {
  gap: 14px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-quantity-stepper {
  grid-template-columns: 54px minmax(0, 1fr) 54px !important;
  gap: 12px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-mini-modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding-top: 6px !important;
}

.open-orders-quantity-move-modal-v256 .open-orders-mini-modal-actions button {
  min-width: 100px !important;
  margin: 0 !important;
}

.employee-package-box-inputs input[type='number'],
.employee-package-weight-inputs input[type='number'],
.open-orders-package-fields-row input[type='number'],
.open-orders-quantity-move-modal-v256 input[type='number'] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.employee-package-box-inputs input[type='number']::-webkit-inner-spin-button,
.employee-package-box-inputs input[type='number']::-webkit-outer-spin-button,
.employee-package-weight-inputs input[type='number']::-webkit-inner-spin-button,
.employee-package-weight-inputs input[type='number']::-webkit-outer-spin-button,
.open-orders-package-fields-row input[type='number']::-webkit-inner-spin-button,
.open-orders-package-fields-row input[type='number']::-webkit-outer-spin-button,
.open-orders-quantity-move-modal-v256 input[type='number']::-webkit-inner-spin-button,
.open-orders-quantity-move-modal-v256 input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* V260 authoritative package snapshot, rate picker, and label-test controls */
.employee-package-compact-details-v260 {
  grid-template-columns: minmax(250px, 1.05fr) minmax(205px, .82fr) minmax(250px, 1fr) !important;
  gap: 7px !important;
  padding: 7px !important;
  align-items: stretch !important;
}

.employee-package-compact-details-v260 .employee-package-compact-group,
.employee-package-compact-details-v260 .employee-package-compact-shipping {
  min-height: 48px !important;
  padding: 6px 8px !important;
}

.employee-package-compact-details-v260 .employee-package-compact-group {
  gap: 6px !important;
}

.employee-package-rate-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  width: 100%;
}

.employee-package-rate-select {
  min-width: 0;
  width: 100%;
  min-height: 34px;
  padding: 5px 30px 5px 8px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 9px;
  background: #07172d;
  color: #f8fafc;
  font: inherit;
  font-weight: 800;
  text-overflow: ellipsis;
}

.employee-purchase-label-button {
  flex: 0 0 auto;
  min-height: 34px !important;
  padding: 6px 10px !important;
  white-space: nowrap;
}

.open-orders-label-purchase-modal {
  width: min(500px, 94vw) !important;
}

.open-orders-label-purchase-summary {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, .25);
  border-radius: 12px;
  background: rgba(15, 35, 61, .72);
}

.open-orders-label-purchase-summary strong {
  font-size: 1.08rem;
}

.employee-package-box-inputs input[type='number'],
.employee-package-weight-inputs input[type='number'],
.open-orders-quantity-move-modal-v256 input[type='number'] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.employee-package-box-inputs input[type='number']::-webkit-inner-spin-button,
.employee-package-box-inputs input[type='number']::-webkit-outer-spin-button,
.employee-package-weight-inputs input[type='number']::-webkit-inner-spin-button,
.employee-package-weight-inputs input[type='number']::-webkit-outer-spin-button,
.open-orders-quantity-move-modal-v256 input[type='number']::-webkit-inner-spin-button,
.open-orders-quantity-move-modal-v256 input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .employee-package-compact-details-v260 {
    grid-template-columns: 1fr 1fr !important;
  }

  .employee-package-compact-details-v260 .employee-package-compact-shipping {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .employee-package-compact-details-v260 {
    grid-template-columns: 1fr !important;
  }

  .employee-package-compact-details-v260 .employee-package-compact-shipping {
    grid-column: auto;
  }

  .employee-package-rate-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .employee-purchase-label-button {
    width: 100%;
  }
}


/* V261 — delivery dates, compact fulfillment strip, and test-only label readiness */
.employee-package-compact-details-v261 {
  grid-template-columns: minmax(250px, .9fr) minmax(210px, .7fr) minmax(320px, 1.15fr);
  gap: 8px;
  align-items: stretch;
}
.employee-package-compact-details-v261 .employee-package-compact-group,
.employee-package-compact-details-v261 .employee-package-compact-shipping {
  min-width: 0;
}
.employee-package-compact-details-v261 .employee-package-rate-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
}
.employee-package-compact-details-v261 .employee-package-rate-select {
  width: 100%;
  min-width: 0;
  text-overflow: ellipsis;
}
.open-orders-label-readiness-modal .open-orders-label-purchase-summary {
  gap: 8px;
}
.open-orders-label-readiness-modal .open-orders-label-purchase-summary span:last-child {
  color: var(--muted, #aebbd0);
  line-height: 1.45;
}
@media (max-width: 980px) {
  .employee-package-compact-details-v261 {
    grid-template-columns: 1fr;
  }
}

/* V264 — Metafield Audit final status polish */
.listing-generator-audit-compact-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 10px;
  margin: 12px 0 14px;
  padding: 11px 13px;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 12px;
  background: rgba(7, 23, 45, .66);
  color: #dce8f7;
}

.listing-generator-audit-compact-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.listing-generator-audit-meta-primary {
  padding-right: 10px;
  border-right: 1px solid rgba(148, 163, 184, .24);
}

.listing-generator-audit-meta-primary strong {
  color: #f8fafc;
}

.listing-generator-audit-meta-primary b,
.listing-generator-audit-meta-stat strong {
  color: #f8fafc;
  font-weight: 900;
}

.listing-generator-audit-meta-stat {
  padding: 5px 9px;
  border: 1px solid rgba(100, 211, 155, .2);
  border-radius: 999px;
  background: rgba(100, 211, 155, .08);
  white-space: nowrap;
}

.listing-generator-audit-compact-meta > small {
  flex: 1 1 100%;
  display: block;
  color: #9fb0c7;
  line-height: 1.35;
}

.listing-generator-audit-inline-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 10px 0;
  padding: 10px 13px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 11px;
  background: rgba(9, 28, 51, .82);
  color: #dce8f7;
}

.listing-generator-audit-inline-status > strong {
  color: #f8fafc;
  line-height: 1.35;
}

.listing-generator-audit-inline-status > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #aebed2;
  white-space: nowrap;
}

.listing-generator-audit-inline-status > span b {
  color: #72dfab;
  font-weight: 900;
}

.listing-generator-audit-inline-status.is-error {
  border-color: rgba(248, 113, 113, .32);
  background: rgba(92, 25, 36, .28);
}

@media (max-width: 700px) {
  .listing-generator-audit-compact-meta {
    align-items: stretch;
  }

  .listing-generator-audit-meta-primary {
    flex: 1 1 100%;
    justify-content: space-between;
    padding-right: 0;
    padding-bottom: 8px;
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .2);
  }

  .listing-generator-audit-meta-stat {
    flex: 1 1 auto;
    justify-content: center;
  }

  .listing-generator-audit-inline-status {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* V267 — isolated Open Orders final-update rules (append-only; full root stylesheet preserved) */
.employee-package-compact-details-v267 {
  grid-template-columns: minmax(245px, .95fr) minmax(205px, .72fr) minmax(285px, 1fr) minmax(210px, .78fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.employee-package-compact-details-v267 > div {
  min-width: 0;
  min-height: 52px;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 10px;
  background: rgba(7, 23, 45, .82);
}

.employee-package-compact-purchase-v267 {
  display: grid;
  align-content: center;
  gap: 5px;
  border-color: rgba(96, 165, 250, .4) !important;
  background: linear-gradient(145deg, rgba(18, 56, 96, .94), rgba(7, 23, 45, .92)) !important;
}

.employee-package-compact-purchase-v267 > span,
.employee-package-compact-details-v267 .employee-package-compact-shipping > span {
  color: #b8c7dc;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.employee-purchase-label-button-v267 {
  width: 100%;
  min-height: 38px !important;
  white-space: normal;
  line-height: 1.15;
}

.open-orders-rate-loading-v267 { color: #bfdbfe; }

.open-orders-employee-rate-readonly-v267 {
  display: block;
  width: 100%;
  color: #f8fafc;
  line-height: 1.3;
}

.open-orders-label-readonly-v267 {
  color: #cbd5e1;
  font-size: .86rem;
}

.employee-open-order-section-count-v267 {
  border-color: rgba(96, 165, 250, .4) !important;
  background: rgba(30, 64, 175, .24) !important;
  color: #dbeafe !important;
}

.employee-section-tabs-v267 .is-completed-v267 {
  border-color: rgba(248, 113, 113, .72) !important;
  background: rgba(127, 29, 29, .72) !important;
  color: #fee2e2 !important;
}

.employee-section-tabs-v267 .is-completed-v267.active {
  border-color: #fca5a5 !important;
  background: #991b1b !important;
  box-shadow: 0 0 0 2px rgba(248, 113, 113, .22) !important;
}

.employee-section-readonly-v267 {
  border-color: rgba(248, 113, 113, .48) !important;
  background: linear-gradient(180deg, rgba(69, 10, 10, .18), rgba(7, 23, 45, .94)) !important;
}

.employee-section-readonly-v267 .employee-package-item-card button,
.employee-section-readonly-v267 .employee-package-item-card details,
.employee-section-readonly-v267 .employee-package-move-overlay,
.employee-section-readonly-v267 .employee-package-delete-overlay-v258 {
  display: none !important;
  pointer-events: none !important;
}

.employee-section-completed-notice-v267 {
  margin: 2px 0 10px;
  padding: 9px 11px;
  border: 1px solid rgba(248, 113, 113, .48);
  border-radius: 10px;
  background: rgba(127, 29, 29, .32);
  color: #fee2e2;
  font-weight: 900;
}

.open-orders-note-panel-v2.is-internal,
.open-orders-note-panel-v2.is-customer,
.employee-open-orders-note-banners > .is-internal,
.employee-open-orders-note-banners > .is-customer {
  border-color: rgba(248, 113, 113, .62) !important;
  background: linear-gradient(145deg, rgba(127, 29, 29, .34), rgba(69, 10, 10, .2)) !important;
  box-shadow: inset 4px 0 0 #ef4444 !important;
}

.open-orders-note-panel-v2.is-internal strong,
.open-orders-note-panel-v2.is-customer strong,
.employee-open-orders-note-banners > .is-internal strong,
.employee-open-orders-note-banners > .is-customer strong {
  color: #fecaca !important;
}

.employee-open-orders-modal-backdrop,
.open-orders-modal-backdrop { overscroll-behavior: contain; }

.employee-open-orders-modal-v255,
.open-orders-detail-modal-v255 {
  overflow-anchor: none;
  overscroll-behavior: contain;
}

@media (max-width: 1180px) {
  .employee-package-compact-details-v267 { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 650px) {
  .employee-package-compact-details-v267 { grid-template-columns: 1fr !important; }
}

/* V268 — isolated Open Orders rate, note, and stable-modal refinements */
.employee-package-compact-purchase-v267 > span {
  display: none !important;
}

.employee-package-compact-purchase-v267 {
  align-content: center !important;
}

.employee-purchase-label-button-v267 {
  min-height: 42px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.employee-purchase-label-button-v267.is-ready-v268 {
  border-color: rgba(110, 231, 183, .7) !important;
  box-shadow: inset 0 0 0 1px rgba(110, 231, 183, .18) !important;
}

.employee-purchase-label-button-v267.is-error-v268 {
  border-color: rgba(251, 113, 133, .58) !important;
}

.employee-open-orders-stable-placeholder-v268 {
  min-height: 220px;
}

.employee-open-orders-modal-v268 .open-orders-transient-message,
.employee-open-orders-modal-v268 .open-orders-loading {
  display: none !important;
}

.employee-open-orders-modal-v268 .employee-open-orders-note-banners > .is-internal {
  border: 1px solid rgba(248, 113, 113, .55) !important;
  border-left: 4px solid #ef4444 !important;
  background: linear-gradient(135deg, rgba(127, 29, 29, .3), rgba(69, 10, 10, .14)) !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, .18) !important;
}

.employee-open-orders-modal-v268 .employee-open-orders-note-banners > .is-customer {
  border: 1px solid rgba(251, 113, 133, .5) !important;
  border-left: 4px solid #fb7185 !important;
  background: linear-gradient(135deg, rgba(136, 19, 55, .28), rgba(76, 5, 25, .12)) !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, .18) !important;
}

.employee-open-orders-modal-v268 .employee-open-orders-note-banners > .is-internal strong,
.employee-open-orders-modal-v268 .employee-open-orders-note-banners > .is-customer strong {
  color: #ffe4e6 !important;
  letter-spacing: .025em;
}

.employee-open-orders-modal-v268 .employee-open-orders-note-banners p {
  margin-top: 5px !important;
  color: #f8fafc !important;
  line-height: 1.45 !important;
}

.open-orders-detail-modal-v255 .open-orders-note-panel-v2.is-internal,
.open-orders-detail-modal-v255 .open-orders-note-panel-v2.is-customer {
  border-color: rgba(96, 165, 250, .28) !important;
  background: rgba(7, 23, 45, .78) !important;
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, .48) !important;
}

.open-orders-detail-modal-v255 .open-orders-note-panel-v2.is-internal strong,
.open-orders-detail-modal-v255 .open-orders-note-panel-v2.is-customer strong {
  color: #e2e8f0 !important;
}


/* V271 — visible Open Orders loading state; isolated from every other page */
.employee-open-orders-loading-panel-v271 {
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  padding: 34px;
  text-align: center;
  border-top: 1px solid rgba(148, 163, 184, .16);
  background: linear-gradient(180deg, rgba(15, 35, 64, .22), rgba(3, 15, 34, .08));
}
.employee-open-orders-loading-panel-v271 > div:nth-child(2) { display: grid; gap: 6px; }
.employee-open-orders-loading-panel-v271 strong { font-size: 1rem; color: #f8fafc; }
.employee-open-orders-loading-panel-v271 span { color: #a9bdd5; font-size: .84rem; line-height: 1.45; }
.employee-open-orders-loading-spinner-v271 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 4px solid rgba(148, 163, 184, .22);
  border-top-color: #6ee7b7;
  animation: open-orders-v271-spin .8s linear infinite;
}
.employee-open-orders-loading-skeleton-v271 { width: min(520px, 90%); display: grid; gap: 9px; }
.employee-open-orders-loading-skeleton-v271 i {
  display: block;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148,163,184,.08), rgba(148,163,184,.2), rgba(148,163,184,.08));
  background-size: 220% 100%;
  animation: open-orders-v271-shimmer 1.2s ease-in-out infinite;
}
.employee-open-orders-loading-skeleton-v271 i:nth-child(2) { width: 82%; justify-self: center; }
.employee-open-orders-loading-skeleton-v271 i:nth-child(3) { width: 64%; justify-self: center; }
@keyframes open-orders-v271-spin { to { transform: rotate(360deg); } }
@keyframes open-orders-v271-shimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) {
  .employee-open-orders-loading-spinner-v271,
  .employee-open-orders-loading-skeleton-v271 i { animation: none; }
}
@media (max-width: 650px) {
  .employee-open-orders-loading-panel-v271 { min-height: 220px; padding: 26px 18px; }
}


/* V272 Open Orders full debug and read-only diagnostic controls */
.open-orders-v272-debug-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0;
  padding: 14px 16px;
  border: 1px solid rgba(88, 211, 163, 0.35);
  border-radius: 14px;
  background: rgba(35, 72, 94, 0.42);
}
.open-orders-v272-debug-bar > div { display: grid; gap: 4px; min-width: 0; }
.open-orders-v272-debug-bar strong { color: #67efb6; }
.open-orders-v272-debug-bar span { color: var(--muted, #a8b7ca); font-size: 0.83rem; line-height: 1.35; }
.open-orders-v272-debug-bar button { flex: 0 0 auto; }
.open-orders-v272-modal-debug { margin-right: 8px; }
@media (max-width: 720px) {
  .open-orders-v272-debug-bar { align-items: stretch; flex-direction: column; }
  .open-orders-v272-debug-bar button { width: 100%; }
}

/* V273 — real indeterminate progress plus bounded load failure state */
.open-orders-loading-progress-v273 {
  width: min(520px, 90%);
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .12);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .08);
}
.open-orders-loading-progress-v273 i {
  display: block;
  width: 34%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(110,231,183,.35), rgba(110,231,183,.95), rgba(96,165,250,.75));
  animation: open-orders-v273-progress 1.05s ease-in-out infinite;
}
.employee-open-orders-loading-error-v273 {
  min-height: 230px;
}
.employee-open-orders-loading-error-v273 > div:first-child {
  display: grid;
  gap: 8px;
  max-width: 620px;
}
@keyframes open-orders-v273-progress {
  0% { transform: translateX(-115%); }
  100% { transform: translateX(310%); }
}
@media (prefers-reduced-motion: reduce) {
  .open-orders-loading-progress-v273 i { animation-duration: 2.4s; }
}

/* ===== V276 shipped allocation visibility ===== */
.employee-package-item-card.is-shipped-v276 {
  border-color: rgba(248, 113, 113, .72) !important;
  background: linear-gradient(180deg, rgba(69, 10, 10, .34), rgba(7, 23, 45, .96)) !important;
  cursor: default !important;
}

.employee-package-item-card.is-shipped-v276 .employee-package-item-image {
  position: relative;
  overflow: hidden;
}

.employee-package-item-card.is-shipped-v276 .employee-package-item-image > img {
  filter: saturate(.45) brightness(.62);
}

.employee-package-shipped-overlay-v276 {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(145deg, rgba(127, 29, 29, .72), rgba(69, 10, 10, .84));
  color: #fff;
  pointer-events: none;
}

.employee-package-shipped-overlay-v276 strong {
  font-size: clamp(1rem, 2vw, 1.45rem);
  letter-spacing: .055em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}

.employee-package-shipped-overlay-v276 span {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  color: #fecaca;
}

.open-orders-shipped-rate-v276 {
  color: #fecaca;
  font-weight: 900;
}


/* V286: slightly compact desktop Open Orders modals to eliminate the post-shipment edge scrollbar. */
@media (min-width: 761px) {
  .open-orders-detail-modal-v255,
  .employee-open-orders-modal-v255 {
    zoom: 0.97;
  }
}


/* V287 — aligned packing-slip tests and duplicate shipment warnings */
.label-printing-template-nav-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:8px;align-items:stretch}
.label-printing-template-nav-row .label-printing-template-select{min-width:0;width:100%}
.label-printing-template-nav-row .label-printing-template-test{width:70px;min-height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.05;padding:8px 6px}
.label-printing-template-nav-row .label-printing-template-test small{font-size:10px;opacity:.78}
.label-printing-template-test-spacer{width:70px}
.label-printing-v287-warning-row td{padding:10px!important;background:transparent!important}
.label-printing-v287-warning{border:1px solid rgba(255,197,86,.58);background:rgba(255,197,86,.09);border-radius:14px;padding:14px;display:grid;gap:8px}
.label-printing-v287-warning.critical{border-color:rgba(255,104,104,.68);background:rgba(255,104,104,.1)}
.label-printing-v287-warning>div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.label-printing-v287-warning>div span{color:var(--muted,#9fb4cb);font-size:12px;white-space:nowrap}
.label-printing-v287-warning p{margin:0;line-height:1.45}
.label-printing-v287-warning dl{display:grid;gap:5px;margin:0}
.label-printing-v287-warning dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
.label-printing-v287-warning dt{color:var(--muted,#9fb4cb);font-size:12px}
.label-printing-v287-warning dd{margin:0;overflow-wrap:anywhere;font-size:12px}
.label-printing-v287-job-warning{color:#ffd36a!important;font-weight:800}
@media(max-width:760px){.label-printing-template-nav-row{grid-template-columns:minmax(0,1fr) 64px}.label-printing-template-nav-row .label-printing-template-test{width:64px}.label-printing-v287-warning>div{display:grid}.label-printing-v287-warning dl div{grid-template-columns:1fr;gap:2px}}

.label-printing-v287-audit-row td{padding:10px!important;background:transparent!important}
.label-printing-v287-audit{border:1px solid var(--line,#24415f);border-radius:14px;background:rgba(7,26,49,.62);overflow:hidden}
.label-printing-v287-audit>summary{padding:13px 14px;display:flex;justify-content:space-between;gap:12px;cursor:pointer}
.label-printing-v287-audit>summary span{color:var(--muted,#9fb4cb);font-size:12px}
.label-printing-v287-audit>.table-scroll{border-top:1px solid var(--line,#24415f)}
.label-printing-v287-audit code{font-size:11px;overflow-wrap:anywhere}

/* V289 label printing setup + template samples */
.label-printing-template-actions{display:grid;grid-template-rows:1fr 1fr;gap:6px;min-width:0}.label-printing-template-actions .label-printing-template-test{width:78px!important;min-height:0!important}.label-printing-signing-form input[type=file]{width:100%;padding:8px;border:1px dashed var(--line,#35506d);border-radius:10px;background:rgba(255,255,255,.02);color:inherit}.label-printing-signing-form small{color:var(--muted,#9fb1c5);line-height:1.35}@media(max-width:760px){.label-printing-template-nav-row{grid-template-columns:minmax(0,1fr) 70px}.label-printing-template-actions .label-printing-template-test{width:70px!important}}

/* V291 — compact employee Open Orders modal. Desktop only; mobile sizing remains unchanged. */
@media (min-width: 761px) {
  .employee-open-orders-modal-v255 {
    zoom: 0.90 !important;
  }
}

/* V292 — native compact Employee Open Orders desktop layout. Avoid CSS zoom on the scroll container: Chrome/Windows can repaint a zoomed sticky scroll surface as a close/reopen flicker. */
@media (min-width: 761px) {
  .employee-open-orders-modal-v255 {
    zoom: 1 !important;
    width: min(1180px, calc(100vw - 12px)) !important;
    max-height: calc(100dvh - 12px) !important;
    padding: 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
    overscroll-behavior: contain !important;
  }

  .employee-open-orders-modal-v255 .employee-open-orders-modal-head {
    top: -14px !important;
    margin: -14px -14px 10px !important;
    padding: 12px 14px !important;
    backdrop-filter: none !important;
    background: #09182f !important;
  }

  .employee-open-orders-modal-v255 .employee-open-orders-modal-head h3 {
    font-size: 1.22rem !important;
  }

  .employee-open-orders-modal-v255 .employee-open-orders-note-banners {
    width: min(720px, 100%) !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  .employee-open-orders-modal-v255 .employee-open-orders-note-banners > div {
    gap: 4px !important;
    padding: 9px 11px !important;
    border-radius: 12px !important;
  }

  .employee-open-orders-modal-v255 .employee-open-orders-note-banners p {
    line-height: 1.35 !important;
    font-size: .9rem !important;
  }

  .employee-open-orders-modal-v255 .employee-package-workspace-v255 {
    gap: 8px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-switcher-v255 {
    gap: 7px !important;
    padding: 6px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-tabs-v255 {
    gap: 6px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-tabs-v255 button,
  .employee-open-orders-modal-v255 .employee-add-package-v255 {
    min-height: 36px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: .88rem !important;
  }

  .employee-open-orders-modal-v255 .employee-package-box-v255 {
    padding: 8px !important;
    gap: 8px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-items-grid-v254,
  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
    grid-template-columns: repeat(2, minmax(0, 378px)) !important;
    gap: 10px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
    grid-template-columns: minmax(0, 378px) !important;
  }

  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-item-card {
    max-width: 378px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-item-copy {
    padding: 7px 9px 8px !important;
    gap: 4px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-item-copy h4 {
    font-size: .9rem !important;
    line-height: 1.18 !important;
  }

  .employee-open-orders-modal-v255 .employee-package-item-copy > strong {
    padding: 3px 7px !important;
    font-size: .72rem !important;
  }

  .employee-open-orders-modal-v255 .employee-package-compact-details-v267 {
    gap: 6px !important;
    padding: 5px !important;
  }

  .employee-open-orders-modal-v255 .employee-package-compact-details-v267 > div {
    min-height: 47px !important;
    padding: 5px 7px !important;
  }

  .employee-open-orders-modal-v255 .employee-purchase-label-button-v267 {
    min-height: 35px !important;
  }
}

@media (min-width: 761px) {
  .employee-open-orders-modal-backdrop {
    padding: 6px !important;
    overflow: hidden !important;
  }
  .employee-open-orders-modal-v255 {
    width: min(1062px, calc(100vw - 12px)) !important;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-items-grid-v254,
  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-items-grid-v254.one-item {
    grid-template-columns: minmax(0, 340px) !important;
  }
  .employee-open-orders-modal-v255 .employee-package-workspace-v258 .employee-package-item-card {
    max-width: 340px !important;
  }
}

/* V293 explicit Admin note saves */
.open-orders-note-save-row-v293{display:flex;justify-content:flex-end;margin-top:6px}
.open-orders-note-save-v293{min-height:28px!important;padding:5px 10px!important;font-size:.74rem!important;border-radius:8px!important}

/* V298 employee Print Station status + manual slip control */
.employee-open-orders-header{gap:12px;flex-wrap:wrap}
.employee-print-station-v298{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(7,26,49,.72);font-size:12px;white-space:nowrap;margin-left:auto}
.employee-print-station-v298 strong{font-size:12px;color:#dbe8f6;font-weight:800}
.employee-print-station-dot-v298{width:9px;height:9px;border-radius:50%;background:#ff7878;box-shadow:0 0 0 4px rgba(255,120,120,.12);flex:0 0 auto}
.employee-print-station-v298.is-online{border-color:rgba(99,211,160,.28);background:rgba(25,70,57,.38)}
.employee-print-station-v298.is-online .employee-print-station-dot-v298{background:#63d3a0;box-shadow:0 0 0 4px rgba(99,211,160,.12)}
.employee-print-station-v298.is-checking .employee-print-station-dot-v298{background:#ffd36a;box-shadow:0 0 0 4px rgba(255,211,106,.12)}
.employee-print-station-v298 button{border:1px solid rgba(99,211,160,.35);border-radius:8px;background:#123f34;color:#a5f3ce;font-weight:900;font-size:11px;padding:6px 9px;cursor:pointer}
.employee-print-station-v298 button:disabled{opacity:.6;cursor:wait}
.employee-print-slip-v298{white-space:nowrap}
@media(max-width:760px){.employee-print-station-v298{order:3;width:100%;justify-content:center;margin-left:0}.employee-print-slip-v298{font-size:12px;padding:8px 10px}}


/* V299 — optimization: make the next shipping action unmistakable without moving the layout. */
@keyframes openOrdersActionGlowV299 {
  0%,100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, .18), 0 0 0 1px rgba(52, 211, 153, .18) inset; transform: translateZ(0) scale(1); }
  50% { box-shadow: 0 0 0 5px rgba(52, 211, 153, .10), 0 0 20px rgba(52, 211, 153, .34), 0 0 0 1px rgba(110, 231, 183, .34) inset; transform: translateZ(0) scale(1.018); }
}
.employee-purchase-label-button-v267.is-ready-v268:not(:disabled) {
  animation: openOrdersActionGlowV299 1.45s ease-in-out infinite;
  will-change: transform, box-shadow;
}
.open-orders-rate-action-v279:not(:disabled) {
  animation: openOrdersActionGlowV299 1.25s ease-in-out infinite;
  will-change: transform, box-shadow;
}
.employee-package-compact-shipping:has(.open-orders-rate-action-v279:not(:disabled)) > span {
  display: none !important;
}
.employee-package-compact-shipping:has(.open-orders-rate-action-v279:not(:disabled)) {
  display: grid !important;
  align-content: center !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.employee-package-compact-shipping:has(.open-orders-rate-action-v279:not(:disabled)) .employee-package-rate-actions {
  width: 100%;
  align-self: center;
}
@media (prefers-reduced-motion: reduce) {
  .employee-purchase-label-button-v267.is-ready-v268:not(:disabled),
  .open-orders-rate-action-v279:not(:disabled) { animation: none !important; }
}

/* V300 — missing package prompt keeps Shipping cell compact even before dimensions/weight are valid. */
.employee-package-compact-shipping:has(.open-orders-rate-action-v279) > span{display:none!important}
.employee-package-compact-shipping:has(.open-orders-rate-action-v279){display:grid!important;align-content:center!important;padding-top:5px!important;padding-bottom:5px!important}
.employee-package-compact-shipping:has(.open-orders-rate-action-v279) .employee-package-rate-actions{width:100%;align-self:center}
.open-orders-rate-action-v279:disabled strong{color:#9fb9b0}
.open-orders-rate-action-v279:disabled small{color:#8398a7}

/* V301 — Admin Open Orders uses the Employee card language without Mexico workflow chrome. */
.open-orders-command-panel-v301 {
  gap: 10px;
}

.open-orders-command-panel-v301 .open-orders-filter-field select:disabled {
  opacity: 1;
  cursor: default;
}

.open-orders-actionbar-v301 {
  min-height: 42px;
}

.open-orders-admin-grid-v301 {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.open-orders-admin-employee-card-v301 {
  user-select: none;
  -webkit-user-select: none;
}

.open-orders-admin-employee-card-v301.selected {
  border-color: rgba(94, 234, 212, .72) !important;
  box-shadow: 0 0 0 2px rgba(45, 212, 191, .22), 0 12px 28px rgba(0, 0, 0, .18) !important;
  background: linear-gradient(180deg, rgba(10, 45, 55, .98), rgba(5, 27, 38, .96)) !important;
}

.open-orders-admin-ship-date-v301 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 24px;
}

.open-orders-admin-ship-date-v301 span {
  color: var(--muted);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.open-orders-admin-ship-date-v301 strong {
  color: #f8fafc;
  font-size: .78rem;
  font-weight: 950;
  white-space: nowrap;
}

.open-orders-admin-employee-card-v301.has-note .open-orders-admin-ship-date-v301 {
  padding-left: 76px !important;
}

@media (max-width: 720px) {
  .open-orders-admin-grid-v301 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .open-orders-admin-ship-date-v301 {
    display: grid;
    justify-content: start;
  }
}

/* V301 final — one-time employee slips, last-label reprint, and compact all-orders Admin workflow. */
.employee-reprint-label-v301{white-space:nowrap;min-height:38px;padding:8px 12px;font-size:12px;font-weight:900}
.employee-manual-slip-v301{position:relative;z-index:12}
.employee-manual-slip-v301>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#173a5c;color:#f4f8fd;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.employee-manual-slip-v301>summary::-webkit-details-marker{display:none}
.employee-manual-slip-v301[open]>summary{border-color:rgba(99,211,160,.46);background:#16483a;color:#dffbee}
.employee-manual-slip-menu-v301{position:absolute;right:0;top:calc(100% + 7px);z-index:250010;display:grid;gap:5px;min-width:230px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:#071a31;box-shadow:0 16px 38px rgba(0,0,0,.42)}
.employee-manual-slip-menu-v301 button{width:100%;min-height:34px;padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#0f2b49;color:#f5f9ff;text-align:left;font-size:12px;font-weight:800;cursor:pointer}
.employee-manual-slip-menu-v301 button:hover{border-color:rgba(99,211,160,.46);background:#153d37;color:#dffbee}
.employee-manual-slip-menu-v301 button:disabled{opacity:.62;cursor:wait}
.employee-manual-slip-empty-v301{padding:9px 10px;color:var(--muted,#9fb4cb);font-size:12px}
.open-orders-admin-grid-v301 .employee-open-order-card{cursor:pointer}
.open-orders-admin-grid-v301 .employee-open-order-card.selected::after{content:'Selected';position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:#2dd4bf;color:#052a2c;font-size:10px;font-weight:950;letter-spacing:.02em}
@media(max-width:760px){.employee-reprint-label-v301{order:2}.employee-manual-slip-menu-v301{right:auto;left:0;min-width:min(250px,80vw)}}
/* V301 final — explicit Admin rate save and stable employee utility controls. */
.open-orders-admin-rate-save-v301{display:flex;align-items:center;gap:8px;width:100%}
.open-orders-admin-rate-save-v301 .employee-package-rate-select{min-width:0;flex:1}
.open-orders-save-rate-v301{white-space:nowrap;min-width:78px}
.open-orders-save-rate-v301.is-dirty:not(:disabled){border-color:rgba(94,234,212,.58);background:rgba(20,83,73,.82);color:#dffbee;box-shadow:0 0 0 2px rgba(45,212,191,.10)}
.employee-open-orders-header{gap:10px}
.employee-open-orders-header>.employee-reprint-label-v301,.employee-open-orders-header>.employee-print-station-v298,.employee-open-orders-header>button.secondary{flex:0 0 auto}
@media(max-width:760px){.open-orders-admin-rate-save-v301{align-items:stretch;flex-direction:column}.open-orders-save-rate-v301{width:100%}.employee-open-orders-header>.employee-reprint-label-v301{order:initial}}

/* V302 — final Open Orders workflow: manual last-print preview, clear next action, stable utility layout. */
@keyframes openOrdersPurchaseGlowV302 {
  0%,100% { box-shadow: 0 0 0 1px rgba(110,231,183,.30) inset, 0 0 0 0 rgba(52,211,153,0); transform: scale(1); filter:none; }
  50% { box-shadow: 0 0 0 2px rgba(167,243,208,.62) inset, 0 0 0 5px rgba(52,211,153,.13), 0 0 24px rgba(52,211,153,.55); transform: scale(1.018); filter:none; }
}
.employee-purchase-label-button-v267.is-action-ready-v302:not(:disabled) {
  animation: openOrdersPurchaseGlowV302 1.05s ease-in-out infinite !important;
  border-color: rgba(167,243,208,.70) !important;
  cursor: pointer !important;
}
.employee-purchase-label-button-v267.is-action-disabled-v302:disabled {
  animation: none !important;
  opacity: .38 !important;
  filter: saturate(.35) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
@media (prefers-reduced-motion: reduce) {
  .employee-purchase-label-button-v267.is-action-ready-v302:not(:disabled) { animation:none !important; box-shadow:0 0 0 2px rgba(110,231,183,.45) inset,0 0 14px rgba(52,211,153,.28) !important; }
}

.employee-open-orders-tools-left-v302,
.employee-open-orders-tools-right-v302 {
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.employee-open-orders-tools-right-v302 { margin-left:auto; }
.open-orders-last-print-v302,
.employee-open-orders-tool-button-v302 {
  min-width:154px !important;
  min-height:40px !important;
  height:40px !important;
  padding:8px 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap;
  font-size:12px !important;
  font-weight:900 !important;
}

.open-orders-v302-preview-backdrop {
  position:fixed;
  inset:0;
  z-index:260000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(1,9,22,.88);
  /* Intentionally no backdrop-filter: keep the workstation GPU-safe. */
}
.open-orders-v302-preview-modal {
  width:min(1180px,calc(100vw - 28px));
  max-height:calc(100dvh - 28px);
  overflow:auto;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  background:#071a31;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  color:#f8fafc;
  padding:16px;
}
.open-orders-v302-preview-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(148,163,184,.15);
}
.open-orders-v302-preview-head span {
  display:block;
  color:#8ba7c4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.open-orders-v302-preview-head h3 { margin:3px 0 0; font-size:1.28rem; }
.open-orders-v302-product-row {
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0;
  padding:10px;
  border:1px solid rgba(99,211,160,.22);
  border-radius:12px;
  background:rgba(16,55,73,.55);
}
.open-orders-v302-product-row img,
.open-orders-v302-product-placeholder {
  width:66px;
  height:66px;
  flex:0 0 66px;
  object-fit:cover;
  border-radius:9px;
  background:#102a42;
}
.open-orders-v302-product-placeholder { display:grid; place-items:center; color:#8ba7c4; font-weight:900; }
.open-orders-v302-product-row>div:last-child { display:grid; gap:3px; min-width:0; }
.open-orders-v302-product-row strong { font-size:.98rem; line-height:1.25; }
.open-orders-v302-product-row span,
.open-orders-v302-product-row small { color:#a9bfd4; font-size:12px; }
.open-orders-v302-preview-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:12px;
}
.open-orders-v302-preview-grid article {
  min-width:0;
  padding:9px;
  border:1px solid rgba(148,163,184,.17);
  border-radius:13px;
  background:#061528;
}
.open-orders-v302-preview-card-head {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.open-orders-v302-preview-grid iframe {
  display:block;
  width:100%;
  min-height:520px;
  border:0;
  border-radius:8px;
  background:white;
}
.open-orders-v302-preview-note,
.open-orders-v302-preview-loading,
.open-orders-v302-no-slip {
  color:#a9bfd4;
  font-size:12px;
  line-height:1.45;
}
.open-orders-v302-preview-note { margin-top:12px; text-align:center; }
.open-orders-v302-preview-loading { padding:26px 6px 12px; }
.open-orders-v302-no-slip { min-height:160px; display:grid; place-content:center; gap:5px; text-align:center; }

@media(max-width:760px) {
  .employee-open-orders-tools-left-v302 { order:2; }
  .employee-open-orders-tools-right-v302 { order:3; margin-left:0; width:100%; flex-wrap:wrap; }
  .open-orders-last-print-v302,.employee-open-orders-tool-button-v302 { min-width:140px !important; }
  .open-orders-v302-preview-backdrop { padding:6px; }
  .open-orders-v302-preview-modal { width:100%; max-height:calc(100dvh - 12px); padding:10px; }
  .open-orders-v302-preview-grid { grid-template-columns:1fr; }
  .open-orders-v302-preview-grid iframe { min-height:480px; }
}

/* V303 — Section movement floats above the order instead of being clipped by item cards. */
.open-orders-v303-move-trigger-wrap {
  z-index: 24 !important;
}
.open-orders-v303-move-trigger {
  width: min(224px, calc(100% - 20px));
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.84) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.98) !important;
  color: #0f172a !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.32) !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  cursor: pointer;
}
.open-orders-v303-move-trigger span { font-size: 1.1rem; line-height: 1; }
.open-orders-v303-move-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(2,8,23,.28);
}
.open-orders-v303-move-popover {
  width: min(300px, calc(100vw - 32px));
  max-height: min(620px, calc(100dvh - 36px));
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.52);
  border-radius: 15px;
  background: #f8fafc;
  box-shadow: 0 24px 70px rgba(0,0,0,.52);
  color: #0f172a;
}
.open-orders-v303-move-head {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px 8px 16px;
  border-bottom: 1px solid #dbe3ec;
}
.open-orders-v303-move-head strong { font-size: 1rem; font-weight: 950; }
.open-orders-v303-move-head button { color: #0f172a !important; }
.open-orders-v303-move-options {
  max-height: calc(min(620px, 100dvh - 36px) - 55px);
  overflow-y: auto;
  display: grid;
  gap: 4px;
  padding: 7px;
}
.open-orders-v303-move-options button {
  width: 100%;
  min-height: 44px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #0f172a !important;
  box-shadow: none !important;
  font-size: .88rem !important;
  font-weight: 900 !important;
  text-align: center;
}
.open-orders-v303-move-options button:hover,
.open-orders-v303-move-options button:focus-visible { background: #e2e8f0 !important; }
.open-orders-v303-move-options button.is-new {
  margin-top: 2px;
  border-top: 1px solid #cbd5e1 !important;
  border-radius: 0 0 9px 9px !important;
  color: #075985 !important;
}
.open-orders-v303-move-options button.is-image {
  border-top: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

/* ===== V304 Box List preview: inspect from home, print only on explicit action ===== */
.open-orders-v304-box-preview-backdrop {
  position:fixed;
  inset:0;
  z-index:260500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(1,9,22,.88);
}
.open-orders-v304-box-preview-modal {
  width:min(720px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  overflow:auto;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  background:#071a31;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  color:#f8fafc;
  padding:15px;
}
.open-orders-v304-box-preview-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(148,163,184,.16);
}
.open-orders-v304-box-preview-head span {
  display:block;
  color:#8ba7c4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.open-orders-v304-box-preview-head h3 { margin:3px 0 2px; font-size:1.3rem; }
.open-orders-v304-box-preview-head small { color:#a9bfd4; font-size:12px; }
.open-orders-v304-box-preview-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.open-orders-v304-box-preview-frame-wrap {
  display:flex;
  justify-content:center;
  padding:14px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:14px;
  background:#061528;
  overflow:auto;
}
.open-orders-v304-box-preview-frame-wrap iframe {
  display:block;
  width:4in;
  height:6in;
  max-width:100%;
  border:0;
  border-radius:7px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.open-orders-v304-box-preview-note {
  margin-top:10px;
  color:#a9bfd4;
  font-size:12px;
  line-height:1.4;
  text-align:center;
}
@media(max-width:760px) {
  .open-orders-v304-box-preview-backdrop { padding:6px; }
  .open-orders-v304-box-preview-modal { width:100%; max-height:calc(100dvh - 12px); padding:10px; }
  .open-orders-v304-box-preview-actions > button { flex:1 1 145px; }
  .open-orders-v304-box-preview-frame-wrap { padding:8px; }
}

/* V305 — compact, reliable Move section trigger; app-native rather than white floating card. */
.employee-package-workspace-v258 .open-orders-v305-move-trigger-wrap {
  background: rgba(2, 8, 23, .48) !important;
  padding: 14px !important;
}
.open-orders-v305-move-trigger {
  width: min(190px, calc(100% - 28px)) !important;
  min-height: 40px !important;
  gap: 12px !important;
  padding: 7px 14px !important;
  border: 1px solid rgba(94, 234, 212, .38) !important;
  border-radius: 10px !important;
  background: rgba(7, 27, 48, .96) !important;
  color: #f8fafc !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.30) !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.open-orders-v305-move-trigger:hover,
.open-orders-v305-move-trigger:focus-visible {
  border-color: rgba(94, 234, 212, .72) !important;
  background: #0d2944 !important;
  transform: translateY(-1px);
}
.open-orders-v305-move-trigger span { font-size: .86rem !important; opacity: .9; }

/* ===== V309 Employee quick shipping cards ===== */
.open-orders-v309-card-footer{min-height:34px!important;padding-top:3px!important}
.open-orders-v309-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0}
.open-orders-v309-card-box{appearance:none;border:0;background:transparent;padding:4px 2px;margin:0;min-width:0;text-align:left;color:inherit;font:inherit;font-size:.72rem;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-bottom:1px dashed rgba(148,163,184,.5);border-radius:0}
.open-orders-v309-card-box:hover,.open-orders-v309-card-box:focus-visible{color:#99f6e4;border-bottom-color:#2dd4bf;outline:none}
.open-orders-v309-card-box.is-empty{color:#fbbf24}
.open-orders-v309-card-purchase{min-height:29px!important;padding:5px 9px!important;border-radius:9px!important;font-size:.66rem!important;font-weight:950!important;white-space:nowrap!important;line-height:1.05!important}
.open-orders-v309-card-editor-backdrop{position:fixed;inset:0;z-index:2147482100;display:grid;place-items:center;padding:18px;background:rgba(2,6,23,.72);backdrop-filter:blur(5px)}
.open-orders-v309-card-editor{width:min(540px,calc(100vw - 28px));display:grid;gap:14px;padding:18px;border:1px solid rgba(94,234,212,.36);border-radius:18px;background:#0b1b32;box-shadow:0 24px 70px rgba(0,0,0,.48);color:#e5eefb;cursor:default}
.open-orders-v309-card-editor>span,.open-orders-v309-card-editor-note{color:#9fb0c9;font-size:.76rem;line-height:1.45}
.open-orders-v309-card-editor-head,.shipping-diagnostics-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.open-orders-v309-card-editor-head>div,.shipping-diagnostics-section-head>div{display:grid;gap:2px}
.open-orders-v309-card-editor-head span,.shipping-diagnostics-section-head>div>span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#7dd3fc}
.open-orders-v309-card-editor-head strong{font-size:1rem}
.open-orders-v309-card-box-fields{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:7px}
.open-orders-v309-card-box-fields>b{padding-bottom:11px;color:#93a4bc}
.open-orders-v309-card-box-fields label,.open-orders-v309-card-weight-fields label{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:end}
.open-orders-v309-card-box-fields label span,.open-orders-v309-card-weight-fields label span{grid-column:1/-1;font-size:.68rem;font-weight:850;color:#a9b8cc}
.open-orders-v309-card-box-fields input,.open-orders-v309-card-weight-fields input{width:100%;min-width:0;padding:9px 8px;border-radius:9px}
.open-orders-v309-card-box-fields small,.open-orders-v309-card-weight-fields small{padding-bottom:9px;color:#9fb0c9;font-size:.68rem}
.open-orders-v309-card-weight-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.open-orders-v309-card-editor-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* ===== V309 Admin Shipping Diagnostics ===== */
.shipping-diagnostics-page{display:grid;gap:14px}
.shipping-diagnostics-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.shipping-diagnostics-hero>div:first-child{max-width:820px}
.shipping-diagnostics-hero>div:first-child>span{font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:#5eead4}
.shipping-diagnostics-hero h2{margin:4px 0 7px}
.shipping-diagnostics-hero p,.shipping-diagnostics-live-panel p{margin:0;color:#b8c6da;line-height:1.55}
.shipping-diagnostics-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shipping-diagnostics-banner{margin:0}
.shipping-diagnostics-message{padding:11px 14px;border:1px solid rgba(45,212,191,.3);border-radius:12px;background:rgba(13,148,136,.12);color:#ccfbf1;font-weight:800}
.shipping-diagnostics-runner{display:grid;gap:13px}
.shipping-diagnostics-section-head h3{margin:0;font-size:1.02rem}
.shipping-diagnostics-section-head>span,.shipping-diagnostics-section-head>strong{font-size:.73rem;color:#9fb0c9}
.shipping-diagnostics-run-fields{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(180px,.9fr) auto;gap:10px;align-items:end}
.shipping-diagnostics-field{display:grid;gap:5px;min-width:0}
.shipping-diagnostics-field>span{font-size:.68rem;font-weight:900;color:#9fb0c9}
.shipping-diagnostics-field input,.shipping-diagnostics-field select{width:100%;min-width:0}
.shipping-diagnostics-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shipping-diagnostics-provider{display:grid;gap:12px;padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(10,25,47,.74)}
.shipping-diagnostics-provider.is-ok{border-color:rgba(45,212,191,.32)}
.shipping-diagnostics-provider.is-error{border-color:rgba(248,113,113,.3)}
.shipping-diagnostics-provider-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.shipping-diagnostics-provider-head>div{display:grid;gap:2px}.shipping-diagnostics-provider-head span{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#8fa3bc;font-weight:900}.shipping-diagnostics-provider-head h3{margin:0}.shipping-diagnostics-provider-head>strong{font-size:1.08rem;color:#99f6e4}
.shipping-diagnostics-metrics{display:flex;gap:8px;flex-wrap:wrap}.shipping-diagnostics-metrics span{padding:4px 8px;border-radius:999px;background:rgba(148,163,184,.1);font-size:.7rem;font-weight:850;color:#c9d6e8}
.shipping-diagnostics-rate-list{display:grid;gap:6px;max-height:290px;overflow:auto}.shipping-diagnostics-rate-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:rgba(2,6,23,.22)}.shipping-diagnostics-rate-list strong{font-size:.76rem}.shipping-diagnostics-rate-list span{font-size:.72rem;color:#a9b8cc;text-align:right}
.shipping-diagnostics-winner{padding:10px 13px;border-radius:11px;background:rgba(59,130,246,.1);border:1px solid rgba(96,165,250,.22);color:#dbeafe;font-size:.78rem;font-weight:800}
.shipping-diagnostics-live-panel{display:grid;gap:13px;border-color:rgba(251,191,36,.38)!important}
.shipping-diagnostics-danger-pill{padding:5px 8px;border-radius:999px;background:rgba(245,158,11,.16);border:1px solid rgba(251,191,36,.38);color:#fde68a!important;font-size:.65rem!important;font-weight:950!important}
.shipping-diagnostics-confirm{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:850;color:#fde68a}.shipping-diagnostics-confirm input{width:18px;height:18px}
.shipping-diagnostics-pending{display:grid;gap:10px;border-color:rgba(248,113,113,.36)!important}.shipping-diagnostics-pending>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:11px;background:rgba(127,29,29,.12);border:1px solid rgba(248,113,113,.18)}.shipping-diagnostics-pending>article>div{display:grid;gap:2px}.shipping-diagnostics-pending span,.shipping-diagnostics-pending small{color:#cbd5e1;font-size:.72rem}.shipping-diagnostics-pending small{color:#fca5a5}
.shipping-diagnostics-events{display:grid;gap:5px;margin-top:12px;max-height:520px;overflow:auto}.shipping-diagnostics-events article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.12)}.shipping-diagnostics-events article>div{display:grid;gap:2px}.shipping-diagnostics-events strong{font-size:.75rem;text-transform:capitalize}.shipping-diagnostics-events span,.shipping-diagnostics-events small{font-size:.66rem;color:#93a4bc}.shipping-diagnostics-events article>div:last-child{text-align:right}.shipping-diagnostics-events b{font-size:.74rem;color:#c7d2fe}
@media(max-width:900px){.shipping-diagnostics-hero{display:grid}.shipping-diagnostics-run-fields,.shipping-diagnostics-provider-grid{grid-template-columns:1fr}.open-orders-v309-card-actions{grid-template-columns:1fr}.open-orders-v309-card-purchase{width:100%}}
@media(max-width:560px){.open-orders-v309-card-box-fields{grid-template-columns:1fr 1fr 1fr}.open-orders-v309-card-box-fields>b{display:none}.open-orders-v309-card-weight-fields{grid-template-columns:1fr 1fr}.open-orders-v309-card-editor-actions{display:grid}.open-orders-v309-card-editor-actions button{width:100%}}

/* V311 Shipping Diagnostics test mode */
.shipping-diagnostics-test-mode{display:grid;gap:12px;border-color:rgba(96,165,250,.28)!important}
.shipping-diagnostics-test-mode.is-enabled{border-color:rgba(251,191,36,.46)!important;box-shadow:0 0 0 1px rgba(251,191,36,.08) inset}
.shipping-diagnostics-test-mode p{margin:0;color:#cbd5e1;font-size:.8rem;line-height:1.5}
.shipping-diagnostics-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shipping-diagnostics-test-grid>div{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(2,6,23,.2)}
.shipping-diagnostics-test-grid strong{font-size:.74rem}.shipping-diagnostics-test-grid span{font-size:.69rem;color:#9fb0c9;line-height:1.4}
.shipping-diagnostics-manual-print{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:rgba(45,212,191,.36)!important}
.shipping-diagnostics-manual-print>div{display:grid;gap:3px}.shipping-diagnostics-manual-print span{font-size:.62rem;letter-spacing:.08em;font-weight:950;color:#5eead4}.shipping-diagnostics-manual-print h3{margin:0}.shipping-diagnostics-manual-print p{margin:0;color:#cbd5e1;font-size:.76rem}
@media(max-width:900px){.shipping-diagnostics-test-grid{grid-template-columns:1fr}.shipping-diagnostics-manual-print{display:grid}.shipping-diagnostics-manual-print button{width:100%}}

/* V314 — compact Admin Test Mode provider selector beside Buy Label */
.open-orders-v314-test-provider-control{display:flex;align-items:stretch;gap:7px;width:100%;min-width:0}
.open-orders-v314-provider-select{min-width:112px;max-width:128px;border:1px solid rgba(148,163,184,.28);border-radius:11px;background:#0b1e36;color:#f8fafc;font:inherit;font-weight:800;padding:0 10px;outline:none}
.open-orders-v314-provider-select:focus{border-color:rgba(94,234,212,.7);box-shadow:0 0 0 2px rgba(45,212,191,.12)}
.open-orders-v314-test-provider-control .employee-purchase-label-button{flex:1;min-width:0}
@media(max-width:700px){.open-orders-v314-provider-select{min-width:102px;max-width:112px;padding:0 7px}}


/* V321 Standalone-first shipped/history admin workspace */
.open-orders-v321-shipped{display:grid;gap:14px}.open-orders-v321-shipped-head,.open-orders-v321-history-top,.open-orders-v321-label-row,.open-orders-v321-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.open-orders-v321-shipped-head h3,.open-orders-v321-history-top h4{margin:0}.open-orders-v321-shipped-head span,.open-orders-v321-history-top span,.open-orders-v321-history-grid span,.open-orders-v321-history-grid small,.open-orders-v321-label-row span{color:var(--muted,#9eb4d1)}.open-orders-v321-history-list{display:grid;gap:10px}.open-orders-v321-history-card{border:1px solid rgba(137,174,219,.2);background:rgba(5,22,45,.55);border-radius:14px;padding:14px;display:grid;gap:12px}.open-orders-v321-history-top>div{display:grid;gap:3px}.open-orders-v321-status,.open-orders-v321-provider-badge{display:inline-flex;align-items:center;border:1px solid rgba(87,177,255,.35);background:rgba(22,95,151,.18);border-radius:999px;padding:6px 10px;font-weight:800}.open-orders-v321-history-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:12px}.open-orders-v321-history-grid>div{display:grid;gap:4px}.open-orders-v321-history-grid small{line-height:1.45}.open-orders-v321-labels{display:grid;gap:8px}.open-orders-v321-label-row{border-top:1px solid rgba(137,174,219,.16);padding-top:10px}.open-orders-v321-label-row>div{display:grid;gap:3px}.open-orders-v321-provider-note,.open-orders-v321-voided{color:var(--muted,#9eb4d1);font-size:.86rem}.open-orders-v321-pagination{justify-content:center;padding-top:4px}.open-orders-v321-search-results{margin-top:12px}.open-orders-v314-test-provider-control .open-orders-v321-provider-badge{border-radius:10px;padding:10px 13px;min-height:42px}.open-orders-v321-void{white-space:nowrap}@media(max-width:800px){.open-orders-v321-history-grid{grid-template-columns:1fr}.open-orders-v321-label-row,.open-orders-v321-shipped-head{align-items:flex-start;flex-direction:column}.open-orders-v321-void{width:100%}}


/* V322 one-click Standalone shipping */
.open-orders-v322-buy-label-wrap{width:100%;display:flex;align-items:stretch;min-width:0}
.open-orders-v322-buy-label{width:100%!important;min-width:0!important;min-height:48px!important;border-radius:12px!important;font-size:.96rem!important;font-weight:950!important;letter-spacing:.01em!important}
.open-orders-v322-buy-label.is-action-ready-v302:not(:disabled),.open-orders-v309-card-purchase:not(:disabled){animation:openOrdersPurchaseGlowV302 1.05s ease-in-out infinite!important;box-shadow:0 0 0 2px rgba(110,231,183,.45) inset,0 0 18px rgba(52,211,153,.34)!important}
.open-orders-v314-test-provider-control .open-orders-v321-provider-badge{display:none!important}
.open-orders-v314-test-provider-control{gap:0!important}
.open-orders-v322-admin-rate{display:grid;gap:5px;min-width:0;width:100%}.open-orders-v322-admin-rate>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#9eb4d1);font-weight:900}.open-orders-v322-admin-rate>small,.open-orders-v322-admin-rate-note{font-size:.69rem;color:var(--muted,#9eb4d1)}.open-orders-v322-admin-rate-note.is-error{color:#f6c177}.open-orders-v322-admin-rate select{width:100%;min-width:0}
@media(prefers-reduced-motion:reduce){.open-orders-v322-buy-label.is-action-ready-v302:not(:disabled),.open-orders-v309-card-purchase:not(:disabled){animation:none!important}}


/* V323 lazy Standalone price + immediate buy feedback */
.open-orders-v323-rate-preview{display:inline-flex;align-items:center;min-height:30px;font-weight:900;color:var(--text,#eef6ff);white-space:nowrap}
.open-orders-v323-rate-preview.is-loading{font-size:.72rem;font-weight:750;color:var(--muted,#9eb4d1);opacity:.9}
.open-orders-v322-buy-label:disabled{filter:saturate(.45) brightness(.82);cursor:wait!important;box-shadow:none!important;animation:none!important}


/* V357 recent-shipped employee breadcrumb + raw PDF fallback */
.open-orders-v357-recent-section{order:999;margin-top:18px}.open-orders-v357-recent-section .employee-open-orders-section-title{opacity:.72}.open-orders-v357-recent-shipped{opacity:.58;filter:grayscale(.45);position:relative}.open-orders-v357-recent-shipped:hover{opacity:.75}.open-orders-v357-shipped-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(66,73,82,.5);color:#fff;text-align:center;pointer-events:none}.open-orders-v357-shipped-overlay strong{font-size:17px;letter-spacing:.08em}.open-orders-v357-shipped-overlay span{font-size:11px;font-weight:800;max-width:92%;overflow-wrap:anywhere}.open-orders-v357-shipped-info-body{display:grid;gap:8px;padding:8px 2px}.open-orders-v357-shipped-info-body strong{font-size:22px}.open-orders-v357-shipped-info-body span,.open-orders-v357-shipped-info-body small{color:var(--muted)}
.open-orders-v357-pdf-fallback{position:fixed;inset:0;z-index:100000;background:#202124;display:grid;grid-template-rows:auto 1fr}.open-orders-v357-pdf-head{display:flex;align-items:center;gap:12px;padding:9px 12px;background:#2f3136;color:#fff;font-size:13px}.open-orders-v357-pdf-head strong{font-size:14px}.open-orders-v357-pdf-head span{opacity:.75;flex:1}.open-orders-v357-pdf-head button{appearance:none;border:1px solid #62666d;background:#3b3f45;color:#fff;border-radius:7px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer}.open-orders-v357-pdf-fallback iframe{width:100%;height:100%;border:0;background:#202124}


/* V358 recent shipped uses the exact normal Open Orders card geometry. */
.open-orders-v357-recent-section{display:none!important}
.open-orders-v358-recent-section{margin-top:12px}
.open-orders-v358-recent-shipped{position:relative;opacity:.66;overflow:hidden}
.open-orders-v358-recent-shipped .employee-open-order-images{position:relative}
.open-orders-v358-shipped-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(90,100,112,.38);pointer-events:none;text-align:center}
.open-orders-v358-shipped-overlay strong{font-size:12px;letter-spacing:.08em;color:#f4f7fb;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.open-orders-v358-shipped-overlay span{font-size:9px;color:#eef3f8;text-shadow:0 1px 3px rgba(0,0,0,.55);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.open-orders-v358-recent-number{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* ===== V359 one-click shipping purchase feedback ===== */
.open-orders-v359-purchase-status{position:fixed;z-index:2147483500;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;width:min(560px,calc(100vw - 28px));padding:16px 18px;border:2px solid rgba(96,165,250,.68);border-radius:16px;background:rgba(7,23,45,.97);box-shadow:0 18px 56px rgba(0,0,0,.48),0 0 0 4px rgba(59,130,246,.12);color:#f8fbff;pointer-events:none}.open-orders-v359-purchase-status[hidden]{display:none!important}.open-orders-v359-purchase-status>div:not(.open-orders-v359-purchase-spinner){display:grid;gap:3px;min-width:0}.open-orders-v359-purchase-status strong{font-size:1rem;font-weight:950}.open-orders-v359-purchase-status span{font-size:.78rem;color:#c5d5e9;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-orders-v359-purchase-spinner{width:24px;height:24px;flex:0 0 24px;border:3px solid rgba(191,219,254,.3);border-top-color:#93c5fd;border-radius:50%;animation:openOrdersV359Spin .75s linear infinite}.open-orders-v359-purchase-status.is-success{border-color:rgba(52,211,153,.78);box-shadow:0 18px 56px rgba(0,0,0,.48),0 0 0 4px rgba(52,211,153,.12)}.open-orders-v359-purchase-status.is-success .open-orders-v359-purchase-spinner{border-color:#6ee7b7;animation:none;position:relative}.open-orders-v359-purchase-status.is-success .open-orders-v359-purchase-spinner:after{content:'✓';position:absolute;inset:-4px;display:grid;place-items:center;color:#062c21;font-size:16px;font-weight:1000}.open-orders-v359-purchase-status.is-waiting{border-color:rgba(251,191,36,.72)}.open-orders-v359-purchase-status.is-waiting .open-orders-v359-purchase-spinner{border-top-color:#fbbf24}.open-orders-v359-purchase-status.is-error{border-color:rgba(248,113,113,.78)}.open-orders-v359-purchase-status.is-error .open-orders-v359-purchase-spinner{border-top-color:#f87171}.open-orders-v309-card-purchase:disabled{cursor:wait!important;opacity:.72!important;animation:none!important;box-shadow:none!important}@keyframes openOrdersV359Spin{to{transform:rotate(360deg)}}@media(max-width:640px){.open-orders-v359-purchase-status{top:8px;padding:13px 14px}.open-orders-v359-purchase-status strong{font-size:.9rem}}

/* V366 Listing Generator dual-store photo lanes: compact, identical controls */
.listing-generator-dual-photo-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.listing-generator-photo-lane{min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.018)}
.listing-generator-photo-lane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}.listing-generator-photo-lane-head strong{font-size:.95rem}.listing-generator-photo-lane-head span{font-size:.72rem;color:var(--muted);font-weight:800}
.listing-generator-photo-lane .listing-generator-image-toolbar{margin-bottom:8px}.listing-generator-photo-lane .listing-generator-image-toolbar small{font-size:.7rem}.listing-generator-market-stage-status{margin-left:auto;color:var(--muted)}
@media(max-width:980px){.listing-generator-dual-photo-lanes{grid-template-columns:1fr}}

/* V383 SAFE: Listing Generator Edit Existing > Both review-only UI additions. */
.listing-generator-description-field{display:block}
.listing-generator-description-editor{min-height:210px;max-height:520px;overflow:auto;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);line-height:1.55;outline:none}
.listing-generator-description-editor:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}
.listing-generator-description-editor p{margin:.55em 0}.listing-generator-description-editor p:first-child{margin-top:0}.listing-generator-description-editor p:last-child{margin-bottom:0}
.listing-generator-description-editor ul,.listing-generator-description-editor ol{margin:.6em 0;padding-left:1.5em}
.listing-generator-description-editor h1,.listing-generator-description-editor h2,.listing-generator-description-editor h3,.listing-generator-description-editor h4{margin:.8em 0 .35em;line-height:1.2}
.listing-generator-photo-add-button{display:inline-flex;align-items:center;cursor:pointer}
.listing-generator-edit-save-targets{margin-top:10px;flex-wrap:wrap}


/* V400 multi-Section shipping clarity */
.open-orders-v400-section-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:9px 11px;border:1px solid rgba(112,165,219,.28);border-radius:10px;background:rgba(8,31,57,.48);font-size:12px}.open-orders-v400-section-context>div{display:flex;flex-direction:column;gap:2px}.open-orders-v400-section-context strong{font-size:13px}.open-orders-v400-section-context span{color:#91aac8}.open-orders-v400-section-context em{font-style:normal;font-weight:800;color:#ffd47c;text-align:right}.open-orders-v400-section-context.needs-box{border-color:rgba(255,196,87,.48);background:rgba(88,59,9,.18)}
@media(max-width:760px){.open-orders-v400-section-context{align-items:flex-start;flex-direction:column}.open-orders-v400-section-context em{text-align:left}}



/* V446 Employee Open Orders card heading polish.
   Keep NOTE in the same reserved top row as title/variant/quantity pills so it can never
   overlap the product image. Display-only; shipping controls and card click behavior unchanged. */
.open-orders-v446-card-heading {
  min-width: 0;
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  align-content: center;
}

.open-orders-v446-card-heading .employee-open-order-title {
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.employee-open-order-card.has-note .open-orders-v446-card-heading .employee-open-order-title {
  padding-left: 0 !important;
}

.open-orders-v446-card-heading .open-orders-card-note-button,
.open-orders-v446-card-heading .open-orders-card-note-button-v255 {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 auto;
  margin: 0 !important;
  transform: none;
}

.open-orders-v446-card-heading .open-orders-card-note-button-v255:hover,
.open-orders-v446-card-heading .open-orders-card-note-button-v255:focus-visible {
  transform: translateY(-1px);
}

@media (max-width: 720px) {
  .employee-open-order-card.has-note .open-orders-v446-card-heading .employee-open-order-title {
    padding-left: 0 !important;
  }
}

/* V447 Employee Open Orders title authority + stable top heading.
   Custom title is allowed to wrap completely; the secondary rules title is the only title text
   that may truncate. NOTE is always normal-flow content above the image. */
.open-orders-v447-card-heading {
  min-width: 0;
  display: grid;
  gap: 4px;
  margin: 0 0 6px;
}
.open-orders-v447-card-heading-top {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  flex-wrap: wrap;
}
.open-orders-v447-title-stack {
  min-width: 0;
  flex: 1 1 118px;
  display: grid;
  gap: 2px;
}
.open-orders-v447-custom-title {
  min-width: 0;
  display: block;
  color: #f8fafc;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1.16;
  white-space: normal;
  overflow-wrap: anywhere;
}
.open-orders-v447-custom-title.is-rules-only {
  font-size: .7rem;
}
.open-orders-v447-rules-title {
  min-width: 0;
  display: block;
  overflow: hidden;
  color: #9fb6d1;
  font-size: .61rem;
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.open-orders-v447-card-meta {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.open-orders-v447-multi-title {
  min-width: 0;
  align-self: center;
  color: #f8fafc;
  font-size: .72rem;
  font-weight: 950;
}
.open-orders-v447-card-heading .open-orders-card-note-button,
.open-orders-v447-card-heading .open-orders-card-note-button-v255 {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto;
  margin: 0 !important;
  transform: none !important;
}
.employee-open-order-card.has-note .open-orders-v447-card-heading .employee-open-order-title,
.employee-open-order-card.has-note .open-orders-v447-card-heading {
  padding-left: 0 !important;
}
.open-orders-v447-opened-title {
  min-width: 0;
  display: grid;
  gap: 4px;
  margin: 0;
  white-space: normal;
}
.open-orders-v447-opened-primary {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #f8fafc;
  font-weight: 950;
  line-height: 1.25;
}
.open-orders-v447-opened-rules {
  display: block;
  min-width: 0;
  color: #9fb6d1;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}
.open-orders-v447-opened-variant {
  display: inline-flex;
  width: fit-content;
}
@media (max-width: 720px) {
  .open-orders-v447-custom-title { font-size: .68rem; }
  .open-orders-v447-rules-title { font-size: .58rem; }
}


/* V448 Employee Open Orders compact title sizing.
   Restore the small pill scale and keep sparse one-line headings together without changing
   full custom-title wrapping. */
.open-orders-v448-card-heading .open-orders-v413-variant-pill,
.open-orders-v448-card-heading .open-orders-v414-variant-pill,
.open-orders-v448-card-heading .open-orders-v413-quantity-pill {
  max-width: 100%;
  padding: 2px 6px !important;
  font-size: .64rem !important;
  line-height: 1.15 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.open-orders-v448-card-heading .open-orders-v447-custom-title.is-rules-only {
  font-size: .68rem;
  line-height: 1.15;
}
.open-orders-v448-card-heading-top.is-compact {
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
.open-orders-v448-card-heading-top.is-compact .open-orders-v448-title-stack {
  flex: 0 1 auto;
  max-width: 100%;
}
.open-orders-v448-card-heading-top.is-compact .open-orders-v447-custom-title.is-rules-only {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.open-orders-v448-card-heading-top.is-compact .open-orders-v448-card-meta {
  min-width: 0;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  gap: 4px;
}
.open-orders-v448-single-piece-meta {
  flex: 0 0 auto;
  color: #dbeafe;
  font-size: .66rem;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .open-orders-v448-card-heading .open-orders-v447-custom-title.is-rules-only { font-size: .66rem; }
  .open-orders-v448-card-heading .open-orders-v413-variant-pill,
  .open-orders-v448-card-heading .open-orders-v414-variant-pill,
  .open-orders-v448-card-heading .open-orders-v413-quantity-pill { font-size: .62rem !important; }
}

/* V449 Employee Open Orders readability polish.
   Increase the compact V448 heading/pill text slightly while preserving the exact compact layout,
   title hierarchy, wrapping, NOTE placement, and single-line short-heading behavior. */
.open-orders-v448-card-heading .open-orders-v447-custom-title,
.open-orders-v448-card-heading .open-orders-v447-custom-title.is-rules-only,
.open-orders-v448-card-heading .open-orders-v447-multi-title,
.open-orders-v448-single-piece-meta,
.open-orders-v448-card-heading .open-orders-v413-variant-pill,
.open-orders-v448-card-heading .open-orders-v414-variant-pill,
.open-orders-v448-card-heading .open-orders-v413-quantity-pill {
  font-size: 12px !important;
}
.open-orders-v448-card-heading .open-orders-v447-rules-title {
  font-size: 11px !important;
}
.open-orders-v448-card-heading .open-orders-card-note-button,
.open-orders-v448-card-heading .open-orders-card-note-button-v255 {
  font-size: 11px !important;
}
/* Keep the V448 compact pills from growing wider just because the type is more readable. */
.open-orders-v448-card-heading .open-orders-v413-variant-pill,
.open-orders-v448-card-heading .open-orders-v414-variant-pill,
.open-orders-v448-card-heading .open-orders-v413-quantity-pill {
  padding: 2px 5px !important;
}
@media (max-width: 720px) {
  .open-orders-v448-card-heading .open-orders-v447-custom-title,
  .open-orders-v448-card-heading .open-orders-v447-custom-title.is-rules-only,
  .open-orders-v448-card-heading .open-orders-v447-multi-title,
  .open-orders-v448-single-piece-meta,
  .open-orders-v448-card-heading .open-orders-v413-variant-pill,
  .open-orders-v448-card-heading .open-orders-v414-variant-pill,
  .open-orders-v448-card-heading .open-orders-v413-quantity-pill {
    font-size: 11.5px !important;
  }
  .open-orders-v448-card-heading .open-orders-v447-rules-title {
    font-size: 10.5px !important;
  }
}



/* V455 Listing Generator > Transfer > clean duplicate SKU review */
.listing-generator-transfer-tabs{margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap}
.listing-generator-duplicate-review-card{overflow:visible}
.listing-generator-duplicate-notice{margin:0 0 12px;padding:11px 13px;border:1px solid rgba(113,184,255,.22);border-radius:12px;background:rgba(27,73,120,.13);color:#cfe5f8;line-height:1.45}
.listing-generator-duplicate-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.listing-generator-duplicate-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.listing-generator-duplicate-bulkbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;margin:0 0 14px;border:1px solid rgba(83,201,140,.28);border-radius:12px;background:rgba(45,132,86,.12)}
.listing-generator-duplicate-bulkbar strong{margin-right:auto;color:#dff7e9}
.listing-generator-duplicate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.listing-generator-duplicate-card{position:relative;display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(123,157,194,.24);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(10,35,60,.96),rgba(7,25,45,.98));box-shadow:0 10px 28px rgba(0,0,0,.16)}
.listing-generator-duplicate-card.is-selected{border-color:rgba(83,201,140,.75);box-shadow:0 0 0 2px rgba(83,201,140,.12),0 12px 30px rgba(0,0,0,.2)}
.listing-generator-duplicate-card.is-ignored{opacity:.82}
.listing-generator-duplicate-check{position:absolute;z-index:4;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(6,22,39,.9);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;cursor:pointer}
.listing-generator-duplicate-check input{position:absolute;opacity:0;pointer-events:none}
.listing-generator-duplicate-check span{width:15px;height:15px;border:1.5px solid #c9d8e7;border-radius:4px;display:block}
.listing-generator-duplicate-check input:checked+span{background:#54c98c;border-color:#54c98c;box-shadow:inset 0 0 0 3px #0a263e}
.listing-generator-duplicate-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:4px;padding:4px;background:#061a2d}
.listing-generator-duplicate-mosaic.count-1{grid-template-columns:1fr;grid-auto-rows:245px}
.listing-generator-duplicate-mosaic.count-2{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
.listing-generator-duplicate-mosaic>div{position:relative;min-width:0;overflow:hidden;background:#eef3f6}
.listing-generator-duplicate-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.listing-generator-duplicate-copy{display:grid;gap:10px;padding:13px}
.listing-generator-duplicate-title{display:flex;gap:10px;align-items:center;justify-content:space-between}
.listing-generator-duplicate-title strong{display:block;font-size:20px;color:#fff;letter-spacing:.01em}
.listing-generator-duplicate-products{display:grid;gap:7px}
.listing-generator-duplicate-products>div{display:grid;gap:2px;padding:8px 9px;border-radius:9px;border:1px solid rgba(120,154,190,.18);background:rgba(255,255,255,.025)}
.listing-generator-duplicate-products strong{font-size:13px;color:#eef8ff}
.listing-generator-duplicate-products small{font-size:11px;color:#a9bfd2;line-height:1.35}
.listing-generator-duplicate-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.listing-generator-duplicate-grid.is-skipped-view .listing-generator-duplicate-card{background:linear-gradient(180deg,rgba(10,31,52,.92),rgba(8,23,39,.96))}
@media(max-width:760px){.listing-generator-duplicate-grid{grid-template-columns:1fr}.listing-generator-duplicate-mosaic{grid-auto-rows:120px}.listing-generator-duplicate-mosaic.count-1{grid-auto-rows:220px}.listing-generator-duplicate-mosaic.count-2{grid-auto-rows:180px}}


/* V466 — Profit Analyzer personal reserve + inventory purchasing guide */
.profit-personal-finance-panel{padding:0!important;overflow:hidden}
.profit-personal-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.profit-personal-header>div{min-width:0}.profit-personal-header h3{margin:2px 0 4px;font-size:1.05rem}.profit-personal-header p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.profit-personal-header>span:last-child{flex:0 0 auto;padding:7px 11px;border:1px solid rgba(148,163,184,.22);border-radius:9px;background:rgba(8,27,52,.72);font-size:.74rem;font-weight:850}
.profit-personal-eyebrow{display:block;color:#7dd3fc;font-size:.66rem;font-weight:950;letter-spacing:.08em}.profit-personal-body{display:grid;gap:14px;padding:0 18px 18px;border-top:1px solid rgba(148,163,184,.14)}
.profit-personal-loading{display:grid;gap:4px;margin-top:14px;padding:13px 14px;border:1px solid rgba(125,211,252,.22);border-radius:12px;background:rgba(14,55,88,.28)}.profit-personal-loading span{color:var(--muted);font-size:.75rem}
.profit-personal-transfer-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:18px;border:1px solid rgba(52,211,153,.28);border-radius:15px;background:rgba(16,85,65,.18)}.profit-personal-transfer-card.is-due{border-color:rgba(250,204,21,.34);background:rgba(105,74,10,.18)}.profit-personal-transfer-card>div{display:grid;gap:3px}.profit-personal-transfer-card small{font-size:.65rem;font-weight:950;letter-spacing:.07em;color:#a8bdd2}.profit-personal-transfer-card strong{font-size:1.75rem;line-height:1.05}.profit-personal-transfer-card span{color:var(--muted);font-size:.78rem}
.profit-personal-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profit-personal-metric{display:grid;gap:4px;padding:13px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(7,24,45,.46)}.profit-personal-metric span{color:#a9bdd2;font-size:.7rem;font-weight:850}.profit-personal-metric strong{font-size:1.08rem}.profit-personal-metric small{color:var(--muted);font-size:.67rem;line-height:1.35}.profit-personal-metric.is-negative{border-color:rgba(248,113,113,.38);background:rgba(100,27,27,.18)}
.profit-personal-two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.profit-personal-subpanel{display:grid;gap:12px;padding:15px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:rgba(6,22,42,.34)}.profit-personal-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profit-personal-subhead h4{margin:0 0 3px}.profit-personal-subhead p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}.profit-personal-subhead>strong{white-space:nowrap}
.profit-personal-forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profit-personal-forecast-grid>div{display:grid;gap:2px;padding:9px 10px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:rgba(8,31,57,.55)}.profit-personal-forecast-grid span{font-size:.66rem;color:var(--muted)}.profit-personal-forecast-grid b{font-size:.88rem}.profit-personal-forecast-grid small{font-size:.62rem;color:#86efac}.profit-personal-forecast-total{display:grid;gap:3px;padding:12px;border-radius:10px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.18)}.profit-personal-forecast-total span,.profit-personal-forecast-total small{font-size:.69rem;color:var(--muted)}.profit-personal-forecast-total strong{font-size:1.18rem}
.profit-personal-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profit-personal-settings-grid label{display:grid;gap:5px}.profit-personal-settings-grid label.wide{grid-column:1/-1}.profit-personal-settings-grid span,.profit-personal-expense-row label span{font-size:.68rem;font-weight:850;color:#a9bdd2}.profit-personal-settings-grid input,.profit-personal-expense-row input,.profit-personal-expense-row select,.profit-personal-spend-form input,.profit-personal-spend-form select{min-width:0;padding:9px 10px;border:1px solid rgba(148,163,184,.22);border-radius:9px;background:#071a31;color:#f8fafc;font:inherit}.profit-personal-settings-grid small{color:var(--muted);font-size:.65rem;line-height:1.35}
.profit-personal-expense-list{display:grid;gap:7px}.profit-personal-expense-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(120px,.85fr) minmax(120px,.65fr) auto;align-items:end;gap:8px}.profit-personal-expense-row label{display:grid;gap:4px}.profit-personal-expense-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:4px}.profit-personal-expense-total span{color:var(--muted);font-size:.73rem}.profit-personal-expense-total strong{font-size:1rem}
.profit-personal-spend-form{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(120px,.8fr) 120px auto;gap:8px}.profit-personal-spend-list{display:grid;gap:6px}.profit-personal-spend-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:rgba(8,31,57,.45)}.profit-personal-spend-row>div{display:grid;gap:2px;min-width:0}.profit-personal-spend-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.profit-personal-spend-row small{color:var(--muted);font-size:.64rem}
.reorder-money-guide{display:flex;align-items:center;gap:22px;margin:0 0 10px;padding:11px 14px;border:1px solid rgba(52,211,153,.24);border-radius:11px;background:rgba(13,72,54,.15)}.reorder-money-guide>div{display:grid;gap:2px}.reorder-money-guide span{font-size:.67rem;color:#a9bdd2}.reorder-money-guide strong{font-size:.95rem}.reorder-money-guide small{margin-left:auto;color:#fbbf24;font-size:.67rem}.reorder-money-guide.is-negative{border-color:rgba(248,113,113,.34);background:rgba(100,27,27,.16)}.reorder-money-guide.is-loading{color:var(--muted);font-size:.73rem}
@media(max-width:980px){.profit-personal-metric-grid{grid-template-columns:1fr 1fr}.profit-personal-two-column{grid-template-columns:1fr}.profit-personal-expense-row{grid-template-columns:1fr 1fr}.profit-personal-spend-form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.profit-personal-transfer-card,.profit-personal-header,.profit-personal-subhead{align-items:stretch;flex-direction:column}.profit-personal-transfer-card button{width:100%}.profit-personal-metric-grid,.profit-personal-forecast-grid,.profit-personal-settings-grid,.profit-personal-expense-row,.profit-personal-spend-form{grid-template-columns:1fr}.profit-personal-settings-grid label.wide{grid-column:auto}.reorder-money-guide{align-items:flex-start;flex-direction:column;gap:8px}.reorder-money-guide small{margin-left:0}}


/* V467 Profit Analyzer true subsections + cached personal finance refresh */
.profit-subsection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}.profit-subsection-tabs>button{min-height:48px;border:1px solid rgba(125,154,198,.22);border-radius:13px;background:rgba(17,39,70,.72);color:#f7fbff;font-weight:800;font-size:14px;cursor:pointer;padding:10px 14px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.profit-subsection-tabs>button:hover{border-color:rgba(100,210,159,.55);transform:translateY(-1px)}.profit-subsection-tabs>button.active{background:#64d29f;color:#061a22;border-color:#64d29f}.profit-personal-page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(125,154,198,.16)}.profit-personal-page-head h3{margin:2px 0 4px}.profit-personal-page-head p{margin:0;color:#bdd6f7}.profit-personal-refresh-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:330px}.profit-personal-refresh-actions>span{display:grid;gap:2px;text-align:right}.profit-personal-refresh-actions small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8fb3dd}.profit-personal-refresh-actions strong{font-size:12px;color:#e8f3ff}.profit-personal-refresh-actions button{min-width:112px}.profit-personal-refresh-status{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 20px;background:rgba(84,158,214,.07);border-bottom:1px solid rgba(125,154,198,.12)}.profit-personal-refresh-status>span{font-weight:800;font-size:12px}.profit-personal-refresh-status>small{color:#9fc0e6;text-align:right}.profit-personal-refresh-status.is-running{background:rgba(100,210,159,.08)}.profit-personal-refresh-status.is-failed{background:rgba(255,95,95,.08)}.profit-personal-empty{display:grid;justify-items:center;text-align:center;gap:7px;padding:42px 18px;color:#bdd6f7}.profit-personal-empty strong{color:#fff;font-size:18px}.profit-personal-empty span{max-width:620px}.profit-personal-finance-panel.is-open .profit-personal-body{padding-top:16px}@media(max-width:760px){.profit-subsection-tabs{grid-template-columns:1fr}.profit-personal-page-head{align-items:flex-start;flex-direction:column}.profit-personal-refresh-actions{width:100%;min-width:0;justify-content:space-between}.profit-personal-refresh-actions>span{text-align:left}.profit-personal-refresh-status{align-items:flex-start;flex-direction:column}.profit-personal-refresh-status>small{text-align:left}}

.profit-subsection-heading{margin:2px 0 12px}.profit-subsection-heading h2{margin:0 0 4px}.profit-subsection-heading p{margin:0;color:#bdd6f7;font-size:13px}

/* V596: secondary controls stay available without crowding the collection list. */
.collection-sorter-details > summary { cursor:pointer; padding:10px 0; color:var(--muted,#b8c1ce); font-weight:600; }
.collection-sorter-details[open] > summary { margin-bottom:10px; }
.collection-sorter-details p { font-size:13px; margin:8px 0; }
.collection-sorter-row-status .collection-sorter-details { max-width:440px; }