/* Customer settings page */
.customer-service-status{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--surface);color:var(--text-2);font-size:13px}.customer-service-status>i{width:7px;height:7px;border-radius:50%;background:var(--success)}.customer-service-status b{color:var(--text-3);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.customer-settings-workspace{display:grid;height:calc(100vh - var(--topbar));grid-template-rows:auto 82px minmax(0,1fr);gap:11px;overflow:hidden}.customer-settings-heading{align-items:center;margin:0}.prototype-role-preview{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 9px;padding:7px 8px;border:1px dashed var(--line);border-radius:7px;background:var(--bg-elevated)}.prototype-role-preview>span{color:var(--text-3);font-size:13px;letter-spacing:.08em}.prototype-role-preview>div{display:flex;padding:2px;border:1px solid var(--line);border-radius:4px}.prototype-role-preview button{height:24px;padding:0 7px;border:0;border-radius:3px;background:transparent;color:var(--text-3);font-size:13px}.prototype-role-preview button.active{background:var(--surface-3);color:var(--accent-strong)}.prototype-role-preview>a{grid-column:1/-1;color:var(--accent);font-size:13px;text-decoration:none;text-align:right}.customer-usage-metrics{display:grid;grid-template-columns:1.45fr repeat(3,1fr);height:82px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface);overflow:hidden}.customer-usage-metrics article{position:relative;display:grid;align-content:center;gap:4px;padding:10px 13px;border-right:1px solid var(--line-soft)}.customer-usage-metrics article:last-child{border:0}.customer-usage-metrics span{color:var(--text-3);font-size:13px}.customer-usage-metrics strong{font:18px ui-monospace,SFMono-Regular,Consolas,monospace}.customer-usage-metrics strong small{color:var(--text-3);font-size:13px}.customer-usage-metrics p{margin:0;color:var(--text-2);font-size:13px}.customer-usage-metrics article>div{position:absolute;right:13px;top:18px;width:42%;height:3px;border-radius:3px;background:var(--surface-3);overflow:hidden}.customer-usage-metrics article>div i{display:block;height:100%;background:var(--accent)}
.customer-settings-board{display:grid;min-height:0;grid-template-columns:minmax(720px,1fr) 290px;gap:11px}.customer-primary-panel{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr)}.customer-panel-toolbar{display:flex;align-items:center;gap:7px;min-height:51px;padding:8px 10px;border-bottom:1px solid var(--line-soft)}.customer-panel-toolbar>div:first-child{display:flex;align-items:baseline;gap:7px;margin-right:auto}.customer-panel-toolbar h2{margin:0;font-size:13px}.customer-panel-toolbar>div span{color:var(--text-3);font-size:13px}.customer-usage-search{display:flex;width:190px;height:30px;align-items:center;gap:6px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elevated)}.customer-usage-search:focus-within{border-color:var(--accent)}.customer-usage-search svg{width:13px;color:var(--text-3)}.customer-usage-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px}.customer-panel-toolbar select{height:30px;padding:0 24px 0 7px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elevated);font-size:13px}.customer-panel-toolbar .invite-member{height:30px;padding:0 10px;font-size:13px}.customer-member-table-wrap{position:relative;height:100%;overflow:auto}.customer-member-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.customer-member-table th{position:sticky;z-index:1;top:0;height:31px;padding:0 8px;border-bottom:1px solid var(--line-soft);background:var(--bg-elevated);color:var(--text-3);font-size:13px;font-weight:500;text-align:left}.customer-member-table th:nth-child(1){width:27%}.customer-member-table th:nth-child(2){width:13%}.customer-member-table th:nth-child(3){width:18%}.customer-member-table th:nth-child(4),.customer-member-table th:nth-child(5){width:10%}.customer-member-table th:nth-child(6){width:12%}.customer-member-table th:last-child{width:55px}.customer-member-table td{height:66px;padding:7px 8px;border-bottom:1px solid var(--line-soft);color:var(--text-2);font-size:13px;vertical-align:middle}.customer-member-table td:first-child{display:flex;align-items:center;gap:8px}.customer-member-table td:first-child>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.customer-member-table td strong,.customer-member-table td small{display:block}.customer-member-table td strong{color:var(--text);font-size:13px}.customer-member-table td small{margin-top:3px;color:var(--text-3);font-size:13px}.member-avatar{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:7px;background:var(--surface-3);color:var(--accent-strong);font-weight:700}.member-quota{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.member-quota>span{height:3px;border-radius:3px;background:var(--surface-3);overflow:hidden}.member-quota>span i{display:block;height:100%;background:var(--accent)}.member-state{display:flex!important;align-items:center;gap:5px;color:var(--success);font-weight:500}.member-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.member-state.paused{color:var(--text-3)}.customer-member-table td:last-child button{height:25px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elevated);color:var(--text-3);font-size:13px}.customer-member-table td:last-child button:hover{border-color:var(--accent);color:var(--accent)}
.customer-settings-side{display:grid;min-height:0;align-content:start;gap:10px;overflow:auto}.customer-access-panel>header,.customer-account-card>header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid var(--line-soft)}.customer-access-panel header div,.customer-account-card header div{display:flex;flex-direction:column;gap:3px}.customer-access-panel header span,.customer-account-card header span{color:var(--text-3);font-size:13px}.customer-access-panel h2,.customer-account-card h2{margin:0;font-size:13px}.customer-access-panel header>b{color:var(--text-3);font-size:13px}.customer-access-list{padding:3px 9px}.customer-access-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;min-height:40px;border-bottom:1px solid var(--line-soft)}.customer-access-row:last-child{border:0}.customer-access-row>span{display:grid;width:22px;height:22px;place-items:center;border-radius:4px;background:var(--bg-elevated);color:var(--accent);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.customer-access-row>div{display:flex;min-width:0;flex-direction:column;gap:2px}.customer-access-row strong{font-size:13px}.customer-access-row small{color:var(--text-3);font-size:13px}.customer-access-row>b{display:flex;align-items:center;gap:4px;color:var(--success);font-size:13px;font-weight:500}.customer-access-row>b i{width:5px;height:5px;border-radius:50%;background:currentColor}.customer-access-row.missing>b{color:var(--warning)}.customer-access-row.failed>b{color:var(--danger)}.customer-access-panel>footer{padding:8px 10px;border-top:1px solid var(--line-soft);background:var(--bg-elevated);color:var(--text-3);font-size:13px;line-height:1.5}.customer-account-card dl{margin:0}.customer-account-card dl>div{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line-soft)}.customer-account-card dt{color:var(--text-3);font-size:13px}.customer-account-card dd{margin:0;color:var(--text-2);font-size:13px}.customer-account-card header button,.customer-account-card footer button{border:0;background:transparent;color:var(--accent);font-size:13px}.customer-account-card>footer{display:flex;justify-content:space-between;padding:8px 10px}
.personal-usage-layout{display:grid;height:100%;grid-template-columns:245px minmax(0,1fr);gap:1px;background:var(--line-soft)}.personal-usage-chart,.personal-records{min-width:0;background:var(--surface)}.personal-usage-chart{display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px}.personal-usage-chart>header,.personal-records>header{display:flex;align-items:center;justify-content:space-between}.personal-usage-chart header div{display:flex;flex-direction:column;gap:3px}.personal-usage-chart h3,.personal-records h3{margin:0;font-size:13px}.personal-usage-chart header span,.personal-records header span{color:var(--text-3);font-size:13px}.personal-usage-chart header>b{color:var(--text-2);font-size:13px}.usage-bars{display:flex;align-items:end;justify-content:space-between;gap:7px;min-height:230px;padding-top:22px}.usage-bars>span{display:flex;height:100%;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px}.usage-bars i{display:block;width:100%;max-width:17px;border-radius:2px 2px 0 0;background:var(--accent);opacity:.72}.usage-bars small{color:var(--text-3);font-size:13px}.personal-records{padding:12px}.personal-records table{width:100%;margin-top:12px;border-collapse:collapse}.personal-records th{height:28px;border-bottom:1px solid var(--line-soft);color:var(--text-3);font-size:13px;font-weight:500;text-align:left}.personal-records td{height:48px;border-bottom:1px solid var(--line-soft);color:var(--text-2);font-size:13px}.personal-records td b{color:var(--success);font-weight:500}
.customer-service-status:has(#serviceSummaryCount:empty)>i{background:var(--warning)}
.member-state.suspended{color:var(--danger)}
.customer-account-card header{min-height:44px}
.customer-account-card header>div{min-width:0}
.customer-account-card header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-records .customer-usage-empty{height:180px}
.customer-primary-panel[aria-busy="true"]{opacity:.72}
.customer-panel-toolbar select{color:var(--text)}
.customer-usage-metrics,.customer-member-table,.personal-records{font-variant-numeric:tabular-nums}
.member-drawer-body,.invite-dialog,.account-dialog{overscroll-behavior:contain}
.member-folder-policy{display:grid;gap:13px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.member-folder-policy[hidden],.member-folder-policy [hidden]{display:none!important}
.member-folder-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-folder-heading h3{margin:0;font-size:14px}.member-folder-heading>span{font-size:12px;color:var(--text-3)}
.member-folder-policy>label{display:grid;gap:6px;margin:0}.member-folder-policy label small,.member-folder-policy>p{margin:0;font-size:12px;line-height:1.7;color:var(--text-3)}
.member-folder-policy .member-folder-toggle{display:flex;align-items:center;gap:9px;color:var(--text);cursor:pointer}.member-folder-toggle input{width:17px;height:17px;margin:0;accent-color:var(--accent)}
.member-folder-policy .member-folder-boundary{padding:10px 12px;border-radius:5px;background:var(--bg-elevated)}
.member-folder-policy .member-folder-status{min-height:20px;color:var(--text-2)}.member-folder-policy .member-folder-status.error{color:var(--warning)}
.member-folder-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.member-folder-actions button{min-height:36px;font:inherit}.member-folder-policy :disabled{opacity:.55;cursor:not-allowed}.member-folder-policy :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.customer-settlement-card[hidden]{display:none}.customer-settlement-card>header{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line-soft)}.customer-settlement-card>header span{color:var(--accent);font-size:13px}.customer-settlement-card>header h2{margin:3px 0 0;font-size:13px}.customer-settlement-card>header b{color:var(--text-3);font-size:13px}.customer-settlement-card>div{max-height:184px;overflow:auto}.customer-settlement-card article{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:9px 10px;border-bottom:1px solid var(--line-soft)}.customer-settlement-card article span strong,.customer-settlement-card article span small{display:block}.customer-settlement-card article span strong{font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.customer-settlement-card article span small,.customer-settlement-card article>small{margin-top:3px;color:var(--text-3);font-size:13px}.customer-settlement-card article>b{color:var(--danger);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.customer-settlement-card article>small{grid-column:1/-1}.customer-settlement-card>footer{padding:8px 10px;border-top:1px solid var(--line-soft);color:var(--text-3);font-size:13px;line-height:1.5}.customer-settlement-card .customer-usage-empty{height:auto;padding:16px}
@media (max-width:1100px){.customer-settings-board{grid-template-columns:minmax(620px,1fr) 260px}.customer-usage-search{width:155px}}
@media (max-width:900px){.customer-settings-workspace{height:auto;min-height:calc(100dvh - var(--topbar));grid-template-rows:auto 82px auto;overflow:visible}.customer-settings-board{grid-template-columns:1fr}.customer-primary-panel{min-height:520px}.customer-settings-side{grid-template-columns:1fr 1fr;overflow:visible}}
@media (max-width:700px){.customer-settings-workspace{padding-bottom:78px}.customer-settings-heading{align-items:flex-start}.prototype-role-preview{max-width:190px}.customer-usage-metrics{grid-template-columns:repeat(4,150px);overflow-x:auto}.customer-panel-toolbar{flex-wrap:wrap}.customer-panel-toolbar>div:first-child{width:100%;margin:0}.customer-usage-search{order:2;width:100%}.customer-panel-toolbar select{flex:1}.customer-member-table-wrap{overflow:auto}.customer-settings-side{grid-template-columns:1fr}.personal-usage-layout{grid-template-columns:1fr;grid-template-rows:290px auto}.member-drawer{left:0;right:0;top:0;bottom:58px;width:auto}.member-drawer-scrim{inset:0 0 58px}.member-drawer form>footer>span{display:none}.invite-dialog form{grid-template-columns:1fr}.invite-dialog header,.invite-dialog footer{grid-column:1}}

@media (min-width:981px){
  .customer-settings-workspace{grid-template-rows:auto 104px minmax(0,1fr);gap:14px}
  .customer-usage-metrics{height:104px}
  .customer-usage-metrics article{gap:6px;padding:13px 16px}
  .customer-settings-board{grid-template-columns:minmax(780px,1fr) 360px;gap:14px}
  .customer-panel-toolbar{min-height:60px;padding:10px 13px}
  .customer-usage-search{width:230px;height:40px;padding-inline:10px}
  .customer-panel-toolbar select,.customer-panel-toolbar .invite-member{height:40px}
  .customer-member-table th{height:40px}
  .customer-member-table td{height:76px;padding-block:10px}
  .customer-settings-side{gap:14px}
}