.warehouse-access-open{overflow:hidden}
.warehouse-access-backdrop{position:fixed;z-index:10060;inset:0;display:grid;place-items:center;padding:18px;background:rgba(5,34,54,.62);backdrop-filter:blur(7px)}
.warehouse-access-dialog{display:flex;width:min(850px,100%);max-height:calc(100dvh - 36px);flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:21px;background:#fff;box-shadow:0 28px 80px rgba(4,35,55,.3);color:#17384f;font-family:'Manrope','Segoe UI',sans-serif}
.warehouse-access-dialog>header{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:16px;align-items:start;padding:22px 24px 18px;border-bottom:1px solid #dceaf0;background:linear-gradient(130deg,#f8fdff,#edf9fe)}
.warehouse-access-dialog>header small{color:#087eaf;font-size:12px;font-weight:800;letter-spacing:.1em}
.warehouse-access-dialog>header h2{margin:4px 0;color:#123a55;font-size:22px;line-height:1.25}
.warehouse-access-dialog>header p{margin:0;color:#718797;font-size:12px;line-height:1.55}
.warehouse-access-dialog>header button{width:38px;height:38px;border:0;border-radius:11px;background:#e6f5fb;color:#42687e;font-size:25px;cursor:pointer}
.warehouse-access-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:15px 24px;border-bottom:1px solid #e3eef3}
.warehouse-access-toolbar label{display:grid;min-width:min(320px,100%);gap:6px;color:#315a72;font-size:12px;font-weight:800}
.warehouse-access-toolbar input{height:42px;padding:0 12px;border:1px solid #cfe1e9;border-radius:11px;background:#f9fcfd;color:#17384f;font:600 12px 'Manrope','Segoe UI',sans-serif;outline:none}
.warehouse-access-toolbar input:focus{border-color:#24a9d6;box-shadow:0 0 0 3px rgba(36,169,214,.13)}
.warehouse-access-toolbar>span{color:#78909f;font-size:12px}
.warehouse-access-list{display:grid;gap:8px;padding:14px 24px;overflow:auto}
.warehouse-access-row{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(170px,.75fr) minmax(170px,.75fr);gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #e3edf2}
.warehouse-access-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#d9f4ff,#c8eaf7);color:#09658d;font-size:12px;font-weight:900}
.warehouse-access-person b,.warehouse-access-person small,.warehouse-access-toggle b,.warehouse-access-toggle small{display:block}
.warehouse-access-person b{font-size:13px}.warehouse-access-person small{margin-top:3px;color:#778c9a;font-size:12px}
.warehouse-access-toggle{display:grid;grid-template-columns:19px minmax(0,1fr);gap:9px;align-items:center;cursor:pointer}
.warehouse-access-toggle input{width:18px;height:18px;accent-color:#159ed3}
.warehouse-access-toggle b{font-size:12px}.warehouse-access-toggle small{margin-top:2px;color:#7b909d;font-size:12px;line-height:1.35}
.warehouse-access-empty{margin:0;padding:34px;text-align:center;color:#718797;font-size:12px}.warehouse-access-empty.is-error,.warehouse-access-message.is-error{color:#b33c3c}
.warehouse-access-message{min-height:18px;margin:0;padding:0 24px;color:#16805f;font-size:12px;font-weight:700}
.warehouse-access-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 24px 20px}
.warehouse-access-dialog>footer button{min-width:120px}
@media(max-width:700px){
 .warehouse-access-backdrop{padding:0;place-items:end center}
 .warehouse-access-dialog{width:100%;max-height:92dvh;border-radius:22px 22px 0 0}
 .warehouse-access-dialog>header{padding:20px 17px 15px}.warehouse-access-dialog>header h2{font-size:19px}
 .warehouse-access-toolbar{display:grid;padding:13px 17px}.warehouse-access-toolbar label{min-width:0}.warehouse-access-toolbar>span{order:-1}
 .warehouse-access-list{padding:8px 17px}
 .warehouse-access-row{grid-template-columns:40px minmax(0,1fr);gap:8px 10px;padding:12px 2px}
 .warehouse-access-row>.warehouse-access-toggle{grid-column:2}
 .warehouse-access-message{padding-inline:17px}
 .warehouse-access-dialog>footer{display:grid;grid-template-columns:1fr 1fr;padding:12px 17px calc(16px + env(safe-area-inset-bottom))}
 .warehouse-access-dialog>footer button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.warehouse-access-dialog{scroll-behavior:auto}}