@import url('./warehouse-availability.css');
.workshop-receipt-page{min-width:0;width:100%}
.receipt-entry{padding:10px 0}
.receipt-heading,.receipt-history-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.receipt-heading h3,.receipt-history-heading h3{margin:0 0 4px}
.receipt-heading p{margin:0;font-size:12px;color:#536b7d}
.receipt-heading .toolbar{margin:0}
.receipt-fields{display:grid;gap:8px;margin:12px 0;position:relative}
.receipt-main-fields{display:flex;align-items:start;gap:8px;flex-wrap:wrap}
.receipt-identity,.receipt-parameters,.receipt-dimensions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;min-width:0}
.receipt-identity{flex-basis:100%}
.receipt-dimensions{font-size:14px}
.receipt-dimensions>.receipt-field{font-size:14px;flex:none}
.receipt-dimensions>.receipt-field>.receipt-field-caption{font-size:12px}
.receipt-field,.receipt-format{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.receipt-field>span{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:22px}
.receipt-field>span b,.receipt-required-help>b{color:#a63232}
.receipt-field>:is(input,select,textarea),.receipt-field>.wm-receipt-location-control>:is(input,select),.receipt-format>input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #b9cad9;border-radius:5px;padding:5px 7px;background:#fff;color:inherit;font-size:14px;min-height:32px}
.receipt-field>:is(input,select),.receipt-field>.wm-receipt-location-control>:is(input,select),.receipt-format>input{height:32px;min-height:32px;margin:0}
.receipt-main-fields .receipt-field{width:82px;flex:0 0 auto;max-width:100%}
.receipt-main-fields .receipt-field-sku{width:140px}
.receipt-main-fields .receipt-field-name{width:30ch;font-size:14px}
.receipt-main-fields .receipt-field-name>.receipt-field-caption{font-size:12px}
.receipt-main-fields :is(.receipt-field-lengthMm,.receipt-field-widthMm){width:calc(4ch + 28px)}
.receipt-main-fields :is(.receipt-field-thicknessMm,.receipt-field-quantity){width:calc(2ch + 28px)}
.receipt-main-fields .receipt-field-locationCode{width:calc(10ch + 16px)}
.receipt-main-fields .receipt-field-grainAxis{width:132px}
.receipt-main-fields .receipt-field-sheetKind{width:124px}
.receipt-main-fields .receipt-field-manufacturerName,.receipt-main-fields .receipt-field-dealerName{width:145px}
.receipt-main-fields .receipt-field-materialType{width:120px}
.receipt-format{width:166px;max-width:100%;flex:0 0 auto}
.receipt-format>span{min-height:22px;display:flex;align-items:center}
.receipt-field-note{width:100%}
.receipt-field-note textarea{display:block;width:100%;resize:vertical;min-height:72px;height:72px}
.receipt-field-invalid>:is(input,select,textarea){border:2px solid #c44747;background:#fffafb;padding:4px 6px}
.receipt-field-highlight.receipt-field-valid>:is(input,select,textarea){border:2px solid #478862;background:#edf8f0;padding:4px 6px}
.receipt-field>:is(input,select,textarea):focus{outline:2px solid #98bdda;outline-offset:1px}
.receipt-field-invalid>:is(input,select,textarea):focus{outline-color:#d98e8e}
.receipt-field-highlight.receipt-field-valid>:is(input,select,textarea):focus{outline-color:#8bb99b}
.receipt-dash{border:1px solid #b9cad9;border-radius:4px;padding:0 5px;min-width:26px;height:22px;line-height:18px;background:#f3f7fa;color:#315674;cursor:pointer;font-size:14px}
.receipt-dash:hover{border-color:#315674;background:#e6eff7}
.receipt-required-help{font-size:12px;color:#566d7e;margin:8px 0}
.receipt-field .text-field-assistant{margin:0}
.receipt-field .text-field-assistant .toolbar,.receipt-field .voice-text-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0}
.receipt-field .voice-history-position{white-space:nowrap}
.receipt-field .voice-text-tools>label{display:inline-flex}
.receipt-field .text-field-assistant :is(button,select){font-size:11px;min-height:28px;padding:3px 6px;max-width:100%}
.receipt-history{margin-top:18px;border-top:1px solid #d5e0e8;padding-top:10px}
.receipt-sort{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.receipt-sort label{display:flex;align-items:center;gap:6px;font-size:12px}
.receipt-sort select{padding:5px 7px;min-height:30px;font-size:12px}
.receipt-request{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;margin:7px 0;border:1px solid #c9d7e1;border-left:3px solid #b94848;border-radius:6px;background:#fff}
.receipt-request>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.receipt-request-summary{font-size:13px;line-height:1.5}
.receipt-request-meta{font-size:12px;color:#607487;white-space:pre-wrap;line-height:1.4}
.receipt-request[data-state=approved]{border-left-color:#478862}
.receipt-request[data-state=rejected]{border-left-color:#98a5b0}
.receipt-request>button{flex-shrink:0}
dialog.receipt-review-dialog{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;height:auto;min-height:0;max-height:94vh;padding:16px;border:1px solid #9fb4c4;border-radius:9px;color:#18384c;background:#fff;overflow:auto}
.receipt-review-dialog::backdrop{background:#233e5066}
.receipt-review-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #c6d5e2;padding:0 0 10px;position:sticky;top:-16px;z-index:2;background:#fff}
.receipt-review-dialog>header h3{margin:0;flex:1;font-size:18px}
.receipt-review-dialog>header .close{border:1px solid #b9cad9;border-radius:5px;width:30px;height:30px;font-size:20px;color:#315674;background:white;cursor:pointer}
.receipt-review-dialog>[data-receipt-review-body],.movement-review-dialog [data-movement-review-body]{max-height:calc(94vh - 150px);overflow:auto;padding-right:3px}
.receipt-review-dialog>footer,.receipt-settings-dialog footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #c6d5e2;padding-top:10px;background:#fff}
.receipt-review-dialog [data-receipt-review-error]{color:#9e3228;margin:8px 0}
.receipt-review-dialog [data-receipt-review-error]:empty{display:none}
.receipt-review-context{font-size:12px;color:#587080;margin:10px 0}
.receipt-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #c5d6e3;border-radius:6px;padding:10px;margin:12px 0}
.receipt-admin-fields legend{font-size:13px;font-weight:600;padding:0 5px}
.receipt-entry>[data-receipt-feedback]{color:#315674}
.receipt-entry>[data-receipt-feedback]:empty{display:none}
.receipt-review-dialog :is(input,select,textarea):disabled{opacity:1;background:#f3f6f8;color:#425766}
.receipt-catalog-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#577080}
.receipt-catalog-status .btn{padding:3px 6px;min-height:24px;font-size:11px}
.receipt-catalog-results{display:flex;flex-direction:column;gap:3px;max-height:210px;overflow:auto;padding:5px;border:1px solid #9fb9cf;border-radius:5px;background:white;box-shadow:0 4px 14px #16384c22}
.receipt-catalog-results>button{border:0;border-radius:3px;background:#f4f8fb;color:#18384c;padding:6px 8px;text-align:left;cursor:pointer;font:inherit}
.receipt-catalog-results>button:hover,.receipt-catalog-results>button[aria-selected=true]{background:#dcecf7;outline:1px solid #89aeca}
.receipt-catalog-results small{display:block;margin-top:2px;color:#587080}
.receipt-fields [hidden]{display:none!important}
dialog.receipt-settings-dialog{width:min(560px,96vw);height:auto;min-height:0}
.receipt-settings-dialog>p{font-size:13px;line-height:1.45;margin:12px 0}
.receipt-settings-dialog form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px}
.receipt-highlight-option{display:flex;align-items:center;gap:8px;min-height:24px;font-size:13px}
.receipt-highlight-option input{width:17px;height:17px;margin:0;flex:none}
.receipt-settings-dialog footer,.receipt-settings-dialog [role=alert]{grid-column:1/-1}
.receipt-settings-dialog [role=alert]{color:#a3322c;margin:0}
.receipt-settings-dialog [role=alert]:empty{display:none}
.workshop-movement-page [hidden],.workshop-receipt-page [hidden]{display:none!important}
.movement-review-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.movement-review-facts>div{padding:8px;border-bottom:1px solid #d5e0e8;min-width:0}
.movement-review-facts>.movement-material-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:0 8px 8px}
.movement-material-actions[hidden]{display:none!important}
.movement-material-actions>.btn{box-sizing:border-box;flex:0 1 150px;width:150px;max-width:150px;min-width:0;white-space:nowrap;padding:8px;font-size:13px}
.movement-review-facts dt{font-size:12px;color:#587080;margin-bottom:4px}
.movement-review-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.movement-review-dialog [name=reason]{min-height:70px;resize:vertical}
.movement-review-dialog .voice-text-tools{display:flex;gap:4px;flex-wrap:wrap}
.movement-review-fields{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.movement-review-fields .receipt-field{width:135px;flex:1 1 135px}
.movement-review-dialog form>.receipt-field{margin:10px 0}
.workshop-movement-request .movement-request-content{min-width:0;flex:1;gap:4px}
.workshop-movement-request .movement-request-summary{display:flex;align-items:baseline;gap:5px 10px;flex-wrap:wrap;font-size:13px;line-height:1.45}
.workshop-movement-request .movement-request-summary>span{display:inline;overflow-wrap:anywhere}
.workshop-movement-request .movement-request-meta{font-size:12px;color:#526979;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.workshop-movement-request{padding:8px 10px;gap:10px}
.receipt-request[data-state=withdrawn],.workshop-movement-request[data-state=withdrawn]{border-left-color:#8796a1;background:#f3f6f8}
@media(max-width:760px){.receipt-request{align-items:flex-start;flex-direction:column}.receipt-admin-fields{grid-template-columns:1fr}.receipt-main-fields .receipt-field-name{max-width:calc(100% - 148px)}}
@media(max-width:480px){.receipt-settings-dialog form{grid-template-columns:1fr}.movement-review-facts{grid-template-columns:1fr}.receipt-sort label{flex:1}.receipt-sort select{min-width:0;max-width:100%}}

.movement-review-dialog [data-receipt-review-error][data-message-tone=success],.movement-review-dialog [data-receipt-review-error][data-message-tone=progress]{width:fit-content;max-width:100%;padding:5px 8px;border:0;background:#fff;color:#16713b;font-size:13px;font-weight:600;overflow-wrap:anywhere}

/* Keep physical movement facts compact, with every caption above its control. */
.workshop-movement-form .workshop-movement-facts{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 8px;margin:8px 0;padding:0;border:0}
.workshop-movement-facts>.receipt-field{flex:0 0 auto;max-width:100%;gap:3px;white-space:nowrap}
.workshop-movement-facts>.receipt-field{font-size:14px}
.workshop-movement-facts>.receipt-field>span{font-size:12px}
.workshop-movement-facts .movement-fact-size{width:calc(4ch + 28px)}
.workshop-movement-facts :is(.movement-fact-thickness,.movement-fact-quantity){width:calc(2ch + 28px)}
.workshop-movement-facts .movement-fact-location{width:calc(10ch + 16px)}
.workshop-movement-facts .workshop-movement-destination{width:430px;min-width:0;white-space:normal}
.workshop-movement-facts .movement-fact-kind{width:132px}
.workshop-movement-facts .receipt-field>:is(input,select){height:32px;min-height:32px;padding:5px 6px}
.workshop-movement-form .movement-draft-note{margin:8px 0;gap:3px}
.workshop-movement-form .movement-draft-note>textarea{height:72px;min-height:72px;resize:vertical}
.workshop-movement-form .movement-draft-note .text-field-assistant{margin:0}
.workshop-movement-form .movement-draft-note .text-field-assistant>[role=status]:empty{display:none}
.workshop-movement-facts>.receipt-price-width{flex-basis:100%}

.receipt-dimensions input[type=number],.workshop-movement-facts input[type=number]{appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.receipt-dimensions input[type=number]::-webkit-inner-spin-button,.receipt-dimensions input[type=number]::-webkit-outer-spin-button,.workshop-movement-facts input[type=number]::-webkit-inner-spin-button,.workshop-movement-facts input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.receipt-main-fields .receipt-field-caption>span{overflow-wrap:anywhere}

/* Receipt arrival and inventory posting are separate stages. */
.receipt-request[data-receipt-stage=expected],.wm-receipt-stage[data-receipt-stage=expected]{background:#e8f1fa;border-left-color:#6f9fc5}
.receipt-request[data-receipt-stage=arrived],.wm-receipt-stage[data-receipt-stage=arrived]{background:#fff8e5;border-left-color:#c4a24c}
.receipt-request[data-receipt-stage=posted],.wm-receipt-stage[data-receipt-stage=posted]{background:#e4f3e9;border-left-color:#478862}
.receipt-request:is([data-receipt-stage=rejected],[data-receipt-stage=withdrawn]),.wm-receipt-stage:is([data-receipt-stage=rejected],[data-receipt-stage=withdrawn]){background:#f3ddda;border-left-color:#b94848}
.receipt-request>.receipt-request-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;overflow:visible;flex-shrink:0}
.wm-receipt-stage{display:grid;gap:4px;padding:8px 10px;margin:8px 0;border:1px solid #c9d7e1;border-left:3px solid;font-size:13px;line-height:1.4}

/* Decision state is independent of the movement direction. */
.workshop-movement-request-state{display:inline-flex;align-self:flex-start;align-items:center;min-height:24px;padding:2px 9px;border:1px solid #bd8520;border-radius:4px;background:#fff0c2;color:#654100;font-size:12px;font-weight:700;line-height:1.4}
.workshop-movement-request[data-state="pending"],.workshop-movement-request[data-state="pending_receipt"]{border-color:#b98220;box-shadow:inset 0 0 0 1px #e6bf6b}
.workshop-movement-request-state[data-state="approved"]{border-color:#6d987b;background:#e1eee5;color:#245c37}
.workshop-movement-request-state[data-state="rejected"]{border-color:#bf827b;background:#f3dfdc;color:#802d24}
.workshop-movement-request-state[data-state="withdrawn"]{border-color:#989898;background:#dedede;color:#414141}
.workshop-movement-request[data-outcome-unknown="true"]{border-color:#b98220;border-style:dashed}
.workshop-movement-request[aria-busy="true"]{opacity:.8}
.workshop-movement-page [data-message-tone="warning"],.movement-review-dialog [data-message-tone="warning"]{color:#704700;background:#fff4d9;border-left:3px solid #b98220;padding:8px 10px}
.workshop-movement-page [data-message-tone="progress"],.movement-review-dialog [data-message-tone="progress"]{color:#284f70;font-weight:600}
.workshop-movement-page [data-message-tone="success"],.movement-review-dialog [data-message-tone="success"]{color:#245c37}
.movement-review-dialog>.workshop-movement-request-state,.movement-review-dialog [data-movement-review-body]>.workshop-movement-request-state{margin-bottom:10px}

.workshop-movement-page .workshop-movement-history-heading{display:block}
.workshop-movement-page .workshop-movement-history-heading h3{margin:0 0 10px}
.workshop-movement-page .workshop-movement-history-filters{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:0;max-width:100%}
.workshop-movement-page .workshop-movement-history-filters label{flex:0 1 auto;min-width:0;max-width:100%}
.workshop-movement-page .workshop-movement-history-filters .movement-history-code{flex:0 1 240px}
.workshop-movement-page .workshop-movement-history-filters input,.workshop-movement-page .workshop-movement-history-filters select{height:32px;box-sizing:border-box;max-width:100%;min-width:0;margin:0}
.workshop-movement-page .workshop-movement-history-filters .movement-history-code input{width:100%}
.workshop-movement-page .workshop-movement-history-filters>button{height:32px;min-height:32px;box-sizing:border-box}

.workshop-movement-page [data-movement-requests][data-filter-loading="true"]{opacity:.55}