.order-work-editor{container-type:inline-size}
.order-work-editor .order-work-grid{gap:8px;margin-top:8px}
.order-work-editor .order-work-block>header{flex-wrap:wrap;gap:6px 12px;padding:7px 9px}
.order-work-editor .order-work-link{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:400;line-height:1.4;cursor:pointer}
.order-work-editor .order-work-link input{width:16px;height:16px;margin:0;flex:none;accent-color:#3b6084}
.order-work-editor .order-work-common{display:grid;grid-template-columns:minmax(120px,180px) minmax(180px,360px);justify-content:start;align-items:center;gap:6px 10px;padding:8px 10px;background:#f4f8fb}
.order-work-editor .order-work-common>label{margin:0;font-size:12px;font-weight:600}
.order-work-editor .order-work-common .form-help{grid-column:1/-1;margin:0;color:#975516}
.order-work-editor .order-work-common input{box-sizing:border-box;min-width:0;width:100%;height:34px;padding:5px 30px 5px 7px;font-size:13px}
.order-work-editor .order-work-common .order-work-choose{position:absolute;inset:1px 1px 1px auto;width:25px;padding:0;border:0;border-left:1px solid #bdcfdf;border-radius:0 5px 5px 0;background:#eef4f9;color:#244d70}
.order-work-editor .order-work-common .order-work-choose[aria-expanded=true]{background:#dcebf8;box-shadow:inset 0 0 0 1px #3b6084}
.order-work-editor .order-work-scroll{overflow:visible}
.order-work-editor .order-work-stage{grid-template-columns:minmax(125px,1fr) minmax(180px,2fr) 68px;gap:6px 9px;min-width:0;min-height:46px;padding:6px 9px}
.order-work-editor .order-work-stage>h3{grid-column:1;font-size:12px}
.order-work-editor .order-work-stage>.order-work-executor{grid-column:2;grid-row:1}
.order-work-editor .order-work-stage>.order-work-completion{grid-column:3;grid-row:1;display:flex;gap:5px;justify-content:flex-end}
.order-work-editor .order-work-field-label{display:block;margin:0 0 3px;font-size:10px;line-height:1.3;color:#415a70}
.order-work-editor .order-work-check .order-work-field-label{margin:0}
.order-work-editor .order-work-check[data-work-detail-field]{justify-content:flex-start;gap:5px;align-self:end;min-height:34px}
.order-work-editor [data-work-details-open=false] [data-work-detail-field]{display:none!important}
.order-work-editor [data-work-linked=true][data-work-details-open=false]>.order-work-scroll{display:none}
.order-work-editor [data-work-details-open=true] .order-work-stage{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:9px;padding-bottom:9px}
.order-work-editor [data-work-details-open=true] .order-work-stage>h3{grid-column:1/3}
.order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-executor{grid-column:3/6}
.order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-completion{grid-column:6}
.order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]{grid-row:2}
.order-work-editor [data-work-details-open=true] .order-work-mail-actions{grid-column:5/7;align-self:end;min-height:34px}
.order-work-editor .order-work-details-toggle{margin:5px 9px 7px;padding:5px 8px;font-size:11px}
.order-work-editor .order-work-details-toggle[aria-expanded=true]{background:#315e86;color:#fff;border-color:#315e86}
@container(max-width:700px){
 .order-work-editor .order-work-stage{grid-template-columns:minmax(95px,1fr) minmax(140px,1.4fr) 58px;gap:6px}
 .order-work-editor [data-work-details-open=true] .order-work-stage{grid-template-columns:repeat(3,minmax(0,1fr))}
 .order-work-editor [data-work-details-open=true] .order-work-stage>h3{grid-column:1}
 .order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-executor{grid-column:2/4}
 .order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-completion{grid-column:3;grid-row:2;justify-content:flex-start}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]{grid-row:auto}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(3){grid-column:1/3;grid-row:2}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(4){grid-column:1;grid-row:3}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(5){grid-column:2;grid-row:3}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(6){grid-column:1/3;grid-row:4}
 .order-work-editor [data-work-details-open=true] .order-work-mail-actions{grid-column:1/4;grid-row:5}
}
@container(max-width:420px){
 .order-work-editor .order-work-common{grid-template-columns:minmax(0,1fr)}
 .order-work-editor .order-work-stage{grid-template-columns:minmax(0,1fr) 66px}
 .order-work-editor .order-work-stage>h3{grid-column:1}
 .order-work-editor .order-work-stage>.order-work-completion{grid-column:2}
 .order-work-editor .order-work-stage>.order-work-executor{grid-column:1/-1;grid-row:2}
 .order-work-editor [data-work-details-open=true] .order-work-stage>h3{grid-column:1/3}
 .order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-executor{grid-column:1/4;grid-row:2}
 .order-work-editor [data-work-details-open=true] .order-work-stage>.order-work-completion{grid-column:3;grid-row:1}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(3){grid-column:1/4;grid-row:3}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(4){grid-column:1/3;grid-row:4}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(5){grid-column:3;grid-row:4}
 .order-work-editor [data-work-details-open=true] .order-work-stage>[data-work-detail-field]:nth-child(6){grid-column:1/4;grid-row:5}
 .order-work-editor [data-work-details-open=true] .order-work-mail-actions{grid-column:1/4;grid-row:6}
}
@media(max-width:620px){
 .order-metadata-dialog:has(.order-work-editor)>.order-metadata-head{flex-wrap:wrap;gap:6px;padding:10px 14px}
 .order-metadata-dialog:has(.order-work-editor)>.order-metadata-head>.order-metadata-identity{flex:1 1 calc(100% - 45px)}
 .order-metadata-dialog:has(.order-work-editor)>.order-metadata-head>.dialog-close{order:1}
 .order-metadata-dialog:has(.order-work-editor)>.order-metadata-head>.content-zoom-controls{order:2;flex-basis:100%;margin-left:0;justify-content:flex-start}
 .order-metadata-dialog:has(.order-work-editor)>.order-metadata-head h2{font-size:15px}
}