/* Isolated account-center surfaces; existing console tokens and typography stay intact. */
@layer adminV3 {
html body #view .ac-center,html body #modalLayer .modal.ac-dialog {
  --ac-card:#fff;--ac-subtle:#f7f8fb;--ac-text:#202735;--ac-muted:#687489;--ac-border:#e6eaf0;
  --ac-accent:var(--primary,#3b4dff);--ac-ink:var(--primary-ink,#293bc5);--ac-soft:var(--primary-soft,#eef1ff);--ac-accent-line:var(--primary-line,#cbd3ff);--ac-on-accent:var(--on-accent,#fff);
  color:var(--ac-text)!important;font-family:"Microsoft YaHei","微软雅黑",sans-serif!important;font-size:14px!important;line-height:1.65!important;min-width:0!important;
}
html body #view .ac-center {container:ac-center / inline-size;display:grid!important;gap:20px!important;width:100%!important;max-width:1600px!important;margin-inline:auto!important;box-sizing:border-box!important}
html body #view .ac-center [hidden],html body #modalLayer .ac-dialog [hidden] {display:none!important}
html body #view .ac-center :is(h2,h3,h4,p),html body #modalLayer .ac-dialog :is(h2,h3,h4,p) {margin:0!important;color:inherit!important}
html body #view .ac-center :is(button,input,select),html body #modalLayer .ac-dialog :is(button,input,select) {font-family:inherit!important;font-size:14px!important;box-shadow:none!important;line-height:1.5!important}
html body #view .ac-center .btn,html body #modalLayer .ac-dialog .btn {min-height:38px!important;height:auto!important;padding:8px 14px!important;border-radius:7px!important;border:1px solid var(--ac-border)!important;background:var(--ac-card)!important;color:var(--ac-text)!important;font-weight:500!important;white-space:nowrap!important;box-shadow:none!important}
html body #view .ac-center .btn.primary,html body #modalLayer .ac-dialog .btn.primary {background:var(--ac-accent)!important;border-color:var(--ac-accent)!important;color:var(--ac-on-accent)!important}
html body #view .ac-center .btn.danger,html body #modalLayer .ac-dialog .btn.danger {color:#bb4747!important;background:var(--ac-card)!important;border-color:#e8c8c8!important}
html body #view .ac-center button:disabled,html body #modalLayer .ac-dialog button:disabled {opacity:.45!important;cursor:not-allowed!important}
html body #view .ac-center .btn:hover:not(:disabled),html body #modalLayer .ac-dialog .btn:hover:not(:disabled) {border-color:var(--ac-accent-line)!important;color:var(--ac-accent)!important;background:var(--ac-soft)!important;transform:none!important}
html body #view .ac-center .btn.primary:hover:not(:disabled),html body #modalLayer .ac-dialog .btn.primary:hover:not(:disabled) {background:var(--ac-accent)!important;color:var(--ac-on-accent)!important}
html body #view .ac-center :is(input:not([type=checkbox]),select),html body #modalLayer .ac-dialog :is(input:not([type=checkbox]),select) {height:40px!important;min-height:40px!important;border:1px solid var(--ac-border)!important;border-radius:7px!important;background-color:var(--ac-card)!important;color:var(--ac-text)!important;padding:0 12px!important;box-sizing:border-box!important;max-width:100%!important;box-shadow:none!important}
html body #view .ac-center select,html body #modalLayer .ac-dialog select {padding-right:34px!important}
html body #view .ac-center :is(input:not([type=checkbox]),select):focus,html body #modalLayer .ac-dialog :is(input:not([type=checkbox]),select):focus {outline:0!important;border-color:var(--ac-accent)!important;box-shadow:none!important}
html body #view .ac-center input[type=checkbox],html body #modalLayer .ac-dialog input[type=checkbox] {width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;accent-color:var(--ac-accent)!important;vertical-align:middle!important}
html body #view .ac-center :is(button,a):focus-visible,html body #modalLayer .ac-dialog :is(button,a,summary):focus-visible {outline:2px solid var(--ac-accent)!important;outline-offset:2px!important}
html body #view .ac-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;padding:4px 0!important}
html body #view .ac-head h2 {font-size:23px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.02em!important}
html body #view .ac-head p {display:flex!important;gap:10px!important;align-items:center!important;margin-top:6px!important;color:var(--ac-muted)!important;font-size:13px!important}
html body #view .ac-head p i {font-style:normal!important;color:var(--ac-muted)!important}
html body #view .ac-head-actions {display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
html body #view .ac-overview {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-bottom:1px solid var(--ac-border)!important;padding:2px 0 20px!important;gap:20px!important}
html body #view .ac-overview>div {display:flex!important;align-items:baseline!important;gap:12px!important}
html body #view .ac-overview small {font-size:13px!important;color:var(--ac-muted)!important}
html body #view .ac-overview b {font-size:25px!important;font-weight:650!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important}
html body #view .ac-role-cards {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body #view .ac-center .ac-role-card {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 12px!important;padding:18px 20px!important;border:1px solid var(--ac-border)!important;border-radius:10px!important;background:var(--ac-card)!important;color:var(--ac-text)!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;white-space:normal!important;min-height:94px!important}
html body #view .ac-center .ac-role-card>span {display:flex!important;flex-direction:column!important;gap:5px!important;grid-row:1/3!important}
html body #view .ac-center .ac-role-card b {font-size:16px!important;font-weight:650!important}
html body #view .ac-center .ac-role-card small {font-size:13px!important;color:var(--ac-muted)!important;font-weight:400!important}
html body #view .ac-center .ac-role-card strong {font-size:22px!important;font-weight:650!important;color:var(--ac-ink)!important;line-height:1.3!important;font-variant-numeric:tabular-nums!important}
html body #view .ac-center .ac-role-card em {font-size:12px!important;font-style:normal!important;font-weight:400!important;color:var(--ac-muted)!important;text-align:right!important}
html body #view .ac-center .ac-role-card[aria-pressed=true] {border-color:var(--ac-accent-line)!important;background:var(--ac-soft)!important}
html body #view .ac-accounts {border:1px solid var(--ac-border)!important;border-radius:12px!important;background:var(--ac-card)!important;padding:20px!important;min-width:0!important}
html body #view .ac-list-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important}
html body #view .ac-list-head h3 {font-size:17px!important;font-weight:650!important;display:flex!important;align-items:center!important;gap:10px!important}
html body #view .ac-list-head h3>span {font-size:13px!important;font-weight:400!important;color:var(--ac-muted)!important;font-variant-numeric:tabular-nums!important}
html body #view .ac-filters {display:grid!important;grid-template-columns:minmax(200px,1fr) 145px 145px!important;gap:10px!important;align-items:center!important}
html body #view .ac-search {min-width:0!important;display:block!important}
html body #view .ac-search input {width:100%!important}
.ac-sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body #view .ac-selection {display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;padding:13px 0!important;color:var(--ac-muted)!important;font-size:13px!important}
html body #view .ac-selection label {display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font-size:13px!important}
html body #view .ac-selection>span {flex:1!important;min-width:80px!important}
html body #view .ac-selection .btn {font-size:12px!important;min-height:30px!important;padding:4px 9px!important}
html body #view .ac-split {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;align-items:start!important;min-width:0!important}
html body #view .ac-split.has-detail {grid-template-columns:minmax(430px,1fr) minmax(320px,370px)!important}
html body #view .ac-list-column {min-width:0!important}
html body #view .ac-table-head,html body #view .ac-account-row {display:grid!important;grid-template-columns:18px minmax(160px,1.6fr) minmax(76px,.8fr) minmax(126px,1fr) minmax(60px,.6fr) 62px!important;align-items:center!important;gap:14px!important}
html body #view .ac-table-head {padding:10px 14px!important;background:var(--ac-subtle)!important;color:var(--ac-muted)!important;font-size:12px!important;border-radius:6px!important}
html body #view .ac-account-row {min-height:78px!important;padding:14px!important;border-bottom:1px solid var(--ac-border)!important;background:transparent!important;margin:0!important;border-radius:0!important;border-width:0 0 1px!important}
html body #view .ac-account-row:last-child {border-bottom:0!important}
html body #view .ac-account-row.is-selected {background:var(--ac-soft)!important;border-radius:6px!important}
html body #view .ac-person {display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
html body #view .ac-person>i,html body #view .ac-detail-person>i {display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;background:var(--ac-soft)!important;color:var(--ac-ink)!important;font-style:normal!important;font-size:15px!important;font-weight:600!important}
html body #view .ac-person>span {display:block!important;min-width:0!important}
html body #view .ac-person b {display:block!important;font-size:15px!important;font-weight:600!important;overflow-wrap:anywhere!important}
html body #view .ac-person small {display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;font-size:12px!important;color:var(--ac-muted)!important;line-height:1.5!important;margin-top:3px!important}
html body #view .ac-person em {font-style:normal!important;font-size:12px!important;padding-left:8px!important;border-left:1px solid var(--ac-border)!important}
html body #view .ac-state,html body #modalLayer .ac-dialog .ac-state {display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--ac-muted)!important;font-size:13px!important;white-space:nowrap!important}
html body #view .ac-state::before,html body #modalLayer .ac-dialog .ac-state::before {content:""!important;width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important;flex:none!important}
html body #view .ac-state.is-online,html body #modalLayer .ac-dialog .ac-state.is-online {color:#218366!important}
html body #view .ac-state.is-off,html body #modalLayer .ac-dialog .ac-state.is-off {color:#b54d4d!important}
html body #view .ac-usage {font-variant-numeric:tabular-nums!important;font-size:13px!important;color:var(--ac-text)!important;overflow-wrap:anywhere!important}
html body #view .ac-permission-count {font-size:13px!important;color:var(--ac-muted)!important}
html body #view .ac-account-row>.btn {min-height:32px!important;padding:5px 10px!important;font-size:13px!important;width:62px!important}
html body #view .ac-no-results {padding:40px 16px!important;text-align:center!important;color:var(--ac-muted)!important}
html body #view .ac-workspace {background:var(--ac-card)!important;border:1px solid var(--ac-accent-line)!important;border-radius:10px!important;padding:20px!important;position:sticky!important;top:18px!important;min-width:0!important;order:initial!important}
html body #view .ac-workspace>header {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:18px!important}
html body #view .ac-detail-person {display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
html body #view .ac-detail-person h3 {font-size:18px!important;font-weight:650!important;overflow-wrap:anywhere!important}
html body #view .ac-detail-person small {display:block!important;color:var(--ac-muted)!important;font-size:12px!important;margin-top:3px!important;overflow-wrap:anywhere!important}
html body #view .ac-workspace .icon-btn,html body #modalLayer .ac-dialog .icon-btn {display:grid!important;place-items:center!important;min-width:30px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ac-muted)!important;font-size:22px!important;flex:none!important}
html body #view .ac-detail-platforms {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}
html body #view .ac-platform-state {display:flex!important;flex-direction:column!important;gap:3px!important;background:var(--ac-subtle)!important;padding:9px 10px!important;border-radius:6px!important;font-size:12px!important;color:var(--ac-muted)!important}
html body #view .ac-platform-state b {font-size:13px!important;font-weight:500!important;color:var(--ac-text)!important}
html body #view .ac-platform-state.is-off b {color:#b54d4d!important}
html body #view .ac-platform-state.is-on b {color:#218366!important}
html body #view .ac-access-unified {grid-column:1/-1!important;font-size:13px!important;color:var(--ac-muted)!important}
html body #view .ac-detail-summary {margin:0!important;display:grid!important;gap:10px!important;padding:0 0 17px!important;border-bottom:1px solid var(--ac-border)!important}
html body #view .ac-detail-summary>div {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;font-size:13px!important}
html body #view .ac-detail-summary dt {color:var(--ac-muted)!important;white-space:nowrap!important}
html body #view .ac-detail-summary dd {margin:0!important;color:var(--ac-text)!important;text-align:right!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important}
html body #view .ac-detail-section {padding:17px 0 0!important;border:0!important;background:transparent!important}
html body #view .ac-detail-section h4 {font-size:13px!important;font-weight:600!important;margin-bottom:10px!important;color:var(--ac-muted)!important}
html body #view .ac-detail-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body #view .ac-detail-actions .btn {width:100%!important;padding:8px!important;font-size:13px!important;white-space:normal!important}
html body #view .ac-security .ac-detail-actions>.btn:last-child {grid-column:1/-1!important}
html body #view .ac-protected {grid-column:1/-1!important;font-size:14px!important;color:var(--ac-ink)!important;padding:9px 0!important}
html body #view .ac-role-change {display:grid!important;grid-template-columns:minmax(0,1fr) 70px!important;gap:8px!important}
html body #modalLayer .modal.ac-dialog {width:min(900px,calc(100vw - 48px))!important;max-width:calc(100vw - 32px)!important;padding:26px!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;border-radius:14px!important;border:1px solid var(--ac-border)!important;background:var(--ac-card)!important}
html body #modalLayer .modal.ac-dialog>header {display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;border-bottom:0!important;margin:0 0 22px!important;padding:0!important;background:transparent!important}
html body #modalLayer .modal.ac-dialog>header h2 {font-size:21px!important;line-height:1.5!important;font-weight:650!important;color:var(--ac-text)!important}
html body #modalLayer .modal.ac-dialog>header p {font-size:13px!important;line-height:1.7!important;color:var(--ac-muted)!important;margin-top:6px!important}
html body #modalLayer .ac-dialog textarea {font-family:inherit!important;background:var(--ac-card)!important;color:var(--ac-text)!important;border:1px solid var(--ac-border)!important;border-radius:7px!important;font-size:14px!important;line-height:1.8!important;padding:10px 12px!important;box-shadow:none!important}
html body #modalLayer .ac-dialog textarea:focus {outline:0!important;border-color:var(--ac-accent)!important;box-shadow:none!important}
html body #modalLayer .ac-dialog .form {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html body #modalLayer .ac-dialog .form>label {font-size:13px!important;color:var(--ac-muted)!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important}
html body #modalLayer .ac-dialog .form>label:has(textarea) {grid-column:1/-1!important}
html body #modalLayer .ac-dialog .perm-tools {display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:18px!important;color:var(--ac-muted)!important;font-size:13px!important}
html body #modalLayer .ac-dialog .perm-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body #modalLayer .ac-dialog .perm-grid label {display:flex!important;gap:10px!important;align-items:flex-start!important;min-width:0!important;border:1px solid var(--ac-border)!important;background:var(--ac-card)!important;border-radius:7px!important;padding:14px!important;color:var(--ac-text)!important}
html body #modalLayer .ac-dialog .perm-grid label:has(input:checked) {background:var(--ac-soft)!important;border-color:var(--ac-accent-line)!important}
html body #modalLayer .ac-dialog .perm-grid label>span {min-width:0!important}
html body #modalLayer .ac-dialog .perm-grid label b {font-size:14px!important;font-weight:600!important;color:var(--ac-text)!important;overflow-wrap:anywhere!important}
html body #modalLayer .ac-dialog .perm-grid label small {display:block!important;font-size:12px!important;line-height:1.7!important;color:var(--ac-muted)!important;margin-top:4px!important;overflow-wrap:anywhere!important}
html body #modalLayer .modal.ac-dialog>footer {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;padding:20px 0 0!important;margin:20px 0 0!important;border:0!important;border-top:1px solid var(--ac-border)!important;background:transparent!important}
html body #modalLayer .ac-dialog>footer>span:last-child {display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-left:auto!important}
html body #modalLayer .ac-dialog>footer>span:first-child {font-size:13px!important;color:var(--ac-muted)!important}
html body #modalLayer .ac-role-tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;background:var(--ac-subtle)!important;padding:5px!important;border:0!important;border-radius:9px!important;margin:0 0 22px!important}
html body #modalLayer .ac-role-tabs button {height:42px!important;min-height:42px!important;padding:8px 16px!important;font-size:15px!important;font-weight:500!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px!important;color:var(--ac-muted)!important;box-shadow:none!important}
html body #modalLayer .ac-role-tabs button[aria-selected=true] {background:var(--ac-card)!important;border-color:var(--ac-border)!important;color:var(--ac-accent)!important;box-shadow:0 1px 4px #17243b08!important}
html body #modalLayer .ac-quota-row {padding:18px 0!important;border:0!important;border-bottom:1px solid var(--ac-border)!important;background:transparent!important;border-radius:0!important}
html body #modalLayer .ac-quota-row>header {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;padding:0!important;border:0!important}
html body #modalLayer .ac-quota-row h3 {font-size:16px!important;font-weight:600!important;line-height:1.5!important}
html body #modalLayer .ac-quota-row p {font-size:13px!important;color:var(--ac-muted)!important;line-height:1.6!important;margin-top:5px!important}
html body #modalLayer .ac-quota-row>header>span {font-size:14px!important;color:var(--ac-accent)!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
html body #modalLayer .ac-quota-primary {padding-top:0!important;padding-bottom:22px!important}
html body #modalLayer .ac-quota-controls {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(170px,240px)!important;gap:14px!important}
html body #modalLayer .ac-limit-field {display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;color:var(--ac-muted)!important;font-size:13px!important;min-width:0!important}
html body #modalLayer .ac-limit-field input {width:100%!important;min-width:0!important;font-variant-numeric:tabular-nums!important}
html body #modalLayer .ac-dialog input:disabled {opacity:.55!important;background:var(--ac-subtle)!important;cursor:not-allowed!important}
html body #modalLayer .ac-other-quota {border:0!important;padding:0!important;margin-top:14px!important;background:transparent!important}
html body #modalLayer .ac-other-quota>summary {font-size:14px!important;font-weight:500!important;cursor:pointer!important;color:var(--ac-text)!important;min-height:36px!important;padding:4px 0!important;list-style-position:inside!important}
html body #modalLayer .ac-unlimited {padding:24px!important;text-align:center!important;min-height:160px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}
html body #modalLayer .ac-unlimited>span {font-size:58px!important;line-height:1!important;color:var(--ac-accent)!important}
html body #modalLayer .ac-unlimited h3 {font-size:18px!important;font-weight:600!important}
html body #modalLayer .ac-unlimited p {font-size:14px!important;color:var(--ac-muted)!important}
html body #modalLayer .modal.ac-access-dialog {width:min(1160px,calc(100vw - 48px))!important}
html body #modalLayer .ac-access-overview {display:flex!important;gap:28px!important;flex-wrap:wrap!important;border-bottom:1px solid var(--ac-border)!important;padding:0 0 18px!important;margin-bottom:18px!important}
html body #modalLayer .ac-access-overview span {display:flex!important;align-items:baseline!important;gap:10px!important;font-size:13px!important;color:var(--ac-muted)!important}
html body #modalLayer .ac-access-overview b {font-size:24px!important;color:var(--ac-text)!important;font-variant-numeric:tabular-nums!important;line-height:1.2!important}
html body #modalLayer .ac-access-filters {display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:12px!important;margin-bottom:14px!important}
html body #modalLayer .ac-access-row {display:grid!important;grid-template-columns:minmax(130px,1fr) 100px minmax(145px,1fr) auto!important;align-items:center!important;gap:16px!important;padding:16px 0!important;border-bottom:1px solid var(--ac-border)!important}
html body #modalLayer .ac-access-row>div:first-child b {font-size:15px!important;font-weight:600!important;display:block!important;overflow-wrap:anywhere!important}
html body #modalLayer .ac-access-row small {display:block!important;font-size:12px!important;color:var(--ac-muted)!important;margin:3px 0 0!important;line-height:1.5!important}
html body #modalLayer .ac-last-search span {display:block!important;font-size:13px!important;font-variant-numeric:tabular-nums!important;margin-top:4px!important}
html body #modalLayer .ac-access-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
html body #modalLayer .ac-access-actions label {display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important}
html body #modalLayer .ac-access-actions .btn {font-size:13px!important;min-height:34px!important;padding:6px 10px!important}
html body #view .ac-load-error {background:var(--ac-card)!important;border:1px solid var(--ac-border)!important;border-radius:10px!important;padding:26px!important;justify-items:start!important}
html body #view .ac-load-error p {color:var(--ac-muted)!important}
@container ac-center (max-width:1100px) {
  html body #view .ac-split.has-detail {grid-template-columns:minmax(0,1fr)!important}
  html body #view .ac-workspace {position:static!important;max-width:none!important;order:1!important}
  html body #view .ac-detail-actions {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body #view .ac-security .ac-detail-actions>.btn:last-child {grid-column:auto!important}
  html body #view .ac-detail-summary {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  html body #view .ac-detail-summary>div {display:block!important}
  html body #view .ac-detail-summary dd {text-align:left!important;margin-top:5px!important}
}
@container ac-center (max-width:760px) {
  html body #view .ac-head {align-items:flex-start!important}
  html body #view .ac-head-actions {width:100%!important}
  html body #view .ac-overview {gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #view .ac-role-cards {gap:8px!important}
  html body #view .ac-center .ac-role-card {padding:13px!important;grid-template-columns:1fr!important;gap:6px!important;min-height:125px!important}
  html body #view .ac-center .ac-role-card>span {grid-row:auto!important}
  html body #view .ac-center .ac-role-card strong {font-size:19px!important}
  html body #view .ac-center .ac-role-card em {text-align:left!important;font-size:11px!important}
  html body #view .ac-accounts {padding:15px!important}
  html body #view .ac-filters {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #view .ac-search {grid-column:1/-1!important}
  html body #view .ac-table-head {display:none!important}
  html body #view .ac-account-row {grid-template-columns:18px minmax(120px,1fr) 62px!important;gap:9px!important}
  html body #view .ac-account-row>.ac-person {grid-column:2!important;grid-row:1!important}
  html body #view .ac-account-row>.ac-state {grid-column:2!important;grid-row:2!important;margin-left:47px!important}
  html body #view .ac-account-row>.ac-usage {grid-column:2!important;grid-row:3!important;margin-left:47px!important}
  html body #view .ac-account-row>.ac-permission-count {display:none!important}
  html body #view .ac-account-row>.btn {grid-column:3!important;grid-row:1/4!important}
  html body #view .ac-account-row>input {grid-row:1/4!important}
  html body #view .ac-detail-actions {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #view .ac-detail-summary {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html body #view .ac-detail-summary>div {display:flex!important}
  html body #view .ac-detail-summary dd {margin-top:0!important;text-align:right!important}
}
@media(max-width:720px) {
  html body #modalLayer .modal.ac-dialog {padding:20px!important;width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
  html body #modalLayer .ac-quota-controls {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html body #modalLayer .ac-limit-field {max-width:none!important}
  html body #modalLayer .ac-access-row {grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  html body #modalLayer .ac-access-row .ac-last-search {grid-column:1!important}
  html body #modalLayer .ac-access-actions {grid-column:1/-1!important;justify-content:flex-start!important}
  html body #modalLayer .ac-dialog>footer>span:last-child {width:100%!important;justify-content:flex-end!important}
  html body #modalLayer .ac-dialog .perm-grid,html body #modalLayer .ac-dialog .form {grid-template-columns:minmax(0,1fr)!important}
}
html body #view .ac-center[data-ac-theme=dark],html body #modalLayer .modal.ac-dialog[data-ac-theme=dark],html[data-theme=dark] body #view .ac-center,html[data-theme=dark] body #modalLayer .modal.ac-dialog,body[data-theme=dark] #view .ac-center,body[data-theme=dark] #modalLayer .modal.ac-dialog,body.theme-dark #view .ac-center,body.theme-dark #modalLayer .modal.ac-dialog {--ac-card:#1d2430;--ac-subtle:#242d3b;--ac-text:#edf1f7;--ac-muted:#abb6c7;--ac-border:#384352;--ac-ink:#c9d3ff}
@media(prefers-reduced-motion:reduce) {html body #view .ac-center *,html body #modalLayer .ac-dialog * {transition:none!important;scroll-behavior:auto!important}}
}
