.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 22px 18px;color:#526159;font-size:13px}
.chart-legend span:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-legend .plan:before,.bar.plan{background:#87958e}
.chart-legend .good:before,.bar.good{background:#2f855a}
.chart-legend .defect:before,.bar.defect{background:#c73e3a}
.bar-chart{display:grid;gap:18px;padding:0 22px 22px}
.bar-group{border-top:1px solid #e0e5e1;padding-top:12px}
.bar-group:first-child{border-top:0;padding-top:0}
.bar-row{display:grid;grid-template-columns:58px minmax(100px,1fr) 52px;align-items:center;gap:10px;margin-top:7px;font-size:13px}
.bar-row i{display:block;width:var(--bar);min-width:2px;height:15px;border-radius:3px}
.bar-row em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
.sawing-entry-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.sawing-task-form{grid-template-columns:repeat(4,minmax(0,1fr))}
.sawing-task-form>label,.sawing-task-form>button{min-width:0}
details .sawing-task-form{grid-template-columns:1fr}
.sawing-entry-grid{align-items:start}
.sawing-job-form{display:grid;gap:16px}
.sawing-weight-forms{display:grid;gap:16px;min-width:0}
.sawing-weight-forms form{display:grid;gap:10px;min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}
.sawing-weight-forms p,.sawing-weight-history article{overflow-wrap:anywhere}
.sawing-weight-history{display:grid;gap:12px}
.sawing-weight-history article{padding:12px 0;border-top:1px solid var(--line)}
.sawing-job-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sawing-job-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0;border-top:1px solid var(--line);align-items:end}
.sawing-job-line:first-child{border-top:0}
.sawing-job-line .transition-warning{align-self:center;padding:8px;border-radius:8px;background:#fff3f1}
details .sawing-job-header,details .sawing-job-line{grid-template-columns:1fr}
@media(max-width:1100px){.sawing-task-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.sawing-job-header,.sawing-job-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sawing-task-form,.sawing-job-header,.sawing-job-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sawing-task-form,.sawing-job-header,.sawing-job-line{grid-template-columns:1fr}}
.shift-report-table input[type="number"]{min-width:7rem;width:100%}
.shift-report-table input[name="defectComment"]{min-width:14rem;width:100%}
.shift-report-table select{min-width:16rem}
.shift-report-table label{display:block;margin:.25rem 0}
.shift-report-scroll{overflow:visible;position:relative}
.shift-report-table .smart-select:focus-within{z-index:4}
.shift-report-table .smart-select-results{z-index:4}
.confirmation{display:flex;gap:.6rem;align-items:flex-start;margin:1rem 0}
@media(max-width:760px){
  [data-sawing-shift-report] .form-grid,[data-sawing-shift-report] .form-grid>label{min-width:0;max-width:100%;overflow:hidden}
  [data-sawing-shift-report] input[type="date"]{-webkit-appearance:none;appearance:none;display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%}
  .shift-report-table td[data-mobile-label=""]::before{display:none}
}