dialog.material-unit-picker{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce4ef;border-radius:20px;background:#fff;color:#25344b;box-shadow:0 24px 80px #172a4c30;overflow:auto}
.material-unit-picker::backdrop{background:#172a4c66;backdrop-filter:blur(3px)}
.material-unit-picker header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #e8edf5}.material-unit-picker h2{font:600 21px/1.5 system-ui;margin:0;overflow-wrap:anywhere}.material-unit-picker p{margin:6px 0;color:#64748b;font-size:14px;line-height:1.6}.material-unit-picker button,.material-unit-picker select{font:inherit;box-sizing:border-box;cursor:pointer}.material-unit-picker [data-close]{width:36px;height:36px;border:1px solid #dce4ef;background:white;border-radius:10px;flex-shrink:0}.material-picker-body{padding:24px}.material-picker-units{display:flex;gap:12px;flex-wrap:wrap}.material-picker-units button{min-width:96px;max-width:100%;padding:12px 16px;border:1px solid #dce4ef;border-radius:12px;background:#f8fafc;color:#25344b;overflow-wrap:anywhere}.material-picker-units strong,.material-picker-units small{display:block}.material-picker-units small{font-size:12px;margin-top:6px}.material-picker-units button[aria-pressed=true]{background:#eef4ff;border-color:#2563eb;color:#1d4ed8}.material-picker-conflict{margin-top:18px;padding:16px;background:#fff9ec;border-radius:12px}.material-picker-conflict label{font-size:13px}.material-picker-conflict select{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #ded3b8;border-radius:8px;padding:10px;background:white;color:#25344b}.material-unit-picker .material-picker-price{margin-top:20px;color:#1d4ed8;font-weight:600}.material-unit-picker footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8edf5;padding:18px 24px}.material-unit-picker footer span{font-size:12px;color:#64748b}.material-unit-picker [data-confirm]{background:#2563eb;color:white;min-height:44px;border:0;border-radius:10px;padding:10px 20px;white-space:nowrap}.material-unit-picker [data-confirm]:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.material-unit-picker header,.material-picker-body{padding:18px}.material-unit-picker footer{padding:16px;flex-wrap:wrap}.material-unit-picker [data-confirm]{flex:1}}