/* Shared management forms for customer settings and system administration */
.account-dialog{width:min(430px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.account-dialog::backdrop{background:rgba(3,6,10,.72);backdrop-filter:blur(5px)}.account-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.account-dialog header{grid-column:1/-1;display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}.account-dialog header span{color:var(--accent);font-size:13px}.account-dialog h2{margin:4px 0 0;font-size:17px}.account-dialog header button{width:28px;height:28px;border:0;border-radius:5px;background:var(--bg-elevated);color:var(--text-3);font-size:17px}.account-dialog label{display:flex;flex-direction:column;gap:5px}.account-dialog label span{color:var(--text-2);font-size:13px}.account-dialog input{height:34px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elevated);font-size:13px}.account-dialog footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:11px;border-top:1px solid var(--line-soft)}
.danger-text{border:0;background:transparent;color:var(--danger)!important;font-size:13px}
.account-dialog label small,.invite-dialog label small{color:var(--text-3);font-size:13px;line-height:1.5}.member-drawer form>footer{flex-wrap:wrap}.member-drawer form>footer>span{flex-basis:100%}
@media (max-width:700px){.account-dialog form{grid-template-columns:1fr}.account-dialog header,.account-dialog footer{grid-column:1}}
.member-drawer-scrim,.admin-drawer-scrim{position:fixed;z-index:30;inset:var(--topbar) 0 0 var(--rail);background:rgba(3,6,10,.52);backdrop-filter:blur(2px)}.member-drawer,.admin-drawer{position:fixed;z-index:31;right:0;top:var(--topbar);bottom:0;width:min(420px,calc(100vw - var(--rail)));border-left:1px solid var(--line);background:var(--surface);box-shadow:-24px 0 55px rgba(2,5,9,.52);transform:translateX(105%);transition:transform .24s ease}.member-drawer.open,.admin-drawer.open{transform:none}.member-drawer form,.admin-drawer form{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto}.member-drawer form>header,.admin-drawer form>header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line-soft)}.member-drawer header span,.admin-drawer header span{color:var(--accent);font-size:13px}.member-drawer h2,.admin-drawer h2{margin:4px 0 0;font-size:18px}.member-drawer header p,.admin-drawer header p{margin:5px 0 0;color:var(--text-3);font-size:13px}.member-drawer header>button,.admin-drawer header>button{width:28px;height:28px;border:0;border-radius:5px;background:var(--bg-elevated);color:var(--text-3);font-size:17px}.member-drawer-body,.admin-drawer-body{min-height:0;padding:13px 15px;overflow:auto}.member-usage-summary,.admin-drawer-stats{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden}.member-usage-summary>div,.admin-drawer-stats>div{display:flex;flex-direction:column;gap:4px;padding:10px;border-right:1px solid var(--line-soft)}.member-usage-summary>div:last-child,.admin-drawer-stats>div:last-child{border:0}.member-usage-summary span,.admin-drawer-stats span{color:var(--text-3);font-size:13px}.member-usage-summary strong,.admin-drawer-stats strong{font:16px ui-monospace,SFMono-Regular,Consolas,monospace}.member-usage-summary small{color:var(--text-2);font-size:13px}.member-drawer-body>label,.admin-drawer-body>label{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.member-drawer-body label>span,.admin-drawer-body label>span{color:var(--text-2);font-size:13px}.member-drawer-body input,.member-drawer-body select,.admin-drawer-body input,.admin-drawer-body select{width:100%;height:35px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elevated);font-size:13px}.member-drawer-body label>small{color:var(--text-3);font-size:13px;line-height:1.5}.quota-input{display:grid;grid-template-columns:minmax(0,1fr) 54px}.quota-input input{border-radius:5px 0 0 5px}.quota-input b{display:grid;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 5px 5px 0;background:var(--surface-2);color:var(--text-3);font-size:13px}.member-audit,.admin-api-scope,.admin-account-summary{margin-top:14px;padding:10px;border-left:2px solid var(--accent);background:var(--bg-elevated)}.member-audit span,.admin-api-scope span{color:var(--text-3);font-size:13px}.member-audit p,.admin-api-scope p,.admin-account-summary p{margin:5px 0 0;color:var(--text-2);font-size:13px;line-height:1.6}.member-drawer form>footer,.admin-drawer form>footer{display:flex;align-items:center;gap:7px;padding:11px 15px;border-top:1px solid var(--line-soft)}.member-drawer form>footer>span,.admin-drawer form>footer>span{margin-right:auto;color:var(--text-3);font-size:13px}.member-drawer form>footer button,.admin-drawer form>footer button{height:34px;font-size:13px}
.invite-dialog,.create-company-dialog{width:min(530px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.invite-dialog::backdrop,.create-company-dialog::backdrop{background:rgba(3,6,10,.72);backdrop-filter:blur(5px)}.invite-dialog form,.create-company-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.invite-dialog header,.create-company-dialog header{grid-column:1/-1;display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}.invite-dialog header span,.create-company-dialog header span{color:var(--accent);font-size:13px}.invite-dialog h2,.create-company-dialog h2{margin:4px 0 0;font-size:17px}.invite-dialog header p{margin:5px 0 0;color:var(--text-3);font-size:13px}.invite-dialog header button,.create-company-dialog header button{width:28px;height:28px;border:0;border-radius:5px;background:var(--bg-elevated);color:var(--text-3);font-size:17px}.invite-dialog label,.create-company-dialog label{display:flex;flex-direction:column;gap:5px}.invite-dialog label span,.create-company-dialog label span{color:var(--text-2);font-size:13px}.invite-dialog input,.invite-dialog select,.create-company-dialog input{height:34px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elevated);font-size:13px}.invite-dialog footer,.create-company-dialog footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:11px;border-top:1px solid var(--line-soft)}
@media (min-width:981px){
  .member-drawer,.admin-drawer{width:min(500px,calc(100vw - var(--rail)))}
  .member-drawer form>header,.admin-drawer form>header{padding:20px}
  .member-drawer-body,.admin-drawer-body{padding:18px 20px}
  .member-drawer-body input,.member-drawer-body select,.admin-drawer-body input,.admin-drawer-body select{height:44px;padding-inline:12px}
  .member-drawer form>footer,.admin-drawer form>footer{padding:15px 20px}
  .account-dialog{width:min(620px,calc(100vw - 40px));border-radius:14px}
  .account-dialog form{gap:16px;padding:24px}
  .account-dialog header{padding-bottom:16px}
  .account-dialog h2{font-size:22px}
  .account-dialog header button{width:36px;height:36px}
  .account-dialog label{gap:8px}
  .account-dialog input{height:46px;padding-inline:12px;font-size:14px}
  .account-dialog footer{gap:10px;padding-top:16px}
  .invite-dialog,.create-company-dialog{width:min(680px,calc(100vw - 40px));border-radius:14px}
  .invite-dialog form,.create-company-dialog form{gap:16px;padding:24px}
  .invite-dialog input,.invite-dialog select,.create-company-dialog input{height:46px;padding-inline:12px;font-size:14px}
}