.portal-stats b.service-active {
  color: #216fc6;
}

.portal-stats small.session-online {
  color: #168254;
  font-weight: 700;
}

.portal-stats small.session-offline {
  color: #a56a00;
  font-weight: 700;
}

.portal-main > header.session-live i {
  background: var(--green);
  box-shadow: 0 0 12px var(--green);
}

.portal-main > header.session-offline i {
  background: #f0a626;
  box-shadow: 0 0 12px #f0a626;
}

.portal-main > header.service-suspended i {
  background: #d52d5d;
  box-shadow: 0 0 12px #d52d5d;
}

.portal-theme-toggle {
  width: auto;
  padding: 8px 11px;
  border: 1px solid #ccd4e1;
  border-radius: 5px;
  background: transparent;
  color: #44526a;
  font: 700 8px ui-monospace, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.portal-access-card > .portal-theme-toggle {
  display: block;
  margin: 0 0 18px auto;
}

.portal-header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

[data-portal-theme="dark"] {
  color-scheme: dark;
  --portal-bg: #070c12;
  --portal-panel: #111923;
  --portal-panel-2: #0c131c;
  --portal-line: #283544;
  --portal-text: #edf4fb;
  --portal-muted: #95a4b7;
}

[data-portal-theme="dark"] .portal-body,
[data-portal-theme="dark"] .portal-shell {
  background: var(--portal-bg);
  color: var(--portal-text);
}

[data-portal-theme="dark"] .portal-access {
  background: var(--portal-bg);
}

[data-portal-theme="dark"] .portal-access-card,
[data-portal-theme="dark"] .portal-main > header,
[data-portal-theme="dark"] .portal-stats article,
[data-portal-theme="dark"] .portal-overview-grid article:not(.portal-connection),
[data-portal-theme="dark"] .portal-table,
[data-portal-theme="dark"] .portal-form,
[data-portal-theme="dark"] .portal-requests,
[data-portal-theme="dark"] .portal-support-grid > *:not(:first-child),
[data-portal-theme="dark"] .portal-billing-docs > a,
[data-portal-theme="dark"] .portal-billing-docs > article {
  background: var(--portal-panel);
  border-color: var(--portal-line);
  color: var(--portal-text);
}

[data-portal-theme="dark"] .portal-main > header,
[data-portal-theme="dark"] .portal-mode,
[data-portal-theme="dark"] .portal-table > div,
[data-portal-theme="dark"] .portal-requests article,
[data-portal-theme="dark"] #service-request-list,
[data-portal-theme="dark"] #reset-complete-step {
  border-color: var(--portal-line);
}

[data-portal-theme="dark"] .portal-heading p,
[data-portal-theme="dark"] .portal-section-head p,
[data-portal-theme="dark"] .portal-stats small,
[data-portal-theme="dark"] .portal-overview-grid p,
[data-portal-theme="dark"] .portal-table small,
[data-portal-theme="dark"] .portal-table > p,
[data-portal-theme="dark"] .portal-support-grid span,
[data-portal-theme="dark"] .portal-billing-docs small,
[data-portal-theme="dark"] .portal-billing-docs p,
[data-portal-theme="dark"] #service-request-list p,
[data-portal-theme="dark"] .portal-auth-form > p,
[data-portal-theme="dark"] .portal-access-card > a {
  color: var(--portal-muted);
}

[data-portal-theme="dark"] .portal-auth-form label,
[data-portal-theme="dark"] .portal-form label {
  color: #b4c0cf;
}

[data-portal-theme="dark"] .portal-auth-form input,
[data-portal-theme="dark"] .portal-auth-form select,
[data-portal-theme="dark"] .portal-form input,
[data-portal-theme="dark"] .portal-form select,
[data-portal-theme="dark"] .portal-form textarea {
  border-color: var(--portal-line);
  background: var(--portal-panel-2);
  color: var(--portal-text);
}

[data-portal-theme="dark"] .portal-mode button {
  color: #9dacbf;
}

[data-portal-theme="dark"] .portal-mode button.active,
[data-portal-theme="dark"] .portal-heading h1 em,
[data-portal-theme="dark"] .portal-section-head > span {
  color: #63b9ff;
}

[data-portal-theme="dark"] .portal-theme-toggle {
  border-color: var(--portal-line);
  color: #b9c7d8;
}

[data-portal-theme="dark"] .portal-stats b.service-active {
  color: #65b8ff;
}

[data-portal-theme="dark"] .portal-stats small.session-online {
  color: #45db9a;
}

[data-portal-theme="dark"] .portal-stats small.session-offline {
  color: #ffc761;
}

[data-portal-theme="dark"] .portal-chart-card {
  border: 1px solid var(--portal-line);
  background: #07122c;
}

@media (max-width: 700px) {
  .portal-header-actions { gap: 8px; }
  .portal-header-actions b { display: none; }
  .portal-theme-toggle { padding: 7px 8px; }
}
.portal-check{display:flex!important;align-items:center;gap:9px}.portal-check input{width:auto!important;margin:0}.portal-form input[type="file"]{padding:10px;border:1px dashed var(--line);background:transparent}.portal-form label>small{display:block;margin-top:7px;color:var(--muted);font-size:11px}