/* Lite shares the existing parcel and storage controls; Jump stays in Full mode. */
.clean-view-only { display: none; }
body.clean-view .clean-view-only { display: block; }
body.clean-view .wrap { width: min(1440px, calc(100vw - 48px)); max-width: 1440px; }
body.clean-view #topbar { align-items: center; margin-bottom: 20px; gap: 16px; }
body.clean-view .topbar-brand { gap: 12px; }
body.clean-view .topbar-brand-copy { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
body.clean-view #appTitle { font-size: 24px; margin: 0; }
body.clean-view .warehouse-switcher { margin: 0; gap: 8px; }
body.clean-view .warehouse-menu-btn { min-width: 100px; }
body.clean-view .theme-color-control { width: 52px; height: 52px; }
body.clean-view .topbar-logo { width: 44px; height: 44px; }
body.clean-view .topbar-actions { gap: 8px; }
body.clean-view #mainWorkspace { grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 16px; align-items: start; }
body.clean-view #mainWorkspace > .row,
body.clean-view #mainWorkspace > .row > div,
body.clean-view #detailSection { display: contents !important; }
body.clean-view .top-input-grid { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(240px, 1fr) auto; gap: 10px 16px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
body.clean-view .tno-header-row { grid-column: 1 / -1; }
body.clean-view #tnoInput { min-height: 44px; font-size: 17px; }
body.clean-view .controls-row { display: flex; flex-wrap: wrap; gap: 8px; align-self: center; }
body.clean-view .controls-row button { min-height: 40px; padding: 8px 16px; }
body.clean-view .mode-toggle { min-height: 40px; }
body.clean-view #cleanParcelSummary { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
body.clean-view .clean-parcel-summary span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 5px; }
body.clean-view .clean-parcel-summary strong { display: block; overflow-wrap: anywhere; }
body.clean-view #cleanParcelSummaryFields > :nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
body.clean-view #storageSection { grid-column: 2; grid-row: 2 / span 3; padding: 18px; border-radius: 16px; margin: 0; }
body.clean-view #storageSection .storage-main-row { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 0 !important; }
body.clean-view #storageSection .storage-main-row > * { grid-column: 1; min-width: 0; }
body.clean-view #memoInput { height: 88px; min-height: 88px; white-space: pre-wrap; }
body.clean-view #storageActionColumn { width: 100%; }
body.clean-view #storageSendStack { gap: 10px; }
body.clean-view #sendBackBtn { min-height: 44px; min-width: 160px; }
body.clean-view #mapPanel { grid-column: 1; grid-row: 3; max-width: none; padding: 16px; border-radius: 16px; background: var(--panel); }
body.clean-view #podSection { grid-column: 1; grid-row: 4; }
/* Jump and batch tools never appear in Lite, even when storage options are open. */
body.clean-view .jump-line-control,
body.clean-view #jumpActionHeader,
body.clean-view #jumpActionGroup,
body.clean-view #topbarGame,
body.clean-view #openMultiParcelBtn,
body.clean-view #openMultiPodBtn,
body.clean-view #summaryCompactZone,
body.clean-view #summaryFull,
body.clean-view #pathSection,
body.clean-view #rawSection { display: none !important; }
body.clean-view:not(.clean-tools-expanded) #mapPanel > .map-panel-inner > label,
body.clean-view:not(.clean-tools-expanded) .map-frame-card,
body.clean-view:not(.clean-tools-expanded) #mapComparisonLegend { display: none !important; }
@media (max-width: 1100px) {
  body.clean-view .top-input-grid { grid-template-columns: minmax(0, 1fr); }
  body.clean-view .topbar-brand-copy { gap: 10px; }
}
@media (max-width: 860px) {
  .controls-row .mode-toggle { display: flex; }
  body.clean-view .wrap { width: 100%; }
  body.clean-view #mainWorkspace { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.clean-view #cleanParcelSummary,
  body.clean-view #storageSection,
  body.clean-view #mapPanel,
  body.clean-view #podSection { grid-column: 1; grid-row: auto; }
  body.clean-view .top-input-grid { padding: 12px; }
  body.clean-view .controls-row { display: flex; }
  body.clean-view .controls-row > * { width: auto; }
  body.clean-view .controls-row .mode-toggle { margin-left: auto; }
  body.clean-view #runBtn,
  body.clean-view #clearBtn { display: block !important; }
  body.clean-view #mobileStorageToggleBtn { display: none; }
  body.clean-view #detailSection.mobile-storage-hidden #storageSection:not(.hidden) { display: block !important; }
  body.clean-view #storageSpotlightSection,
  body.clean-view #storageMemoColumn label,
  body.clean-view #storageActionLabel { display: block; }
  body.clean-view #storageSendStack > .btns { display: flex; }
  body.clean-view #revertBtn:not(.hidden) { display: inline-block !important; }
  body.clean-view #sendBackBtn { min-width: 0; }
}
body.clean-view #tnoScanBtn.scan-value-hidden { display: none; }

/* Lite has room for full-size actions without hiding them behind a menu. */
body.clean-view #storageActionColumn,
body.clean-view #storageSendStack { grid-template-columns: minmax(0, 1fr); }
body.clean-view #storageSendStack > .btns { display: flex; flex-wrap: wrap; gap: 10px; }
body.clean-view #storageSendStack > .pill-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; }
body.clean-view #storageSendStack .pill-tab,
body.clean-view #storageSendStack > .btns > button,
body.clean-view .map-actions > button,
body.clean-view .tno-header-row .print-label-btn { min-height: 46px; padding: 12px 16px; font-size: 14px; border-radius: 12px; white-space: normal; }
body.clean-view .map-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
body.clean-view .map-actions > button { width: 100%; }
body.clean-view #mapPanel:not(.hidden) { display: block; }
@media (max-width: 480px) {
  body.clean-view #storageSendStack > .pill-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.clean-view .map-actions { grid-template-columns: minmax(0, 1fr); }
}

/* The live storage status sits inside the summary with its own outer ring. */
body.clean-view #cleanParcelSummaryFields { display: contents; }
body.clean-view #cleanParcelSummary #storageSpotlightSection {
  grid-column: 1 / -1;
  position: relative;
  margin: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(var(--theme-rgb), .25);
  border-radius: 12px;
  background: rgba(var(--theme-rgb), .035);
}
body.clean-view #cleanParcelSummary #storageSpotlightSection::before {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(var(--theme-rgb), .18);
  border-radius: 16px;
  pointer-events: none;
}
body.clean-view #cleanParcelSummary #storageSpotlightSection > label { font-size: 11px; margin-bottom: 6px; }
body.clean-view #cleanParcelSummary .storage-spotlight { padding: 0; min-height: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; gap: 8px; }
body.clean-view #cleanParcelSummary .storage-spotlight-head { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 16px; }
body.clean-view #cleanParcelSummary .storage-spotlight-id { font-size: 18px; letter-spacing: 0; }
body.clean-view #cleanParcelSummary .storage-spotlight-latest { flex-shrink: 0; padding: 0; border: 0; gap: 8px; }
body.clean-view #cleanParcelSummary .storage-spotlight-latest-label { font-size: 10px; letter-spacing: .03em; }
body.clean-view #cleanParcelSummary .storage-spotlight-latest-value { font-size: 16px; }
body.clean-view #cleanParcelSummary .storage-progress { margin: 0; gap: 4px; }
body.clean-view #cleanParcelSummary .storage-progress-track { height: 5px; border: 0; }
body.clean-view #cleanParcelSummary .storage-progress-label,
body.clean-view #cleanParcelSummary .storage-progress-percent { font-size: 10px; margin: 0; }
body.clean-view #cleanParcelSummary .storage-progress-status { min-height: 0; font-size: 11px; line-height: 1.35; }
body.clean-view #cleanParcelSummary .storage-spotlight span { margin-bottom: 0; }
body.clean-view #cleanParcelSummary .storage-spotlight-latest-value { color: var(--ink); }