.popup-order-editor .order-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px}
.popup-order-editor .project-field,.popup-order-editor .wide-field,.popup-order-editor .vehicle-picker,.popup-order-editor .employee-picker{grid-column:span 2;min-width:0}
.popup-order-editor .description-field,.popup-order-editor .order-flags,.order-start-suggestion{grid-column:1/-1}
.popup-order-editor .field{min-width:0;align-content:start}
.order-schedule-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.8fr) repeat(2,minmax(165px,.7fr)) minmax(105px,.4fr);align-items:start;gap:14px}
.order-schedule-row:has(>.order-time-field[hidden]){grid-template-columns:minmax(190px,.8fr)}
.order-schedule-row .order-break-field>span:first-child{color:#7b5700}.order-schedule-row .order-break-field select{border-color:#d7b85d;background:#fffdf5}
.gk-reference-controls{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(190px,1.1fr);align-items:stretch;gap:8px}.gk-reference-controls .gk-reference-picker{margin-top:0}.gk-reference-controls:has(.gk-reference-picker[hidden]){grid-template-columns:1fr}.gk-reference-hint{min-height:1em}
.team-number-picker{position:relative;display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));align-items:center;gap:6px;min-height:42px;max-width:190px}.team-number-picker button{min-width:0;height:42px;border:1px solid #b9c7d2;border-radius:8px;background:#fff;color:#253746;font:inherit;font-weight:750;cursor:pointer}.team-number-picker button:hover{border-color:#2f6fc1;background:#f2f7fc}.team-number-picker button[aria-pressed=true]{border-color:#1f68ad;background:#e7f1fb;color:#104f89;box-shadow:inset 0 0 0 1px #1f68ad}.team-number-value{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.team-field>span{display:flex;justify-content:space-between;gap:6px}.team-field>span small,.team-selection-hint{color:#647180;font-size:.68rem;font-weight:500}.team-selection-hint{display:block;margin-top:3px;line-height:1.25}
.gk-reference-picker{margin-top:5px;padding:7px 9px;border:1px solid #9db3c4;border-radius:6px;background:#f3f8fc;color:#163a57;font:inherit;font-size:.78rem}.gk-reference-picker[hidden],.gk-reference-hint[hidden]{display:none!important}.gk-reference-hint{display:block;margin-top:3px;color:#526f85;font-size:.7rem;line-height:1.25}
.popup-order-editor .time-quarter-fields{grid-template-columns:minmax(48px,70px) auto minmax(48px,70px)}
.order-start-suggestion{margin:0;color:#245b8a;font-size:.78rem}
.order-start-suggestion[hidden],.project-reference-value[hidden]{display:none!important}
@media(max-width:700px){.popup-order-editor .order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popup-order-editor .project-field,.popup-order-editor .vehicle-picker,.popup-order-editor .employee-picker{grid-column:1/-1}.popup-order-editor .wide-field{grid-column:span 1}}
@media(max-width:380px){.popup-order-editor .order-form-grid{grid-template-columns:minmax(0,1fr)}.popup-order-editor .wide-field{grid-column:1/-1}}
@media(max-width:1100px){.order-schedule-row{grid-template-columns:minmax(160px,.8fr) repeat(2,minmax(150px,.8fr)) minmax(105px,.45fr)}}
@media(max-width:600px){.order-schedule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.order-schedule-row .team-field{grid-column:1/-1}.order-schedule-row .order-break-field{grid-column:1/-1;max-width:150px}.gk-reference-controls{grid-template-columns:1fr}.gk-reference-controls .gk-reference-picker{margin-top:0}}

.order-hours{margin:0 0 12px;padding:9px 13px;border:1px solid #d7e1e9;border-radius:10px;background:#fff;font-size:.82rem}
.hours-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px;color:#52606d}
.hours-heading strong{font-size:.8rem}.hours-heading strong span{margin-left:5px;font-weight:500}
.hours-values{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hours-values>span{display:flex;gap:5px;align-items:baseline;padding:5px 9px;border-radius:6px;background:#edf4f9}
.hours-values b{font-size:1rem;color:#18202a}
.hours-values .shortfall{background:#fff1e5;color:#96521d}.hours-values .covered{background:#e5f5eb;color:#176b36}
.hours-note,.hours-message{display:block;margin-top:5px;color:#647180;font-size:.7rem;line-height:1.25}.hours-message:empty{display:none}
.popup-order-page .popup-header{margin-bottom:12px}.popup-order-page .popup-header h1{font-size:1.35rem;margin:4px 0}.popup-order-page .popup-header p{display:none}
.popup-order-editor .order-route-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.popup-order-editor .order-route-row .field{grid-column:auto}
.employee-activity-options{display:grid;gap:6px}.employee-activity-row{display:grid;gap:5px;min-width:0}
.employee-person-fields{display:grid;grid-template-columns:minmax(85px,1fr) minmax(80px,1fr) auto;gap:8px;align-items:center;min-width:0}
.employee-own-times{font-size:.72rem;white-space:nowrap}
.employee-time-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(65px,.7fr);gap:8px;padding:8px;background:#f1f6fa;border-radius:6px}
.employee-time-fields[hidden],.employee-own-times[hidden]{display:none}
.employee-time-fields span{font-size:.72rem}
.employee-time-fields .time-quarter-fields{display:flex;gap:3px}
.employee-options .employee-time-fields>label{display:grid;gap:2px;align-content:start}
.employee-time-fields select{min-width:0;width:100%;padding:5px 3px;font-size:.78rem;border:1px solid #b9c2ca;border-radius:5px;background:#fff;color:#18202a}
.employee-time-fields .time-quarter-fields select{width:48px;flex:1}
@media(max-width:650px){.employee-person-fields{grid-template-columns:1fr 1fr}.employee-own-times{grid-column:1/-1}}
.employee-activity-row label{min-width:0;overflow-wrap:anywhere}.employee-activity-row input[type=checkbox]{flex-shrink:0}
.employee-activity-row .employee-activity-input{width:100%;height:auto;min-width:0;padding:5px 7px;border:1px solid #b9c2ca;border-radius:6px;background:#fff;color:#18202a;font:inherit;font-size:.78rem}
.employee-activity-input:disabled{visibility:hidden}
@supports (appearance:base-select){.order-break-field select,.order-break-field select::picker(select),.employee-time-fields select,.employee-time-fields select::picker(select){appearance:base-select}.order-break-field select::picker(select),.employee-time-fields select::picker(select){max-block-size:190px;overflow-y:auto;border:1px solid #b9c2ca;border-radius:8px;background:#fff}.order-break-field select option,.employee-time-fields select option{min-block-size:36px;padding:7px 12px}}
@media(max-width:700px){.popup-order-editor .order-route-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hours-note{max-width:100%}}
.order-hours{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px}
.hours-heading{display:grid;gap:2px;margin:0}.hours-values{justify-content:flex-end}
.hours-note,.hours-message{grid-column:1/-1;margin:0}
@media(max-width:650px){.order-hours{grid-template-columns:1fr}.hours-values{justify-content:flex-start}}
.order-billing-fields{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:10px 12px;border:1px solid #dce5ed;border-radius:8px;background:#f6f9fc}
.order-billing-fields .field{min-width:180px;max-width:280px}
.order-billing-fields .reference-field{flex:1 1 420px;max-width:none}
.order-billing-fields .form-hint{flex:1;min-width:180px;margin:0}
.order-billing-fields [hidden],.order-form-grid [data-order-resources][hidden]{display:none!important}
.order-form-grid [data-order-time-field][hidden]{display:none!important}
.order-material-picker{grid-column:1/-1;min-width:0}.order-material-options{display:grid;gap:6px}.order-material-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(90px,.35fr) minmax(160px,1fr);gap:9px;align-items:end;padding:7px 9px;border:1px solid #dce5ed;border-radius:7px;background:#f8fafc}.order-material-select{align-self:center;display:flex;gap:8px;align-items:center}.order-material-select>span{display:grid}.order-material-select small{color:#647180;font-size:.7rem}.order-material-row>label:not(.order-material-select){display:grid;gap:2px}.order-material-row>label>span{font-size:.7rem;font-weight:700}.order-material-row input[type=number],.order-material-row input[type=text]{width:100%;min-height:34px;padding:5px 7px;border:1px solid #b9c2ca;border-radius:6px;background:#fff;color:#18202a;font:inherit}.order-material-row input:disabled{background:#eef2f5;color:#8a949d}
@media(min-width:701px){.popup-order-editor .vehicle-picker{align-self:start}.popup-order-editor .employee-picker{grid-row:span 2}.popup-order-editor .order-material-picker{grid-column:span 2;align-self:start}.popup-order-editor .order-form-grid:has(.employee-picker[hidden]) .order-material-picker{grid-column:1/-1}}
@media(max-width:650px){.order-material-row{grid-template-columns:minmax(0,1fr) minmax(90px,.35fr)}.order-material-note{grid-column:1/-1}}
@media(max-width:600px){.order-billing-fields .reference-field{flex-basis:100%;min-width:0}}