/* Quiet white/gray report surfaces. The original data and controls remain authoritative. */
body #appContent[data-ui-page="report"], body #page-report { color:#1d1d1f; }
body #appContent[data-ui-page="report"] .report-tab {
  display:flex; align-items:center; flex-wrap:nowrap; gap:3px; width:fit-content; max-width:100%;
  margin:0 0 25px; padding:4px; border:1px solid #e5e5e9; border-radius:11px; background:#ededf0; overflow-x:auto;
}
body #appContent[data-ui-page="report"] .report-category {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:40px; margin:0;
  padding:8px 19px; border:1px solid transparent; border-radius:8px; background:transparent;
  box-shadow:none; color:#68686d; font-size:12px; font-weight:500; line-height:1.4; white-space:nowrap;
}
body #appContent[data-ui-page="report"] .report-category.active { background:#fff; border-color:#e1e1e6; color:#1d1d1f; box-shadow:0 1px 3px rgba(0,0,0,.06); }
body #appContent[data-ui-page="report"] .report-category:hover:not(.active) { color:#1d1d1f; background:rgba(255,255,255,.35); }
body #appContent[data-ui-page="report"] .report-category:focus-visible { outline:2px solid #007aff; outline-offset:1px; }
body #appContent[data-ui-page="report"] > .stat-grid,
body #page-report #statsGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 24px; }
body #appContent[data-ui-page="report"] .stat-card,
body #page-report #statsGrid .stat-card {
  display:flex; flex-direction:column-reverse; align-items:flex-start; justify-content:flex-end; gap:15px;
  min-width:0; min-height:133px; padding:21px 24px 22px; border:1px solid #e5e5e9; border-radius:15px;
  background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.02); text-align:left;
}
body #page-report #statsGrid .sc-icon { display:none; }
body #appContent[data-ui-page="report"] .stat-card::before,
body #appContent[data-ui-page="report"] .stat-card::after,
body #page-report #statsGrid .stat-card::before,
body #page-report #statsGrid .stat-card::after { display:none!important; }
body #appContent[data-ui-page="report"] .stat-num,
body #page-report #statsGrid .sc-value { margin:0; color:#1d1d1f!important; font-size:35px; font-weight:600; letter-spacing:-1.1px; line-height:1; font-variant-numeric:tabular-nums; }
body #appContent[data-ui-page="report"] .stat-label,
body #page-report #statsGrid .sc-label { margin:0; color:#7b7b82; font-size:12px; font-weight:500; line-height:1.4; letter-spacing:.1px; }
body #appContent[data-ui-page="report"] > .card,
body #page-report > .report-chart {
  min-width:0; padding:25px 27px; margin:0 0 24px; border:1px solid #e5e5e9!important; border-radius:16px;
  background:#fff!important; box-shadow:0 1px 2px rgba(0,0,0,.02)!important;
}
body #appContent[data-ui-page="report"] > .card > div:first-child:not(.ui-report-chart-body),
body #page-report .report-chart > .rc-title {
  margin:0 0 20px!important; padding:0!important; border:0!important; color:#29292d;
  font-size:15px!important; font-weight:600!important; line-height:1.5; letter-spacing:0;
}
body #page-report .report-chart > .rc-title::after { display:none; }
body #appContent[data-ui-page="report"] > .section-title,
body #page-report > .section-title { padding:0; margin:27px 0 15px; color:#242428!important; font-size:17px; font-weight:600; letter-spacing:-.2px; }
body #page-report > .section-title:first-child { margin:0 0 24px; font-size:23px; }
body #appContent[data-ui-page="report"] .ui-report-source-canvas,
body #page-report .ui-report-source-canvas { display:none!important; }
.ui-report-chart-body { min-width:0; }
.ui-report-chart-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; color:#8a8a91; font-size:10px; }
.ui-report-chart-unit { color:#a0a0a6; }
.ui-report-example-badge { padding:3px 7px; border:1px solid #e8e8ec; border-radius:5px; background:#f7f7f9; color:#88888e; font-size:10px; }
.ui-report-bars { display:flex; flex-direction:column; gap:20px; min-height:196px; padding:3px 0 7px; }
.ui-report-bar-row { display:grid; grid-template-columns:minmax(68px,112px) minmax(0,1fr) 27px; align-items:center; gap:18px; min-width:0; }
.ui-report-bar-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#6c6c73; font-size:12px; line-height:1.3; }
.ui-report-bar-track { display:block; height:9px; background:#f1f1f5; border-radius:5px; overflow:hidden; }
.ui-report-bar-fill { display:block; height:100%; border-radius:5px; background:#568fea; min-width:0; }
.ui-report-bar-value { color:#393940; font-size:12px; font-weight:550; text-align:right; font-variant-numeric:tabular-nums; }
.ui-report-method-note { margin:23px 0 0; color:#9b9ba2; font-size:10px; line-height:1.7; }
.ui-report-chart-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:222px; padding:25px; color:#a0a0a6; text-align:center; }
.ui-report-chart-empty strong { color:#707078; font-size:14px; font-weight:500; }
.ui-report-chart-empty span { font-size:11px; }
.ui-report-quality-empty { min-height:255px; }
.ui-report-empty-symbol { width:42px; height:42px; margin-bottom:9px; fill:none; stroke:#b7c3d6; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.ui-report-monthly-plot { display:block; width:100%; max-width:780px; height:auto; margin:0 auto; overflow:visible; }
.ui-report-plot-grid { stroke:#ededf1; stroke-width:1; vector-effect:non-scaling-stroke; }
.ui-report-axis { fill:#9c9ca4; font-family:inherit; font-size:10px; }
.ui-report-plot-line { fill:none; stroke:#568fea; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.ui-report-plot-point { fill:#fff; stroke:#568fea; stroke-width:2; vector-effect:non-scaling-stroke; }
.ui-report-plot-value { fill:#64646c; font-family:inherit; font-size:11px; font-weight:500; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper {
  overflow-x:auto; width:100%; margin-bottom:24px; border:1px solid #e5e5e9; border-radius:13px; background:#fff;
}
body #appContent[data-ui-page="report"] .ui-report-table-wrapper table { min-width:480px; width:100%; font-size:12px!important; border-collapse:collapse!important; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper tr { border-bottom:1px solid #efeff2!important; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper tr:last-child { border-bottom:0!important; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper th { padding:15px 20px!important; background:#fafafa; color:#929298!important; font-size:11px; font-weight:500; white-space:nowrap; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper td { padding:18px 20px!important; color:#51515a; font-size:12px; line-height:1.5; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper td:first-child { color:#888891; font-size:11px; white-space:nowrap; font-variant-numeric:tabular-nums; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper td:nth-child(2) { color:#303038; font-weight:500; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper td:last-child { font-variant-numeric:tabular-nums; }
body #appContent[data-ui-page="report"] .ui-report-table-wrapper tr:hover td { background:#fafbfd; }
body #appContent[data-ui-page="report"] .ui-report-export { display:flex; justify-content:flex-end; margin:0 0 22px!important; }
body #appContent[data-ui-page="report"] .ui-report-export > button { width:auto!important; min-width:126px; min-height:44px; padding:10px 16px; border:1px solid #dedee4; border-radius:9px; background:#fff!important; box-shadow:none!important; color:#57575f!important; font-size:12px; font-weight:500; }
body #appContent[data-ui-page="report"] .ui-report-export > button:hover { border-color:#babac5; background:#fafafa!important; }
body #page-report #workerLoad { margin-top:0!important; }
body #page-report #workerLoad > div { grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important; gap:14px!important; }
body #page-report #workerLoad > div > div { padding:16px 18px!important; border:1px solid #e9e9ee; border-radius:10px!important; background:#fafafa!important; }
body #page-report #workerLoad > div > div > div:first-child > span:first-child { color:#62626a; font-size:12px!important; }
body #page-report #workerLoad > div > div > div:first-child > span:last-child { font-size:18px!important; font-weight:550!important; font-variant-numeric:tabular-nums; }
body #page-report #workerLoad .prog-bar { height:4px; margin-top:12px!important; border-radius:4px; background:#eaeaf0; box-shadow:none!important; }
body #page-report #workerLoad .prog-fill { border-radius:4px; box-shadow:none!important; }
body #page-report #workerLoad [style*="#00E676"] { color:#4b9477!important; }
body #page-report #workerLoad [style*="#FFD600"] { color:#b1924d!important; }
body #page-report #workerLoad [style*="#F44336"] { color:#bd6d6d!important; }
body #page-report #workerLoad .prog-fill[style*="#00E676"] { background:#8bb5a3!important; }
body #page-report #workerLoad .prog-fill[style*="#FFD600"] { background:#c7b183!important; }
body #page-report #workerLoad .prog-fill[style*="#F44336"] { background:#cf9999!important; }
@media(min-width:1150px) {
  body #appContent[data-ui-page="report"] { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:22px; align-content:start; align-items:start; }
  body #appContent[data-ui-page="report"] > * { grid-column:1/-1; }
  body #appContent[data-ui-page="report"] > .report-tab { grid-column:1/10; grid-row:1; }
  body #appContent[data-ui-page="report"] > .ui-report-export { grid-column:10/13; grid-row:1; align-self:start; }
  body #appContent[data-ui-page="report"] > .card:has(canvas) { padding:28px 32px 24px; }
  body #appContent[data-ui-page="report"] .ui-report-bars { max-width:950px; }
  body #page-report.active { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; align-content:start; align-items:start; }
  body #page-report > .section-title, body #page-report > #statsGrid, body #page-report > .report-chart:has(#workerLoad) { grid-column:1/-1; }
  body #page-report > .report-chart:has(#chartMonthly), body #page-report > .report-chart:has(#chartWorkload) { align-self:stretch; }
}
@media(max-width:700px) {
  body #appContent[data-ui-page="report"] .report-tab { width:100%; margin-bottom:18px; }
  body #appContent[data-ui-page="report"] .report-category { flex:1 0 auto; min-height:40px; padding:8px 13px; font-size:11px; }
  body #appContent[data-ui-page="report"] > .stat-grid, body #page-report #statsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
  body #appContent[data-ui-page="report"] .stat-card, body #page-report #statsGrid .stat-card { min-height:114px; padding:18px 17px; border-radius:12px; gap:13px; }
  body #appContent[data-ui-page="report"] .stat-num, body #page-report #statsGrid .sc-value { font-size:30px; }
  body #appContent[data-ui-page="report"] .stat-label, body #page-report #statsGrid .sc-label { font-size:11px; }
  body #appContent[data-ui-page="report"] > .card, body #page-report > .report-chart { padding:20px 17px; border-radius:13px; margin-bottom:18px; }
  .ui-report-bars { gap:20px; min-height:185px; }
  .ui-report-bar-row { grid-template-columns:minmax(56px,78px) minmax(0,1fr) 22px; gap:12px; }
  .ui-report-bar-label, .ui-report-bar-value { font-size:11px; }
  .ui-report-method-note { margin-top:19px; font-size:9px; line-height:1.7; }
  body #appContent[data-ui-page="report"] .ui-report-export > button { width:100%!important; }
  body #appContent[data-ui-page="report"] .ui-report-table-wrapper th { padding:13px 15px!important; }
  body #appContent[data-ui-page="report"] .ui-report-table-wrapper td { padding:16px 15px!important; }
  body #page-report #workerLoad > div { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body #page-report #workerLoad > div > div { min-width:0; padding:14px 12px!important; }
  body #page-report #workerLoad > div > div > div:first-child { gap:8px; }
}
@media(prefers-reduced-motion:reduce) { .ui-report-chart-body * { animation:none!important; transition:none!important; } }

/* Home overview: quiet stage navigation with the underlying equipment a click away. */
body #appContent .ui-home-stage-card {
  padding:26px!important; border:1px solid #e2e6ed!important; border-radius:20px!important;
  background:linear-gradient(155deg,#fff 0%,#fdfdfe 100%)!important;
  box-shadow:0 2px 4px #23395203,0 12px 32px #23395205!important;
}
body #appContent .ui-home-stage-card > div:first-child:not(.ui-home-stages),
body #appContent .ui-home-stage-card > canvas.ui-report-source-canvas { display:none!important; }
body #page-dashboard .ui-home-stage-card > :first-child:not(.ui-report-chart-body),
body #page-dashboard .ui-home-stage-card > .ui-report-source-canvas,
body #page-dashboard .ui-home-status-card > .ui-report-source-canvas { display:none!important; }
body #page-dashboard .ui-home-stage-card,body #page-dashboard .ui-home-status-card { padding:24px!important; background:#fff!important; border:1px solid #e2e6ed!important; border-radius:18px!important; box-shadow:0 8px 24px #23395205!important; }
body #page-dashboard .ui-board-stages .ui-stage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body #page-dashboard .ui-home-status-card .ui-report-chart-meta { font-size:12px; color:#708094; }
body #page-dashboard .ui-home-status-card .ui-report-method-note { font-size:11px; color:#778699; }
.ui-home-stages .ui-stage-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.ui-home-stages .ui-stage-eyebrow { display:block; color:#7b8796; font-size:10px; font-weight:650; letter-spacing:1.5px; margin-bottom:8px; }
.ui-home-stages h2 { margin:0; color:#202a39; font-size:22px; letter-spacing:-.5px; font-weight:650; line-height:1.35; }
.ui-home-stages .ui-stage-heading p { margin:8px 0 0; color:#697587; font-size:13px; }
.ui-home-stages .ui-stage-total { display:flex; align-items:baseline; gap:8px; white-space:nowrap; }
.ui-home-stages .ui-stage-total strong { color:#253246; font-size:36px; font-weight:600; line-height:1; font-variant-numeric:tabular-nums; letter-spacing:-1px; }
.ui-home-stages .ui-stage-total span { color:#778293; font-size:12px; }
.ui-home-stages .ui-stage-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
body .ui-home-stages button.ui-stage-tile {
  appearance:none; display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0;
  padding:15px 14px 14px; color:#384557; background:#f7f8fa; border:1px solid transparent;
  border-radius:12px; text-align:left; font:inherit; box-shadow:inset 0 1px 0 #ffffffb3;
  cursor:pointer; transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.ui-home-stages .ui-stage-index { color:#8d98a7; font-size:10px; letter-spacing:1px; font-variant-numeric:tabular-nums; }
.ui-home-stages .ui-stage-label { margin-top:8px; color:#5b6778; font-size:12px; font-weight:550; line-height:1.5; }
.ui-home-stages .ui-stage-value { display:flex; align-items:baseline; gap:6px; margin-top:11px; color:#8a94a3; font-size:11px; }
.ui-home-stages .ui-stage-value strong { color:#2f3c50; font-size:28px; font-weight:600; line-height:1; font-variant-numeric:tabular-nums; letter-spacing:-.5px; }
.ui-home-stages .ui-stage-track { display:block; width:100%; height:3px; margin-top:15px; background:#e4e8ee; border-radius:3px; overflow:hidden; }
.ui-home-stages .ui-stage-track > span { display:block; height:100%; background:#a6b9d2; border-radius:3px; }
body .ui-home-stages button.ui-stage-tile[aria-pressed=true] { background:#edf4fe; border-color:#b9d0f0; box-shadow:inset 0 1px 0 #fff,0 3px 8px #3269a00b; }
.ui-home-stages .ui-stage-tile[aria-pressed=true] .ui-stage-label,
.ui-home-stages .ui-stage-tile[aria-pressed=true] .ui-stage-value strong { color:#2468b9; }
.ui-home-stages .ui-stage-tile[aria-pressed=true] .ui-stage-track > span { background:#377dd1; }
.ui-home-stages .ui-stage-result { margin-top:24px; }
.ui-home-stages .ui-stage-result-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 12px; }
.ui-home-stages .ui-stage-result-heading h3 { margin:0; color:#3b4859; font-size:13px; font-weight:600; }
.ui-home-stages .ui-stage-result-heading > span { color:#748195; font-size:12px; }
.ui-home-stages .ui-stage-device-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-height:330px; overflow-y:auto; overscroll-behavior:contain; }
body .ui-home-stages button.ui-stage-device {
  appearance:none; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-width:0;
  padding:16px; text-align:left; background:#fff; border:1px solid #e4e8ee; border-radius:12px; font:inherit;
  box-shadow:0 2px 4px #17355802; cursor:pointer; transition:border-color .18s,background .18s;
}
.ui-home-stages .ui-stage-device-identity { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; }
.ui-home-stages .ui-stage-device-id { font-size:10px; letter-spacing:.8px; color:#8791a0; font-variant-numeric:tabular-nums; }
.ui-home-stages .ui-stage-device-identity strong { color:#273449; font-size:13px; line-height:1.55; font-weight:550; overflow-wrap:anywhere; }
.ui-home-stages .ui-stage-device-owner { color:#718096; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.ui-home-stages .ui-stage-device-process { color:#4c6d95; font-size:11px; line-height:1.6; }
.ui-home-stages .ui-stage-device-end { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.ui-home-stages .ui-stage-state { color:#7c899a; background:#f4f6f8; border-radius:5px; padding:4px 6px; font-size:10px; white-space:nowrap; }
.ui-home-stages .ui-stage-state.is-started { color:#2469ad; background:#eff5fc; }
.ui-home-stages .ui-stage-arrow { color:#8b9aaf; font-size:17px; }
.ui-home-stages .ui-stage-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-top:18px; padding-top:15px; border-top:1px solid #edf0f4; color:#808c9b; font-size:11px; line-height:1.65; }
.ui-home-stages .ui-stage-footer > span:last-child { white-space:nowrap; }
.ui-home-stages .ui-stage-empty { color:#7d8898; font-size:13px; padding:22px; border-radius:12px; background:#f8f9fb; text-align:center; }
body .ui-home-stages button:focus-visible { outline:3px solid #87afe1; outline-offset:3px; }
@media(hover:hover) {
  body .ui-home-stages button.ui-stage-tile:hover { transform:translateY(-2px); border-color:#c8d5e6; background:#f0f4fa; }
  body .ui-home-stages button.ui-stage-device:hover { border-color:#bfd1e7; background:#fafdff; }
}
@media(min-width:1000px) and (max-width:1279px) { .ui-home-stages .ui-stage-device-list { grid-template-columns:1fr; } }
@media(max-width:760px) {
  body #appContent .ui-home-stage-card { padding:22px 18px!important; border-radius:17px!important; }
  .ui-home-stages .ui-stage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .ui-home-stages .ui-stage-heading { align-items:flex-start; gap:14px; }
  .ui-home-stages h2 { font-size:20px; }
  .ui-home-stages .ui-stage-total { flex-direction:column; gap:7px; align-items:flex-end; }
  .ui-home-stages .ui-stage-total strong { font-size:32px; }
  .ui-home-stages .ui-stage-device-list { grid-template-columns:1fr; max-height:380px; }
  .ui-home-stages .ui-stage-device-end { gap:7px; }
  .ui-home-stages .ui-stage-device-identity strong { font-size:14px; }
  .ui-home-stages .ui-stage-device-owner { font-size:12px; }
  .ui-home-stages .ui-stage-footer { flex-direction:column; gap:5px; }
}
@media(max-width:420px) {
  .ui-home-stages .ui-stage-label { font-size:12px; }
  body .ui-home-stages button.ui-stage-tile { padding:14px 11px; }
  body .ui-home-stages button.ui-stage-device { gap:8px; padding:14px 12px; }
  .ui-home-stages .ui-stage-device-end { flex-direction:column; align-items:flex-end; }
}