.fulfilment-source { grid-column:1/-1; } .fulfilment-source h2 { margin:0 0 14px; font-size:17px; } .fulfilment-source-controls { display:flex; align-items:end; gap:12px; flex-wrap:wrap; } .fulfilment-source-controls label { flex:1; min-width:200px; display:grid; gap:7px; } .fulfilment-source-controls select { width:100%; min-height:42px; } .fulfilment-source .muted { font-size:12px; opacity:.72; line-height:1.5; } .fulfilment-source [role=status] { color:var(--danger,#d55d43); margin:0; } .external-dispatch-dialog { width:min(480px,calc(100vw - 32px)); border:1px solid #667c76; border-radius:20px; padding:24px; color:var(--text,#f5f5f0); background:var(--panel,#202c2b); } .external-dispatch-dialog::backdrop { background:#071011bb; backdrop-filter:blur(4px); } .external-dispatch-dialog form,.external-dispatch-dialog label { display:grid; gap:12px; } .external-dispatch-dialog label { gap:6px; } .external-dispatch-dialog h2,.external-dispatch-dialog p { margin:0; } .external-dispatch-dialog p { font-size:13px; line-height:1.5; opacity:.8; } .external-dispatch-dialog input { min-height:44px; width:100%; box-sizing:border-box; padding:10px; border-radius:10px; } .external-dispatch-dialog-actions { display:flex; justify-content:end; gap:10px; flex-wrap:wrap; margin-top:8px; }