/* V1.6 private account workspaces. Loaded after the legacy account rules. */
body.ops-layout #account-center .account-center__tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 16px 0 12px;
  padding: 5px;
  border: 1px solid var(--account-border, rgba(10,165,216,.18));
  border-radius: 12px;
  background: var(--account-surface-soft, rgba(225,243,251,.72));
}
body.ops-layout #account-center .account-center__tabs button {
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 9px 8px;
  background: transparent;
  color: var(--account-muted, rgba(16,37,59,.68));
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.ops-layout #account-center .account-center__tabs button:hover,
body.ops-layout #account-center .account-center__tabs button:focus-visible {
  border-color: var(--account-accent, #087ca8);
  color: var(--account-text, #10253b);
  background: var(--account-surface-strong, rgba(255,255,255,.82));
}
body.ops-layout #account-center .account-center__tabs button.is-active {
  border-color: var(--account-accent, #087ca8);
  color: var(--account-text, #10253b);
  background: var(--account-accent-soft, rgba(10,165,216,.16));
  box-shadow: 0 5px 14px rgba(10,95,130,.12);
}
body.ops-layout #account-center [data-account-workspace-panel] { min-width: 0; }
body.ops-layout #account-center .account-workspace-panel {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}
body.ops-layout #account-center .account-workspace-panel.hidden { display: none; }
body.ops-layout #account-center .account-workspace__head,
body.ops-layout #account-center .account-workspace__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.ops-layout #account-center .account-workspace__head > div,
body.ops-layout #account-center .account-workspace__section-head { min-width: 0; }
body.ops-layout #account-center .account-workspace__head span,
body.ops-layout #account-center .account-workspace__section-head span {
  display: block;
  color: var(--account-muted, rgba(16,37,59,.68));
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.ops-layout #account-center .account-workspace__head strong {
  display: block;
  margin-top: 3px;
  color: var(--account-text, #10253b);
  font-size: 18px;
}
body.ops-layout #account-center .account-workspace__head button,
body.ops-layout #account-center .account-workspace__section-head select {
  flex: 0 0 auto;
  border: 1px solid var(--account-border, rgba(10,165,216,.22));
  border-radius: 8px;
  padding: 8px 11px;
  background: var(--account-surface-strong, rgba(255,255,255,.78));
  color: var(--account-text, #10253b);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
body.ops-layout #account-center .account-workspace__head button:hover,
body.ops-layout #account-center .account-workspace__head button:focus-visible {
  border-color: var(--account-accent, #087ca8);
  background: var(--account-accent-soft, rgba(10,165,216,.16));
}
body.ops-layout #account-center .account-workspace__note {
  margin: 0;
  color: var(--account-muted, rgba(16,37,59,.68));
  font-size: 12px;
  line-height: 1.65;
}
body.ops-layout #account-center .account-monitor-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
body.ops-layout #account-center .account-monitor-summary--cache { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.ops-layout #account-center .account-monitor-summary article {
  min-width: 0;
  border: 1px solid var(--account-border, rgba(10,165,216,.18));
  border-radius: 10px;
  padding: 10px;
  background: var(--account-surface-soft, rgba(225,243,251,.52));
}
body.ops-layout #account-center .account-monitor-summary article span,
body.ops-layout #account-center .account-monitor-summary article strong { display: block; }
body.ops-layout #account-center .account-monitor-summary article span {
  color: var(--account-muted, rgba(16,37,59,.68));
  font-size: 11px;
}
body.ops-layout #account-center .account-monitor-summary article strong {
  margin-top: 4px;
  color: var(--account-text, #10253b);
  font-size: 18px;
  line-height: 1.2;
}
body.ops-layout #account-center .account-workspace__section {
  display: grid;
  gap: 10px;
  min-width: 0;
  border-top: 1px solid var(--account-border, rgba(10,165,216,.14));
  padding-top: 12px;
}
body.ops-layout #account-center .account-workspace__section-head small {
  color: var(--account-muted, rgba(16,37,59,.62));
  font-size: 11px;
}
body.ops-layout #account-center .account-monitor-link-form,
body.ops-layout #account-center .account-report-form {
  display: grid;
  grid-template-columns: minmax(90px, .7fr) minmax(140px, 1.3fr) auto auto;
  align-items: end;
  gap: 9px;
}
body.ops-layout #account-center .account-report-form {
  grid-template-columns: minmax(150px, 1.5fr) minmax(130px, 1fr) minmax(92px, .55fr) minmax(150px, 1.5fr) minmax(150px, 1.5fr) auto;
}
body.ops-layout #account-center .account-monitor-link-form label,
body.ops-layout #account-center .account-report-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
body.ops-layout #account-center .account-monitor-link-form label > span,
body.ops-layout #account-center .account-report-form label > span {
  color: var(--account-muted, rgba(16,37,59,.68));
  font-size: 11px;
}
body.ops-layout #account-center .account-monitor-link-form input,
body.ops-layout #account-center .account-monitor-link-form select,
body.ops-layout #account-center .account-report-form input {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--account-border, rgba(10,165,216,.2));
  border-radius: 8px;
  padding: 8px 9px;
  background: var(--account-surface-strong, rgba(255,255,255,.8));
  color: var(--account-text, #10253b);
  font: inherit;
  font-size: 12px;
}
body.ops-layout #account-center .account-monitor-link-form input:focus,
body.ops-layout #account-center .account-monitor-link-form select:focus,
body.ops-layout #account-center .account-report-form input:focus {
  border-color: var(--account-accent, #087ca8);
  outline: 2px solid var(--account-accent-soft, rgba(10,165,216,.2));
  outline-offset: 1px;
}
body.ops-layout #account-center .account-monitor-link-form button,
body.ops-layout #account-center .account-report-form button {
  border: 0;
  border-radius: 8px;
  padding: 9px 12px;
  background: var(--account-accent, #087ca8);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
body.ops-layout #account-center .account-monitor-link-form button:hover,
body.ops-layout #account-center .account-report-form button:hover { filter: brightness(1.08); }
body.ops-layout #account-center .account-monitor-check {
  display: flex !important;
  align-items: center;
  gap: 7px !important;
  min-height: 34px;
}
body.ops-layout #account-center .account-monitor-check input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--account-accent, #087ca8);
}
body.ops-layout #account-center .account-monitor-check span { line-height: 1.35; }
body.ops-layout #account-center .account-monitor-links,
body.ops-layout #account-center .account-opponents,
body.ops-layout #account-center .account-cache-list,
body.ops-layout #account-center .account-reports { display: grid; gap: 7px; min-width: 0; }
body.ops-layout #account-center .account-monitor-row,
body.ops-layout #account-center .account-opponent-row,
body.ops-layout #account-center .account-cache-row,
body.ops-layout #account-center .account-report-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--account-border, rgba(10,165,216,.14));
  border-radius: 9px;
  padding: 9px 10px;
  background: var(--account-surface-soft, rgba(225,243,251,.42));
}
body.ops-layout #account-center .account-monitor-row__main,
body.ops-layout #account-center .account-opponent-row__main,
body.ops-layout #account-center .account-cache-row__main,
body.ops-layout #account-center .account-report-row__main { min-width: 0; }
body.ops-layout #account-center .account-monitor-row strong,
body.ops-layout #account-center .account-opponent-row strong,
body.ops-layout #account-center .account-cache-row strong,
body.ops-layout #account-center .account-report-row strong {
  display: block;
  overflow: hidden;
  color: var(--account-text, #10253b);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ops-layout #account-center .account-monitor-row small,
body.ops-layout #account-center .account-opponent-row small,
body.ops-layout #account-center .account-cache-row small,
body.ops-layout #account-center .account-report-row small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: var(--account-muted, rgba(16,37,59,.68));
  font-size: 11px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ops-layout #account-center .account-monitor-row__actions,
body.ops-layout #account-center .account-opponent-row__actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
body.ops-layout #account-center .account-monitor-row__actions button,
body.ops-layout #account-center .account-opponent-row__actions button {
  border: 1px solid var(--account-border, rgba(10,165,216,.22));
  border-radius: 7px;
  padding: 6px 8px;
  background: var(--account-surface-strong, rgba(255,255,255,.72));
  color: var(--account-text, #10253b);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
body.ops-layout #account-center .account-monitor-row__actions button:hover,
body.ops-layout #account-center .account-opponent-row__actions button:hover { border-color: var(--account-accent, #087ca8); background: var(--account-accent-soft, rgba(10,165,216,.16)); }
body.ops-layout #account-center .account-monitor-row__actions .is-on,
body.ops-layout #account-center .account-opponent-row__actions .is-on { border-color: #2c9d6d; background: rgba(44,157,109,.14); }
body.ops-layout #account-center .account-cache-row,
body.ops-layout #account-center .account-report-row { grid-template-columns: 1fr; }
body.ops-layout #account-center .account-cache-row__age,
body.ops-layout #account-center .account-report-row__status { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 11px; }
body[data-theme="dark"].ops-layout #account-center .account-center__tabs button:hover,
body[data-theme="dark"].ops-layout #account-center .account-center__tabs button:focus-visible,
body[data-theme="dark"].ops-layout #account-center .account-center__tabs button.is-active,
body[data-theme="dark"].ops-layout #account-center .account-workspace__head button,
body[data-theme="dark"].ops-layout #account-center .account-workspace__section-head select,
body[data-theme="dark"].ops-layout #account-center .account-monitor-link-form input,
body[data-theme="dark"].ops-layout #account-center .account-monitor-link-form select,
body[data-theme="dark"].ops-layout #account-center .account-report-form input,
body[data-theme="dark"].ops-layout #account-center .account-monitor-row,
body[data-theme="dark"].ops-layout #account-center .account-opponent-row,
body[data-theme="dark"].ops-layout #account-center .account-cache-row,
body[data-theme="dark"].ops-layout #account-center .account-report-row,
body[data-theme="dark"].ops-layout #account-center .account-monitor-row__actions button,
body[data-theme="dark"].ops-layout #account-center .account-opponent-row__actions button { background: var(--account-surface-soft, rgba(12,24,38,.8)); color: var(--account-text, #eef8ff); }
@media (max-width: 720px) {
  body.ops-layout #account-center .account-center__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ops-layout #account-center .account-monitor-summary,
  body.ops-layout #account-center .account-monitor-summary--cache { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ops-layout #account-center .account-monitor-link-form,
  body.ops-layout #account-center .account-report-form { grid-template-columns: 1fr 1fr; }
  body.ops-layout #account-center .account-monitor-link-form label:nth-child(2),
  body.ops-layout #account-center .account-monitor-link-form label:nth-child(3),
  body.ops-layout #account-center .account-monitor-link-form button,
  body.ops-layout #account-center .account-report-form label:first-child,
  body.ops-layout #account-center .account-report-form label:nth-child(4),
  body.ops-layout #account-center .account-report-form label:nth-child(5),
  body.ops-layout #account-center .account-report-form button { grid-column: 1 / -1; }
  body.ops-layout #account-center .account-monitor-row,
  body.ops-layout #account-center .account-opponent-row { grid-template-columns: 1fr; }
  body.ops-layout #account-center .account-monitor-row__actions,
  body.ops-layout #account-center .account-opponent-row__actions { justify-content: flex-start; }
}

/* R01 account workbench: one focused panel at a time, shared by light and dark themes. */
body.ops-layout .auth-entry--toolbar .auth-entry__button {
  max-width: 168px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-layout .auth-modal.is-account-mode .auth-modal__panel,
body.ops-layout .auth-modal__panel:has(#account-center:not(.hidden)) {
  width: min(1040px, calc(100vw - 32px));
  max-height: min(860px, calc(100dvh - 32px));
}

body.ops-layout #account-center.account-center:not(.hidden) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row;
  gap: 12px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.ops-layout #account-center > .account-center__hero,
body.ops-layout #account-center > .account-center__tabs,
body.ops-layout #account-center > .account-center__message,
body.ops-layout #account-center > [data-account-workspace-panel] {
  grid-column: 1 / -1 !important;
}

body.ops-layout #account-center .account-center__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--account-border, rgba(10, 165, 216, .22));
  border-radius: 8px;
  background: var(--account-surface-soft, rgba(225, 243, 251, .68));
}

body.ops-layout #account-center .account-center__hero::before { display: none !important; content: none !important; }

body.ops-layout #account-center .account-center__identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body.ops-layout #account-center .account-center__identity > div:last-child { min-width: 0; }

body.ops-layout #account-center .account-center__avatar {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--account-border, rgba(10, 165, 216, .32));
  border-radius: 8px;
  background-color: var(--account-accent-soft, rgba(10, 165, 216, .16));
  background-position: center;
  background-size: cover;
  color: var(--account-accent, #087ca8);
  font-size: 20px;
  font-weight: 900;
}

body.ops-layout #account-center .account-center__avatar.has-image { color: transparent; }

body.ops-layout #account-center .account-center__eyebrow {
  display: block;
  margin-bottom: 2px;
  color: var(--account-muted, rgba(16, 37, 59, .68));
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.ops-layout #account-center .account-center__identity strong,
body.ops-layout #account-center .account-center__identity span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ops-layout #account-center .account-center__status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

body.ops-layout #account-center .account-center__status > span {
  border: 1px solid var(--account-border, rgba(10, 165, 216, .22));
  border-radius: 999px;
  padding: 5px 8px;
  background: var(--account-surface-strong, rgba(255, 255, 255, .72));
  color: var(--account-muted, rgba(16, 37, 59, .72));
  font-size: 10px;
  font-weight: 800;
}

body.ops-layout #account-center #account-center-mail-status[data-state="ready"] { border-color: rgba(44, 157, 109, .44); color: #247d59; }
body.ops-layout #account-center #account-center-mail-status[data-state="degraded"] { border-color: rgba(211, 75, 75, .42); color: #b43b3b; }

body.ops-layout #account-center .account-center__tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  border-radius: 8px;
}

body.ops-layout #account-center .account-center__message {
  min-height: 0;
  margin: 0;
  border-left: 3px solid var(--account-accent, #087ca8);
  padding: 7px 10px;
  color: var(--account-text, #10253b);
  font-size: 12px;
  line-height: 1.5;
}

body.ops-layout #account-center .account-center__message:empty { display: none; }
body.ops-layout #account-center .account-center__message[data-state="success"] { border-left-color: #2c9d6d; }
body.ops-layout #account-center .account-center__message[data-state="error"] { border-left-color: #d34b4b; }

body.ops-layout #account-center .account-workspace-panel {
  align-content: start;
  min-height: 340px;
  padding: 4px 2px 2px;
}

body.ops-layout #account-center .account-profile-editor {
  margin: 0;
  border-radius: 8px;
  background: var(--account-surface-soft, rgba(225, 243, 251, .42));
}

body.ops-layout #account-center .account-facts,
body.ops-layout #account-center .account-security-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--account-border, rgba(10, 165, 216, .18));
  border-left: 1px solid var(--account-border, rgba(10, 165, 216, .18));
}

body.ops-layout #account-center .account-facts > div,
body.ops-layout #account-center .account-security-list > div {
  min-width: 0;
  padding: 10px 12px;
  border-right: 1px solid var(--account-border, rgba(10, 165, 216, .18));
  border-bottom: 1px solid var(--account-border, rgba(10, 165, 216, .18));
}

body.ops-layout #account-center .account-facts dt,
body.ops-layout #account-center .account-security-list dt {
  color: var(--account-muted, rgba(16, 37, 59, .68));
  font-size: 10px;
}

body.ops-layout #account-center .account-facts dd,
body.ops-layout #account-center .account-security-list dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  color: var(--account-text, #10253b);
  font-size: 13px;
  font-weight: 800;
}

body.ops-layout #account-center .account-delivery-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 12px;
  padding: 11px 12px;
  border-left: 3px solid var(--account-accent, #087ca8);
  background: var(--account-surface-soft, rgba(225, 243, 251, .42));
}

body.ops-layout #account-center .account-delivery-status > span,
body.ops-layout #account-center .account-delivery-status > small { color: var(--account-muted, rgba(16, 37, 59, .68)); font-size: 11px; }
body.ops-layout #account-center .account-delivery-status > strong { color: var(--account-text, #10253b); font-size: 13px; }
body.ops-layout #account-center .account-delivery-status > small { grid-column: 1 / -1; }
body.ops-layout #account-center #account-report-smtp-status[data-state="ready"] { color: #247d59; }
body.ops-layout #account-center #account-report-smtp-status[data-state="degraded"] { color: #b43b3b; }

body.ops-layout #account-center .account-inline-danger,
body.ops-layout #account-center .account-logout-button {
  justify-self: start;
  border: 1px solid rgba(211, 75, 75, .34);
  border-radius: 7px;
  padding: 8px 11px;
  background: rgba(211, 75, 75, .08);
  color: #b43b3b;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

body.ops-layout #account-center .account-logout-button { margin-top: 2px; }

.standalone-report-preview { margin-top: 12px; border: 1px solid var(--r02-line); border-radius: 8px; background: var(--r02-surface-raised); overflow: hidden; }
.standalone-report-preview__head { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--r02-line); }
.standalone-report-preview__head span, .standalone-report-preview__head strong { display: block; }
.standalone-report-preview__head span, .standalone-report-preview__head time { color: var(--r02-muted); font-size: 11px; }
.standalone-report-preview__head strong { margin-top: 3px; color: var(--r02-text); font-size: 15px; }
.standalone-report-preview__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--r02-line); }
.standalone-report-preview__metrics span { padding: 10px 12px; background: var(--r02-surface); color: var(--r02-muted); font-size: 11px; }
.standalone-report-preview__metrics b { display: block; margin-top: 2px; color: var(--r02-text); font-size: 17px; }
.standalone-report-preview__rows { display: grid; }
.standalone-report-preview__row { border-top: 1px solid var(--r02-line); }
.standalone-report-preview__row:first-child { border-top: 0; }
.standalone-report-preview__row > button { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; border: 0; padding: 11px 14px; background: transparent; color: var(--r02-text); text-align: left; cursor: pointer; }
.standalone-report-preview__row > button:hover, .standalone-report-preview__row > button:focus-visible { background: var(--r02-hover); outline: none; }
.standalone-report-preview__row > button span, .standalone-report-preview__row > button strong, .standalone-report-preview__row > button small { display: block; min-width: 0; }
.standalone-report-preview__row > button small { margin-top: 3px; color: var(--r02-muted); }
.standalone-report-preview__row > button em { color: var(--r02-accent); font-style: normal; font-weight: 800; }
.standalone-report-preview__row dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0 14px 14px; }
.standalone-report-preview__row dl div { min-width: 0; padding: 8px 10px; border: 1px solid var(--r02-line); margin: -1px 0 0 -1px; }
.standalone-report-preview__row dt { color: var(--r02-muted); font-size: 10px; }
.standalone-report-preview__row dd { margin: 3px 0 0; color: var(--r02-text); font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 720px) { .standalone-report-preview__metrics, .standalone-report-preview__row dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

body[data-theme="dark"].ops-layout #account-center .account-center__hero,
body[data-theme="dark"].ops-layout #account-center .account-profile-editor,
body[data-theme="dark"].ops-layout #account-center .account-delivery-status,
body[data-theme="dark"].ops-layout #account-center .account-center__status > span {
  background: var(--account-surface-soft, rgba(12, 24, 38, .82));
  color: var(--account-text, #eef8ff);
}

body[data-theme="dark"].ops-layout #account-center #account-center-mail-status[data-state="ready"],
body[data-theme="dark"].ops-layout #account-center #account-report-smtp-status[data-state="ready"] { color: #79ddb3; }
body[data-theme="dark"].ops-layout #account-center #account-center-mail-status[data-state="degraded"],
body[data-theme="dark"].ops-layout #account-center #account-report-smtp-status[data-state="degraded"] { color: #ff9999; }

@media (max-width: 720px) {
  body.ops-layout .auth-modal.is-account-mode .auth-modal__panel,
  body.ops-layout .auth-modal__panel:has(#account-center:not(.hidden)) {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }
  body.ops-layout #account-center .account-center__hero { align-items: flex-start; flex-direction: column; }
  body.ops-layout #account-center .account-center__status { justify-content: flex-start; }
  body.ops-layout #account-center .account-center__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.ops-layout #account-center .account-facts,
  body.ops-layout #account-center .account-security-list { grid-template-columns: 1fr; }
}
body.ops-layout #account-admin-users { display: grid; gap: 12px; }
body.ops-layout .vp-radar-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
body.ops-layout .vp-radar-summary article { min-width: 0; border: 1px solid var(--account-border, rgba(10,165,216,.18)); border-radius: 10px; padding: 10px 12px; background: var(--account-surface-soft, rgba(225,243,251,.52)); }
body.ops-layout .vp-radar-summary span, body.ops-layout .vp-radar-summary strong { display: block; }
body.ops-layout .vp-radar-summary span { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 11px; }
body.ops-layout .vp-radar-summary strong { margin-top: 4px; color: var(--account-text, #10253b); font-size: 20px; }
body.ops-layout .vp-radar-instances { display: grid; gap: 12px; }
body.ops-layout .vp-radar-card { display: grid; gap: 12px; padding: 15px; border: 1px solid var(--account-border, rgba(10,165,216,.2)); border-radius: 12px; background: var(--account-surface-raised, rgba(255,255,255,.7)); }
body.ops-layout .vp-radar-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.ops-layout .vp-radar-card header span, body.ops-layout .vp-radar-card header strong { display: block; }
body.ops-layout .vp-radar-card header span { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 11px; }
body.ops-layout .vp-radar-card header strong { margin-top: 3px; color: var(--account-text, #10253b); font-size: 16px; }
body.ops-layout .vp-radar-status { border-radius: 999px; padding: 5px 9px; background: rgba(44,157,109,.14); color: #237b55; font-size: 11px; white-space: nowrap; }
body.ops-layout .vp-radar-card--degraded .vp-radar-status { background: rgba(211,145,32,.16); color: #996a0e; }
body.ops-layout .vp-radar-card--offline .vp-radar-status { background: rgba(190,65,65,.14); color: #a33838; }
body.ops-layout .vp-radar-card dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; }
body.ops-layout .vp-radar-card dl div { min-width: 0; padding: 8px; border-radius: 8px; background: var(--account-surface-soft, rgba(225,243,251,.52)); }
body.ops-layout .vp-radar-card dt { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 10px; }
body.ops-layout .vp-radar-card dd { margin: 3px 0 0; color: var(--account-text, #10253b); font-size: 12px; overflow-wrap: anywhere; }
body.ops-layout .vp-radar-endpoint { display: grid; grid-template-columns: 108px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; }
body.ops-layout .vp-radar-endpoint > span { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 11px; }
body.ops-layout .vp-radar-endpoint code { min-width: 0; overflow-wrap: anywhere; color: var(--account-text, #10253b); font: 600 12px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
body.ops-layout .vp-radar-copy { border: 1px solid var(--account-border, rgba(10,165,216,.22)); border-radius: 7px; padding: 5px 8px; background: var(--account-surface-strong, rgba(255,255,255,.78)); color: var(--account-text, #10253b); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
body.ops-layout .vp-radar-copy:hover, body.ops-layout .vp-radar-copy:focus-visible { border-color: var(--account-accent, #087ca8); background: var(--account-accent-soft, rgba(10,165,216,.16)); }
body.ops-layout .vp-radar-checked { color: var(--account-muted, rgba(16,37,59,.68)); font-size: 11px; }
body.ops-layout .vp-radar-security { border-top: 1px solid var(--account-border, rgba(10,165,216,.18)); padding-top: 10px; color: var(--account-muted, rgba(16,37,59,.68)); font-size: 12px; line-height: 1.6; }
body.ops-layout .vp-radar-security summary { cursor: pointer; color: var(--account-text, #10253b); font-weight: 800; }
body.ops-layout .vp-radar-security p { margin: 8px 0 0; }
body[data-theme="dark"].ops-layout #account-center .vp-radar-summary article,
body[data-theme="dark"].ops-layout #account-center .vp-radar-card,
body[data-theme="dark"].ops-layout #account-center .vp-radar-card dl div,
body[data-theme="dark"].ops-layout #account-center .vp-radar-copy { background: var(--account-surface-soft, rgba(12,24,38,.8)); color: var(--account-text, #eef8ff); }
@media (max-width: 720px) {
  body.ops-layout .vp-radar-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ops-layout .vp-radar-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ops-layout .vp-radar-endpoint { grid-template-columns: 1fr auto; }
  body.ops-layout .vp-radar-endpoint code { grid-column: 1 / -1; grid-row: 2; }
}
body.ops-layout .account-admin-runtime { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin: 0 0 14px; }
body.ops-layout .account-admin-runtime > div { padding: 10px 12px; border: 1px solid var(--r02-line); border-radius: 8px; background: var(--r02-surface-raised); }
body.ops-layout .account-admin-runtime dt { color: var(--r02-muted); font-size: 12px; }
body.ops-layout .account-admin-runtime dd { margin: 4px 0 0; color: var(--r02-text); font-size: 13px; overflow-wrap: anywhere; }
body.ops-layout .account-admin-user { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--r02-line); border-radius: 8px; background: var(--r02-surface-raised); }
body.ops-layout .account-admin-user__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.ops-layout .account-admin-user__head strong { color: var(--r02-text); }
body.ops-layout .account-admin-user__head small { color: var(--r02-muted); overflow-wrap: anywhere; }
body.ops-layout .account-admin-user__permissions { display: flex; flex-wrap: wrap; gap: 8px 12px; }
body.ops-layout .account-admin-user__permissions label { display: inline-flex; align-items: center; gap: 6px; color: var(--r02-text); font-size: 13px; }
body.ops-layout .account-admin-user__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
body[data-theme="dark"].ops-layout .account-admin-user { background: var(--r02-surface-raised); }