.work-order-operation-material-tabs{display:flex;gap:6px;margin:0 0 14px;padding:4px;border:1px solid #dce9df;border-radius:12px;background:#f3f8f4}.work-order-operation-material-tabs button{flex:1;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#74857b;font-size:.75rem;font-weight:800}.work-order-operation-material-tabs button.active{background:#fff;color:#17633f;box-shadow:0 2px 8px rgba(34,91,52,.12)}.work-order-operation-material-tabs button i{margin-right:5px}.work-order-material-detail-intro{margin:-8px 0 14px;color:#74857b;font-size:.75rem}.work-order-material-detail-list{display:grid;gap:10px}.work-order-material-operation{overflow:hidden;border:1px solid #dce9df;border-radius:14px;background:#fbfdfb}.work-order-material-operation header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f1f8f3}.work-order-material-operation header div{display:grid;gap:3px}.work-order-material-operation header span{color:#4b9c68;font-size:.68rem;font-weight:800}.work-order-material-operation header strong{color:#294936;font-size:.78rem}.work-order-material-operation header b{color:#17633f;font-size:.68rem;white-space:nowrap}.work-order-material-detail-rows{display:grid}.work-order-material-detail-row{display:grid;grid-template-columns:minmax(0,1.5fr) .8fr .9fr auto;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #e7eee9;font-size:.72rem}.work-order-material-detail-row>div{display:grid;gap:2px}.work-order-material-detail-row strong{color:#294936}.work-order-material-detail-row span{color:#74857b}.work-order-material-detail-row>span:not(.work-order-material-detail-stock){color:#294936;font-weight:800}.work-order-material-detail-stock{color:#60766a!important}.work-order-material-detail-status{padding:4px 7px;border-radius:999px;background:#e5f4e8;color:#17633f!important;font-size:.65rem;font-weight:800;text-align:center}.work-order-material-detail-empty{margin:0;padding:13px 14px;color:#83938a;font-size:.72rem}@media(max-width:700px){.work-order-material-detail-row{grid-template-columns:1fr 1fr}.work-order-material-detail-row>div{grid-column:1/-1}}
.work-order-material-detail-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-items:stretch;padding:12px 14px}.work-order-material-detail-main{display:grid;gap:3px;min-width:0}.work-order-material-detail-main strong{overflow:visible;white-space:normal;overflow-wrap:anywhere}.work-order-material-detail-main span{font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}.work-order-material-detail-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-order-material-detail-quantity{min-width:0;padding:9px 10px;border:1px solid;border-radius:10px}.work-order-material-detail-quantity span{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.work-order-material-detail-quantity strong{display:block;margin-top:4px;font-size:.95rem}.work-order-material-detail-quantity small{font-size:.62rem;font-weight:600}.work-order-material-detail-quantity.planned{border-color:#d2e5d7;background:#f2f9f4}.work-order-material-detail-quantity.planned span{color:#62836c}.work-order-material-detail-quantity.planned strong{color:#245f3c}.work-order-material-detail-quantity.actual{border-color:#c9dfe5;background:#f0f8fa}.work-order-material-detail-quantity.actual span{color:#4e7e8a}.work-order-material-detail-quantity.actual strong{color:#245f70}.work-order-material-detail-quantity em{display:block;margin-top:5px;color:#718078;font-size:.62rem;font-style:normal;font-weight:800}.work-order-material-detail-stock{padding:0!important;color:#7a8b91!important;font-size:.65rem!important;font-weight:600!important}.work-order-material-detail-status{display:none}.work-order-material-detail-row>div:not(.work-order-material-detail-main):not(.work-order-material-detail-comparison){display:block}@media(max-width:480px){.work-order-material-detail-comparison{gap:6px}.work-order-material-detail-quantity{padding:8px}.work-order-material-detail-quantity strong{font-size:.85rem}}
html[data-theme="dark"] .work-order-material-detail-row{border-color:#365047}html[data-theme="dark"] .work-order-material-detail-main strong{color:#d7eadc}html[data-theme="dark"] .work-order-material-detail-main span,html[data-theme="dark"] .work-order-material-detail-stock{color:#adc0b4!important}html[data-theme="dark"] .work-order-material-detail-quantity.planned{border-color:#416653;background:#294638}html[data-theme="dark"] .work-order-material-detail-quantity.actual{border-color:#3d6170;background:#29434b}html[data-theme="dark"] .work-order-material-detail-quantity.planned strong{color:#d7f0dd}html[data-theme="dark"] .work-order-material-detail-quantity.actual strong{color:#c3e6f0}
 .work-order-material-detail-name-line{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0}.work-order-material-detail-name-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-order-material-detail-comparison-badge{flex:none;padding:4px 7px;border:1px solid;border-radius:999px;font-size:.58rem!important;font-style:normal;font-weight:800!important;line-height:1.1;white-space:nowrap}.work-order-material-detail-comparison-badge.is-match{border-color:#c9e3d0;background:#e8f6ec;color:#26734b}.work-order-material-detail-comparison-badge.is-unused{border-color:#d9e0e1;background:#f0f3f3;color:#68797e}.work-order-material-detail-comparison-badge.is-additional{border-color:#c9dfe5;background:#edf7fa;color:#2b7182}.work-order-material-detail-comparison-badge.is-under{border-color:#f0d9ad;background:#fff6e5;color:#9a681c}.work-order-material-detail-comparison-badge.is-over{border-color:#eccaca;background:#fbeeee;color:#a44740}@media(max-width:480px){.work-order-material-detail-comparison-badge{padding:3px 5px;font-size:.52rem!important}.work-order-material-detail-name-line{gap:5px}}
html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-match{border-color:#416653;background:#294638;color:#bce2c7}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-unused{border-color:#4a5a5c;background:#2c3839;color:#c4d0d2}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-additional{border-color:#3d6170;background:#29434b;color:#c3e6f0}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-under{border-color:#80683d;background:#493b25;color:#f0cf8f}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-over{border-color:#754b4b;background:#4a2f2f;color:#f0b5b5}
 .work-order-material-detail-comparison-badge.is-unused{border-color:#eccaca;background:#fbeeee;color:#a44740}.work-order-material-detail-comparison-badge.is-over{border-color:#f0d9ad;background:#fff6e5;color:#9a681c}
html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-unused{border-color:#754b4b;background:#4a2f2f;color:#f0b5b5}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-over{border-color:#80683d;background:#493b25;color:#f0cf8f}
 .work-order-material-detail-comparison-badge.is-unused{border-color:#d9e0e1;background:#f0f3f3;color:#68797e}.work-order-material-detail-comparison-badge.is-not-used{border-color:#eccaca;background:#fbeeee;color:#a44740}
html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-unused{border-color:#4a5a5c;background:#2c3839;color:#c4d0d2}html[data-theme="dark"] .work-order-material-detail-comparison-badge.is-not-used{border-color:#754b4b;background:#4a2f2f;color:#f0b5b5}