/* Approved settings A and permissions 1, scoped to the two administration views. */
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) {
  --admin-ink: var(--visual-ink);
  --admin-copy:var(--visual-copy);
  --admin-line: var(--visual-line);
  --admin-soft: var(--visual-surface-soft);
  --admin-accent: var(--visual-accent);
  color: var(--admin-ink);
}
body:is([data-active-view="systemsettings"], [data-active-view="useradmin"]) .main-content { background: var(--visual-surface-soft) !important; }
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) [hidden] { display: none !important; }
html[data-visual-style] #view-systemsettings #ai-readiness-title { font-size: 23px !important; }
html[data-visual-style] #view-systemsettings .ai-readiness.is-ready { background: transparent !important; }
html[data-visual-style] #view-systemsettings .ai-readiness:has(.ai-service-illustration) { grid-template-columns: minmax(0, 1fr) 80px auto; }
html[data-visual-style] #view-systemsettings .ai-service-illustration { color: var(--visual-copy); display: grid; place-items: center; }
html[data-visual-style] #view-systemsettings .ai-service-illustration svg { width: 58px; height: 58px; stroke-width: 1.5; }
html[data-visual-style] #view-systemsettings .ai-readiness-actions .btn { min-width: 134px; }
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) .btn-primary {
  border-color: var(--admin-accent); background: var(--admin-accent); color: var(--visual-on-accent); box-shadow: none;
}
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) .btn-secondary {
  border: 1px solid var(--admin-line); background: var(--visual-surface); color: var(--admin-ink); box-shadow: none;
}
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) .btn {
  border-radius: 8px; min-height: 38px; font-size: 13px !important;
}
html[data-visual-style] :is(#view-systemsettings, #view-useradmin) :is(button, input, select, summary):focus-visible {
  outline: 2px solid var(--admin-accent); outline-offset: 3px;
}
html[data-visual-style] #view-systemsettings .sys-overview { display: flex; flex-direction: column; gap: 20px; }
html[data-visual-style] #view-systemsettings .sys-environment {
  border: 1px solid var(--admin-line); border-radius: 12px; background: var(--visual-surface); overflow: hidden;
}
html[data-visual-style] #view-systemsettings .sys-environment-row {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; align-items: center; padding: 20px; gap: 16px;
}
html[data-visual-style] #view-systemsettings .sys-environment-fact { display: flex; align-items: center; gap: 12px; min-width: 0; }
html[data-visual-style] #view-systemsettings .sys-environment-fact svg { width: 22px; height: 22px; color: var(--visual-copy); flex: none; }
html[data-visual-style] #view-systemsettings .sys-environment-fact span { display: grid; gap: 4px; }
html[data-visual-style] #view-systemsettings .sys-environment-fact small { color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-systemsettings .sys-environment-fact strong { color: var(--admin-ink); font-size: 14px; font-weight: 600; }
html[data-visual-style] #view-systemsettings .sys-environment .sys-platform-status {
  border: 0; border-top: 1px solid var(--admin-line); border-radius: 0; background: transparent; box-shadow: none;
}
html[data-visual-style] #view-systemsettings .sys-environment .sys-platform-status summary {
  display: flex; justify-content: space-between; align-items: center; min-height: 38px; padding: 8px 20px; font-size: 12px; gap: 16px;
}
html[data-visual-style] #view-systemsettings .sys-environment .sys-platform-status summary span { color: var(--admin-copy); font-size: 12px; font-weight: 400; }
html[data-visual-style] #view-systemsettings .sys-environment .sys-platform-status p { margin: 0; padding: 14px 20px; color: var(--admin-copy); font-size: 13px; line-height: 1.6; }
html[data-visual-style] #view-systemsettings .sys-overview :is(.sys-ai-card, .sys-card) {
  padding: 24px; border: 1px solid var(--admin-line); border-radius: 14px; background: var(--visual-surface); box-shadow: 0 4px 16px #284f3f05;
}
html[data-visual-style] #view-systemsettings .sys-overview .sys-card-head h3 { color: var(--admin-ink); font-size: 18px; }
html[data-visual-style] #view-systemsettings .sys-overview .sys-card-head p { color: var(--admin-copy); font-size: 13px; line-height: 1.65; }
html[data-visual-style] #view-systemsettings .sys-overview .sys-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
html[data-visual-style] #view-systemsettings .ai-organization { margin: 16px 0 0; border: 0; border-radius: 0; overflow: visible; }
html[data-visual-style] #view-systemsettings .ai-service-head { padding: 0 0 16px; border-color: var(--admin-line); gap: 16px; }
html[data-visual-style] #view-systemsettings .ai-service-head p { margin: 0; color: var(--admin-copy); font-size: 13px; }
html[data-visual-style] #view-systemsettings .ai-service-status { border-radius: 6px; font-size: 12px; }
html[data-visual-style] #view-systemsettings .ai-readiness { padding: 24px 0; background: transparent; gap: 18px 24px; }
html[data-visual-style] #view-systemsettings .ai-readiness-copy h4 { font-size: 23px; color: var(--admin-ink); letter-spacing: -.03em; }
html[data-visual-style] #view-systemsettings .ai-readiness-copy p { font-size: 13px; color: var(--admin-copy); max-width: 62ch; }
html[data-visual-style] #view-systemsettings .ai-service-facts { border: 1px solid var(--admin-line); border-radius: 8px; background: var(--admin-soft); }
html[data-visual-style] #view-systemsettings .ai-service-facts > div { padding: 14px 18px; border-color: var(--admin-line); }
html[data-visual-style] #view-systemsettings .ai-service-facts span { color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-systemsettings .ai-service-facts strong { color: var(--admin-ink); font-size: 14px; }
html[data-visual-style] #view-systemsettings .ai-mode-conditions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 18px 0; }
html[data-visual-style] #view-systemsettings .ai-mode-conditions > div { display: grid; gap: 6px; }
html[data-visual-style] #view-systemsettings .ai-mode-conditions strong { font-size: 13px; color: var(--admin-ink); }
html[data-visual-style] #view-systemsettings .ai-mode-conditions span { font-size: 12px; line-height: 1.6; color: var(--admin-copy); }
html[data-visual-style] #view-systemsettings .ai-config-inline {
  position: static; display: block; width: 100%; max-width: none; max-height: none; margin: 6px 0 0; padding: 0;
  border: 1px solid var(--admin-line); border-radius: 10px; background: var(--visual-surface); box-shadow: none; overflow: visible;
}
html[data-visual-style] #view-systemsettings .ai-config-inline[hidden] { display: none; }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-server-dialog-shell { display: block; max-height: none; }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-server-config { overflow: visible; min-height: 0; padding: 20px; }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-server-config-head { margin-bottom: 18px; }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-server-config-head strong { display: none; }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-form-row-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
html[data-visual-style] #view-systemsettings .ai-config-inline :is(input:not([type=checkbox]), select) { min-height: 42px; border-color: var(--visual-line-soft); border-radius: 7px; background: var(--visual-surface); }
html[data-visual-style] #view-systemsettings .ai-config-inline .ai-dialog-close svg { width: 18px; height: 18px; }
html[data-visual-style] #view-systemsettings .ai-config-discard { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-top: 1px solid #e5d9bd; background: #faf5e9; border-radius: 0 0 10px 10px; }
html[data-visual-style] #view-systemsettings .ai-config-discard > div { flex: 1; }
html[data-visual-style] #view-systemsettings .ai-config-discard p { margin: 4px 0 0; font-size: 13px; }
html[data-visual-style] #view-systemsettings .ai-config-discard[hidden] { display: none; }
html[data-visual-style] #view-systemsettings .ai-inline-error { color: #9b4136; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; }
html[data-visual-style] #view-systemsettings .ai-server-config-result.is-notice { color: #805d23; }
html[data-visual-style] #view-systemsettings .sys-action { border-color: var(--admin-line); border-radius: 8px; background: var(--admin-soft); }
html[data-visual-style] #view-systemsettings .sys-action.warn {
  border-color: #c3a873 !important; background: #fbf8f0 !important; color: #805a20 !important;
}
html[data-visual-style] #view-systemsettings .sys-action.warn strong { color: #805a20 !important; }
html[data-visual-style] #view-systemsettings .sys-note {
  border: 0 !important; background: var(--visual-surface) !important; color: var(--admin-copy) !important; border-radius: 6px;
}
html[data-visual-style] #view-systemsettings .sys-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; }

html[data-visual-style] #view-useradmin #ua-content { --uap-ink: var(--admin-ink); --uap-copy: var(--admin-copy); --uap-muted:var(--visual-copy); --uap-line: var(--admin-line); --uap-line-soft: var(--visual-surface-soft); --uap-primary: var(--admin-accent); }
html[data-visual-style] #view-useradmin .ua-personnel-panel { box-shadow: 0 4px 16px #284f3f05; }
html[data-visual-style] #view-useradmin .ua-toolbar { padding: 22px 24px; }
html[data-visual-style] #view-useradmin .ua-toolbar h3 { font-size: 18px; }
html[data-visual-style] #view-useradmin .ua-toolbar p { font-size: 13px; }
html[data-visual-style] #view-useradmin .ua-user-table th { background: var(--admin-soft); color: var(--admin-copy); font-size: 12px; height: 44px; }
html[data-visual-style] #view-useradmin .ua-user-table td { height: 66px; }
html[data-visual-style] #view-useradmin .ua-permission-btn { background: var(--visual-surface-soft); border-color: var(--visual-line-soft); color: var(--admin-accent); }
html[data-visual-style] #view-useradmin .ua-pagination { background: var(--visual-surface); }
html[data-visual-style] #view-useradmin dialog.ua-modal {
  position: fixed; inset: 0; margin: 0; padding: 24px; width: 100vw; height: 100dvh; max-width: none; max-height: none;
  border: 0; border-radius: 0; background: transparent; box-sizing: border-box; color: var(--admin-ink); overflow: auto;
}
html[data-visual-style] #view-useradmin dialog.ua-modal::backdrop { background: transparent; }
html[data-visual-style] #view-useradmin .ua-modal-backdrop { background: #263d364d; }
html[data-visual-style] #view-useradmin .ua-dialog { border: 1px solid var(--visual-line-soft); border-radius: 14px; max-height: calc(100dvh - 48px); box-shadow: 0 24px 80px #193a3329; }
html[data-visual-style] #view-useradmin .ua-dialog-head { flex: none; padding: 22px 26px 20px; }
html[data-visual-style] #view-useradmin .ua-dialog-head h3 { font-size: 22px; }
html[data-visual-style] #view-useradmin .ua-dialog-head p { font-size: 13px; }
html[data-visual-style] #view-useradmin .ua-dialog-close svg { width: 18px; height: 18px; }
html[data-visual-style] #view-useradmin #ua-permission-modal .ua-dialog { width: min(1012px, calc(100vw - 48px)); }
html[data-visual-style] #view-useradmin .ua-permission-editor { display: flex; flex-direction: column; min-height: 0; overflow: auto; }
html[data-visual-style] #view-useradmin .ua-role-setting { flex: none; padding: 20px 26px 16px; gap: 10px 20px; grid-template-columns: 225px 1fr auto; }
html[data-visual-style] #view-useradmin .ua-role-setting label > span { font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-role-setting p { font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-role-foot { grid-column: 1 / -1; display: flex; gap: 16px; padding-top: 6px; font-size: 12px; color: var(--admin-copy); flex-wrap: wrap; }
html[data-visual-style] #view-useradmin .ua-role-foot strong { color: var(--admin-accent); font-weight: 600; }
html[data-visual-style] #view-useradmin #ua-permission-readonly { grid-column: 1 / -1; margin: 0; padding: 10px; background: var(--admin-soft); }
html[data-visual-style] #view-useradmin .ua-permission-workspace { display: grid; grid-template-columns: 258px minmax(0, 1fr); min-height: 410px; }
html[data-visual-style] #view-useradmin .ua-group-nav { padding: 22px 14px; border-right: 1px solid var(--admin-line); background: #f6f8f5; display: flex; flex-direction: column; gap: 6px; }
html[data-visual-style] #view-useradmin .ua-group-nav button { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; width: 100%; min-height: 47px; padding: 10px 12px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--admin-copy); font-size: 13px !important; cursor: pointer; }
html[data-visual-style] #view-useradmin .ua-group-nav button[aria-selected=true] { background: var(--visual-surface-soft); border-color: var(--visual-line-soft); color: var(--visual-accent-deep); font-weight: 600; }
html[data-visual-style] #view-useradmin .ua-group-nav button:hover { background: var(--visual-surface-soft); }
html[data-visual-style] #view-useradmin .ua-group-nav button small { font-size: 12px; white-space: nowrap; }
html[data-visual-style] #view-useradmin .ua-group-mobile { display: none; }
html[data-visual-style] #view-useradmin .ua-permission-panels { padding: 18px 26px 22px; min-width: 0; }
html[data-visual-style] #view-useradmin .ua-permission-count { margin: 0 0 15px; color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-permission-group { border: 0; border-radius: 0; overflow: visible; }
html[data-visual-style] #view-useradmin .ua-permission-group[hidden] { display: none; }
html[data-visual-style] #view-useradmin .ua-permission-group h4 { font-size: 17px; margin: 0 0 18px; }
html[data-visual-style] #view-useradmin .ua-permission-group > .ua-permission-columns,
html[data-visual-style] #view-useradmin .ua-permission-option { display: grid; grid-template-columns: minmax(0, 1fr) 64px 112px; align-items: center; gap: 12px; }
html[data-visual-style] #view-useradmin .ua-permission-group > .ua-permission-columns { background: var(--visual-surface); padding: 9px 10px; border-block: 1px solid var(--admin-line); color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-permission-group > .ua-permission-rows { display: block; background: var(--visual-surface); }
html[data-visual-style] #view-useradmin .ua-permission-option { min-height: 47px; padding: 10px; border-bottom: 1px solid var(--visual-surface-soft); color: var(--admin-ink); font-size: 13px; }
html[data-visual-style] #view-useradmin .ua-permission-option input { width: 17px; height: 17px; justify-self: center; }
html[data-visual-style] #view-useradmin .ua-permission-columns > span:nth-child(2) { text-align: center; }
html[data-visual-style] #view-useradmin .ua-permission-option small { color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-permission-option small.is-override { color: #946b2c; font-weight: 600; }
html[data-visual-style] #view-useradmin .ua-permission-scope { margin: 16px 0 0; color: var(--admin-copy); font-size: 12px; line-height: 1.65; }
html[data-visual-style] #view-useradmin #ua-permission-modal .ua-dialog-foot { flex: none; justify-content: space-between; padding: 16px 26px; background: var(--visual-surface); }
html[data-visual-style] #view-useradmin .ua-dialog-foot > div { display: flex; gap: 10px; }
html[data-visual-style] #view-useradmin #ua-permission-change-state { color: var(--admin-copy); font-size: 12px; }
html[data-visual-style] #view-useradmin .btn:disabled {
  background: var(--visual-surface-soft) !important; border-color: var(--visual-line-soft) !important; color: var(--visual-copy) !important;
  opacity: 1 !important; cursor: default; box-shadow: none !important; transform: none !important;
}
html[data-visual-style] #view-useradmin .ua-permission-discard { display: flex; align-items: center; gap: 12px; padding: 16px 26px; background: #fbf5e9; border-top: 1px solid #e7d9b9; flex: none; }
html[data-visual-style] #view-useradmin .ua-permission-discard > div { flex: 1; }
html[data-visual-style] #view-useradmin .ua-permission-discard p { margin: 4px 0 0; font-size: 12px; }
html[data-visual-style] #view-useradmin .ua-permission-discard[hidden] { display: none; }
html[data-visual-style] #view-useradmin :is(#ua-model-modal, #ua-create-modal, #ua-reset-modal) .ua-dialog { overflow: auto; }
@media (max-width: 980px) {
  html[data-visual-style] #view-systemsettings .ai-readiness:has(.ai-service-illustration) { grid-template-columns: 1fr auto; }
  html[data-visual-style] #view-systemsettings .ai-readiness-actions { grid-column: 1 / -1; }
  html[data-visual-style] #view-systemsettings .sys-environment-row { grid-template-columns: 1fr 1fr auto; }
  html[data-visual-style] #view-systemsettings #sys-platform-probe-btn { grid-column: 3; grid-row: 1 / 3; }
  html[data-visual-style] #view-systemsettings .ai-readiness { grid-template-columns: 1fr; }
  html[data-visual-style] #view-systemsettings .ai-readiness-actions { justify-content: flex-start; }
  html[data-visual-style] #view-useradmin .ua-role-setting { grid-template-columns: 1fr auto; }
  html[data-visual-style] #view-useradmin #ua-role-description { grid-row: 2; grid-column: 1 / -1; margin: 0; }
}
@media (max-width: 650px) {
  html[data-visual-style] #view-systemsettings .sys-environment-row { grid-template-columns: 1fr 1fr; padding: 16px; }
  html[data-visual-style] #view-systemsettings #sys-platform-probe-btn { grid-column: 1 / -1; grid-row: auto; justify-self: start; }
  html[data-visual-style] #view-systemsettings .sys-overview .sys-grid { grid-template-columns: 1fr; }
  html[data-visual-style] #view-systemsettings .sys-overview :is(.sys-ai-card, .sys-card) { padding: 18px; }
  html[data-visual-style] #view-systemsettings .ai-service-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  html[data-visual-style] #view-systemsettings .ai-mode-conditions { grid-template-columns: 1fr; gap: 12px; }
  html[data-visual-style] #view-systemsettings .ai-mode-conditions > div { grid-template-columns: 60px 1fr; }
  html[data-visual-style] #view-systemsettings .ai-config-inline .ai-form-row-2col { grid-template-columns: 1fr; gap: 0; }
  html[data-visual-style] #view-systemsettings .ai-config-discard { flex-wrap: wrap; }
  html[data-visual-style] #view-systemsettings .ai-config-discard > div { flex-basis: 100%; }
  html[data-visual-style] #view-useradmin .ua-toolbar { padding: 18px; }
  html[data-visual-style] #view-useradmin dialog.ua-modal { padding: 8px; }
  html[data-visual-style] #view-useradmin :is(.ua-dialog, #ua-permission-modal .ua-dialog, #ua-create-modal .ua-dialog, #ua-reset-modal .ua-dialog) { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 12px; }
  html[data-visual-style] #view-useradmin .ua-dialog-head { padding: 18px; }
  html[data-visual-style] #view-useradmin .ua-role-setting { padding: 16px 18px; gap: 10px; }
  html[data-visual-style] #view-useradmin .ua-role-foot { gap: 6px; }
  html[data-visual-style] #view-useradmin .ua-permission-workspace { display: block; min-height: 0; }
  html[data-visual-style] #view-useradmin .ua-group-nav { display: none; }
  html[data-visual-style] #view-useradmin .ua-group-mobile { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; padding: 14px 18px; background: var(--admin-soft); font-size: 13px; }
  html[data-visual-style] #view-useradmin .ua-group-mobile select { min-width: 0; width: 100%; min-height: 40px; border: 1px solid var(--admin-line); border-radius: 8px; background: var(--visual-surface); color: var(--admin-ink); font-size: 13px; padding: 8px; }
  html[data-visual-style] #view-useradmin .ua-permission-panels { padding: 16px 18px; }
  html[data-visual-style] #view-useradmin .ua-permission-group > .ua-permission-columns,
  html[data-visual-style] #view-useradmin .ua-permission-option { grid-template-columns: minmax(0, 1fr) 42px 84px; gap: 8px; padding-inline: 4px; }
  html[data-visual-style] #view-useradmin #ua-permission-modal .ua-dialog-foot { padding: 12px 18px; gap: 8px; }
  html[data-visual-style] #view-useradmin .ua-permission-discard { flex-wrap: wrap; padding: 14px 18px; }
  html[data-visual-style] #view-useradmin .ua-permission-discard > div { flex-basis: 100%; }
}
/* Account management completeness: identity, compact roster and secondary tools. */
#view-useradmin .ua-directory-upgrade .ua-personnel-panel { min-height: 0; }
#view-useradmin .ua-identity { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px; }
#view-useradmin .ua-identity h3 { margin:0 0 8px; font-size:18px; color:var(--visual-ink); }
#view-useradmin .ua-identity p, #view-useradmin .ua-environment-note { margin:5px 0; color:var(--visual-copy); font-size:14px; line-height:1.7; }
#view-useradmin .ua-directory-upgrade .ua-empty { min-height:160px; display:flex; flex-direction:column; justify-content:center; gap:12px; padding:28px; }
#view-useradmin .ua-directory-upgrade .ua-user-table { min-width:1040px; }
#view-useradmin .ua-directory-upgrade .ua-user-table th:nth-child(n),
#view-useradmin .ua-directory-upgrade .ua-user-table td:nth-child(n) { width:auto; }
#view-useradmin .ua-directory-upgrade .ua-user-table th:nth-child(3) { width:23%; }
#view-useradmin .ua-directory-upgrade .ua-user-table th:nth-child(6) { width:24%; }
#view-useradmin .ua-user-table time { color:var(--visual-copy); font-size:12px; font-variant-numeric:tabular-nums; }
#view-useradmin .ua-management-sections { margin:24px 22px 0; padding-bottom:12px; }
#view-useradmin .ua-management-section { border:1px solid var(--visual-line-soft); border-radius:12px; background:var(--visual-surface); margin:12px 0; overflow:hidden; }
#view-useradmin .ua-management-section summary { cursor:pointer; padding:18px 22px; color:var(--visual-ink); font-size:16px; font-weight:650; }
#view-useradmin .ua-management-section summary span { margin-left:16px; color:var(--visual-copy); font-size:14px; font-weight:400; }
#view-useradmin [data-ua-section-body] { padding:0 22px 22px; overflow-x:auto; }
#view-useradmin .ua-quota-note { color:var(--visual-copy); font-size:14px; line-height:1.7; }
#view-useradmin .ua-quota-account { display:grid; grid-template-columns:minmax(210px,1fr) auto minmax(160px,220px) auto; gap:18px; align-items:center; border-top:1px solid var(--visual-surface-soft); padding:20px 0; }
#view-useradmin .ua-quota-account strong, #view-useradmin .ua-quota-account small { display:block; overflow-wrap:anywhere; }
#view-useradmin .ua-quota-account small, #view-useradmin .ua-quota-account p { color:var(--visual-copy); font-size:14px; line-height:1.6; }
#view-useradmin .ua-quota-account label { font-size:14px; color:var(--visual-ink); }
#view-useradmin .ua-quota-account input[type=number] { width:100%; box-sizing:border-box; margin-top:7px; padding:9px; font:inherit; border:1px solid var(--visual-line); border-radius:6px; }
#view-useradmin .ua-quota-result { grid-column:1/-1; margin:0; }
#view-useradmin .ua-management-section summary:focus-visible { outline:2px solid var(--visual-accent); outline-offset:-3px; }
@media(max-width:700px) {
  #view-useradmin .ua-directory-upgrade .ua-user-table { min-width:0; }
  #view-useradmin .ua-directory-upgrade .ua-user-table td:nth-child(n) { width:100%; box-sizing:border-box; }
  #view-useradmin .ua-identity { flex-direction:column; align-items:stretch; gap:14px; }
  #view-useradmin .ua-identity .ua-toolbar-actions { flex-wrap:wrap; }
  #view-useradmin .ua-quota-account { grid-template-columns:1fr; gap:12px; }
  #view-useradmin .ua-management-section summary span { display:block; margin:6px 0 0; }
  #view-useradmin .ua-quota-account input[type=number] { font-size:16px; }
}

/* 操作日志独立查阅窗口：紧凑时间列，优先展示事项。 */
:is(#view-useradmin, #audit-log-window) .ua-log-entry { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid var(--visual-line-soft); }
:is(#view-useradmin, #audit-log-window) .ua-log-entry h3 { margin:0 0 6px; font-size:16px; color:var(--visual-ink); }
:is(#view-useradmin, #audit-log-window) .ua-log-entry p { margin:0; font-size:13px; color:var(--visual-copy); }
:is(#view-useradmin, #audit-log-window) #ua-log-modal .ua-dialog { width:min(1280px, calc(100vw - 48px)); display:flex; flex-direction:column; }
:is(#view-useradmin, #audit-log-window) #ua-log-modal .ua-dialog-head { border-bottom:1px solid var(--visual-line-soft); }
:is(#view-useradmin, #audit-log-window) .ua-log-body { overflow:auto; min-height:0; padding:0 24px 20px; }
:is(#view-useradmin, #audit-log-window) .al-panel { margin:0; padding:0; max-width:none; border:0; border-radius:0; background:transparent; box-shadow:none; }
:is(#view-useradmin, #audit-log-window) .al-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; }
:is(#view-useradmin, #audit-log-window) .al-toolbar p { margin:0; font-size:13px; color:var(--visual-copy); }
:is(#view-useradmin, #audit-log-window) .al-filters { grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(130px,1fr)); gap:12px; margin:0 0 12px; padding:16px; border:0; border-radius:8px; background:var(--visual-surface-soft); }
:is(#view-useradmin, #audit-log-window) .al-filters label { color:var(--visual-copy); font-size:12px; }
:is(#view-useradmin, #audit-log-window) .al-filters input, :is(#view-useradmin, #audit-log-window) .al-filters select { width:100%; min-width:0; box-sizing:border-box; color:var(--visual-ink); background:var(--visual-surface); border-color:var(--visual-line-soft); }
:is(#view-useradmin, #audit-log-window) .al-filter-summary { color:var(--visual-copy); font-size:12px; padding:8px 0 12px; }
:is(#view-useradmin, #audit-log-window) .al-table-scroll { border-color:var(--visual-line-soft); border-radius:8px; }
:is(#view-useradmin, #audit-log-window) table.al-table { table-layout:fixed; width:100%; min-width:880px; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-time { width:88px; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-user { width:16%; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-object { width:18%; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-action { width:16%; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-result { width:68px; }
:is(#view-useradmin, #audit-log-window) .al-table .al-col-detail { width:auto; }
:is(#view-useradmin, #audit-log-window) .al-table th, :is(#view-useradmin, #audit-log-window) .al-table td { padding:12px; width:auto; min-width:0; max-width:none; white-space:normal; overflow-wrap:anywhere; vertical-align:top; height:auto; }
:is(#view-useradmin, #audit-log-window) .al-table th { color:var(--visual-copy); background:var(--visual-surface-soft); font-size:12px; }
:is(#view-useradmin, #audit-log-window) .al-table td { color:var(--visual-ink); font-size:13px; border-color:var(--visual-line-soft); }
:is(#view-useradmin, #audit-log-window) .al-table td:first-child { white-space:nowrap; font-variant-numeric:tabular-nums; }
:is(#view-useradmin, #audit-log-window) .al-table td strong { font-weight:500; }
:is(#view-useradmin, #audit-log-window) .al-table td small { color:var(--visual-copy); font-size:12px; }
:is(#view-useradmin, #audit-log-window) .al-table .al-date-row th { padding:8px 12px; color:var(--visual-accent); font-weight:650; }
:is(#view-useradmin, #audit-log-window) .al-pagination { flex-wrap:wrap; gap:12px; padding:16px 0 0; }
:is(#view-useradmin, #audit-log-window) .al-filters :focus-visible { outline:2px solid var(--visual-accent); outline-offset:2px; }
@media (max-width:760px) {
  :is(#view-useradmin, #audit-log-window) #ua-log-modal .ua-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  :is(#view-useradmin, #audit-log-window) .ua-log-body { padding:0 12px 12px; }
  :is(#view-useradmin, #audit-log-window) .al-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  :is(#view-useradmin, #audit-log-window) .al-toolbar, :is(#view-useradmin, #audit-log-window) .ua-log-entry { align-items:flex-start; flex-wrap:wrap; }
}

body.al-window-open { overflow:hidden; }
#audit-log-window { width:min(1280px,calc(100vw - 48px)); max-width:none; max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--visual-line-soft); border-radius:14px; color:var(--visual-ink); background:var(--visual-surface); }
#audit-log-window[open] { display:flex; flex-direction:column; }
#audit-log-window::backdrop { background:rgb(20 35 45 / 45%); }
#audit-log-window .al-window-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid var(--visual-line-soft); }
#audit-log-window h2 { margin:0 0 8px; font-size:22px; }
#audit-log-window .al-window-head p { margin:0; color:var(--visual-copy); font-size:13px; }
@media(max-width:760px) { #audit-log-window { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); } }
#audit-log-window { position:fixed; inset:0; margin:auto; box-sizing:border-box; }
#audit-log-window .al-table th { text-align:left; }