.fabric-planning .fp-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.fabric-planning .fp-block{border:1px solid #dce3d8;border-radius:12px;padding:18px;margin:14px 0}
.fabric-planning .fp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.fabric-planning .fp-route{display:grid;grid-template-columns:36px repeat(5,minmax(0,1fr)) 110px;gap:10px;align-items:end;margin-top:12px}
.fabric-planning .fp-yarn{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 110px;gap:12px;align-items:end;margin-top:12px}
.fabric-planning .fp-input{display:grid;grid-template-columns:4fr 1fr 110px;gap:12px;align-items:end;margin-top:12px}
.fabric-planning .fp-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}
.fabric-planning .fp-actions .action-icon{width:46px;min-width:46px;height:48px;padding:10px}
.fabric-planning .field{min-width:0;width:100%}.fabric-planning h3{font-size:1.1rem;margin:16px 0}
.fabric-planning .fp-costs{display:flex;gap:24px;flex-wrap:wrap;padding:12px 0;font-size:13px}
@media(max-width:1000px){.fabric-planning .fp-grid,.fabric-planning .fp-route{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.fabric-planning .fp-header,.fabric-planning .fp-grid,.fabric-planning .fp-route,.fabric-planning .fp-yarn,.fabric-planning .fp-input{grid-template-columns:1fr 1fr}.fabric-planning .fp-block{padding:12px}.fabric-planning .fp-yarn>label:first-child,.fabric-planning .fp-input>label:first-child{grid-column:1/-1}.fabric-planning .fp-actions{grid-column:1/-1}}

@media(max-width:650px){.fabric-planning .voucher-button-label{display:none}}

.fabric-planning .fp-inline-help{display:inline;margin-left:4px}

.fabric-planning .fp-plan-header{grid-template-columns:minmax(145px,.65fr) minmax(190px,1fr) minmax(300px,2fr);align-items:start}
.fabric-planning .fp-fabric-choice{max-width:420px;margin-bottom:16px}
.fabric-planning .fp-variant{display:grid;grid-template-columns:24px repeat(5,minmax(0,1fr)) 100px;gap:10px;align-items:end;padding:12px;border:1px solid #dce3d8;border-radius:10px;margin-top:8px}
.fabric-planning .fp-po-row{grid-template-columns:minmax(150px,1.4fr) minmax(125px,1.2fr) minmax(60px,.6fr) minmax(110px,1fr) minmax(70px,.7fr) minmax(55px,.5fr) minmax(110px,1fr) minmax(110px,1fr) minmax(70px,.65fr) 100px;gap:8px}
.fabric-planning .fp-po-row>*,.fabric-planning .fp-variant>*{min-width:0}
.fabric-planning .fp-po-row .field-label,.fabric-planning .fp-variant .field-label{white-space:nowrap}
.fabric-planning .fp-row-number{align-self:center}
@media(max-width:1100px){.fabric-planning .fp-po-row{grid-template-columns:repeat(5,minmax(0,1fr))}.fabric-planning .fp-plan-header{grid-template-columns:1fr 1fr}.fabric-planning .fp-plan-header .fp-process-select{grid-column:1/-1}}
@media(max-width:650px){.fabric-planning .fp-po-row,.fabric-planning .fp-variant{grid-template-columns:1fr 1fr;border:1px solid #dce3d8;border-radius:10px;padding:12px}.fabric-planning .fp-row-number{grid-column:1/-1}.fabric-planning .fp-po-row>label:first-child{grid-column:1/-1}}

@media(min-width:1101px){.fabric-planning .fp-po-row{grid-template-columns:minmax(170px,1.4fr) minmax(150px,1.4fr) minmax(70px,.65fr) minmax(140px,1.2fr) minmax(90px,.8fr) minmax(65px,.55fr) minmax(90px,.7fr) 100px}}

.fabric-planning .fp-plan-header .field-label{display:flex;flex-direction:column;gap:8px;min-width:0}
.fabric-planning .fp-plan-header .field,.fabric-planning .fp-plan-header .erp-select{margin-top:0!important}
.fabric-planning .fp-plan-header input.field,.fabric-planning .fp-plan-header .ts-control{height:56px;min-height:56px;box-sizing:border-box}
.fabric-planning .fp-plan-header .ts-control{padding-top:0;padding-bottom:0;align-items:center}
.fabric-planning .fp-plan-header .field-help{margin-top:0}
.fabric-planning .composite-table .field-label{display:block;margin:0;min-width:0}
.fabric-planning .composite-table .field,.fabric-planning .composite-table .erp-select{margin-top:0}
.fabric-planning .composite-table th{white-space:nowrap}
.fabric-planning .composite-table .fp-inline-help{display:inline}
@media(min-width:801px){.fabric-planning .fp-po-table th:nth-child(2){width:20%}.fabric-planning .fp-po-table th:nth-child(3){width:18%}.fabric-planning .fp-po-table th:nth-child(4){width:8%}.fabric-planning .fp-po-table th:nth-child(5){width:16%}.fabric-planning .fp-po-table th:nth-child(7){width:7%}}
