.admin-user-row{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,2fr);align-items:start;gap:12px 16px;padding:14px;border:1px solid var(--line);border-radius:4px}
.admin-user-row>.admin-user-identity{min-width:0}
.admin-user-row>.admin-user-identity strong{display:block;overflow-wrap:anywhere;font-size:13px}
.admin-user-row>.admin-user-identity small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.admin-user-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.admin-user-permission{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px 10px;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:#fafcfb}
.admin-user-permission>strong{min-width:0;overflow-wrap:anywhere;color:#40524d;font-size:10px}
.admin-user-permission>label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--muted);font-size:10px}
.admin-user-permission input{width:14px;height:14px;margin:0;accent-color:var(--green)}
.admin-user-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0}
.admin-user-actions button{min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:11px;white-space:nowrap}
.admin-user-actions button[data-view-user-data]{border-color:#b9d9cb;background:#f4faf6;color:var(--green)}
@media(max-width:760px){.admin-user-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:11px}.admin-user-permissions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.admin-user-permission{gap:4px;padding:6px}.admin-user-permission>strong{font-size:9px}.admin-user-permission>label{gap:3px;font-size:9px}.admin-user-permission input{width:13px;height:13px}.admin-user-actions{grid-column:1;justify-content:flex-start;gap:5px}.admin-user-actions button{min-height:31px;padding:4px 7px;font-size:10px}}
@media(max-width:390px){.admin-user-permissions{grid-template-columns:minmax(0,1fr)}.admin-user-actions button{white-space:normal}}
.customer-access-form,.admin-customer-grant-fields{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(130px,.5fr) minmax(220px,1.5fr);align-items:end;gap:9px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:4px;background:#f8faf9}
.customer-access-form{grid-column:1/-1}
.customer-access-form>label,.admin-customer-grant-fields>label{display:grid;gap:5px;min-width:0;color:#40524d;font-size:10px;font-weight:600}
.customer-access-form select,.admin-customer-grant-fields select{width:100%;min-width:0;min-height:36px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;background:#fff;color:var(--ink);font:inherit;font-size:11px}
.customer-access-form select[multiple],.admin-customer-grant-fields select[multiple]{height:92px}
.customer-picker[hidden]{display:none!important}
.admin-customer-grant{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:8px}
.admin-customer-grant>summary{cursor:pointer;color:var(--green);font-size:10px;font-weight:700}
.admin-customer-grant-fields{margin-top:8px;padding:9px}
.admin-customer-grant-fields .btn{justify-self:end;min-height:34px;padding:5px 8px;font-size:10px}
@media(max-width:700px){.customer-access-form,.admin-customer-grant-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.customer-access-form>label:last-child,.admin-customer-grant-fields>label.customer-picker{grid-column:1/-1}.admin-customer-grant-fields .btn{grid-column:1/-1;justify-self:stretch}}

.admin-view-banner{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:minmax(175px,.8fr) minmax(0,1.5fr) auto;align-items:center;gap:16px;min-height:68px;padding:9px 24px;border-bottom:1px solid #b8d8ca;border-left:4px solid var(--green);background:#eff7f2;box-shadow:0 2px 7px rgba(25,46,41,.06)}
#adminViewBanner[hidden]{display:none!important}
.admin-view-mode{display:flex;align-items:center;gap:9px;min-width:0}
.admin-view-mode-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:4px;background:#dceee4;color:var(--green)}
.admin-view-mode-icon svg{width:16px;height:16px}
.admin-view-mode>div{display:grid;gap:3px;min-width:0}
.admin-view-mode small{color:var(--green);font-size:9px;font-weight:700;line-height:1.3;letter-spacing:.25px;overflow-wrap:anywhere}
.admin-view-mode strong{color:#355248;font-size:11px;line-height:1.3}
.admin-view-account{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;min-width:0;padding-left:15px;border-left:1px solid #cbded3}
.admin-view-account strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:14px;line-height:1.3}
.admin-view-account span{min-width:0;overflow-wrap:anywhere;color:#46645a;font-size:11px;font-weight:600}
.admin-view-account small{grid-column:1/-1;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:9px;line-height:1.3;font-variant-numeric:tabular-nums}
.admin-view-banner>.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;font-size:11px;white-space:nowrap}
.admin-view-banner>.btn svg{width:14px;height:14px}
@media(max-width:700px){.admin-view-banner{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:8px 12px}.admin-view-mode{grid-column:1;grid-row:1}.admin-view-account{grid-column:1;grid-row:2;padding:5px 0 0 41px;border-left:0;border-top:1px solid #d3e4da}.admin-view-account strong{font-size:12px}.admin-view-account span{font-size:10px}.admin-view-account small{font-size:9px}.admin-view-banner>.btn{grid-column:2;grid-row:1/3;min-height:32px;padding:5px 8px;font-size:0}.admin-view-banner>.btn svg{width:16px;height:16px}}