/* MES-backed daily and product reports; shared with the existing eVision theme. */
.report-filter-panel{margin-bottom:17px;padding:17px 21px}
.report-filter-panel .filter-form{gap:10px}
.report-filter-panel .filter-form>label{min-width:138px}
.report-filter-panel .filter-form>label.grow{min-width:210px}
.report-filter-panel .filter-form .btn{align-self:end}
.report-filter-panel .report-check{display:inline-flex;align-items:center;gap:7px;min-width:unset;font-size:12px;color:#4e6782;white-space:nowrap;padding:11px 2px}
.report-filter-panel .report-check input[type=checkbox]{display:inline-block;width:16px;height:16px;margin:0;padding:0;accent-color:#2366eb}
.report-stat-grid{margin-top:0;margin-bottom:17px}
.report-visual-panel{margin-bottom:16px}
.report-legend{display:flex;flex-wrap:wrap;gap:17px;color:#668096;font-size:11px;margin:-4px 0 17px}
.report-legend span{display:inline-flex;align-items:center;gap:6px}
.legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}
.legend-swatch.ok,.trend-ok{background:linear-gradient(#22b58a,#15966d)}
.legend-swatch.ng,.trend-ng{background:linear-gradient(#f07082,#dc4d64)}
.legend-swatch.hold,.trend-hold{background:linear-gradient(#ffcd70,#efa73d)}
.trend-viewport{overflow-x:auto;padding:4px 0 13px}
.trend-chart{min-width:max-content;display:flex;gap:8px;align-items:flex-end;min-height:286px;border-bottom:1px solid #cfdcea;background:repeating-linear-gradient(to top,#e8eef7 0,#e8eef7 1px,transparent 1px,transparent 53px);padding:5px 8px 0}
.trend-column{width:36px;flex:0 0 36px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:7px;text-align:center;color:#6a8199;border-radius:7px 7px 0 0;transition:background .12s}
.trend-column:hover{background:#e9f3ff}
.trend-count{font-size:10px;color:#3c6288;min-height:13px}
.trend-bar{width:26px;height:212px;display:flex;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;border-radius:5px 5px 0 0;background:transparent}
.trend-segment{display:block;flex:0 0 auto;width:100%;min-height:0}
.trend-column small{font-size:10px;white-space:nowrap;letter-spacing:-.5px;padding-bottom:9px}
.report-table-panel .panel-title{margin-bottom:14px}
.report-scroll{max-height:590px}
.report-scroll th,.report-scroll td{padding:12px 13px}
.report-scroll td{white-space:nowrap}
.report-scroll tbody tr:hover{background:#f6faff}
.report-scroll .numeric{text-align:right;font-variant-numeric:tabular-nums}
.report-scroll .positive{color:#198f69;font-weight:700}
.report-scroll .negative{color:#cd5265;font-weight:700}
.report-code{font-weight:750;color:#284f76}
.report-link{font-size:11px;color:#2366eb;font-weight:800;white-space:nowrap}
.report-link:hover{text-decoration:underline}
.report-muted{font-size:11px;color:#a2afbd}
@media(max-width:720px){
  .report-filter-panel{padding:14px}
  .report-filter-panel .filter-form>label{min-width:calc(50% - 10px);flex:1}
  .report-filter-panel .filter-form>label.grow{min-width:100%}
  .report-filter-panel .report-check{min-width:100%;padding:3px 0}
  .trend-column{width:31px;flex-basis:31px}
  .trend-bar{width:23px}
  .report-scroll{max-height:520px}
}
