/* R64: readable reports, persistent actions and a compact Ugarit workspace.
   Load after reference-r63.css. This stylesheet does not change stock-taking
   data, report contents or the existing staff save bar. */
body.r64 {
  --r64-accent-ink: #65005d;
  --r64-focus: #a34cac;
  --r64-nav-height: 72px;
  --r64-safe-bottom: env(safe-area-inset-bottom, 0px);
  --r64-panel-solid: #fff;
  --r64-muted-surface: #f5f5f8;
  --r64-warning-ink: #8a5300;
  --r64-warning-surface: #fff5de;
  --r64-danger-ink: #a0213d;
  --r64-danger-surface: #fff0f3;
  --r64-success-ink: #276644;
  --r64-success-surface: #edf7f0;
  font: 400 16px/1.45 var(--ug-font);
}
html[data-theme=dark] body.r64 {
  --r64-accent-ink: #e9b1ee;
  --r64-focus: #e0a4e6;
  --r64-panel-solid: #202428;
  --r64-muted-surface: #292e34;
  --r64-warning-ink: #f0cd85;
  --r64-warning-surface: #42361e;
  --r64-danger-ink: #ffb9c7;
  --r64-danger-surface: #442b33;
  --r64-success-ink: #a6ddba;
  --r64-success-surface: #243e30;
}
@media screen {
  .r64 :is(h1,h2,h3,h4,p,button,input,select,textarea,label,th,td,strong,b,small,summary,.nav-label) {
    font-family: var(--ug-font);
    font-size: 16px;
    font-weight: 400;
  }
}
.r64 [hidden] { display: none !important; }
.r64 :is(button,input,select,textarea,a.button,summary):focus-visible {
  outline: 3px solid var(--r64-focus);
  outline-offset: 3px;
}
.r64 :is(button,.button) { touch-action: manipulation; }
.r64 :is(button,.button):disabled { cursor: not-allowed; }
.r64 :is(input,select,textarea) { min-width: 0; }
.r64 :is(h1,h2,h3,p,dd,.ug-item-copy,.ug-session-info) { overflow-wrap: anywhere; }
body.r64:not(.dock-login)::before {
  inset: auto 0 0 auto;
  width: min(40vw, 520px);
  height: min(58vh, 540px);
  background-image: url('/assets/industrial-r53/ugarit-container.jpg');
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .035;
  pointer-events: none;
}
html[data-theme=dark] body.r64:not(.dock-login)::before { opacity: .025; }
.r64:not(.dock-login)>header { height: 82px; padding: 12px 28px; }
.r64:not(.dock-login)>header>img { width: 186px; height: 58px; }
.r64 #utility details>summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  border: 1px solid var(--ug-line);
  border-radius: 9px;
  cursor: pointer;
  list-style: none;
}
.r64 #utility details>summary::-webkit-details-marker { display: none; }
.r64 #utility details>div {
  background: var(--r64-panel-solid);
  border-radius: 12px;
  box-shadow: 0 8px 24px #00000012;
  max-width: min(340px, calc(100vw - 28px));
  max-height: min(70vh, 600px);
  overflow-y: auto;
}
.r64 #utility details>div :is(button,a) { text-align: left; }
.r64 #nav.ws-nav {
  top: 12px;
  left: 240px;
  right: 88px;
  height: 58px;
  gap: 8px !important;
}
.r64 #nav.ws-nav>button { min-width: 0 !important; padding: 10px 18px !important; }
.r64 #nav.ws-nav>button.active { color: var(--r64-accent-ink); }
.r64 #nav.ws-nav .ug-icon { width: 22px; height: 22px; }
.r64:not(.dock-login):not(.ugarit-stocktake) main#app {
  max-width: 1440px;
  min-width: 0;
  min-height: calc(100vh - 82px);
  padding: 24px 28px 64px;
}
.r64 :is(.heading,.ug-heading) { gap: 16px; margin-bottom: 18px; }
.r64 .ug-heading:has(#ug-dashboard-search) { max-width: none; }
.r64 .ug-panel { border-radius: 12px; }
.r64 :is(.ug-table,.tablewrap) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.r64 .ug-table :is(td,th) { vertical-align: top; }
.r64 :is(.ug-pager,.pager) { flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.r64 :is(.ug-pager,.pager)>span { font-variant-numeric: tabular-nums; }
.r64 .ug-badge { font-weight: 400; }
.r64 :is(.ug-badge.warning,.dash-count-warning) { color: var(--r64-warning-ink); background: var(--r64-warning-surface); }
.r64 :is(.ug-badge.negative,.dash-count-danger) { color: var(--r64-danger-ink); background: var(--r64-danger-surface); }
.r64 .ug-badge.positive { color: var(--r64-success-ink); background: var(--r64-success-surface); }

/* Dashboard: one information hierarchy at both widths. */
.r64 .dash-page { width: 100%; min-width: 0; }
.r64 .dash-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.r64 .dash-heading h1 { margin: 0; }
.r64 .dash-heading p { margin: 3px 0 0; }
.r64 .dash-search { position: relative; display: flex; align-items: stretch; gap: 8px; margin-bottom: 18px; min-width: 0; }
.r64 .dash-search-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.r64 .dash-search>input { flex: 1; width: 100%; min-width: 0; min-height: 48px; border-radius: 10px; }
.r64 .dash-search>button { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 8px; }
.r64 .dash-search-results { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; background: var(--r64-panel-solid); border: 1px solid var(--ug-line); border-radius: 12px; overflow: auto; max-height: 420px; box-shadow: 0 8px 20px #00000012; }
.r64 .dash-search-results:empty { display: none; }
.r64 .dash-search-results button { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; text-align: left; border: 0; border-bottom: 1px solid var(--ug-line); border-radius: 0; padding: 12px; }
.r64 .dash-search-results button:last-child { border-bottom: 0; }
.r64 .dash-search-results button>span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.r64 .dash-search-results .master-thumb { flex: 0 0 42px; width: 42px; height: 48px; object-fit: contain; }
.r64 .dash-search-results small { display: block; color: var(--ug-muted); }
.r64 .dash-search-results>p { padding: 12px; margin: 0; }
.r64 .dash-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 20px; }
.r64 .dash-metric { position: relative; display: grid; gap: 7px; align-content: start; min-width: 0; min-height: 124px; padding: 16px; text-align: left; border-radius: 12px; background: var(--r64-panel-solid); }
.r64 .dash-metric>.ug-icon { position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; color: var(--r64-accent-ink); }
.r64 .dash-metric-label { display: flex; align-items: flex-start; gap: 8px; color: var(--ug-muted); }
.r64 .dash-metric-label>.ug-icon { width: 22px; height: 22px; color: var(--r64-accent-ink); }
.r64 .dash-metric-value { display: block; color: var(--ug-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.r64 .dash-metric-note { display: block; color: var(--ug-muted); line-height: 1.35; overflow-wrap: anywhere; }
.r64 .dash-snapshot { margin: -8px 0 18px; color: var(--ug-muted); }
.r64 .dash-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(280px,1fr); align-items: start; gap: 20px; }
.r64 .dash-main { display: grid; min-width: 0; gap: 16px; }
.r64 :is(.dash-work,.dash-attention,.dash-recent) { min-width: 0; padding: 18px; border: 1px solid var(--ug-line); border-radius: 12px; background: var(--r64-panel-solid); }
.r64 .dash-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--ug-line); }
.r64 .dash-section-head :is(h2,h3,p) { margin: 0; }
.r64 .dash-section-head>button { color: var(--r64-accent-ink); border: 0; background: transparent; padding: 5px 0 5px 12px; min-height: 44px; }
.r64 .dash-session-title { margin: 0 0 6px; color: var(--ug-text); }
.r64 .dash-session-meta { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 0 0 12px; color: var(--ug-muted); }
.r64 .dash-progress { display: grid; gap: 9px; margin: 14px 0; }
.r64 :is(.dash-progress,.ug-session-progress) progress,
.r64 progress.ug-session-progress { display: block; width: 100%; height: 8px; border: 0; border-radius: 20px; accent-color: var(--ug-purple); overflow: hidden; }
.r64 :is(.dash-progress,.ug-session-progress) progress::-webkit-progress-bar,
.r64 progress.ug-session-progress::-webkit-progress-bar { background: var(--ug-line); border-radius: 20px; }
.r64 :is(.dash-progress,.ug-session-progress) progress::-webkit-progress-value,
.r64 progress.ug-session-progress::-webkit-progress-value { background: var(--ug-purple); border-radius: 20px; }
.r64 :is(.dash-progress,.ug-session-progress) progress::-moz-progress-bar,
.r64 progress.ug-session-progress::-moz-progress-bar { background: var(--ug-purple); border-radius: 20px; }
.r64 .dash-session-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.r64 .dash-session-actions button { min-height: 46px; }
.r64 .dash-quick-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.r64 .dash-quick-actions button { display: flex; align-items: center; justify-content: flex-start; gap: 9px; text-align: left; padding: 12px; min-width: 0; overflow-wrap: anywhere; }
.r64 .dash-quick-actions .ug-icon { color: var(--r64-accent-ink); width: 22px; height: 22px; }
.r64 .dash-attention { align-self: start; }
.r64 .dash-attention-row { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 13px 0; border: 0; border-bottom: 1px solid var(--ug-line); border-radius: 0; background: transparent; min-width: 0; }
.r64 .dash-attention-row:last-child { border-bottom: 0; }
.r64 .dash-attention-row>.ug-icon { width: 22px; height: 22px; color: var(--r64-accent-ink); }
.r64 .dash-attention-row>span:not(.ug-icon):not(.ug-badge):not(.dash-count) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.r64 .dash-attention-row :is(.ug-badge,.dash-count) { flex: 0 0 auto; padding: 3px 9px; border-radius: 20px; background: var(--ug-tint); color: var(--r64-accent-ink); font-variant-numeric: tabular-nums; }
.r64 .dash-recent-row { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--ug-line); border-radius: 0; background: transparent; text-align: left; min-width: 0; }
.r64 .dash-recent-row:last-child { border-bottom: 0; }
.r64 .dash-recent-row>.ug-icon { width: 22px; height: 22px; color: var(--ug-muted); margin-top: 2px; }
.r64 .dash-event-copy { flex: 1; display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.r64 .dash-recent-row time { color: var(--ug-muted); font-variant-numeric: tabular-nums; }
.r64 .dash-recent-row>time { flex: 0 1 180px; text-align: right; }
.r64 :is(.dash-empty,.dash-unavailable) { color: var(--ug-muted); margin: 8px 0; }

/* Report controls and totals use the same readable text as the item list. */
.r64 :is(.ug-reports-page,.ug-report-layout,.ug-report-preview,.ug-report-filters) { min-width: 0; max-width: 100%; }
.r64 .ug-report-layout { grid-template-columns: 260px minmax(0,1fr); gap: 20px; }
.r64 .ug-report-preview { padding: 20px; background: var(--r64-panel-solid); }
.r64 .ug-report-preview>.ug-report-logo { display: none; }
.r64 .ug-report-menu { min-width: 0; gap: 12px; }
.r64 .ug-report-menu details { padding: 12px; border-radius: 10px; }
.r64 .ug-report-menu button { min-height: 46px; line-height: 1.4; gap: 8px; overflow-wrap: anywhere; }
.r64 .ug-report-menu summary { min-height: 44px; margin: 0 0 7px; }
.r64 .ug-report-mobile-controls { display: none; }
.r64 .ug-report-session { display: grid; gap: 6px; min-width: 0; max-width: 640px; margin: 0 0 14px; }
.r64 .ug-report-session select { display: block; width: 100%; min-width: 0; max-width: 100%; }
.r64 .ug-report-active-filters { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 16px; min-width: 0; }
.r64 .ug-report-active-filters:empty { display: none; }
.r64 .ug-report-active-filters :is(span,button) { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 10px; background: var(--ug-tint); border: 1px solid var(--ug-line); border-radius: 8px; color: var(--r64-accent-ink); overflow-wrap: anywhere; text-align: left; }
.r64 .ug-report-active-filters button { min-height: 44px; }
.r64 .ug-report-active-filters :is(span,button)>span { padding: 0; border: 0; }
.r64 .ug-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
.r64 .ug-metric { padding: 14px; gap: 7px; min-width: 0; align-content: start; background: var(--r64-panel-solid); }
.r64 .ug-metric.value { grid-column: auto; background: var(--ug-tint); }
.r64 .ug-metric>span { display: block; overflow-wrap: anywhere; }
.r64 .ug-metric>span:first-child { color: var(--ug-muted); }
.r64 .ug-metric :is(small,p) { margin: 0; font-size: 16px; line-height: 1.4; }
.r64 .ug-metric button { width: 100%; margin-top: 3px; padding: 8px; color: var(--r64-accent-ink); }
.r64 :is(.ug-table button,.ug-tabs button.active,.ug-report-menu button.active,button.text) { color: var(--r64-accent-ink); }
.r64 :is(.ug-count-status-totals,.ug-report-status-totals) { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 11px 0; margin: 8px 0 16px; border-top: 1px solid var(--ug-line); border-bottom: 1px solid var(--ug-line); }
.r64 .ug-report-table-desktop { display: block; min-width: 0; max-width: 100%; }
.r64 .ug-mobile-report-list { display: none; }
.r64 .ug-report-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.r64 .ug-export-desktop { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.r64 .ug-export-menu { display: none; }
.r64 .ug-export-options { display: grid; gap: 10px; margin: 14px 0; }
.r64 .ug-export-options button { display: flex; align-items: center; gap: 10px; min-height: 48px; text-align: left; }
.r64 dialog :is(.ug-report-menu,.ug-report-filters) { display: grid; }
.r64 dialog .ug-report-menu { width: 100%; }
.r64 dialog .ug-report-filters { border: 0; background: transparent; padding: 0; }
.r64 .ug-filters :is(label,select,input) { min-width: 0; }
.r64 .ug-filters select { text-overflow: ellipsis; }
.r64 .ug-filters .date-range { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.r64 :is(.ug-missing-data,.ug-inline-message,.ug-comparison-state) { padding: 12px 14px; margin: 12px 0; background: var(--ug-tint); border: 1px solid var(--ug-line); border-radius: 10px; color: var(--ug-text); }
.r64 :is(.ug-inline-message,.ug-comparison-state) p { color: var(--ug-text); }
.r64 .ug-inline-message.error { color: var(--r64-danger-ink); background: var(--r64-danger-surface); }
.r64 .ug-comparison-file { padding: 14px 0; border-bottom: 1px solid var(--ug-line); overflow-wrap: anywhere; }
.r64 .ug-comparison-file :is(p,small) { display: block; margin: 4px 0; }
.r64 .ug-comparison-file .ug-actions { margin-top: 10px; }
.r64 .ug-panel+.tally-drop { margin-top: 16px; }
.r64 .ug-panel>label.field { display: grid; gap: 6px; min-width: 0; }
.r64 #r64-count-report { width: 100%; max-width: 100%; }
.r64 .simple-compare-inputs>* { min-width: 0; }
.r64 .compare-file { min-width: 0; padding: 14px; }
.r64 .compare-file input[type=file] { width: 100%; max-width: 100%; min-height: 44px; }
.r64 .compare-extras>summary { min-height: 44px; padding: 9px 0; cursor: pointer; }
.r64 .ug-filter-note { padding: 12px; margin: 12px 0; background: var(--ug-tint); border-radius: 9px; }
.r64 .ug-filter-note button { min-height: 44px; margin-top: 6px; white-space: normal; }

/* Saved stock-taking lists remain compact and their actions remain reachable. */
.r64 .ug-session-list { display: grid; gap: 12px; min-width: 0; }
.r64 .ug-session-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px 20px; padding: 16px 18px; border: 1px solid var(--ug-line); border-radius: 12px; background: var(--r64-panel-solid); min-width: 0; }
.r64 .ug-session-info { display: grid; gap: 4px; min-width: 0; }
.r64 .ug-session-info :is(h2,h3,p) { margin: 0; }
.r64 .ug-session-info :is(p,small) { color: var(--ug-muted); }
.r64 .ug-session-info>.ug-badge { justify-self: start; white-space: normal; }
.r64 .ug-session-progress:not(progress) { display: grid; gap: 8px; align-content: center; min-width: 0; }
.r64 progress.ug-session-progress { margin-top: 7px; max-width: 520px; }
.r64 .ug-session-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; max-width: 490px; }
.r64 .ug-session-actions :is(button,a.button) { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 8px 12px; }
.r64 .ug-session-actions details { position: relative; }
.r64 .ug-session-actions summary { min-height: 44px; padding: 9px 12px; cursor: pointer; border: 1px solid var(--ug-line); border-radius: 9px; }
.r64 .ug-session-actions details[open]>div { display: grid; gap: 5px; position: absolute; top: calc(100% + 6px); right: 0; min-width: 220px; padding: 10px; z-index: 20; background: var(--r64-panel-solid); border: 1px solid var(--ug-line); border-radius: 10px; }
.r64 .ug-selection { overflow: visible; }
.r64 .ug-selection-title { padding: 11px 16px; border-radius: 12px 12px 0 0; }
.r64 :is(.ug-selection-all,.ug-selection-row) { gap: 12px; padding: 12px 16px; }
.r64 .ug-selection-row>span { min-width: 0; overflow-wrap: anywhere; }
.r64 .ug-selection-row .master-thumb { width: 46px; height: 48px; object-fit: contain; }
.r64 .ug-selection-footer { position: sticky; bottom: 12px; z-index: 16; gap: 10px; padding: 12px 16px; background: var(--r64-panel-solid); border: 1px solid var(--ug-line); border-radius: 0 0 12px 12px; box-shadow: 0 -4px 14px #00000008; }
.r64 .ug-selection-footer>span { font-variant-numeric: tabular-nums; }
.r64 .ug-link-advanced { margin: 10px 0; }
.r64 .ug-link-advanced>summary { cursor: pointer; min-height: 44px; padding: 10px 0; color: var(--r64-accent-ink); }
.r64 .ug-link-advanced .filters { margin: 8px 0 16px; }
.r64 .ug-advanced-filters { min-width: 0; border: 1px solid var(--ug-line); border-radius: 9px; background: var(--r64-panel-solid); }
.r64 .ug-advanced-filters>summary { min-height: 44px; padding: 9px 12px; cursor: pointer; color: var(--r64-accent-ink); }
.r64 .ug-advanced-filters>label { display: grid; gap: 6px; min-width: 0; padding: 0 12px 12px; }
.r64 .ug-advanced-filters select { width: 100%; min-width: 0; }
.r64 .ug-link-unavailable { margin: 10px 0; color: var(--ug-muted); }
.r64 .ug-selection .pager { margin: 12px 0; padding: 0 16px; }
.r64 #messages:not(:empty) { max-width: min(720px,calc(100vw - 32px)); max-height: min(28vh,220px); overflow-y: auto; bottom: 20px; padding: 12px 16px; line-height: 1.45; box-shadow: 0 6px 18px #00000018; }

@media (max-width: 1100px) {
  .r64 #nav.ws-nav { left: 204px; right: 76px; }
  .r64 #nav.ws-nav>button { padding: 9px 12px !important; gap: 7px; }
  .r64:not(.dock-login)>header { padding-inline: 20px; }
  .r64:not(.dock-login)>header>img { width: 160px; }
  .r64:not(.dock-login):not(.ugarit-stocktake) main#app { padding-inline: 20px; }
  .r64 .dash-layout { grid-template-columns: minmax(0,1.5fr) minmax(260px,1fr); gap: 16px; }
  .r64 .dash-quick-actions { grid-template-columns: 1fr; }
  .r64 .dash-quick-actions button { min-height: 44px; padding: 10px 12px; }
  .r64 .ug-report-layout { grid-template-columns: 224px minmax(0,1fr); gap: 16px; }
  .r64 .ug-report-preview { padding: 16px; }
  .r64 .ug-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  body.r64 { --ug-panel: var(--r64-panel-solid); }
  .r64:not(.dock-login):not(.ugarit-stocktake)>header { height: 72px; padding: 8px 16px; position: sticky; top: 0; background: var(--r64-panel-solid); z-index: 35; }
  .r64:not(.dock-login):not(.ugarit-stocktake)>header>img { width: 150px; height: 52px; }
  .r64 #utility details>div { position: absolute; top: calc(100% + 8px); right: 0; min-width: 240px; padding: 10px; }
  .r64 #nav.ws-nav {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: calc(var(--r64-nav-height) + var(--r64-safe-bottom)) !important;
    margin: 0 !important;
    padding: 6px 10px calc(6px + var(--r64-safe-bottom)) !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 4px !important;
    align-items: stretch;
    background: var(--r64-panel-solid);
    border: 0;
    border-top: 1px solid var(--ug-line);
    border-radius: 0;
    box-shadow: 0 -3px 14px #00000008;
    z-index: 45;
  }
  .r64 #nav.ws-nav>button,
  .r64 #nav.ws-nav>button.active,
  .r64 #nav.ws-nav>button[data-ug-view=summary] {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 0 !important;
    width: 100%;
    min-height: 58px !important;
    padding: 5px 2px !important;
    border: 0 !important;
    border-radius: 10px;
    background: transparent;
    color: var(--ug-muted);
    font-size: 16px !important;
  }
  .r64 #nav.ws-nav>button.active { background: var(--ug-tint); color: var(--r64-accent-ink); }
  .r64 #nav.ws-nav>button :is(.nav-label,span:last-child) { font-size: 16px !important; font-weight: 400 !important; line-height: 1.2; white-space: normal; }
  .r64 #nav.ws-nav .ug-icon { width: 21px; height: 21px; }
  .r64 #nav.ws-nav[hidden] { display: none !important; }
  .r64:not(.dock-login):not(.ugarit-stocktake) main#app {
    padding: 18px 14px calc(var(--r64-nav-height) + var(--r64-safe-bottom) + 40px);
    min-height: calc(100dvh - 72px);
    scroll-margin-bottom: calc(var(--r64-nav-height) + var(--r64-safe-bottom) + 16px);
  }
  body.r64:not(.dock-login)::before { width: 76vw; height: 40vh; bottom: calc(var(--r64-nav-height) + var(--r64-safe-bottom)); opacity: .022; }
  html[data-theme=dark] body.r64:not(.dock-login)::before { opacity: .02; }
  .r64 :is(.heading,.ug-heading) { margin: 0 0 16px; gap: 12px; }
  .r64 .ug-heading>div { min-width: 0; }
  .r64 .ug-heading h1 { margin-bottom: 4px; }
  .r64 :is(.heading,.ug-heading)>button { padding: 8px 12px; }
  .r64 .ug-panel { padding: 14px; }
  .r64 .ug-pager { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; }
  .r64 .ug-pager>span:first-child { grid-column: 1/-1; margin: 0 0 2px; }
  .r64 .ug-pager>span:not(:first-child) { margin: 0; text-align: center; }
  .r64 :is(.ug-pager,.pager) button { min-height: 44px; padding: 8px 10px; }
  .r64 .ug-tabs { gap: 6px; }
  .r64 .ug-tabs button { min-height: 44px; padding: 8px 10px; }
  .r64 .ug-filters { gap: 12px; }
  .r64 .ug-filters label { min-width: 0; }
  .r64 .ug-item-row { padding: 10px; }
  .r64 .ug-item-copy { line-height: 1.4; }

  .r64 .dash-heading { align-items: flex-start; margin-bottom: 14px; }
  .r64 .dash-search { margin-bottom: 14px; }
  .r64 .dash-search>input { min-height: 46px; padding: 10px 12px; }
  .r64 .dash-search>button { min-width: 44px; padding: 9px; }
  .r64 .dash-search-results { max-height: min(50vh,360px); }
  .r64 .dash-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-bottom: 16px; }
  .r64 .dash-metric { min-height: 108px; padding: 12px; gap: 6px; border-radius: 10px; }
  .r64 .dash-metric>.ug-icon { top: 12px; right: 11px; width: 20px; height: 20px; }
  .r64 .dash-metric-label { gap: 6px; line-height: 1.35; }
  .r64 .dash-metric-label>.ug-icon { width: 19px; height: 19px; }
  .r64 .dash-metric-note { line-height: 1.35; }
  .r64 .dash-layout { display: flex; flex-direction: column; gap: 14px; }
  .r64 .dash-main { display: contents; }
  .r64 .dash-work { order: 1; }
  .r64 .dash-quick-actions { order: 2; }
  .r64 .dash-attention { order: 3; }
  .r64 .dash-recent { order: 4; }
  .r64 :is(.dash-work,.dash-attention,.dash-recent) { width: 100%; padding: 14px; border-radius: 11px; }
  .r64 .dash-section-head { margin-bottom: 12px; padding-bottom: 8px; gap: 10px; }
  .r64 .dash-section-head>button { padding-left: 6px; white-space: nowrap; }
  .r64 .dash-session-meta { display: block; margin-bottom: 10px; line-height: 1.45; }
  .r64 .dash-session-meta>* { margin-right: 7px; }
  .r64 .dash-progress { margin: 12px 0; }
  .r64 .dash-session-actions { margin-top: 12px; }
  .r64 .dash-session-actions>.primary { width: 100%; }
  .r64 .dash-quick-actions { width: 100%; display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--ug-line); border-radius: 10px; overflow: hidden; background: var(--r64-panel-solid); }
  .r64 .dash-quick-actions button { border: 0; border-bottom: 1px solid var(--ug-line); border-radius: 0; min-height: 46px; padding: 10px 12px; }
  .r64 .dash-quick-actions button:last-child { border-bottom: 0; }
  .r64 .dash-attention-row { padding: 11px 0; min-height: 48px; }
  .r64 .dash-recent-row { padding: 12px 0; flex-wrap: wrap; }
  .r64 .dash-recent-row>time { flex-basis: 100%; width: 100%; padding-left: 0; text-align: left; }

  .r64 .ug-report-layout { display: block; }
  .r64 .ug-report-mobile-controls { display: flex; flex-wrap: wrap; flex-basis: 100%; width: 100%; gap: 8px; margin: 0; }
  .r64 .ug-report-mobile-controls button { flex: 1; min-height: 44px; padding: 9px 12px; }
  .r64 .ug-report-menu,
  .r64 .ug-report-filters { display: none; }
  .r64 dialog .ug-report-menu { display: grid; max-width: none; }
  .r64 dialog .ug-report-filters { display: grid; grid-template-columns: 1fr; }
  .r64 dialog .ug-report-filters>label { grid-column: auto; }
  .r64 dialog .ug-report-filters .date-range { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r64 dialog[data-mode=report-filters] .ug-filters { grid-template-columns: minmax(0,1fr); padding: 0; border: 0; background: transparent; }
  .r64 dialog[data-mode=report-filters] .ug-filters>label { grid-column: auto; }
  .r64 dialog[data-mode=report-filters] .date-range { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .r64 .ug-report-active-filters { margin-bottom: 12px; }
  .r64 .ug-report-preview { padding: 0; border: 0; border-radius: 0; background: transparent; }
  .r64 .ug-report-preview>h2 { margin-bottom: 5px; }
  .r64 .ug-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0; }
  .r64 .ug-metric { padding: 12px; gap: 6px; border-radius: 10px; }
  .r64 .ug-metric.value { grid-column: auto; }
  .r64 :is(.ug-count-status-totals,.ug-report-status-totals) { gap: 7px 12px; padding: 10px 0; margin-bottom: 14px; }
  .r64 .ug-report-table-desktop { display: none; }
  .r64 .ug-mobile-report-list { display: grid; gap: 8px; min-width: 0; }
  .r64 .ug-mobile-report-row { min-width: 0; border: 1px solid var(--ug-line); border-radius: 10px; background: var(--r64-panel-solid); overflow: hidden; }
  .r64 .ug-mobile-report-row>summary { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 8px 12px; min-height: 72px; padding: 13px; cursor: pointer; list-style: none; }
  .r64 .ug-mobile-report-row>summary::-webkit-details-marker { display: none; }
  .r64 .ug-mobile-report-row>summary::after { content: ''; display: block; width: 16px; height: 16px; grid-column: 2; grid-row: 2; justify-self: end; align-self: center; background: var(--ug-muted); mask: url('/assets/icons-r52/chevron-right.svg') center/contain no-repeat; transform: rotate(90deg); }
  .r64 .ug-mobile-report-row[open]>summary::after { transform: rotate(-90deg); }
  .r64 .ug-mobile-report-row[open]>summary { background: var(--ug-tint); border-bottom: 1px solid var(--ug-line); }
  .r64 .ug-mobile-report-title { grid-column: 1; grid-row: 1; min-width: 0; overflow-wrap: anywhere; line-height: 1.4; }
  .r64 .ug-mobile-report-value { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; max-width: 120px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
  .r64 .ug-mobile-report-row>summary>.ug-badge { grid-column: 1; grid-row: 2; justify-self: start; max-width: 100%; white-space: normal; padding: 3px 7px; }
  .r64 .ug-mobile-report-details { padding: 13px; min-width: 0; }
  .r64 .ug-mobile-report-details dl { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 9px 13px; margin: 0; }
  .r64 .ug-mobile-report-details dl>div { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 13px; }
  .r64 .ug-mobile-report-details dt { color: var(--ug-muted); grid-column: 1; margin: 0; }
  .r64 .ug-mobile-report-details dd { grid-column: 2; margin: 0; min-width: 0; overflow-wrap: anywhere; white-space: pre-line; }
  .r64 .ug-mobile-report-details button { margin-top: 12px; min-height: 44px; }
  .r64 .ug-report-actions { position: sticky; bottom: calc(var(--r64-nav-height) + var(--r64-safe-bottom) + 8px); z-index: 18; padding: 8px; border: 1px solid var(--ug-line); border-radius: 11px; background: var(--r64-panel-solid); box-shadow: 0 -3px 12px #00000008; margin-top: 20px; }
  .r64 .ug-export-desktop,
  .r64 .ug-report-actions>button:not(.ug-export-menu) { display: none; }
  .r64 .ug-export-menu { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 46px; padding: 10px 14px; margin: 0; font-size: 16px !important; }
  .r64 .ug-report-actions:empty { display: none; }
  .r64 .ug-report-actions+.ug-export-menu { position: sticky; bottom: calc(var(--r64-nav-height) + var(--r64-safe-bottom) + 8px); z-index: 18; }
  .r64 .ug-session-list { gap: 10px; }
  .r64 .ug-session-row { grid-template-columns: minmax(0,1fr); gap: 10px; padding: 13px; }
  .r64 .ug-session-progress { gap: 7px; }
  .r64 .ug-session-actions { grid-column: 1/-1; max-width: none; gap: 7px; padding-top: 10px; border-top: 1px solid var(--ug-line); }
  .r64 .ug-session-actions :is(button,a.button) { flex: 1 1 42%; padding: 8px 10px; }
  .r64 .ug-session-actions details { flex: 1 1 42%; }
  .r64 .ug-session-actions summary { text-align: center; }
  .r64 .ug-session-actions details[open]>div { min-width: min(260px,calc(100vw - 54px)); right: 0; }
  .r64 .ug-selection-title { padding: 10px 12px; }
  .r64 :is(.ug-selection-all,.ug-selection-row) { padding: 10px 12px; gap: 10px; }
  .r64 .ug-selection-all { align-items: center; flex-wrap: wrap; }
  .r64 .ug-selection-all label { gap: 9px; }
  .r64 .ug-selection-row .master-thumb { width: 38px; height: 44px; }
  .r64 .ug-selection-footer { bottom: calc(var(--r64-nav-height) + var(--r64-safe-bottom) + 8px); padding: 10px; display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 8px; border-radius: 10px; }
  .r64 .ug-selection-footer>button:first-child { margin: 0; padding: 8px; }
  .r64 .ug-selection-footer>span { justify-self: end; }
  .r64 .ug-selection-footer>button.primary { width: 100%; grid-column: 1/-1; min-height: 46px; }
  .r64 .ug-selection .pager { padding: 0 12px; gap: 6px; }
  .r64 .ug-selection .pager>span { flex-basis: 100%; }
  .r64 .ug-selection .pager button { flex: 1; }
  .r64:not(.ugarit-stocktake) #messages:not(:empty) { top: 80px; bottom: auto; max-width: calc(100vw - 28px); max-height: 22vh; }
  .r64 dialog { max-height: calc(100dvh - 32px - var(--r64-safe-bottom)); padding: 20px 16px; width: calc(100vw - 28px); max-width: calc(100vw - 28px); }
  .r64 dialog .ug-actions { padding-top: 8px; }
  .r64 dialog .ug-actions button { min-height: 44px; }
}

@media (max-width: 390px) {
  .r64:not(.dock-login):not(.ugarit-stocktake) main#app { padding-inline: 12px; }
  .r64 .dash-metric { padding: 11px; }
  .r64 .dash-metric>.ug-icon { right: 10px; }
  .r64 .ug-report-mobile-controls button { padding-inline: 9px; }
  .r64 .ug-mobile-report-row>summary { padding: 12px; gap: 8px 10px; }
  .r64 .ug-mobile-report-value { max-width: 105px; }
  .r64 .ug-metric { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .r64 :is(.ug-mobile-report-row>summary::after,button) { transition: none; }
}
@media print {
  .r64 :is(.ug-report-mobile-controls,.ug-report-active-filters,.ug-mobile-report-list,.ug-export-menu,.ug-export-desktop,.dash-page) { display: none !important; }
  .r64 #ug-print .ug-table { overflow: visible; border: 0; }
  .r64 #ug-print .ug-report-logo { display: block !important; }
}