/* V523: finish the Dark Profile surface audit without changing Light mode. */
html[data-theme="dark"] body.personal-mode #app.app:not(.hidden){
  --atsrs-v523-surface:var(--atsrs-ref-dark-surface,#0b0d0d);
  --atsrs-v523-soft:var(--atsrs-ref-dark-soft,#111414);
  --atsrs-v523-line:var(--atsrs-ref-dark-line,#2a2f2d);
  --atsrs-v523-accent:var(--atsrs-ref-lime,#22c55e);
}

html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #adminOverviewPanel.admin-overview-panel{
  border-color:var(--atsrs-v523-line)!important;
  background:var(--atsrs-v523-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #adminOverviewPanel :where(
  .admin-overview-stat,
  .admin-overview-refresh
){
  border-color:var(--atsrs-v523-line)!important;
  background:var(--atsrs-v523-surface)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #adminOverviewPanel .admin-overview-footer{
  border-top-color:var(--atsrs-v523-line)!important;
}

html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #adminOverviewPanel .admin-overview-refresh:hover,
html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #adminOverviewPanel .admin-overview-refresh:focus-visible{
  border-color:var(--atsrs-v523-accent)!important;
  color:var(--atsrs-v523-accent)!important;
  background:rgba(34,197,94,.08)!important;
  outline:0!important;
}

/* Keep both phone-number inputs inside the single canonical field shell. */
html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #accountGeneralTab#accountGeneralTab > .profile-grid > .profile-contact-row .phone-field > input:not([type="hidden"]),
html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #accountGeneralTab#accountGeneralTab > .profile-grid > .profile-contact-row .phone-code-picker{
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--atsrs-ref-dark-text,#f4f6ef)!important;
  box-shadow:none!important;
}

html[data-theme="dark"] body.personal-mode #app#app.app:not(.hidden) #profilePage#profilePage #accountGeneralTab#accountGeneralTab > .profile-grid > .profile-contact-row .phone-code-display{
  border-right-color:var(--atsrs-v523-line)!important;
}