/* OnOnOn 1.0.37 – minden régi világos blokk célzott kontrasztjavítása */
:root{
  --ononon-surface:#0b1726;
  --ononon-surface-2:#102035;
  --ononon-surface-3:#14263d;
  --ononon-border:rgba(124,184,239,.22);
  --ononon-text:#eef6ff;
  --ononon-muted:#a4b8ce;
  --ononon-input-bg:#f7f9fc;
  --ononon-input-text:#142033;
}

/* -----------------------------------------------------------------
 * Közös: minden automatikusan felismert régi fehér felület
 * ----------------------------------------------------------------- */
body.admin-site .ononon-auto-surface,
body.public-site .ononon-auto-surface{
  border-color:var(--ononon-border) !important;
  color:var(--ononon-text) !important;
  background:linear-gradient(180deg,var(--ononon-surface-2),var(--ononon-surface)) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.22) !important;
}
body.admin-site .ononon-auto-surface :is(h1,h2,h3,h4,h5,h6,p,strong,b,span,label,small,li,dt,dd,code,summary,legend),
body.public-site .ononon-auto-surface :is(h1,h2,h3,h4,h5,h6,p,strong,b,span,label,small,li,dt,dd,code,summary,legend){
  color:var(--ononon-text) !important;
}
body.admin-site .ononon-auto-surface .muted,
body.public-site .ononon-auto-surface .muted{
  color:var(--ononon-muted) !important;
}

/* -----------------------------------------------------------------
 * Publikus oldalak: admin belépés, 2FA és minden panel/form/card
 * ----------------------------------------------------------------- */
body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel){
  border-color:var(--ononon-border) !important;
  color:var(--ononon-text) !important;
  background:linear-gradient(180deg,var(--ononon-surface-2),var(--ononon-surface)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}
body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel)
:is(h1,h2,h3,h4,h5,h6,p,strong,b,span,label,small,li,dt,dd,summary,legend){
  color:var(--ononon-text) !important;
}
body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel) .muted,
body.public-site .public-main > .muted,
body.public-site .public-main > p.muted{
  color:var(--ononon-muted) !important;
}
body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel)
:is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:#c8d6e7 !important;
  color:var(--ononon-input-text) !important;
  background:var(--ononon-input-bg) !important;
  -webkit-text-fill-color:var(--ononon-input-text) !important;
}
body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel)
:is(input,textarea)::placeholder{
  color:#68788b !important;
  opacity:1 !important;
}
body.public-site .public-main .btn.secondary,
body.public-site .public-main button.secondary{
  border-color:rgba(126,190,240,.30) !important;
  color:#eaf5ff !important;
  background:#14243a !important;
}

/* -----------------------------------------------------------------
 * Admin: régi oldalankénti fehér panelek, kártyák és összegzők
 * ----------------------------------------------------------------- */
body.admin-site .ononon-admin-main :is(
  .panel,
  form.panel,
  details.panel,
  .card,
  .backup-summary-card,
  .backup-schedule-command,
  .update-version-card,
  .update-drop,
  .update-preview-meta > div,
  .update-file-list,
  .security-check,
  .security-secret,
  .security-uri,
  .security-qr-box,
  .recovery-codes,
  .dashboard-kpi,
  .dashboard-panel,
  .dashboard-system-card,
  .dashboard-empty,
  .health-summary-card,
  .cron-fields > div,
  .cron-command,
  .health-recommendation
){
  border-color:var(--ononon-border) !important;
  color:var(--ononon-text) !important;
  background:linear-gradient(180deg,var(--ononon-surface-2),var(--ononon-surface)) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
}
body.admin-site .ononon-admin-main :is(
  .panel,
  form.panel,
  details.panel,
  .card,
  .backup-summary-card,
  .backup-schedule-command,
  .update-version-card,
  .update-drop,
  .update-preview-meta > div,
  .update-file-list,
  .security-check,
  .security-secret,
  .security-uri,
  .security-qr-box,
  .recovery-codes,
  .dashboard-kpi,
  .dashboard-panel,
  .dashboard-system-card,
  .dashboard-empty,
  .health-summary-card,
  .cron-fields > div,
  .cron-command,
  .health-recommendation
) :is(h1,h2,h3,h4,h5,h6,p,strong,b,span,label,small,li,dt,dd,code,summary,legend){
  color:var(--ononon-text) !important;
}
body.admin-site .ononon-admin-main :is(
  .panel,
  form.panel,
  details.panel,
  .card,
  .backup-summary-card,
  .backup-schedule-command,
  .update-version-card,
  .update-drop,
  .update-preview-meta > div,
  .update-file-list,
  .security-check,
  .dashboard-kpi,
  .dashboard-panel,
  .dashboard-system-card,
  .health-summary-card
) .muted{
  color:var(--ononon-muted) !important;
}

/* A régi világos admin inputokban maradjon sötét, jól olvasható szöveg. */
body.admin-site .ononon-admin-main .ononon-auto-surface
:is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
body.admin-site .ononon-admin-main .update-drop input[type="file"]{
  border-color:#c8d6e7 !important;
  color:var(--ononon-input-text) !important;
  background:var(--ononon-input-bg) !important;
  -webkit-text-fill-color:var(--ononon-input-text) !important;
}
body.admin-site .ononon-admin-main .ononon-auto-surface
:is(input,textarea)::placeholder{
  color:#68788b !important;
  opacity:1 !important;
}

/* Státuszok saját, olvasható színekkel. */
body.admin-site .security-check.ok{
  border-left-color:#4ed7a1 !important;
}
body.admin-site .security-check.bad{
  border-left-color:#ff7f8d !important;
}
body.admin-site .update-install-warning{
  color:#ffe8a5 !important;
  background:rgba(130,93,10,.22) !important;
}
body.admin-site .cron-fields > div span,
body.admin-site .dashboard-kpi-label,
body.admin-site .dashboard-kpi-note,
body.admin-site .dashboard-task span,
body.admin-site .dashboard-chart-legend,
body.admin-site .dashboard-cron small{
  color:var(--ononon-muted) !important;
}

/* A félrevezető tárhelyblokkok minden admin oldalon végleg eltűnnek. */
body.admin-site .ononon-storage-block-hidden{
  display:none !important;
}

@media(max-width:720px){
  body.public-site .public-main :is(.panel,form.panel,.card,.auth-card,.login-card,.two-factor-grid .panel){
    min-width:0;
  }
}


/* -----------------------------------------------------------------
 * OnOnOn 1.0.40 – jelvények, verziók és fülek garantált kontrasztja
 * ----------------------------------------------------------------- */

/* Rendszerkezelés: a telepített verzió világos jelvényén mindig sötét szöveg. */
body.admin-site .ononon-admin-main .system-center-version{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:6px 12px !important;
  border:1px solid rgba(102,205,255,.55) !important;
  border-radius:999px !important;
  color:#071521 !important;
  background:linear-gradient(120deg,#7af0e8,#72b8ff) !important;
  box-shadow:0 7px 22px rgba(46,163,233,.20) !important;
  -webkit-text-fill-color:#071521 !important;
  text-shadow:none !important;
  font-weight:900 !important;
}

/* Rendszerállapot: az aktív és inaktív fülek egyértelműen elkülönülnek. */
body.admin-site .ononon-admin-main .system-tabs{
  border-color:rgba(121,177,232,.24) !important;
  background:#091523 !important;
}
body.admin-site .ononon-admin-main .system-tabs a{
  border:1px solid transparent !important;
  color:#eef6ff !important;
  background:#101f31 !important;
  -webkit-text-fill-color:#eef6ff !important;
  text-shadow:none !important;
}
body.admin-site .ononon-admin-main .system-tabs a:hover,
body.admin-site .ononon-admin-main .system-tabs a:focus-visible{
  border-color:rgba(106,198,255,.42) !important;
  color:#ffffff !important;
  background:#162b43 !important;
  -webkit-text-fill-color:#ffffff !important;
}
body.admin-site .ononon-admin-main .system-tabs a.is-active{
  border-color:rgba(126,232,255,.78) !important;
  color:#06131f !important;
  background:linear-gradient(120deg,#67eee6,#62adff) !important;
  box-shadow:0 8px 24px rgba(38,151,229,.24) !important;
  -webkit-text-fill-color:#06131f !important;
  text-shadow:none !important;
}

/* Régi általános badge-ek: világos háttéren soha ne maradjon világos szöveg. */
body.admin-site .ononon-admin-main .badge{
  border:1px solid rgba(120,157,195,.34) !important;
  color:#17283b !important;
  background:#dce9f5 !important;
  -webkit-text-fill-color:#17283b !important;
  text-shadow:none !important;
  font-weight:850 !important;
}
body.admin-site .ononon-admin-main .badge:is(.active,.approved,.sent){
  border-color:#8ed2a5 !important;
  color:#164c2b !important;
  background:#ccefd8 !important;
  -webkit-text-fill-color:#164c2b !important;
}
body.admin-site .ononon-admin-main .badge:is(.blocked,.rejected,.suspended){
  border-color:#e5a1a8 !important;
  color:#7f2430 !important;
  background:#f8dadd !important;
  -webkit-text-fill-color:#7f2430 !important;
}
body.admin-site .ononon-admin-main .badge:is(.pending,.new,.reviewing){
  border-color:#dfc56f !important;
  color:#684e00 !important;
  background:#fff0bd !important;
  -webkit-text-fill-color:#684e00 !important;
}

/* A sötét státuszjelvények saját állapotszíne olvasható marad. */
body.admin-site .ononon-admin-main :is(.health-status.health-healthy,.test-badge.test-healthy){
  color:#8bf0b4 !important;
  -webkit-text-fill-color:#8bf0b4 !important;
}
body.admin-site .ononon-admin-main :is(.health-status.health-warning,.test-badge.test-warning){
  color:#ffe083 !important;
  -webkit-text-fill-color:#ffe083 !important;
}
body.admin-site .ononon-admin-main :is(.health-status.health-critical,.test-badge.test-critical){
  color:#ffabb4 !important;
  -webkit-text-fill-color:#ffabb4 !important;
}
body.admin-site .ononon-admin-main .test-badge.test-running{
  color:#8bd5ff !important;
  -webkit-text-fill-color:#8bd5ff !important;
}

/* Egyéb, név alapján verzió- vagy fül-jellegű elemek biztonsági szabályai. */
body.admin-site .ononon-admin-main :is(
  [class*="version-badge"],
  [class*="version-pill"],
  [class*="installed-version"]
){
  color:#071521 !important;
  background:#d9efff !important;
  -webkit-text-fill-color:#071521 !important;
  text-shadow:none !important;
}