:root{
  --tenant-page:#eef2f7;
  --tenant-panel:#fbfcfe;
  --tenant-rail:#14365f;
  --tenant-rail-2:#1b477a;
  --tenant-ink:#13233a;
  --tenant-muted:#65748a;
  --tenant-border:rgba(16,41,77,.10);
  --tenant-accent:#0f62c9;
  --tenant-accent-soft:rgba(15,98,201,.10);
  --tenant-on-accent:#f8fbff;
  --tenant-danger:#a33a34;
  --tenant-danger-soft:#f7eceb;
  --tenant-success:#27614a;
  --tenant-success-soft:#edf4f0;
  --tenant-shadow:0 24px 70px -36px rgba(16,41,77,.42);
}
[hidden]{display:none!important}

.tenant-loading .app{visibility:hidden}
.auth-shell[hidden]{display:none}
.auth-shell{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:var(--tenant-page);color:var(--tenant-ink)}
.auth-shell::before{content:"";position:fixed;inset:0 58% 0 0;background:var(--tenant-rail)}
.auth-brand{position:fixed;left:clamp(28px,8vw,120px);top:50%;z-index:1;display:flex;align-items:center;gap:16px;transform:translateY(-50%);color:var(--tenant-on-accent)}
.auth-brand>b{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--tenant-accent);font-size:29px;box-shadow:0 12px 28px rgba(4,29,60,.24)}
.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:25px;letter-spacing:-.03em}.auth-brand small{margin-top:4px;color:rgba(248,251,255,.68)}
.auth-card{position:relative;z-index:2;width:min(430px,calc(100vw - 40px));margin-left:42%;padding:32px;border:1px solid var(--tenant-border);border-radius:18px;background:var(--tenant-panel);box-shadow:var(--tenant-shadow)}
.auth-card[hidden]{display:none}.auth-card h1{margin:0 0 8px;font-size:25px;letter-spacing:-.035em}.auth-card>div>p{margin:0;color:var(--tenant-muted)}
.auth-card form{display:grid;gap:8px;margin:26px 0 18px}.auth-card label,.invite-panel label,.inline-form label{font-size:12px;font-weight:650;color:var(--ink-2,var(--tenant-ink))}
.auth-card input,.invite-panel input,.invite-panel select,.inline-form input{width:100%;height:44px;border:1px solid var(--border,var(--tenant-border));border-radius:10px;padding:0 12px;background:var(--bg,var(--tenant-panel));color:var(--ink-1,var(--tenant-ink));outline:none}
.auth-card input:focus,.invite-panel input:focus,.invite-panel select:focus,.inline-form input:focus{border-color:var(--accent,var(--tenant-accent));box-shadow:0 0 0 3px var(--accent-soft,var(--tenant-accent-soft))}
.auth-card .primary{width:100%;height:44px;margin-top:10px}.auth-card>small,.field-help{color:var(--tenant-muted);font-size:11px}.field-help{margin-top:-4px}
.form-message{min-height:18px;margin:4px 0 0;color:var(--tenant-danger);font-size:12px}.form-message.success-message{color:var(--tenant-success)}

.warehouse-switcher{display:flex;align-items:center;gap:8px;height:44px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);box-shadow:var(--shadow)}
.warehouse-switcher>span{font-size:11px;color:var(--ink-3)}.warehouse-switcher select{min-width:118px;border:0;background:transparent;color:var(--ink-1);font-weight:700;outline:none}
.warehouse-switcher:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.user>button{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:0;border-radius:9px;background:transparent;color:var(--rail-ink);font-size:18px}.user>button:hover,.user>button:focus-visible{background:var(--rail-2);color:var(--rail-ink-active)}

.warehouse-guard[hidden]{display:none}.warehouse-guard{display:flex;align-items:center;gap:16px;margin:28px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:var(--shadow)}
.warehouse-guard>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:800}.warehouse-guard>div{flex:1}.warehouse-guard strong{font-size:16px}.warehouse-guard p{margin:4px 0 0;color:var(--ink-3);font-size:12px}
body.warehouse-empty #main-content>.page:not(#access){display:none!important}

.access-page{max-width:1500px}.access-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin-bottom:16px}.access-summary article{padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg);box-shadow:var(--shadow)}
.access-summary span,.access-summary small{display:block;color:var(--ink-3);font-size:11px}.access-summary b{display:block;margin:8px 0 5px;color:var(--ink-1);font-size:22px;font-variant-numeric:tabular-nums}
.access-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;min-width:0}.access-main{display:grid;gap:16px;min-width:0}.access-main>.panel{min-width:0}.access-aside{position:sticky;inset:auto;top:82px;width:auto;padding:0;background:transparent;color:inherit;z-index:1}.invite-panel h2{margin:0 0 5px;font-size:16px}.invite-panel>p{margin:0 0 18px;color:var(--ink-3);font-size:12px}.invite-panel form{display:grid;gap:8px}.invite-panel select{appearance:auto}.invite-panel fieldset{margin:8px 0 2px;padding:12px;border:1px solid var(--border);border-radius:11px}.invite-panel legend{padding:0 6px;color:var(--ink-2);font-size:12px;font-weight:650}.warehouse-checks{display:grid;gap:7px}.warehouse-checks label{display:flex;align-items:center;gap:8px;min-height:30px;font-weight:500}.warehouse-checks input{width:16px;height:16px}.invite-panel .primary{width:100%;height:42px;margin-top:5px}.invite-result{display:grid;gap:8px;margin-top:16px;padding:13px;border-radius:11px;background:var(--accent-soft)}.invite-result[hidden]{display:none}.invite-result b{color:var(--accent);font-size:12px}.invite-result input{height:38px;background:var(--bg);font-size:11px}.invite-result button{height:38px}
.inline-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:end;margin:18px 0}.inline-form span{display:grid;gap:6px}.inline-form button{height:44px}
.compact-list{border-top:1px solid var(--border)}.warehouse-row{display:grid;grid-template-columns:1fr 140px 100px;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid var(--border)}.warehouse-row:last-child{border-bottom:0}.warehouse-row b,.warehouse-row small{display:block}.warehouse-row small{margin-top:2px;color:var(--ink-3);font-size:10px}.warehouse-code{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:11px}.loading-row,.empty-row{margin:0;padding:18px 4px;color:var(--ink-3);font-size:12px}
.access-table{margin-top:16px}.access-table td{vertical-align:top}.access-user b,.access-user small{display:block}.access-user small{margin-top:3px;color:var(--ink-3)}.access-role{height:34px;min-width:88px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink-2);padding:0 8px}.access-scope{display:flex;flex-wrap:wrap;gap:6px;max-width:420px}.access-scope label{display:flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;border-radius:8px;background:var(--panel-2);font-size:11px}.access-scope input{width:14px;height:14px}.access-status{display:flex;align-items:center;gap:6px;min-height:34px}.access-status input{width:16px;height:16px}.access-save{height:34px;white-space:nowrap}.access-self{color:var(--ink-3);font-size:11px}
.audit-list{margin-top:12px;border-top:1px solid var(--border)}.audit-row{display:grid;grid-template-columns:150px 1fr 120px;gap:12px;align-items:center;min-height:44px;border-bottom:1px solid var(--border);font-size:11px}.audit-row:last-child{border-bottom:0}.audit-row time,.audit-row small{color:var(--ink-3)}.audit-row b{font-weight:650;color:var(--ink-2)}

@media(max-width:1100px){.access-layout{grid-template-columns:1fr}.access-aside{position:static}.auth-shell::before{inset:0 66% 0 0}.auth-brand{left:32px}.auth-card{margin-left:28%}}
@media(max-width:760px){.auth-shell{align-items:center}.auth-shell::before{inset:0 0 72%}.auth-brand{top:38px;left:50%;transform:translateX(-50%)}.auth-brand>b{width:46px;height:46px;border-radius:13px;font-size:23px}.auth-brand strong{font-size:20px}.auth-card{margin:84px 0 0;padding:24px}.warehouse-switcher>span,.theme-picker{display:none}.warehouse-switcher{padding:0 6px}.warehouse-switcher select{min-width:92px}.warehouse-guard{align-items:flex-start;flex-wrap:wrap;margin:18px 14px}.warehouse-guard>div{min-width:calc(100% - 68px)}.warehouse-guard button{width:100%}.access-summary{grid-template-columns:minmax(0,1fr)}.access-layout{grid-template-columns:minmax(0,1fr)}.inline-form{grid-template-columns:1fr}.warehouse-row{grid-template-columns:minmax(0,1fr) 90px}.warehouse-row>em{display:none}.access-table{width:100%;max-width:100%;overflow-x:auto}.access-table table{min-width:720px}.audit-row{grid-template-columns:110px minmax(0,1fr)}.audit-row small{display:none}}
@media(prefers-reduced-motion:reduce){.auth-card{scroll-behavior:auto}}