.supplier-transfer-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:90dvh;padding:0;border:1px solid #dce5e9;border-radius:18px;color:var(--text,#18333d);background:var(--panel,#fff)}
.supplier-transfer-dialog::backdrop{background:rgba(12,31,40,.48)}
.supplier-transfer-dialog[open]{display:flex;flex-direction:column}
.supplier-transfer-shell>header,.supplier-transfer-shell>footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;flex-shrink:0}
.supplier-transfer-shell>header{border-bottom:1px solid #e2e9ed}.supplier-transfer-shell>footer{border-top:1px solid #e2e9ed;justify-content:flex-end}
.supplier-transfer-dialog h2,.supplier-transfer-dialog h3,.supplier-transfer-dialog p{margin:0}.supplier-transfer-dialog header h2{font-size:21px}
.supplier-transfer-body{overflow:auto;padding:24px;min-height:0;overscroll-behavior:contain}.supplier-transfer-body>.muted{margin-bottom:16px}
.supplier-transfer-card{border:1px solid #dce5e9;border-radius:14px;padding:20px;margin-top:16px;display:grid;gap:14px}
.supplier-transfer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.supplier-transfer-heading h3{font-size:18px}
.supplier-transfer-state{background:#e9f4f1;color:#08756b;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:650}
.supplier-transfer-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-transfer-leg{background:#f4f7f8;padding:14px;border-radius:10px;display:grid;gap:7px}
.supplier-transfer-actions{display:flex;flex-wrap:wrap;gap:8px}.supplier-transfer-dialog button{min-height:42px}
.supplier-transfer-dialog .muted,.supplier-transfer-dialog small{color:#617784;font-size:13px;line-height:1.5}
.supplier-transfer-dialog summary{cursor:pointer;font-weight:600;padding:8px 0}.supplier-transfer-event{display:grid;gap:5px;padding:12px 0;border-top:1px solid #e2e9ed}.supplier-transfer-event strong{font-size:14px;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}
.supplier-transfer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.supplier-transfer-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}
.supplier-transfer-form input,.supplier-transfer-form select,.supplier-transfer-form textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #ccd8de;border-radius:9px;padding:10px 12px;background:#fff;color:inherit;font:inherit}
.supplier-transfer-form textarea{resize:vertical}.supplier-transfer-wide{grid-column:1/-1}.supplier-transfer-error{color:#a62c32;margin-top:16px!important;white-space:pre-wrap}
@media(max-width:600px){.supplier-transfer-form,.supplier-transfer-legs{grid-template-columns:1fr}.supplier-transfer-shell>header,.supplier-transfer-shell>footer,.supplier-transfer-body{padding:16px}.supplier-transfer-actions button{flex:1 1 170px}}

/* Use the same dialog shell, header and lookup controls as the workshop. */
dialog.supplier-transfer-dialog{width:min(900px,calc(100vw - 32px));min-height:0;overflow:hidden;padding:0}
dialog.supplier-transfer-dialog>.supplier-transfer-shell{display:flex;flex-direction:column;min-height:0;width:100%;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:inherit;box-shadow:none;overflow:hidden}
.supplier-transfer-shell>.panel-header{margin:0;flex:0 0 auto}
.supplier-transfer-shell>.dialog-actions{margin:0;flex:0 0 auto;background:var(--modal-surface)}
.supplier-transfer-body{flex:0 1 auto;scrollbar-width:thin;scrollbar-color:#8c9aa3 transparent}
.supplier-transfer-form{align-content:start}
.supplier-transfer-form>label,.supplier-transfer-form>[data-warranty-request]{min-width:0;margin:0}
.supplier-transfer-form label:after{content:none!important}
.supplier-transfer-form [data-warranty-request][hidden],.supplier-transfer-dialog select[hidden],.supplier-transfer-dialog .routes-picker-menu[hidden]{display:none!important}
.supplier-transfer-dialog .routes-picker{position:relative;min-width:0}
.supplier-transfer-dialog .routes-picker>input{padding-right:42px;cursor:pointer}
.supplier-transfer-dialog .routes-picker-toggle{position:absolute;right:1px;top:1px;width:38px;height:42px;min-height:0;padding:0;border:0;border-radius:0 7px 7px 0;background:transparent;color:#31566c;box-shadow:none;cursor:pointer}
.supplier-transfer-dialog .routes-picker-menu{position:absolute;left:0;right:0;z-index:30;margin:0;max-height:220px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 7px 20px rgba(15,35,55,.1);font-size:13px}
.supplier-transfer-dialog .routes-picker-menu .lookup-option{display:block;width:100%;min-height:44px;padding:10px;text-align:left;font:inherit;line-height:1.4}
.supplier-transfer-dialog .routes-picker-menu .lookup-option small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#687f91;white-space:normal}
.supplier-transfer-dialog .routes-picker-menu .lookup-option.is-active,.supplier-transfer-dialog .routes-picker-menu .lookup-option:hover{background:#e8f5f2;color:#087f75}
.supplier-transfer-dialog .routes-picker-menu .lookup-option span{white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.supplier-transfer-form input,.supplier-transfer-form textarea{font-size:16px}}