@charset "UTF-8";
html[data-theme=dark] {
  color-scheme: dark;
}
html[data-theme=dark] body {
  background: #0f1419;
  color: #d7dbe4;
}
html[data-theme=dark] .text-muted, html[data-theme=dark] .eq-text-muted, html[data-theme=dark] small.text-muted,
html[data-theme=dark] .eq-muted, html[data-theme=dark] [class*=__muted], html[data-theme=dark] [class*=__subtitle] {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-sidebar, html[data-theme=dark] .eq-topbar, html[data-theme=dark] [class*=__sidebar], html[data-theme=dark] [class*=__topbar] {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-topbar__balance-btn {
  background: rgba(85, 124, 242, 0.15) !important;
  color: #b3c6f9 !important;
  border-color: rgba(85, 124, 242, 0.25) !important;
}
html[data-theme=dark] .eq-topbar__balance-btn:hover {
  background: rgba(85, 124, 242, 0.22) !important;
  border-color: rgba(85, 124, 242, 0.4) !important;
  color: #d0dbfc !important;
}
html[data-theme=dark] .eq-topbar__balance-coin {
  color: #f0c040 !important;
}
html[data-theme=dark] .eq-topbar__balance-amount {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-topbar__balance-add {
  background: #557cf2 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-topbar__avatar {
  background: #2a303b !important;
  color: #d7dbe4 !important;
  border-color: transparent !important;
}
html[data-theme=dark] .eq-topbar__avatar:hover {
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-topbar__avatar.is-active {
  background: #557cf2 !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-topbar__billing-btn,
html[data-theme=dark] .eq-notif-bell {
  background: #242a33 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-topbar__billing-btn:hover,
html[data-theme=dark] .eq-notif-bell:hover {
  color: #8ca6f7 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-topbar__billing-btn.is-active,
html[data-theme=dark] .eq-notif-bell.is-active {
  background: #557cf2 !important;
  color: #fff !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-topbar__theme-btn {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-topbar__theme-btn:hover {
  color: #ffd37a !important;
  background: rgba(255, 211, 122, 0.08) !important;
}
html[data-theme=dark] .eq-topbar__logout-btn {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-topbar__logout-btn:hover {
  color: #f47a88 !important;
  background: rgba(244, 122, 136, 0.08) !important;
}
html[data-theme=dark] .eq-topbar__admin-btn {
  background: #242a33 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-topbar__admin-btn:hover {
  color: #8ca6f7 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-sidebar__item, html[data-theme=dark] .eq-nav__item, html[data-theme=dark] [class*=__nav-item], html[data-theme=dark] [class*=__menu-item] {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-sidebar__item:hover, html[data-theme=dark] .eq-sidebar__item.is-active, html[data-theme=dark] .eq-sidebar__item.active, html[data-theme=dark] .eq-nav__item:hover, html[data-theme=dark] .eq-nav__item.is-active, html[data-theme=dark] .eq-nav__item.active, html[data-theme=dark] [class*=__nav-item]:hover, html[data-theme=dark] [class*=__nav-item].is-active, html[data-theme=dark] [class*=__nav-item].active, html[data-theme=dark] [class*=__menu-item]:hover, html[data-theme=dark] [class*=__menu-item].is-active, html[data-theme=dark] [class*=__menu-item].active {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin-layout,
html[data-theme=dark] .eq-admin-main,
html[data-theme=dark] .eq-admin-main__content,
html[data-theme=dark] .eq-reseller-main,
html[data-theme=dark] .eq-reseller-main__content,
html[data-theme=dark] [class^=eq-][class*=__content],
html[data-theme=dark] [class^=eq-][class*=__body],
html[data-theme=dark] [class^=eq-][class*=__wrap],
html[data-theme=dark] [class^=eq-][class*=__container] {
  background-color: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] [class^=eq-] h1, html[data-theme=dark] [class^=eq-] h2, html[data-theme=dark] [class^=eq-] h3,
html[data-theme=dark] [class^=eq-] h4, html[data-theme=dark] [class^=eq-] h5, html[data-theme=dark] [class^=eq-] h6,
html[data-theme=dark] [class*=__title], html[data-theme=dark] [class*=__heading], html[data-theme=dark] [class*=__name] {
  color: #e6e9ef !important;
}
html[data-theme=dark] [class^=eq-] label,
html[data-theme=dark] [class*=__label],
html[data-theme=dark] [class*=__desc],
html[data-theme=dark] [class*=__description],
html[data-theme=dark] [class*=__info],
html[data-theme=dark] [class*=__hint],
html[data-theme=dark] [class*=__help],
html[data-theme=dark] [class*=__meta] {
  color: #9ba3af !important;
}
html[data-theme=dark] [class*=__value],
html[data-theme=dark] [class*=__amount],
html[data-theme=dark] [class*=__price],
html[data-theme=dark] [class*=__total],
html[data-theme=dark] [class*=__count] {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-card, html[data-theme=dark] .eq-panel, html[data-theme=dark] .eq-section, html[data-theme=dark] .eq-box, html[data-theme=dark] .eq-topbar,
html[data-theme=dark] [class*=__card], html[data-theme=dark] [class*=__panel],
html[data-theme=dark] [class*=__row], html[data-theme=dark] [class*=__item],
html[data-theme=dark] [class*=__form], html[data-theme=dark] [class*=__list],
html[data-theme=dark] [class*=__section], html[data-theme=dark] [class*=__wrap],
html[data-theme=dark] .card, html[data-theme=dark] .modal-content, html[data-theme=dark] .dropdown-menu,
html[data-theme=dark] article, html[data-theme=dark] section, html[data-theme=dark] aside, html[data-theme=dark] nav, html[data-theme=dark] header, html[data-theme=dark] footer,
html[data-theme=dark] div[class^=eq-] {
  box-shadow: none !important;
}
html[data-theme=dark] .eq-card, html[data-theme=dark] .eq-panel, html[data-theme=dark] .eq-box,
html[data-theme=dark] [class*=__card], html[data-theme=dark] [class*=__panel],
html[data-theme=dark] .card, html[data-theme=dark] .modal-content, html[data-theme=dark] .dropdown-menu {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-section {
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-card__header,
html[data-theme=dark] .card-header,
html[data-theme=dark] [class*=__header]:not(.eq-modal__header):not(.eq-topbar__header):not(.eq-sidebar__header):not(.eq-newmail__modal-header) {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] input[type=text], html[data-theme=dark] input[type=email], html[data-theme=dark] input[type=password],
html[data-theme=dark] input[type=number], html[data-theme=dark] input[type=search], html[data-theme=dark] input[type=url],
html[data-theme=dark] input[type=tel], html[data-theme=dark] input[type=date], html[data-theme=dark] input[type=time],
html[data-theme=dark] textarea, html[data-theme=dark] select, html[data-theme=dark] .form-control, html[data-theme=dark] .eq-input, html[data-theme=dark] .eq-select, html[data-theme=dark] .eq-textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] input[type=text]::placeholder, html[data-theme=dark] input[type=email]::placeholder, html[data-theme=dark] input[type=password]::placeholder,
html[data-theme=dark] input[type=number]::placeholder, html[data-theme=dark] input[type=search]::placeholder, html[data-theme=dark] input[type=url]::placeholder,
html[data-theme=dark] input[type=tel]::placeholder, html[data-theme=dark] input[type=date]::placeholder, html[data-theme=dark] input[type=time]::placeholder,
html[data-theme=dark] textarea::placeholder, html[data-theme=dark] select::placeholder, html[data-theme=dark] .form-control::placeholder, html[data-theme=dark] .eq-input::placeholder, html[data-theme=dark] .eq-select::placeholder, html[data-theme=dark] .eq-textarea::placeholder {
  color: #6b7380;
}
html[data-theme=dark] input[type=text]:focus, html[data-theme=dark] input[type=email]:focus, html[data-theme=dark] input[type=password]:focus,
html[data-theme=dark] input[type=number]:focus, html[data-theme=dark] input[type=search]:focus, html[data-theme=dark] input[type=url]:focus,
html[data-theme=dark] input[type=tel]:focus, html[data-theme=dark] input[type=date]:focus, html[data-theme=dark] input[type=time]:focus,
html[data-theme=dark] textarea:focus, html[data-theme=dark] select:focus, html[data-theme=dark] .form-control:focus, html[data-theme=dark] .eq-input:focus, html[data-theme=dark] .eq-select:focus, html[data-theme=dark] .eq-textarea:focus {
  border-color: #7a97f5 !important;
  box-shadow: 0 0 0 3px rgba(122, 151, 245, 0.15) !important;
}
html[data-theme=dark] input[type=text]:disabled, html[data-theme=dark] input[type=text][readonly], html[data-theme=dark] input[type=email]:disabled, html[data-theme=dark] input[type=email][readonly], html[data-theme=dark] input[type=password]:disabled, html[data-theme=dark] input[type=password][readonly],
html[data-theme=dark] input[type=number]:disabled,
html[data-theme=dark] input[type=number][readonly], html[data-theme=dark] input[type=search]:disabled, html[data-theme=dark] input[type=search][readonly], html[data-theme=dark] input[type=url]:disabled, html[data-theme=dark] input[type=url][readonly],
html[data-theme=dark] input[type=tel]:disabled,
html[data-theme=dark] input[type=tel][readonly], html[data-theme=dark] input[type=date]:disabled, html[data-theme=dark] input[type=date][readonly], html[data-theme=dark] input[type=time]:disabled, html[data-theme=dark] input[type=time][readonly],
html[data-theme=dark] textarea:disabled,
html[data-theme=dark] textarea[readonly], html[data-theme=dark] select:disabled, html[data-theme=dark] select[readonly], html[data-theme=dark] .form-control:disabled, html[data-theme=dark] .form-control[readonly], html[data-theme=dark] .eq-input:disabled, html[data-theme=dark] .eq-input[readonly], html[data-theme=dark] .eq-select:disabled, html[data-theme=dark] .eq-select[readonly], html[data-theme=dark] .eq-textarea:disabled, html[data-theme=dark] .eq-textarea[readonly] {
  background: #0f1419 !important;
  color: #6b7380 !important;
}
html[data-theme=dark] input[type=checkbox], html[data-theme=dark] input[type=radio] {
  accent-color: #7a97f5;
}
html[data-theme=dark] .eq-btn-ghost, html[data-theme=dark] .btn-outline-secondary, html[data-theme=dark] .btn-light, html[data-theme=dark] .btn-default {
  background: transparent;
  color: #d7dbe4;
  border-color: #2a303b;
}
html[data-theme=dark] .eq-btn-ghost:hover, html[data-theme=dark] .btn-outline-secondary:hover, html[data-theme=dark] .btn-light:hover, html[data-theme=dark] .btn-default:hover {
  background: #242a33;
  color: #ffffff;
  border-color: #3a414d;
}
html[data-theme=dark] .eq-btn-secondary, html[data-theme=dark] .btn-secondary {
  background: #242a33;
  color: #d7dbe4;
  border-color: #2a303b;
}
html[data-theme=dark] .eq-btn-secondary:hover, html[data-theme=dark] .btn-secondary:hover {
  background: #2e353f;
  color: #ffffff;
}
html[data-theme=dark] .eq-btn--danger, html[data-theme=dark] .btn-danger-outline {
  color: #f47a88 !important;
  border-color: #4a2329 !important;
}
html[data-theme=dark] .eq-btn--danger:hover, html[data-theme=dark] .btn-danger-outline:hover {
  background: #2e1a1d !important;
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-btn-primary, html[data-theme=dark] .btn-primary {
  background: #6c89f4;
}
html[data-theme=dark] .eq-btn-primary:hover, html[data-theme=dark] .btn-primary:hover {
  background: #7e99f6;
}
html[data-theme=dark] hr, html[data-theme=dark] .eq-divider, html[data-theme=dark] [class*=__divider] {
  border-color: #2a303b;
  background: #2a303b;
}
html[data-theme=dark] table, html[data-theme=dark] .table, html[data-theme=dark] .eq-table, html[data-theme=dark] .eq-admin__table,
html[data-theme=dark] [class*=__table], html[data-theme=dark] [class*=__table-wrap] table {
  color: #d7dbe4 !important;
  background: transparent !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] table th, html[data-theme=dark] .table th, html[data-theme=dark] .eq-table th, html[data-theme=dark] .eq-admin__table th,
html[data-theme=dark] [class*=__table] th, html[data-theme=dark] [class*=__table-wrap] table th {
  background: #20262f !important;
  color: #b3bac5 !important;
  border-color: #2a303b !important;
  font-weight: 600;
}
html[data-theme=dark] table td, html[data-theme=dark] .table td, html[data-theme=dark] .eq-table td, html[data-theme=dark] .eq-admin__table td,
html[data-theme=dark] [class*=__table] td, html[data-theme=dark] [class*=__table-wrap] table td {
  background: transparent !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] table thead th, html[data-theme=dark] .table thead th, html[data-theme=dark] .eq-table thead th, html[data-theme=dark] .eq-admin__table thead th,
html[data-theme=dark] [class*=__table] thead th, html[data-theme=dark] [class*=__table-wrap] table thead th {
  background: #20262f !important;
  color: #b3bac5 !important;
}
html[data-theme=dark] table tbody tr:hover td, html[data-theme=dark] .table tbody tr:hover td, html[data-theme=dark] .eq-table tbody tr:hover td, html[data-theme=dark] .eq-admin__table tbody tr:hover td,
html[data-theme=dark] [class*=__table] tbody tr:hover td, html[data-theme=dark] [class*=__table-wrap] table tbody tr:hover td {
  background: #1e242d !important;
}
html[data-theme=dark] table tbody tr, html[data-theme=dark] .table tbody tr, html[data-theme=dark] .eq-table tbody tr, html[data-theme=dark] .eq-admin__table tbody tr,
html[data-theme=dark] [class*=__table] tbody tr, html[data-theme=dark] [class*=__table-wrap] table tbody tr {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__table th,
html[data-theme=dark] .eq-admin__table td,
html[data-theme=dark] .eq-reseller__table th,
html[data-theme=dark] .eq-reseller__table td {
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .badge, html[data-theme=dark] .eq-badge, html[data-theme=dark] [class*=__badge], html[data-theme=dark] [class*=__chip], html[data-theme=dark] [class*=__pill] {
  filter: brightness(1.1);
}
html[data-theme=dark] a:not([class*=btn]):not([class*=__item]):not([class*=__nav]):not([class*=__tab]) {
  color: #8ca6f7;
}
html[data-theme=dark] a:not([class*=btn]):not([class*=__item]):not([class*=__nav]):not([class*=__tab]):hover {
  color: #a5b8f8;
}
html[data-theme=dark] pre, html[data-theme=dark] code, html[data-theme=dark] kbd, html[data-theme=dark] samp, html[data-theme=dark] .eq-code, html[data-theme=dark] [class*=__code] {
  background: #0a0e13 !important;
  color: #e6e1cf !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .modal-backdrop, html[data-theme=dark] .eq-modal__backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
html[data-theme=dark] .eq-modal__content, html[data-theme=dark] .modal-content {
  background: #1b2028 !important;
  color: #d7dbe4 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme=dark] .alert-success, html[data-theme=dark] [class*="--success"] {
  background: #143325 !important;
  color: #6ee7a4 !important;
  border-color: #1d4a36 !important;
}
html[data-theme=dark] .alert-danger, html[data-theme=dark] .alert-error, html[data-theme=dark] [class*="--danger"], html[data-theme=dark] [class*="--error"] {
  background: #3a1319 !important;
  color: #ff9ba5 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .alert-warning, html[data-theme=dark] [class*="--warning"] {
  background: #3b2e0e !important;
  color: #ffd37a !important;
  border-color: #5a4616 !important;
}
html[data-theme=dark] .alert-info, html[data-theme=dark] [class*="--info"] {
  background: #0f2a3a !important;
  color: #8bd4ff !important;
  border-color: #17466a !important;
}
html[data-theme=dark] ::-webkit-scrollbar {
  background: #0f1419;
}
html[data-theme=dark] ::-webkit-scrollbar-thumb {
  background: #2a303b;
  border-radius: 4px;
}
html[data-theme=dark] ::-webkit-scrollbar-thumb:hover {
  background: #3a414d;
}
html[data-theme=dark] .eq-webmail__folders, html[data-theme=dark] .eq-webmail__messages, html[data-theme=dark] .eq-webmail__preview {
  background: #161b22;
  border-color: #2a303b;
  color: #d7dbe4;
}
html[data-theme=dark] .eq-webmail__msg-item {
  border-color: #2a303b;
}
html[data-theme=dark] .eq-webmail__msg-item:hover, html[data-theme=dark] .eq-webmail__msg-item.is-active {
  background: #242a33;
}
html[data-theme=dark] .eq-webmail__msg-from, html[data-theme=dark] .eq-webmail__msg-subject {
  color: #d7dbe4;
}
html[data-theme=dark] .CodeMirror {
  background: #0a0e13 !important;
  color: #e6e1cf !important;
}
html[data-theme=dark] .CodeMirror .CodeMirror-gutters {
  background: #11161e !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .CodeMirror .CodeMirror-linenumber {
  color: #6b7380 !important;
}
html[data-theme=dark] .CodeMirror .CodeMirror-cursor {
  border-left-color: #d7dbe4 !important;
}
html[data-theme=dark] .dropdown-menu, html[data-theme=dark] .eq-dropdown, html[data-theme=dark] [class*=__dropdown] {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .dropdown-menu .dropdown-item, html[data-theme=dark] .dropdown-menu [class*=__item], html[data-theme=dark] .eq-dropdown .dropdown-item, html[data-theme=dark] .eq-dropdown [class*=__item], html[data-theme=dark] [class*=__dropdown] .dropdown-item, html[data-theme=dark] [class*=__dropdown] [class*=__item] {
  color: #d7dbe4;
}
html[data-theme=dark] .dropdown-menu .dropdown-item:hover, html[data-theme=dark] .dropdown-menu [class*=__item]:hover, html[data-theme=dark] .eq-dropdown .dropdown-item:hover, html[data-theme=dark] .eq-dropdown [class*=__item]:hover, html[data-theme=dark] [class*=__dropdown] .dropdown-item:hover, html[data-theme=dark] [class*=__dropdown] [class*=__item]:hover {
  background: #242a33;
  color: #ffffff;
}
html[data-theme=dark] .tooltip-inner {
  background: #ffffff !important;
  color: #1b2028 !important;
}
html[data-theme=dark] img, html[data-theme=dark] video, html[data-theme=dark] canvas {
  filter: none;
}
html[data-theme=dark] .eq-nps-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}
html[data-theme=dark] .eq-nps {
  background: #1b2028 !important;
  color: #d7dbe4 !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.75) !important;
  border: 1px solid #2a303b !important;
}
html[data-theme=dark] .eq-nps__dismiss {
  background: #242a33 !important;
  color: #b3bac5 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-nps__dismiss:hover {
  background: #2e353f !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-nps__header,
html[data-theme=dark] .eq-nps__title,
html[data-theme=dark] .eq-nps__question {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-nps__emoji {
  opacity: 1;
}
html[data-theme=dark] .eq-nps__scale-labels,
html[data-theme=dark] .eq-nps__scale-labels span,
html[data-theme=dark] .eq-nps__meta,
html[data-theme=dark] .eq-nps__subtitle {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-nps__score {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-nps__score:hover {
  background: #2e353f !important;
  color: #ffffff !important;
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-nps__score.is-selected, html[data-theme=dark] .eq-nps__score.eq-nps__score--low.is-selected {
  background: #6c89f4 !important;
  color: #ffffff !important;
  border-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-nps__score.eq-nps__score--low.is-selected {
  background: #f47a88 !important;
  border-color: #f47a88 !important;
}
html[data-theme=dark] .eq-nps__score.eq-nps__score--mid.is-selected {
  background: #ffb454 !important;
  border-color: #ffb454 !important;
  color: #1b2028 !important;
}
html[data-theme=dark] .eq-nps__score.eq-nps__score--high.is-selected {
  background: #6ee7a4 !important;
  border-color: #6ee7a4 !important;
  color: #0a1a12 !important;
}
html[data-theme=dark] .eq-nps__feedback {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-nps__feedback label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-nps__feedback textarea {
  background: #0f1419 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-nps__thanks {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-nps__thanks h3 {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-nps__thanks p {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-kb {
  color: #d7dbe4;
}
html[data-theme=dark] .eq-kb__header {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__breadcrumb {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-kb__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__search-bar,
html[data-theme=dark] .eq-kb__search {
  background: #11161e !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__search-bar input,
html[data-theme=dark] .eq-kb__search input {
  background: transparent !important;
  color: #d7dbe4 !important;
  border-color: transparent !important;
}
html[data-theme=dark] .eq-kb__search-bar input::placeholder,
html[data-theme=dark] .eq-kb__search input::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-kb__search-bar i, html[data-theme=dark] .eq-kb__search-bar .bi,
html[data-theme=dark] .eq-kb__search i,
html[data-theme=dark] .eq-kb__search .bi {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-kb__categories {
  background: transparent !important;
}
html[data-theme=dark] .eq-kb__cat-card,
html[data-theme=dark] .eq-kb__category,
html[data-theme=dark] .eq-kb__article {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-kb__cat-card h3, html[data-theme=dark] .eq-kb__cat-card h4, html[data-theme=dark] .eq-kb__cat-card .eq-kb__cat-card__title,
html[data-theme=dark] .eq-kb__category h3,
html[data-theme=dark] .eq-kb__category h4,
html[data-theme=dark] .eq-kb__category .eq-kb__cat-card__title,
html[data-theme=dark] .eq-kb__article h3,
html[data-theme=dark] .eq-kb__article h4,
html[data-theme=dark] .eq-kb__article .eq-kb__cat-card__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__cat-card p, html[data-theme=dark] .eq-kb__cat-card small, html[data-theme=dark] .eq-kb__cat-card .eq-kb__cat-card__desc,
html[data-theme=dark] .eq-kb__cat-card .eq-kb__cat-card__count,
html[data-theme=dark] .eq-kb__category p,
html[data-theme=dark] .eq-kb__category small,
html[data-theme=dark] .eq-kb__category .eq-kb__cat-card__desc,
html[data-theme=dark] .eq-kb__category .eq-kb__cat-card__count,
html[data-theme=dark] .eq-kb__article p,
html[data-theme=dark] .eq-kb__article small,
html[data-theme=dark] .eq-kb__article .eq-kb__cat-card__desc,
html[data-theme=dark] .eq-kb__article .eq-kb__cat-card__count {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-kb__cat-card:hover,
html[data-theme=dark] .eq-kb__category:hover,
html[data-theme=dark] .eq-kb__article:hover {
  background: #242a33 !important;
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-kb__cat-card i, html[data-theme=dark] .eq-kb__cat-card .bi,
html[data-theme=dark] .eq-kb__category i,
html[data-theme=dark] .eq-kb__category .bi,
html[data-theme=dark] .eq-kb__article i,
html[data-theme=dark] .eq-kb__article .bi {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-kb__articles-list,
html[data-theme=dark] .eq-kb__article-list {
  background: transparent !important;
}
html[data-theme=dark] .eq-kb__art-item,
html[data-theme=dark] .eq-kb__article-item {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-kb__art-item:hover,
html[data-theme=dark] .eq-kb__article-item:hover {
  background: #242a33 !important;
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-kb__art-item h3, html[data-theme=dark] .eq-kb__art-item h4, html[data-theme=dark] .eq-kb__art-item .eq-kb__art-item__title,
html[data-theme=dark] .eq-kb__article-item h3,
html[data-theme=dark] .eq-kb__article-item h4,
html[data-theme=dark] .eq-kb__article-item .eq-kb__art-item__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__art-item p,
html[data-theme=dark] .eq-kb__art-item .eq-kb__art-item__excerpt,
html[data-theme=dark] .eq-kb__article-item p,
html[data-theme=dark] .eq-kb__article-item .eq-kb__art-item__excerpt {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-kb__art-item small,
html[data-theme=dark] .eq-kb__art-item .eq-kb__art-item__meta,
html[data-theme=dark] .eq-kb__article-item small,
html[data-theme=dark] .eq-kb__article-item .eq-kb__art-item__meta {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-kb__meta,
html[data-theme=dark] .eq-kb__meta span {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-kb__content {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-kb__content h1, html[data-theme=dark] .eq-kb__content h2, html[data-theme=dark] .eq-kb__content h3, html[data-theme=dark] .eq-kb__content h4, html[data-theme=dark] .eq-kb__content h5, html[data-theme=dark] .eq-kb__content h6 {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__content h1, html[data-theme=dark] .eq-kb__content h2 {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__content p, html[data-theme=dark] .eq-kb__content li {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-kb__content strong {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__content a {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-kb__content a:hover {
  color: #a5b8f8 !important;
}
html[data-theme=dark] .eq-kb__content code:not(pre code) {
  background: #11161e !important;
  color: #e6e1cf !important;
  border: 1px solid #2a303b !important;
}
html[data-theme=dark] .eq-kb__content blockquote {
  background: #11161e !important;
  border-left-color: #6c89f4 !important;
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-kb__content table {
  background: #1b2028 !important;
}
html[data-theme=dark] .eq-kb__content table th {
  background: #20262f !important;
  color: #ffffff !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__content table td {
  background: transparent !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__content table tbody tr:hover td {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-kb__content hr {
  border-color: #2a303b !important;
  background: #2a303b !important;
}
html[data-theme=dark] .eq-kb__code,
html[data-theme=dark] .eq-kb__content pre {
  background: #0a0e13 !important;
  color: #e6e1cf !important;
  border: 1px solid #2a303b !important;
}
html[data-theme=dark] .eq-kb__code code,
html[data-theme=dark] .eq-kb__content pre code {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
}
html[data-theme=dark] .eq-kb__feedback {
  border-top-color: #2a303b !important;
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-kb__feedback p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-kb__feedback button {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-kb__feedback button:hover {
  background: #2e353f !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-kb__feedback-thanks {
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-trial-banner {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-trial-banner strong, html[data-theme=dark] .eq-trial-banner b {
  color: #ffe4a3 !important;
}
html[data-theme=dark] .eq-trial-banner a {
  color: #ffd37a !important;
  text-decoration: underline;
}
html[data-theme=dark] .eq-trial-banner a:hover {
  color: #ffe4a3 !important;
}
html[data-theme=dark] .eq-trial-banner i, html[data-theme=dark] .eq-trial-banner .bi {
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-trial-banner--suspended {
  background: #3a1319 !important;
  border-color: #5a1e27 !important;
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-trial-banner--suspended strong, html[data-theme=dark] .eq-trial-banner--suspended b {
  color: #ffb3bc !important;
}
html[data-theme=dark] .eq-trial-banner--suspended a, html[data-theme=dark] .eq-trial-banner--suspended i, html[data-theme=dark] .eq-trial-banner--suspended .bi {
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-action-card,
html[data-theme=dark] .eq-home__action,
html[data-theme=dark] .eq-home__card,
html[data-theme=dark] [class*=__action-card] {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-action-card h3, html[data-theme=dark] .eq-action-card h4, html[data-theme=dark] .eq-action-card .eq-action-card__title,
html[data-theme=dark] .eq-home__action h3,
html[data-theme=dark] .eq-home__action h4,
html[data-theme=dark] .eq-home__action .eq-action-card__title,
html[data-theme=dark] .eq-home__card h3,
html[data-theme=dark] .eq-home__card h4,
html[data-theme=dark] .eq-home__card .eq-action-card__title,
html[data-theme=dark] [class*=__action-card] h3,
html[data-theme=dark] [class*=__action-card] h4,
html[data-theme=dark] [class*=__action-card] .eq-action-card__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-action-card p, html[data-theme=dark] .eq-action-card .eq-action-card__desc,
html[data-theme=dark] .eq-home__action p,
html[data-theme=dark] .eq-home__action .eq-action-card__desc,
html[data-theme=dark] .eq-home__card p,
html[data-theme=dark] .eq-home__card .eq-action-card__desc,
html[data-theme=dark] [class*=__action-card] p,
html[data-theme=dark] [class*=__action-card] .eq-action-card__desc {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-action-card:hover,
html[data-theme=dark] .eq-home__action:hover,
html[data-theme=dark] .eq-home__card:hover,
html[data-theme=dark] [class*=__action-card]:hover {
  background: #242a33 !important;
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-section-label,
html[data-theme=dark] [class*=__section-label],
html[data-theme=dark] [class*=__group-title] {
  color: #6f7380 !important;
}
html[data-theme=dark] .eq-home__widget,
html[data-theme=dark] .eq-home__stat,
html[data-theme=dark] .eq-widget,
html[data-theme=dark] [class*=__widget],
html[data-theme=dark] [class*=__stat-card] {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-home__widget h3, html[data-theme=dark] .eq-home__widget h4, html[data-theme=dark] .eq-home__widget strong, html[data-theme=dark] .eq-home__widget .eq-widget__title,
html[data-theme=dark] .eq-home__stat h3,
html[data-theme=dark] .eq-home__stat h4,
html[data-theme=dark] .eq-home__stat strong,
html[data-theme=dark] .eq-home__stat .eq-widget__title,
html[data-theme=dark] .eq-widget h3,
html[data-theme=dark] .eq-widget h4,
html[data-theme=dark] .eq-widget strong,
html[data-theme=dark] .eq-widget .eq-widget__title,
html[data-theme=dark] [class*=__widget] h3,
html[data-theme=dark] [class*=__widget] h4,
html[data-theme=dark] [class*=__widget] strong,
html[data-theme=dark] [class*=__widget] .eq-widget__title,
html[data-theme=dark] [class*=__stat-card] h3,
html[data-theme=dark] [class*=__stat-card] h4,
html[data-theme=dark] [class*=__stat-card] strong,
html[data-theme=dark] [class*=__stat-card] .eq-widget__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-home__widget p, html[data-theme=dark] .eq-home__widget small, html[data-theme=dark] .eq-home__widget .eq-widget__subtitle,
html[data-theme=dark] .eq-home__stat p,
html[data-theme=dark] .eq-home__stat small,
html[data-theme=dark] .eq-home__stat .eq-widget__subtitle,
html[data-theme=dark] .eq-widget p,
html[data-theme=dark] .eq-widget small,
html[data-theme=dark] .eq-widget .eq-widget__subtitle,
html[data-theme=dark] [class*=__widget] p,
html[data-theme=dark] [class*=__widget] small,
html[data-theme=dark] [class*=__widget] .eq-widget__subtitle,
html[data-theme=dark] [class*=__stat-card] p,
html[data-theme=dark] [class*=__stat-card] small,
html[data-theme=dark] [class*=__stat-card] .eq-widget__subtitle {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-alert--warning,
html[data-theme=dark] .eq-banner--warning {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-alert--warning strong,
html[data-theme=dark] .eq-banner--warning strong {
  color: #ffe4a3 !important;
}
html[data-theme=dark] .eq-alert--danger,
html[data-theme=dark] .eq-banner--danger,
html[data-theme=dark] .eq-alert--error {
  background: #3a1319 !important;
  border-color: #5a1e27 !important;
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-alert--success,
html[data-theme=dark] .eq-banner--success {
  background: #143325 !important;
  border-color: #1d4a36 !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-alert--info,
html[data-theme=dark] .eq-banner--info {
  background: #0f2a3a !important;
  border-color: #17466a !important;
  color: #8bd4ff !important;
}
html[data-theme=dark] .eq-balance-card__value,
html[data-theme=dark] .eq-consumption-card__value {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-balance-card__forecast,
html[data-theme=dark] .eq-consumption-card__link {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-balance-card__topup {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-balance-card__topup:hover {
  color: #a5b8f8 !important;
}
html[data-theme=dark] .eq-card__muted {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-card hr,
html[data-theme=dark] hr.eq-divider {
  border-top-color: #2a303b !important;
  background: transparent !important;
}
html[data-theme=dark] .eq-action-grid {
  gap: 20px;
}
html[data-theme=dark] .eq-action-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-action-card:hover {
  background: #242a33 !important;
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-action-card__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-action-card__desc {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-action-card__icon {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
html[data-theme=dark] .eq-section__title {
  color: #6f7380 !important;
}
html[data-theme=dark] .eq-home__section-title,
html[data-theme=dark] .eq-home__heading {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-profile {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-profile__header,
html[data-theme=dark] .eq-profile__title {
  color: #ffffff !important;
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-profile__subtitle,
html[data-theme=dark] .eq-profile__description {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-profile__section {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
html[data-theme=dark] .eq-profile__section-title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-profile__section-title i, html[data-theme=dark] .eq-profile__section-title .bi {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-profile__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-profile__field label,
html[data-theme=dark] .eq-profile__field .eq-profile__field-label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-profile__field input,
html[data-theme=dark] .eq-profile__field select,
html[data-theme=dark] .eq-profile__field textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-profile__field input::placeholder,
html[data-theme=dark] .eq-profile__field select::placeholder,
html[data-theme=dark] .eq-profile__field textarea::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-profile__field input:focus,
html[data-theme=dark] .eq-profile__field select:focus,
html[data-theme=dark] .eq-profile__field textarea:focus {
  border-color: #7a97f5 !important;
  box-shadow: 0 0 0 3px rgba(122, 151, 245, 0.15) !important;
}
html[data-theme=dark] .eq-profile__help,
html[data-theme=dark] .eq-profile__hint {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-profile__actions {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-session-row {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-session-row strong, html[data-theme=dark] .eq-session-row b {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-session-row small, html[data-theme=dark] .eq-session-row span {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-lgpd {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd h2, html[data-theme=dark] .eq-lgpd h3, html[data-theme=dark] .eq-lgpd h4, html[data-theme=dark] .eq-lgpd strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-lgpd p, html[data-theme=dark] .eq-lgpd small {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-lgpd__cards {
  background: transparent !important;
}
html[data-theme=dark] .eq-lgpd__card {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd__card h3, html[data-theme=dark] .eq-lgpd__card h4, html[data-theme=dark] .eq-lgpd__card strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-lgpd__card p, html[data-theme=dark] .eq-lgpd__card small {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-lgpd__card-icon,
html[data-theme=dark] .eq-lgpd__card-icon--blue,
html[data-theme=dark] .eq-lgpd__card-icon--green,
html[data-theme=dark] .eq-lgpd__card-icon--red {
  opacity: 0.85;
}
html[data-theme=dark] .eq-lgpd__consents-wrap,
html[data-theme=dark] .eq-lgpd__consents {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd__consent {
  background: transparent !important;
  border-bottom: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd__consent strong, html[data-theme=dark] .eq-lgpd__consent b {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-lgpd__consent-info {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-lgpd__consent-desc {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-lgpd__banner,
html[data-theme=dark] .eq-lgpd__banner--ok {
  background: #143325 !important;
  color: #6ee7a4 !important;
  border-color: #1d4a36 !important;
}
html[data-theme=dark] .eq-lgpd__banner--err {
  background: #3a1319 !important;
  color: #ff9ba5 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .eq-lgpd__audit,
html[data-theme=dark] .eq-lgpd__audit-table {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd__audit th,
html[data-theme=dark] .eq-lgpd__audit-table th {
  background: #20262f !important;
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-lgpd__audit td,
html[data-theme=dark] .eq-lgpd__audit-table td {
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-lgpd__audit-ip {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-lgpd__del-warn {
  background: #3a1319 !important;
  color: #ff9ba5 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .eq-lgpd__del-form {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-lgpd__del-form input, html[data-theme=dark] .eq-lgpd__del-form textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-lgpd__deletion-pending {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-lgpd__changed {
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-apitokens {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-apitokens h2, html[data-theme=dark] .eq-apitokens h3, html[data-theme=dark] .eq-apitokens h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-apitokens p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__empty {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__empty i {
  color: #4a5568 !important;
}
html[data-theme=dark] .eq-apitokens__empty p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__empty code {
  background: #11161e !important;
  color: #e6e1cf !important;
  border: 1px solid #2a303b;
}
html[data-theme=dark] .eq-apitokens__empty-hint {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-apitokens__error {
  background: #3a1319 !important;
  border-color: #5a1e27 !important;
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-apitokens__table {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-apitokens__table th {
  background: #20262f !important;
  color: #b3bac5 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-apitokens__table td {
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-apitokens__form,
html[data-theme=dark] .eq-apitokens__form-details {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-apitokens__form > summary,
html[data-theme=dark] .eq-apitokens__form-details > summary {
  color: #d7dbe4 !important;
  cursor: pointer;
}
html[data-theme=dark] .eq-apitokens__form > summary:hover,
html[data-theme=dark] .eq-apitokens__form-details > summary:hover {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-apitokens p[style],
html[data-theme=dark] .eq-profile__section p[style] {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__table code {
  background: #11161e !important;
  color: #e6e1cf !important;
}
html[data-theme=dark] .eq-apitokens__form-row label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-apitokens__form-row input, html[data-theme=dark] .eq-apitokens__form-row select, html[data-theme=dark] .eq-apitokens__form-row textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-apitokens__form-row input::placeholder, html[data-theme=dark] .eq-apitokens__form-row select::placeholder, html[data-theme=dark] .eq-apitokens__form-row textarea::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-apitokens__scopes-grid {
  background: transparent !important;
}
html[data-theme=dark] .eq-apitokens__scope-opt {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-apitokens__scope-opt:hover {
  background: #2e353f !important;
}
html[data-theme=dark] .eq-apitokens__scope-desc {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__hint {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__docs,
html[data-theme=dark] .eq-apitokens__docs-body {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-apitokens__pre {
  background: #0a0e13 !important;
  color: #e6e1cf !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-apitokens__token-display {
  background: #143325 !important;
  border-color: #1d4a36 !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-apitokens__token-display code {
  color: #6ee7a4 !important;
  background: transparent !important;
}
html[data-theme=dark] .eq-apitokens__token-meta {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-apitokens__warn {
  background: #3b2e0e !important;
  color: #ffd37a !important;
  border-color: #5a4616 !important;
}
html[data-theme=dark] .eq-apitokens__scope {
  background: #242a33 !important;
  color: #b3bac5 !important;
  border: 1px solid #2a303b;
}
html[data-theme=dark] .eq-apitokens__ip {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-faturas,
html[data-theme=dark] .eq-team,
html[data-theme=dark] .eq-support,
html[data-theme=dark] [class*=eq-invoice],
html[data-theme=dark] [class*=eq-bill],
html[data-theme=dark] .eq-tickets {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-faturas h1, html[data-theme=dark] .eq-faturas h2, html[data-theme=dark] .eq-faturas h3, html[data-theme=dark] .eq-faturas h4,
html[data-theme=dark] .eq-team h1,
html[data-theme=dark] .eq-team h2,
html[data-theme=dark] .eq-team h3,
html[data-theme=dark] .eq-team h4,
html[data-theme=dark] .eq-support h1,
html[data-theme=dark] .eq-support h2,
html[data-theme=dark] .eq-support h3,
html[data-theme=dark] .eq-support h4,
html[data-theme=dark] [class*=eq-invoice] h1,
html[data-theme=dark] [class*=eq-invoice] h2,
html[data-theme=dark] [class*=eq-invoice] h3,
html[data-theme=dark] [class*=eq-invoice] h4,
html[data-theme=dark] [class*=eq-bill] h1,
html[data-theme=dark] [class*=eq-bill] h2,
html[data-theme=dark] [class*=eq-bill] h3,
html[data-theme=dark] [class*=eq-bill] h4,
html[data-theme=dark] .eq-tickets h1,
html[data-theme=dark] .eq-tickets h2,
html[data-theme=dark] .eq-tickets h3,
html[data-theme=dark] .eq-tickets h4 {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-faturas p, html[data-theme=dark] .eq-faturas td, html[data-theme=dark] .eq-faturas li,
html[data-theme=dark] .eq-team p,
html[data-theme=dark] .eq-team td,
html[data-theme=dark] .eq-team li,
html[data-theme=dark] .eq-support p,
html[data-theme=dark] .eq-support td,
html[data-theme=dark] .eq-support li,
html[data-theme=dark] [class*=eq-invoice] p,
html[data-theme=dark] [class*=eq-invoice] td,
html[data-theme=dark] [class*=eq-invoice] li,
html[data-theme=dark] [class*=eq-bill] p,
html[data-theme=dark] [class*=eq-bill] td,
html[data-theme=dark] [class*=eq-bill] li,
html[data-theme=dark] .eq-tickets p,
html[data-theme=dark] .eq-tickets td,
html[data-theme=dark] .eq-tickets li {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-faturas small,
html[data-theme=dark] .eq-team small,
html[data-theme=dark] .eq-support small,
html[data-theme=dark] [class*=eq-invoice] small,
html[data-theme=dark] [class*=eq-bill] small,
html[data-theme=dark] .eq-tickets small {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-faturas table, html[data-theme=dark] .eq-faturas .eq-table,
html[data-theme=dark] .eq-team table,
html[data-theme=dark] .eq-team .eq-table,
html[data-theme=dark] .eq-support table,
html[data-theme=dark] .eq-support .eq-table,
html[data-theme=dark] [class*=eq-invoice] table,
html[data-theme=dark] [class*=eq-invoice] .eq-table,
html[data-theme=dark] [class*=eq-bill] table,
html[data-theme=dark] [class*=eq-bill] .eq-table,
html[data-theme=dark] .eq-tickets table,
html[data-theme=dark] .eq-tickets .eq-table {
  background: transparent !important;
}
html[data-theme=dark] .eq-faturas table th, html[data-theme=dark] .eq-faturas .eq-table th,
html[data-theme=dark] .eq-team table th,
html[data-theme=dark] .eq-team .eq-table th,
html[data-theme=dark] .eq-support table th,
html[data-theme=dark] .eq-support .eq-table th,
html[data-theme=dark] [class*=eq-invoice] table th,
html[data-theme=dark] [class*=eq-invoice] .eq-table th,
html[data-theme=dark] [class*=eq-bill] table th,
html[data-theme=dark] [class*=eq-bill] .eq-table th,
html[data-theme=dark] .eq-tickets table th,
html[data-theme=dark] .eq-tickets .eq-table th {
  background: #20262f !important;
  color: #ffffff !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-faturas table td, html[data-theme=dark] .eq-faturas .eq-table td,
html[data-theme=dark] .eq-team table td,
html[data-theme=dark] .eq-team .eq-table td,
html[data-theme=dark] .eq-support table td,
html[data-theme=dark] .eq-support .eq-table td,
html[data-theme=dark] [class*=eq-invoice] table td,
html[data-theme=dark] [class*=eq-invoice] .eq-table td,
html[data-theme=dark] [class*=eq-bill] table td,
html[data-theme=dark] [class*=eq-bill] .eq-table td,
html[data-theme=dark] .eq-tickets table td,
html[data-theme=dark] .eq-tickets .eq-table td {
  background: transparent !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-faturas table tr:hover td, html[data-theme=dark] .eq-faturas .eq-table tr:hover td,
html[data-theme=dark] .eq-team table tr:hover td,
html[data-theme=dark] .eq-team .eq-table tr:hover td,
html[data-theme=dark] .eq-support table tr:hover td,
html[data-theme=dark] .eq-support .eq-table tr:hover td,
html[data-theme=dark] [class*=eq-invoice] table tr:hover td,
html[data-theme=dark] [class*=eq-invoice] .eq-table tr:hover td,
html[data-theme=dark] [class*=eq-bill] table tr:hover td,
html[data-theme=dark] [class*=eq-bill] .eq-table tr:hover td,
html[data-theme=dark] .eq-tickets table tr:hover td,
html[data-theme=dark] .eq-tickets .eq-table tr:hover td {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-tickets__header {
  color: #e6e9ef !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-tickets__create,
html[data-theme=dark] .eq-tickets__create-form {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-tickets__create label,
html[data-theme=dark] .eq-tickets__create-form label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-tickets__create input, html[data-theme=dark] .eq-tickets__create select, html[data-theme=dark] .eq-tickets__create textarea,
html[data-theme=dark] .eq-tickets__create-form input,
html[data-theme=dark] .eq-tickets__create-form select,
html[data-theme=dark] .eq-tickets__create-form textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-tickets__create input::placeholder, html[data-theme=dark] .eq-tickets__create select::placeholder, html[data-theme=dark] .eq-tickets__create textarea::placeholder,
html[data-theme=dark] .eq-tickets__create-form input::placeholder,
html[data-theme=dark] .eq-tickets__create-form select::placeholder,
html[data-theme=dark] .eq-tickets__create-form textarea::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-tickets__create input:focus, html[data-theme=dark] .eq-tickets__create select:focus, html[data-theme=dark] .eq-tickets__create textarea:focus,
html[data-theme=dark] .eq-tickets__create-form input:focus,
html[data-theme=dark] .eq-tickets__create-form select:focus,
html[data-theme=dark] .eq-tickets__create-form textarea:focus {
  border-color: #7a97f5 !important;
  box-shadow: 0 0 0 3px rgba(122, 151, 245, 0.15) !important;
}
html[data-theme=dark] .eq-tickets__list {
  background: transparent !important;
}
html[data-theme=dark] .eq-ticket__messages {
  background: transparent !important;
}
html[data-theme=dark] .eq-ticket__reply {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__reply textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-ticket__reply textarea::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-ticket__msg {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__msg--staff {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-ticket__staff-badge {
  background: #242a33 !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-ticket__status--open {
  background: #143325 !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-ticket__status--answered {
  background: #0f2a3a !important;
  color: #8bd4ff !important;
}
html[data-theme=dark] .eq-ticket__status--waiting {
  background: #3b2e0e !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-ticket__status--closed {
  background: #242a33 !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-sidebar {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-sidebar__group {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-sidebar__group-icon {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-admin-sidebar__group-label, html[data-theme=dark] .eq-admin-sidebar__group-label-text {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-admin-sidebar__stat {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin-sidebar__footer {
  border-color: #2a303b !important;
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin-tab,
html[data-theme=dark] .eq-admin__tab {
  color: #b3bac5 !important;
  border-color: transparent !important;
}
html[data-theme=dark] .eq-admin-tab:hover,
html[data-theme=dark] .eq-admin__tab:hover {
  color: #e6e9ef !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme=dark] .eq-admin-tab.is-active, html[data-theme=dark] .eq-admin-tab.active,
html[data-theme=dark] .eq-admin__tab.is-active,
html[data-theme=dark] .eq-admin__tab.active {
  color: #8fa8f7 !important;
  border-bottom-color: #557cf2 !important;
  background: rgba(85, 124, 242, 0.08) !important;
}
html[data-theme=dark] .eq-admin__section-header {
  background: transparent !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__section-header h3, html[data-theme=dark] .eq-admin__section-header h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__loading {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__empty {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__form-row label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-admin__form-row input, html[data-theme=dark] .eq-admin__form-row select, html[data-theme=dark] .eq-admin__form-row textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__form-row input::placeholder, html[data-theme=dark] .eq-admin__form-row select::placeholder, html[data-theme=dark] .eq-admin__form-row textarea::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-admin__form-row input:focus, html[data-theme=dark] .eq-admin__form-row select:focus, html[data-theme=dark] .eq-admin__form-row textarea:focus {
  border-color: #557cf2 !important;
  background: #161b22 !important;
}
html[data-theme=dark] .eq-admin__form-row small, html[data-theme=dark] .eq-admin__form-row .text-muted {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-admin__toggle {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__stat-card,
html[data-theme=dark] .eq-admin__node-card,
html[data-theme=dark] .eq-admin__metric-card,
html[data-theme=dark] .eq-admin__detail-card,
html[data-theme=dark] .eq-admin__info-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-admin__stat-card h4, html[data-theme=dark] .eq-admin__stat-card h5, html[data-theme=dark] .eq-admin__stat-card strong,
html[data-theme=dark] .eq-admin__node-card h4,
html[data-theme=dark] .eq-admin__node-card h5,
html[data-theme=dark] .eq-admin__node-card strong,
html[data-theme=dark] .eq-admin__metric-card h4,
html[data-theme=dark] .eq-admin__metric-card h5,
html[data-theme=dark] .eq-admin__metric-card strong,
html[data-theme=dark] .eq-admin__detail-card h4,
html[data-theme=dark] .eq-admin__detail-card h5,
html[data-theme=dark] .eq-admin__detail-card strong,
html[data-theme=dark] .eq-admin__info-card h4,
html[data-theme=dark] .eq-admin__info-card h5,
html[data-theme=dark] .eq-admin__info-card strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__stat-card small, html[data-theme=dark] .eq-admin__stat-card span,
html[data-theme=dark] .eq-admin__node-card small,
html[data-theme=dark] .eq-admin__node-card span,
html[data-theme=dark] .eq-admin__metric-card small,
html[data-theme=dark] .eq-admin__metric-card span,
html[data-theme=dark] .eq-admin__detail-card small,
html[data-theme=dark] .eq-admin__detail-card span,
html[data-theme=dark] .eq-admin__info-card small,
html[data-theme=dark] .eq-admin__info-card span {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin__period-btn {
  background: #242a33 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__period-btn.is-active, html[data-theme=dark] .eq-admin__period-btn:hover {
  background: #2e353f !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__setting-row, html[data-theme=dark] .eq-admin__config-row {
  background: transparent !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__setting-row label, html[data-theme=dark] .eq-admin__config-row label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-admin__wizard-actions {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-reseller,
html[data-theme=dark] .eq-reseller__content,
html[data-theme=dark] [class^=eq-reseller__] {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-reseller__header,
html[data-theme=dark] .eq-reseller-header {
  color: #e6e9ef !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-reseller__header h1, html[data-theme=dark] .eq-reseller__header h2, html[data-theme=dark] .eq-reseller__header h3,
html[data-theme=dark] .eq-reseller-header h1,
html[data-theme=dark] .eq-reseller-header h2,
html[data-theme=dark] .eq-reseller-header h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-reseller__stat-card,
html[data-theme=dark] .eq-reseller__billing-card,
html[data-theme=dark] .eq-reseller__metric-card,
html[data-theme=dark] .eq-reseller__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  box-shadow: none !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-reseller__stat-card h4, html[data-theme=dark] .eq-reseller__stat-card strong,
html[data-theme=dark] .eq-reseller__billing-card h4,
html[data-theme=dark] .eq-reseller__billing-card strong,
html[data-theme=dark] .eq-reseller__metric-card h4,
html[data-theme=dark] .eq-reseller__metric-card strong,
html[data-theme=dark] .eq-reseller__card h4,
html[data-theme=dark] .eq-reseller__card strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-reseller__stat-card p, html[data-theme=dark] .eq-reseller__stat-card small, html[data-theme=dark] .eq-reseller__stat-card span,
html[data-theme=dark] .eq-reseller__billing-card p,
html[data-theme=dark] .eq-reseller__billing-card small,
html[data-theme=dark] .eq-reseller__billing-card span,
html[data-theme=dark] .eq-reseller__metric-card p,
html[data-theme=dark] .eq-reseller__metric-card small,
html[data-theme=dark] .eq-reseller__metric-card span,
html[data-theme=dark] .eq-reseller__card p,
html[data-theme=dark] .eq-reseller__card small,
html[data-theme=dark] .eq-reseller__card span {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-reseller__client-card,
html[data-theme=dark] .eq-reseller__client-row {
  background: transparent !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-reseller__plan-card,
html[data-theme=dark] .eq-reseller__plan-row,
html[data-theme=dark] .eq-reseller__markup {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-reseller__plan-card td, html[data-theme=dark] .eq-reseller__plan-card th,
html[data-theme=dark] .eq-reseller__plan-row td,
html[data-theme=dark] .eq-reseller__plan-row th,
html[data-theme=dark] .eq-reseller__markup td,
html[data-theme=dark] .eq-reseller__markup th {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-reseller__price, html[data-theme=dark] .eq-reseller__markup-price {
  color: #10b981 !important;
  font-weight: 600;
}
html[data-theme=dark] .eq-settings,
html[data-theme=dark] .eq-settings__card,
html[data-theme=dark] .eq-settings__row,
html[data-theme=dark] .eq-settings__gateways {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-settings__row-left,
html[data-theme=dark] .eq-settings__row-info {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-settings__row-title,
html[data-theme=dark] .eq-settings__row-icon {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-settings__row-desc {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-settings__input input, html[data-theme=dark] .eq-settings__input select, html[data-theme=dark] .eq-settings__input textarea,
html[data-theme=dark] .eq-settings__input-group input,
html[data-theme=dark] .eq-settings__input-group select,
html[data-theme=dark] .eq-settings__input-group textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-settings__toggle-eye {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-settings__status {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-billing,
html[data-theme=dark] .eq-billing__card,
html[data-theme=dark] .eq-billing__invoice,
html[data-theme=dark] .eq-billing__invoice-card,
html[data-theme=dark] .eq-addbal,
html[data-theme=dark] .eq-addbal__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-billing__tabs, html[data-theme=dark] .eq-billing__tab {
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-billing__tabs.is-active, html[data-theme=dark] .eq-billing__tabs.active, html[data-theme=dark] .eq-billing__tab.is-active, html[data-theme=dark] .eq-billing__tab.active {
  color: #8fa8f7 !important;
  border-bottom-color: #557cf2 !important;
}
html[data-theme=dark] .eq-billing__invoice-header,
html[data-theme=dark] .eq-billing__invoice-info {
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-billing__invoice-amount {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-billing__txn-header {
  background: #20262f !important;
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-billing__txn-row {
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-addbal__preset {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-addbal__preset:hover, html[data-theme=dark] .eq-addbal__preset.is-active {
  background: #2e353f !important;
  border-color: #557cf2 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-addbal__method-btn {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-addbal__method-btn:hover, html[data-theme=dark] .eq-addbal__method-btn.is-active {
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-coupon__row {
  background: #242a33 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-coupon__row:focus-within {
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-coupon__input {
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-coupon__input::placeholder {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-coupon__btn {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-coupon__btn:hover {
  background: #2e3540 !important;
}
html[data-theme=dark] .eq-coupon__error {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-coupon__hint {
  background: linear-gradient(135deg, rgba(85, 124, 242, 0.14), rgba(34, 197, 94, 0.08)) !important;
  border-color: rgba(85, 124, 242, 0.4) !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-coupon__hint strong {
  color: #4ade80 !important;
}
html[data-theme=dark] .eq-coupon__hint > i {
  color: #7a99ff !important;
}
html[data-theme=dark] .eq-coupon__hint-code {
  background: #557cf2 !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-coupon__hint-code:hover {
  background: #6a8ef5 !important;
}
html[data-theme=dark] .eq-coupon--applied {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: #065f46 !important;
}
html[data-theme=dark] .eq-coupon__badge {
  background: #059669 !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-coupon__desc {
  color: #6ee7b7 !important;
}
html[data-theme=dark] .eq-coupon__discount {
  color: #6ee7b7 !important;
}
html[data-theme=dark] .eq-coupon__remove {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-coupon__remove:hover {
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.15) !important;
}
html[data-theme=dark] .eq-billing__pay-confirm h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-billing__pay-invoice {
  background: #242a33 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-billing__pay-row {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-billing__pay-row--discount {
  color: #6ee7b7 !important;
}
html[data-theme=dark] .eq-billing__pay-row--total {
  border-color: #2a303b !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-billing__pay-totals {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-ticket__row,
html[data-theme=dark] .eq-ticket__msg,
html[data-theme=dark] .eq-tickets__filter {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__msg-header {
  border-color: #2a303b !important;
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-ticket__msg-body {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__row-subject {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-ticket__row-date,
html[data-theme=dark] .eq-ticket__row-id,
html[data-theme=dark] .eq-ticket__row-user {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-site-view,
html[data-theme=dark] .eq-site-header,
html[data-theme=dark] .eq-site-tabs,
html[data-theme=dark] .eq-site-tabpanel {
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-site-header__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-site-header__sub,
html[data-theme=dark] .eq-site-header__status {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-site-tabs [class*=__tab],
html[data-theme=dark] .eq-config-subnav__item {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-site-tabs [class*=__tab].is-active, html[data-theme=dark] .eq-site-tabs [class*=__tab].active,
html[data-theme=dark] .eq-config-subnav__item.is-active,
html[data-theme=dark] .eq-config-subnav__item.active {
  color: #8fa8f7 !important;
  border-bottom-color: #557cf2 !important;
}
html[data-theme=dark] .eq-site-tabs [class*=__tab]:hover,
html[data-theme=dark] .eq-config-subnav__item:hover {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-ssl-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-ssl-info,
html[data-theme=dark] .eq-ssl-custom,
html[data-theme=dark] .eq-ssl-warn {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-ssl-head {
  background: transparent !important;
  border: none !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-ssl-title,
html[data-theme=dark] .eq-ssl-sub {
  background: transparent !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-ssl-info-row {
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-ssl-info-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-backup__row,
html[data-theme=dark] .eq-backup__card,
html[data-theme=dark] .eq-backup__subtab {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-backup__row.is-active,
html[data-theme=dark] .eq-backup__card.is-active,
html[data-theme=dark] .eq-backup__subtab.is-active {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-backup__date, html[data-theme=dark] .eq-backup__size {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-cron__add-form,
html[data-theme=dark] .eq-cron__job,
html[data-theme=dark] .eq-cron__list {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-cron__add-form input, html[data-theme=dark] .eq-cron__add-form select,
html[data-theme=dark] .eq-cron__job input,
html[data-theme=dark] .eq-cron__job select,
html[data-theme=dark] .eq-cron__list input,
html[data-theme=dark] .eq-cron__list select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-cron__add-form label,
html[data-theme=dark] .eq-cron__job label,
html[data-theme=dark] .eq-cron__list label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-env__list,
html[data-theme=dark] .eq-env__modal,
html[data-theme=dark] .eq-env__modal-header,
html[data-theme=dark] .eq-env__modal-body,
html[data-theme=dark] .eq-env__banner {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-env__list input, html[data-theme=dark] .eq-env__list select, html[data-theme=dark] .eq-env__list textarea,
html[data-theme=dark] .eq-env__modal input,
html[data-theme=dark] .eq-env__modal select,
html[data-theme=dark] .eq-env__modal textarea,
html[data-theme=dark] .eq-env__modal-header input,
html[data-theme=dark] .eq-env__modal-header select,
html[data-theme=dark] .eq-env__modal-header textarea,
html[data-theme=dark] .eq-env__modal-body input,
html[data-theme=dark] .eq-env__modal-body select,
html[data-theme=dark] .eq-env__modal-body textarea,
html[data-theme=dark] .eq-env__banner input,
html[data-theme=dark] .eq-env__banner select,
html[data-theme=dark] .eq-env__banner textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-php-settings,
html[data-theme=dark] .eq-php-settings__card,
html[data-theme=dark] .eq-php-settings__row {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-php-settings input, html[data-theme=dark] .eq-php-settings select,
html[data-theme=dark] .eq-php-settings__card input,
html[data-theme=dark] .eq-php-settings__card select,
html[data-theme=dark] .eq-php-settings__row input,
html[data-theme=dark] .eq-php-settings__row select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-php-settings label,
html[data-theme=dark] .eq-php-settings__card label,
html[data-theme=dark] .eq-php-settings__row label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-db-card,
html[data-theme=dark] .eq-db-card__header,
html[data-theme=dark] .eq-db-stats,
html[data-theme=dark] .eq-db-tools {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-db-card__title, html[data-theme=dark] .eq-db-card__heading {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-db-card__sub, html[data-theme=dark] .eq-db-card__hint {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-access-card,
html[data-theme=dark] .eq-access-card__info {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-access-card__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-access-card__desc {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-fm__card,
html[data-theme=dark] .eq-fm__header,
html[data-theme=dark] .eq-fm__head-text,
html[data-theme=dark] .eq-fm__title {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-site-config,
html[data-theme=dark] .eq-site-config__card,
html[data-theme=dark] .eq-site-config-tab {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-site-config.is-active,
html[data-theme=dark] .eq-site-config__card.is-active,
html[data-theme=dark] .eq-site-config-tab.is-active {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-site-config__usage-title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-site-config__usage-hint,
html[data-theme=dark] .eq-site-config__usage-pct {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-platform-card {
  background: #1b2028 !important;
  border: 1px solid #242a33 !important;
  color: #d7dbe4 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme=dark] .eq-platform-card__title {
  color: #f3f4f7 !important;
  letter-spacing: -0.025em !important;
}
html[data-theme=dark] .eq-platform-card__subtitle {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-platform-card__close {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-platform-card__close:hover {
  color: #f3f4f7 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 6px;
}
html[data-theme=dark] .eq-platform-section__label--plat {
  color: #f87171 !important;
  background: rgba(248, 113, 113, 0.1) !important;
  border: 1px solid rgba(248, 113, 113, 0.18) !important;
}
html[data-theme=dark] .eq-platform-section__label--tpl {
  color: #8ba8f7 !important;
  background: rgba(139, 168, 247, 0.1) !important;
  border: 1px solid rgba(139, 168, 247, 0.2) !important;
}
html[data-theme=dark] .eq-hex {
  background: transparent !important;
}
html[data-theme=dark] .eq-hex:hover:not(:disabled):not(.is-soon) .eq-hex__img {
  filter: drop-shadow(0 10px 20px rgba(85, 124, 242, 0.45)) !important;
}
html[data-theme=dark] .eq-hex:hover:not(:disabled):not(.is-soon) .eq-hex__label {
  color: #f3f4f7 !important;
}
html[data-theme=dark] .eq-hex__label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-hex.is-active .eq-hex__img {
  filter: drop-shadow(0 0 0 #8ba8f7) drop-shadow(0 12px 24px rgba(85, 124, 242, 0.6)) !important;
}
html[data-theme=dark] .eq-hex.is-active .eq-hex__label {
  color: #8ba8f7 !important;
  font-weight: 700 !important;
}
html[data-theme=dark] .eq-hex__check {
  background: #557cf2 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(85, 124, 242, 0.6), 0 0 0 3px #1b2028 !important;
}
html[data-theme=dark] .eq-hex.is-soon {
  opacity: 0.32 !important;
}
html[data-theme=dark] .eq-hex.is-soon .eq-hex__img {
  filter: grayscale(0.9) brightness(0.7) !important;
}
html[data-theme=dark] .eq-hex.is-soon .eq-hex__label {
  color: #5a6173 !important;
}
html[data-theme=dark] .eq-hex__soon-badge {
  background: linear-gradient(135deg, #a16207, #713f12) !important;
  color: #fde68a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-platform-confirm {
  background: linear-gradient(180deg, rgba(85, 124, 242, 0.1), rgba(85, 124, 242, 0.03)) !important;
  border: 1px solid rgba(85, 124, 242, 0.3) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}
html[data-theme=dark] .eq-platform-confirm__label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-platform-confirm__name {
  color: #f3f4f7 !important;
}
html[data-theme=dark] .eq-platform-confirm__info img {
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.5)) !important;
}
html[data-theme=dark] .eq-plan-view {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme=dark] .eq-plan-view__header {
  border-bottom: 1px solid #2a303b !important;
  background: linear-gradient(180deg, rgba(85, 124, 242, 0.08) 0%, transparent 100%) !important;
}
html[data-theme=dark] .eq-plan-view__back-top {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-view__back-top:hover {
  color: #8ba8f7 !important;
  border-color: rgba(139, 168, 247, 0.4) !important;
}
html[data-theme=dark] .eq-plan-view__step {
  color: #8ba8f7 !important;
  background: rgba(139, 168, 247, 0.14) !important;
}
html[data-theme=dark] .eq-plan-view__tech {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #e6e9ef !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-plan-view__title {
  color: #f3f4f7 !important;
}
html[data-theme=dark] .eq-plan-view__subtitle {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-view__benefits li {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-plan-view__benefits li i {
  color: #22c55e !important;
}
html[data-theme=dark] .eq-plan-view__body {
  background: #161b22 !important;
}
html[data-theme=dark] .eq-plan-view__footer {
  background: #1b2028 !important;
  border-top: 1px solid #2a303b !important;
}
html[data-theme=dark] .eq-plan-view__back {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-view__back:hover {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-view__summary-label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-view__summary-plan {
  color: #f3f4f7 !important;
}
html[data-theme=dark] .eq-plan-view__cta {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(22, 163, 74, 0.4) !important;
}
html[data-theme=dark] .eq-plan-view__cta:hover:not(:disabled) {
  box-shadow: 0 10px 26px rgba(22, 163, 74, 0.5) !important;
}
html[data-theme=dark] .eq-plan-section__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-section__title i {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-section__hint {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-section--dedicated .eq-plan-section__title i {
  color: #c4b5fd !important;
}
html[data-theme=dark] .eq-plan-row {
  background: #1b2028 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-plan-row:hover:not(.is-selected) {
  border-color: rgba(139, 168, 247, 0.5) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme=dark] .eq-plan-row:focus-visible {
  box-shadow: 0 0 0 3px rgba(139, 168, 247, 0.35), 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme=dark] .eq-plan-row.is-selected {
  border-color: #8ba8f7 !important;
  background: linear-gradient(90deg, rgba(85, 124, 242, 0.14) 0%, transparent 45%) !important;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.2), 0 6px 18px rgba(85, 124, 242, 0.18) !important;
}
html[data-theme=dark] .eq-plan-row.is-selected .eq-plan-row__radio {
  border-color: #8ba8f7 !important;
  background: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-row.is-selected .eq-plan-row__radio::after {
  background: #0f141a !important;
}
html[data-theme=dark] .eq-plan-row.is-selected .eq-plan-row__name {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-row--dedicated {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.08), #1b2028 45%) !important;
}
html[data-theme=dark] .eq-plan-row--dedicated .eq-plan-row__spec i {
  background: rgba(139, 92, 246, 0.18) !important;
  color: #c4b5fd !important;
}
html[data-theme=dark] .eq-plan-row--dedicated .eq-plan-row__price-value {
  color: #c4b5fd !important;
}
html[data-theme=dark] .eq-plan-row--dedicated:hover:not(.is-selected) {
  border-color: rgba(139, 92, 246, 0.55) !important;
}
html[data-theme=dark] .eq-plan-row--dedicated.is-selected {
  border-color: #c4b5fd !important;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.22) 0%, transparent 45%) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.25), 0 6px 18px rgba(139, 92, 246, 0.2) !important;
}
html[data-theme=dark] .eq-plan-row--dedicated.is-selected .eq-plan-row__radio {
  border-color: #c4b5fd !important;
  background: #c4b5fd !important;
}
html[data-theme=dark] .eq-plan-row--dedicated.is-selected .eq-plan-row__name {
  color: #c4b5fd !important;
}
html[data-theme=dark] .eq-plan-row__radio {
  background: #11161e !important;
  border-color: #3a4250 !important;
}
html[data-theme=dark] .eq-plan-row__radio::after {
  background: #1b2028 !important;
}
html[data-theme=dark] .eq-plan-row__eyebrow {
  color: #849196 !important;
}
html[data-theme=dark] .eq-plan-row__name {
  color: #f3f4f7 !important;
}
html[data-theme=dark] .eq-plan-row__label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-row__spec {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-row__spec i {
  background: rgba(139, 168, 247, 0.12) !important;
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-row__spec strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-row__price {
  border-left-color: #2a303b !important;
}
html[data-theme=dark] .eq-plan-row__price-currency {
  color: #849196 !important;
}
html[data-theme=dark] .eq-plan-row__price-value {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-plan-row__price-period {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-plan-row__badge {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.45) !important;
}
@media (max-width: 820px) {
  html[data-theme=dark] .eq-plan-row__specs {
    border-top-color: #2a303b !important;
  }
}
html[data-theme=dark] .eq-wpinstall-card,
html[data-theme=dark] .eq-wpinstall-field,
html[data-theme=dark] .eq-wpinstall-section {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wpinstall-card input, html[data-theme=dark] .eq-wpinstall-card select,
html[data-theme=dark] .eq-wpinstall-field input,
html[data-theme=dark] .eq-wpinstall-field select,
html[data-theme=dark] .eq-wpinstall-section input,
html[data-theme=dark] .eq-wpinstall-section select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-wpinstall-card label,
html[data-theme=dark] .eq-wpinstall-field label,
html[data-theme=dark] .eq-wpinstall-section label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-wpinstall-card .eq-coupon__input,
html[data-theme=dark] .eq-wpinstall-field .eq-coupon__input,
html[data-theme=dark] .eq-wpinstall-section .eq-coupon__input {
  background: transparent !important;
}
html[data-theme=dark] .eq-wpinstall-plan,
html[data-theme=dark] .eq-wpinstall-addon {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wpinstall-plan:hover, html[data-theme=dark] .eq-wpinstall-plan.is-active,
html[data-theme=dark] .eq-wpinstall-addon:hover,
html[data-theme=dark] .eq-wpinstall-addon.is-active {
  background: #242a33 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-wpinstall-header {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wpinstall-header h2 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wpinstall-header__sub {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-wpinstall-header__sub strong {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wpinstall-form__field label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-wpinstall-form__field input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-wizard,
html[data-theme=dark] .eq-wizard__step {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-modal__dialog--node-edit {
  background: #1b2028 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-node-edit__header {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-node-edit__title h2 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-node-edit__title p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-node-edit__title p i {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-node-edit__body::-webkit-scrollbar-thumb {
  background: #2a303b !important;
}
html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row input, html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row input:focus, html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row select:focus {
  border-color: #557cf2 !important;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15) !important;
}
html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row input::placeholder, html[data-theme=dark] .eq-node-edit__body .eq-admin__form-row select::placeholder {
  color: #5a6270 !important;
}
html[data-theme=dark] .eq-node-edit__group {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-node-edit__group-title {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-node-edit__group-title i {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-node-edit__hint {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-node-edit__footer {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__form-section {
  color: #e6e9ef !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__preset {
  background: #242a33 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__preset i {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin__preset span {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__preset small {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin__preset:hover, html[data-theme=dark] .eq-admin__preset.is-active {
  border-color: #557cf2 !important;
  background: rgba(85, 124, 242, 0.1) !important;
}
html[data-theme=dark] .eq-admin__preset:hover i, html[data-theme=dark] .eq-admin__preset:hover span, html[data-theme=dark] .eq-admin__preset.is-active i, html[data-theme=dark] .eq-admin__preset.is-active span {
  color: #8ba8f7 !important;
}
html[data-theme=dark] .eq-admin__plan-chip {
  background: #242a33 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__plan-chip-label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__plan-chip-price {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin__plan-chip:has(input:checked) {
  background: rgba(85, 124, 242, 0.12) !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-apitokens__table,
html[data-theme=dark] .eq-apitokens__pre,
html[data-theme=dark] .eq-audit__table {
  background: #0a0e14 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-balancer__card,
html[data-theme=dark] .eq-balancer__metrics,
html[data-theme=dark] .eq-balancer__table {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__card,
html[data-theme=dark] .eq-traffic__grid {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__path-row {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__path-url {
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-traffic__path-count {
  color: #e6e9ef !important;
}
html[data-theme=dark] [class*=__tab]:not([class*=__table]).is-active, html[data-theme=dark] [class*=__tab]:not([class*=__table]).active {
  color: #8fa8f7 !important;
  border-bottom-color: #557cf2 !important;
}
html[data-theme=dark] [class*=__tabs] {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] [class*=__filter],
html[data-theme=dark] [class*=__search-bar],
html[data-theme=dark] [class*=__search-box] {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] [class*=__filter] input,
html[data-theme=dark] [class*=__search-bar] input,
html[data-theme=dark] [class*=__search-box] input {
  background: transparent !important;
  color: #d7dbe4 !important;
  border-color: transparent !important;
}
html[data-theme=dark] [class*=__filter] i, html[data-theme=dark] [class*=__filter] .bi,
html[data-theme=dark] [class*=__search-bar] i,
html[data-theme=dark] [class*=__search-bar] .bi,
html[data-theme=dark] [class*=__search-box] i,
html[data-theme=dark] [class*=__search-box] .bi {
  color: #6b7380 !important;
}
html[data-theme=dark] [class*=__pagination] {
  color: #9ba3af !important;
}
html[data-theme=dark] [class*=__pagination] button {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-email__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-emails__list,
html[data-theme=dark] .eq-emails {
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-email__address {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-email__meta {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-email__bar {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-onboarding,
html[data-theme=dark] .eq-onboarding__card,
html[data-theme=dark] .eq-onboarding__step {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-domain-add,
html[data-theme=dark] .eq-domain-add__modal {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-domain-add input,
html[data-theme=dark] .eq-domain-add__modal input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-domain-add label,
html[data-theme=dark] .eq-domain-add__modal label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-snapshot__card,
html[data-theme=dark] .eq-snapshot__row {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns__row,
html[data-theme=dark] .eq-dns__card,
html[data-theme=dark] .eq-dns__list {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns__row input, html[data-theme=dark] .eq-dns__row select,
html[data-theme=dark] .eq-dns__card input,
html[data-theme=dark] .eq-dns__card select,
html[data-theme=dark] .eq-dns__list input,
html[data-theme=dark] .eq-dns__list select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-dns__error {
  background: #3a1319 !important;
  color: #ff9ba5 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .eq-dns__empty {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-dns__input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-dns__input::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-dns__input:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-dns__add {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns__type-badge--mx {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-dns__type-badge--txt {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-dns__type-badge--cname {
  background: rgba(139, 92, 246, 0.15) !important;
  color: #a78bfa !important;
}
html[data-theme=dark] .eq-dns__type-badge--aaaa {
  background: rgba(6, 182, 212, 0.15) !important;
  color: #22d3ee !important;
}
html[data-theme=dark] .eq-dns__type-badge--ns {
  background: rgba(107, 114, 128, 0.15) !important;
  color: #9ca3af !important;
}
html[data-theme=dark] .eq-dns__row--editing td {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-dns-ns {
  background: rgba(255, 140, 66, 0.06) !important;
  border-color: rgba(255, 140, 66, 0.22) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns-ns--pending {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}
html[data-theme=dark] .eq-dns-ns--error {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html[data-theme=dark] .eq-dns-ns__title {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns-ns__desc {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-dns-ns__icon {
  background: rgba(255, 140, 66, 0.15) !important;
  color: #ff8c42 !important;
}
html[data-theme=dark] .eq-dns-ns--pending html[data-theme=dark] .eq-dns-ns__icon {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-dns-ns--error html[data-theme=dark] .eq-dns-ns__icon {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-dns-ns__item {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns-sync--ok {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-dns-sync--err {
  background: rgba(239, 68, 68, 0.16) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-dns-sync--pending {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-dns-sync--offline {
  background: rgba(107, 114, 128, 0.15) !important;
  color: #9ca3af !important;
}
html[data-theme=dark] .eq-plan-slider,
html[data-theme=dark] .eq-plan-result,
html[data-theme=dark] .eq-plan-result__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-login,
html[data-theme=dark] .eq-login__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-login h1, html[data-theme=dark] .eq-login h2, html[data-theme=dark] .eq-login h3,
html[data-theme=dark] .eq-login__card h1,
html[data-theme=dark] .eq-login__card h2,
html[data-theme=dark] .eq-login__card h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-login label,
html[data-theme=dark] .eq-login__card label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-login input,
html[data-theme=dark] .eq-login__card input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] [class^=eq-] {
  color: #d7dbe4;
}
html[data-theme=dark] .eq-admin-kb__section {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-redirect-row,
html[data-theme=dark] .eq-redirects__sub code {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-tickets__filter {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-tickets__filter:hover, html[data-theme=dark] .eq-tickets__filter.is-active {
  border-color: #557cf2 !important;
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail {
  background: #0f1419 !important;
}
html[data-theme=dark] .eq-webmail__topbar {
  background: #161b22 !important;
  border-bottom-color: #2a303b !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme=dark] .eq-webmail__brand {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__back {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__back:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__search-box i {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__search-box input {
  background: #0f1419 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__search-box input::placeholder {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__search-box input:focus {
  background: #161b22 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-webmail__folders,
html[data-theme=dark] .eq-webmail__messages {
  background: #161b22 !important;
  border-right-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__folder-title {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__folder-item {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__folder-item i {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__folder-item:hover {
  background: rgba(85, 124, 242, 0.1) !important;
}
html[data-theme=dark] .eq-webmail__folder-item.is-active {
  background: rgba(85, 124, 242, 0.18) !important;
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail__folder-item.is-active i {
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail__msg-item {
  border-bottom-color: rgba(42, 48, 59, 0.5) !important;
}
html[data-theme=dark] .eq-webmail__msg-item:hover {
  background: rgba(85, 124, 242, 0.05) !important;
}
html[data-theme=dark] .eq-webmail__msg-item.is-active {
  background: rgba(85, 124, 242, 0.12) !important;
  border-left-color: #557cf2 !important;
}
html[data-theme=dark] .eq-webmail__msg-item.is-unread {
  background: rgba(85, 124, 242, 0.04) !important;
}
html[data-theme=dark] .eq-webmail__msg-item.is-unread .eq-webmail__msg-from,
html[data-theme=dark] .eq-webmail__msg-item.is-unread .eq-webmail__msg-subject {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__msg-from {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__msg-date {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__msg-subject {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__preview {
  background: #0f1419 !important;
}
html[data-theme=dark] .eq-webmail__preview-card {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__preview-header {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__preview-subject {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__preview-from {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__preview-addr,
html[data-theme=dark] .eq-webmail__preview-date,
html[data-theme=dark] .eq-webmail__preview-recipients {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__preview-actions {
  background: #11161e !important;
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__action-btn {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__action-btn:hover {
  border-color: #557cf2 !important;
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail__action-btn--danger:hover {
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}
html[data-theme=dark] .eq-webmail__attachments {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__attach-title {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__attach-chip {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__attach-chip small {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__attach-chip:hover {
  border-color: #557cf2 !important;
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail__preview-body {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__preview-text {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__preview-iframe {
  background: #fff !important;
}
html[data-theme=dark] .eq-webmail__pagination {
  border-top-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__pagination button {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__compose {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__compose-header {
  background: #161b22 !important;
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__compose-header h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__compose-close {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__compose-close:hover {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__compose-field {
  background: #161b22 !important;
  border-bottom-color: rgba(42, 48, 59, 0.5) !important;
}
html[data-theme=dark] .eq-webmail__compose-field label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__compose-field input {
  background: transparent !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__compose-field input::placeholder {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__compose-body {
  background: #161b22 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-webmail__compose-body::placeholder {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__compose-footer {
  background: #161b22 !important;
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-webmail__compose-hint {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-webmail__compose-hint kbd {
  background: #0f1419 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-webmail__compose-toggle {
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-webmail__compose-toggle:hover {
  background: rgba(85, 124, 242, 0.08) !important;
}
html[data-theme=dark] .eq-webmail__draft-status {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-webmail__draft-status.is-saved {
  color: #10b981 !important;
}
html[data-theme=dark] .eq-webmail__msg-empty,
html[data-theme=dark] .eq-webmail__preview-empty,
html[data-theme=dark] .eq-webmail__msg-loading,
html[data-theme=dark] .eq-webmail__preview-loading,
html[data-theme=dark] .eq-webmail__folder-loading {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-mail {
  color: #d7dbe4;
}
html[data-theme=dark] .eq-admin-mail__subtabs {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__subtab {
  background: transparent !important;
  color: #9ba3af !important;
  border-color: transparent !important;
}
html[data-theme=dark] .eq-admin-mail__subtab:hover {
  color: #e6e9ef !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme=dark] .eq-admin-mail__subtab.is-active {
  color: #8fa8f7 !important;
  border-bottom-color: #557cf2 !important;
  background: rgba(85, 124, 242, 0.08) !important;
}
html[data-theme=dark] .eq-admin-mail__body {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-mail__section-title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-mail__section-divider {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__conn-form input, html[data-theme=dark] .eq-admin-mail__conn-form select, html[data-theme=dark] .eq-admin-mail__conn-form textarea,
html[data-theme=dark] .eq-admin-mail__grid input,
html[data-theme=dark] .eq-admin-mail__grid select,
html[data-theme=dark] .eq-admin-mail__grid textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__conn-form input::placeholder, html[data-theme=dark] .eq-admin-mail__conn-form select::placeholder, html[data-theme=dark] .eq-admin-mail__conn-form textarea::placeholder,
html[data-theme=dark] .eq-admin-mail__grid input::placeholder,
html[data-theme=dark] .eq-admin-mail__grid select::placeholder,
html[data-theme=dark] .eq-admin-mail__grid textarea::placeholder {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-admin-mail__conn-form input:focus, html[data-theme=dark] .eq-admin-mail__conn-form select:focus, html[data-theme=dark] .eq-admin-mail__conn-form textarea:focus,
html[data-theme=dark] .eq-admin-mail__grid input:focus,
html[data-theme=dark] .eq-admin-mail__grid select:focus,
html[data-theme=dark] .eq-admin-mail__grid textarea:focus {
  border-color: #557cf2 !important;
  background: #161b22 !important;
}
html[data-theme=dark] .eq-admin-mail__conn-form label,
html[data-theme=dark] .eq-admin-mail__grid label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-mail__conn-form small.text-muted,
html[data-theme=dark] .eq-admin-mail__grid small.text-muted {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-admin-mail__stat-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-mail__stat-icon {
  background: rgba(85, 124, 242, 0.12) !important;
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-admin-mail__stat-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-mail__stat-label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-mail__test-result {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-mail__test-result--ok {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html[data-theme=dark] .eq-admin-mail__test-result--error {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html[data-theme=dark] .eq-admin-mail__empty {
  background: #1b2028 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__logs-container {
  background: #0a0e14 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-mail__log-line {
  color: #9ba3af !important;
  border-bottom-color: rgba(42, 48, 59, 0.3) !important;
}
html[data-theme=dark] .eq-admin-mail__script-wrap {
  background: #1b2028 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__script-header {
  background: #11161e !important;
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin-mail__script-box {
  background: #0a0e14 !important;
  border-color: #2a303b !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-mail__script-box code {
  color: #a7e4a0 !important;
}
html[data-theme=dark] .eq-admin-mail__dns-value code {
  background: #0a0e14 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-mail__copy-btn {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-mail__copy-btn:hover {
  color: #8fa8f7 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-emails__webmail-hint {
  background: rgba(85, 124, 242, 0.08) !important;
  border-color: rgba(85, 124, 242, 0.2) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-emails__webmail-hint a {
  color: #8fa8f7 !important;
}
html[data-theme=dark] .eq-emails__webmail-hint code {
  background: #11161e !important;
  color: #e6e9ef !important;
  border: 1px solid #2a303b;
}
html[data-theme=dark] input:focus, html[data-theme=dark] select:focus, html[data-theme=dark] textarea:focus, html[data-theme=dark] .form-control:focus,
html[data-theme=dark] .eq-input:focus, html[data-theme=dark] .eq-select:focus, html[data-theme=dark] .eq-textarea:focus,
html[data-theme=dark] [class*=__input]:focus {
  box-shadow: 0 0 0 3px rgba(122, 151, 245, 0.15) !important;
}
html[data-theme=dark] .eq-modal__content, html[data-theme=dark] .modal-content, html[data-theme=dark] .eq-modal__dialog {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme=dark] .eq-nps {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.75) !important;
}
html[data-theme=dark] .eq-webmail__topbar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme=dark] .eq-notif-dropdown {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-notif-dropdown__header {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-notif-dropdown__header strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-notif-dropdown__header a {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-notif-dropdown__item {
  border-bottom-color: rgba(42, 48, 59, 0.5) !important;
}
html[data-theme=dark] .eq-notif-dropdown__item:hover {
  background: rgba(85, 124, 242, 0.06) !important;
}
html[data-theme=dark] .eq-notif-dropdown__item.is-unread {
  background: rgba(85, 124, 242, 0.1) !important;
}
html[data-theme=dark] .eq-notif-dropdown__content strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-notif-dropdown__content p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-notif-dropdown__content small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-notif-dropdown__empty {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__section {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__card-value {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-traffic__card-label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__status-item {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__status-item strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__section-note {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__section--blocked {
  border-color: rgba(245, 158, 11, 0.35) !important;
}
html[data-theme=dark] .eq-traffic__section--blocked h4 i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-traffic__path-row--blocked .eq-traffic__path-rank {
  background: rgba(245, 158, 11, 0.22) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-traffic__path-row--blocked .eq-traffic__path-url {
  color: #fcd34d !important;
}
html[data-theme=dark] .eq-traffic__path-row--error .eq-traffic__path-rank {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-traffic__path-row--error .eq-traffic__path-url {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-traffic__blocked-badge {
  background: rgba(245, 158, 11, 0.22) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-traffic__blocked-badge--error {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-traffic__tabs {
  background: #181c22 !important;
}
html[data-theme=dark] .eq-traffic__tab {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__tab:hover {
  background: #242a33 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__tab.is-active {
  background: #242a33 !important;
  color: #ff9e5c !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme=dark] .eq-traffic__src-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__src-label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__src-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__src-pct {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__map {
  background: linear-gradient(135deg, #14181e 0%, #1a1f26 100%) !important;
}
html[data-theme=dark] .eq-traffic__map .jvm-region {
  fill: #242a33 !important;
  stroke: #1b2028 !important;
}
html[data-theme=dark] .eq-traffic__map-legend {
  background: rgba(27, 32, 40, 0.9) !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__map-legend-item {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__map-dot {
  border-color: #1b2028 !important;
}
html[data-theme=dark] .eq-traffic__country-row {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__country-name {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__country-count {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__country-pct {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__country-bar {
  background: rgba(255, 140, 66, 0.15) !important;
}
html[data-theme=dark] .eq-traffic__city-row {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__city-name {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__city-country {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__city-count {
  color: #ff9e5c !important;
}
html[data-theme=dark] .eq-traffic__ref-row {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__ref-source {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__ref-host {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__ref-count {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__ref-badge {
  background: rgba(255, 140, 66, 0.12) !important;
}
html[data-theme=dark] .eq-traffic__ref-favicon {
  background: #2a303b !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__ref-kw {
  background: rgba(255, 140, 66, 0.12) !important;
  color: #ff9e5c !important;
}
html[data-theme=dark] .eq-traffic__kw-row {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-traffic__kw-term {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-traffic__kw-engine {
  background: rgba(255, 140, 66, 0.12) !important;
  color: #ff9e5c !important;
}
html[data-theme=dark] .eq-traffic__kw-count {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__kw-empty {
  background: rgba(255, 140, 66, 0.06) !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-traffic__kw-empty strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-traffic__kw-empty i {
  color: #ff9e5c !important;
}
html[data-theme=dark] .eq-perf__filter-btn {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-perf__filter-btn:hover {
  border-color: #557cf2 !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-perf__filter-btn.is-active {
  background: #557cf2 !important;
  border-color: #557cf2 !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-cron-job {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-cron-job:hover {
  border-color: #3a414d !important;
}
html[data-theme=dark] .eq-cron-job--disabled {
  background: #161b22 !important;
}
html[data-theme=dark] .eq-cron-job--editing {
  background: rgba(85, 124, 242, 0.12) !important;
  border-color: rgba(85, 124, 242, 0.3) !important;
}
html[data-theme=dark] .eq-cron-job__url {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-cron-job__url:hover {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-cron-job__url-icon {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-cron-job__meta {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-cron-job__meta > span {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-cron-job__freq {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-cron__url-input,
html[data-theme=dark] .eq-cron__freq-select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-cron__url-input:focus,
html[data-theme=dark] .eq-cron__freq-select:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-env-row__input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-env-row__input:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-env-row__remove {
  background: #242a33 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-env-row__remove:hover {
  color: #f47a88 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .eq-ssl-info__value {
  background: transparent !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-ssl-hint {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-ssl-custom__textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-admin__chart-box {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__chart-box h4 {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-main__header {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__test-result-row td {
  background: #161b22 !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-btn-sm {
  background: #242a33 !important;
  color: #9ba3af !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-btn-sm:hover {
  color: #8ca6f7 !important;
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-btn-outline {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-btn-outline:hover {
  background: #2e353f !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-toggle__slider {
  background: #3a414d !important;
}
html[data-theme=dark] .eq-toggle input:checked + .eq-toggle__slider {
  background: #557cf2 !important;
}
html[data-theme=dark] .eq-webmail__send-btn:disabled {
  opacity: 0.5 !important;
}
html[data-theme=dark] .eq-billing__summary-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-billing__summary-icon--pending {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-billing__summary-icon--paid {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-billing__summary-icon--overdue {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-billing__summary-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-billing__summary-label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-billing__qr-img {
  background: #fff !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-billing__txn-list {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-billing__methods {
  background: #0f2a3a !important;
  border-color: #17466a !important;
  color: #8bd4ff !important;
}
html[data-theme=dark] .eq-billing__methods--warn {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-billing__methods--warn .eq-billing__methods-label {
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-billing__methods--warn .eq-billing__methods-label i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-billing__methods-label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-billing__methods-label i {
  color: #10b981 !important;
}
html[data-theme=dark] .eq-billing__methods-item {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-billing__empty {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-billing__empty i {
  color: #4a5568 !important;
}
html[data-theme=dark] .eq-billing__empty p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-billing__loading {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-addbal__method-btn--card {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-profile__country-select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-newmail__overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}
html[data-theme=dark] .eq-newmail__modal {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme=dark] .eq-newmail__modal-header {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-newmail__close {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__close:hover {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-newmail__subtitle {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__plan-card {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-newmail__plan-card--selected {
  border-color: #557cf2 !important;
  background: rgba(85, 124, 242, 0.1) !important;
}
html[data-theme=dark] .eq-newmail__plan-quota {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-newmail__plan-sub {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__plan-price {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-newmail__plan-limit {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__warning {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-newmail__field label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-newmail__field input, html[data-theme=dark] .eq-newmail__field select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-ticket__actions-bar {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__actions-bar label {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-ticket__actions-bar select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-ticket__user-info {
  background: #161b22 !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-ticket__user-info i {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-ticket__user-info .eq-ticket__date {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-ticket__priority--low {
  background: rgba(107, 114, 128, 0.15) !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-ticket__priority--normal {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-ticket__priority--high {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-ticket__priority--urgent {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-tickets__filter-count {
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-redirect-form {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-redirect-form h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-redirect-form h4 i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-redirect-form__field label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-redirect-form__field input, html[data-theme=dark] .eq-redirect-form__field select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-redirect-form__field input:focus, html[data-theme=dark] .eq-redirect-form__field select:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-redirect-form__field small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-redirect-form__field small code {
  background: #11161e !important;
  color: #e6e1cf !important;
}
html[data-theme=dark] .eq-redirect-form__check label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-redirect-form__check code {
  background: #11161e !important;
  color: #e6e1cf !important;
}
html[data-theme=dark] .eq-redirect-form__actions {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-redirect-empty {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-redirect-empty i {
  color: #4a5568 !important;
}
html[data-theme=dark] .eq-redirect-empty p {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wizard__dialog {
  background: #1b2028 !important;
  color: #d7dbe4 !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7) !important;
}
html[data-theme=dark] .eq-wizard__close {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-wizard__close:hover {
  background: #242a33 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wizard__step-content {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wizard__step-content h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wizard__step-content p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-wizard__step-content p code {
  background: #11161e !important;
  color: #e6e1cf !important;
  border: 1px solid #2a303b;
}
html[data-theme=dark] .eq-wizard__dns-help {
  background: #161b22 !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wizard__dns-help h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wizard__dns-help li {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wizard__dns-help li strong {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-wizard__info-card {
  background: rgba(59, 130, 246, 0.08) !important;
  border-left-color: #3b82f6 !important;
}
html[data-theme=dark] .eq-wizard__info-card strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wizard__info-card p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-wizard__info-card--success {
  background: rgba(16, 185, 129, 0.08) !important;
  border-left-color: #10b981 !important;
}
html[data-theme=dark] .eq-wizard__success {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-wizard__hero h2 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wizard__hero p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-wizard__benefits li {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wizard__benefits li i {
  color: #10b981 !important;
}
html[data-theme=dark] .eq-cookie-banner {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-cookie-banner__icon {
  background: rgba(217, 119, 6, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-cookie-banner__content strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-cookie-banner__content p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-balancer__toolbar {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-balancer__summary {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-balancer__metrics .lbl {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-balancer__metrics strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-balancer__section-title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-balancer__section-title i {
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-balancer__suggestions li {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-balancer__sug--warn {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-balancer__sug--warn i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-balancer__sug--info {
  border-left-color: #3b82f6 !important;
}
html[data-theme=dark] .eq-balancer__sug--info i {
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-balancer__settings {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-balancer__setting label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-balancer__setting select, html[data-theme=dark] .eq-balancer__setting input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-balancer__setting small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-balancer__weight-input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-balancer__weight-input:focus {
  border-color: #3b82f6 !important;
}
html[data-theme=dark] .eq-balancer__row--down {
  background: rgba(239, 68, 68, 0.08) !important;
}
html[data-theme=dark] .eq-backup__subtabs {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-backup__subtab {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-backup__subtab:hover {
  background: #242a33 !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-backup__subtab.is-active {
  background: #557cf2 !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-backup__settings-card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-backup__settings-card h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-backup__settings-card h3 i {
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-backup__setting label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-backup__setting select, html[data-theme=dark] .eq-backup__setting input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-backup__setting small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-backup__table code {
  background: #11161e !important;
  color: #e6e1cf !important;
}
html[data-theme=dark] .eq-backup__warning {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-backup__warning i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-backup__card-actions {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-backup__card-info h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-backup__card-info small {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-backup__test-result.is-ok {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #6ee7a4 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html[data-theme=dark] .eq-backup__test-result.is-fail {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html[data-theme=dark] .eq-modal__field label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-modal__field input, html[data-theme=dark] .eq-modal__field select, html[data-theme=dark] .eq-modal__field textarea {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-modal__field input:disabled, html[data-theme=dark] .eq-modal__field select:disabled, html[data-theme=dark] .eq-modal__field textarea:disabled {
  background: #0f1419 !important;
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-modal__actions {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-form-group label {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-form-group small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-empty {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-empty h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-empty p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-admin-da .eq-admin__section-intro {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-da .eq-admin__section-intro h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-revenue__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin-revenue__card h4 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin-revenue__card h4 i {
  color: #8e75ff !important;
}
html[data-theme=dark] .eq-admin-revenue__bar-track {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-admin-revenue__bar-label {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-admin-revenue__bar-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-chat-widget__panel {
  background: #1b2028 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-chat-widget__body {
  background: #0f1419 !important;
}
html[data-theme=dark] .eq-chat-widget__welcome h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-chat-widget__welcome p {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-chat-widget__msg-bubble {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-chat-widget__msg.is-self .eq-chat-widget__msg-bubble {
  background: #6a4dff !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-chat-widget__msg.is-bot .eq-chat-widget__msg-bubble {
  background: rgba(99, 102, 241, 0.15) !important;
  color: #a5b4fc !important;
}
html[data-theme=dark] .eq-chat-widget__msg-sender {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-chat-widget__msg-time {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-chat-widget__input {
  background: #161b22 !important;
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-chat-widget__input input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-chat-widget__input input:focus {
  border-color: #6a4dff !important;
}
html[data-theme=dark] .eq-chat-widget__badge {
  border-color: #1b2028 !important;
}
html[data-theme=dark] .eq-config-subnav__trigger {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-config-subnav__trigger:hover {
  border-color: #557cf2 !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-config-subnav__menu {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-config-placeholder {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-site-config__banner--warn {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-site-config__diff-col {
  background: #161b22 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-php-select {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-php-select:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-php-menu {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-php-confirm__chip--from {
  background: #242a33 !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-cron__limit-note {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-logs__banner--timeout {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-logs__live {
  background: #0a0e14 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-logs__filter {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-logs__filter input {
  background: transparent !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-logs__setup-hint {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-modal__panel {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-modal__footer {
  background: #161b22 !important;
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-modal__input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-modal__input:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-fm-editor {
  background: #0a0e14 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-fm-editor__header {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-fm-upload-overlay__card {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme=dark] .eq-fm-modal__input {
  background: #11161e !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-wpinstall-addon__box {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-wpinstall-addon__box.is-active, html[data-theme=dark] .eq-wpinstall-addon__box:hover {
  border-color: #557cf2 !important;
}
html[data-theme=dark] .eq-webmail__mobile-back {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-impersonation-banner__inner button {
  background: #242a33 !important;
  color: #d7dbe4 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-impersonation-banner__inner button:hover {
  background: #2e353f !important;
  color: #fff !important;
}
html[data-theme=dark] .eq-sidebar__nav {
  border-bottom-color: #2a303b !important;
}
html[data-theme=dark] .eq-sidebar__nav-item {
  color: #9ba3af !important;
  border-left-color: transparent !important;
}
html[data-theme=dark] .eq-sidebar__nav-item:hover {
  color: #a7bbf7 !important;
  background: rgba(122, 151, 245, 0.08) !important;
}
html[data-theme=dark] .eq-sidebar__nav-item.is-active {
  color: #a7bbf7 !important;
  background: rgba(122, 151, 245, 0.14) !important;
  border-left-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-sidebar__search {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-sidebar__search::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-sidebar__search:focus {
  border-color: #7a97f5 !important;
  outline: none !important;
}
html[data-theme=dark] .eq-sidebar__domains-header:hover {
  background: rgba(122, 151, 245, 0.08) !important;
}
html[data-theme=dark] .eq-sidebar__domains-label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-sidebar__domains-label i {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-sidebar__domains-arrow {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-sidebar__nav-title {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-domain-list__name {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-domain-list__name:hover {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-domain-list__name.is-active {
  background: rgba(122, 151, 245, 0.15) !important;
  color: #a7bbf7 !important;
  box-shadow: inset 2px 0 0 #7a97f5;
}
html[data-theme=dark] .eq-domain-list__sub {
  border-left-color: #2a303b !important;
}
html[data-theme=dark] .eq-domain-list__sub li a {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-domain-list__sub li a:hover {
  background: #242a33 !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-domain-list__sub li a.is-active {
  background: rgba(122, 151, 245, 0.15) !important;
  color: #a7bbf7 !important;
  font-weight: 600 !important;
}
html[data-theme=dark] .eq-btn-novo {
  filter: brightness(0.95);
}
html[data-theme=dark] .eq-btn-novo:hover {
  filter: brightness(1.05);
}
html[data-theme=dark] [class^=eq-][style*=dashed], html[data-theme=dark] [class^=eq-] [style*=dashed] {
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-modal__overlay {
  background: rgba(0, 0, 0, 0.65) !important;
}
html[data-theme=dark] .eq-modal__dialog,
html[data-theme=dark] .eq-modal__dialog--ftps,
html[data-theme=dark] .eq-modal__dialog--github,
html[data-theme=dark] .eq-modal__dialog--lg,
html[data-theme=dark] .eq-modal__dialog--admin-wizard,
html[data-theme=dark] .eq-modal__dialog--node-edit {
  background: #1b2028 !important;
  color: #d7dbe4 !important;
  border: 1px solid #2a303b !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
}
html[data-theme=dark] .eq-modal__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-modal__subtitle {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-modal__close {
  color: #9ba3af !important;
  background: transparent !important;
}
html[data-theme=dark] .eq-modal__close:hover {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-modal__form label,
html[data-theme=dark] .eq-modal__field label {
  color: #c7ccd4 !important;
}
html[data-theme=dark] .eq-modal__input,
html[data-theme=dark] input.eq-modal__input,
html[data-theme=dark] select.eq-modal__input,
html[data-theme=dark] textarea.eq-modal__input {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-modal__input::placeholder,
html[data-theme=dark] input.eq-modal__input::placeholder,
html[data-theme=dark] select.eq-modal__input::placeholder,
html[data-theme=dark] textarea.eq-modal__input::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-modal__input:focus,
html[data-theme=dark] input.eq-modal__input:focus,
html[data-theme=dark] select.eq-modal__input:focus,
html[data-theme=dark] textarea.eq-modal__input:focus {
  border-color: #7a97f5 !important;
  box-shadow: 0 0 0 3px rgba(122, 151, 245, 0.18) !important;
  outline: none !important;
}
html[data-theme=dark] .eq-modal__input.is-invalid,
html[data-theme=dark] input.eq-modal__input.is-invalid,
html[data-theme=dark] select.eq-modal__input.is-invalid,
html[data-theme=dark] textarea.eq-modal__input.is-invalid {
  border-color: #e78c97 !important;
  box-shadow: 0 0 0 3px rgba(231, 140, 151, 0.18) !important;
}
html[data-theme=dark] .eq-modal__error {
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-maintenance-banner {
  background: #3b2e0e !important;
  color: #ffd37a !important;
  border-color: #5a4616 !important;
}
html[data-theme=dark] .eq-impersonation-banner {
  background: #3a1319 !important;
  color: #ff9ba5 !important;
  border-color: #5a1e27 !important;
}
html[data-theme=dark] .eq-toast {
  background: #1b2028 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme=dark] .eq-toast__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-toast__msg {
  color: #b3bac5 !important;
}
html[data-theme=dark] .eq-toast__close {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-toast__close:hover {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-toast--success {
  border-left-color: #34d399 !important;
}
html[data-theme=dark] .eq-toast--success .eq-toast__icon {
  color: #34d399 !important;
}
html[data-theme=dark] .eq-toast--error {
  border-left-color: #f87171 !important;
}
html[data-theme=dark] .eq-toast--error .eq-toast__icon {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-toast--warning {
  border-left-color: #fbbf24 !important;
}
html[data-theme=dark] .eq-toast--warning .eq-toast__icon {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-toast--info {
  border-left-color: #60a5fa !important;
}
html[data-theme=dark] .eq-toast--info .eq-toast__icon {
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-confirm__overlay {
  background: rgba(0, 0, 0, 0.65) !important;
}
html[data-theme=dark] .eq-confirm__dialog {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-confirm__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-confirm__msg {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-confirm__actions .eq-confirm__cancel {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-confirm__actions .eq-confirm__cancel:hover {
  background: #2e353f !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-empty-state {
  background: #161b22 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-empty-state__icon {
  background: #242a33 !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-empty-state__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-empty-state__msg {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-sidebar__backdrop {
  background: rgba(0, 0, 0, 0.6) !important;
}
html[data-theme=dark] .eq-topbar__hamburger {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-topbar__hamburger:hover {
  background: #242a33 !important;
}
html[data-theme=dark] .eq-settings__section {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  border-radius: 10px !important;
  padding: 20px 22px !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-settings__section-header {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-settings__section-header i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-settings__section p[style*="6f7380"],
html[data-theme=dark] .eq-settings__section p.text-muted {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-settings__section .eq-btn-secondary {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-settings__section .eq-btn-secondary:hover {
  background: #2e353f !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-settings__section .eq-btn-ghost {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-settings__section .eq-btn-ghost:hover {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-settings__section .text-muted {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-settings__section code,
html[data-theme=dark] .eq-settings__row code {
  background: #0f1419 !important;
  color: #a7bbf7 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}
html[data-theme=dark] .eq-newmail__overlay {
  background: rgba(0, 0, 0, 0.65) !important;
}
html[data-theme=dark] .eq-newmail__modal {
  background: #1b2028 !important;
  border: 1px solid #2a303b !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-newmail__modal-header h3 {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-newmail__close {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__close:hover {
  background: #242a33 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-newmail__close small {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-newmail__subtitle {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__plan-card {
  background: #161b22 !important;
  border-color: #2a303b !important;
}
html[data-theme=dark] .eq-newmail__plan-card:hover {
  border-color: rgba(122, 151, 245, 0.55) !important;
}
html[data-theme=dark] .eq-newmail__plan-card--selected {
  border-color: #7a97f5 !important;
  box-shadow: 0 0 0 1px #7a97f5 !important;
  background: rgba(122, 151, 245, 0.08) !important;
}
html[data-theme=dark] .eq-newmail__plan-quota {
  color: #e6e9ef !important;
}
.eq-newmail__plan-card--selected html[data-theme=dark] .eq-newmail__plan-quota {
  color: #a7bbf7 !important;
}
html[data-theme=dark] .eq-newmail__plan-sub {
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__plan-price {
  background: #7a97f5 !important;
  color: #0a0e13 !important;
}
html[data-theme=dark] .eq-newmail__plan-price--free {
  background: #1f7a57 !important;
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-newmail__plan-limit {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-newmail__warning {
  background: #3b2e0e !important;
  border-color: #5a4616 !important;
  color: #ffd37a !important;
}
html[data-theme=dark] .eq-newmail__warning i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-newmail__features {
  border-top-color: #2a303b !important;
}
html[data-theme=dark] .eq-newmail__features-label {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-newmail__feat--on {
  color: #6ee7a4 !important;
}
html[data-theme=dark] .eq-newmail__feat--off {
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-newmail__field label {
  color: #c7ccd4 !important;
}
html[data-theme=dark] .eq-newmail__field input {
  background: #11161e !important;
  border-color: #2a303b !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-newmail__field input::placeholder {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-newmail__field input:focus {
  border-color: #7a97f5 !important;
}
html[data-theme=dark] .eq-newmail__domain {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__pass-btn {
  background: #242a33 !important;
  border-color: #2a303b !important;
  color: #9ba3af !important;
}
html[data-theme=dark] .eq-newmail__pass-btn:hover {
  background: #2e353f !important;
  color: #a7bbf7 !important;
}
html[data-theme=dark] .eq-newmail__submit {
  background: #1f7a57 !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-newmail__submit:hover {
  background: #256b4e !important;
}
html[data-theme=dark] .eq-newmail__submit--paid {
  background: linear-gradient(135deg, #1f7a57, #256b4e) !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-newmail__submit--paid i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-newmail__error {
  background: #3a1319 !important;
  border-color: #5a1e27 !important;
  color: #ff9ba5 !important;
}
html[data-theme=dark] .eq-topbar__brand {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-topbar__brand:hover {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-topbar__logo {
  background: #7a97f5 !important;
  color: #0a0e13 !important;
}
html[data-theme=dark] .eq-card,
html[data-theme=dark] .eq-panel,
html[data-theme=dark] .eq-box,
html[data-theme=dark] [class*=__card]:not([class*=__card-]):not(.eq-email__card),
html[data-theme=dark] [class*=__panel]:not([class*=__panel-]),
html[data-theme=dark] .card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}
html[data-theme=dark] .modal-content,
html[data-theme=dark] .eq-modal__content,
html[data-theme=dark] .eq-modal__dialog,
html[data-theme=dark] .dropdown-menu {
  background: #1c222c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 24px 64px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}
html[data-theme=dark] .eq-card__header,
html[data-theme=dark] .card-header,
html[data-theme=dark] .eq-section__header,
html[data-theme=dark] .eq-section-header,
html[data-theme=dark] .eq-page-header,
html[data-theme=dark] [class*=__header]:not(.eq-modal__header):not(.eq-topbar__header):not(.eq-sidebar__header):not(.eq-newmail__modal-header),
html[data-theme=dark] [class*=__head]:not([class*=__heading]):not([class*=__header]),
html[data-theme=dark] [class*=-header]:not(.eq-newmail__modal-header) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
  box-shadow: none !important;
}
html[data-theme=dark] .eq-dns__header,
html[data-theme=dark] .eq-domains__header,
html[data-theme=dark] .eq-emails__header,
html[data-theme=dark] .eq-sites__header,
html[data-theme=dark] .eq-backups__header,
html[data-theme=dark] .eq-cron__header,
html[data-theme=dark] .eq-env__header,
html[data-theme=dark] .eq-fm__header,
html[data-theme=dark] .eq-php-settings__header,
html[data-theme=dark] .eq-balance-card__header,
html[data-theme=dark] .eq-plan-view__header,
html[data-theme=dark] .eq-wpinstall-card__header,
html[data-theme=dark] .eq-db-card__header,
html[data-theme=dark] .eq-php-menu__header,
html[data-theme=dark] .eq-php-confirm__header,
html[data-theme=dark] .eq-admin__header,
html[data-theme=dark] .eq-node-edit__header,
html[data-theme=dark] .eq-plan-slider__head {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] h1, html[data-theme=dark] [class*=__title--xl], html[data-theme=dark] [class*=__page-title] {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}
html[data-theme=dark] h2, html[data-theme=dark] [class*=__section-title] {
  color: #f5f7fa !important;
  font-weight: 650 !important;
}
html[data-theme=dark] h3, html[data-theme=dark] [class*=__card-title] {
  color: #e6e9ef !important;
  font-weight: 600 !important;
}
html[data-theme=dark] h4, html[data-theme=dark] h5, html[data-theme=dark] h6 {
  color: #d7dbe4 !important;
  font-weight: 600 !important;
}
html[data-theme=dark] .eq-card--interactive,
html[data-theme=dark] .eq-card[data-href],
html[data-theme=dark] .eq-card[role=button],
html[data-theme=dark] a.eq-card,
html[data-theme=dark] button.eq-card,
html[data-theme=dark] .eq-domain-list__item,
html[data-theme=dark] .eq-kb-card,
html[data-theme=dark] .eq-plan-card,
html[data-theme=dark] .eq-platform-card,
html[data-theme=dark] .eq-node-card {
  cursor: pointer;
}
html[data-theme=dark] .eq-card--interactive:hover,
html[data-theme=dark] .eq-card[data-href]:hover,
html[data-theme=dark] .eq-card[role=button]:hover,
html[data-theme=dark] a.eq-card:hover,
html[data-theme=dark] button.eq-card:hover,
html[data-theme=dark] .eq-domain-list__item:hover,
html[data-theme=dark] .eq-kb-card:hover,
html[data-theme=dark] .eq-plan-card:hover,
html[data-theme=dark] .eq-platform-card:hover,
html[data-theme=dark] .eq-node-card:hover {
  border-color: rgba(122, 151, 245, 0.35) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(122, 151, 245, 0.15) !important;
  transform: translateY(-1px);
}
html[data-theme=dark] .eq-card--interactive:active,
html[data-theme=dark] .eq-card[data-href]:active,
html[data-theme=dark] .eq-card[role=button]:active,
html[data-theme=dark] a.eq-card:active,
html[data-theme=dark] button.eq-card:active,
html[data-theme=dark] .eq-domain-list__item:active,
html[data-theme=dark] .eq-kb-card:active,
html[data-theme=dark] .eq-plan-card:active,
html[data-theme=dark] .eq-platform-card:active,
html[data-theme=dark] .eq-node-card:active {
  transform: translateY(0);
  transition-duration: 80ms !important;
}
html[data-theme=dark] button:focus-visible,
html[data-theme=dark] a:focus-visible,
html[data-theme=dark] input:focus-visible,
html[data-theme=dark] select:focus-visible,
html[data-theme=dark] textarea:focus-visible,
html[data-theme=dark] [tabindex]:focus-visible,
html[data-theme=dark] [role=button]:focus-visible,
html[data-theme=dark] [role=tab]:focus-visible,
html[data-theme=dark] [role=link]:focus-visible,
html[data-theme=dark] [role=menuitem]:focus-visible,
html[data-theme=dark] [role=option]:focus-visible,
html[data-theme=dark] [role=checkbox]:focus-visible,
html[data-theme=dark] [role=radio]:focus-visible,
html[data-theme=dark] [role=slider]:focus-visible,
html[data-theme=dark] [role=switch]:focus-visible,
html[data-theme=dark] [contenteditable=true]:focus-visible {
  outline: 2px solid rgba(122, 151, 245, 0.6) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}
html[data-theme=dark] h1:focus, html[data-theme=dark] h2:focus, html[data-theme=dark] h3:focus, html[data-theme=dark] h4:focus, html[data-theme=dark] h5:focus, html[data-theme=dark] h6:focus,
html[data-theme=dark] p:focus, html[data-theme=dark] div:focus, html[data-theme=dark] span:focus, html[data-theme=dark] section:focus, html[data-theme=dark] article:focus,
html[data-theme=dark] .eq-site-header:focus, html[data-theme=dark] .eq-site-header__info:focus,
html[data-theme=dark] .eq-site-header__title:focus, html[data-theme=dark] .eq-site-header__sub:focus,
html[data-theme=dark] .eq-card:focus:not([tabindex]) {
  outline: none !important;
}
html[data-theme=dark] button:disabled,
html[data-theme=dark] button[disabled],
html[data-theme=dark] .eq-btn-primary:disabled,
html[data-theme=dark] .eq-btn-secondary:disabled,
html[data-theme=dark] .eq-btn:disabled,
html[data-theme=dark] [type=submit]:disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
  filter: saturate(0.7) !important;
  pointer-events: none !important;
}
html[data-theme=dark] input:disabled,
html[data-theme=dark] textarea:disabled,
html[data-theme=dark] select:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  background: #080b10 !important;
  color: #5a6173 !important;
}
html[data-theme=dark] .eq-usage-bar,
html[data-theme=dark] .eq-progress,
html[data-theme=dark] [class*=__bar-track],
html[data-theme=dark] .eq-plan-slider__track,
html[data-theme=dark] .eq-email__bar,
html[data-theme=dark] progress {
  background: #080b10 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  overflow: hidden;
  position: relative;
}
html[data-theme=dark] [class*=__bar-fill],
html[data-theme=dark] .eq-usage-bar__fill,
html[data-theme=dark] .eq-progress__fill,
html[data-theme=dark] .eq-plan-slider__fill,
html[data-theme=dark] .eq-email__bar-fill,
html[data-theme=dark] progress::-webkit-progress-value {
  background: linear-gradient(90deg, #6c89f4 0%, #8ca6f7 100%) !important;
  box-shadow: 0 0 8px rgba(108, 137, 244, 0.35);
}
html[data-theme=dark] progress::-webkit-progress-bar {
  background: #080b10 !important;
}
html[data-theme=dark] .eq-usage-bar--warn [class*=__bar-fill],
html[data-theme=dark] [class*=__bar-fill--warn] {
  background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.35);
}
html[data-theme=dark] .eq-usage-bar--danger [class*=__bar-fill],
html[data-theme=dark] [class*=__bar-fill--danger] {
  background: linear-gradient(90deg, #ef4444 0%, #f87171 100%) !important;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.35);
}
html[data-theme=dark] .eq-alert--info,
html[data-theme=dark] .eq-banner--info,
html[data-theme=dark] .eq-info-banner,
html[data-theme=dark] [class*=__info-banner],
html[data-theme=dark] .alert-info {
  background: rgba(59, 130, 246, 0.08) !important;
  border: 1px solid rgba(59, 130, 246, 0.2) !important;
  border-left: 3px solid #60a5fa !important;
  color: #bfdbfe !important;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.05);
}
html[data-theme=dark] .eq-alert--info i, html[data-theme=dark] .eq-alert--info [class*=__icon],
html[data-theme=dark] .eq-banner--info i,
html[data-theme=dark] .eq-banner--info [class*=__icon],
html[data-theme=dark] .eq-info-banner i,
html[data-theme=dark] .eq-info-banner [class*=__icon],
html[data-theme=dark] [class*=__info-banner] i,
html[data-theme=dark] [class*=__info-banner] [class*=__icon],
html[data-theme=dark] .alert-info i,
html[data-theme=dark] .alert-info [class*=__icon] {
  color: #60a5fa !important;
}
html[data-theme=dark] .eq-alert--success,
html[data-theme=dark] .eq-banner--success,
html[data-theme=dark] .alert-success {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  border-left: 3px solid #34d399 !important;
  color: #a7f3d0 !important;
}
html[data-theme=dark] .eq-alert--success i, html[data-theme=dark] .eq-alert--success [class*=__icon],
html[data-theme=dark] .eq-banner--success i,
html[data-theme=dark] .eq-banner--success [class*=__icon],
html[data-theme=dark] .alert-success i,
html[data-theme=dark] .alert-success [class*=__icon] {
  color: #34d399 !important;
}
html[data-theme=dark] .eq-alert--warning,
html[data-theme=dark] .eq-banner--warning,
html[data-theme=dark] .alert-warning {
  background: rgba(245, 158, 11, 0.08) !important;
  border: 1px solid rgba(245, 158, 11, 0.22) !important;
  border-left: 3px solid #fbbf24 !important;
  color: #fde68a !important;
}
html[data-theme=dark] .eq-alert--warning i, html[data-theme=dark] .eq-alert--warning [class*=__icon],
html[data-theme=dark] .eq-banner--warning i,
html[data-theme=dark] .eq-banner--warning [class*=__icon],
html[data-theme=dark] .alert-warning i,
html[data-theme=dark] .alert-warning [class*=__icon] {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-alert--error,
html[data-theme=dark] .eq-alert--danger,
html[data-theme=dark] .eq-banner--error,
html[data-theme=dark] .alert-danger {
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.22) !important;
  border-left: 3px solid #f87171 !important;
  color: #fecaca !important;
}
html[data-theme=dark] .eq-alert--error i, html[data-theme=dark] .eq-alert--error [class*=__icon],
html[data-theme=dark] .eq-alert--danger i,
html[data-theme=dark] .eq-alert--danger [class*=__icon],
html[data-theme=dark] .eq-banner--error i,
html[data-theme=dark] .eq-banner--error [class*=__icon],
html[data-theme=dark] .alert-danger i,
html[data-theme=dark] .alert-danger [class*=__icon] {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-empty-state,
html[data-theme=dark] .eq-empty,
html[data-theme=dark] .eq-dns__empty,
html[data-theme=dark] .eq-admin-mail__empty,
html[data-theme=dark] .eq-webmail__msg-empty,
html[data-theme=dark] .eq-webmail__preview-empty,
html[data-theme=dark] [class*=__empty-state],
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%) !important;
  border: 1px dashed rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  padding: 40px 24px !important;
  text-align: center !important;
  color: #8a919e !important;
}
html[data-theme=dark] .eq-empty-state > i:first-child,
html[data-theme=dark] .eq-empty-state > .bi:first-child,
html[data-theme=dark] .eq-empty > i:first-child,
html[data-theme=dark] .eq-empty > .bi:first-child,
html[data-theme=dark] .eq-dns__empty > i:first-child,
html[data-theme=dark] .eq-dns__empty > .bi:first-child,
html[data-theme=dark] .eq-admin-mail__empty > i:first-child,
html[data-theme=dark] .eq-admin-mail__empty > .bi:first-child,
html[data-theme=dark] .eq-webmail__msg-empty > i:first-child,
html[data-theme=dark] .eq-webmail__msg-empty > .bi:first-child,
html[data-theme=dark] .eq-webmail__preview-empty > i:first-child,
html[data-theme=dark] .eq-webmail__preview-empty > .bi:first-child,
html[data-theme=dark] [class*=__empty-state] > i:first-child,
html[data-theme=dark] [class*=__empty-state] > .bi:first-child,
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) > i:first-child,
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) > .bi:first-child {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px !important;
  font-size: 1.5rem !important;
  color: #8ca6f7 !important;
  background: rgba(108, 137, 244, 0.1) !important;
  border: 1px solid rgba(108, 137, 244, 0.2) !important;
  border-radius: 50% !important;
}
html[data-theme=dark] .eq-empty-state h3, html[data-theme=dark] .eq-empty-state h4, html[data-theme=dark] .eq-empty-state [class*=__title],
html[data-theme=dark] .eq-empty h3,
html[data-theme=dark] .eq-empty h4,
html[data-theme=dark] .eq-empty [class*=__title],
html[data-theme=dark] .eq-dns__empty h3,
html[data-theme=dark] .eq-dns__empty h4,
html[data-theme=dark] .eq-dns__empty [class*=__title],
html[data-theme=dark] .eq-admin-mail__empty h3,
html[data-theme=dark] .eq-admin-mail__empty h4,
html[data-theme=dark] .eq-admin-mail__empty [class*=__title],
html[data-theme=dark] .eq-webmail__msg-empty h3,
html[data-theme=dark] .eq-webmail__msg-empty h4,
html[data-theme=dark] .eq-webmail__msg-empty [class*=__title],
html[data-theme=dark] .eq-webmail__preview-empty h3,
html[data-theme=dark] .eq-webmail__preview-empty h4,
html[data-theme=dark] .eq-webmail__preview-empty [class*=__title],
html[data-theme=dark] [class*=__empty-state] h3,
html[data-theme=dark] [class*=__empty-state] h4,
html[data-theme=dark] [class*=__empty-state] [class*=__title],
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) h3,
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) h4,
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) [class*=__title] {
  color: #e6e9ef !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
}
html[data-theme=dark] .eq-empty-state p, html[data-theme=dark] .eq-empty-state [class*=__desc],
html[data-theme=dark] .eq-empty p,
html[data-theme=dark] .eq-empty [class*=__desc],
html[data-theme=dark] .eq-dns__empty p,
html[data-theme=dark] .eq-dns__empty [class*=__desc],
html[data-theme=dark] .eq-admin-mail__empty p,
html[data-theme=dark] .eq-admin-mail__empty [class*=__desc],
html[data-theme=dark] .eq-webmail__msg-empty p,
html[data-theme=dark] .eq-webmail__msg-empty [class*=__desc],
html[data-theme=dark] .eq-webmail__preview-empty p,
html[data-theme=dark] .eq-webmail__preview-empty [class*=__desc],
html[data-theme=dark] [class*=__empty-state] p,
html[data-theme=dark] [class*=__empty-state] [class*=__desc],
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) p,
html[data-theme=dark] [class*=__empty]:not([class*=__emptied]) [class*=__desc] {
  color: #8a919e !important;
  font-size: 0.875rem !important;
  margin: 0 !important;
}
html[data-theme=dark] .eq-plan-slider {
  background: transparent !important;
}
html[data-theme=dark] .eq-plan-slider__display {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme=dark] .eq-plan-slider__tier {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-plan-slider__tier-name {
  color: #8ca6f7 !important;
  text-shadow: 0 0 24px rgba(140, 166, 247, 0.25);
}
html[data-theme=dark] .eq-plan-slider__tier-label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-plan-slider__stat-label {
  color: #6b7380 !important;
}
html[data-theme=dark] .eq-plan-slider__stat-value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-slider__stat i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-plan-slider__price-value {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-plan-slider__price-period {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__track {
  background: #080b10 !important;
}
html[data-theme=dark] .eq-plan-slider__tick-dot {
  background: #2a303b !important;
  border: 2px solid #11151c !important;
}
html[data-theme=dark] .eq-plan-slider__tick--active .eq-plan-slider__tick-dot {
  background: #6c89f4 !important;
  box-shadow: 0 0 0 4px rgba(108, 137, 244, 0.2), 0 0 12px rgba(108, 137, 244, 0.5) !important;
}
html[data-theme=dark] .eq-plan-slider__tick-label {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__tick-label.is-active {
  color: #8ca6f7 !important;
  font-weight: 600 !important;
}
html[data-theme=dark] .eq-emails__header {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 16px;
}
html[data-theme=dark] .eq-email__card {
  background: #11151c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  transition: border-color 150ms ease, background 150ms ease !important;
}
html[data-theme=dark] .eq-email__card:hover {
  border-color: rgba(122, 151, 245, 0.35) !important;
  background: #151a23 !important;
}
html[data-theme=dark] .eq-email__address {
  color: #f5f7fa !important;
}
html[data-theme=dark] .eq-email__meta {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-email__status--active {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-email__status--disabled {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-email__plan-badge {
  background: rgba(108, 137, 244, 0.12) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-email__plan-badge--free {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-emails__webmail-hint {
  background: rgba(108, 137, 244, 0.06) !important;
  border-color: rgba(108, 137, 244, 0.15) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-emails__webmail-hint a {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-emails__webmail-hint code {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] * {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
html[data-theme=dark] *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html[data-theme=dark] *::-webkit-scrollbar-track {
  background: transparent;
}
html[data-theme=dark] *::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
html[data-theme=dark] *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
}
html[data-theme=dark] ::selection {
  background: rgba(108, 137, 244, 0.35);
  color: #ffffff;
}
html[data-theme=dark] a:not([class]),
html[data-theme=dark] .eq-link {
  color: #8ca6f7;
  text-decoration: none;
  transition: color 120ms ease;
}
html[data-theme=dark] a:not([class]):hover,
html[data-theme=dark] .eq-link:hover {
  color: #a5b8f8;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html[data-theme=dark] .eq-logs__toolbar {
  background: rgba(255, 255, 255, 0.025) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
html[data-theme=dark] .eq-logs__live {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #d7dbe4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
html[data-theme=dark] .eq-logs__live[data-live=timeout] {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-logs__live[data-live=error] {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__live-dot {
  background: #4a515f;
}
html[data-theme=dark] .eq-logs__live-dot--off {
  background: #4a515f;
}
html[data-theme=dark] .eq-logs__live-dot--on {
  background: #34d399;
  box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.6);
}
html[data-theme=dark] .eq-logs__count {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-logs__filter {
  background: rgba(0, 0, 0, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-theme=dark] .eq-logs__filter:focus-within {
  border-color: rgba(108, 137, 244, 0.55) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(108, 137, 244, 0.12);
}
html[data-theme=dark] .eq-logs__filter > i.bi {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-logs__filter-input {
  color: #e6e9ef !important;
  caret-color: #8ca6f7;
}
html[data-theme=dark] .eq-logs__filter-input::placeholder {
  color: #5a616e !important;
  opacity: 1;
}
html[data-theme=dark] .eq-logs__filter-clear {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-logs__filter-clear:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-logs__viewer {
  background: #05080c !important;
  color: #e6e9ef !important;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}
html[data-theme=dark] .eq-logs__viewer::-webkit-scrollbar-track {
  background: #05080c !important;
}
html[data-theme=dark] .eq-logs__viewer::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 3px solid #05080c !important;
}
html[data-theme=dark] .eq-logs__viewer::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme=dark] .eq-logs__viewer:focus {
  outline-color: rgba(108, 137, 244, 0.55);
}
html[data-theme=dark] .eq-logs__line {
  color: #e6e9ef;
}
html[data-theme=dark] .eq-logs__line:hover {
  background: rgba(255, 255, 255, 0.035) !important;
}
html[data-theme=dark] .eq-logs__line--error {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__line--warn {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-logs__line--info {
  color: #86efac !important;
}
html[data-theme=dark] .eq-logs__line--debug {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-logs__line--plain {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-logs__line-num {
  color: #4a515f !important;
  border-right-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-logs__empty {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-logs__empty i {
  color: #4a515f !important;
  font-size: 2.2rem !important;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  margin-bottom: 6px;
}
html[data-theme=dark] .eq-logs__empty p {
  color: #aab1be !important;
  font-weight: 500;
}
html[data-theme=dark] .eq-logs__empty small {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-logs__banner {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-left-width: 3px !important;
}
html[data-theme=dark] .eq-logs__banner--timeout {
  background: rgba(251, 191, 36, 0.06) !important;
  border-color: rgba(251, 191, 36, 0.2) !important;
  border-left-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-logs__banner--timeout i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-logs__banner--error {
  background: rgba(248, 113, 113, 0.06) !important;
  border-color: rgba(248, 113, 113, 0.2) !important;
  border-left-color: #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__banner--error i {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__banner-text strong {
  color: inherit !important;
}
html[data-theme=dark] .eq-logs__error {
  background: rgba(248, 113, 113, 0.06) !important;
  border: 1px solid rgba(248, 113, 113, 0.2) !important;
  border-left: 3px solid #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__error i {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__error-msg strong {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-logs__error-msg span {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-logs__setup {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}
html[data-theme=dark] .eq-logs__setup-title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-logs__setup-desc {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-logs__setup-desc strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-logs__setup-bar {
  background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-logs__setup-info {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-logs__setup-hint {
  background: rgba(251, 191, 36, 0.06) !important;
  border: 1px solid rgba(251, 191, 36, 0.2) !important;
  border-left: 3px solid #fbbf24 !important;
  color: #e2c87b !important;
}
html[data-theme=dark] .eq-logs__setup-hint i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-logs__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-logs__title i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-logs__sub {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-plan-slider {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
html[data-theme=dark] .eq-plan-slider__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-plan-slider__subtitle {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-plan-slider__price-value {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-plan-slider__price-period {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__display {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-theme=dark] .eq-plan-slider__tier {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-plan-slider__tier-name {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-plan-slider__tier-label {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-slider__stat i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-plan-slider__stat-label {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__stat-value {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-plan-slider__track {
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-plan-slider__fill {
  background: linear-gradient(90deg, #6c89f4 0%, #8ca6f7 100%) !important;
}
html[data-theme=dark] .eq-plan-slider__tick-name {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__knob {
  background: #ffffff !important;
  border-color: #6c89f4 !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 2px 12px rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-plan-slider .eq-plan-info, html[data-theme=dark] .eq-plan-slider__info-banner, html[data-theme=dark] .eq-plan-slider__current-note {
  background: rgba(108, 137, 244, 0.06) !important;
  border: 1px solid rgba(108, 137, 244, 0.2) !important;
  border-left: 3px solid #6c89f4 !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-plan-slider .eq-plan-info i, html[data-theme=dark] .eq-plan-slider__info-banner i, html[data-theme=dark] .eq-plan-slider__current-note i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-plan-disk-hint,
html[data-theme=dark] .eq-plan-slider__disk-hint,
html[data-theme=dark] .eq-plan-slider__min-hint {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-disk-hint strong,
html[data-theme=dark] .eq-plan-slider__disk-hint strong,
html[data-theme=dark] .eq-plan-slider__min-hint strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-slider__usage,
html[data-theme=dark] .eq-plan-usage {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-plan-slider__usage .eq-plan-usage__label, html[data-theme=dark] .eq-plan-slider__usage__label,
html[data-theme=dark] .eq-plan-usage .eq-plan-usage__label,
html[data-theme=dark] .eq-plan-usage__label {
  color: #8a919e !important;
  text-transform: uppercase;
}
html[data-theme=dark] .eq-plan-slider__usage .eq-plan-usage__value, html[data-theme=dark] .eq-plan-slider__usage__value,
html[data-theme=dark] .eq-plan-usage .eq-plan-usage__value,
html[data-theme=dark] .eq-plan-usage__value {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-plan-slider__usage .eq-plan-usage__max, html[data-theme=dark] .eq-plan-slider__usage__max,
html[data-theme=dark] .eq-plan-usage .eq-plan-usage__max,
html[data-theme=dark] .eq-plan-usage__max {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-plan-slider__usage .eq-plan-usage__pct, html[data-theme=dark] .eq-plan-slider__usage__pct,
html[data-theme=dark] .eq-plan-usage .eq-plan-usage__pct,
html[data-theme=dark] .eq-plan-usage__pct {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__usage .eq-progress,
html[data-theme=dark] .eq-plan-slider__usage [class*=progress],
html[data-theme=dark] .eq-plan-usage .eq-progress,
html[data-theme=dark] .eq-plan-usage [class*=progress] {
  background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-card,
html[data-theme=dark] .eq-action-card,
html[data-theme=dark] .eq-wpinstall-card,
html[data-theme=dark] .eq-wpinstall-addon,
html[data-theme=dark] .eq-wpinstall-addon__box,
html[data-theme=dark] .eq-plan-view,
html[data-theme=dark] .eq-certbot-panel,
html[data-theme=dark] .eq-cron-panel,
html[data-theme=dark] .eq-env-panel,
html[data-theme=dark] .eq-git-panel,
html[data-theme=dark] .eq-ftps-panel,
html[data-theme=dark] .eq-dns__panel,
html[data-theme=dark] .eq-emails__panel,
html[data-theme=dark] .eq-domain-panel,
html[data-theme=dark] .eq-site-panel,
html[data-theme=dark] .eq-perf__panel,
html[data-theme=dark] .eq-backup-panel,
html[data-theme=dark] .eq-file-manager__panel,
html[data-theme=dark] .eq-stats-card,
html[data-theme=dark] .eq-info-box,
html[data-theme=dark] .eq-dashboard__card {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-topbar__avatar:hover,
html[data-theme=dark] .eq-topbar__balance-btn:hover,
html[data-theme=dark] .eq-plan-view__close:hover,
html[data-theme=dark] .eq-wpinstall-card__close:hover,
html[data-theme=dark] .eq-certbot__close:hover,
html[data-theme=dark] .eq-modal__close:hover,
html[data-theme=dark] [class*=__close]:hover,
html[data-theme=dark] [class*=-close]:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}
html[data-theme=dark] select,
html[data-theme=dark] .eq-select,
html[data-theme=dark] .form-control,
html[data-theme=dark] .form-select,
html[data-theme=dark] input[type=text]:not(.eq-logs__filter-input),
html[data-theme=dark] input[type=email],
html[data-theme=dark] input[type=password],
html[data-theme=dark] input[type=number],
html[data-theme=dark] input[type=search],
html[data-theme=dark] input[type=url],
html[data-theme=dark] input[type=tel],
html[data-theme=dark] input[type=date],
html[data-theme=dark] input[type=time],
html[data-theme=dark] input:not([type]),
html[data-theme=dark] textarea {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e6e9ef !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
html[data-theme=dark] select::placeholder,
html[data-theme=dark] .eq-select::placeholder,
html[data-theme=dark] .form-control::placeholder,
html[data-theme=dark] .form-select::placeholder,
html[data-theme=dark] input[type=text]:not(.eq-logs__filter-input)::placeholder,
html[data-theme=dark] input[type=email]::placeholder,
html[data-theme=dark] input[type=password]::placeholder,
html[data-theme=dark] input[type=number]::placeholder,
html[data-theme=dark] input[type=search]::placeholder,
html[data-theme=dark] input[type=url]::placeholder,
html[data-theme=dark] input[type=tel]::placeholder,
html[data-theme=dark] input[type=date]::placeholder,
html[data-theme=dark] input[type=time]::placeholder,
html[data-theme=dark] input:not([type])::placeholder,
html[data-theme=dark] textarea::placeholder {
  color: #5a616e !important;
  opacity: 1;
}
html[data-theme=dark] select:focus,
html[data-theme=dark] .eq-select:focus,
html[data-theme=dark] .form-control:focus,
html[data-theme=dark] .form-select:focus,
html[data-theme=dark] input[type=text]:not(.eq-logs__filter-input):focus,
html[data-theme=dark] input[type=email]:focus,
html[data-theme=dark] input[type=password]:focus,
html[data-theme=dark] input[type=number]:focus,
html[data-theme=dark] input[type=search]:focus,
html[data-theme=dark] input[type=url]:focus,
html[data-theme=dark] input[type=tel]:focus,
html[data-theme=dark] input[type=date]:focus,
html[data-theme=dark] input[type=time]:focus,
html[data-theme=dark] input:not([type]):focus,
html[data-theme=dark] textarea:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(108, 137, 244, 0.12) !important;
  outline: none;
}
html[data-theme=dark] select:disabled, html[data-theme=dark] select[readonly],
html[data-theme=dark] .eq-select:disabled,
html[data-theme=dark] .eq-select[readonly],
html[data-theme=dark] .form-control:disabled,
html[data-theme=dark] .form-control[readonly],
html[data-theme=dark] .form-select:disabled,
html[data-theme=dark] .form-select[readonly],
html[data-theme=dark] input[type=text]:not(.eq-logs__filter-input):disabled,
html[data-theme=dark] input[type=text]:not(.eq-logs__filter-input)[readonly],
html[data-theme=dark] input[type=email]:disabled,
html[data-theme=dark] input[type=email][readonly],
html[data-theme=dark] input[type=password]:disabled,
html[data-theme=dark] input[type=password][readonly],
html[data-theme=dark] input[type=number]:disabled,
html[data-theme=dark] input[type=number][readonly],
html[data-theme=dark] input[type=search]:disabled,
html[data-theme=dark] input[type=search][readonly],
html[data-theme=dark] input[type=url]:disabled,
html[data-theme=dark] input[type=url][readonly],
html[data-theme=dark] input[type=tel]:disabled,
html[data-theme=dark] input[type=tel][readonly],
html[data-theme=dark] input[type=date]:disabled,
html[data-theme=dark] input[type=date][readonly],
html[data-theme=dark] input[type=time]:disabled,
html[data-theme=dark] input[type=time][readonly],
html[data-theme=dark] input:not([type]):disabled,
html[data-theme=dark] input:not([type])[readonly],
html[data-theme=dark] textarea:disabled,
html[data-theme=dark] textarea[readonly] {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #6b7280 !important;
  cursor: not-allowed;
}
html[data-theme=dark] select,
html[data-theme=dark] .form-select,
html[data-theme=dark] .eq-cron-select,
html[data-theme=dark] [class*=-select][class*=-cron],
html[data-theme=dark] .eq-select-native {
  background-color: rgba(0, 0, 0, 0.25) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'><path fill='%238a919e' d='M3 6l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
}
html[data-theme=dark] [class*="--success"],
html[data-theme=dark] [class*=__success],
html[data-theme=dark] .alert-success,
html[data-theme=dark] .eq-alert--success {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
  border-left: 3px solid #10b981 !important;
  color: #34d399 !important;
}
html[data-theme=dark] [class*="--success"] i,
html[data-theme=dark] [class*=__success] i,
html[data-theme=dark] .alert-success i,
html[data-theme=dark] .eq-alert--success i {
  color: #10b981 !important;
}
html[data-theme=dark] [class*="--success"] strong,
html[data-theme=dark] [class*=__success] strong,
html[data-theme=dark] .alert-success strong,
html[data-theme=dark] .eq-alert--success strong {
  color: #86efac !important;
}
html[data-theme=dark] [class*="--warn"],
html[data-theme=dark] [class*=__warn],
html[data-theme=dark] [class*="--warning"],
html[data-theme=dark] [class*=__warning],
html[data-theme=dark] .alert-warning,
html[data-theme=dark] .eq-alert--warning {
  background: rgba(251, 191, 36, 0.08) !important;
  border-color: rgba(251, 191, 36, 0.25) !important;
  border-left: 3px solid #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] [class*="--warn"] i,
html[data-theme=dark] [class*=__warn] i,
html[data-theme=dark] [class*="--warning"] i,
html[data-theme=dark] [class*=__warning] i,
html[data-theme=dark] .alert-warning i,
html[data-theme=dark] .eq-alert--warning i {
  color: #fbbf24 !important;
}
html[data-theme=dark] [class*="--warn"] strong,
html[data-theme=dark] [class*=__warn] strong,
html[data-theme=dark] [class*="--warning"] strong,
html[data-theme=dark] [class*=__warning] strong,
html[data-theme=dark] .alert-warning strong,
html[data-theme=dark] .eq-alert--warning strong {
  color: #fcd34d !important;
}
html[data-theme=dark] [class*="--error"],
html[data-theme=dark] [class*=__error]:not(.eq-logs__error-msg),
html[data-theme=dark] [class*="--danger"],
html[data-theme=dark] [class*="--err"]:not([class*="--errors"]),
html[data-theme=dark] .alert-danger,
html[data-theme=dark] .eq-alert--danger {
  background: rgba(248, 113, 113, 0.08) !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
  border-left: 3px solid #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] [class*="--error"] i,
html[data-theme=dark] [class*=__error]:not(.eq-logs__error-msg) i,
html[data-theme=dark] [class*="--danger"] i,
html[data-theme=dark] [class*="--err"]:not([class*="--errors"]) i,
html[data-theme=dark] .alert-danger i,
html[data-theme=dark] .eq-alert--danger i {
  color: #f87171 !important;
}
html[data-theme=dark] [class*="--error"] strong,
html[data-theme=dark] [class*=__error]:not(.eq-logs__error-msg) strong,
html[data-theme=dark] [class*="--danger"] strong,
html[data-theme=dark] [class*="--err"]:not([class*="--errors"]) strong,
html[data-theme=dark] .alert-danger strong,
html[data-theme=dark] .eq-alert--danger strong {
  color: #fca5a5 !important;
}
html[data-theme=dark] [class*="--info"],
html[data-theme=dark] [class*=__info]:not([class*=__info-]) :not(.eq-plan-slider__info-banner) :not(.eq-site-header__info) :not(.eq-ssl-info) :not(.eq-git-info) :not(.eq-db-info),
html[data-theme=dark] .alert-info,
html[data-theme=dark] .eq-alert--info,
html[data-theme=dark] .eq-info-banner,
html[data-theme=dark] .eq-banner--info {
  background: rgba(108, 137, 244, 0.08) !important;
  border-color: rgba(108, 137, 244, 0.25) !important;
  border-left: 3px solid #6c89f4 !important;
  color: #aab1be !important;
}
html[data-theme=dark] [class*="--info"] i,
html[data-theme=dark] [class*=__info]:not([class*=__info-]) :not(.eq-plan-slider__info-banner) :not(.eq-site-header__info) :not(.eq-ssl-info) :not(.eq-git-info) :not(.eq-db-info) i,
html[data-theme=dark] .alert-info i,
html[data-theme=dark] .eq-alert--info i,
html[data-theme=dark] .eq-info-banner i,
html[data-theme=dark] .eq-banner--info i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] [class*="--info"] strong,
html[data-theme=dark] [class*=__info]:not([class*=__info-]) :not(.eq-plan-slider__info-banner) :not(.eq-site-header__info) :not(.eq-ssl-info) :not(.eq-git-info) :not(.eq-db-info) strong,
html[data-theme=dark] .alert-info strong,
html[data-theme=dark] .eq-alert--info strong,
html[data-theme=dark] .eq-info-banner strong,
html[data-theme=dark] .eq-banner--info strong {
  color: #c8d2f2 !important;
}
html[data-theme=dark] .eq-wpinstall-snake,
html[data-theme=dark] .eq-wpinstall-setup,
html[data-theme=dark] .eq-wpinstall-init,
html[data-theme=dark] .eq-wpinstall-success,
html[data-theme=dark] .eq-snake-init,
html[data-theme=dark] [class*=__snake] {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.04) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wpinstall-addon:hover {
  border-color: rgba(108, 137, 244, 0.3) !important;
}
html[data-theme=dark] .eq-wpinstall-addon:has(input:checked) {
  border-color: #6c89f4 !important;
  box-shadow: 0 0 0 3px rgba(108, 137, 244, 0.15) !important;
}
html[data-theme=dark] .eq-wpinstall-addon__box {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme=dark] .eq-wpinstall-addon:has(input:checked) html[data-theme=dark] .eq-wpinstall-addon__box {
  background: #6c89f4 !important;
  border-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-wpinstall-addon__title {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-wpinstall-addon__desc {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-dropdown,
html[data-theme=dark] .eq-dropdown-menu,
html[data-theme=dark] .eq-notifications__panel,
html[data-theme=dark] .eq-notifications,
html[data-theme=dark] .eq-balance-menu,
html[data-theme=dark] .eq-user-menu,
html[data-theme=dark] .eq-menu-panel,
html[data-theme=dark] [class*=__menu],
html[data-theme=dark] [class*=__dropdown] {
  background: #11151c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.02) inset !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-certbot__status-box,
html[data-theme=dark] .eq-certbot__info-box,
html[data-theme=dark] .eq-cron__status,
html[data-theme=dark] .eq-cron__empty,
html[data-theme=dark] .eq-env__empty,
html[data-theme=dark] .eq-dns__empty,
html[data-theme=dark] .eq-file-manager__empty,
html[data-theme=dark] .eq-emails__empty,
html[data-theme=dark] .eq-domains__empty,
html[data-theme=dark] .eq-empty-state {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-certbot__status-box i,
html[data-theme=dark] .eq-certbot__info-box i,
html[data-theme=dark] .eq-cron__status i,
html[data-theme=dark] .eq-cron__empty i,
html[data-theme=dark] .eq-env__empty i,
html[data-theme=dark] .eq-dns__empty i,
html[data-theme=dark] .eq-file-manager__empty i,
html[data-theme=dark] .eq-emails__empty i,
html[data-theme=dark] .eq-domains__empty i,
html[data-theme=dark] .eq-empty-state i {
  color: #4a515f;
}
html[data-theme=dark] [class*=__status]:not([class*=__status-]):not([class*=__status_]),
html[data-theme=dark] [class*="--status-ok"],
html[data-theme=dark] [class*="--status-error"] {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #e6e9ef !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] table,
html[data-theme=dark] .eq-table {
  background: transparent !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] table thead,
html[data-theme=dark] table thead tr,
html[data-theme=dark] table .eq-table__head,
html[data-theme=dark] table .eq-table__header,
html[data-theme=dark] .eq-table thead,
html[data-theme=dark] .eq-table thead tr,
html[data-theme=dark] .eq-table .eq-table__head,
html[data-theme=dark] .eq-table .eq-table__header {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #d7dbe4 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] table tbody tr,
html[data-theme=dark] .eq-table tbody tr {
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] table tbody tr:hover,
html[data-theme=dark] .eq-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}
html[data-theme=dark] table td, html[data-theme=dark] table th,
html[data-theme=dark] .eq-table td,
html[data-theme=dark] .eq-table th {
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] code:not([class]),
html[data-theme=dark] pre:not([class]),
html[data-theme=dark] kbd,
html[data-theme=dark] .eq-code,
html[data-theme=dark] .eq-kbd {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-tooltip,
html[data-theme=dark] [role=tooltip] {
  background: #1c222c !important;
  color: #e6e9ef !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme=dark] .eq-tabs,
html[data-theme=dark] .eq-tab-list,
html[data-theme=dark] [role=tablist] {
  background: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-tab,
html[data-theme=dark] [role=tab] {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-tab:hover,
html[data-theme=dark] [role=tab]:hover {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-tab.is-active, html[data-theme=dark] .eq-tab[aria-selected=true],
html[data-theme=dark] [role=tab].is-active,
html[data-theme=dark] [role=tab][aria-selected=true] {
  color: #ffffff !important;
  border-bottom-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-sidebar__search,
html[data-theme=dark] .eq-file-manager__search,
html[data-theme=dark] .eq-emails__search,
html[data-theme=dark] .eq-dns__search,
html[data-theme=dark] [class*=__search]:not([class*=-searches]) {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-sidebar__search::placeholder,
html[data-theme=dark] .eq-file-manager__search::placeholder,
html[data-theme=dark] .eq-emails__search::placeholder,
html[data-theme=dark] .eq-dns__search::placeholder,
html[data-theme=dark] [class*=__search]:not([class*=-searches])::placeholder {
  color: #5a616e !important;
}
html[data-theme=dark] .eq-sidebar__search:focus,
html[data-theme=dark] .eq-file-manager__search:focus,
html[data-theme=dark] .eq-emails__search:focus,
html[data-theme=dark] .eq-dns__search:focus,
html[data-theme=dark] [class*=__search]:not([class*=-searches]):focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-list__item,
html[data-theme=dark] .eq-domain-item,
html[data-theme=dark] [class*=__item]:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}
html[data-theme=dark] .eq-list__item.is-active,
html[data-theme=dark] .eq-domain-item.is-active,
html[data-theme=dark] [class*=__item].is-active {
  background: rgba(108, 137, 244, 0.12) !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-modal__dialog,
html[data-theme=dark] .modal-content,
html[data-theme=dark] [role=dialog] {
  background: #11151c !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.02) inset !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-modal__overlay,
html[data-theme=dark] .modal-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
html[data-theme=dark] .eq-modal__title,
html[data-theme=dark] .modal-title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-modal__subtitle,
html[data-theme=dark] .eq-modal__desc {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-modal__input {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-modal__input::placeholder {
  color: #5a616e !important;
}
html[data-theme=dark] .eq-modal__input:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-cron-row,
html[data-theme=dark] .eq-cron-card,
html[data-theme=dark] .eq-cron__item,
html[data-theme=dark] .eq-env-row,
html[data-theme=dark] .eq-env__item {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-cron-row:hover,
html[data-theme=dark] .eq-cron-card:hover,
html[data-theme=dark] .eq-cron__item:hover,
html[data-theme=dark] .eq-env-row:hover,
html[data-theme=dark] .eq-env__item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme=dark] .eq-news-card,
html[data-theme=dark] .eq-changelog,
html[data-theme=dark] .eq-update-banner {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] [class*=__diff-col],
html[data-theme=dark] .eq-diff,
html[data-theme=dark] .eq-diff__col {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-upload-dropzone,
html[data-theme=dark] .eq-file-manager__dropzone,
html[data-theme=dark] [class*=__dropzone] {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px dashed rgba(255, 255, 255, 0.15) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-upload-dropzone:hover, html[data-theme=dark] .eq-upload-dropzone.is-dragover,
html[data-theme=dark] .eq-file-manager__dropzone:hover,
html[data-theme=dark] .eq-file-manager__dropzone.is-dragover,
html[data-theme=dark] [class*=__dropzone]:hover,
html[data-theme=dark] [class*=__dropzone].is-dragover {
  background: rgba(108, 137, 244, 0.06) !important;
  border-color: rgba(108, 137, 244, 0.4) !important;
}
html[data-theme=dark] .eq-text-muted,
html[data-theme=dark] .text-muted,
html[data-theme=dark] small.text-muted {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-text-strong,
html[data-theme=dark] .text-strong,
html[data-theme=dark] strong:not([class]) {
  color: #f5f7fa !important;
}
html[data-theme=dark] label,
html[data-theme=dark] .form-label,
html[data-theme=dark] .eq-form-label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .form-text,
html[data-theme=dark] .eq-form-hint,
html[data-theme=dark] .eq-form-help {
  color: #8a919e !important;
}
html[data-theme=dark] input[type=checkbox]:not(:checked),
html[data-theme=dark] input[type=radio]:not(:checked) {
  background: rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.2);
}
html[data-theme=dark] hr,
html[data-theme=dark] .eq-divider,
html[data-theme=dark] [class*=__divider] {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-admin-main {
  background: #0a0d12 !important;
}
html[data-theme=dark] .eq-admin-main__header {
  background: #0d1117 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-admin-main__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__stat-card,
html[data-theme=dark] .eq-admin__node-card,
html[data-theme=dark] .eq-admin__chart-box,
html[data-theme=dark] .eq-admin__setting-row,
html[data-theme=dark] .eq-admin-mail__card,
html[data-theme=dark] .eq-admin-kb__card,
html[data-theme=dark] .eq-admin-da__card,
html[data-theme=dark] .eq-admin-revenue__card {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__stat-card strong,
html[data-theme=dark] .eq-admin__node-card strong,
html[data-theme=dark] .eq-admin__chart-box strong,
html[data-theme=dark] .eq-admin__setting-row strong,
html[data-theme=dark] .eq-admin-mail__card strong,
html[data-theme=dark] .eq-admin-kb__card strong,
html[data-theme=dark] .eq-admin-da__card strong,
html[data-theme=dark] .eq-admin-revenue__card strong {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__stat-card p, html[data-theme=dark] .eq-admin__stat-card span, html[data-theme=dark] .eq-admin__stat-card small:not([class]),
html[data-theme=dark] .eq-admin__node-card p,
html[data-theme=dark] .eq-admin__node-card span,
html[data-theme=dark] .eq-admin__node-card small:not([class]),
html[data-theme=dark] .eq-admin__chart-box p,
html[data-theme=dark] .eq-admin__chart-box span,
html[data-theme=dark] .eq-admin__chart-box small:not([class]),
html[data-theme=dark] .eq-admin__setting-row p,
html[data-theme=dark] .eq-admin__setting-row span,
html[data-theme=dark] .eq-admin__setting-row small:not([class]),
html[data-theme=dark] .eq-admin-mail__card p,
html[data-theme=dark] .eq-admin-mail__card span,
html[data-theme=dark] .eq-admin-mail__card small:not([class]),
html[data-theme=dark] .eq-admin-kb__card p,
html[data-theme=dark] .eq-admin-kb__card span,
html[data-theme=dark] .eq-admin-kb__card small:not([class]),
html[data-theme=dark] .eq-admin-da__card p,
html[data-theme=dark] .eq-admin-da__card span,
html[data-theme=dark] .eq-admin-da__card small:not([class]),
html[data-theme=dark] .eq-admin-revenue__card p,
html[data-theme=dark] .eq-admin-revenue__card span,
html[data-theme=dark] .eq-admin-revenue__card small:not([class]) {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-admin__stat-value {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__stat-label,
html[data-theme=dark] .eq-admin__stat-sub {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__stat-icon {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-admin__node-header strong {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__node-host {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__node-sites {
  color: #8a919e !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-admin__node-gauge-label {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__node-gauge-track {
  background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-admin__node-gauge-info {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-admin__chart-box h4 {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__tabs {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-admin__tab {
  color: #8a919e !important;
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme=dark] .eq-admin__tab:hover {
  color: #d7dbe4 !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
html[data-theme=dark] .eq-admin__tab.is-active {
  color: #ffffff !important;
  background: transparent !important;
  border-bottom-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-admin__period-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: transparent !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-admin__period-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__period-btn.is-active {
  background: #6c89f4 !important;
  color: #ffffff !important;
  border-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-admin__table {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__table th {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #8a919e !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .eq-admin__table td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}
html[data-theme=dark] .eq-admin__row--clickable:hover {
  background: rgba(108, 137, 244, 0.08) !important;
}
html[data-theme=dark] .eq-admin__test-result-row td {
  background: rgba(255, 255, 255, 0.02) !important;
}
html[data-theme=dark] .eq-admin__section-title,
html[data-theme=dark] .eq-admin__form-section {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-admin__form-row label {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__form-row input,
html[data-theme=dark] .eq-admin__form-row select {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__form-row input:focus,
html[data-theme=dark] .eq-admin__form-row select:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-admin__preset {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .eq-admin__preset i {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__preset span {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__preset small {
  color: #6b7280 !important;
}
html[data-theme=dark] .eq-admin__preset:hover {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-admin__preset:hover i, html[data-theme=dark] .eq-admin__preset:hover span {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-admin__preset.is-active {
  border-color: #6c89f4 !important;
  background: rgba(108, 137, 244, 0.08) !important;
}
html[data-theme=dark] .eq-admin__preset.is-active i, html[data-theme=dark] .eq-admin__preset.is-active span {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-admin__plan-chip {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__plan-chip-label {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__plan-chip-price {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin__plan-chip:has(input:checked) {
  border-color: #6c89f4 !important;
  background: rgba(108, 137, 244, 0.12) !important;
}
html[data-theme=dark] .eq-btn-sm,
html[data-theme=dark] .eq-btn-outline,
html[data-theme=dark] .eq-btn-secondary {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-btn-sm:hover,
html[data-theme=dark] .eq-btn-outline:hover,
html[data-theme=dark] .eq-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(108, 137, 244, 0.4) !important;
}
html[data-theme=dark] .eq-btn-danger-outline:hover {
  color: #f87171 !important;
  border-color: #f87171 !important;
}
html[data-theme=dark] .eq-toggle__slider {
  background: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme=dark] .eq-toggle__slider::before {
  background: #e6e9ef !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
html[data-theme=dark] .eq-toggle input:checked + .eq-toggle__slider {
  background: #6c89f4 !important;
}
html[data-theme=dark] .eq-admin__setting-info strong {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__setting-info p {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-badge--success {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-badge--warning {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-badge--danger {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-badge--muted {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-badge--info {
  background: rgba(108, 137, 244, 0.15) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-badge--operational {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-badge--degraded {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-badge--partial_outage {
  background: rgba(251, 146, 60, 0.15) !important;
  color: #fb923c !important;
}
html[data-theme=dark] .eq-badge--major_outage {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-badge--maintenance {
  background: rgba(108, 137, 244, 0.15) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-admin__check-item {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__propagate-check {
  background: rgba(108, 137, 244, 0.06) !important;
  border-color: rgba(108, 137, 244, 0.2) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-admin__search-input {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin__search-input::placeholder {
  color: #5a616e !important;
}
html[data-theme=dark] .eq-admin__search-input:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-admin__pagination {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-admin__pagination button {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-admin__pagination button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin__pagination button:disabled {
  opacity: 0.4;
}
html[data-theme=dark] .eq-node-edit__header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-node-edit__title h2 {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-node-edit__title p {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-impersonation-banner {
  background: rgba(251, 146, 60, 0.1) !important;
  border-bottom: 1px solid rgba(251, 146, 60, 0.3) !important;
  color: #fb923c !important;
}
html[data-theme=dark] .eq-impersonation-banner strong {
  color: #fdba74 !important;
}
html[data-theme=dark] .eq-impersonation-banner button,
html[data-theme=dark] .eq-impersonation-banner a {
  color: #fb923c !important;
}
html[data-theme=dark] .eq-impersonation-banner button:hover,
html[data-theme=dark] .eq-impersonation-banner a:hover {
  color: #fdba74 !important;
}
html[data-theme=dark] .eq-maintenance-banner {
  background: rgba(251, 191, 36, 0.1) !important;
  border-bottom: 1px solid rgba(251, 191, 36, 0.3) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-maintenance-banner strong {
  color: #fcd34d !important;
}
html[data-theme=dark] .eq-admin-kb,
html[data-theme=dark] .eq-admin-da,
html[data-theme=dark] .eq-admin-revenue,
html[data-theme=dark] .eq-admin-mail {
  color: #e6e9ef;
}
html[data-theme=dark] .eq-admin-kb h1, html[data-theme=dark] .eq-admin-kb h2, html[data-theme=dark] .eq-admin-kb h3, html[data-theme=dark] .eq-admin-kb h4, html[data-theme=dark] .eq-admin-kb h5,
html[data-theme=dark] .eq-admin-da h1,
html[data-theme=dark] .eq-admin-da h2,
html[data-theme=dark] .eq-admin-da h3,
html[data-theme=dark] .eq-admin-da h4,
html[data-theme=dark] .eq-admin-da h5,
html[data-theme=dark] .eq-admin-revenue h1,
html[data-theme=dark] .eq-admin-revenue h2,
html[data-theme=dark] .eq-admin-revenue h3,
html[data-theme=dark] .eq-admin-revenue h4,
html[data-theme=dark] .eq-admin-revenue h5,
html[data-theme=dark] .eq-admin-mail h1,
html[data-theme=dark] .eq-admin-mail h2,
html[data-theme=dark] .eq-admin-mail h3,
html[data-theme=dark] .eq-admin-mail h4,
html[data-theme=dark] .eq-admin-mail h5 {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-admin-kb [class*=__card],
html[data-theme=dark] .eq-admin-kb [class*=__panel],
html[data-theme=dark] .eq-admin-kb [class*=__box]:not([class*="--info-box"]),
html[data-theme=dark] .eq-admin-da [class*=__card],
html[data-theme=dark] .eq-admin-da [class*=__panel],
html[data-theme=dark] .eq-admin-da [class*=__box]:not([class*="--info-box"]),
html[data-theme=dark] .eq-admin-revenue [class*=__card],
html[data-theme=dark] .eq-admin-revenue [class*=__panel],
html[data-theme=dark] .eq-admin-revenue [class*=__box]:not([class*="--info-box"]),
html[data-theme=dark] .eq-admin-mail [class*=__card],
html[data-theme=dark] .eq-admin-mail [class*=__panel],
html[data-theme=dark] .eq-admin-mail [class*=__box]:not([class*="--info-box"]) {
  background: #11151c !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-admin-kb [class*=__label],
html[data-theme=dark] .eq-admin-kb [class*=__meta],
html[data-theme=dark] .eq-admin-da [class*=__label],
html[data-theme=dark] .eq-admin-da [class*=__meta],
html[data-theme=dark] .eq-admin-revenue [class*=__label],
html[data-theme=dark] .eq-admin-revenue [class*=__meta],
html[data-theme=dark] .eq-admin-mail [class*=__label],
html[data-theme=dark] .eq-admin-mail [class*=__meta] {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-admin-kb [class*=__value],
html[data-theme=dark] .eq-admin-kb [class*=__amount],
html[data-theme=dark] .eq-admin-da [class*=__value],
html[data-theme=dark] .eq-admin-da [class*=__amount],
html[data-theme=dark] .eq-admin-revenue [class*=__value],
html[data-theme=dark] .eq-admin-revenue [class*=__amount],
html[data-theme=dark] .eq-admin-mail [class*=__value],
html[data-theme=dark] .eq-admin-mail [class*=__amount] {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-sidebar__nav {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-sidebar__domains-header:hover {
  background: rgba(108, 137, 244, 0.08) !important;
}
html[data-theme=dark] .text-muted,
html[data-theme=dark] small.text-muted,
html[data-theme=dark] .eq-muted,
html[data-theme=dark] .muted {
  color: #8a919e !important;
}
html[data-theme=dark] [class*=__icon]:not([class*=__icon-]) {
  color: #8ca6f7;
}
html[data-theme=dark] [class*=__total],
html[data-theme=dark] [class*=__sum] {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-dns__error {
  background: rgba(248, 113, 113, 0.08) !important;
  border: 1px solid rgba(248, 113, 113, 0.25) !important;
  border-left: 3px solid #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-dns__add {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-dns__input {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-dns__input::placeholder {
  color: #5a616e !important;
}
html[data-theme=dark] .eq-dns__input:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-dns__table th {
  color: #8a919e !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .eq-dns__table td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns__row:hover {
  background: rgba(108, 137, 244, 0.05) !important;
}
html[data-theme=dark] .eq-dns__row--editing td {
  background: rgba(251, 191, 36, 0.06) !important;
}
html[data-theme=dark] .eq-dns__value {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-dns__empty {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-dns__type-badge {
  background: rgba(108, 137, 244, 0.15) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-dns__type-badge--mx {
  background: rgba(251, 146, 60, 0.15) !important;
  color: #fb923c !important;
}
html[data-theme=dark] .eq-dns__type-badge--txt {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
}
html[data-theme=dark] [style*="background: #fff"],
html[data-theme=dark] [style*="background: white"],
html[data-theme=dark] [style*="background-color: #fff"],
html[data-theme=dark] [style*="background-color: white"] {
  background: #11151c !important;
}
html[data-theme=dark] .eq-admin input,
html[data-theme=dark] .eq-admin select,
html[data-theme=dark] .eq-admin textarea,
html[data-theme=dark] .eq-admin-main input,
html[data-theme=dark] .eq-admin-main select,
html[data-theme=dark] .eq-admin-main textarea {
  background: rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-admin input::placeholder,
html[data-theme=dark] .eq-admin select::placeholder,
html[data-theme=dark] .eq-admin textarea::placeholder,
html[data-theme=dark] .eq-admin-main input::placeholder,
html[data-theme=dark] .eq-admin-main select::placeholder,
html[data-theme=dark] .eq-admin-main textarea::placeholder {
  color: #5a616e !important;
}
html[data-theme=dark] .eq-admin input:focus,
html[data-theme=dark] .eq-admin select:focus,
html[data-theme=dark] .eq-admin textarea:focus,
html[data-theme=dark] .eq-admin-main input:focus,
html[data-theme=dark] .eq-admin-main select:focus,
html[data-theme=dark] .eq-admin-main textarea:focus {
  border-color: rgba(108, 137, 244, 0.55) !important;
}
html[data-theme=dark] .eq-site-config__loading {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-config__title i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-config__sub {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__usage {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e6e9ef !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-theme=dark] .eq-site-config__usage--loading {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__usage--loading .eq-spinner--inline {
  border-color: rgba(108, 137, 244, 0.25) !important;
  border-top-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-site-config__usage--error {
  background: rgba(248, 113, 113, 0.08) !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
  border-left: 3px solid #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--error i {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage-title {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-site-config__usage-title i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-config__usage-values {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__usage-values strong {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-config__usage-pct {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-site-config__usage-bar {
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-site-config__usage-fill {
  filter: brightness(1.1) saturate(1.1);
}
html[data-theme=dark] .eq-site-config__usage-hint {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__usage-hint strong {
  color: #e6e9ef !important;
}
html[data-theme=dark] .eq-site-config__usage--ok .eq-site-config__usage-fill {
  background: #10b981 !important;
}
html[data-theme=dark] .eq-site-config__usage--ok .eq-site-config__usage-pct {
  color: #34d399 !important;
}
html[data-theme=dark] .eq-site-config__usage--warn .eq-site-config__usage-fill {
  background: #fbbf24 !important;
}
html[data-theme=dark] .eq-site-config__usage--warn .eq-site-config__usage-pct {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger {
  background: rgba(248, 113, 113, 0.08) !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
  border-left: 3px solid #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-fill {
  background: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-pct {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-title i {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-title {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-values strong {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-hint {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__usage--danger .eq-site-config__usage-hint strong {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-site-config__banner {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-left-width: 3px !important;
}
html[data-theme=dark] .eq-site-config__banner--info {
  background: rgba(108, 137, 244, 0.08) !important;
  border-color: rgba(108, 137, 244, 0.25) !important;
  border-left-color: #6c89f4 !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__banner--info i {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-config__banner--warn {
  background: rgba(251, 191, 36, 0.08) !important;
  border-color: rgba(251, 191, 36, 0.25) !important;
  border-left-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-site-config__banner--warn i {
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-site-config__banner--danger {
  background: rgba(248, 113, 113, 0.08) !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
  border-left-color: #f87171 !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__banner--danger i {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-config__diff {
  background: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-site-config__diff-col {
  background: #161b24 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-site-config__diff-col--new {
  border-color: #6c89f4 !important;
  box-shadow: 0 0 0 2px rgba(108, 137, 244, 0.18) !important;
}
html[data-theme=dark] .eq-site-config__diff-label {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-site-config__diff-name {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-config__diff-price {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-config__diff-stats li {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-config__diff-stats li i {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-site-config__diff-arrow {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-config__actions {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme=dark] .eq-plan-slider {
  background: linear-gradient(180deg, rgba(108, 137, 244, 0.03) 0%, transparent 120px), #11151c !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  padding: 26px 28px 36px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}
html[data-theme=dark] .eq-plan-slider__title {
  font-size: 1rem !important;
  font-weight: 650 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em;
}
html[data-theme=dark] .eq-plan-slider__subtitle {
  font-size: 0.8125rem !important;
  color: #8a919e !important;
  margin-top: 2px !important;
}
html[data-theme=dark] .eq-plan-slider__price-value {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #8ca6f7 !important;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  transition: color 160ms ease, transform 200ms ease;
}
html[data-theme=dark] .eq-plan-slider__price-period {
  font-size: 0.8125rem !important;
  color: #6b7280 !important;
  font-weight: 500;
  margin-left: 2px;
}
html[data-theme=dark] .eq-plan-slider__display {
  display: grid !important;
  grid-template-columns: minmax(160px, 1fr) 2.5fr !important;
  gap: 28px !important;
  padding: 24px 28px !important;
  background: linear-gradient(135deg, rgba(108, 137, 244, 0.05) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
  margin-bottom: 36px !important;
  transition: box-shadow 200ms ease, border-color 200ms ease;
}
html[data-theme=dark] .eq-plan-slider__tier {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-right: 28px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  min-width: 0;
}
html[data-theme=dark] .eq-plan-slider__tier-name {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #8ca6f7 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  background: linear-gradient(135deg, #8ca6f7 0%, #a5b8f8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  transition: all 160ms ease;
}
html[data-theme=dark] .eq-plan-slider__tier-label {
  font-size: 0.8125rem !important;
  color: #aab1be !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  line-height: 1.3;
}
html[data-theme=dark] .eq-plan-slider__stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
}
html[data-theme=dark] .eq-plan-slider__stat {
  display: grid !important;
  grid-template-columns: 36px 1fr !important;
  grid-template-rows: auto auto !important;
  grid-template-areas: "icon label" "icon value" !important;
  gap: 2px 12px !important;
  align-items: center !important;
  padding: 0 !important;
}
html[data-theme=dark] .eq-plan-slider__stat i {
  grid-area: icon !important;
  position: static !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.05rem !important;
  color: #8ca6f7 !important;
  background: rgba(108, 137, 244, 0.1) !important;
  border-radius: 9px !important;
  border: 1px solid rgba(108, 137, 244, 0.15);
}
html[data-theme=dark] .eq-plan-slider__stat-label {
  grid-area: label !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #6b7280 !important;
  align-self: end;
  line-height: 1;
}
html[data-theme=dark] .eq-plan-slider__stat-value {
  grid-area: value !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.1;
}
html[data-theme=dark] .eq-plan-slider__track-wrap {
  padding: 0 16px !important;
  margin-top: 8px;
}
html[data-theme=dark] .eq-plan-slider__track {
  position: relative !important;
  height: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  margin: 36px 0 40px !important;
  cursor: pointer;
  transition: background 160ms ease;
}
html[data-theme=dark] .eq-plan-slider__track:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme=dark] .eq-plan-slider__fill {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  background: linear-gradient(90deg, #5a75d9 0%, #6c89f4 40%, #8ca6f7 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 12px rgba(108, 137, 244, 0.5), 0 0 24px rgba(108, 137, 244, 0.2);
  transition: width 220ms cubic-bezier(0.34, 1.36, 0.64, 1) !important;
}
html[data-theme=dark] .eq-plan-slider__tick {
  width: 48px !important;
  height: 48px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-theme=dark] .eq-plan-slider__tick:hover .eq-plan-slider__tick-dot {
  border-color: #8ca6f7 !important;
  transform: scale(1.3);
  box-shadow: 0 0 0 4px rgba(108, 137, 244, 0.15), 0 0 10px rgba(108, 137, 244, 0.3);
}
html[data-theme=dark] .eq-plan-slider__tick-dot {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #2a303b !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms cubic-bezier(0.34, 1.36, 0.64, 1), box-shadow 160ms ease;
}
html[data-theme=dark] .eq-plan-slider__tick.is-past .eq-plan-slider__tick-dot {
  background: #6c89f4 !important;
  border-color: #8ca6f7 !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4), 0 0 8px rgba(108, 137, 244, 0.4);
}
html[data-theme=dark] .eq-plan-slider__tick.is-active .eq-plan-slider__tick-dot {
  background: #ffffff !important;
  border-color: #8ca6f7 !important;
  transform: scale(1.4);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4), 0 0 0 5px rgba(108, 137, 244, 0.25), 0 0 14px rgba(108, 137, 244, 0.7);
}
html[data-theme=dark] .eq-plan-slider__tick-name {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: color 160ms ease, transform 160ms ease;
  user-select: none;
}
html[data-theme=dark] .eq-plan-slider__tick:hover .eq-plan-slider__tick-name {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-plan-slider__tick.is-past .eq-plan-slider__tick-name {
  color: #8a919e !important;
}
html[data-theme=dark] .eq-plan-slider__tick.is-active .eq-plan-slider__tick-name {
  color: #8ca6f7 !important;
  font-weight: 700 !important;
  transform: translateY(1px) scale(1.05);
  text-shadow: 0 0 8px rgba(108, 137, 244, 0.3);
}
html[data-theme=dark] .eq-plan-slider__knob {
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #e6e9ef 100%) !important;
  border: 3px solid #6c89f4 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4), 0 0 16px rgba(108, 137, 244, 0.55), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
  cursor: grab;
  z-index: 10 !important;
  transition: left 220ms cubic-bezier(0.34, 1.36, 0.64, 1), box-shadow 160ms ease, transform 100ms ease;
}
html[data-theme=dark] .eq-plan-slider__knob:hover {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 24px rgba(108, 137, 244, 0.8), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}
html[data-theme=dark] .eq-plan-slider__knob:active {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(1.15) !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 32px rgb(108, 137, 244), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}
html[data-theme=dark] .eq-plan-slider__knob:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 0 0 5px rgba(108, 137, 244, 0.35), 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 24px rgba(108, 137, 244, 0.8), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}
@media (max-width: 720px) {
  html[data-theme=dark] .eq-plan-slider__display {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 20px !important;
  }
  html[data-theme=dark] .eq-plan-slider__tier {
    padding-right: 0 !important;
    padding-bottom: 18px !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  html[data-theme=dark] .eq-plan-slider__tier-name {
    font-size: 1.75rem !important;
  }
  html[data-theme=dark] .eq-plan-slider__stats {
    gap: 14px !important;
  }
  html[data-theme=dark] .eq-plan-slider__stat {
    grid-template-columns: 32px 1fr !important;
  }
  html[data-theme=dark] .eq-plan-slider__stat i {
    width: 32px !important;
    height: 32px !important;
    font-size: 0.95rem !important;
  }
}
html[data-theme=dark] .eq-site-header__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-header__sub {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-header__sub strong {
  color: #e6e9ef !important;
  font-weight: 600 !important;
}
html[data-theme=dark] .eq-site-header__status {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-header__status--running {
  background: rgba(52, 211, 153, 0.12) !important;
  color: #34d399 !important;
}
html[data-theme=dark] .eq-site-header__status--stopped {
  background: rgba(251, 191, 36, 0.12) !important;
  color: #fbbf24 !important;
}
html[data-theme=dark] .eq-site-header__status--failed {
  background: rgba(248, 113, 113, 0.12) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-header__status--pulling-images, html[data-theme=dark] .eq-site-header__status--starting-db, html[data-theme=dark] .eq-site-header__status--starting-wp, html[data-theme=dark] .eq-site-header__status--installing, html[data-theme=dark] .eq-site-header__status--pending {
  background: rgba(108, 137, 244, 0.12) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-header__status--deleted {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-header__status--cancelled {
  background: rgba(156, 163, 175, 0.12) !important;
  color: #9ca3af !important;
}
html[data-theme=dark] .eq-site-header__icon {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
}
html[data-theme=dark] .eq-site-view {
  background: transparent !important;
}
html[data-theme=dark] .eq-btn-ghost--success {
  color: #34d399 !important;
}
html[data-theme=dark] .eq-btn-ghost--success:hover {
  background: rgba(52, 211, 153, 0.1) !important;
  color: #6ee7b7 !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
}
html[data-theme=dark] .eq-btn-ghost--danger {
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
  background: rgba(248, 113, 113, 0.06) !important;
}
html[data-theme=dark] .eq-btn-ghost--danger:hover {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.55) !important;
}
html[data-theme=dark] .eq-site-placeholder__icon {
  background: rgba(108, 137, 244, 0.12) !important;
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-placeholder__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-placeholder__desc {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-placeholder__desc strong {
  color: #8ca6f7 !important;
}
html[data-theme=dark] .eq-site-tab {
  color: #8a919e !important;
  background: transparent !important;
}
html[data-theme=dark] .eq-site-tab:hover {
  color: #d7dbe4 !important;
}
html[data-theme=dark] .eq-site-tab.is-active {
  color: #8ca6f7 !important;
  border-bottom-color: #6c89f4 !important;
}
html[data-theme=dark] .eq-danger-zone {
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.04) 0%, rgba(248, 113, 113, 0.02) 100%) !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.04) inset, 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}
html[data-theme=dark] .eq-danger-zone__head {
  background: rgba(248, 113, 113, 0.06) !important;
  border-bottom: 1px solid rgba(248, 113, 113, 0.18) !important;
}
html[data-theme=dark] .eq-danger-zone__title {
  color: #f87171 !important;
  letter-spacing: 0.02em;
}
html[data-theme=dark] .eq-danger-zone__title i {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-danger-zone__item {
  background: transparent !important;
}
html[data-theme=dark] .eq-danger-zone__info strong {
  color: #ffffff !important;
  font-weight: 600;
}
html[data-theme=dark] .eq-danger-zone__info p {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-failed {
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.04) 0%, rgba(11, 15, 23, 0.9) 100%) !important;
  border: 1px solid rgba(248, 113, 113, 0.22) !important;
}
html[data-theme=dark] .eq-site-failed__icon {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-failed__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-site-failed__sub {
  color: #aab1be !important;
}
html[data-theme=dark] .eq-site-failed__sub strong {
  color: #e4e7ed !important;
}
html[data-theme=dark] .eq-site-failed__error {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(248, 113, 113, 0.22) !important;
}
html[data-theme=dark] .eq-site-failed__error-label {
  color: #f87171 !important;
}
html[data-theme=dark] .eq-site-failed__error-body {
  color: #fca5a5 !important;
}
html[data-theme=dark] .eq-access-card {
  background: linear-gradient(180deg, #151a23 0%, #11151c 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html[data-theme=dark] .eq-access-card--available:hover {
  transform: translateY(-2px);
  border-color: rgba(108, 137, 244, 0.32) !important;
  box-shadow: 0 6px 24px rgba(108, 137, 244, 0.14) !important;
}
html[data-theme=dark] .eq-access-card--soon {
  opacity: 0.6;
}
html[data-theme=dark] .eq-access-card--soon .eq-access-card__icon i {
  color: #6c7180 !important;
}
html[data-theme=dark] .eq-access-card__icon {
  background: rgba(108, 137, 244, 0.1) !important;
  color: #8ca6f7 !important;
}
.eq-access-card--available html[data-theme=dark] .eq-access-card__icon {
  background: rgba(108, 137, 244, 0.14) !important;
}
html[data-theme=dark] .eq-access-card__title {
  color: #ffffff !important;
}
html[data-theme=dark] .eq-access-card__badge {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #aab1be !important;
}
html[data-theme=dark] .eq-access-card__desc {
  color: #aab1be !important;
}
html[data-theme=dark] select {
  color-scheme: dark;
}
html[data-theme=dark] select option {
  background-color: #1b2028 !important;
  color: #e4e7ed !important;
  padding: 6px 12px;
}
html[data-theme=dark] select option:checked,
html[data-theme=dark] select option:hover,
html[data-theme=dark] select option:focus,
html[data-theme=dark] select option:active {
  background-color: #2d3748 !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px 100px #2d3748 inset !important;
}
html[data-theme=dark] select option:disabled {
  color: #6c7180 !important;
  background-color: #151a23 !important;
}
html[data-theme=dark] datalist option {
  background-color: #1b2028 !important;
  color: #e4e7ed !important;
}
html[data-theme=dark] .eq-danger-zone__info:focus,
html[data-theme=dark] .eq-danger-zone__info:focus-visible,
html[data-theme=dark] .eq-danger-zone__info strong:focus,
html[data-theme=dark] .eq-danger-zone__info strong:focus-visible,
html[data-theme=dark] .eq-danger-zone__info p:focus,
html[data-theme=dark] .eq-danger-zone__info p:focus-visible,
html[data-theme=dark] .eq-danger-zone__title:focus,
html[data-theme=dark] .eq-danger-zone__title:focus-visible,
html[data-theme=dark] .eq-site-failed__title:focus,
html[data-theme=dark] .eq-site-failed__title:focus-visible,
html[data-theme=dark] .eq-site-failed__sub:focus,
html[data-theme=dark] .eq-site-failed__sub:focus-visible,
html[data-theme=dark] .eq-site-failed__error:focus,
html[data-theme=dark] .eq-site-failed__error:focus-visible,
html[data-theme=dark] .eq-access-card:not(button):not(a):focus,
html[data-theme=dark] .eq-access-card:not(button):not(a):focus-visible,
html[data-theme=dark] .eq-access-card__title:focus,
html[data-theme=dark] .eq-access-card__title:focus-visible,
html[data-theme=dark] .eq-access-card__desc:focus,
html[data-theme=dark] .eq-access-card__desc:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

html[data-theme=dark][data-theme=dark] {
  --portal-bg: #0a0a0a;
  --portal-surface: #111111;
  --portal-surface2: #1a1a1a;
  --portal-surface3: #222222;
  --portal-border: rgba(255, 255, 255, 0.08);
  --portal-border-hover: rgba(255, 255, 255, 0.15);
  --portal-accent: #ff8c42;
  --portal-accent-dark: #e6751f;
  --portal-accent-light: rgba(255, 140, 66, 0.12);
  --portal-accent-border: rgba(255, 140, 66, 0.3);
  --portal-text: #f0f0f0;
  --portal-text-secondary: rgba(255, 255, 255, 0.55);
  --portal-muted: #6b7280;
  --portal-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --portal-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.4);
  --portal-grid-color: rgba(255, 140, 66, 0.025);
  --portal-glow-color: rgba(255, 140, 66, 0.08);
  --portal-glow-color-2: rgba(255, 107, 43, 0.06);
  --portal-scroll-track: rgba(255, 255, 255, 0.02);
  --portal-scroll-thumb: rgba(255, 255, 255, 0.12);
  --portal-scroll-thumb-hover: rgba(255, 140, 66, 0.45);
  --portal-selection-bg: rgba(255, 140, 66, 0.3);
  --portal-selection-fg: #ffffff;
  --portal-topbar-bg: rgba(10, 10, 10, 0.88);
  color-scheme: dark;
}

html[data-theme=light][data-theme=light] {
  --portal-bg: #f7f8fa;
  --portal-surface: #ffffff;
  --portal-surface2: #f3f4f6;
  --portal-surface3: #e5e7eb;
  --portal-border: rgba(17, 24, 39, 0.08);
  --portal-border-hover: rgba(17, 24, 39, 0.18);
  --portal-accent: #e6751f;
  --portal-accent-dark: #c95d13;
  --portal-accent-light: rgba(230, 117, 31, 0.08);
  --portal-accent-border: rgba(230, 117, 31, 0.3);
  --portal-text: #111827;
  --portal-text-secondary: rgba(17, 24, 39, 0.65);
  --portal-muted: #6b7280;
  --portal-shadow: 0 4px 18px rgba(17, 24, 39, 0.06);
  --portal-shadow-hover: 0 8px 28px rgba(17, 24, 39, 0.1);
  --portal-grid-color: rgba(230, 117, 31, 0.05);
  --portal-glow-color: rgba(255, 180, 120, 0.35);
  --portal-glow-color-2: rgba(255, 160, 100, 0.25);
  --portal-scroll-track: rgba(17, 24, 39, 0.03);
  --portal-scroll-thumb: rgba(17, 24, 39, 0.15);
  --portal-scroll-thumb-hover: rgba(230, 117, 31, 0.5);
  --portal-selection-bg: rgba(230, 117, 31, 0.25);
  --portal-selection-fg: #111827;
  --portal-topbar-bg: rgba(255, 255, 255, 0.82);
  color-scheme: light;
}

html[data-theme][data-theme] body {
  background: var(--portal-bg) !important;
  color: var(--portal-text) !important;
  font-family: "Poppins", "Inter", sans-serif !important;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}
html[data-theme][data-theme] body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: linear-gradient(var(--portal-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-color) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}
html[data-theme][data-theme] body::after {
  content: "";
  position: fixed;
  top: -200px;
  left: -200px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: var(--portal-glow-color);
  filter: blur(140px);
  pointer-events: none;
  z-index: 0;
}
html[data-theme][data-theme] .eq-shell {
  position: relative;
  z-index: 1;
}
html[data-theme][data-theme] .eq-shell::before {
  content: "";
  position: fixed;
  bottom: -100px;
  right: -150px;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: var(--portal-glow-color-2);
  filter: blur(140px);
  pointer-events: none;
  z-index: 0;
}
html[data-theme][data-theme] *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html[data-theme][data-theme] *::-webkit-scrollbar-track {
  background: var(--portal-scroll-track);
  border-radius: 10px;
}
html[data-theme][data-theme] *::-webkit-scrollbar-thumb {
  background: var(--portal-scroll-thumb);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: background 0.2s ease;
}
html[data-theme][data-theme] *::-webkit-scrollbar-thumb:hover {
  background: var(--portal-scroll-thumb-hover);
  background-clip: padding-box;
}
html[data-theme][data-theme] *::-webkit-scrollbar-corner {
  background: transparent;
}
html[data-theme][data-theme] * {
  scrollbar-width: thin;
  scrollbar-color: var(--portal-scroll-thumb) var(--portal-scroll-track);
}
html[data-theme][data-theme] ::selection {
  background: var(--portal-selection-bg);
  color: var(--portal-selection-fg);
}
html[data-theme][data-theme] ::-moz-selection {
  background: var(--portal-selection-bg);
  color: var(--portal-selection-fg);
}
html[data-theme][data-theme] .eq-card,
html[data-theme][data-theme] .eq-site-card,
html[data-theme][data-theme] .eq-action-card,
html[data-theme][data-theme] .eq-platform-card,
html[data-theme][data-theme] .eq-admin-card,
html[data-theme][data-theme] [class*=eq-btn],
html[data-theme][data-theme] [class*=eq-input],
html[data-theme][data-theme] input, html[data-theme][data-theme] select, html[data-theme][data-theme] textarea,
html[data-theme][data-theme] a:not(.eq-topbar__brand),
html[data-theme][data-theme] .eq-badge,
html[data-theme][data-theme] .eq-tab,
html[data-theme][data-theme] .eq-domain-item {
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
html[data-theme][data-theme] button:focus-visible,
html[data-theme][data-theme] a:focus-visible,
html[data-theme][data-theme] input:focus-visible,
html[data-theme][data-theme] select:focus-visible,
html[data-theme][data-theme] textarea:focus-visible,
html[data-theme][data-theme] [role=button]:focus-visible,
html[data-theme][data-theme] [role=tab]:focus-visible,
html[data-theme][data-theme] [role=menuitem]:focus-visible,
html[data-theme][data-theme] [tabindex]:focus-visible {
  outline: 2px solid var(--portal-accent) !important;
  outline-offset: 2px !important;
}
html[data-theme][data-theme] a {
  color: var(--portal-accent);
}
html[data-theme][data-theme] a:hover {
  color: var(--portal-accent-dark);
  text-decoration: underline;
}
html[data-theme][data-theme] a:visited {
  color: var(--portal-accent);
}
html[data-theme][data-theme] hr {
  border: none !important;
  border-top: 1px solid var(--portal-border) !important;
  margin: 20px 0 !important;
}
html[data-theme][data-theme] .eq-topbar {
  background: var(--portal-topbar-bg) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-topbar__brand {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
}
html[data-theme][data-theme] .eq-topbar__logo {
  background: linear-gradient(135deg, #ff9e6b 0%, var(--portal-accent) 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(255, 140, 66, 0.35) !important;
}
html[data-theme][data-theme] .eq-topbar__logo-img {
  height: 32px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  display: inline-block;
  vertical-align: middle;
  filter: drop-shadow(0 2px 8px rgba(255, 140, 66, 0.25));
  transition: transform 0.2s ease, filter 0.2s ease !important;
}
html[data-theme][data-theme] .eq-topbar:hover .eq-topbar__logo-img {
  transform: scale(1.04);
  filter: drop-shadow(0 2px 12px rgba(255, 140, 66, 0.4));
}
html[data-theme][data-theme] .eq-topbar__brand-text {
  font-weight: 700;
  font-family: "Poppins", sans-serif !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-topbar__logo-img:not([style*="display: none"]) ~ .eq-topbar__brand-text {
  display: none;
}
html[data-theme][data-theme] .eq-topbar__hamburger {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-topbar__hamburger:hover {
  color: var(--portal-text) !important;
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-topbar__balance-btn {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-topbar__balance-btn:hover {
  background: var(--portal-surface3) !important;
  border-color: var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-topbar__balance-coin {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-topbar__balance-amount {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-topbar__balance-add {
  background: var(--portal-accent) !important;
  color: #fff !important;
}
html[data-theme][data-theme] .eq-topbar__balance-add:hover {
  background: var(--portal-accent-dark) !important;
}
html[data-theme][data-theme] .eq-topbar__avatar {
  background: linear-gradient(135deg, #ff9e6b 0%, var(--portal-accent) 100%) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(255, 140, 66, 0.3);
}
html[data-theme][data-theme] .eq-topbar__logout-btn, html[data-theme][data-theme] .eq-topbar__theme-btn {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-topbar__logout-btn:hover, html[data-theme][data-theme] .eq-topbar__theme-btn:hover {
  color: var(--portal-accent) !important;
  background: var(--portal-surface2) !important;
}

html[data-theme=dark] .eq-topbar__logo-img--dark {
  display: inline-block !important;
}

html[data-theme=dark] .eq-topbar__logo-img--light {
  display: none !important;
}

html[data-theme=light] .eq-topbar__logo-img--dark {
  display: none !important;
}

html[data-theme=light] .eq-topbar__logo-img--light {
  display: inline-block !important;
}

html[data-theme=light] .eq-topbar__logo-img--light {
  filter: drop-shadow(0 2px 8px rgba(230, 117, 31, 0.15)) !important;
}

html[data-theme=light] .eq-topbar__brand:hover .eq-topbar__logo-img--light {
  filter: drop-shadow(0 2px 14px rgba(230, 117, 31, 0.35)) !important;
}

html[data-theme=light] .eq-topbar__logo-img--dark.eq-topbar__logo-img--force-invert {
  display: inline-block !important;
  filter: brightness(0) invert(0.12) drop-shadow(0 2px 8px rgba(230, 117, 31, 0.2)) !important;
}

html[data-theme][data-theme] .eq-sidebar {
  background: var(--portal-bg) !important;
  border-right: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-sidebar__search {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-sidebar__search::placeholder {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-sidebar__search:focus {
  border-color: rgba(255, 140, 66, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.1) !important;
}
html[data-theme][data-theme] .eq-sidebar__domains-header, html[data-theme][data-theme] .eq-sidebar__domains-label {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-sidebar__domains-label i {
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-domain-list li, html[data-theme][data-theme] .eq-domain-list .eq-domain-item {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-domain-list li:hover, html[data-theme][data-theme] .eq-domain-list li.is-active, html[data-theme][data-theme] .eq-domain-list .eq-domain-item:hover, html[data-theme][data-theme] .eq-domain-list .eq-domain-item.is-active {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border-left: 3px solid var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-btn-novo {
  background: var(--portal-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  font-weight: 600;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-btn-novo:hover {
  background: var(--portal-accent-dark) !important;
  transform: translateY(-1px);
}
html[data-theme][data-theme] #js-client-nav a, html[data-theme][data-theme] #js-client-nav button, html[data-theme][data-theme] #js-client-nav .eq-client-nav__item {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] #js-client-nav a:hover, html[data-theme][data-theme] #js-client-nav button:hover, html[data-theme][data-theme] #js-client-nav .eq-client-nav__item:hover {
  background: var(--portal-surface2) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] #js-client-nav a.is-active, html[data-theme][data-theme] #js-client-nav a.active, html[data-theme][data-theme] #js-client-nav button.is-active, html[data-theme][data-theme] #js-client-nav button.active, html[data-theme][data-theme] #js-client-nav .eq-client-nav__item.is-active, html[data-theme][data-theme] #js-client-nav .eq-client-nav__item.active {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-card,
html[data-theme][data-theme] .eq-site-card,
html[data-theme][data-theme] .eq-plan-card,
html[data-theme][data-theme] .eq-access-card,
html[data-theme][data-theme] .eq-empty-state,
html[data-theme][data-theme] .eq-stat-card,
html[data-theme][data-theme] .eq-admin-card,
html[data-theme][data-theme] .eq-reseller-card,
html[data-theme][data-theme] .eq-ticket-card {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
  box-shadow: var(--portal-shadow) !important;
  transition: all 0.25s ease;
}
html[data-theme][data-theme] .eq-card:hover,
html[data-theme][data-theme] .eq-site-card:hover,
html[data-theme][data-theme] .eq-plan-card:hover,
html[data-theme][data-theme] .eq-access-card:hover,
html[data-theme][data-theme] .eq-empty-state:hover,
html[data-theme][data-theme] .eq-stat-card:hover,
html[data-theme][data-theme] .eq-admin-card:hover,
html[data-theme][data-theme] .eq-reseller-card:hover,
html[data-theme][data-theme] .eq-ticket-card:hover {
  border-color: var(--portal-accent-border) !important;
  box-shadow: var(--portal-shadow-hover) !important;
}
html[data-theme][data-theme] a.eq-card:hover,
html[data-theme][data-theme] button.eq-card:hover,
html[data-theme][data-theme] .eq-card--clickable:hover,
html[data-theme][data-theme] .eq-access-card--available:hover,
html[data-theme][data-theme] .eq-site-card:hover {
  transform: translateY(-3px);
}
html[data-theme][data-theme] .eq-stat-card,
html[data-theme][data-theme] .eq-admin-stat {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-stat-card .eq-stat-card__value,
html[data-theme][data-theme] .eq-stat-card .eq-admin-stat__value,
html[data-theme][data-theme] .eq-stat-card strong,
html[data-theme][data-theme] .eq-admin-stat .eq-stat-card__value,
html[data-theme][data-theme] .eq-admin-stat .eq-admin-stat__value,
html[data-theme][data-theme] .eq-admin-stat strong {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800;
}
html[data-theme][data-theme] .eq-stat-card .eq-stat-card__label,
html[data-theme][data-theme] .eq-stat-card .eq-admin-stat__label,
html[data-theme][data-theme] .eq-stat-card small,
html[data-theme][data-theme] .eq-admin-stat .eq-stat-card__label,
html[data-theme][data-theme] .eq-admin-stat .eq-admin-stat__label,
html[data-theme][data-theme] .eq-admin-stat small {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-btn-primary,
html[data-theme][data-theme] .btn-primary,
html[data-theme][data-theme] button.is-primary {
  background: var(--portal-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
html[data-theme][data-theme] .eq-btn-primary:hover:not(:disabled),
html[data-theme][data-theme] .btn-primary:hover:not(:disabled),
html[data-theme][data-theme] button.is-primary:hover:not(:disabled) {
  background: var(--portal-accent-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(255, 140, 66, 0.35);
}
html[data-theme][data-theme] .eq-btn-primary:disabled,
html[data-theme][data-theme] .btn-primary:disabled,
html[data-theme][data-theme] button.is-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
html[data-theme][data-theme] .eq-btn-ghost,
html[data-theme][data-theme] .eq-btn-secondary,
html[data-theme][data-theme] .btn-secondary {
  background: transparent !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-muted) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}
html[data-theme][data-theme] .eq-btn-ghost:hover:not(:disabled),
html[data-theme][data-theme] .eq-btn-secondary:hover:not(:disabled),
html[data-theme][data-theme] .btn-secondary:hover:not(:disabled) {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
  border-color: var(--portal-border-hover) !important;
}
html[data-theme][data-theme] .eq-btn-danger,
html[data-theme][data-theme] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-btn-danger:hover:not(:disabled),
html[data-theme][data-theme] .btn-danger:hover:not(:disabled) {
  background: #dc2626 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.35);
}
html[data-theme][data-theme] input[type=text],
html[data-theme][data-theme] input[type=email],
html[data-theme][data-theme] input[type=password],
html[data-theme][data-theme] input[type=number],
html[data-theme][data-theme] input[type=url],
html[data-theme][data-theme] input[type=search],
html[data-theme][data-theme] input[type=tel],
html[data-theme][data-theme] textarea,
html[data-theme][data-theme] select,
html[data-theme][data-theme] .eq-input,
html[data-theme][data-theme] .eq-select,
html[data-theme][data-theme] .eq-modal__input,
html[data-theme][data-theme] .form-control {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  transition: all 0.2s;
}
html[data-theme][data-theme] input[type=text]::placeholder,
html[data-theme][data-theme] input[type=email]::placeholder,
html[data-theme][data-theme] input[type=password]::placeholder,
html[data-theme][data-theme] input[type=number]::placeholder,
html[data-theme][data-theme] input[type=url]::placeholder,
html[data-theme][data-theme] input[type=search]::placeholder,
html[data-theme][data-theme] input[type=tel]::placeholder,
html[data-theme][data-theme] textarea::placeholder,
html[data-theme][data-theme] select::placeholder,
html[data-theme][data-theme] .eq-input::placeholder,
html[data-theme][data-theme] .eq-select::placeholder,
html[data-theme][data-theme] .eq-modal__input::placeholder,
html[data-theme][data-theme] .form-control::placeholder {
  color: var(--portal-muted) !important;
  opacity: 1;
}
html[data-theme][data-theme] input[type=text]:hover,
html[data-theme][data-theme] input[type=email]:hover,
html[data-theme][data-theme] input[type=password]:hover,
html[data-theme][data-theme] input[type=number]:hover,
html[data-theme][data-theme] input[type=url]:hover,
html[data-theme][data-theme] input[type=search]:hover,
html[data-theme][data-theme] input[type=tel]:hover,
html[data-theme][data-theme] textarea:hover,
html[data-theme][data-theme] select:hover,
html[data-theme][data-theme] .eq-input:hover,
html[data-theme][data-theme] .eq-select:hover,
html[data-theme][data-theme] .eq-modal__input:hover,
html[data-theme][data-theme] .form-control:hover {
  border-color: var(--portal-border-hover) !important;
}
html[data-theme][data-theme] input[type=text]:focus,
html[data-theme][data-theme] input[type=email]:focus,
html[data-theme][data-theme] input[type=password]:focus,
html[data-theme][data-theme] input[type=number]:focus,
html[data-theme][data-theme] input[type=url]:focus,
html[data-theme][data-theme] input[type=search]:focus,
html[data-theme][data-theme] input[type=tel]:focus,
html[data-theme][data-theme] textarea:focus,
html[data-theme][data-theme] select:focus,
html[data-theme][data-theme] .eq-input:focus,
html[data-theme][data-theme] .eq-select:focus,
html[data-theme][data-theme] .eq-modal__input:focus,
html[data-theme][data-theme] .form-control:focus {
  outline: none !important;
  border-color: rgba(255, 140, 66, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.1) !important;
}
html[data-theme][data-theme] input[type=text]:-webkit-autofill, html[data-theme][data-theme] input[type=text]:-webkit-autofill:hover, html[data-theme][data-theme] input[type=text]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=email]:-webkit-autofill,
html[data-theme][data-theme] input[type=email]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=email]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=password]:-webkit-autofill,
html[data-theme][data-theme] input[type=password]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=password]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=number]:-webkit-autofill,
html[data-theme][data-theme] input[type=number]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=number]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=url]:-webkit-autofill,
html[data-theme][data-theme] input[type=url]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=url]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=search]:-webkit-autofill,
html[data-theme][data-theme] input[type=search]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=search]:-webkit-autofill:focus,
html[data-theme][data-theme] input[type=tel]:-webkit-autofill,
html[data-theme][data-theme] input[type=tel]:-webkit-autofill:hover,
html[data-theme][data-theme] input[type=tel]:-webkit-autofill:focus,
html[data-theme][data-theme] textarea:-webkit-autofill,
html[data-theme][data-theme] textarea:-webkit-autofill:hover,
html[data-theme][data-theme] textarea:-webkit-autofill:focus,
html[data-theme][data-theme] select:-webkit-autofill,
html[data-theme][data-theme] select:-webkit-autofill:hover,
html[data-theme][data-theme] select:-webkit-autofill:focus,
html[data-theme][data-theme] .eq-input:-webkit-autofill,
html[data-theme][data-theme] .eq-input:-webkit-autofill:hover,
html[data-theme][data-theme] .eq-input:-webkit-autofill:focus,
html[data-theme][data-theme] .eq-select:-webkit-autofill,
html[data-theme][data-theme] .eq-select:-webkit-autofill:hover,
html[data-theme][data-theme] .eq-select:-webkit-autofill:focus,
html[data-theme][data-theme] .eq-modal__input:-webkit-autofill,
html[data-theme][data-theme] .eq-modal__input:-webkit-autofill:hover,
html[data-theme][data-theme] .eq-modal__input:-webkit-autofill:focus,
html[data-theme][data-theme] .form-control:-webkit-autofill,
html[data-theme][data-theme] .form-control:-webkit-autofill:hover,
html[data-theme][data-theme] .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--portal-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--portal-surface2) inset !important;
  caret-color: var(--portal-text);
}
html[data-theme][data-theme] select option {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] select option:checked,
html[data-theme][data-theme] select option:hover {
  background: var(--portal-surface3) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] label,
html[data-theme][data-theme] .eq-field__label,
html[data-theme][data-theme] .eq-form__label {
  color: var(--portal-muted) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}
html[data-theme][data-theme] .eq-modal__overlay {
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html[data-theme][data-theme] .eq-modal__dialog {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme][data-theme] .eq-modal__title {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
}
html[data-theme][data-theme] .eq-modal__subtitle {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-modal__close {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-modal__close:hover {
  color: var(--portal-accent) !important;
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-modal__input {
  background: var(--portal-surface2) !important;
  border-color: var(--portal-border) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-modal__submit {
  background: var(--portal-accent) !important;
  color: #fff !important;
  border-radius: 16px !important;
}
html[data-theme][data-theme] .eq-modal__submit:hover {
  background: var(--portal-accent-dark) !important;
  transform: translateY(-2px);
}
html[data-theme][data-theme] .eq-main {
  background: transparent !important;
  position: relative;
  z-index: 1;
  color: var(--portal-text);
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] h1, html[data-theme][data-theme] h2, html[data-theme][data-theme] h3, html[data-theme][data-theme] h4, html[data-theme][data-theme] h5, html[data-theme][data-theme] h6,
html[data-theme][data-theme] .eq-section__title,
html[data-theme][data-theme] .eq-view__title {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}
html[data-theme][data-theme] p, html[data-theme][data-theme] .eq-text, html[data-theme][data-theme] .eq-description {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] small, html[data-theme][data-theme] .eq-muted {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-section-title,
html[data-theme][data-theme] .eq-admin-section__title {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--portal-muted) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html[data-theme][data-theme] .eq-section-title::after,
html[data-theme][data-theme] .eq-admin-section__title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--portal-border);
}
html[data-theme][data-theme] .eq-tabs,
html[data-theme][data-theme] .eq-site-tabs,
html[data-theme][data-theme] .eq-admin-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--portal-border) !important;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
html[data-theme][data-theme] .eq-tab,
html[data-theme][data-theme] .eq-site-tab,
html[data-theme][data-theme] .eq-admin-tab {
  padding: 8px 18px !important;
  border-radius: 100px !important;
  border: 1px solid var(--portal-border) !important;
  background: transparent !important;
  color: var(--portal-muted) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  min-width: max-content !important;
}
html[data-theme][data-theme] .eq-tab:hover:not(.is-active),
html[data-theme][data-theme] .eq-site-tab:hover:not(.is-active),
html[data-theme][data-theme] .eq-admin-tab:hover:not(.is-active) {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-tab.is-active, html[data-theme][data-theme] .eq-tab.active,
html[data-theme][data-theme] .eq-site-tab.is-active,
html[data-theme][data-theme] .eq-site-tab.active,
html[data-theme][data-theme] .eq-admin-tab.is-active,
html[data-theme][data-theme] .eq-admin-tab.active {
  background: var(--portal-accent) !important;
  border-color: var(--portal-accent) !important;
  color: #fff !important;
}
html[data-theme][data-theme] .eq-badge,
html[data-theme][data-theme] .badge {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-accent-border) !important;
  border-radius: 100px !important;
  padding: 4px 12px;
  font-size: 0.72rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-badge--success, html[data-theme][data-theme] .eq-badge--running,
html[data-theme][data-theme] .badge--success,
html[data-theme][data-theme] .badge--running {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--warning,
html[data-theme][data-theme] .badge--warning {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--danger, html[data-theme][data-theme] .eq-badge--failed,
html[data-theme][data-theme] .badge--danger,
html[data-theme][data-theme] .badge--failed {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--info,
html[data-theme][data-theme] .badge--info {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #3b82f6 !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}
html[data-theme][data-theme] table,
html[data-theme][data-theme] .eq-table {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  overflow: hidden;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] table thead,
html[data-theme][data-theme] .eq-table thead {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] table thead th,
html[data-theme][data-theme] .eq-table thead th {
  color: var(--portal-muted) !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] table tbody tr,
html[data-theme][data-theme] .eq-table tbody tr {
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] table tbody tr:last-child,
html[data-theme][data-theme] .eq-table tbody tr:last-child {
  border-bottom: none !important;
}
html[data-theme][data-theme] table tbody tr:hover,
html[data-theme][data-theme] .eq-table tbody tr:hover {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] table tbody td,
html[data-theme][data-theme] .eq-table tbody td {
  color: var(--portal-text) !important;
  border-color: var(--portal-border) !important;
}
html[data-theme][data-theme] a:not(.eq-btn-primary):not(.eq-btn-ghost):not(.eq-btn-danger):not(.eq-topbar__brand):not(.eq-card):not(.eq-tab) {
  color: var(--portal-accent);
  text-decoration: none;
  transition: color 0.15s;
}
html[data-theme][data-theme] a:not(.eq-btn-primary):not(.eq-btn-ghost):not(.eq-btn-danger):not(.eq-topbar__brand):not(.eq-card):not(.eq-tab):hover {
  color: var(--portal-accent-dark);
}
html[data-theme][data-theme] .spinner-border {
  border-color: rgba(255, 140, 66, 0.2) !important;
  border-top-color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-sidebar__backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(4px);
}
html[data-theme][data-theme] .eq-maintenance-banner {
  background: rgba(251, 191, 36, 0.12) !important;
  border: 1px solid rgba(251, 191, 36, 0.3) !important;
  color: #fbbf24 !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-impersonation-banner {
  background: rgba(167, 139, 250, 0.12) !important;
  border: 1px solid rgba(167, 139, 250, 0.3) !important;
  color: #a78bfa !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-empty-state {
  background: var(--portal-surface) !important;
  border: 1px dashed var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-empty-state__icon {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-empty-state__title {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-empty-state__desc {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-site-header {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-site-header__title {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-site-header__sub {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-site-header__icon {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-site-header__status--running {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}
html[data-theme][data-theme] .eq-site-header__status--stopped {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
}
html[data-theme][data-theme] .eq-site-header__status--failed {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-plan-slider,
html[data-theme][data-theme] .eq-site-config__usage,
html[data-theme][data-theme] .eq-site-config__diff {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-plan-slider__tick-dot,
html[data-theme][data-theme] .eq-site-config__usage__tick-dot,
html[data-theme][data-theme] .eq-site-config__diff__tick-dot {
  background: var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-plan-slider__tick-dot.is-past,
html[data-theme][data-theme] .eq-site-config__usage__tick-dot.is-past,
html[data-theme][data-theme] .eq-site-config__diff__tick-dot.is-past {
  background: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-plan-slider__tick-dot.is-active,
html[data-theme][data-theme] .eq-site-config__usage__tick-dot.is-active,
html[data-theme][data-theme] .eq-site-config__diff__tick-dot.is-active {
  background: var(--portal-accent) !important;
  box-shadow: 0 0 0 4px var(--portal-accent-light) !important;
}
html[data-theme][data-theme] .eq-plan-slider__knob,
html[data-theme][data-theme] .eq-site-config__usage__knob,
html[data-theme][data-theme] .eq-site-config__diff__knob {
  background: var(--portal-accent) !important;
  border: 2px solid #fff !important;
  box-shadow: 0 4px 14px rgba(255, 140, 66, 0.35) !important;
}
html[data-theme][data-theme] .eq-plan-slider__track-fill,
html[data-theme][data-theme] .eq-site-config__usage__track-fill,
html[data-theme][data-theme] .eq-site-config__diff__track-fill {
  background: linear-gradient(90deg, var(--portal-accent), var(--portal-accent-dark)) !important;
}
html[data-theme][data-theme] .eq-plan-slider__value,
html[data-theme][data-theme] .eq-site-config__usage__value,
html[data-theme][data-theme] .eq-site-config__diff__value {
  color: var(--portal-accent) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 800;
}
html[data-theme][data-theme] .eq-danger-zone {
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.05) 0%, var(--portal-surface) 100%) !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
}
html[data-theme][data-theme] .eq-danger-zone__title {
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-danger-zone__info strong {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-danger-zone__info p {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-admin,
html[data-theme][data-theme] .eq-admin-layout,
html[data-theme][data-theme] .eq-admin-main,
html[data-theme][data-theme] .eq-admin-sidebar,
html[data-theme][data-theme] .eq-admin-da,
html[data-theme][data-theme] .eq-admin-kb,
html[data-theme][data-theme] .eq-admin-mail,
html[data-theme][data-theme] .eq-admin-revenue,
html[data-theme][data-theme] .eq-admin-whmcs {
  background: transparent !important;
  color: var(--portal-text) !important;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html[data-theme][data-theme] .eq-admin h1, html[data-theme][data-theme] .eq-admin h2, html[data-theme][data-theme] .eq-admin h3, html[data-theme][data-theme] .eq-admin h4, html[data-theme][data-theme] .eq-admin h5, html[data-theme][data-theme] .eq-admin h6,
html[data-theme][data-theme] .eq-admin-layout h1,
html[data-theme][data-theme] .eq-admin-layout h2,
html[data-theme][data-theme] .eq-admin-layout h3,
html[data-theme][data-theme] .eq-admin-layout h4,
html[data-theme][data-theme] .eq-admin-layout h5,
html[data-theme][data-theme] .eq-admin-layout h6,
html[data-theme][data-theme] .eq-admin-main h1,
html[data-theme][data-theme] .eq-admin-main h2,
html[data-theme][data-theme] .eq-admin-main h3,
html[data-theme][data-theme] .eq-admin-main h4,
html[data-theme][data-theme] .eq-admin-main h5,
html[data-theme][data-theme] .eq-admin-main h6,
html[data-theme][data-theme] .eq-admin-sidebar h1,
html[data-theme][data-theme] .eq-admin-sidebar h2,
html[data-theme][data-theme] .eq-admin-sidebar h3,
html[data-theme][data-theme] .eq-admin-sidebar h4,
html[data-theme][data-theme] .eq-admin-sidebar h5,
html[data-theme][data-theme] .eq-admin-sidebar h6,
html[data-theme][data-theme] .eq-admin-da h1,
html[data-theme][data-theme] .eq-admin-da h2,
html[data-theme][data-theme] .eq-admin-da h3,
html[data-theme][data-theme] .eq-admin-da h4,
html[data-theme][data-theme] .eq-admin-da h5,
html[data-theme][data-theme] .eq-admin-da h6,
html[data-theme][data-theme] .eq-admin-kb h1,
html[data-theme][data-theme] .eq-admin-kb h2,
html[data-theme][data-theme] .eq-admin-kb h3,
html[data-theme][data-theme] .eq-admin-kb h4,
html[data-theme][data-theme] .eq-admin-kb h5,
html[data-theme][data-theme] .eq-admin-kb h6,
html[data-theme][data-theme] .eq-admin-mail h1,
html[data-theme][data-theme] .eq-admin-mail h2,
html[data-theme][data-theme] .eq-admin-mail h3,
html[data-theme][data-theme] .eq-admin-mail h4,
html[data-theme][data-theme] .eq-admin-mail h5,
html[data-theme][data-theme] .eq-admin-mail h6,
html[data-theme][data-theme] .eq-admin-revenue h1,
html[data-theme][data-theme] .eq-admin-revenue h2,
html[data-theme][data-theme] .eq-admin-revenue h3,
html[data-theme][data-theme] .eq-admin-revenue h4,
html[data-theme][data-theme] .eq-admin-revenue h5,
html[data-theme][data-theme] .eq-admin-revenue h6,
html[data-theme][data-theme] .eq-admin-whmcs h1,
html[data-theme][data-theme] .eq-admin-whmcs h2,
html[data-theme][data-theme] .eq-admin-whmcs h3,
html[data-theme][data-theme] .eq-admin-whmcs h4,
html[data-theme][data-theme] .eq-admin-whmcs h5,
html[data-theme][data-theme] .eq-admin-whmcs h6 {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}
html[data-theme][data-theme] .eq-admin p, html[data-theme][data-theme] .eq-admin span, html[data-theme][data-theme] .eq-admin label, html[data-theme][data-theme] .eq-admin small,
html[data-theme][data-theme] .eq-admin-layout p,
html[data-theme][data-theme] .eq-admin-layout span,
html[data-theme][data-theme] .eq-admin-layout label,
html[data-theme][data-theme] .eq-admin-layout small,
html[data-theme][data-theme] .eq-admin-main p,
html[data-theme][data-theme] .eq-admin-main span,
html[data-theme][data-theme] .eq-admin-main label,
html[data-theme][data-theme] .eq-admin-main small,
html[data-theme][data-theme] .eq-admin-sidebar p,
html[data-theme][data-theme] .eq-admin-sidebar span,
html[data-theme][data-theme] .eq-admin-sidebar label,
html[data-theme][data-theme] .eq-admin-sidebar small,
html[data-theme][data-theme] .eq-admin-da p,
html[data-theme][data-theme] .eq-admin-da span,
html[data-theme][data-theme] .eq-admin-da label,
html[data-theme][data-theme] .eq-admin-da small,
html[data-theme][data-theme] .eq-admin-kb p,
html[data-theme][data-theme] .eq-admin-kb span,
html[data-theme][data-theme] .eq-admin-kb label,
html[data-theme][data-theme] .eq-admin-kb small,
html[data-theme][data-theme] .eq-admin-mail p,
html[data-theme][data-theme] .eq-admin-mail span,
html[data-theme][data-theme] .eq-admin-mail label,
html[data-theme][data-theme] .eq-admin-mail small,
html[data-theme][data-theme] .eq-admin-revenue p,
html[data-theme][data-theme] .eq-admin-revenue span,
html[data-theme][data-theme] .eq-admin-revenue label,
html[data-theme][data-theme] .eq-admin-revenue small,
html[data-theme][data-theme] .eq-admin-whmcs p,
html[data-theme][data-theme] .eq-admin-whmcs span,
html[data-theme][data-theme] .eq-admin-whmcs label,
html[data-theme][data-theme] .eq-admin-whmcs small {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-admin strong, html[data-theme][data-theme] .eq-admin b,
html[data-theme][data-theme] .eq-admin-layout strong,
html[data-theme][data-theme] .eq-admin-layout b,
html[data-theme][data-theme] .eq-admin-main strong,
html[data-theme][data-theme] .eq-admin-main b,
html[data-theme][data-theme] .eq-admin-sidebar strong,
html[data-theme][data-theme] .eq-admin-sidebar b,
html[data-theme][data-theme] .eq-admin-da strong,
html[data-theme][data-theme] .eq-admin-da b,
html[data-theme][data-theme] .eq-admin-kb strong,
html[data-theme][data-theme] .eq-admin-kb b,
html[data-theme][data-theme] .eq-admin-mail strong,
html[data-theme][data-theme] .eq-admin-mail b,
html[data-theme][data-theme] .eq-admin-revenue strong,
html[data-theme][data-theme] .eq-admin-revenue b,
html[data-theme][data-theme] .eq-admin-whmcs strong,
html[data-theme][data-theme] .eq-admin-whmcs b {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-admin section, html[data-theme][data-theme] .eq-admin article, html[data-theme][data-theme] .eq-admin fieldset,
html[data-theme][data-theme] .eq-admin-layout section,
html[data-theme][data-theme] .eq-admin-layout article,
html[data-theme][data-theme] .eq-admin-layout fieldset,
html[data-theme][data-theme] .eq-admin-main section,
html[data-theme][data-theme] .eq-admin-main article,
html[data-theme][data-theme] .eq-admin-main fieldset,
html[data-theme][data-theme] .eq-admin-sidebar section,
html[data-theme][data-theme] .eq-admin-sidebar article,
html[data-theme][data-theme] .eq-admin-sidebar fieldset,
html[data-theme][data-theme] .eq-admin-da section,
html[data-theme][data-theme] .eq-admin-da article,
html[data-theme][data-theme] .eq-admin-da fieldset,
html[data-theme][data-theme] .eq-admin-kb section,
html[data-theme][data-theme] .eq-admin-kb article,
html[data-theme][data-theme] .eq-admin-kb fieldset,
html[data-theme][data-theme] .eq-admin-mail section,
html[data-theme][data-theme] .eq-admin-mail article,
html[data-theme][data-theme] .eq-admin-mail fieldset,
html[data-theme][data-theme] .eq-admin-revenue section,
html[data-theme][data-theme] .eq-admin-revenue article,
html[data-theme][data-theme] .eq-admin-revenue fieldset,
html[data-theme][data-theme] .eq-admin-whmcs section,
html[data-theme][data-theme] .eq-admin-whmcs article,
html[data-theme][data-theme] .eq-admin-whmcs fieldset {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-admin input, html[data-theme][data-theme] .eq-admin select, html[data-theme][data-theme] .eq-admin textarea,
html[data-theme][data-theme] .eq-admin-layout input,
html[data-theme][data-theme] .eq-admin-layout select,
html[data-theme][data-theme] .eq-admin-layout textarea,
html[data-theme][data-theme] .eq-admin-main input,
html[data-theme][data-theme] .eq-admin-main select,
html[data-theme][data-theme] .eq-admin-main textarea,
html[data-theme][data-theme] .eq-admin-sidebar input,
html[data-theme][data-theme] .eq-admin-sidebar select,
html[data-theme][data-theme] .eq-admin-sidebar textarea,
html[data-theme][data-theme] .eq-admin-da input,
html[data-theme][data-theme] .eq-admin-da select,
html[data-theme][data-theme] .eq-admin-da textarea,
html[data-theme][data-theme] .eq-admin-kb input,
html[data-theme][data-theme] .eq-admin-kb select,
html[data-theme][data-theme] .eq-admin-kb textarea,
html[data-theme][data-theme] .eq-admin-mail input,
html[data-theme][data-theme] .eq-admin-mail select,
html[data-theme][data-theme] .eq-admin-mail textarea,
html[data-theme][data-theme] .eq-admin-revenue input,
html[data-theme][data-theme] .eq-admin-revenue select,
html[data-theme][data-theme] .eq-admin-revenue textarea,
html[data-theme][data-theme] .eq-admin-whmcs input,
html[data-theme][data-theme] .eq-admin-whmcs select,
html[data-theme][data-theme] .eq-admin-whmcs textarea {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
  border-radius: 16px !important;
}
html[data-theme][data-theme] .eq-admin input:focus, html[data-theme][data-theme] .eq-admin select:focus, html[data-theme][data-theme] .eq-admin textarea:focus,
html[data-theme][data-theme] .eq-admin-layout input:focus,
html[data-theme][data-theme] .eq-admin-layout select:focus,
html[data-theme][data-theme] .eq-admin-layout textarea:focus,
html[data-theme][data-theme] .eq-admin-main input:focus,
html[data-theme][data-theme] .eq-admin-main select:focus,
html[data-theme][data-theme] .eq-admin-main textarea:focus,
html[data-theme][data-theme] .eq-admin-sidebar input:focus,
html[data-theme][data-theme] .eq-admin-sidebar select:focus,
html[data-theme][data-theme] .eq-admin-sidebar textarea:focus,
html[data-theme][data-theme] .eq-admin-da input:focus,
html[data-theme][data-theme] .eq-admin-da select:focus,
html[data-theme][data-theme] .eq-admin-da textarea:focus,
html[data-theme][data-theme] .eq-admin-kb input:focus,
html[data-theme][data-theme] .eq-admin-kb select:focus,
html[data-theme][data-theme] .eq-admin-kb textarea:focus,
html[data-theme][data-theme] .eq-admin-mail input:focus,
html[data-theme][data-theme] .eq-admin-mail select:focus,
html[data-theme][data-theme] .eq-admin-mail textarea:focus,
html[data-theme][data-theme] .eq-admin-revenue input:focus,
html[data-theme][data-theme] .eq-admin-revenue select:focus,
html[data-theme][data-theme] .eq-admin-revenue textarea:focus,
html[data-theme][data-theme] .eq-admin-whmcs input:focus,
html[data-theme][data-theme] .eq-admin-whmcs select:focus,
html[data-theme][data-theme] .eq-admin-whmcs textarea:focus {
  border-color: var(--portal-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.12) !important;
}
html[data-theme][data-theme] .eq-admin table,
html[data-theme][data-theme] .eq-admin-layout table,
html[data-theme][data-theme] .eq-admin-main table,
html[data-theme][data-theme] .eq-admin-sidebar table,
html[data-theme][data-theme] .eq-admin-da table,
html[data-theme][data-theme] .eq-admin-kb table,
html[data-theme][data-theme] .eq-admin-mail table,
html[data-theme][data-theme] .eq-admin-revenue table,
html[data-theme][data-theme] .eq-admin-whmcs table {
  background: var(--portal-surface) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-admin table th,
html[data-theme][data-theme] .eq-admin-layout table th,
html[data-theme][data-theme] .eq-admin-main table th,
html[data-theme][data-theme] .eq-admin-sidebar table th,
html[data-theme][data-theme] .eq-admin-da table th,
html[data-theme][data-theme] .eq-admin-kb table th,
html[data-theme][data-theme] .eq-admin-mail table th,
html[data-theme][data-theme] .eq-admin-revenue table th,
html[data-theme][data-theme] .eq-admin-whmcs table th {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
  border-color: var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-admin table td,
html[data-theme][data-theme] .eq-admin-layout table td,
html[data-theme][data-theme] .eq-admin-main table td,
html[data-theme][data-theme] .eq-admin-sidebar table td,
html[data-theme][data-theme] .eq-admin-da table td,
html[data-theme][data-theme] .eq-admin-kb table td,
html[data-theme][data-theme] .eq-admin-mail table td,
html[data-theme][data-theme] .eq-admin-revenue table td,
html[data-theme][data-theme] .eq-admin-whmcs table td {
  border-color: var(--portal-border) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-admin table tr:hover td,
html[data-theme][data-theme] .eq-admin-layout table tr:hover td,
html[data-theme][data-theme] .eq-admin-main table tr:hover td,
html[data-theme][data-theme] .eq-admin-sidebar table tr:hover td,
html[data-theme][data-theme] .eq-admin-da table tr:hover td,
html[data-theme][data-theme] .eq-admin-kb table tr:hover td,
html[data-theme][data-theme] .eq-admin-mail table tr:hover td,
html[data-theme][data-theme] .eq-admin-revenue table tr:hover td,
html[data-theme][data-theme] .eq-admin-whmcs table tr:hover td {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-admin-sidebar {
  background: var(--portal-surface) !important;
  border-right: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-admin-sidebar a, html[data-theme][data-theme] .eq-admin-sidebar button {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-admin-sidebar a:hover, html[data-theme][data-theme] .eq-admin-sidebar a.active, html[data-theme][data-theme] .eq-admin-sidebar a[aria-current=page], html[data-theme][data-theme] .eq-admin-sidebar button:hover, html[data-theme][data-theme] .eq-admin-sidebar button.active, html[data-theme][data-theme] .eq-admin-sidebar button[aria-current=page] {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-admin-mail__tabs {
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-admin-mail__tabs button {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: var(--portal-text-secondary) !important;
  padding: 12px 20px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
}
html[data-theme][data-theme] .eq-admin-mail__tabs button:hover {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-admin-mail__tabs button.active, html[data-theme][data-theme] .eq-admin-mail__tabs button[aria-selected=true] {
  color: var(--portal-accent) !important;
  border-bottom-color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-settings,
html[data-theme][data-theme] .eq-profile,
html[data-theme][data-theme] .eq-dns,
html[data-theme][data-theme] .eq-billing,
html[data-theme][data-theme] .eq-backup,
html[data-theme][data-theme] .eq-backups,
html[data-theme][data-theme] .eq-env,
html[data-theme][data-theme] .eq-cron,
html[data-theme][data-theme] .eq-kb,
html[data-theme][data-theme] .eq-lgpd,
html[data-theme][data-theme] .eq-tickets,
html[data-theme][data-theme] .eq-ticket,
html[data-theme][data-theme] .eq-apitokens,
html[data-theme][data-theme] .eq-audit,
html[data-theme][data-theme] .eq-logs,
html[data-theme][data-theme] .eq-balancer,
html[data-theme][data-theme] .eq-consumption-card,
html[data-theme][data-theme] .eq-traffic,
html[data-theme][data-theme] .eq-perf,
html[data-theme][data-theme] .eq-redirects,
html[data-theme][data-theme] .eq-wizard,
html[data-theme][data-theme] .eq-node-edit {
  background: transparent !important;
  color: var(--portal-text) !important;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html[data-theme][data-theme] .eq-settings h1, html[data-theme][data-theme] .eq-settings h2, html[data-theme][data-theme] .eq-settings h3, html[data-theme][data-theme] .eq-settings h4, html[data-theme][data-theme] .eq-settings h5, html[data-theme][data-theme] .eq-settings h6, html[data-theme][data-theme] .eq-settings .title, html[data-theme][data-theme] .eq-settings .heading,
html[data-theme][data-theme] .eq-profile h1,
html[data-theme][data-theme] .eq-profile h2,
html[data-theme][data-theme] .eq-profile h3,
html[data-theme][data-theme] .eq-profile h4,
html[data-theme][data-theme] .eq-profile h5,
html[data-theme][data-theme] .eq-profile h6,
html[data-theme][data-theme] .eq-profile .title,
html[data-theme][data-theme] .eq-profile .heading,
html[data-theme][data-theme] .eq-dns h1,
html[data-theme][data-theme] .eq-dns h2,
html[data-theme][data-theme] .eq-dns h3,
html[data-theme][data-theme] .eq-dns h4,
html[data-theme][data-theme] .eq-dns h5,
html[data-theme][data-theme] .eq-dns h6,
html[data-theme][data-theme] .eq-dns .title,
html[data-theme][data-theme] .eq-dns .heading,
html[data-theme][data-theme] .eq-billing h1,
html[data-theme][data-theme] .eq-billing h2,
html[data-theme][data-theme] .eq-billing h3,
html[data-theme][data-theme] .eq-billing h4,
html[data-theme][data-theme] .eq-billing h5,
html[data-theme][data-theme] .eq-billing h6,
html[data-theme][data-theme] .eq-billing .title,
html[data-theme][data-theme] .eq-billing .heading,
html[data-theme][data-theme] .eq-backup h1,
html[data-theme][data-theme] .eq-backup h2,
html[data-theme][data-theme] .eq-backup h3,
html[data-theme][data-theme] .eq-backup h4,
html[data-theme][data-theme] .eq-backup h5,
html[data-theme][data-theme] .eq-backup h6,
html[data-theme][data-theme] .eq-backup .title,
html[data-theme][data-theme] .eq-backup .heading,
html[data-theme][data-theme] .eq-backups h1,
html[data-theme][data-theme] .eq-backups h2,
html[data-theme][data-theme] .eq-backups h3,
html[data-theme][data-theme] .eq-backups h4,
html[data-theme][data-theme] .eq-backups h5,
html[data-theme][data-theme] .eq-backups h6,
html[data-theme][data-theme] .eq-backups .title,
html[data-theme][data-theme] .eq-backups .heading,
html[data-theme][data-theme] .eq-env h1,
html[data-theme][data-theme] .eq-env h2,
html[data-theme][data-theme] .eq-env h3,
html[data-theme][data-theme] .eq-env h4,
html[data-theme][data-theme] .eq-env h5,
html[data-theme][data-theme] .eq-env h6,
html[data-theme][data-theme] .eq-env .title,
html[data-theme][data-theme] .eq-env .heading,
html[data-theme][data-theme] .eq-cron h1,
html[data-theme][data-theme] .eq-cron h2,
html[data-theme][data-theme] .eq-cron h3,
html[data-theme][data-theme] .eq-cron h4,
html[data-theme][data-theme] .eq-cron h5,
html[data-theme][data-theme] .eq-cron h6,
html[data-theme][data-theme] .eq-cron .title,
html[data-theme][data-theme] .eq-cron .heading,
html[data-theme][data-theme] .eq-kb h1,
html[data-theme][data-theme] .eq-kb h2,
html[data-theme][data-theme] .eq-kb h3,
html[data-theme][data-theme] .eq-kb h4,
html[data-theme][data-theme] .eq-kb h5,
html[data-theme][data-theme] .eq-kb h6,
html[data-theme][data-theme] .eq-kb .title,
html[data-theme][data-theme] .eq-kb .heading,
html[data-theme][data-theme] .eq-lgpd h1,
html[data-theme][data-theme] .eq-lgpd h2,
html[data-theme][data-theme] .eq-lgpd h3,
html[data-theme][data-theme] .eq-lgpd h4,
html[data-theme][data-theme] .eq-lgpd h5,
html[data-theme][data-theme] .eq-lgpd h6,
html[data-theme][data-theme] .eq-lgpd .title,
html[data-theme][data-theme] .eq-lgpd .heading,
html[data-theme][data-theme] .eq-tickets h1,
html[data-theme][data-theme] .eq-tickets h2,
html[data-theme][data-theme] .eq-tickets h3,
html[data-theme][data-theme] .eq-tickets h4,
html[data-theme][data-theme] .eq-tickets h5,
html[data-theme][data-theme] .eq-tickets h6,
html[data-theme][data-theme] .eq-tickets .title,
html[data-theme][data-theme] .eq-tickets .heading,
html[data-theme][data-theme] .eq-ticket h1,
html[data-theme][data-theme] .eq-ticket h2,
html[data-theme][data-theme] .eq-ticket h3,
html[data-theme][data-theme] .eq-ticket h4,
html[data-theme][data-theme] .eq-ticket h5,
html[data-theme][data-theme] .eq-ticket h6,
html[data-theme][data-theme] .eq-ticket .title,
html[data-theme][data-theme] .eq-ticket .heading,
html[data-theme][data-theme] .eq-apitokens h1,
html[data-theme][data-theme] .eq-apitokens h2,
html[data-theme][data-theme] .eq-apitokens h3,
html[data-theme][data-theme] .eq-apitokens h4,
html[data-theme][data-theme] .eq-apitokens h5,
html[data-theme][data-theme] .eq-apitokens h6,
html[data-theme][data-theme] .eq-apitokens .title,
html[data-theme][data-theme] .eq-apitokens .heading,
html[data-theme][data-theme] .eq-audit h1,
html[data-theme][data-theme] .eq-audit h2,
html[data-theme][data-theme] .eq-audit h3,
html[data-theme][data-theme] .eq-audit h4,
html[data-theme][data-theme] .eq-audit h5,
html[data-theme][data-theme] .eq-audit h6,
html[data-theme][data-theme] .eq-audit .title,
html[data-theme][data-theme] .eq-audit .heading,
html[data-theme][data-theme] .eq-logs h1,
html[data-theme][data-theme] .eq-logs h2,
html[data-theme][data-theme] .eq-logs h3,
html[data-theme][data-theme] .eq-logs h4,
html[data-theme][data-theme] .eq-logs h5,
html[data-theme][data-theme] .eq-logs h6,
html[data-theme][data-theme] .eq-logs .title,
html[data-theme][data-theme] .eq-logs .heading,
html[data-theme][data-theme] .eq-balancer h1,
html[data-theme][data-theme] .eq-balancer h2,
html[data-theme][data-theme] .eq-balancer h3,
html[data-theme][data-theme] .eq-balancer h4,
html[data-theme][data-theme] .eq-balancer h5,
html[data-theme][data-theme] .eq-balancer h6,
html[data-theme][data-theme] .eq-balancer .title,
html[data-theme][data-theme] .eq-balancer .heading,
html[data-theme][data-theme] .eq-consumption-card h1,
html[data-theme][data-theme] .eq-consumption-card h2,
html[data-theme][data-theme] .eq-consumption-card h3,
html[data-theme][data-theme] .eq-consumption-card h4,
html[data-theme][data-theme] .eq-consumption-card h5,
html[data-theme][data-theme] .eq-consumption-card h6,
html[data-theme][data-theme] .eq-consumption-card .title,
html[data-theme][data-theme] .eq-consumption-card .heading,
html[data-theme][data-theme] .eq-traffic h1,
html[data-theme][data-theme] .eq-traffic h2,
html[data-theme][data-theme] .eq-traffic h3,
html[data-theme][data-theme] .eq-traffic h4,
html[data-theme][data-theme] .eq-traffic h5,
html[data-theme][data-theme] .eq-traffic h6,
html[data-theme][data-theme] .eq-traffic .title,
html[data-theme][data-theme] .eq-traffic .heading,
html[data-theme][data-theme] .eq-perf h1,
html[data-theme][data-theme] .eq-perf h2,
html[data-theme][data-theme] .eq-perf h3,
html[data-theme][data-theme] .eq-perf h4,
html[data-theme][data-theme] .eq-perf h5,
html[data-theme][data-theme] .eq-perf h6,
html[data-theme][data-theme] .eq-perf .title,
html[data-theme][data-theme] .eq-perf .heading,
html[data-theme][data-theme] .eq-redirects h1,
html[data-theme][data-theme] .eq-redirects h2,
html[data-theme][data-theme] .eq-redirects h3,
html[data-theme][data-theme] .eq-redirects h4,
html[data-theme][data-theme] .eq-redirects h5,
html[data-theme][data-theme] .eq-redirects h6,
html[data-theme][data-theme] .eq-redirects .title,
html[data-theme][data-theme] .eq-redirects .heading,
html[data-theme][data-theme] .eq-wizard h1,
html[data-theme][data-theme] .eq-wizard h2,
html[data-theme][data-theme] .eq-wizard h3,
html[data-theme][data-theme] .eq-wizard h4,
html[data-theme][data-theme] .eq-wizard h5,
html[data-theme][data-theme] .eq-wizard h6,
html[data-theme][data-theme] .eq-wizard .title,
html[data-theme][data-theme] .eq-wizard .heading,
html[data-theme][data-theme] .eq-node-edit h1,
html[data-theme][data-theme] .eq-node-edit h2,
html[data-theme][data-theme] .eq-node-edit h3,
html[data-theme][data-theme] .eq-node-edit h4,
html[data-theme][data-theme] .eq-node-edit h5,
html[data-theme][data-theme] .eq-node-edit h6,
html[data-theme][data-theme] .eq-node-edit .title,
html[data-theme][data-theme] .eq-node-edit .heading {
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}
html[data-theme][data-theme] .eq-settings p, html[data-theme][data-theme] .eq-settings span, html[data-theme][data-theme] .eq-settings label, html[data-theme][data-theme] .eq-settings small, html[data-theme][data-theme] .eq-settings .desc, html[data-theme][data-theme] .eq-settings .subtitle,
html[data-theme][data-theme] .eq-profile p,
html[data-theme][data-theme] .eq-profile span,
html[data-theme][data-theme] .eq-profile label,
html[data-theme][data-theme] .eq-profile small,
html[data-theme][data-theme] .eq-profile .desc,
html[data-theme][data-theme] .eq-profile .subtitle,
html[data-theme][data-theme] .eq-dns p,
html[data-theme][data-theme] .eq-dns span,
html[data-theme][data-theme] .eq-dns label,
html[data-theme][data-theme] .eq-dns small,
html[data-theme][data-theme] .eq-dns .desc,
html[data-theme][data-theme] .eq-dns .subtitle,
html[data-theme][data-theme] .eq-billing p,
html[data-theme][data-theme] .eq-billing span,
html[data-theme][data-theme] .eq-billing label,
html[data-theme][data-theme] .eq-billing small,
html[data-theme][data-theme] .eq-billing .desc,
html[data-theme][data-theme] .eq-billing .subtitle,
html[data-theme][data-theme] .eq-backup p,
html[data-theme][data-theme] .eq-backup span,
html[data-theme][data-theme] .eq-backup label,
html[data-theme][data-theme] .eq-backup small,
html[data-theme][data-theme] .eq-backup .desc,
html[data-theme][data-theme] .eq-backup .subtitle,
html[data-theme][data-theme] .eq-backups p,
html[data-theme][data-theme] .eq-backups span,
html[data-theme][data-theme] .eq-backups label,
html[data-theme][data-theme] .eq-backups small,
html[data-theme][data-theme] .eq-backups .desc,
html[data-theme][data-theme] .eq-backups .subtitle,
html[data-theme][data-theme] .eq-env p,
html[data-theme][data-theme] .eq-env span,
html[data-theme][data-theme] .eq-env label,
html[data-theme][data-theme] .eq-env small,
html[data-theme][data-theme] .eq-env .desc,
html[data-theme][data-theme] .eq-env .subtitle,
html[data-theme][data-theme] .eq-cron p,
html[data-theme][data-theme] .eq-cron span,
html[data-theme][data-theme] .eq-cron label,
html[data-theme][data-theme] .eq-cron small,
html[data-theme][data-theme] .eq-cron .desc,
html[data-theme][data-theme] .eq-cron .subtitle,
html[data-theme][data-theme] .eq-kb p,
html[data-theme][data-theme] .eq-kb span,
html[data-theme][data-theme] .eq-kb label,
html[data-theme][data-theme] .eq-kb small,
html[data-theme][data-theme] .eq-kb .desc,
html[data-theme][data-theme] .eq-kb .subtitle,
html[data-theme][data-theme] .eq-lgpd p,
html[data-theme][data-theme] .eq-lgpd span,
html[data-theme][data-theme] .eq-lgpd label,
html[data-theme][data-theme] .eq-lgpd small,
html[data-theme][data-theme] .eq-lgpd .desc,
html[data-theme][data-theme] .eq-lgpd .subtitle,
html[data-theme][data-theme] .eq-tickets p,
html[data-theme][data-theme] .eq-tickets span,
html[data-theme][data-theme] .eq-tickets label,
html[data-theme][data-theme] .eq-tickets small,
html[data-theme][data-theme] .eq-tickets .desc,
html[data-theme][data-theme] .eq-tickets .subtitle,
html[data-theme][data-theme] .eq-ticket p,
html[data-theme][data-theme] .eq-ticket span,
html[data-theme][data-theme] .eq-ticket label,
html[data-theme][data-theme] .eq-ticket small,
html[data-theme][data-theme] .eq-ticket .desc,
html[data-theme][data-theme] .eq-ticket .subtitle,
html[data-theme][data-theme] .eq-apitokens p,
html[data-theme][data-theme] .eq-apitokens span,
html[data-theme][data-theme] .eq-apitokens label,
html[data-theme][data-theme] .eq-apitokens small,
html[data-theme][data-theme] .eq-apitokens .desc,
html[data-theme][data-theme] .eq-apitokens .subtitle,
html[data-theme][data-theme] .eq-audit p,
html[data-theme][data-theme] .eq-audit span,
html[data-theme][data-theme] .eq-audit label,
html[data-theme][data-theme] .eq-audit small,
html[data-theme][data-theme] .eq-audit .desc,
html[data-theme][data-theme] .eq-audit .subtitle,
html[data-theme][data-theme] .eq-logs p,
html[data-theme][data-theme] .eq-logs span,
html[data-theme][data-theme] .eq-logs label,
html[data-theme][data-theme] .eq-logs small,
html[data-theme][data-theme] .eq-logs .desc,
html[data-theme][data-theme] .eq-logs .subtitle,
html[data-theme][data-theme] .eq-balancer p,
html[data-theme][data-theme] .eq-balancer span,
html[data-theme][data-theme] .eq-balancer label,
html[data-theme][data-theme] .eq-balancer small,
html[data-theme][data-theme] .eq-balancer .desc,
html[data-theme][data-theme] .eq-balancer .subtitle,
html[data-theme][data-theme] .eq-consumption-card p,
html[data-theme][data-theme] .eq-consumption-card span,
html[data-theme][data-theme] .eq-consumption-card label,
html[data-theme][data-theme] .eq-consumption-card small,
html[data-theme][data-theme] .eq-consumption-card .desc,
html[data-theme][data-theme] .eq-consumption-card .subtitle,
html[data-theme][data-theme] .eq-traffic p,
html[data-theme][data-theme] .eq-traffic span,
html[data-theme][data-theme] .eq-traffic label,
html[data-theme][data-theme] .eq-traffic small,
html[data-theme][data-theme] .eq-traffic .desc,
html[data-theme][data-theme] .eq-traffic .subtitle,
html[data-theme][data-theme] .eq-perf p,
html[data-theme][data-theme] .eq-perf span,
html[data-theme][data-theme] .eq-perf label,
html[data-theme][data-theme] .eq-perf small,
html[data-theme][data-theme] .eq-perf .desc,
html[data-theme][data-theme] .eq-perf .subtitle,
html[data-theme][data-theme] .eq-redirects p,
html[data-theme][data-theme] .eq-redirects span,
html[data-theme][data-theme] .eq-redirects label,
html[data-theme][data-theme] .eq-redirects small,
html[data-theme][data-theme] .eq-redirects .desc,
html[data-theme][data-theme] .eq-redirects .subtitle,
html[data-theme][data-theme] .eq-wizard p,
html[data-theme][data-theme] .eq-wizard span,
html[data-theme][data-theme] .eq-wizard label,
html[data-theme][data-theme] .eq-wizard small,
html[data-theme][data-theme] .eq-wizard .desc,
html[data-theme][data-theme] .eq-wizard .subtitle,
html[data-theme][data-theme] .eq-node-edit p,
html[data-theme][data-theme] .eq-node-edit span,
html[data-theme][data-theme] .eq-node-edit label,
html[data-theme][data-theme] .eq-node-edit small,
html[data-theme][data-theme] .eq-node-edit .desc,
html[data-theme][data-theme] .eq-node-edit .subtitle {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-settings strong, html[data-theme][data-theme] .eq-settings b,
html[data-theme][data-theme] .eq-profile strong,
html[data-theme][data-theme] .eq-profile b,
html[data-theme][data-theme] .eq-dns strong,
html[data-theme][data-theme] .eq-dns b,
html[data-theme][data-theme] .eq-billing strong,
html[data-theme][data-theme] .eq-billing b,
html[data-theme][data-theme] .eq-backup strong,
html[data-theme][data-theme] .eq-backup b,
html[data-theme][data-theme] .eq-backups strong,
html[data-theme][data-theme] .eq-backups b,
html[data-theme][data-theme] .eq-env strong,
html[data-theme][data-theme] .eq-env b,
html[data-theme][data-theme] .eq-cron strong,
html[data-theme][data-theme] .eq-cron b,
html[data-theme][data-theme] .eq-kb strong,
html[data-theme][data-theme] .eq-kb b,
html[data-theme][data-theme] .eq-lgpd strong,
html[data-theme][data-theme] .eq-lgpd b,
html[data-theme][data-theme] .eq-tickets strong,
html[data-theme][data-theme] .eq-tickets b,
html[data-theme][data-theme] .eq-ticket strong,
html[data-theme][data-theme] .eq-ticket b,
html[data-theme][data-theme] .eq-apitokens strong,
html[data-theme][data-theme] .eq-apitokens b,
html[data-theme][data-theme] .eq-audit strong,
html[data-theme][data-theme] .eq-audit b,
html[data-theme][data-theme] .eq-logs strong,
html[data-theme][data-theme] .eq-logs b,
html[data-theme][data-theme] .eq-balancer strong,
html[data-theme][data-theme] .eq-balancer b,
html[data-theme][data-theme] .eq-consumption-card strong,
html[data-theme][data-theme] .eq-consumption-card b,
html[data-theme][data-theme] .eq-traffic strong,
html[data-theme][data-theme] .eq-traffic b,
html[data-theme][data-theme] .eq-perf strong,
html[data-theme][data-theme] .eq-perf b,
html[data-theme][data-theme] .eq-redirects strong,
html[data-theme][data-theme] .eq-redirects b,
html[data-theme][data-theme] .eq-wizard strong,
html[data-theme][data-theme] .eq-wizard b,
html[data-theme][data-theme] .eq-node-edit strong,
html[data-theme][data-theme] .eq-node-edit b {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-settings > div[class*=card], html[data-theme][data-theme] .eq-settings > div[class*=panel], html[data-theme][data-theme] .eq-settings > div[class*=section], html[data-theme][data-theme] .eq-settings > div[class*=block],
html[data-theme][data-theme] .eq-settings section[class*=card],
html[data-theme][data-theme] .eq-settings section[class*=panel],
html[data-theme][data-theme] .eq-settings section[class*=section],
html[data-theme][data-theme] .eq-settings section[class*=block],
html[data-theme][data-theme] .eq-profile > div[class*=card],
html[data-theme][data-theme] .eq-profile > div[class*=panel],
html[data-theme][data-theme] .eq-profile > div[class*=section],
html[data-theme][data-theme] .eq-profile > div[class*=block],
html[data-theme][data-theme] .eq-profile section[class*=card],
html[data-theme][data-theme] .eq-profile section[class*=panel],
html[data-theme][data-theme] .eq-profile section[class*=section],
html[data-theme][data-theme] .eq-profile section[class*=block],
html[data-theme][data-theme] .eq-dns > div[class*=card],
html[data-theme][data-theme] .eq-dns > div[class*=panel],
html[data-theme][data-theme] .eq-dns > div[class*=section],
html[data-theme][data-theme] .eq-dns > div[class*=block],
html[data-theme][data-theme] .eq-dns section[class*=card],
html[data-theme][data-theme] .eq-dns section[class*=panel],
html[data-theme][data-theme] .eq-dns section[class*=section],
html[data-theme][data-theme] .eq-dns section[class*=block],
html[data-theme][data-theme] .eq-billing > div[class*=card],
html[data-theme][data-theme] .eq-billing > div[class*=panel],
html[data-theme][data-theme] .eq-billing > div[class*=section],
html[data-theme][data-theme] .eq-billing > div[class*=block],
html[data-theme][data-theme] .eq-billing section[class*=card],
html[data-theme][data-theme] .eq-billing section[class*=panel],
html[data-theme][data-theme] .eq-billing section[class*=section],
html[data-theme][data-theme] .eq-billing section[class*=block],
html[data-theme][data-theme] .eq-backup > div[class*=card],
html[data-theme][data-theme] .eq-backup > div[class*=panel],
html[data-theme][data-theme] .eq-backup > div[class*=section],
html[data-theme][data-theme] .eq-backup > div[class*=block],
html[data-theme][data-theme] .eq-backups > div[class*=card],
html[data-theme][data-theme] .eq-backups > div[class*=panel],
html[data-theme][data-theme] .eq-backups > div[class*=section],
html[data-theme][data-theme] .eq-backups > div[class*=block],
html[data-theme][data-theme] .eq-env > div[class*=card],
html[data-theme][data-theme] .eq-env > div[class*=panel],
html[data-theme][data-theme] .eq-env > div[class*=section],
html[data-theme][data-theme] .eq-env > div[class*=block],
html[data-theme][data-theme] .eq-cron > div[class*=card],
html[data-theme][data-theme] .eq-cron > div[class*=panel],
html[data-theme][data-theme] .eq-cron > div[class*=section],
html[data-theme][data-theme] .eq-cron > div[class*=block],
html[data-theme][data-theme] .eq-kb > div[class*=card],
html[data-theme][data-theme] .eq-kb > div[class*=panel],
html[data-theme][data-theme] .eq-kb > div[class*=section],
html[data-theme][data-theme] .eq-kb > div[class*=block],
html[data-theme][data-theme] .eq-tickets > div[class*=card],
html[data-theme][data-theme] .eq-tickets > div[class*=panel],
html[data-theme][data-theme] .eq-tickets > div[class*=section],
html[data-theme][data-theme] .eq-tickets > div[class*=block],
html[data-theme][data-theme] .eq-ticket > div[class*=card],
html[data-theme][data-theme] .eq-ticket > div[class*=panel],
html[data-theme][data-theme] .eq-ticket > div[class*=section],
html[data-theme][data-theme] .eq-ticket > div[class*=block],
html[data-theme][data-theme] .eq-apitokens > div[class*=card],
html[data-theme][data-theme] .eq-apitokens > div[class*=panel],
html[data-theme][data-theme] .eq-apitokens > div[class*=section],
html[data-theme][data-theme] .eq-apitokens > div[class*=block],
html[data-theme][data-theme] .eq-audit > div[class*=card],
html[data-theme][data-theme] .eq-audit > div[class*=panel],
html[data-theme][data-theme] .eq-audit > div[class*=section],
html[data-theme][data-theme] .eq-audit > div[class*=block],
html[data-theme][data-theme] .eq-logs > div[class*=card],
html[data-theme][data-theme] .eq-logs > div[class*=panel],
html[data-theme][data-theme] .eq-logs > div[class*=section],
html[data-theme][data-theme] .eq-logs > div[class*=block],
html[data-theme][data-theme] .eq-balancer > div[class*=card],
html[data-theme][data-theme] .eq-balancer > div[class*=panel],
html[data-theme][data-theme] .eq-balancer > div[class*=section],
html[data-theme][data-theme] .eq-balancer > div[class*=block],
html[data-theme][data-theme] .eq-traffic > div[class*=card],
html[data-theme][data-theme] .eq-traffic > div[class*=panel],
html[data-theme][data-theme] .eq-traffic > div[class*=section],
html[data-theme][data-theme] .eq-traffic > div[class*=block],
html[data-theme][data-theme] .eq-perf > div[class*=card],
html[data-theme][data-theme] .eq-perf > div[class*=panel],
html[data-theme][data-theme] .eq-perf > div[class*=section],
html[data-theme][data-theme] .eq-perf > div[class*=block],
html[data-theme][data-theme] .eq-redirects > div[class*=card],
html[data-theme][data-theme] .eq-redirects > div[class*=panel],
html[data-theme][data-theme] .eq-redirects > div[class*=section],
html[data-theme][data-theme] .eq-redirects > div[class*=block],
html[data-theme][data-theme] .eq-wizard > div[class*=card],
html[data-theme][data-theme] .eq-wizard > div[class*=panel],
html[data-theme][data-theme] .eq-wizard > div[class*=section],
html[data-theme][data-theme] .eq-wizard > div[class*=block],
html[data-theme][data-theme] .eq-node-edit > div[class*=card],
html[data-theme][data-theme] .eq-node-edit > div[class*=panel],
html[data-theme][data-theme] .eq-node-edit > div[class*=section],
html[data-theme][data-theme] .eq-node-edit > div[class*=block] {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
  padding: 20px !important;
}
html[data-theme][data-theme] .eq-ticket__card, html[data-theme][data-theme] .eq-ticket__item, html[data-theme][data-theme] .eq-ticket__list, html[data-theme][data-theme] .eq-ticket__body, html[data-theme][data-theme] .eq-ticket__msg, html[data-theme][data-theme] .eq-ticket__create, html[data-theme][data-theme] .eq-ticket__reply,
html[data-theme][data-theme] .eq-tickets__card,
html[data-theme][data-theme] .eq-tickets__item,
html[data-theme][data-theme] .eq-tickets__list,
html[data-theme][data-theme] .eq-tickets__body,
html[data-theme][data-theme] .eq-tickets__msg,
html[data-theme][data-theme] .eq-tickets__create,
html[data-theme][data-theme] .eq-tickets__reply {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ticket__header,
html[data-theme][data-theme] .eq-tickets__header {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ticket__msg--user,
html[data-theme][data-theme] .eq-tickets__msg--user {
  background: var(--portal-accent-light) !important;
  border-left: 3px solid var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-ticket__meta, html[data-theme][data-theme] .eq-ticket__date,
html[data-theme][data-theme] .eq-tickets__meta,
html[data-theme][data-theme] .eq-tickets__date {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-backup__card, html[data-theme][data-theme] .eq-backup__item, html[data-theme][data-theme] .eq-backup__list,
html[data-theme][data-theme] .eq-backups__card,
html[data-theme][data-theme] .eq-backups__item,
html[data-theme][data-theme] .eq-backups__list {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-backup__name, html[data-theme][data-theme] .eq-backup__title,
html[data-theme][data-theme] .eq-backups__name,
html[data-theme][data-theme] .eq-backups__title {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-backup__date, html[data-theme][data-theme] .eq-backup__size,
html[data-theme][data-theme] .eq-backups__date,
html[data-theme][data-theme] .eq-backups__size {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-cron__card, html[data-theme][data-theme] .eq-cron__item, html[data-theme][data-theme] .eq-cron__list,
html[data-theme][data-theme] .eq-cron-job__card,
html[data-theme][data-theme] .eq-cron-job__item,
html[data-theme][data-theme] .eq-cron-job__list {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-cron-status--ok {
  color: #10b981 !important;
}
html[data-theme][data-theme] .eq-cron-status--err {
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-cron-status--idle {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-db-card,
html[data-theme][data-theme] .eq-db-creds,
html[data-theme][data-theme] .eq-db-stats,
html[data-theme][data-theme] .eq-db-tab,
html[data-theme][data-theme] .eq-db-tools {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-db-card h1, html[data-theme][data-theme] .eq-db-card h2, html[data-theme][data-theme] .eq-db-card h3, html[data-theme][data-theme] .eq-db-card h4, html[data-theme][data-theme] .eq-db-card h5, html[data-theme][data-theme] .eq-db-card h6,
html[data-theme][data-theme] .eq-db-creds h1,
html[data-theme][data-theme] .eq-db-creds h2,
html[data-theme][data-theme] .eq-db-creds h3,
html[data-theme][data-theme] .eq-db-creds h4,
html[data-theme][data-theme] .eq-db-creds h5,
html[data-theme][data-theme] .eq-db-creds h6,
html[data-theme][data-theme] .eq-db-stats h1,
html[data-theme][data-theme] .eq-db-stats h2,
html[data-theme][data-theme] .eq-db-stats h3,
html[data-theme][data-theme] .eq-db-stats h4,
html[data-theme][data-theme] .eq-db-stats h5,
html[data-theme][data-theme] .eq-db-stats h6,
html[data-theme][data-theme] .eq-db-tab h1,
html[data-theme][data-theme] .eq-db-tab h2,
html[data-theme][data-theme] .eq-db-tab h3,
html[data-theme][data-theme] .eq-db-tab h4,
html[data-theme][data-theme] .eq-db-tab h5,
html[data-theme][data-theme] .eq-db-tab h6,
html[data-theme][data-theme] .eq-db-tools h1,
html[data-theme][data-theme] .eq-db-tools h2,
html[data-theme][data-theme] .eq-db-tools h3,
html[data-theme][data-theme] .eq-db-tools h4,
html[data-theme][data-theme] .eq-db-tools h5,
html[data-theme][data-theme] .eq-db-tools h6 {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-db-card p, html[data-theme][data-theme] .eq-db-card span, html[data-theme][data-theme] .eq-db-card small,
html[data-theme][data-theme] .eq-db-creds p,
html[data-theme][data-theme] .eq-db-creds span,
html[data-theme][data-theme] .eq-db-creds small,
html[data-theme][data-theme] .eq-db-stats p,
html[data-theme][data-theme] .eq-db-stats span,
html[data-theme][data-theme] .eq-db-stats small,
html[data-theme][data-theme] .eq-db-tab p,
html[data-theme][data-theme] .eq-db-tab span,
html[data-theme][data-theme] .eq-db-tab small,
html[data-theme][data-theme] .eq-db-tools p,
html[data-theme][data-theme] .eq-db-tools span,
html[data-theme][data-theme] .eq-db-tools small {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-fm,
html[data-theme][data-theme] .eq-fm-list,
html[data-theme][data-theme] .eq-fm-row,
html[data-theme][data-theme] .eq-fm-editor,
html[data-theme][data-theme] .eq-fm-breadcrumb,
html[data-theme][data-theme] .eq-fm-banner,
html[data-theme][data-theme] .eq-fm-dropzone,
html[data-theme][data-theme] .eq-fm-upload-overlay {
  background: var(--portal-surface) !important;
  border-color: var(--portal-border) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-fm-row {
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-fm-row:hover {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-fm-row--selected, html[data-theme][data-theme] .eq-fm-row.selected {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-fm-breadcrumb {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-fm-breadcrumb a {
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-fm-breadcrumb span {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-fm-editor {
  background: var(--portal-bg) !important;
  border: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-ftps-actions,
html[data-theme][data-theme] .eq-ftps-activate,
html[data-theme][data-theme] .eq-ftps-creds,
html[data-theme][data-theme] .eq-ftps-tip {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ftps-creds code, html[data-theme][data-theme] .eq-ftps-creds input {
  background: var(--portal-surface2) !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-border) !important;
  font-family: "Courier New", monospace !important;
}
html[data-theme][data-theme] .eq-git-actions,
html[data-theme][data-theme] .eq-git-form,
html[data-theme][data-theme] .eq-git-info,
html[data-theme][data-theme] .eq-git-keys,
html[data-theme][data-theme] .eq-git-section,
html[data-theme][data-theme] .eq-git-steps,
html[data-theme][data-theme] .eq-git-add-key,
html[data-theme][data-theme] .eq-git-code-example,
html[data-theme][data-theme] .eq-git-copyfield,
html[data-theme][data-theme] .eq-git-key-textarea {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-git-code-example,
html[data-theme][data-theme] .eq-git-copyfield {
  background: var(--portal-surface2) !important;
  font-family: "Courier New", monospace !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-git-status--ok {
  color: #10b981 !important;
}
html[data-theme][data-theme] .eq-git-status--err {
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-ssl-card {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ssl-info,
html[data-theme][data-theme] .eq-ssl-custom,
html[data-theme][data-theme] .eq-ssl-warn {
  background: transparent !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  padding: 14px 22px !important;
}
html[data-theme][data-theme] .eq-ssl-head {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ssl-hint {
  background: transparent !important;
  border: 1px solid var(--portal-border) !important;
  border-left: 3px solid #e8a94e !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  padding: 12px 18px !important;
}
html[data-theme][data-theme] .eq-ssl-card--active {
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.05) !important;
}
html[data-theme][data-theme] .eq-ssl-card--missing,
html[data-theme][data-theme] .eq-ssl-card--error {
  border-color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.05) !important;
}
html[data-theme][data-theme] .eq-ssl-title, html[data-theme][data-theme] .eq-ssl-sub {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-ssl-error-detail {
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-php-row,
html[data-theme][data-theme] .eq-php-select,
html[data-theme][data-theme] .eq-php-settings,
html[data-theme][data-theme] .eq-php-slider,
html[data-theme][data-theme] .eq-php-confirm,
html[data-theme][data-theme] .eq-php-result,
html[data-theme][data-theme] .eq-php-menu,
html[data-theme][data-theme] .eq-php-badge {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-php-badge {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 16px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-plan-view,
html[data-theme][data-theme] .eq-plan-list,
html[data-theme][data-theme] .eq-plan-row,
html[data-theme][data-theme] .eq-plan-section,
html[data-theme][data-theme] .eq-plan-result {
  background: transparent !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-plan-row {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
}
html[data-theme][data-theme] .eq-plan-row:hover {
  border-color: var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-plan-row.selected, html[data-theme][data-theme] .eq-plan-row--selected {
  border-color: var(--portal-accent) !important;
  background: var(--portal-accent-light) !important;
}
html[data-theme][data-theme] .eq-platform-card,
html[data-theme][data-theme] .eq-platform-section,
html[data-theme][data-theme] .eq-platform-confirm,
html[data-theme][data-theme] .eq-platform-cta,
html[data-theme][data-theme] .eq-platform-hexrow,
html[data-theme][data-theme] .eq-platform-size {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-platform-card {
  transition: all 0.25s ease !important;
}
html[data-theme][data-theme] .eq-platform-card:hover {
  border-color: var(--portal-accent-border) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--portal-shadow-hover) !important;
}
html[data-theme][data-theme] .eq-install-step,
html[data-theme][data-theme] .eq-install-steps,
html[data-theme][data-theme] .eq-install-success-actions,
html[data-theme][data-theme] .eq-install-ssl-note {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-install-hex-icon,
html[data-theme][data-theme] .eq-install-success-icon {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-wpinstall-card,
html[data-theme][data-theme] .eq-wpinstall-addon,
html[data-theme][data-theme] .eq-wpinstall-coupon,
html[data-theme][data-theme] .eq-wpinstall-plan,
html[data-theme][data-theme] .eq-wpinstall-plans,
html[data-theme][data-theme] .eq-wpinstall-field,
html[data-theme][data-theme] .eq-wpinstall-error {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-wpinstall-field input,
html[data-theme][data-theme] .eq-wpinstall-field--password input {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-redirect-row,
html[data-theme][data-theme] .eq-redirect-form,
html[data-theme][data-theme] .eq-redirect-edit,
html[data-theme][data-theme] .eq-redirect-empty {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-email,
html[data-theme][data-theme] .eq-emails,
html[data-theme][data-theme] .eq-newmail,
html[data-theme][data-theme] .eq-webmail {
  background: transparent !important;
  color: var(--portal-text) !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-email__sidebar, html[data-theme][data-theme] .eq-email__folders, html[data-theme][data-theme] .eq-email__list, html[data-theme][data-theme] .eq-email__preview, html[data-theme][data-theme] .eq-email__compose, html[data-theme][data-theme] .eq-email__header,
html[data-theme][data-theme] .eq-emails__sidebar,
html[data-theme][data-theme] .eq-emails__folders,
html[data-theme][data-theme] .eq-emails__list,
html[data-theme][data-theme] .eq-emails__preview,
html[data-theme][data-theme] .eq-emails__compose,
html[data-theme][data-theme] .eq-emails__header,
html[data-theme][data-theme] .eq-newmail__sidebar,
html[data-theme][data-theme] .eq-newmail__folders,
html[data-theme][data-theme] .eq-newmail__list,
html[data-theme][data-theme] .eq-newmail__preview,
html[data-theme][data-theme] .eq-newmail__compose,
html[data-theme][data-theme] .eq-newmail__header,
html[data-theme][data-theme] .eq-webmail__sidebar,
html[data-theme][data-theme] .eq-webmail__folders,
html[data-theme][data-theme] .eq-webmail__list,
html[data-theme][data-theme] .eq-webmail__preview,
html[data-theme][data-theme] .eq-webmail__compose,
html[data-theme][data-theme] .eq-webmail__header {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-email__folder-item,
html[data-theme][data-theme] .eq-emails__folder-item,
html[data-theme][data-theme] .eq-newmail__folder-item,
html[data-theme][data-theme] .eq-webmail__folder-item {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-email__folder-item:hover,
html[data-theme][data-theme] .eq-emails__folder-item:hover,
html[data-theme][data-theme] .eq-newmail__folder-item:hover,
html[data-theme][data-theme] .eq-webmail__folder-item:hover {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-email__folder-item.active, html[data-theme][data-theme] .eq-email__folder-item--active,
html[data-theme][data-theme] .eq-emails__folder-item.active,
html[data-theme][data-theme] .eq-emails__folder-item--active,
html[data-theme][data-theme] .eq-newmail__folder-item.active,
html[data-theme][data-theme] .eq-newmail__folder-item--active,
html[data-theme][data-theme] .eq-webmail__folder-item.active,
html[data-theme][data-theme] .eq-webmail__folder-item--active {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-email__message-item,
html[data-theme][data-theme] .eq-emails__message-item,
html[data-theme][data-theme] .eq-newmail__message-item,
html[data-theme][data-theme] .eq-webmail__message-item {
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-email__message-item:hover,
html[data-theme][data-theme] .eq-emails__message-item:hover,
html[data-theme][data-theme] .eq-newmail__message-item:hover,
html[data-theme][data-theme] .eq-webmail__message-item:hover {
  background: var(--portal-surface2) !important;
}
html[data-theme][data-theme] .eq-email__message-item--selected, html[data-theme][data-theme] .eq-email__message-item.selected,
html[data-theme][data-theme] .eq-emails__message-item--selected,
html[data-theme][data-theme] .eq-emails__message-item.selected,
html[data-theme][data-theme] .eq-newmail__message-item--selected,
html[data-theme][data-theme] .eq-newmail__message-item.selected,
html[data-theme][data-theme] .eq-webmail__message-item--selected,
html[data-theme][data-theme] .eq-webmail__message-item.selected {
  background: var(--portal-accent-light) !important;
  border-left: 3px solid var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-email__message-item--unread,
html[data-theme][data-theme] .eq-emails__message-item--unread,
html[data-theme][data-theme] .eq-newmail__message-item--unread,
html[data-theme][data-theme] .eq-webmail__message-item--unread {
  font-weight: 600 !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-email h1, html[data-theme][data-theme] .eq-email h2, html[data-theme][data-theme] .eq-email h3, html[data-theme][data-theme] .eq-email h4, html[data-theme][data-theme] .eq-email h5, html[data-theme][data-theme] .eq-email h6,
html[data-theme][data-theme] .eq-emails h1,
html[data-theme][data-theme] .eq-emails h2,
html[data-theme][data-theme] .eq-emails h3,
html[data-theme][data-theme] .eq-emails h4,
html[data-theme][data-theme] .eq-emails h5,
html[data-theme][data-theme] .eq-emails h6,
html[data-theme][data-theme] .eq-newmail h1,
html[data-theme][data-theme] .eq-newmail h2,
html[data-theme][data-theme] .eq-newmail h3,
html[data-theme][data-theme] .eq-newmail h4,
html[data-theme][data-theme] .eq-newmail h5,
html[data-theme][data-theme] .eq-newmail h6,
html[data-theme][data-theme] .eq-webmail h1,
html[data-theme][data-theme] .eq-webmail h2,
html[data-theme][data-theme] .eq-webmail h3,
html[data-theme][data-theme] .eq-webmail h4,
html[data-theme][data-theme] .eq-webmail h5,
html[data-theme][data-theme] .eq-webmail h6 {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-email p,
html[data-theme][data-theme] .eq-emails p,
html[data-theme][data-theme] .eq-newmail p,
html[data-theme][data-theme] .eq-webmail p {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-dns__card, html[data-theme][data-theme] .eq-dns__list, html[data-theme][data-theme] .eq-dns__record, html[data-theme][data-theme] .eq-dns__row {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-dns__type-badge {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-accent-border) !important;
  border-radius: 16px !important;
  padding: 2px 8px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}
html[data-theme][data-theme] .eq-logs,
html[data-theme][data-theme] .eq-cluster-log {
  background: var(--portal-bg) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  font-family: "Courier New", monospace !important;
}
html[data-theme][data-theme] .eq-logs pre, html[data-theme][data-theme] .eq-logs code,
html[data-theme][data-theme] .eq-cluster-log pre,
html[data-theme][data-theme] .eq-cluster-log code {
  background: transparent !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-emails {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  padding: 22px 26px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-emails__header {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--portal-border) !important;
  border-radius: 0 !important;
  padding: 0 0 14px 0 !important;
  margin-bottom: 16px !important;
}
html[data-theme][data-theme] .eq-emails__list {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
html[data-theme][data-theme] .eq-emails .eq-dns__empty {
  background: transparent !important;
  border: none !important;
  padding: 28px 0 !important;
  text-align: center !important;
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-traffic__card, html[data-theme][data-theme] .eq-traffic__chart, html[data-theme][data-theme] .eq-traffic__metric,
html[data-theme][data-theme] .eq-perf__card,
html[data-theme][data-theme] .eq-perf__chart,
html[data-theme][data-theme] .eq-perf__metric {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-balancer__card, html[data-theme][data-theme] .eq-balancer__node, html[data-theme][data-theme] .eq-balancer__list {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-chat-widget {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
  box-shadow: var(--portal-shadow) !important;
}
html[data-theme][data-theme] .eq-chat-widget__header {
  background: var(--portal-accent) !important;
  color: #fff !important;
}
html[data-theme][data-theme] .eq-chat-widget__msg--bot {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-chat-widget__msg--user {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-cookie-banner {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-top: 3px solid var(--portal-accent) !important;
  color: var(--portal-text) !important;
  box-shadow: var(--portal-shadow) !important;
}
html[data-theme][data-theme] .eq-coupon,
html[data-theme][data-theme] .eq-checkout-coupon {
  background: var(--portal-surface2) !important;
  border: 1px dashed var(--portal-accent-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-coupon--applied,
html[data-theme][data-theme] .eq-checkout-coupon--applied {
  border-style: solid !important;
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.05) !important;
}
html[data-theme][data-theme] .eq-nps,
html[data-theme][data-theme] .eq-notif-bell,
html[data-theme][data-theme] .eq-notif-dropdown,
html[data-theme][data-theme] .eq-trial-banner {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-trial-banner {
  border-left: 3px solid var(--portal-accent) !important;
  background: var(--portal-accent-light) !important;
}
html[data-theme][data-theme] .eq-toast,
html[data-theme][data-theme] .eq-toast-stack > * {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  box-shadow: var(--portal-shadow) !important;
}
html[data-theme][data-theme] .eq-addbal {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-profile__avatar {
  background: var(--portal-accent) !important;
  color: #fff !important;
  border: 3px solid var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-profile__card {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-profile__section {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
html[data-theme][data-theme] .eq-confirm {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-divider {
  border-color: var(--portal-border) !important;
  background: var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-empty,
html[data-theme][data-theme] .eq-empty-state,
html[data-theme][data-theme] .eq-fm-empty,
html[data-theme][data-theme] .eq-redirect-empty {
  background: var(--portal-surface) !important;
  border: 1px dashed var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-muted) !important;
  padding: 48px 24px !important;
  text-align: center !important;
}
html[data-theme][data-theme] .eq-empty i, html[data-theme][data-theme] .eq-empty svg,
html[data-theme][data-theme] .eq-empty-state i,
html[data-theme][data-theme] .eq-empty-state svg,
html[data-theme][data-theme] .eq-fm-empty i,
html[data-theme][data-theme] .eq-fm-empty svg,
html[data-theme][data-theme] .eq-redirect-empty i,
html[data-theme][data-theme] .eq-redirect-empty svg {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-empty h1, html[data-theme][data-theme] .eq-empty h2, html[data-theme][data-theme] .eq-empty h3, html[data-theme][data-theme] .eq-empty h4, html[data-theme][data-theme] .eq-empty h5, html[data-theme][data-theme] .eq-empty h6,
html[data-theme][data-theme] .eq-empty-state h1,
html[data-theme][data-theme] .eq-empty-state h2,
html[data-theme][data-theme] .eq-empty-state h3,
html[data-theme][data-theme] .eq-empty-state h4,
html[data-theme][data-theme] .eq-empty-state h5,
html[data-theme][data-theme] .eq-empty-state h6,
html[data-theme][data-theme] .eq-fm-empty h1,
html[data-theme][data-theme] .eq-fm-empty h2,
html[data-theme][data-theme] .eq-fm-empty h3,
html[data-theme][data-theme] .eq-fm-empty h4,
html[data-theme][data-theme] .eq-fm-empty h5,
html[data-theme][data-theme] .eq-fm-empty h6,
html[data-theme][data-theme] .eq-redirect-empty h1,
html[data-theme][data-theme] .eq-redirect-empty h2,
html[data-theme][data-theme] .eq-redirect-empty h3,
html[data-theme][data-theme] .eq-redirect-empty h4,
html[data-theme][data-theme] .eq-redirect-empty h5,
html[data-theme][data-theme] .eq-redirect-empty h6 {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-spinner,
html[data-theme][data-theme] .eq-spinner--sm,
html[data-theme][data-theme] .eq-spinner--inline,
html[data-theme][data-theme] .eq-spinner--inline-sm {
  border-color: var(--portal-border) !important;
  border-top-color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-domain-list li, html[data-theme][data-theme] .eq-domain-list a, html[data-theme][data-theme] .eq-domain-list button {
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] .eq-domain-list li:hover, html[data-theme][data-theme] .eq-domain-list a:hover, html[data-theme][data-theme] .eq-domain-list button:hover {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-domain-list li.active, html[data-theme][data-theme] .eq-domain-list li[aria-current=page], html[data-theme][data-theme] .eq-domain-list a.active, html[data-theme][data-theme] .eq-domain-list a[aria-current=page], html[data-theme][data-theme] .eq-domain-list button.active, html[data-theme][data-theme] .eq-domain-list button[aria-current=page] {
  background: var(--portal-accent-light) !important;
  color: var(--portal-accent) !important;
  border-left: 3px solid var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-btn-sm, html[data-theme][data-theme] .eq-btn--sm,
html[data-theme][data-theme] .eq-btn-primary--sm,
html[data-theme][data-theme] .eq-btn-ghost--sm,
html[data-theme][data-theme] .eq-btn-ghost--xs {
  padding: 6px 12px !important;
  font-size: 0.8125rem !important;
  font-family: "Poppins", sans-serif !important;
  border-radius: 16px !important;
}
html[data-theme][data-theme] .eq-btn-secondary {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
}
html[data-theme][data-theme] .eq-btn-secondary:hover {
  background: var(--portal-surface3) !important;
  border-color: var(--portal-border-hover) !important;
}
html[data-theme][data-theme] .eq-btn-outline {
  background: transparent !important;
  color: var(--portal-accent) !important;
  border: 1px solid var(--portal-accent-border) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
}
html[data-theme][data-theme] .eq-btn-outline:hover {
  background: var(--portal-accent-light) !important;
  border-color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-btn-success,
html[data-theme][data-theme] .eq-btn-ghost--success {
  color: #10b981 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html[data-theme][data-theme] .eq-btn-success:hover,
html[data-theme][data-theme] .eq-btn-ghost--success:hover {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: #10b981 !important;
}
html[data-theme][data-theme] .eq-btn-success {
  background: #10b981 !important;
  color: #fff !important;
}
html[data-theme][data-theme] .eq-btn-success:hover {
  background: #059669 !important;
}
html[data-theme][data-theme] .eq-btn--danger,
html[data-theme][data-theme] .eq-btn-ghost--danger,
html[data-theme][data-theme] .eq-btn-danger-outline {
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html[data-theme][data-theme] .eq-btn--danger:hover,
html[data-theme][data-theme] .eq-btn-ghost--danger:hover,
html[data-theme][data-theme] .eq-btn-danger-outline:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-btn-primary--danger {
  background: #ef4444 !important;
  color: #fff !important;
  border: none !important;
}
html[data-theme][data-theme] .eq-btn-primary--danger:hover {
  background: #dc2626 !important;
}
html[data-theme][data-theme] .eq-btn-block {
  width: 100% !important;
  display: block !important;
}
html[data-theme][data-theme] .eq-badge--operational,
html[data-theme][data-theme] .eq-badge--success {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--warning,
html[data-theme][data-theme] .eq-badge--degraded,
html[data-theme][data-theme] .eq-badge--partial {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--danger,
html[data-theme][data-theme] .eq-badge--major {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--info {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #3b82f6 !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
html[data-theme][data-theme] .eq-badge--muted,
html[data-theme][data-theme] .eq-badge--maintenance {
  background: var(--portal-surface2) !important;
  color: var(--portal-muted) !important;
  border: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-form-group label {
  color: var(--portal-muted) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.02em !important;
}
html[data-theme][data-theme] .eq-form-group input, html[data-theme][data-theme] .eq-form-group select, html[data-theme][data-theme] .eq-form-group textarea {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
  border-radius: 16px !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-form-group input:focus, html[data-theme][data-theme] .eq-form-group select:focus, html[data-theme][data-theme] .eq-form-group textarea:focus {
  border-color: var(--portal-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.12) !important;
}
html[data-theme][data-theme] .eq-form-group input::placeholder, html[data-theme][data-theme] .eq-form-group select::placeholder, html[data-theme][data-theme] .eq-form-group textarea::placeholder {
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-env,
html[data-theme][data-theme] .eq-env-row {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-env--error,
html[data-theme][data-theme] .eq-env-row--error {
  border-color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-action-card,
html[data-theme][data-theme] .eq-action-grid {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
  transition: all 0.25s ease !important;
}
html[data-theme][data-theme] .eq-action-card:hover,
html[data-theme][data-theme] .eq-action-grid:hover {
  border-color: var(--portal-accent-border) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--portal-shadow-hover) !important;
}
html[data-theme][data-theme] .eq-balance-card {
  background: linear-gradient(135deg, var(--portal-surface) 0%, var(--portal-surface2) 100%) !important;
  border: 1px solid var(--portal-accent-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-balance-card strong, html[data-theme][data-theme] .eq-balance-card .amount {
  color: var(--portal-accent) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
}
html[data-theme][data-theme] .eq-access-grid,
html[data-theme][data-theme] .eq-access-card {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-access-grid:hover,
html[data-theme][data-theme] .eq-access-card:hover {
  border-color: var(--portal-accent-border) !important;
}
html[data-theme][data-theme] .eq-hex,
html[data-theme][data-theme] .eq-gauge {
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-gauge--over {
  color: #ef4444 !important;
}
html[data-theme][data-theme] .eq-modal--shown {
  display: flex !important;
}
html[data-theme][data-theme] .eq-modal--small .eq-modal__dialog {
  max-width: 420px !important;
}
html[data-theme][data-theme] .eq-toggle {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 999px !important;
}
html[data-theme][data-theme] .eq-toggle.on, html[data-theme][data-theme] .eq-toggle[aria-checked=true] {
  background: var(--portal-accent) !important;
  border-color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-toggle::after {
  background: #fff !important;
}
html[data-theme][data-theme] .eq-php-toggle {
  background: var(--portal-surface2) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
}
html[data-theme][data-theme] .eq-tab-loading {
  color: var(--portal-muted) !important;
  font-family: "Poppins", sans-serif !important;
}
html[data-theme][data-theme] .eq-list {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-list li {
  color: var(--portal-text-secondary) !important;
  border-bottom: 1px solid var(--portal-border) !important;
}
html[data-theme][data-theme] .eq-site-config-tab,
html[data-theme][data-theme] .eq-site-tabpanel,
html[data-theme][data-theme] .eq-config-subnav,
html[data-theme][data-theme] .eq-config-placeholder {
  background: transparent !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-site-placeholder {
  background: var(--portal-surface) !important;
  border: 1px dashed var(--portal-border) !important;
  border-radius: 28px !important;
  color: var(--portal-muted) !important;
}
html[data-theme][data-theme] .eq-site-power {
  color: var(--portal-accent) !important;
}
html[data-theme][data-theme] .eq-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html[data-theme][data-theme] .eq-alert,
html[data-theme][data-theme] .eq-alert--danger {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  color: var(--portal-text) !important;
  padding: 12px 16px !important;
}
html[data-theme][data-theme] .eq-alert--danger,
html[data-theme][data-theme] .eq-alert--danger--danger {
  border-left: 3px solid #ef4444 !important;
  background: rgba(239, 68, 68, 0.08) !important;
}
html[data-theme][data-theme] .eq-arquivos-tab {
  background: transparent !important;
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] .eq-home-row {
  color: var(--portal-text) !important;
}
html[data-theme][data-theme] [class^=eq-],
html[data-theme][data-theme] [class*=" eq-"] {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html[data-theme][data-theme] body,
html[data-theme][data-theme] body * {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Inter", sans-serif !important;
}
html[data-theme][data-theme] .bi, html[data-theme][data-theme] [class^=bi-], html[data-theme][data-theme] [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
}
html[data-theme][data-theme] code, html[data-theme][data-theme] kbd, html[data-theme][data-theme] samp, html[data-theme][data-theme] pre, html[data-theme][data-theme] tt {
  font-family: "Courier New", "Monaco", "Consolas", monospace !important;
}
html[data-theme][data-theme] p code, html[data-theme][data-theme] li code, html[data-theme][data-theme] td code, html[data-theme][data-theme] span code {
  background: var(--portal-surface2) !important;
  color: var(--portal-accent) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid var(--portal-border) !important;
  font-size: 0.875em !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}
html[data-theme][data-theme] pre {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
  border: 1px solid var(--portal-border) !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  overflow-x: auto !important;
  line-height: 1.5 !important;
}
html[data-theme][data-theme] kbd {
  background: var(--portal-surface2) !important;
  color: var(--portal-text) !important;
  border: 1px solid var(--portal-border) !important;
  border-bottom-width: 2px !important;
  border-radius: 6px !important;
  padding: 2px 6px !important;
  font-size: 0.8125em !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 0 var(--portal-border) !important;
}
html[data-theme][data-theme] blockquote {
  background: var(--portal-surface2) !important;
  border-left: 3px solid var(--portal-accent) !important;
  border-radius: 0 16px 16px 0 !important;
  padding: 12px 16px !important;
  margin: 12px 0 !important;
  color: var(--portal-text-secondary) !important;
}
html[data-theme][data-theme] [data-tooltip] {
  position: relative;
}
html[data-theme][data-theme] [data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: var(--portal-surface) !important;
  color: var(--portal-text) !important;
  border: 1px solid var(--portal-border) !important;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
  box-shadow: var(--portal-shadow);
  z-index: 9999;
}
html[data-theme][data-theme] [data-tooltip]:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
html[data-theme][data-theme] progress,
html[data-theme][data-theme] .eq-progress {
  width: 100%;
  height: 6px;
  background: var(--portal-surface2) !important;
  border: none !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
html[data-theme][data-theme] progress::-webkit-progress-bar,
html[data-theme][data-theme] .eq-progress::-webkit-progress-bar {
  background: var(--portal-surface2) !important;
  border-radius: 999px !important;
}
html[data-theme][data-theme] progress::-webkit-progress-value,
html[data-theme][data-theme] .eq-progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--portal-accent) 0%, #ff9e6b 100%) !important;
  border-radius: 999px !important;
  transition: width 0.3s ease !important;
}
html[data-theme][data-theme] progress::-moz-progress-bar,
html[data-theme][data-theme] .eq-progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--portal-accent) 0%, #ff9e6b 100%) !important;
  border-radius: 999px !important;
}
html[data-theme][data-theme] .eq-progress__bar {
  height: 100%;
  background: linear-gradient(90deg, var(--portal-accent) 0%, #ff9e6b 100%) !important;
  border-radius: 999px !important;
  transition: width 0.3s ease !important;
}
@keyframes eq-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
html[data-theme][data-theme] .eq-skeleton,
html[data-theme][data-theme] [class*=skeleton] {
  background: linear-gradient(90deg, var(--portal-surface2) 0%, var(--portal-surface3) 50%, var(--portal-surface2) 100%) !important;
  background-size: 200% 100% !important;
  border-radius: 16px !important;
  animation: eq-skeleton-shimmer 1.4s infinite linear !important;
}
@keyframes eq-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
html[data-theme][data-theme] .eq-card--hover-lift,
html[data-theme][data-theme] .eq-action-card,
html[data-theme][data-theme] .eq-platform-card,
html[data-theme][data-theme] .eq-access-card,
html[data-theme][data-theme] .eq-plan-row {
  will-change: transform;
}
html[data-theme][data-theme] .eq-card--hover-lift:hover,
html[data-theme][data-theme] .eq-action-card:hover,
html[data-theme][data-theme] .eq-platform-card:hover,
html[data-theme][data-theme] .eq-access-card:hover,
html[data-theme][data-theme] .eq-plan-row:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--portal-shadow-hover) !important;
}
html[data-theme][data-theme] .eq-card--hover-lift:active,
html[data-theme][data-theme] .eq-action-card:active,
html[data-theme][data-theme] .eq-platform-card:active,
html[data-theme][data-theme] .eq-access-card:active,
html[data-theme][data-theme] .eq-plan-row:active {
  transform: translateY(-1px) !important;
}
@keyframes eq-modal-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
html[data-theme][data-theme] .eq-modal:not([hidden]) .eq-modal__dialog {
  animation: eq-modal-in 0.22s cubic-bezier(0.2, 0.7, 0.3, 1);
}
@keyframes eq-modal-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html[data-theme][data-theme] .eq-modal:not([hidden]) .eq-modal__overlay {
  animation: eq-modal-overlay-in 0.18s ease;
}
html[data-theme][data-theme] .chartjs-tooltip {
  background: var(--portal-surface) !important;
  border: 1px solid var(--portal-border) !important;
  color: var(--portal-text) !important;
  border-radius: 16px !important;
  box-shadow: var(--portal-shadow) !important;
}
html[data-theme][data-theme] input:-webkit-autofill,
html[data-theme][data-theme] input:-webkit-autofill:hover,
html[data-theme][data-theme] input:-webkit-autofill:focus,
html[data-theme][data-theme] input:-webkit-autofill:active,
html[data-theme][data-theme] textarea:-webkit-autofill,
html[data-theme][data-theme] select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px var(--portal-surface2) inset !important;
  -webkit-text-fill-color: var(--portal-text) !important;
  caret-color: var(--portal-text) !important;
  transition: background-color 600000s ease-in-out 0s !important;
}
html[data-theme][data-theme] ::placeholder {
  color: var(--portal-muted) !important;
  opacity: 0.85 !important;
}
html[data-theme][data-theme] textarea {
  resize: vertical !important;
  min-height: 80px !important;
}
html[data-theme][data-theme] button:disabled,
html[data-theme][data-theme] input:disabled,
html[data-theme][data-theme] select:disabled,
html[data-theme][data-theme] textarea:disabled,
html[data-theme][data-theme] [disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
html[data-theme][data-theme] .eq-tab {
  transition: all 0.18s ease !important;
  position: relative;
}
html[data-theme][data-theme] .eq-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--portal-accent);
  transition: width 0.22s ease, left 0.22s ease;
}
html[data-theme][data-theme] .eq-tab:hover:not(.active)::after, html[data-theme][data-theme] .eq-tab:hover:not([aria-selected=true])::after {
  width: 40%;
  left: 30%;
}
html[data-theme][data-theme] .eq-tab.active::after, html[data-theme][data-theme] .eq-tab[aria-selected=true]::after {
  width: 100%;
  left: 0;
}
html[data-theme][data-theme] h1, html[data-theme][data-theme] h2, html[data-theme][data-theme] h3, html[data-theme][data-theme] h4, html[data-theme][data-theme] h5, html[data-theme][data-theme] h6 {
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}
html[data-theme][data-theme] h1 {
  font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
}
html[data-theme][data-theme] h2 {
  font-size: clamp(1.5rem, 2vw, 1.875rem) !important;
}
html[data-theme][data-theme] h3 {
  font-size: 1.375rem !important;
}
html[data-theme][data-theme] h4 {
  font-size: 1.125rem !important;
}
html[data-theme][data-theme] p {
  line-height: 1.6 !important;
}
@media (max-width: 768px) {
  html[data-theme][data-theme] body::after,
  html[data-theme][data-theme] .eq-shell::before {
    opacity: 0.5;
  }
  html[data-theme][data-theme] .eq-card,
  html[data-theme][data-theme] .eq-site-card {
    border-radius: 28px !important;
  }
  html[data-theme][data-theme] h1 {
    font-size: 1.5rem !important;
  }
  html[data-theme][data-theme] h2 {
    font-size: 1.25rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme][data-theme] *, html[data-theme][data-theme] *::before, html[data-theme][data-theme] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
html[data-theme][data-theme] input[type=text],
html[data-theme][data-theme] input[type=email],
html[data-theme][data-theme] input[type=password],
html[data-theme][data-theme] input[type=number],
html[data-theme][data-theme] input[type=search],
html[data-theme][data-theme] input[type=url],
html[data-theme][data-theme] input[type=tel],
html[data-theme][data-theme] input[type=date],
html[data-theme][data-theme] input[type=time],
html[data-theme][data-theme] input[type=datetime-local],
html[data-theme][data-theme] input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-theme][data-theme] select,
html[data-theme][data-theme] textarea,
html[data-theme][data-theme] button,
html[data-theme][data-theme] .eq-btn,
html[data-theme][data-theme] [class*=eq-btn-],
html[data-theme][data-theme] [class*=eq-btn--],
html[data-theme][data-theme] .eq-badge,
html[data-theme][data-theme] [class*=eq-badge-],
html[data-theme][data-theme] [class*=eq-badge--],
html[data-theme][data-theme] .eq-topbar__balance-btn,
html[data-theme][data-theme] .eq-topbar__balance-coin,
html[data-theme][data-theme] .eq-topbar__balance-add,
html[data-theme][data-theme] .eq-topbar__avatar,
html[data-theme][data-theme] .eq-btn-novo,
html[data-theme][data-theme] .eq-sidebar__search,
html[data-theme][data-theme] .eq-modal__input,
html[data-theme][data-theme] .eq-tab,
html[data-theme][data-theme] kbd,
html[data-theme][data-theme] .eq-php-badge,
html[data-theme][data-theme] .eq-dns__type-badge,
html[data-theme][data-theme] .eq-chip,
html[data-theme][data-theme] [class*=chip] {
  border-radius: 16px !important;
}
html[data-theme][data-theme] .eq-card,
html[data-theme][data-theme] .eq-site-card,
html[data-theme][data-theme] .eq-admin-card,
html[data-theme][data-theme] .eq-action-card,
html[data-theme][data-theme] .eq-platform-card,
html[data-theme][data-theme] .eq-access-card,
html[data-theme][data-theme] .eq-balance-card,
html[data-theme][data-theme] .eq-consumption-card,
html[data-theme][data-theme] .eq-wpinstall-card,
html[data-theme][data-theme] .eq-db-card,
html[data-theme][data-theme] .eq-ssl-card,
html[data-theme][data-theme] .eq-fm-editor,
html[data-theme][data-theme] .eq-fm-banner,
html[data-theme][data-theme] .eq-modal__dialog,
html[data-theme][data-theme] .eq-ticket__card,
html[data-theme][data-theme] .eq-ticket__item,
html[data-theme][data-theme] .eq-ticket__body,
html[data-theme][data-theme] .eq-tickets__card,
html[data-theme][data-theme] .eq-backup__card,
html[data-theme][data-theme] .eq-backup__item,
html[data-theme][data-theme] .eq-backups__card,
html[data-theme][data-theme] .eq-backups__item,
html[data-theme][data-theme] .eq-cron__card,
html[data-theme][data-theme] .eq-cron__item,
html[data-theme][data-theme] .eq-cron-job,
html[data-theme][data-theme] .eq-env-row,
html[data-theme][data-theme] .eq-env,
html[data-theme][data-theme] .eq-php-row,
html[data-theme][data-theme] .eq-php-select,
html[data-theme][data-theme] .eq-php-settings,
html[data-theme][data-theme] .eq-php-slider,
html[data-theme][data-theme] .eq-php-confirm,
html[data-theme][data-theme] .eq-php-result,
html[data-theme][data-theme] .eq-php-menu,
html[data-theme][data-theme] .eq-plan-row,
html[data-theme][data-theme] .eq-plan-section,
html[data-theme][data-theme] .eq-platform-section,
html[data-theme][data-theme] .eq-platform-confirm,
html[data-theme][data-theme] .eq-platform-cta,
html[data-theme][data-theme] .eq-platform-hexrow,
html[data-theme][data-theme] .eq-platform-size,
html[data-theme][data-theme] .eq-install-step,
html[data-theme][data-theme] .eq-install-steps,
html[data-theme][data-theme] .eq-install-success-actions,
html[data-theme][data-theme] .eq-install-ssl-note,
html[data-theme][data-theme] .eq-wpinstall-addon,
html[data-theme][data-theme] .eq-wpinstall-coupon,
html[data-theme][data-theme] .eq-wpinstall-plan,
html[data-theme][data-theme] .eq-wpinstall-plans,
html[data-theme][data-theme] .eq-wpinstall-field,
html[data-theme][data-theme] .eq-wpinstall-error,
html[data-theme][data-theme] .eq-redirect-row,
html[data-theme][data-theme] .eq-redirect-form,
html[data-theme][data-theme] .eq-redirect-edit,
html[data-theme][data-theme] .eq-redirect-empty,
html[data-theme][data-theme] .eq-git-actions,
html[data-theme][data-theme] .eq-git-form,
html[data-theme][data-theme] .eq-git-info,
html[data-theme][data-theme] .eq-git-keys,
html[data-theme][data-theme] .eq-git-section,
html[data-theme][data-theme] .eq-git-steps,
html[data-theme][data-theme] .eq-git-add-key,
html[data-theme][data-theme] .eq-git-code-example,
html[data-theme][data-theme] .eq-git-copyfield,
html[data-theme][data-theme] .eq-git-key-textarea,
html[data-theme][data-theme] .eq-ftps-actions,
html[data-theme][data-theme] .eq-ftps-activate,
html[data-theme][data-theme] .eq-ftps-creds,
html[data-theme][data-theme] .eq-ftps-tip,
html[data-theme][data-theme] .eq-ssl-custom,
html[data-theme][data-theme] .eq-ssl-info,
html[data-theme][data-theme] .eq-ssl-head,
html[data-theme][data-theme] .eq-ssl-hint,
html[data-theme][data-theme] .eq-ssl-warn,
html[data-theme][data-theme] .eq-dns__card,
html[data-theme][data-theme] .eq-dns__list,
html[data-theme][data-theme] .eq-dns__record,
html[data-theme][data-theme] .eq-dns__row,
html[data-theme][data-theme] .eq-traffic__card,
html[data-theme][data-theme] .eq-traffic__chart,
html[data-theme][data-theme] .eq-traffic__metric,
html[data-theme][data-theme] .eq-perf__card,
html[data-theme][data-theme] .eq-perf__chart,
html[data-theme][data-theme] .eq-perf__metric,
html[data-theme][data-theme] .eq-balancer__card,
html[data-theme][data-theme] .eq-balancer__node,
html[data-theme][data-theme] .eq-balancer__list,
html[data-theme][data-theme] .eq-chat-widget,
html[data-theme][data-theme] .eq-cookie-banner,
html[data-theme][data-theme] .eq-addbal,
html[data-theme][data-theme] .eq-confirm,
html[data-theme][data-theme] .eq-empty,
html[data-theme][data-theme] .eq-empty-state,
html[data-theme][data-theme] .eq-fm-empty,
html[data-theme][data-theme] .eq-site-placeholder,
html[data-theme][data-theme] .eq-config-placeholder,
html[data-theme][data-theme] .eq-alert,
html[data-theme][data-theme] .eq-alert--danger,
html[data-theme][data-theme] .eq-trial-banner,
html[data-theme][data-theme] .eq-nps,
html[data-theme][data-theme] .eq-notif-dropdown,
html[data-theme][data-theme] .eq-node-edit > div,
html[data-theme][data-theme] .eq-webmail__sidebar,
html[data-theme][data-theme] .eq-webmail__folders,
html[data-theme][data-theme] .eq-webmail__list,
html[data-theme][data-theme] .eq-webmail__preview,
html[data-theme][data-theme] .eq-webmail__compose,
html[data-theme][data-theme] .eq-webmail__header,
html[data-theme][data-theme] .eq-email__card,
html[data-theme][data-theme] .eq-emails__card,
html[data-theme][data-theme] .eq-newmail__card,
html[data-theme][data-theme] .eq-db-creds,
html[data-theme][data-theme] .eq-db-stats,
html[data-theme][data-theme] .eq-db-tab,
html[data-theme][data-theme] .eq-db-tools,
html[data-theme][data-theme] .eq-audit > div,
html[data-theme][data-theme] .eq-apitokens > div,
html[data-theme][data-theme] .eq-kb > div,
html[data-theme][data-theme] .eq-lgpd > div,
html[data-theme][data-theme] .eq-profile__card,
html[data-theme][data-theme] .eq-settings > div[class*=card],
html[data-theme][data-theme] .eq-billing > div[class*=card],
html[data-theme][data-theme] .eq-backup > div[class*=card],
html[data-theme][data-theme] .eq-backups > div[class*=card],
html[data-theme][data-theme] [class*=eq-][class*=-card],
html[data-theme][data-theme] [class*=eq-][class*=-panel] {
  border-radius: 28px !important;
}
html[data-theme][data-theme] .eq-main > section,
html[data-theme][data-theme] .eq-main > article,
html[data-theme][data-theme] .eq-shell > main,
html[data-theme][data-theme] .eq-admin-layout,
html[data-theme][data-theme] .eq-site-view,
html[data-theme][data-theme] .eq-plan-view,
html[data-theme][data-theme] .eq-webmail,
html[data-theme][data-theme] .eq-wizard,
html[data-theme][data-theme] .eq-admin-main > section {
  border-radius: 36px !important;
}
html[data-theme][data-theme] .eq-fm-row,
html[data-theme][data-theme] .eq-domain-list li,
html[data-theme][data-theme] .eq-webmail__message-item,
html[data-theme][data-theme] .eq-webmail__folder-item,
html[data-theme][data-theme] .eq-domain-item {
  border-radius: 12px !important;
}
html[data-theme][data-theme][data-theme] .eq-card,
html[data-theme][data-theme][data-theme] .eq-site-card,
html[data-theme][data-theme][data-theme] .eq-modal__dialog,
html[data-theme][data-theme][data-theme] .eq-admin-card {
  border-radius: 28px !important;
}
html[data-theme][data-theme][data-theme] input,
html[data-theme][data-theme][data-theme] select,
html[data-theme][data-theme][data-theme] textarea,
html[data-theme][data-theme][data-theme] button,
html[data-theme][data-theme][data-theme] [class*=eq-btn] {
  border-radius: 16px !important;
}
html[data-theme][data-theme] h1, html[data-theme][data-theme] h2, html[data-theme][data-theme] h3, html[data-theme][data-theme] h4, html[data-theme][data-theme] h5, html[data-theme][data-theme] h6,
html[data-theme][data-theme] .eq-view__title,
html[data-theme][data-theme] .eq-admin-section__title,
html[data-theme][data-theme] [class$=__title],
html[data-theme][data-theme] [class$=__header] > h1,
html[data-theme][data-theme] [class$=__header] > h2,
html[data-theme][data-theme] [class$=__header] > h3,
html[data-theme][data-theme] [class$=__header] > h4,
html[data-theme][data-theme] [class*=__label],
html[data-theme][data-theme] [class*=__badge],
html[data-theme][data-theme] [class*=__status],
html[data-theme][data-theme] [class*=__chip],
html[data-theme][data-theme] .eq-card-title,
html[data-theme][data-theme] .eq-section-title,
html[data-theme][data-theme] .eq-ticket__row-subject,
html[data-theme][data-theme] .eq-ticket__row-id,
html[data-theme][data-theme] .eq-sidebar__domains-label {
  cursor: default !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
html[data-theme][data-theme] p, html[data-theme][data-theme] code, html[data-theme][data-theme] pre, html[data-theme][data-theme] .eq-code, html[data-theme][data-theme] input, html[data-theme][data-theme] textarea, html[data-theme][data-theme] [contenteditable=true],
html[data-theme][data-theme] .eq-ticket__msg-body, html[data-theme][data-theme] .eq-ticket__msg-header,
html[data-theme][data-theme] .eq-dns__table, html[data-theme][data-theme] .eq-dns__value {
  user-select: text !important;
  -webkit-user-select: text !important;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #4e5159;
  background: #f4f6fb;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #557cf2;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.eq-shell {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-rows: 60px 1fr;
  grid-template-areas: "topbar topbar" "sidebar main";
  min-height: 100vh;
}

.eq-topbar {
  grid-area: topbar;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background: #ffffff;
  border-bottom: 1px solid #e6e8f0;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  z-index: 10;
}

.eq-topbar__brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  font-size: 1.1rem;
  color: #4e5159;
}

.eq-topbar__logo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #557cf2;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.eq-topbar__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.eq-topbar__balance-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 14px;
  background: rgb(236.606557377, 240.8262295082, 253.593442623);
  color: rgb(37.6229508197, 87.4918032787, 238.3770491803);
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.875rem;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.eq-topbar__balance-btn:hover {
  border-color: #557cf2;
  background: rgb(217.6557377049, 226.2229508197, 252.1442622951);
}

.eq-topbar__balance-coin {
  color: #d4a017;
  font-size: 1.05rem;
}

.eq-topbar__balance-amount {
  font-variant-numeric: tabular-nums;
}

.eq-topbar__balance-add {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #557cf2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  transition: transform 0.15s ease;
}
.eq-topbar__balance-btn:hover .eq-topbar__balance-add {
  transform: scale(1.15);
}

.eq-topbar__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #b1b6c7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-topbar__avatar:hover {
  border-color: #557cf2;
}
.eq-topbar__avatar.is-active {
  background: #557cf2;
  border-color: #557cf2;
}

.eq-sidebar {
  grid-area: sidebar;
  background: #ffffff;
  border-right: 1px solid #e6e8f0;
  padding: 20px 16px;
  overflow-y: auto;
}

.eq-sidebar__search {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #f4f6fb;
  font-size: 0.875rem;
  color: #4e5159;
  margin-bottom: 16px;
}
.eq-sidebar__search:focus {
  outline: none;
  border-color: #557cf2;
}

.eq-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px 8px;
}

.eq-sidebar__title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #849196;
  letter-spacing: 0.04em;
}

.eq-btn-novo {
  background: #f26b7a;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: filter 0.15s ease;
}
.eq-btn-novo:hover {
  filter: brightness(0.95);
}
.eq-btn-novo::before {
  content: "+";
  font-size: 1rem;
  line-height: 1;
}

.eq-domain-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eq-domain-list__item {
  margin-bottom: 4px;
}

.eq-domain-list__name {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  color: #4e5159;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
}
.eq-domain-list__name:hover {
  background: #f4f6fb;
  text-decoration: none;
}
.eq-domain-list__name.is-active {
  background: rgb(246.0819672131, 248.1278688525, 254.3180327869);
  color: #557cf2;
}

.eq-domain-list__sub {
  list-style: none;
  padding: 4px 0 4px 24px;
  margin: 0;
  border-left: 1px dashed #e6e8f0;
  margin-left: 18px;
}

.eq-domain-list__sub li a {
  display: block;
  padding: 6px 12px;
  font-size: 0.8125rem;
  color: #6f7380;
  border-radius: 8px;
}
.eq-domain-list__sub li a:hover {
  background: #f4f6fb;
  color: #4e5159;
  text-decoration: none;
}
.eq-domain-list__sub li a.is-active {
  color: #557cf2;
  font-weight: 600;
  background: hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
}

.eq-main {
  grid-area: main;
  padding: 32px 40px;
  overflow-y: auto;
}

.eq-card {
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  padding: 24px;
}

.eq-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 8px;
}

.eq-card__muted {
  color: #6f7380;
  font-size: 0.875rem;
}

.eq-btn-primary {
  background: #557cf2;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.eq-btn-primary:hover {
  filter: brightness(0.95);
}
.eq-btn-primary:disabled {
  background: #b1b6c7;
  cursor: not-allowed;
}

.eq-btn-primary--sm {
  padding: 6px 16px;
  font-size: 0.8125rem;
}
.eq-btn-primary--sm i {
  font-size: 0.875rem;
}

.eq-btn-danger {
  background: #f26b7a;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.eq-btn-danger:hover {
  filter: brightness(0.95);
}
.eq-btn-danger:disabled {
  background: #b1b6c7;
  cursor: not-allowed;
}

.eq-home-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  margin-bottom: 32px;
}
@media (max-width: 900px) {
  .eq-home-row {
    grid-template-columns: 1fr;
  }
}

.eq-balance-card {
  display: flex;
  flex-direction: column;
}

.eq-balance-card__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.eq-balance-card__coin {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffd66b, #f5a623);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 2px 6px rgba(245, 166, 35, 0.35);
}

.eq-balance-card__value {
  font-size: 1.625rem;
  font-weight: 700;
  color: #4e5159;
  line-height: 1.2;
}

.eq-balance-card__forecast {
  color: #849196;
  font-size: 0.8125rem;
}

.eq-divider {
  border: 0;
  border-top: 1px solid #e6e8f0;
  margin: 16px 0;
}

.eq-balance-card__topup {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #557cf2;
  font-size: 0.875rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eq-balance-card__topup:hover {
  text-decoration: none;
  filter: brightness(0.9);
}

.eq-consumption-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.eq-consumption-card__value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 8px 0 12px;
}

.eq-consumption-card__link {
  color: #557cf2;
  font-size: 0.875rem;
  font-weight: 500;
  align-self: flex-start;
}
.eq-consumption-card__link:hover {
  text-decoration: none;
  filter: brightness(0.9);
}

.eq-section {
  margin-bottom: 32px;
}

.eq-section__title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #849196;
  letter-spacing: 0.06em;
  margin: 0 0 16px;
}

.eq-action-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  isolation: isolate;
}

.eq-action-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.08);
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  position: relative;
}
.eq-action-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 140, 66, 0.4);
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(15, 23, 42, 0.14);
}

.eq-action-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.625rem;
  color: #ffffff;
  margin-bottom: 16px;
}

.eq-action-card__icon--blue {
  background: #557cf2;
}

.eq-action-card__icon--coral {
  background: #f26b7a;
}

.eq-action-card__icon--green {
  background: #37c694;
}

.eq-action-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px;
}

.eq-action-card__desc {
  color: #6f7380;
  font-size: 0.875rem;
  margin: 0 0 16px;
  flex-grow: 1;
}

.eq-action-card__btn {
  padding: 10px 22px;
  font-size: 0.875rem;
}

.eq-empty {
  text-align: center;
  padding: 64px 24px;
  color: #6f7380;
}

.eq-platform-card {
  position: relative;
  max-width: 820px;
  margin: 0 auto;
  padding: 44px 48px 36px;
  text-align: center;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 24px rgba(0, 0, 0, 0.06);
}

.eq-platform-card__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 6px;
  letter-spacing: -0.02em;
}

.eq-platform-card__subtitle {
  font-size: 0.92rem;
  color: #6f7380;
  margin: 0 0 36px;
  letter-spacing: -0.005em;
}

.eq-platform-card__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 1.25rem;
  color: #849196;
  cursor: pointer;
  padding: 4px;
  transition: color 120ms;
}
.eq-platform-card__close:hover {
  color: #4e5159;
}

.eq-platform-section {
  margin-bottom: 32px;
  text-align: left;
}
.eq-platform-section:last-of-type {
  margin-bottom: 40px;
}

.eq-platform-section__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 3px 10px 3px 8px;
  border-radius: 999px;
}
.eq-platform-section__label::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.eq-platform-section__label--plat {
  color: #e25d5d;
  background: rgba(226, 93, 93, 0.08);
}
.eq-platform-section__label--tpl {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.08);
}

.eq-platform-hexrow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 8px;
  padding: 4px 0;
  max-width: 560px;
}

.eq-hex {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: none;
  border: none;
  padding: 12px 6px 8px;
  border-radius: 10px;
  cursor: pointer;
  gap: 10px;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms;
  opacity: 0.78;
  width: 100%;
  min-height: 120px;
}
.eq-hex:hover:not(:disabled):not(.is-soon) {
  transform: translateY(-3px);
  opacity: 1;
}
.eq-hex:hover:not(:disabled):not(.is-soon) .eq-hex__img {
  filter: drop-shadow(0 8px 16px rgba(85, 124, 242, 0.25));
}
.eq-hex:hover:not(:disabled):not(.is-soon) .eq-hex__label {
  color: #4e5159;
}
.eq-hex__img {
  width: 72px;
  height: 72px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  transition: filter 220ms cubic-bezier(0.4, 0, 0.2, 1), transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eq-hex__label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #6f7380;
  text-align: center;
  transition: color 180ms;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.eq-hex.is-active {
  opacity: 1;
}
.eq-hex.is-active .eq-hex__img {
  filter: drop-shadow(0 0 0 #557cf2) drop-shadow(0 10px 20px rgba(85, 124, 242, 0.4));
  transform: scale(1.04);
}
.eq-hex.is-active .eq-hex__label {
  color: #557cf2;
  font-weight: 700;
}
.eq-hex__check {
  position: absolute;
  top: 4px;
  right: 12px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #557cf2;
  color: #fff;
  border-radius: 50%;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(85, 124, 242, 0.5), 0 0 0 3px #fff;
  pointer-events: none;
  animation: eq-hex-check-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.eq-hex__check i {
  display: flex;
  line-height: 1;
}
.eq-hex.is-soon {
  opacity: 0.38;
  cursor: not-allowed;
}
.eq-hex.is-soon .eq-hex__img {
  filter: grayscale(0.85) brightness(0.95);
}
.eq-hex.is-soon .eq-hex__label {
  color: #849196;
}
.eq-hex__soon-badge {
  position: absolute;
  top: 4px;
  right: 10px;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  color: #fff;
  font-size: 0.56rem;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.4);
}

@keyframes eq-hex-check-pop {
  0% {
    opacity: 0;
    transform: scale(0.3) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.15) rotate(5deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}
.eq-platform-size {
  margin-top: 8px;
  margin-bottom: 24px;
  text-align: left;
}
.eq-platform-size__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 4px;
}
.eq-platform-size__subtitle {
  font-size: 0.8rem;
  color: #6f7380;
  margin: 0 0 14px;
}

.eq-plan-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eq-plan-section + .eq-plan-section {
  margin-top: 18px;
}
.eq-plan-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0 2px;
}
.eq-plan-section__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #4e5159;
}
.eq-plan-section__title i {
  color: #557cf2;
  font-size: 0.95rem;
}
.eq-plan-section__hint {
  font-size: 0.74rem;
  color: #6f7380;
  font-weight: 500;
}
.eq-plan-section--dedicated .eq-plan-section__title i {
  color: #8b5cf6;
}

.eq-plan-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eq-plan-row {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(180px, 220px) 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 11px 20px;
  border: 1.5px solid #e6e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition: border-color 180ms ease, box-shadow 220ms ease, background 180ms ease;
  width: 100%;
}
.eq-plan-row:hover:not(.is-selected) {
  border-color: rgba(85, 124, 242, 0.45);
  box-shadow: 0 4px 14px rgba(31, 41, 55, 0.06);
}
.eq-plan-row:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.22), 0 4px 14px rgba(31, 41, 55, 0.08);
}
.eq-plan-row.is-selected {
  border-color: #557cf2;
  background: linear-gradient(90deg, rgba(85, 124, 242, 0.06) 0%, transparent 40%);
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.13), 0 6px 18px rgba(85, 124, 242, 0.12);
}
.eq-plan-row.is-selected .eq-plan-row__radio {
  border-color: #557cf2;
  background: #557cf2;
}
.eq-plan-row.is-selected .eq-plan-row__radio::after {
  transform: scale(1);
  opacity: 1;
}
.eq-plan-row.is-selected .eq-plan-row__name {
  color: #557cf2;
}
.eq-plan-row--dedicated {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.03), #fff 40%);
}
.eq-plan-row--dedicated .eq-plan-row__spec i {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}
.eq-plan-row--dedicated .eq-plan-row__price-value {
  color: #8b5cf6;
}
.eq-plan-row--dedicated:hover:not(.is-selected) {
  border-color: rgba(139, 92, 246, 0.45);
}
.eq-plan-row--dedicated.is-selected {
  border-color: #8b5cf6;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.08) 0%, transparent 40%);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.13), 0 6px 18px rgba(139, 92, 246, 0.12);
}
.eq-plan-row--dedicated.is-selected .eq-plan-row__radio {
  border-color: #8b5cf6;
  background: #8b5cf6;
}
.eq-plan-row--dedicated.is-selected .eq-plan-row__name {
  color: #8b5cf6;
}
.eq-plan-row__radio {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #b1b6c7;
  position: relative;
  flex-shrink: 0;
  transition: border-color 180ms, background 180ms;
  background: #fff;
}
.eq-plan-row__radio::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  opacity: 0;
  transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 150ms;
}
.eq-plan-row__tier {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.eq-plan-row__eyebrow {
  font-size: 0.6rem;
  font-weight: 700;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eq-plan-row__name {
  font-size: 1.08rem;
  font-weight: 800;
  color: #4e5159;
  letter-spacing: -0.025em;
  line-height: 1.15;
  font-feature-settings: "tnum";
  transition: color 180ms;
}
.eq-plan-row__label {
  font-size: 0.7rem;
  color: #6f7380;
  font-weight: 600;
  letter-spacing: -0.005em;
}
.eq-plan-row__specs {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.eq-plan-row__spec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  color: #6f7380;
  font-weight: 500;
  white-space: nowrap;
}
.eq-plan-row__spec i {
  font-size: 0.95rem;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(85, 124, 242, 0.08);
  border-radius: 5px;
  padding: 3px;
  color: #557cf2;
}
.eq-plan-row__spec strong {
  font-weight: 800;
  color: #4e5159;
  letter-spacing: -0.01em;
  font-feature-settings: "tnum";
  margin-right: 1px;
}
.eq-plan-row__badge {
  position: absolute;
  top: -10px;
  right: 22px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.eq-plan-row__badge i {
  font-size: 0.62rem;
}
.eq-plan-row__price {
  display: flex;
  align-items: baseline;
  gap: 2px;
  justify-self: end;
  padding-left: 16px;
  border-left: 1px solid rgba(230, 232, 240, 0.6);
}
.eq-plan-row__price-currency {
  font-size: 0.72rem;
  color: #849196;
  font-weight: 600;
  margin-right: 2px;
  align-self: flex-start;
  padding-top: 4px;
}
.eq-plan-row__price-value {
  font-size: 1.3rem;
  font-weight: 800;
  color: #557cf2;
  letter-spacing: -0.03em;
  line-height: 1;
  font-feature-settings: "tnum";
}
.eq-plan-row__price-period {
  font-size: 0.74rem;
  color: #6f7380;
  font-weight: 500;
  margin-left: 3px;
}

@media (max-width: 820px) {
  .eq-plan-row {
    grid-template-columns: 22px 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas: "radio tier price" "radio specs specs";
    row-gap: 10px;
    column-gap: 16px;
    padding: 14px 16px;
  }
  .eq-plan-row__radio {
    grid-area: radio;
    align-self: start;
    margin-top: 4px;
  }
  .eq-plan-row__tier {
    grid-area: tier;
  }
  .eq-plan-row__specs {
    grid-area: specs;
    gap: 18px;
    padding-top: 8px;
    border-top: 1px dashed rgba(230, 232, 240, 0.8);
  }
  .eq-plan-row__price {
    grid-area: price;
    padding-left: 0;
    border-left: none;
  }
  .eq-plan-row__price-value {
    font-size: 1.35rem;
  }
  .eq-plan-row__badge {
    position: static;
    align-self: flex-start;
    margin-top: 6px;
    font-size: 0.58rem;
    padding: 3px 8px;
  }
  .eq-plan-row.has-badge .eq-plan-row__badge {
    order: 3;
  }
}
.eq-platform-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  background: #8bc34a;
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 150ms, opacity 150ms;
}
.eq-platform-cta:hover:not(:disabled) {
  background: #7cb342;
}
.eq-platform-cta:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.eq-platform-cta i {
  font-size: 1.25rem;
}

.eq-platform-confirm {
  margin-top: 8px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.04);
  animation: eq-confirm-slide 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.eq-platform-confirm__info {
  display: flex;
  align-items: center;
  gap: 14px;
}
.eq-platform-confirm__info img {
  width: 48px;
  height: auto;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.12));
}
.eq-platform-confirm__info > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}
.eq-platform-confirm__label {
  font-size: 0.66rem;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.eq-platform-confirm__name {
  font-size: 1.02rem;
  font-weight: 700;
  color: #4e5159;
  letter-spacing: -0.01em;
}
.eq-platform-confirm__next {
  padding: 11px 20px;
  font-size: 0.88rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  border-radius: 10px;
}
.eq-platform-confirm__next i {
  font-size: 0.95rem;
  transition: transform 150ms;
}
.eq-platform-confirm__next:hover i {
  transform: translateX(3px);
}

@keyframes eq-confirm-slide {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.eq-plan-view {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  overflow: hidden;
  animation: eq-plan-view-enter 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.1);
}

@keyframes eq-plan-view-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.eq-plan-view__header {
  padding: 16px 28px 14px;
  border-bottom: 1px solid #e6e8f0;
  background: linear-gradient(180deg, rgba(85, 124, 242, 0.04) 0%, transparent 100%);
}

.eq-plan-view__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.eq-plan-view__back-top {
  border: 1px solid #e6e8f0;
  background: #fff;
  color: #6f7380;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 5px 12px 5px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 150ms;
  margin-right: 4px;
}
.eq-plan-view__back-top i {
  font-size: 0.9rem;
  transition: transform 150ms;
}
.eq-plan-view__back-top:hover {
  color: #557cf2;
  border-color: rgba(85, 124, 242, 0.4);
}
.eq-plan-view__back-top:hover i {
  transform: translateX(-2px);
}

.eq-plan-view__step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #557cf2;
  background: rgba(85, 124, 242, 0.1);
  padding: 5px 11px 5px 9px;
  border-radius: 999px;
}
.eq-plan-view__step i {
  font-size: 0.88rem;
}

.eq-plan-view__tech {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 600;
  color: #4e5159;
  background: #fff;
  border: 1px solid #e6e8f0;
  padding: 3px 12px 3px 4px;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(31, 41, 55, 0.04);
}
.eq-plan-view__tech img {
  width: 22px;
  height: auto;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.eq-plan-view__heading {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.eq-plan-view__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: #4e5159;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.eq-plan-view__subtitle {
  margin: 0;
  font-size: 0.85rem;
  color: #6f7380;
  line-height: 1.35;
  flex: 1;
  min-width: 240px;
}

.eq-plan-view__benefits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.eq-plan-view__benefits li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #4e5159;
  background: #fff;
  border: 1px solid #e6e8f0;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(31, 41, 55, 0.03);
}
.eq-plan-view__benefits li i {
  font-size: 0.82rem;
  color: #10b981;
}

.eq-plan-view__body {
  padding: 16px 28px 18px;
  background: #f8fafc;
}

.eq-plan-view__footer {
  padding: 10px 24px 10px 28px;
  border-top: 1px solid #e6e8f0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  position: sticky;
  bottom: 0;
  z-index: 2;
}

.eq-plan-view__back {
  border: none;
  background: transparent;
  color: #6f7380;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 10px 4px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  transition: color 150ms;
}
.eq-plan-view__back i {
  transition: transform 150ms;
  font-size: 1rem;
}
.eq-plan-view__back:hover {
  color: #557cf2;
}
.eq-plan-view__back:hover i {
  transform: translateX(-3px);
}

.eq-plan-view__summary {
  display: flex;
  align-items: center;
  gap: 20px;
}

.eq-plan-view__summary-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
  line-height: 1.2;
}

.eq-plan-view__summary-label {
  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #6f7380;
}

.eq-plan-view__summary-plan {
  font-size: 0.9rem;
  font-weight: 700;
  color: #4e5159;
  letter-spacing: -0.01em;
}

.eq-plan-view__cta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 18px 9px 22px;
  border: none;
  border-radius: 11px;
  background: linear-gradient(135deg, #8bc34a 0%, #7cb342 100%);
  color: #fff;
  cursor: pointer;
  transition: transform 160ms, box-shadow 200ms;
  box-shadow: 0 6px 18px rgba(139, 195, 74, 0.34);
}
.eq-plan-view__cta-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  line-height: 1;
}
.eq-plan-view__cta-label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  opacity: 0.92;
  text-transform: uppercase;
}
.eq-plan-view__cta-price {
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  font-feature-settings: "tnum";
}
.eq-plan-view__cta-price span {
  font-size: 0.74rem;
  font-weight: 500;
  opacity: 0.8;
  margin-left: 1px;
}
.eq-plan-view__cta i {
  font-size: 1.2rem;
  transition: transform 180ms;
}
.eq-plan-view__cta:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(139, 195, 74, 0.46);
}
.eq-plan-view__cta:hover:not(:disabled) i {
  transform: translateX(4px);
}
.eq-plan-view__cta:active:not(:disabled) {
  transform: translateY(0);
}
.eq-plan-view__cta:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

@media (max-width: 720px) {
  .eq-plan-view__header,
  .eq-plan-view__body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .eq-plan-view__footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .eq-plan-view__title {
    font-size: 1.3rem;
  }
  .eq-plan-view__footer {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 12px;
    padding: 16px 20px;
  }
  .eq-plan-view__summary {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
  }
  .eq-plan-view__summary-text {
    text-align: center;
  }
  .eq-plan-view__cta {
    justify-content: center;
  }
  .eq-plan-view__back {
    align-self: flex-start;
  }
}
a.eq-topbar__brand {
  text-decoration: none;
}
a.eq-topbar__brand:hover {
  text-decoration: none;
  opacity: 0.85;
}

.eq-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.eq-modal[hidden] {
  display: none;
}

.eq-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(31, 41, 55, 0.55);
  backdrop-filter: blur(2px);
}

.eq-modal__dialog {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.1);
  padding: 56px 64px 48px;
  width: 100%;
  max-width: 640px;
  text-align: center;
  animation: eq-modal-pop 0.18s ease-out;
}

@keyframes eq-modal-pop {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes eq-modal-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.eq-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #6f7380;
  font-size: 1rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.eq-modal__close:hover {
  background: #f4f6fb;
  color: #4e5159;
}

.eq-modal__title {
  font-size: 1.375rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 8px;
  line-height: 1.35;
}

.eq-modal__subtitle {
  color: #6f7380;
  font-size: 0.9375rem;
  margin: 0 0 28px;
}

.eq-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

.eq-modal__input {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #ffffff;
  font-size: 0.9375rem;
  color: #4e5159;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.eq-modal__input::placeholder {
  color: #b1b6c7;
}
.eq-modal__input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-modal__input.is-invalid {
  border-color: #f26b7a;
  box-shadow: 0 0 0 3px rgba(242, 107, 122, 0.15);
}

.eq-modal__error {
  color: #f26b7a;
  font-size: 0.8125rem;
  text-align: left;
  margin: -8px 4px 0;
}

.eq-modal__submit {
  align-self: stretch;
  width: 100%;
  padding: 14px 28px;
  font-size: 0.9375rem;
}

.eq-wpinstall-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e6e8f0;
  padding: 32px 40px 40px;
  max-width: 820px;
  margin: 0 auto;
  position: relative;
}

.eq-wpinstall-card__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #849196;
  font-size: 1.25rem;
  cursor: pointer;
  border-radius: 50%;
}
.eq-wpinstall-card__close:hover {
  background: #f4f6fb;
  color: #4e5159;
}

.eq-wpinstall-card__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}

.eq-wpinstall-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #21759b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
}

.eq-wpinstall-card__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0;
}

.eq-wpinstall-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}

.eq-wpinstall-field__label {
  font-size: 0.8125rem;
  color: #6f7380;
  font-weight: 500;
}

.eq-wpinstall-field__input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.9375rem;
  color: #4e5159;
  background: #ffffff;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-wpinstall-field__input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-wpinstall-field__input.is-invalid {
  border-color: #f26b7a;
  box-shadow: 0 0 0 3px rgba(242, 107, 122, 0.15);
}

.eq-wpinstall-field--password {
  position: relative;
}

.eq-wpinstall-field__input[type=password],
.eq-wpinstall-field__input[type=text].eq-wpinstall-field__input--pw {
  padding-right: 80px;
}

.eq-wpinstall-field__pwactions {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 2px;
}

.eq-wpinstall-field__pwbtn {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #849196;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-wpinstall-field__pwbtn:hover {
  background: #f4f6fb;
  color: #4e5159;
}

.eq-wpinstall-section {
  margin-top: 28px;
}

.eq-wpinstall-section__title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 16px;
}

.eq-wpinstall-plans {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 24px;
}

.eq-wpinstall-plan {
  border: 1.5px solid #e6e8f0;
  border-radius: 8px;
  padding: 18px 16px;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
  position: relative;
}
.eq-wpinstall-plan:hover {
  border-color: rgb(132.3770491803, 160.5081967213, 245.6229508197);
}
.eq-wpinstall-plan.is-active {
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.12);
}

.eq-wpinstall-plan__title {
  font-size: 1rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 6px;
}

.eq-wpinstall-plan__desc {
  font-size: 0.75rem;
  color: #6f7380;
  line-height: 1.5;
  margin: 0;
}

.eq-wpinstall-plan__badge {
  position: absolute;
  top: -10px;
  right: 12px;
  background: #557cf2;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}

.eq-plan-slider {
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 24px 26px 32px;
  margin-bottom: 20px;
  user-select: none;
}
.eq-plan-slider--loading {
  padding: 40px 20px;
  text-align: center;
  color: #6f7380;
}

.eq-plan-slider__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.eq-plan-slider__title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 4px;
}

.eq-plan-slider__subtitle {
  font-size: 0.8125rem;
  color: #6f7380;
  margin: 0;
}

.eq-plan-slider__price {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.eq-plan-slider__price-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #557cf2;
  line-height: 1;
}

.eq-plan-slider__price-period {
  font-size: 0.8125rem;
  color: #6f7380;
  font-weight: 500;
}

.eq-plan-slider__display {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: center;
  padding: 18px 20px;
  background: #f4f6fb;
  border-radius: 8px;
  margin-bottom: 28px;
}

.eq-plan-slider__tier {
  display: flex;
  flex-direction: column;
  min-width: 88px;
  padding-right: 24px;
  border-right: 1px solid #e6e8f0;
}

.eq-plan-slider__tier-name {
  font-size: 2.25rem;
  font-weight: 700;
  color: #557cf2;
  line-height: 1;
  letter-spacing: -0.02em;
}

.eq-plan-slider__tier-label {
  font-size: 0.875rem;
  color: #4e5159;
  font-weight: 500;
  margin-top: 4px;
}

.eq-plan-slider__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.eq-plan-slider__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  position: relative;
  padding-left: 26px;
}
.eq-plan-slider__stat i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1.125rem;
  color: #557cf2;
}

.eq-plan-slider__stat-label {
  font-size: 0.6875rem;
  color: #849196;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eq-plan-slider__stat-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4e5159;
}

.eq-plan-slider__track-wrap {
  padding: 0 14px;
}

.eq-plan-slider__track {
  position: relative;
  height: 6px;
  background: #e6e8f0;
  border-radius: 999px;
  margin: 40px 0 28px;
  cursor: pointer;
}

.eq-plan-slider__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #557cf2;
  border-radius: 999px;
  transition: width 160ms ease;
  pointer-events: none;
}

.eq-plan-slider__tick {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 44px;
  height: 44px;
  justify-content: center;
}

.eq-plan-slider__tick-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #e6e8f0;
  transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}
.eq-plan-slider__tick.is-past .eq-plan-slider__tick-dot {
  background: #557cf2;
  border-color: #557cf2;
}
.eq-plan-slider__tick.is-active .eq-plan-slider__tick-dot {
  background: #557cf2;
  border-color: #557cf2;
  transform: scale(1.15);
}
.eq-plan-slider__tick:hover .eq-plan-slider__tick-dot {
  border-color: #557cf2;
}

.eq-plan-slider__tick-name {
  position: absolute;
  top: calc(100% + 4px);
  font-size: 0.75rem;
  font-weight: 600;
  color: #6f7380;
  transition: color 120ms ease;
}
.eq-plan-slider__tick.is-active .eq-plan-slider__tick-name {
  color: #557cf2;
}

.eq-plan-slider__knob {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #557cf2;
  box-shadow: 0 2px 8px rgba(85, 124, 242, 0.35);
  cursor: grab;
  transition: left 160ms ease, box-shadow 120ms ease, transform 120ms ease;
  z-index: 3;
}
.eq-plan-slider__knob:hover {
  box-shadow: 0 2px 12px rgba(85, 124, 242, 0.45);
}
.eq-plan-slider__knob:active {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(1.1);
  transition: transform 80ms ease;
}
.eq-plan-slider__knob:focus-visible {
  outline: 3px solid rgba(85, 124, 242, 0.35);
  outline-offset: 2px;
}

.eq-wpinstall-addon {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  margin-bottom: 22px;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-wpinstall-addon:hover {
  border-color: rgb(132.3770491803, 160.5081967213, 245.6229508197);
}
.eq-wpinstall-addon input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.eq-wpinstall-addon:has(input:checked) {
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.12);
}

.eq-wpinstall-addon__box {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #e6e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.eq-wpinstall-addon__box i {
  color: #ffffff;
  font-size: 0.875rem;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 100ms ease, transform 100ms ease;
}
.eq-wpinstall-addon:has(input:checked) .eq-wpinstall-addon__box {
  background: #557cf2;
  border-color: #557cf2;
}
.eq-wpinstall-addon:has(input:checked) .eq-wpinstall-addon__box i {
  opacity: 1;
  transform: scale(1);
}

.eq-wpinstall-addon__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.eq-wpinstall-addon__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4e5159;
}

.eq-wpinstall-addon__desc {
  font-size: 0.75rem;
  color: #6f7380;
  line-height: 1.4;
}

.eq-wpinstall-addon__price {
  font-size: 0.875rem;
  font-weight: 600;
  color: #557cf2;
  white-space: nowrap;
}

.eq-wpinstall-submit {
  width: 100%;
  padding: 16px 28px;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 8px;
}

.eq-wpinstall-error {
  background: rgba(242, 107, 122, 0.1);
  border: 1px solid rgba(242, 107, 122, 0.3);
  color: #f26b7a;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.8125rem;
  margin-bottom: 18px;
}

.eq-wpinstall-loading {
  text-align: center;
  padding: 24px 0;
}

.eq-wpinstall-loading__title {
  font-size: 1.125rem;
  color: #4e5159;
  margin: 0 0 20px;
  font-weight: 500;
}

.eq-wpinstall-progress {
  width: 100%;
  height: 6px;
  background: #e6e8f0;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 26px;
}

.eq-wpinstall-progress__bar {
  height: 100%;
  background: linear-gradient(90deg, #557cf2, rgb(156.0655737705, 178.762295082, 247.4344262295));
  border-radius: 999px;
  transition: width 400ms ease;
}

.eq-wpinstall-snake {
  margin: 0 auto;
  background: #f4f6fb;
  border-radius: 8px;
  padding: 16px;
  max-width: 480px;
  text-align: center;
}

.eq-wpinstall-snake__canvas {
  display: block;
  background: #edf0f7;
  border-radius: 6px;
  margin: 0 auto;
  image-rendering: pixelated;
}

.eq-wpinstall-snake__hint {
  font-size: 0.75rem;
  color: #849196;
  margin: 10px 0 0;
}

.eq-wpinstall-snake__score {
  font-size: 0.75rem;
  color: #6f7380;
  text-align: right;
  margin-bottom: 6px;
  font-weight: 500;
}

.eq-install-hex-icon {
  width: 48px;
  height: auto;
  flex-shrink: 0;
}

.eq-install-steps {
  list-style: none;
  padding: 0;
  margin: 0 auto 24px;
  text-align: left;
  max-width: 360px;
}

.eq-install-step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 0;
  font-size: 0.875rem;
  color: #b1b6c7;
  transition: color 300ms ease, opacity 300ms ease;
}
.eq-install-step.is-done {
  color: #6f7380;
}
.eq-install-step.is-done .eq-install-step__icon {
  color: #22c55e;
}
.eq-install-step.is-active {
  color: #4e5159;
  font-weight: 500;
}
.eq-install-step.is-active .eq-install-step__icon {
  color: #557cf2;
}

.eq-install-step__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

@keyframes eq-spin {
  to {
    transform: rotate(360deg);
  }
}
.eq-install-step.is-active .eq-install-step__icon .bi-arrow-repeat {
  display: inline-block;
  animation: eq-spin 1s linear infinite;
}

.eq-wpinstall-success {
  text-align: center;
  padding: 24px 0;
}

.eq-wpinstall-success__mascot {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #f4f6fb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  margin: 0 auto 16px;
  color: #4e5159;
}

@keyframes eq-success-pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.15);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.eq-install-success-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  animation: eq-success-pop 0.5s ease forwards;
  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.25);
}
.eq-install-success-icon i {
  font-size: 2.25rem;
  color: #ffffff;
}

.eq-install-success-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.eq-install-ssl-note {
  font-size: 0.8125rem;
  color: #849196;
  margin: 0;
}
.eq-install-ssl-note i {
  margin-right: 4px;
}

.eq-wpinstall-success__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 6px;
}

.eq-wpinstall-success__msg {
  font-size: 1rem;
  color: #6f7380;
  margin: 0 0 22px;
}

.eq-wpinstall-success__btn {
  padding: 14px 32px;
  font-size: 0.9375rem;
}

@media (max-width: 1100px) {
  .eq-home-row {
    grid-template-columns: 1fr;
  }
  .eq-action-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .eq-action-grid {
    grid-template-columns: 1fr;
  }
  .eq-modal__dialog {
    padding: 48px 24px 32px;
  }
  .eq-wpinstall-plans {
    grid-template-columns: 1fr;
  }
  .eq-wpinstall-card {
    padding: 28px 20px 32px;
  }
  .eq-plan-slider {
    padding: 20px 18px 28px;
  }
  .eq-plan-slider__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .eq-plan-slider__display {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }
  .eq-plan-slider__tier {
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
    padding-right: 0;
    padding-bottom: 12px;
    border-right: 0;
    border-bottom: 1px solid #e6e8f0;
  }
  .eq-plan-slider__tier-name {
    font-size: 1.75rem;
  }
  .eq-plan-slider__stats {
    gap: 10px;
  }
  .eq-plan-slider__stat {
    padding-left: 22px;
  }
  .eq-plan-slider__stat-value {
    font-size: 0.875rem;
  }
  .eq-plan-slider__tick-name {
    font-size: 0.6875rem;
  }
  .eq-wpinstall-addon {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }
  .eq-wpinstall-addon__price {
    grid-column: 2;
    grid-row: 2;
    text-align: left;
  }
}
.eq-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #4e5159;
  border: 1px solid #e6e8f0;
  border-radius: 999px;
  padding: 11px 22px;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.eq-btn-ghost:hover {
  background: #f4f6fb;
  border-color: #849196;
  text-decoration: none;
}
.eq-btn-ghost.is-disabled {
  color: #b1b6c7;
  border-color: #e6e8f0;
  cursor: not-allowed;
  pointer-events: none;
}
.eq-btn-ghost i {
  font-size: 1rem;
}

a.eq-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
a.eq-btn-primary:hover {
  text-decoration: none;
}
a.eq-btn-primary.is-disabled {
  background: #b1b6c7;
  cursor: not-allowed;
  pointer-events: none;
}
a.eq-btn-primary i {
  font-size: 1rem;
}

.eq-site-view {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.eq-site-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 28px 32px;
}

.eq-site-header__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, #21759b 0%, #464646 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}
.eq-site-header__icon i {
  line-height: 1;
}

.eq-site-header__info {
  min-width: 0;
}

.eq-site-header__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.eq-site-header__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f4f6fb;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.eq-site-header__status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.eq-site-header__status--running {
  background: rgba(46, 174, 96, 0.12);
  color: #1f8a4c;
}
.eq-site-header__status--stopped {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}
.eq-site-header__status--failed {
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
}
.eq-site-header__status--pulling-images, .eq-site-header__status--starting-db, .eq-site-header__status--starting-wp, .eq-site-header__status--installing, .eq-site-header__status--pending {
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
}
.eq-site-header__status--deleted {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}
.eq-site-header__status--cancelled {
  background: rgba(108, 117, 125, 0.12);
  color: #6c757d;
}

.eq-site-header__sub {
  margin: 0;
  color: #6f7380;
  font-size: 0.9375rem;
}
.eq-site-header__sub strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-site-header__actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.eq-site-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e6e8f0;
  padding: 0 4px;
  overflow-x: auto;
}

.eq-site-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: #6f7380;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 14px 20px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  transition: color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}
.eq-site-tab i {
  font-size: 1.05rem;
}
.eq-site-tab:hover {
  color: #4e5159;
}
.eq-site-tab.is-active {
  color: #557cf2;
  border-bottom-color: #557cf2;
}

.eq-site-tabpanel {
  min-height: 280px;
}

.eq-site-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 56px 32px;
  text-align: center;
}

.eq-site-placeholder__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f4f6fb;
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  margin-bottom: 18px;
}

.eq-site-placeholder__title {
  margin: 0 0 8px 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #4e5159;
}

.eq-site-placeholder__desc {
  margin: 0;
  color: #6f7380;
  font-size: 0.9375rem;
}
.eq-site-placeholder__desc strong {
  color: #557cf2;
  font-weight: 700;
}

.eq-site-config {
  padding: 32px 36px;
}
.eq-site-config__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 48px;
  color: #6f7380;
}
.eq-site-config__head {
  margin-bottom: 24px;
}
.eq-site-config__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #4e5159;
}
.eq-site-config__title i {
  color: #557cf2;
  font-size: 1.35rem;
}
.eq-site-config__sub {
  margin: 0;
  color: #6f7380;
  font-size: 0.9375rem;
  line-height: 1.55;
}
.eq-site-config__usage {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px;
  border-radius: 8px;
  border: 1px solid #e6e8f0;
  background: #f4f6fb;
  margin-bottom: 20px;
}
.eq-site-config__usage--loading, .eq-site-config__usage--error {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  font-size: 0.9rem;
  color: #6f7380;
}
.eq-site-config__usage--loading .eq-spinner--inline {
  border-color: rgba(85, 124, 242, 0.2);
  border-top-color: #557cf2;
}
.eq-site-config__usage--error {
  background: #fdecec;
  border-color: #f7c5c5;
  color: #a12727;
}
.eq-site-config__usage--error i {
  color: #c93535;
  font-size: 1.1rem;
}
.eq-site-config__usage--error .eq-btn-ghost--sm {
  margin-left: auto;
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.eq-site-config__usage-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.eq-site-config__usage-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #849196;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.eq-site-config__usage-title i {
  color: #557cf2;
  font-size: 1rem;
}
.eq-site-config__usage-values {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 0.875rem;
  color: #6f7380;
}
.eq-site-config__usage-values strong {
  color: #4e5159;
  font-size: 1.05rem;
  font-weight: 700;
}
.eq-site-config__usage-pct {
  margin-left: 6px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.eq-site-config__usage-bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.eq-site-config__usage-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 999px;
  transition: width 0.4s ease, background-color 0.2s ease;
}
.eq-site-config__usage-hint {
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.5;
}
.eq-site-config__usage-hint strong {
  color: #4e5159;
}
.eq-site-config__usage--ok .eq-site-config__usage-fill {
  background: #2ab97a;
}
.eq-site-config__usage--ok .eq-site-config__usage-pct {
  color: #2ab97a;
}
.eq-site-config__usage--warn .eq-site-config__usage-fill {
  background: #d69500;
}
.eq-site-config__usage--warn .eq-site-config__usage-pct {
  color: #d69500;
}
.eq-site-config__usage--danger {
  border-color: #f7c5c5;
  background: #fdecec;
}
.eq-site-config__usage--danger .eq-site-config__usage-fill {
  background: #c93535;
}
.eq-site-config__usage--danger .eq-site-config__usage-pct {
  color: #c93535;
}
.eq-site-config__usage--danger .eq-site-config__usage-title i {
  color: #c93535;
}
.eq-site-config__usage--danger .eq-site-config__usage-title {
  color: #a12727;
}
.eq-site-config__usage--danger .eq-site-config__usage-values strong {
  color: #a12727;
}
.eq-site-config__usage--danger .eq-site-config__usage-hint {
  color: #8a3030;
}
.eq-site-config__usage--danger .eq-site-config__usage-hint strong {
  color: #a12727;
}
.eq-site-config__banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 8px;
  font-size: 0.9rem;
  margin-bottom: 28px;
  border: 1px solid transparent;
}
.eq-site-config__banner i {
  font-size: 1.15rem;
  flex-shrink: 0;
}
.eq-site-config__banner span {
  line-height: 1.5;
}
.eq-site-config__banner--info {
  background: rgba(85, 124, 242, 0.06);
  border-color: rgba(85, 124, 242, 0.2);
  color: #6f7380;
}
.eq-site-config__banner--info i {
  color: #557cf2;
}
.eq-site-config__banner--warn {
  background: #fff8e6;
  border-color: #ffe2a8;
  color: #8a6300;
}
.eq-site-config__banner--warn i {
  color: #d69500;
}
.eq-site-config__banner--danger {
  background: #fdecec;
  border-color: #f7c5c5;
  color: #a12727;
}
.eq-site-config__banner--danger i {
  color: #c93535;
}
.eq-site-config__diff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: stretch;
  margin-top: 28px;
  padding: 20px;
  background: #f4f6fb;
  border-radius: 8px;
  border: 1px solid #e6e8f0;
}
.eq-site-config__diff-col {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 18px;
  border: 1px solid #e6e8f0;
}
.eq-site-config__diff-col--new {
  border-color: #557cf2;
  box-shadow: 0 0 0 2px rgba(85, 124, 242, 0.12);
}
.eq-site-config__diff-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #849196;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.eq-site-config__diff-name {
  font-size: 1rem;
  font-weight: 700;
  color: #4e5159;
  margin-bottom: 4px;
}
.eq-site-config__diff-price {
  font-size: 0.8125rem;
  color: #557cf2;
  font-weight: 600;
  margin-bottom: 12px;
}
.eq-site-config__diff-stats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-site-config__diff-stats li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: #6f7380;
}
.eq-site-config__diff-stats li i {
  color: #849196;
  font-size: 0.95rem;
  width: 16px;
  text-align: center;
}
.eq-site-config__diff-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #557cf2;
  font-size: 1.5rem;
}
.eq-site-config__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #e6e8f0;
}
.eq-site-config__actions .eq-btn-ghost:disabled,
.eq-site-config__actions .eq-btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 720px) {
  .eq-site-config {
    padding: 24px 20px;
  }
  .eq-site-config__diff {
    grid-template-columns: 1fr;
  }
  .eq-site-config__diff-arrow {
    transform: rotate(90deg);
    padding: 8px 0;
  }
}
.eq-access-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.eq-access-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 28px 24px;
  text-align: left;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.eq-access-card--available {
  cursor: default;
}
.eq-access-card--available:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(85, 124, 242, 0.12);
}
.eq-access-card--soon {
  opacity: 0.72;
}
.eq-access-card--soon .eq-access-card__icon i {
  color: #6f7380;
}

.eq-access-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: #f4f6fb;
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.eq-access-card--available .eq-access-card__icon {
  background: rgba(85, 124, 242, 0.1);
}

.eq-access-card__title {
  margin: 0 0 10px 0;
  font-size: 1.1875rem;
  font-weight: 700;
  color: #4e5159;
  display: flex;
  align-items: center;
  gap: 10px;
}

.eq-access-card__badge {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
  color: #6f7380;
}

.eq-access-card__desc {
  margin: 0 0 20px 0;
  color: #6f7380;
  font-size: 0.9375rem;
  line-height: 1.55;
  flex: 1;
}

.eq-modal__dialog--ftps {
  max-width: 560px;
  padding: 48px 48px 40px;
  text-align: left;
}
.eq-modal__dialog--ftps .eq-modal__title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.eq-modal__dialog--ftps .eq-modal__title i {
  color: #557cf2;
}

.eq-ftps-loading {
  padding: 40px 0;
  text-align: center;
  color: #6f7380;
}
.eq-ftps-loading p {
  margin: 16px 0 0 0;
}

.eq-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 3px solid rgba(85, 124, 242, 0.2);
  border-top-color: #557cf2;
  border-radius: 50%;
  animation: eq-spin 0.8s linear infinite;
}
.eq-spinner--inline {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: 0 8px 0 0;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
}

@keyframes eq-spin {
  to {
    transform: rotate(360deg);
  }
}
.eq-ftps-activate {
  margin-top: 24px;
  text-align: center;
}

.eq-ftps-activate__info {
  color: #6f7380;
  margin-bottom: 20px;
}
.eq-ftps-activate__info strong {
  color: #4e5159;
}

.eq-ftps-creds {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.eq-ftps-creds__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eq-ftps-creds__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eq-ftps-creds__input-wrap {
  display: flex;
  align-items: stretch;
  background: #f4f6fb;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.eq-ftps-creds__input-wrap:focus-within {
  border-color: #557cf2;
}

.eq-ftps-creds__input {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 12px 14px;
  font-size: 0.9375rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  color: #4e5159;
}
.eq-ftps-creds__input:focus {
  outline: 0;
}

.eq-ftps-creds__icon-btn {
  border: 0;
  background: transparent;
  color: #6f7380;
  width: 44px;
  font-size: 1rem;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  transition: color 120ms ease, background 120ms ease;
}
.eq-ftps-creds__icon-btn:hover {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.06);
}

.eq-ftps-tip {
  margin-top: 20px;
  padding: 12px 14px;
  background: rgba(85, 124, 242, 0.06);
  border-left: 3px solid #557cf2;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #6f7380;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.eq-ftps-tip i {
  color: #557cf2;
  font-size: 1rem;
  margin-top: 1px;
}

.eq-ftps-actions {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.eq-modal__dialog--github {
  max-width: 620px;
  padding: 48px 48px 40px;
  text-align: left;
}
.eq-modal__dialog--github .eq-modal__title i {
  margin-right: 10px;
}

.eq-git-loading {
  padding: 40px 0;
  text-align: center;
  color: #6f7380;
}
.eq-git-loading .eq-spinner {
  margin: 0 auto 12px;
}

.eq-git-form {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.eq-git-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-git-form__field label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eq-git-form__field--half {
  flex: 1;
  min-width: 0;
}

.eq-git-form__row {
  display: flex;
  gap: 16px;
}
@media (max-width: 500px) {
  .eq-git-form__row {
    flex-direction: column;
  }
}

.eq-git-form__hint {
  font-size: 0.75rem;
  color: #6f7380;
}

.eq-git-form__optional {
  font-weight: 400;
  text-transform: none;
  color: #6f7380;
  font-size: 0.75rem;
}

.eq-git-form__error {
  padding: 10px 14px;
  background: rgba(220, 53, 69, 0.08);
  border-left: 3px solid #dc3545;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #dc3545;
}

.eq-git-form__submit {
  align-self: flex-start;
  margin-top: 4px;
}

.eq-git-info {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  background: #f4f6fb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}

.eq-git-info__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
}

.eq-git-info__label {
  color: #6f7380;
  font-weight: 500;
}

.eq-git-info__value {
  color: #4e5159;
}
.eq-git-info__value a {
  color: #557cf2;
  text-decoration: none;
}
.eq-git-info__value a:hover {
  text-decoration: underline;
}
.eq-git-info__value code {
  padding: 2px 6px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  font-size: 0.8125rem;
}

.eq-git-section {
  margin-top: 24px;
}

.eq-git-section__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 8px;
}

.eq-git-section__desc {
  font-size: 0.8125rem;
  color: #6f7380;
  margin-bottom: 12px;
}

.eq-git-section__hint {
  display: block;
  margin-top: 8px;
  font-size: 0.75rem;
  color: #6f7380;
}
.eq-git-section__hint code {
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  font-size: 0.7rem;
}

.eq-git-copyfield {
  margin-bottom: 12px;
}
.eq-git-copyfield label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.eq-git-copyfield__row {
  display: flex;
  align-items: stretch;
  background: #f4f6fb;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.eq-git-copyfield__row .eq-modal__input {
  flex: 1;
  border: 0;
  border-radius: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.8125rem;
  padding: 10px 12px;
  background: transparent;
}

.eq-git-copyfield__btn {
  border: 0;
  background: transparent;
  color: #6f7380;
  width: 40px;
  font-size: 0.875rem;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  transition: color 120ms ease, background 120ms ease;
}
.eq-git-copyfield__btn:hover {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.06);
}

.eq-git-status {
  font-size: 0.875rem;
}

.eq-git-status--ok {
  color: #28a745;
}
.eq-git-status--ok i {
  margin-right: 4px;
}

.eq-git-status--err {
  color: #dc3545;
}
.eq-git-status--err i {
  margin-right: 4px;
}

.eq-git-status__detail {
  display: block;
  margin-top: 4px;
  font-size: 0.8125rem;
  color: #6f7380;
}
.eq-git-status__detail code {
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  font-size: 0.75rem;
}

.eq-git-status__muted {
  color: #6f7380;
}

.eq-git-actions {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.eq-btn-ghost--danger {
  color: #dc3545;
}
.eq-btn-ghost--danger:hover {
  background: rgba(220, 53, 69, 0.08);
  border-color: #dc3545;
}

.eq-btn-ghost--success {
  color: #1f8a4c;
}
.eq-btn-ghost--success:hover {
  background: rgba(46, 174, 96, 0.08);
  border-color: #1f8a4c;
}

.eq-site-power {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.eq-notif-bell {
  position: relative;
}
.eq-notif-bell__badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f26b7a;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

.eq-notif-dropdown {
  position: absolute;
  top: 44px;
  right: 0;
  z-index: 1050;
  width: 360px;
  max-height: 420px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: none;
}
.eq-notif-dropdown.is-open {
  display: block;
}
.eq-notif-dropdown__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e8f0;
}
.eq-notif-dropdown__header strong {
  font-size: 0.9rem;
}
.eq-notif-dropdown__header a {
  font-size: 0.78rem;
  color: #557cf2;
  text-decoration: none;
}
.eq-notif-dropdown__list {
  max-height: 340px;
  overflow-y: auto;
}
.eq-notif-dropdown__item {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
  transition: background 0.1s;
}
.eq-notif-dropdown__item:hover {
  background: rgba(85, 124, 242, 0.03);
}
.eq-notif-dropdown__item.is-unread {
  background: rgba(85, 124, 242, 0.05);
}
.eq-notif-dropdown__item i {
  font-size: 1rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.eq-notif-dropdown__content {
  flex: 1;
  min-width: 0;
}
.eq-notif-dropdown__content strong {
  font-size: 0.82rem;
  display: block;
}
.eq-notif-dropdown__content p {
  font-size: 0.78rem;
  color: #6f7380;
  margin: 2px 0 0;
}
.eq-notif-dropdown__content small {
  font-size: 0.7rem;
  color: #6f7380;
}
.eq-notif-dropdown__empty {
  padding: 30px;
  text-align: center;
  color: #6f7380;
  font-size: 0.85rem;
}

.eq-traffic__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}
.eq-traffic__card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}
.eq-traffic__card-value {
  font-size: 1.8rem;
  font-weight: 700;
  color: #557cf2;
}
.eq-traffic__card-label {
  font-size: 0.82rem;
  color: #6f7380;
  margin-top: 4px;
}
.eq-traffic__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.eq-traffic__grid h4 {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #4e5159;
}
.eq-traffic__section {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 20px;
}
.eq-traffic__path-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
}
.eq-traffic__path-row:last-child {
  border-bottom: none;
}
.eq-traffic__path-rank {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.eq-traffic__path-url {
  font-size: 0.82rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.eq-traffic__path-label {
  flex: 1;
  font-size: 0.7rem;
  color: #6f7380;
  font-style: italic;
  padding-left: 6px;
}
.eq-traffic__path-row .eq-traffic__path-url:not(:has(+ .eq-traffic__path-label)) {
  flex: 1;
}
.eq-traffic__path-row .eq-traffic__path-url {
  flex: 1;
}
.eq-traffic__path-row .eq-traffic__path-url + .eq-traffic__path-label {
  flex: 0 0 auto;
}
.eq-traffic__path-row:has(.eq-traffic__path-label) .eq-traffic__path-url {
  flex: 0 0 auto;
}
.eq-traffic__path-count {
  font-weight: 600;
  font-size: 0.85rem;
  color: #4e5159;
}
.eq-traffic__path-row--blocked .eq-traffic__path-rank {
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
}
.eq-traffic__path-row--blocked .eq-traffic__path-url {
  color: #92400e;
}
.eq-traffic__path-row--error .eq-traffic__path-rank {
  background: rgba(239, 68, 68, 0.18);
  color: #b91c1c;
}
.eq-traffic__path-row--error .eq-traffic__path-url {
  color: #991b1b;
}
.eq-traffic__section-note {
  font-size: 0.75rem;
  color: #6f7380;
  margin: -6px 0 10px 0;
  line-height: 1.35;
}
.eq-traffic__section--blocked {
  border-color: rgba(245, 158, 11, 0.35);
}
.eq-traffic__section--blocked h4 i {
  color: #d97706;
}
.eq-traffic__blocked-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 7px;
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
  font-size: 0.72rem;
  font-weight: 700;
  border-radius: 999px;
  margin-left: 6px;
  vertical-align: middle;
}
.eq-traffic__blocked-badge--error {
  background: rgba(239, 68, 68, 0.18);
  color: #b91c1c;
}
.eq-traffic__statuses {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eq-traffic__status-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
}
.eq-traffic__status-item strong {
  margin-left: auto;
}
.eq-traffic__status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.eq-traffic__header {
  margin-bottom: 16px;
}
.eq-traffic__tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  background: rgba(230, 232, 240, 0.35);
  padding: 4px;
  border-radius: 12px;
  width: fit-content;
}
.eq-traffic__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: #6f7380;
  font-size: 0.85rem;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-traffic__tab:hover {
  color: #4e5159;
  background: rgba(255, 255, 255, 0.5);
}
.eq-traffic__tab.is-active {
  background: #fff;
  color: #557cf2;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.eq-traffic__tab i {
  font-size: 0.95rem;
}
.eq-traffic__origin-summary {
  margin-bottom: 20px;
}
.eq-traffic__src-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.eq-traffic__src-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "icon label pct" "icon value value";
  gap: 2px 12px;
  align-items: center;
}
.eq-traffic__src-icon {
  grid-area: icon;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #fff;
}
.eq-traffic__src-card--direct .eq-traffic__src-icon {
  background: linear-gradient(135deg, #64748b, #475569);
}
.eq-traffic__src-card--search .eq-traffic__src-icon {
  background: linear-gradient(135deg, #ff8c42, #ff6a00);
}
.eq-traffic__src-card--social .eq-traffic__src-icon {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}
.eq-traffic__src-card--other .eq-traffic__src-icon {
  background: linear-gradient(135deg, #10b981, #047857);
}
.eq-traffic__src-label {
  grid-area: label;
  font-size: 0.76rem;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.eq-traffic__src-value {
  grid-area: value;
  font-size: 1.35rem;
  font-weight: 700;
  color: #4e5159;
  line-height: 1;
}
.eq-traffic__src-pct {
  grid-area: pct;
  font-size: 0.82rem;
  color: #6f7380;
  font-weight: 600;
}
.eq-traffic__map-wrap {
  position: relative;
}
.eq-traffic__map {
  height: 420px;
  background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
  border-radius: 12px;
  overflow: hidden;
}
.eq-traffic__map-legend {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  gap: 12px;
  background: rgba(255, 255, 255, 0.9);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.78rem;
  border: 1px solid #e6e8f0;
  backdrop-filter: blur(4px);
}
.eq-traffic__map-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6f7380;
}
.eq-traffic__map-dot {
  display: inline-block;
  border-radius: 50%;
  background: #ff8c42;
  border: 1.5px solid #fff;
  box-shadow: 0 0 0 1px rgba(255, 140, 66, 0.3);
}
.eq-traffic__map-dot--sm {
  width: 6px;
  height: 6px;
}
.eq-traffic__map-dot--md {
  width: 10px;
  height: 10px;
}
.eq-traffic__map-dot--lg {
  width: 16px;
  height: 16px;
}
.eq-traffic__origin-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
.eq-traffic__countries {
  max-height: 440px;
  overflow-y: auto;
}
.eq-traffic__country-row {
  display: grid;
  grid-template-columns: 28px 1fr 100px 70px 50px;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
}
.eq-traffic__country-row:last-child {
  border-bottom: none;
}
.eq-traffic__country-flag {
  font-size: 1.15rem;
  line-height: 1;
}
.eq-traffic__country-name {
  font-size: 0.88rem;
  color: #4e5159;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eq-traffic__country-bar {
  height: 6px;
  background: rgba(85, 124, 242, 0.12);
  border-radius: 3px;
  overflow: hidden;
}
.eq-traffic__country-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #ff8c42, #ff6a00);
  border-radius: 3px;
}
.eq-traffic__country-count {
  font-weight: 600;
  font-size: 0.85rem;
  color: #4e5159;
  text-align: right;
}
.eq-traffic__country-pct {
  font-size: 0.78rem;
  color: #6f7380;
  text-align: right;
}
.eq-traffic__cities {
  max-height: 440px;
  overflow-y: auto;
}
.eq-traffic__city-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
}
.eq-traffic__city-row:last-child {
  border-bottom: none;
}
.eq-traffic__city-flag {
  font-size: 1.1rem;
  line-height: 1;
  flex-shrink: 0;
}
.eq-traffic__city-info {
  flex: 1;
  min-width: 0;
}
.eq-traffic__city-name {
  font-size: 0.88rem;
  font-weight: 500;
  color: #4e5159;
}
.eq-traffic__city-country {
  font-size: 0.76rem;
  color: #6f7380;
  margin-top: 1px;
}
.eq-traffic__city-count {
  font-weight: 600;
  font-size: 0.9rem;
  color: #557cf2;
  flex-shrink: 0;
}
.eq-traffic__refs {
  max-height: 500px;
  overflow-y: auto;
}
.eq-traffic__ref-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
}
.eq-traffic__ref-row:last-child {
  border-bottom: none;
}
.eq-traffic__ref-badge {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(85, 124, 242, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.eq-traffic__ref-badge i {
  color: #557cf2;
  font-size: 1rem;
}
.eq-traffic__ref-row--search .eq-traffic__ref-badge {
  background: rgba(255, 140, 66, 0.1);
}
.eq-traffic__ref-row--search .eq-traffic__ref-badge i {
  color: #ff6a00;
}
.eq-traffic__ref-row--social .eq-traffic__ref-badge {
  background: rgba(139, 92, 246, 0.1);
}
.eq-traffic__ref-row--social .eq-traffic__ref-badge i {
  color: #8b5cf6;
}
.eq-traffic__ref-row--direct .eq-traffic__ref-badge {
  background: rgba(100, 116, 139, 0.1);
}
.eq-traffic__ref-row--direct .eq-traffic__ref-badge i {
  color: #64748b;
}
.eq-traffic__ref-row--email .eq-traffic__ref-badge {
  background: rgba(16, 185, 129, 0.1);
}
.eq-traffic__ref-row--email .eq-traffic__ref-badge i {
  color: #10b981;
}
.eq-traffic__ref-row--other .eq-traffic__ref-badge {
  background: rgba(59, 130, 246, 0.1);
}
.eq-traffic__ref-row--other .eq-traffic__ref-badge i {
  color: #3b82f6;
}
.eq-traffic__ref-favicon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.eq-traffic__ref-info {
  flex: 1;
  min-width: 0;
}
.eq-traffic__ref-source {
  font-size: 0.88rem;
  font-weight: 500;
  color: #4e5159;
}
.eq-traffic__ref-host {
  font-size: 0.76rem;
  color: #6f7380;
  font-weight: 400;
  margin-left: 6px;
}
.eq-traffic__ref-kws {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
}
.eq-traffic__ref-kw {
  display: inline-block;
  font-size: 0.72rem;
  padding: 2px 8px;
  background: rgba(85, 124, 242, 0.08);
  color: #557cf2;
  border-radius: 999px;
  white-space: nowrap;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eq-traffic__ref-count {
  font-weight: 600;
  font-size: 0.9rem;
  color: #4e5159;
  flex-shrink: 0;
}
.eq-traffic__keywords {
  max-height: 500px;
  overflow-y: auto;
}
.eq-traffic__kw-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
}
.eq-traffic__kw-row:last-child {
  border-bottom: none;
}
.eq-traffic__kw-icon {
  color: #6f7380;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.eq-traffic__kw-term {
  flex: 1;
  font-size: 0.88rem;
  color: #4e5159;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eq-traffic__kw-engine {
  font-size: 0.72rem;
  padding: 2px 8px;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  border-radius: 999px;
  font-weight: 600;
}
.eq-traffic__kw-count {
  font-weight: 600;
  font-size: 0.85rem;
  color: #4e5159;
  min-width: 30px;
  text-align: right;
}
.eq-traffic__kw-empty {
  padding: 16px;
  background: rgba(85, 124, 242, 0.04);
  border-radius: 8px;
  font-size: 0.82rem;
  color: #6f7380;
  line-height: 1.5;
}
.eq-traffic__kw-empty p {
  margin-bottom: 6px;
}
.eq-traffic__kw-empty p:last-child {
  margin-bottom: 0;
}
.eq-traffic__kw-empty strong {
  color: #4e5159;
}
.eq-traffic__kw-empty i {
  color: #557cf2;
}

@media (max-width: 767px) {
  .eq-traffic__cards {
    grid-template-columns: 1fr;
  }
  .eq-traffic__grid {
    grid-template-columns: 1fr;
  }
  .eq-traffic__origin-grid {
    grid-template-columns: 1fr;
  }
  .eq-traffic__src-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .eq-traffic__map {
    height: 280px;
  }
  .eq-traffic__country-row {
    grid-template-columns: 24px 1fr 60px 40px;
  }
  .eq-traffic__country-row .eq-traffic__country-bar {
    display: none;
  }
}
.eq-git-steps {
  margin-top: 16px;
  padding: 16px 20px;
  background: rgba(85, 124, 242, 0.04);
  border-radius: 8px;
}
.eq-git-steps h4 {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #4e5159;
}
.eq-git-steps ol {
  margin: 0;
  padding-left: 20px;
  font-size: 0.8125rem;
  color: #6f7380;
}
.eq-git-steps ol li {
  margin-bottom: 4px;
}
.eq-git-steps ol code {
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  font-size: 0.75rem;
}

.eq-git-code-example {
  margin-top: 8px;
  padding: 12px 14px;
  background: #f4f6fb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  font-size: 0.8125rem;
}
.eq-git-code-example code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  color: #4e5159;
}
.eq-git-code-example small {
  color: #6f7380;
  font-size: 0.7rem;
}

.eq-git-key-textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  resize: vertical;
  min-height: 60px;
}

.eq-git-add-key {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eq-git-keys {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

.eq-git-keys__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f4f6fb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}

.eq-git-keys__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.eq-git-keys__info strong {
  font-size: 0.8125rem;
  color: #4e5159;
}
.eq-git-keys__info small {
  font-size: 0.7rem;
  color: #6f7380;
}

.eq-git-keys__fingerprint {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.7rem;
  color: #6f7380;
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}

.eq-git-keys__remove {
  padding: 4px 8px;
  font-size: 0.875rem;
}

.eq-db-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.eq-db-tab--loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  gap: 16px;
}
.eq-db-tab__loading-text {
  color: #6f7380;
  font-size: 0.9375rem;
  margin: 0;
}
.eq-db-tab--error {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 24px;
}
.eq-db-tab__error-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  margin-bottom: 16px;
}
.eq-db-tab__error-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px;
}
.eq-db-tab__error-msg {
  color: #6f7380;
  font-size: 0.9375rem;
  margin: 0 0 20px;
  max-width: 420px;
}

.eq-db-card {
  padding: 24px 28px;
}

.eq-db-card__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 8px;
}

.eq-db-card__icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: rgb(246.0819672131, 248.1278688525, 254.3180327869);
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.eq-db-card__heading {
  flex: 1;
  min-width: 0;
}

.eq-db-card__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 4px;
}

.eq-db-card__sub {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0;
}
.eq-db-card__sub strong {
  color: #4e5159;
}

.eq-db-card__status {
  flex-shrink: 0;
}

.eq-db-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.eq-db-card__badge--on {
  background: rgba(93, 186, 128, 0.14);
  color: #3d9d62;
}
.eq-db-card__badge--on .eq-db-dot {
  background: #5dba80;
  box-shadow: 0 0 0 3px rgba(93, 186, 128, 0.22);
}
.eq-db-card__badge--off {
  background: rgba(242, 107, 122, 0.14);
  color: #d94c5e;
}
.eq-db-card__badge--off .eq-db-dot {
  background: #f26b7a;
}

.eq-db-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.eq-db-creds {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
}
.eq-db-creds > .eq-ftps-creds__row {
  margin: 0;
}

.eq-db-card__hint {
  margin-top: 20px;
  padding: 12px 14px;
  background: rgba(85, 124, 242, 0.06);
  border-left: 3px solid #557cf2;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #6f7380;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.eq-db-card__hint i {
  color: #557cf2;
  font-size: 1rem;
  margin-top: 1px;
  flex-shrink: 0;
}

.eq-db-stats {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}

.eq-db-stats__icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #f4f6fb;
  color: #6f7380;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.eq-db-stats__body {
  flex: 1;
  min-width: 0;
}

.eq-db-stats__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}

.eq-db-stats__value {
  font-size: 1.375rem;
  font-weight: 700;
  color: #4e5159;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  line-height: 1.2;
}

.eq-db-stats__sub {
  font-size: 0.8125rem;
  color: #849196;
  margin-top: 4px;
}
.eq-db-stats__sub code {
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 0.75rem;
  color: #4e5159;
}

.eq-btn-ghost--sm {
  padding: 6px 12px !important;
  font-size: 0.8125rem !important;
}
.eq-btn-ghost--sm i {
  font-size: 0.875rem;
}

.eq-db-tools {
  padding: 24px;
}

.eq-db-tools__title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 16px;
  color: #4e5159;
}
.eq-db-tools__title i {
  margin-right: 6px;
  color: #849196;
}

.eq-db-tools__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.eq-db-tools__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 20px 12px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.eq-db-tools__btn:hover {
  border-color: #557cf2;
  box-shadow: 0 0 0 2px rgba(85, 124, 242, 0.1);
}
.eq-db-tools__btn:disabled, .eq-db-tools__btn[disabled] {
  opacity: 0.55;
  cursor: wait;
}
.eq-db-tools__btn > i {
  font-size: 1.5rem;
  color: #557cf2;
}

.eq-db-tools__btn-label {
  font-weight: 600;
  font-size: 0.875rem;
  color: #4e5159;
}

.eq-db-tools__btn-desc {
  font-size: 0.75rem;
  color: #849196;
  line-height: 1.3;
}

.eq-db-tools__status {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.8125rem;
}
.eq-db-tools__status code {
  background: rgba(0, 0, 0, 0.06);
  padding: 1px 5px;
  border-radius: 3px;
}
.eq-db-tools__status--info {
  background: #e8f4fd;
  color: #1565c0;
}
.eq-db-tools__status--ok {
  background: #e8f5e9;
  color: #2e7d32;
}
.eq-db-tools__status--error {
  background: #fdecea;
  color: #c62828;
}

.eq-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 600px) {
  .eq-db-tools__grid {
    grid-template-columns: 1fr;
  }
}
.eq-site-config-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.eq-config-subnav {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: -8px;
}

.eq-config-subnav__trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  color: #4e5159;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}
.eq-config-subnav__trigger i:first-child {
  color: #557cf2;
  font-size: 1rem;
}
.eq-config-subnav__trigger:hover {
  border-color: rgba(85, 124, 242, 0.4);
  background: rgba(85, 124, 242, 0.04);
}
.eq-config-subnav__trigger:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}

.eq-config-subnav__chevron {
  font-size: 0.875rem !important;
  color: #849196 !important;
  margin-left: 4px;
  transition: transform 0.18s ease;
}
.eq-config-subnav.is-open .eq-config-subnav__chevron {
  transform: rotate(180deg);
}

.eq-config-subnav__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 240px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.1);
  padding: 6px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 2px;
  animation: eq-subnav-pop 0.14s ease-out;
}

.eq-config-subnav__menu[hidden] {
  display: none;
}

@keyframes eq-subnav-pop {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.eq-config-subnav__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #4e5159;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: background 0.12s ease, color 0.12s ease;
}
.eq-config-subnav__item i {
  color: #849196;
  font-size: 1rem;
  flex-shrink: 0;
  transition: color 0.12s ease;
}
.eq-config-subnav__item:hover {
  background: #f4f6fb;
  color: #557cf2;
}
.eq-config-subnav__item:hover i {
  color: #557cf2;
}
.eq-config-subnav__item.is-active {
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  font-weight: 600;
}
.eq-config-subnav__item.is-active i {
  color: #557cf2;
}

.eq-config-placeholder {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px 36px;
  border: 1px dashed #e6e8f0;
  background: #ffffff;
}

.eq-config-placeholder__icon {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #f4f6fb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #557cf2;
}

.eq-config-placeholder__body {
  flex: 1;
  min-width: 0;
}

.eq-config-placeholder__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}

.eq-config-placeholder__title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0;
}

.eq-config-placeholder__badge {
  display: inline-block;
  padding: 3px 10px;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 999px;
}

.eq-config-placeholder__desc {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 720px) {
  .eq-config-placeholder {
    flex-direction: column;
    text-align: center;
    padding: 24px 20px;
    gap: 16px;
  }
  .eq-config-placeholder__head {
    justify-content: center;
    flex-wrap: wrap;
  }
  .eq-config-subnav {
    justify-content: stretch;
  }
  .eq-config-subnav__trigger {
    width: 100%;
    justify-content: space-between;
  }
  .eq-config-subnav__menu {
    left: 0;
    right: 0;
  }
}
.eq-php-settings {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.eq-php-settings__loading-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.eq-php-settings__loading-card .eq-spinner {
  width: 32px;
  height: 32px;
}
.eq-php-settings__loading-card p {
  margin: 0;
  color: #6f7380;
  font-size: 14px;
}

.eq-php-settings__error-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.eq-php-settings__error-card h3 {
  margin: 0;
  font-size: 16px;
  color: #4e5159;
}
.eq-php-settings__error-card p {
  margin: 0;
  color: #6f7380;
  font-size: 13px;
  max-width: 420px;
}

.eq-php-settings__error-icon {
  font-size: 36px;
  color: #d94c5e;
  margin-bottom: 4px;
}

.eq-php-settings__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e8f0;
  margin-bottom: 20px;
}

.eq-php-settings__header-text {
  flex: 1;
  min-width: 0;
}

.eq-php-settings__title {
  font-size: 18px;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-php-settings__title i {
  color: #557cf2;
  font-size: 20px;
}

.eq-php-settings__subtitle {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6f7380;
}
.eq-php-settings__subtitle code {
  background: hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
  color: #557cf2;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 12px;
}

.eq-php-settings__reset-link {
  background: transparent;
  border: 1px solid #e6e8f0;
  color: #6f7380;
  font-size: 12px;
  padding: 7px 12px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: all 120ms ease;
}
.eq-php-settings__reset-link:hover:not(:disabled) {
  background: #f4f6fb;
  color: #4e5159;
  border-color: #849196;
}
.eq-php-settings__reset-link:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.eq-php-settings__banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 16px;
  animation: eq-php-banner-slide 200ms ease;
}
.eq-php-settings__banner i {
  font-size: 18px;
  flex-shrink: 0;
}
.eq-php-settings__banner span {
  flex: 1;
}
.eq-php-settings__banner--ok {
  background: rgb(228.9116883117, 243.8883116883, 234.5480519481);
  color: rgb(45.2532467532, 106.2467532468, 68.2077922078);
  border: 1px solid rgb(164.5324675325, 216.4675324675, 184.0779220779);
}
.eq-php-settings__banner--err {
  background: rgb(250.9373271889, 235.8626728111, 237.7870967742);
  color: rgb(178.5875576037, 37.9124423963, 55.8709677419);
  border: 1px solid rgb(239.3271889401, 181.1728110599, 188.5967741935);
}

.eq-php-settings__banner-close {
  background: transparent;
  border: none;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
}
.eq-php-settings__banner-close:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
}

@keyframes eq-php-banner-slide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.eq-php-settings__list {
  display: flex;
  flex-direction: column;
}

.eq-php-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: center;
  gap: 32px;
  padding: 18px 0;
  border-bottom: 1px solid rgb(242.75, 243.73, 247.65);
}
.eq-php-row:last-child {
  border-bottom: none;
}

.eq-php-row__label-col {
  min-width: 0;
}

.eq-php-row__label {
  font-size: 14px;
  font-weight: 500;
  color: #4e5159;
  margin-bottom: 4px;
}
.eq-php-row__label code {
  background: #f4f6fb;
  color: #4e5159;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.eq-php-row__help {
  font-size: 12px;
  color: #6f7380;
  line-height: 1.45;
}

.eq-php-row__control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.eq-php-row__control--slider {
  width: 100%;
}

.eq-php-row__value-pill {
  background: hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
  color: #557cf2;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  min-width: 78px;
  text-align: center;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

.eq-php-slider {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: rgb(223.625, 226.135, 236.175);
  border-radius: 999px;
  outline: none;
  cursor: pointer;
  margin: 0;
}
.eq-php-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 3px solid #557cf2;
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  transition: transform 80ms ease;
}
.eq-php-slider::-webkit-slider-thumb:hover {
  transform: scale(1.12);
}
.eq-php-slider::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.05);
}
.eq-php-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 3px solid #557cf2;
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.eq-php-slider::-moz-range-thumb:active {
  cursor: grabbing;
}
.eq-php-slider:focus {
  background: rgb(236.606557377, 240.8262295082, 253.593442623);
}

.eq-php-toggle {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.eq-php-toggle input {
  display: none;
}

.eq-php-toggle__track {
  display: block;
  width: 44px;
  height: 24px;
  background: rgb(220.4375, 223.2025, 234.2625);
  border-radius: 999px;
  position: relative;
  transition: background 160ms ease;
}

.eq-php-toggle__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: left 160ms ease;
}

.eq-php-toggle input:checked + .eq-php-toggle__track {
  background: #557cf2;
}

.eq-php-toggle input:checked + .eq-php-toggle__track .eq-php-toggle__thumb {
  left: 23px;
}

.eq-php-select {
  width: 100%;
  padding: 9px 36px 9px 14px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'><path fill='%236b7280' d='M3 6l5 5 5-5z'/></svg>") no-repeat right 12px center;
  background-size: 12px;
  font-size: 13px;
  color: #4e5159;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
}
.eq-php-select:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
}

.eq-php-settings__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 22px;
  margin-top: 12px;
  border-top: 1px solid #e6e8f0;
}

.eq-php-settings__footer-left {
  font-size: 12px;
}

.eq-php-settings__dirty {
  color: #c7841a;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.eq-php-settings__dirty i {
  font-size: 8px;
  animation: eq-php-pulse 1.6s ease-in-out infinite;
}

.eq-php-settings__clean {
  color: #6f7380;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eq-php-settings__clean i {
  color: #5dba80;
  font-size: 13px;
}

@keyframes eq-php-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.eq-php-settings__save {
  min-width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.eq-php-settings__save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.eq-php-settings__save .eq-spinner--inline-sm {
  width: 14px;
  height: 14px;
  border-width: 2px;
}

@media (max-width: 720px) {
  .eq-php-settings {
    padding: 22px 18px;
  }
  .eq-php-settings__header {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .eq-php-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .eq-php-row__control {
    justify-content: flex-start;
  }
  .eq-php-settings__footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .eq-php-settings__save {
    width: 100%;
  }
}
.eq-cron {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
}

.eq-cron__loading-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.eq-cron__loading-card .eq-spinner {
  width: 32px;
  height: 32px;
}
.eq-cron__loading-card p {
  margin: 0;
  color: #6f7380;
  font-size: 14px;
}

.eq-cron__error-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.eq-cron__error-card h3 {
  margin: 0;
  font-size: 16px;
  color: #4e5159;
}
.eq-cron__error-card p {
  margin: 0;
  color: #6f7380;
  font-size: 13px;
  max-width: 420px;
}

.eq-cron__error-icon {
  font-size: 36px;
  color: #d94c5e;
  margin-bottom: 4px;
}

.eq-cron__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e8f0;
  margin-bottom: 20px;
}

.eq-cron__header-text {
  flex: 1;
  min-width: 0;
}

.eq-cron__title {
  font-size: 18px;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-cron__title i {
  color: #557cf2;
  font-size: 20px;
}

.eq-cron__subtitle {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6f7380;
}
.eq-cron__subtitle code {
  background: hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
  color: #557cf2;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.eq-cron__count {
  display: flex;
  align-items: baseline;
  gap: 2px;
  background: hsl(225.0955414013, 85.7923497268%, 100.1176470588%);
  color: #557cf2;
  padding: 6px 12px;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 13px;
  flex-shrink: 0;
}
.eq-cron__count-num {
  font-size: 15px;
}
.eq-cron__count-sep {
  opacity: 0.5;
}
.eq-cron__count-max {
  opacity: 0.7;
  font-size: 12px;
}

.eq-cron__banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 16px;
  animation: cronBannerIn 200ms ease;
}
.eq-cron__banner i {
  font-size: 16px;
  flex-shrink: 0;
}
.eq-cron__banner span {
  flex: 1;
}
.eq-cron__banner--ok {
  background: #e8f6ee;
  color: #2c7d4d;
  border: 1px solid #c5e7d2;
}
.eq-cron__banner--err {
  background: #fdecef;
  color: #a72337;
  border: 1px solid #f5c1ca;
}

@keyframes cronBannerIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.eq-cron__banner-close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 4px;
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.eq-cron__banner-close:hover {
  opacity: 1;
}

.eq-cron__add-form {
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}

.eq-cron__add-row {
  display: grid;
  grid-template-columns: 1fr 220px auto;
  gap: 12px;
  align-items: end;
}

.eq-cron__add-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}

.eq-cron__url-input {
  width: 100%;
  height: 38px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  color: #4e5159;
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-cron__url-input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px hsl(225.0955414013, 85.7923497268%, 102.1176470588%);
}
.eq-cron__url-input::placeholder {
  color: #849196;
  opacity: 0.7;
}
.eq-cron__url-input:disabled {
  background: rgb(236.52, 239.88, 248.28);
  cursor: not-allowed;
}

.eq-cron__freq-select {
  width: 100%;
  height: 38px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 0 32px 0 12px;
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'><path fill='%236b7280' d='M3 6l5 5 5-5z'/></svg>") no-repeat right 12px center;
  background-size: 12px;
  appearance: none;
  -webkit-appearance: none;
  color: #4e5159;
  font-size: 13px;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-cron__freq-select:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px hsl(225.0955414013, 85.7923497268%, 102.1176470588%);
}
.eq-cron__freq-select:disabled {
  background-color: rgb(236.52, 239.88, 248.28);
  cursor: not-allowed;
}

.eq-cron__add-btn {
  height: 38px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.eq-cron__add-error {
  margin-top: 10px;
  padding: 8px 12px;
  background: #fdecef;
  color: #a72337;
  border: 1px solid #f5c1ca;
  border-radius: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.eq-cron__limit-note {
  margin-top: 10px;
  padding: 8px 12px;
  background: #fff7e6;
  color: #8a5b1b;
  border: 1px solid #f4d8a6;
  border-radius: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.eq-cron__empty {
  text-align: center;
  padding: 40px 24px;
  color: #6f7380;
}
.eq-cron__empty h4 {
  margin: 12px 0 6px 0;
  font-size: 15px;
  font-weight: 600;
  color: #4e5159;
}
.eq-cron__empty p {
  margin: 0;
  font-size: 13px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.eq-cron__empty-icon {
  font-size: 40px;
  color: rgb(198.7049180328, 211.6196721311, 250.6950819672);
}

.eq-cron__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.eq-cron-job {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-cron-job:hover {
  border-color: rgb(227.131147541, 233.5245901639, 252.868852459);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.eq-cron-job--disabled {
  opacity: 0.55;
  background: #f4f6fb;
}
.eq-cron-job--editing {
  background: hsl(225.0955414013, 85.7923497268%, 102.1176470588%);
  border-color: rgb(217.6557377049, 226.2229508197, 252.1442622951);
}

.eq-cron-job__main {
  flex: 1;
  min-width: 0;
}

.eq-cron-job__url-line {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  min-width: 0;
}

.eq-cron-job__url-icon {
  color: #849196;
  font-size: 14px;
  flex-shrink: 0;
}

.eq-cron-job__url {
  color: #4e5159;
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: 500;
}
.eq-cron-job__url:hover {
  color: #557cf2;
  text-decoration: underline;
}

.eq-cron-job__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 12px;
  color: #6f7380;
}
.eq-cron-job__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.eq-cron-job__meta > span i {
  font-size: 12px;
}

.eq-cron-job__freq {
  font-weight: 500;
  color: #4e5159;
}
.eq-cron-job__freq i {
  color: #557cf2;
}

.eq-cron-job__last {
  font-variant-numeric: tabular-nums;
}

.eq-cron-job__status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.eq-cron-job__status.eq-cron-status--idle {
  background: rgb(236.52, 239.88, 248.28);
  color: #6f7380;
}
.eq-cron-job__status.eq-cron-status--ok {
  background: #e8f6ee;
  color: #2c7d4d;
}
.eq-cron-job__status.eq-cron-status--err {
  background: #fdecef;
  color: #a72337;
}

.eq-cron-job__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
}

.eq-cron-job__duration {
  opacity: 0.75;
  font-weight: 400;
  margin-left: 2px;
}

.eq-cron-job__count {
  font-variant-numeric: tabular-nums;
}
.eq-cron-job__count i {
  color: #849196;
}

.eq-cron-job__error {
  margin-top: 6px;
  padding: 6px 10px;
  background: #fdecef;
  color: #a72337;
  border-radius: 6px;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  word-break: break-word;
}

.eq-cron-job__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.eq-cron-job__toggle {
  display: inline-flex;
  cursor: pointer;
  margin-right: 4px;
}
.eq-cron-job__toggle input {
  display: none;
}

.eq-cron-job__toggle-track {
  width: 36px;
  height: 20px;
  background: #849196;
  border-radius: 999px;
  position: relative;
  transition: background 150ms ease;
}

.eq-cron-job__toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 150ms ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.eq-cron-job__toggle input:checked + .eq-cron-job__toggle-track {
  background: #557cf2;
}

.eq-cron-job__toggle input:checked + .eq-cron-job__toggle-track .eq-cron-job__toggle-thumb {
  transform: translateX(16px);
}

.eq-cron-job__btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  color: #6f7380;
  cursor: pointer;
  transition: all 120ms ease;
}
.eq-cron-job__btn i {
  font-size: 14px;
}
.eq-cron-job__btn .eq-spinner {
  width: 14px;
  height: 14px;
  border-width: 2px;
}
.eq-cron-job__btn:hover:not(:disabled) {
  background: hsl(225.0955414013, 85.7923497268%, 102.1176470588%);
  border-color: rgb(198.7049180328, 211.6196721311, 250.6950819672);
  color: #557cf2;
}
.eq-cron-job__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.eq-cron-job__btn--run:hover:not(:disabled) {
  background: #e8f6ee;
  border-color: #c5e7d2;
  color: #2c7d4d;
}
.eq-cron-job__btn--delete:hover:not(:disabled) {
  background: #fdecef;
  border-color: #f5c1ca;
  color: #a72337;
}

.eq-cron-job__edit-row {
  display: grid;
  grid-template-columns: 1fr 220px auto auto;
  gap: 10px;
  align-items: center;
  width: 100%;
}

.eq-cron-job__btn-save,
.eq-cron-job__btn-cancel {
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
}

.eq-cron-job__btn-cancel {
  background: transparent;
  border: 1px solid #e6e8f0;
  color: #6f7380;
}
.eq-cron-job__btn-cancel:hover:not(:disabled) {
  background: #f4f6fb;
  color: #4e5159;
}

@media (max-width: 720px) {
  .eq-cron {
    padding: 20px 18px;
  }
  .eq-cron__add-row {
    grid-template-columns: 1fr;
  }
  .eq-cron__add-btn {
    width: 100%;
    justify-content: center;
  }
  .eq-cron-job {
    flex-direction: column;
    align-items: stretch;
  }
  .eq-cron-job__actions {
    justify-content: flex-end;
  }
  .eq-cron-job__edit-row {
    grid-template-columns: 1fr;
  }
}
.eq-env {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
}

.eq-env__loading-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.eq-env__loading-card .eq-spinner {
  width: 32px;
  height: 32px;
}
.eq-env__loading-card p {
  margin: 0;
  color: #6f7380;
  font-size: 14px;
}

.eq-env__error-card {
  padding: 60px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.eq-env__error-card h3 {
  margin: 0;
  font-size: 16px;
  color: #4e5159;
}
.eq-env__error-card p {
  margin: 0;
  color: #6f7380;
  font-size: 13px;
  max-width: 420px;
}

.eq-env__error-icon {
  font-size: 36px;
  color: #d94c5e;
  margin-bottom: 4px;
}

.eq-env__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e8f0;
  margin-bottom: 20px;
}

.eq-env__header-text {
  flex: 1;
  min-width: 0;
}

.eq-env__title {
  font-size: 18px;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-env__title i {
  color: #557cf2;
  font-size: 20px;
}

.eq-env__subtitle {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #6f7380;
}
.eq-env__subtitle code {
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.eq-env__count {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  padding: 6px 14px;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 13px;
  flex-shrink: 0;
  line-height: 1;
}
.eq-env__count-num {
  font-size: 15px;
}
.eq-env__count-sep {
  opacity: 0.5;
}
.eq-env__count-max {
  opacity: 0.7;
  font-size: 12px;
}

.eq-env__banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 16px;
  animation: envBannerIn 200ms ease;
}
.eq-env__banner i {
  font-size: 16px;
  flex-shrink: 0;
}
.eq-env__banner span {
  flex: 1;
}
.eq-env__banner--ok {
  background: #e8f6ee;
  color: #2c7d4d;
  border: 1px solid #c5e7d2;
}
.eq-env__banner--err {
  background: #fdecef;
  color: #a72337;
  border: 1px solid #f5c1ca;
}

@keyframes envBannerIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.eq-env__banner-close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 4px;
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.eq-env__banner-close:hover {
  opacity: 1;
}

.eq-env__empty {
  text-align: center;
  padding: 56px 24px;
  background: #f4f6fb;
  border: 1px dashed #e6e8f0;
  border-radius: 8px;
  margin-bottom: 16px;
}
.eq-env__empty h4 {
  margin: 14px 0 6px 0;
  font-size: 15px;
  font-weight: 600;
  color: #4e5159;
}
.eq-env__empty p {
  margin: 0 auto;
  max-width: 460px;
  font-size: 13px;
  color: #6f7380;
  line-height: 1.55;
}
.eq-env__empty p code {
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.eq-env__empty-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  font-size: 24px;
  border-radius: 999px;
}

.eq-env__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.eq-env-row {
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 14px 16px;
  transition: border-color 120ms ease, background 120ms ease;
}
.eq-env-row:hover:not(.eq-env-row--error) {
  border-color: rgb(210.875, 214.405, 228.525);
}
.eq-env-row--error {
  border-color: #f5c1ca;
  background: #fef6f7;
}

.eq-env-row__inputs {
  display: grid;
  grid-template-columns: minmax(180px, 240px) 1fr auto;
  gap: 12px;
  align-items: end;
}

.eq-env-row__field {
  min-width: 0;
}

.eq-env-row__label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}

.eq-env-row__input {
  width: 100%;
  height: 36px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  color: #4e5159;
  font-size: 13px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.eq-env-row__input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px hsl(225.0955414013, 85.7923497268%, 102.1176470588%);
}
.eq-env-row__input::placeholder {
  color: #849196;
  opacity: 0.7;
}
.eq-env-row__input:disabled {
  background: rgb(236.52, 239.88, 248.28);
  cursor: not-allowed;
}

.eq-env-row__input--key {
  font-weight: 600;
  color: #557cf2;
}

.eq-env-row__remove {
  height: 36px;
  width: 36px;
  border: 1px solid #e6e8f0;
  background: #fff;
  border-radius: 8px;
  color: #6f7380;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 120ms ease;
  font-size: 14px;
  flex-shrink: 0;
}
.eq-env-row__remove:hover:not(:disabled) {
  border-color: #d94c5e;
  color: #d94c5e;
  background: #fef6f7;
}
.eq-env-row__remove:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.eq-env-row__error {
  margin-top: 8px;
  padding: 6px 10px;
  background: #fdecef;
  border: 1px solid #f5c1ca;
  border-radius: 8px;
  color: #a72337;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.eq-env-row__error i {
  font-size: 13px;
}

.eq-env__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6e8f0;
  margin-top: 4px;
}

.eq-env__footer-spacer {
  flex: 1;
}

.eq-env__add-btn i {
  margin-right: 4px;
}

.eq-env__discard-btn i,
.eq-env__save-btn i {
  margin-right: 4px;
}
.eq-env__discard-btn:disabled,
.eq-env__save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.eq-env__limit-note {
  margin-top: 12px;
  padding: 10px 14px;
  background: rgb(254.287, 252.334, 249.513);
  border: 1px solid rgb(244.903, 217.246, 177.297);
  color: rgb(175.053, 112.746, 22.747);
  border-radius: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-env__limit-note i {
  font-size: 13px;
}

.eq-env__modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: envModalBackdropIn 160ms ease;
  padding: 24px;
}

@keyframes envModalBackdropIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.eq-env__modal {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25);
  width: 100%;
  max-width: 480px;
  overflow: hidden;
  animation: envModalIn 200ms ease;
}

@keyframes envModalIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.eq-env__modal-header {
  padding: 20px 24px 12px 24px;
  border-bottom: 1px solid #e6e8f0;
}
.eq-env__modal-header h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #4e5159;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-env__modal-header h3 i {
  color: #e8a94e;
  font-size: 20px;
}

.eq-env__modal-body {
  padding: 18px 24px;
  font-size: 13px;
  line-height: 1.6;
  color: #4e5159;
}
.eq-env__modal-body p {
  margin: 0 0 10px 0;
}
.eq-env__modal-body p:last-of-type {
  margin-bottom: 0;
}
.eq-env__modal-body strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-env__modal-summary {
  margin: 14px 0 0 0;
  padding: 12px 14px;
  background: #f4f6fb;
  border-radius: 8px;
  list-style: none;
  font-size: 13px;
}
.eq-env__modal-summary li {
  color: #6f7380;
}
.eq-env__modal-summary li strong {
  color: #557cf2;
  font-size: 14px;
}

.eq-env__modal-actions {
  padding: 14px 24px 20px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.eq-env__modal-actions button {
  min-width: 110px;
}
.eq-env__modal-actions button i {
  margin-right: 4px;
}

@media (max-width: 720px) {
  .eq-env-row__inputs {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .eq-env-row__remove {
    width: 100%;
  }
  .eq-env__footer {
    flex-direction: column;
    align-items: stretch;
  }
  .eq-env__footer .eq-env__footer-spacer {
    display: none;
  }
  .eq-env__footer button {
    width: 100%;
  }
}
.eq-ssl-card {
  padding: 24px 28px;
  border-left: 4px solid #e6e8f0;
  transition: border-left-color 120ms ease;
}
.eq-ssl-card--loading {
  border-left-color: #849196;
}
.eq-ssl-card--error {
  border-left-color: #d94c5e;
}
.eq-ssl-card--active {
  border-left-color: #5dba80;
}
.eq-ssl-card--missing {
  border-left-color: #e8a94e;
}

.eq-ssl-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.eq-ssl-head__main {
  flex: 1;
  min-width: 0;
}

.eq-ssl-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-ssl-title i {
  font-size: 1.25rem;
  color: #557cf2;
}
.eq-ssl-card--active .eq-ssl-title i {
  color: #3d9d62;
}
.eq-ssl-card--missing .eq-ssl-title i {
  color: #c98a2e;
}
.eq-ssl-card--error .eq-ssl-title i {
  color: #d94c5e;
}

.eq-ssl-sub {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0;
}

.eq-ssl-loading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0 4px;
  font-size: 0.9375rem;
  color: #6f7380;
}

.eq-ssl-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  background: #f4f6fb;
  border-radius: 8px;
  margin-bottom: 14px;
}
.eq-ssl-info__row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.eq-ssl-info__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.eq-ssl-info__value {
  font-size: 0.9375rem;
  color: #4e5159;
  font-weight: 500;
  text-align: right;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.eq-ssl-info__value i {
  color: #3d9d62;
  font-size: 1rem;
}
.eq-ssl-info__value code {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.8125rem;
  color: #4e5159;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.eq-ssl-info__value--mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.875rem;
}
.eq-ssl-info__value--warn {
  color: #c98a2e;
  font-weight: 600;
}
.eq-ssl-info__days {
  color: #849196;
  font-weight: 400;
  font-size: 0.8125rem;
  margin-left: 4px;
}
.eq-ssl-info__hint {
  color: #849196;
  font-weight: 400;
  font-size: 0.75rem;
  margin-left: 4px;
}

.eq-ssl-hint {
  margin-top: 4px;
  padding: 12px 14px;
  background: rgba(232, 169, 78, 0.08);
  border-left: 3px solid #e8a94e;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #4e5159;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.eq-ssl-hint i {
  color: #c98a2e;
  font-size: 1.125rem;
  margin-top: 1px;
  flex-shrink: 0;
}
.eq-ssl-hint strong {
  color: #4e5159;
}
.eq-ssl-hint p {
  margin: 4px 0 0;
  color: #6f7380;
  line-height: 1.5;
}
.eq-ssl-hint code {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 0.8125rem;
  color: #557cf2;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.eq-ssl-hint--info {
  background: rgba(85, 124, 242, 0.06);
  border-left-color: #557cf2;
}
.eq-ssl-hint--info i {
  color: #557cf2;
}

.eq-ssl-warn {
  margin-top: 4px;
  padding: 12px 14px;
  background: rgba(232, 169, 78, 0.12);
  border-left: 3px solid #e8a94e;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #4e5159;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.eq-ssl-warn i {
  color: #c98a2e;
  font-size: 1.125rem;
  margin-top: 1px;
  flex-shrink: 0;
}
.eq-ssl-warn strong {
  color: #4e5159;
  display: block;
  margin-bottom: 2px;
}

.eq-ssl-error-detail {
  margin-top: 14px;
  padding: 10px 14px;
  background: rgba(242, 107, 122, 0.08);
  border-left: 3px solid #f26b7a;
  border-radius: 6px;
  font-size: 0.8125rem;
  color: #6f7380;
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.eq-ssl-error-detail i {
  color: #d94c5e;
  font-size: 1rem;
  flex-shrink: 0;
}
.eq-ssl-error-detail strong {
  color: #4e5159;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif, sans-serif;
}

.eq-ssl-custom {
  margin-top: 18px;
  border-top: 1px solid #e6e8f0;
  padding-top: 16px;
}
.eq-ssl-custom--active {
  border-top: none;
  margin-top: 14px;
  padding: 14px 16px;
  background: rgba(93, 186, 128, 0.06);
  border: 1px solid rgba(93, 186, 128, 0.25);
  border-radius: 8px;
}
.eq-ssl-custom__header {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #3d9d62;
  margin-bottom: 8px;
}
.eq-ssl-custom__header i {
  font-size: 1.125rem;
}
.eq-ssl-custom__desc {
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.5;
  margin: 0 0 14px;
}
.eq-ssl-custom__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  background: none;
  border: none;
  padding: 6px 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #557cf2;
  cursor: pointer;
  transition: color 120ms;
}
.eq-ssl-custom__toggle:hover {
  color: rgb(47.0983606557, 94.793442623, 239.1016393443);
}
.eq-ssl-custom__toggle .bi-upload {
  font-size: 1rem;
}
.eq-ssl-custom__chevron {
  font-size: 0.75rem;
  margin-left: auto;
  transition: transform 200ms ease;
}
.eq-ssl-custom__chevron.is-open {
  transform: rotate(180deg);
}
.eq-ssl-custom__form {
  margin-top: 16px;
  padding: 18px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
}
.eq-ssl-custom__hint {
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.55;
  margin: 0 0 16px;
}
.eq-ssl-custom__field {
  margin-bottom: 16px;
}
.eq-ssl-custom__field:last-of-type {
  margin-bottom: 12px;
}
.eq-ssl-custom__label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 6px;
}
.eq-ssl-custom__textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  line-height: 1.55;
  color: #4e5159;
  background: #fff;
  resize: vertical;
  transition: border-color 120ms;
}
.eq-ssl-custom__textarea::placeholder {
  color: #849196;
}
.eq-ssl-custom__textarea:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 2px rgba(85, 124, 242, 0.12);
}
.eq-ssl-custom__field-hint {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #849196;
}
.eq-ssl-custom__error {
  padding: 10px 14px;
  margin-bottom: 12px;
  background: rgba(242, 107, 122, 0.08);
  border-left: 3px solid #f26b7a;
  border-radius: 6px;
  font-size: 0.8125rem;
  color: #d94c5e;
}

.eq-plan-result {
  padding-top: 48px !important;
}

.eq-plan-result__mascot {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  margin: 0 auto 18px;
  box-shadow: 0 0 0 8px rgba(85, 124, 242, 0.06);
  animation: eq-plan-result-pop 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.eq-plan-result__mascot i {
  line-height: 1;
}

@keyframes eq-plan-result-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.eq-plan-result__mascot--ok {
  background: rgba(61, 157, 98, 0.12);
  color: #3d9d62;
  box-shadow: 0 0 0 8px rgba(61, 157, 98, 0.06);
}

.eq-plan-result__mascot--err {
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
  box-shadow: 0 0 0 8px rgba(242, 107, 122, 0.06);
}

.eq-plan-result__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 8px;
  line-height: 1.3;
}

.eq-plan-result__msg {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0 0 22px;
  line-height: 1.5;
}
.eq-plan-result__msg strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-plan-result__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 0 22px;
  background: #f4f6fb;
  padding: 18px 20px;
  border-radius: 8px;
}

.eq-plan-result__stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
}
.eq-plan-result__stat:first-child {
  border-right: 1px solid #e6e8f0;
}

.eq-plan-result__stat-label {
  font-size: 0.75rem;
  color: #849196;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

.eq-plan-result__stat-value {
  font-size: 1.0625rem;
  color: #4e5159;
  font-weight: 700;
}

.eq-plan-result__hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 0 0 22px;
  background: rgba(85, 124, 242, 0.08);
  border-radius: 8px;
  font-size: 0.8125rem;
  color: #4e5159;
}
.eq-plan-result__hint i {
  color: #557cf2;
  font-size: 1rem;
  flex-shrink: 0;
}

.eq-plan-result__error {
  padding: 14px 18px;
  margin: 0 0 22px;
  background: rgba(242, 107, 122, 0.08);
  border-left: 3px solid #f26b7a;
  border-radius: 6px;
  font-size: 0.8125rem;
  color: #4e5159;
  text-align: left;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-word;
  line-height: 1.5;
}

.eq-plan-result__btn {
  padding: 13px 36px;
  font-size: 0.9375rem;
  min-width: 180px;
}

@media (max-width: 560px) {
  .eq-plan-result__mascot {
    width: 96px;
    height: 96px;
    font-size: 2.75rem;
  }
  .eq-plan-result__title {
    font-size: 1.25rem;
  }
  .eq-plan-result__stats {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .eq-plan-result__stat:first-child {
    border-right: none;
    border-bottom: 1px solid #e6e8f0;
    padding-bottom: 14px;
  }
}
.eq-php-badge {
  position: relative;
  display: inline-flex;
}

.eq-php-badge__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  background: rgba(85, 124, 242, 0.08);
  border: 1px solid rgba(85, 124, 242, 0.2);
  border-radius: 999px;
  color: #557cf2;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease;
  white-space: nowrap;
}
.eq-php-badge__trigger:hover {
  background: rgba(85, 124, 242, 0.14);
  border-color: rgba(85, 124, 242, 0.32);
}
.eq-php-badge__trigger i.bi-filetype-php {
  font-size: 1rem;
}
.eq-php-badge.is-open .eq-php-badge__trigger {
  background: rgba(85, 124, 242, 0.16);
  border-color: #557cf2;
}

.eq-php-badge__chevron {
  font-size: 0.75rem;
  transition: transform 160ms ease;
}
.eq-php-badge.is-open .eq-php-badge__chevron {
  transform: rotate(180deg);
}

.eq-php-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 260px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(31, 41, 55, 0.12);
  padding: 8px 0 0;
  z-index: 30;
  animation: eq-php-menu-pop 0.16s ease-out;
}

@keyframes eq-php-menu-pop {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.eq-php-menu__header {
  padding: 4px 16px 8px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eq-php-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 16px;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-size: 0.9375rem;
  color: #4e5159;
  transition: background 100ms ease;
}
.eq-php-menu__item:hover:not([disabled]) {
  background: rgba(85, 124, 242, 0.06);
}
.eq-php-menu__item.is-current {
  background: rgba(85, 124, 242, 0.08);
  color: #557cf2;
  cursor: default;
}
.eq-php-menu__item[disabled] {
  cursor: default;
}

.eq-php-menu__version {
  flex: 1;
  font-weight: 600;
}

.eq-php-menu__check {
  font-size: 1rem;
  color: #557cf2;
}

.eq-php-menu__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.eq-php-menu__badge--recommended {
  background: rgba(93, 186, 128, 0.12);
  color: #2f8a4e;
}
.eq-php-menu__badge--beta {
  background: rgba(232, 169, 78, 0.16);
  color: #b07419;
}

.eq-php-menu__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 12px;
  margin-top: 4px;
  border-top: 1px solid #e6e8f0;
  font-size: 0.75rem;
  color: #6f7380;
}
.eq-php-menu__footer i {
  font-size: 0.875rem;
  color: #557cf2;
}

.eq-php-confirm__dialog {
  max-width: 520px !important;
  padding: 40px 44px 36px !important;
  text-align: left !important;
}

.eq-php-confirm__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.eq-php-confirm__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

.eq-php-confirm__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0;
}

.eq-php-confirm__transition {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 18px;
  background: #f4f6fb;
  border-radius: 8px;
  margin-bottom: 16px;
}

.eq-php-confirm__chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 0.9375rem;
  font-weight: 600;
}
.eq-php-confirm__chip--from {
  background: #ffffff;
  border: 1px solid #e6e8f0;
  color: #6f7380;
}
.eq-php-confirm__chip--to {
  background: #557cf2;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(85, 124, 242, 0.24);
}

.eq-php-confirm__arrow {
  color: #849196;
  font-size: 1.25rem;
}

.eq-php-confirm__desc {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0 0 18px 0;
  line-height: 1.5;
}

.eq-php-confirm__warning {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(232, 169, 78, 0.1);
  border: 1px solid rgba(232, 169, 78, 0.32);
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 0.875rem;
  color: #4e5159;
  line-height: 1.5;
}
.eq-php-confirm__warning i {
  color: #b07419;
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 1px;
}
.eq-php-confirm__warning strong {
  font-weight: 600;
}

.eq-php-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.eq-php-confirm__submit i.eq-spin {
  animation: eq-php-spin 0.9s linear infinite;
}

@keyframes eq-php-spin {
  to {
    transform: rotate(360deg);
  }
}
.eq-php-result__dialog {
  max-width: 460px !important;
  padding: 44px 44px 36px !important;
}

.eq-php-result__icon {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.75rem;
  margin: 0 auto 18px;
  animation: eq-php-result-pop 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.eq-php-result__icon--success {
  background: rgba(93, 186, 128, 0.12);
  color: #2f8a4e;
  box-shadow: 0 0 0 8px rgba(93, 186, 128, 0.06);
}
.eq-php-result__icon--error {
  background: rgba(217, 76, 94, 0.12);
  color: #f26b7a;
  box-shadow: 0 0 0 8px rgba(217, 76, 94, 0.06);
}

@keyframes eq-php-result-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.eq-php-result__title {
  font-size: 1.375rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 12px 0;
}

.eq-php-result__desc {
  font-size: 0.9375rem;
  color: #6f7380;
  margin: 0 0 28px 0;
  line-height: 1.5;
}
.eq-php-result__desc strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-php-result__actions {
  display: flex;
  justify-content: center;
}

@media (max-width: 720px) {
  .eq-php-badge__trigger {
    padding: 8px 12px;
    font-size: 0.8125rem;
  }
  .eq-php-menu {
    right: auto;
    left: 0;
    min-width: 220px;
  }
  .eq-php-confirm__dialog {
    padding: 32px 24px 28px !important;
  }
  .eq-php-confirm__transition {
    flex-direction: column;
    gap: 10px;
    padding: 14px;
  }
  .eq-php-confirm__arrow {
    transform: rotate(90deg);
  }
  .eq-php-confirm__actions {
    flex-direction: column-reverse;
  }
  .eq-php-confirm__actions button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 720px) {
  .eq-db-card {
    padding: 20px;
  }
  .eq-db-card__header {
    flex-wrap: wrap;
  }
  .eq-db-card__status {
    width: 100%;
  }
  .eq-db-stats {
    flex-wrap: wrap;
    gap: 12px;
  }
  .eq-ssl-card {
    padding: 20px;
  }
  .eq-ssl-head {
    flex-wrap: wrap;
  }
  .eq-ssl-info__row {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .eq-ssl-info__value {
    text-align: left;
  }
}
.eq-site-failed {
  max-width: 640px;
  margin: 24px auto;
  padding: 40px 36px 32px;
  text-align: center;
}

.eq-site-failed__icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.eq-site-failed__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 10px 0;
}

.eq-site-failed__sub {
  color: #6f7380;
  font-size: 0.9375rem;
  margin: 0 0 24px 0;
  line-height: 1.5;
}
.eq-site-failed__sub strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-site-failed__error {
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 14px 16px;
  text-align: left;
  margin-bottom: 28px;
}

.eq-site-failed__error-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.eq-site-failed__error-body {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8125rem;
  color: #4e5159;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 180px;
  overflow: auto;
}

.eq-site-failed__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.eq-danger-zone {
  border: 1px solid rgba(220, 53, 69, 0.3);
  margin-top: 24px;
}

.eq-danger-zone__head {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(220, 53, 69, 0.15);
}

.eq-danger-zone__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #dc3545;
}
.eq-danger-zone__title i {
  margin-right: 6px;
}

.eq-danger-zone__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 24px;
}

.eq-danger-zone__info {
  flex: 1;
}
.eq-danger-zone__info strong {
  display: block;
  font-size: 0.9375rem;
  color: #4e5159;
  margin-bottom: 4px;
}
.eq-danger-zone__info p {
  margin: 0;
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .eq-site-header {
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon info" "actions actions";
    padding: 24px;
  }
  .eq-site-header__icon {
    grid-area: icon;
  }
  .eq-site-header__info {
    grid-area: info;
  }
  .eq-site-header__actions {
    grid-area: actions;
    justify-content: flex-start;
  }
}
@media (max-width: 900px) {
  .eq-access-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .eq-site-header {
    grid-template-columns: 1fr;
    grid-template-areas: "icon" "info" "actions";
    text-align: center;
  }
  .eq-site-header__icon {
    justify-self: center;
  }
  .eq-site-header__title {
    justify-content: center;
  }
  .eq-site-header__actions {
    justify-content: center;
  }
  .eq-site-tab {
    padding: 12px 14px;
    font-size: 0.875rem;
  }
  .eq-access-card {
    padding: 22px 20px 18px;
  }
}
.eq-perf {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.eq-perf__loading {
  text-align: center;
  padding: 48px 0;
  color: #6f7380;
}
.eq-perf__loading p {
  margin-top: 12px;
}

.eq-perf__gauges {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 20px 0 8px;
  flex-wrap: wrap;
}

.eq-gauge {
  position: relative;
  width: 120px;
  text-align: center;
}

.eq-gauge__svg {
  width: 100%;
  height: auto;
}

.eq-gauge__bg {
  fill: none;
  stroke: #e6e8f0;
  stroke-width: 6;
}

.eq-gauge__fill {
  fill: none;
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.6s ease;
}

.eq-gauge__value {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  font-size: 1.375rem;
  font-weight: 700;
  color: #4e5159;
}

.eq-gauge__value--over {
  color: #ef4444 !important;
}

.eq-gauge--over .eq-gauge__fill {
  stroke: #ef4444 !important;
  filter: drop-shadow(0 0 4px rgba(239, 68, 68, 0.35));
}

.eq-gauge__label {
  margin-top: -4px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.eq-perf__details {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: #6f7380;
}

.eq-perf__detail strong {
  color: #4e5159;
  font-weight: 600;
}

.eq-perf__filters {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}

.eq-perf__filter-btn {
  padding: 5px 14px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #fff;
  color: #6f7380;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-perf__filter-btn:hover {
  border-color: #557cf2;
  color: #557cf2;
}
.eq-perf__filter-btn.is-active {
  background: #557cf2;
  border-color: #557cf2;
  color: #fff;
}

.eq-perf__chart-card {
  padding: 20px 24px 16px;
}

.eq-perf__chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.eq-perf__chart-title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0;
}

.eq-perf__chart-legend {
  display: flex;
  gap: 16px;
  font-size: 0.8125rem;
  color: #6f7380;
}
.eq-perf__chart-legend i {
  margin-right: 4px;
}

.eq-perf__chart-wrap {
  position: relative;
  height: 240px;
}

@media (max-width: 600px) {
  .eq-perf__gauges {
    gap: 20px;
  }
  .eq-gauge {
    width: 90px;
  }
  .eq-gauge__value {
    font-size: 1.1rem;
  }
  .eq-perf__chart-wrap {
    height: 180px;
  }
}
.eq-logs {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
}
.eq-logs__loading {
  padding: 60px 0;
  text-align: center;
  color: #6f7380;
}
.eq-logs__loading p {
  margin: 16px 0 0 0;
  font-size: 0.9375rem;
}
.eq-logs__error {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  background: #fdecec;
  border: 1px solid #f7c5c5;
  border-radius: 8px;
  color: #a12727;
}
.eq-logs__error i {
  color: #c93535;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.eq-logs__error-msg {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.eq-logs__error-msg strong {
  color: #7a1c1c;
  font-weight: 600;
}
.eq-logs__error-msg span {
  color: #a12727;
  font-size: 0.875rem;
}
.eq-logs__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eq-logs__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #4e5159;
}
.eq-logs__title i {
  color: #557cf2;
  font-size: 1.2rem;
}
.eq-logs__sub {
  margin: 0;
  font-size: 0.875rem;
  color: #6f7380;
  line-height: 1.5;
}
.eq-logs__banner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.eq-logs__banner i {
  font-size: 1.4rem;
  flex-shrink: 0;
}
.eq-logs__banner--timeout {
  background: #fff7e6;
  border-color: #ffd89c;
  color: #7a4e00;
}
.eq-logs__banner--timeout i {
  color: #c27800;
}
.eq-logs__banner--error {
  background: #fdecec;
  border-color: #f7c5c5;
  color: #a12727;
}
.eq-logs__banner--error i {
  color: #c93535;
}
.eq-logs__banner-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.875rem;
}
.eq-logs__banner-text strong {
  font-size: 0.9375rem;
  font-weight: 600;
}
.eq-logs__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  flex-wrap: wrap;
}
.eq-logs__toolbar-left, .eq-logs__toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.eq-logs__live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #4e5159;
  padding: 4px 10px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 999px;
}
.eq-logs__live[data-live=timeout] {
  color: #c27800;
}
.eq-logs__live[data-live=error] {
  color: #c93535;
}
.eq-logs__live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b1b6c7;
  flex-shrink: 0;
  position: relative;
}
.eq-logs__live-dot--on {
  background: #2ecc71;
  box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  animation: eq-logs-pulse 1.6s ease-out infinite;
}
.eq-logs__live-dot--off {
  background: #b1b6c7;
}
.eq-logs__live-label {
  white-space: nowrap;
}
.eq-logs__count {
  font-size: 0.8125rem;
  color: #6f7380;
  font-variant-numeric: tabular-nums;
}
.eq-logs__filter {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 999px;
  padding: 0 10px 0 14px;
  height: 34px;
  min-width: 220px;
  transition: border-color 0.15s ease;
}
.eq-logs__filter:focus-within {
  border-color: #557cf2;
}
.eq-logs__filter > i.bi {
  color: #849196;
  font-size: 0.9rem;
  margin-right: 8px;
}
.eq-logs__filter-input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 0.875rem;
  color: #4e5159;
  padding: 0;
  min-width: 0;
}
.eq-logs__filter-input::placeholder {
  color: #b1b6c7;
}
.eq-logs__filter-clear {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #849196;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.eq-logs__filter-clear:hover {
  color: #4e5159;
  background: #f4f6fb;
}
.eq-logs__filter-clear i {
  font-size: 0.75rem;
}
.eq-logs__viewer {
  background: #333740;
  color: #e8ecf1;
  font-family: Consolas, Monaco, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.55;
  border-radius: 8px;
  padding: 12px 0;
  min-height: 420px;
  max-height: 65vh;
  overflow: auto;
  white-space: nowrap;
  position: relative;
}
.eq-logs__viewer::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.eq-logs__viewer::-webkit-scrollbar-track {
  background: #333740;
}
.eq-logs__viewer::-webkit-scrollbar-thumb {
  background: #4a4f5a;
  border: 3px solid #333740;
  border-radius: 6px;
}
.eq-logs__viewer::-webkit-scrollbar-thumb:hover {
  background: #5a606c;
}
.eq-logs__viewer:focus {
  outline: 2px solid rgba(85, 124, 242, 0.5);
  outline-offset: -2px;
}
.eq-logs__line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 1px 16px;
  color: #e8ecf1;
}
.eq-logs__line:hover {
  background: #3d424d;
}
.eq-logs__line--error {
  color: #ff6b6b;
}
.eq-logs__line--warn {
  color: #ffd166;
}
.eq-logs__line--info {
  color: #a0d6b4;
}
.eq-logs__line--debug {
  color: #6f7380;
}
.eq-logs__line--plain {
  color: #e8ecf1;
}
.eq-logs__line-num {
  display: inline-block;
  min-width: 44px;
  flex-shrink: 0;
  text-align: right;
  color: #6f7380;
  user-select: none;
  padding-right: 6px;
  border-right: 1px solid #444955;
  font-variant-numeric: tabular-nums;
}
.eq-logs__line-src {
  display: inline-block;
  flex-shrink: 0;
  color: #8ca8ff;
  font-weight: 600;
  min-width: 84px;
  opacity: 0.85;
}
.eq-logs__line-src[data-src=apache_error] {
  color: #ff9aa2;
}
.eq-logs__line-src[data-src=apache_access] {
  color: #a0d6b4;
}
.eq-logs__line-src[data-src=php_error] {
  color: #c9a0ff;
}
.eq-logs__line-src[data-src=wp_debug] {
  color: #8ca8ff;
}
.eq-logs__line-src[data-src=db_error] {
  color: #ffb86c;
}
.eq-logs__line-text {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: pre;
}
.eq-logs__setup {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 48px 24px 32px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
}
.eq-logs__setup-icon {
  margin-bottom: 20px;
}
.eq-logs__setup-icon .eq-spinner {
  width: 48px;
  height: 48px;
  border-width: 4px;
}
.eq-logs__setup-title {
  margin: 0 0 10px 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #4e5159;
}
.eq-logs__setup-desc {
  max-width: 520px;
  margin: 0 0 24px 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #6f7380;
}
.eq-logs__setup-desc strong {
  color: #4e5159;
  font-weight: 600;
}
.eq-logs__setup-progress {
  width: 100%;
  max-width: 480px;
  margin-bottom: 20px;
}
.eq-logs__setup-bar {
  width: 100%;
  height: 8px;
  background: #e6e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.eq-logs__setup-fill {
  height: 100%;
  background: linear-gradient(90deg, #557cf2 0%, #7c96f7 100%);
  border-radius: 999px;
  transition: width 0.8s ease-out;
  background-image: linear-gradient(90deg, #557cf2 0%, #7c96f7 100%), linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 100% 100%, 20px 20px;
  animation: eq-logs-setup-stripes 1.2s linear infinite;
}
.eq-logs__setup-info {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.8125rem;
  color: #6f7380;
  font-variant-numeric: tabular-nums;
}
.eq-logs__setup-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 520px;
  margin: 8px 0 0 0;
  padding: 12px 16px;
  background: #fff8e6;
  border: 1px solid #ffe0a3;
  border-radius: 8px;
  font-size: 0.8125rem;
  color: #7a4e00;
  text-align: left;
  line-height: 1.5;
}
.eq-logs__setup-hint i {
  color: #c27800;
  font-size: 0.9375rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.eq-logs__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 360px;
  color: #6f7380;
  text-align: center;
  padding: 40px 20px;
  white-space: normal;
}
.eq-logs__empty i {
  font-size: 2.5rem;
  color: #4a4f5a;
}
.eq-logs__empty p {
  margin: 0;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  color: #9098a8;
}
.eq-logs__empty small {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8125rem;
  color: #6f7380;
  max-width: 420px;
  line-height: 1.5;
}
.eq-logs .eq-btn-ghost--sm {
  padding: 6px 14px;
  font-size: 0.8125rem;
  border-radius: 999px;
}
.eq-logs .eq-btn-ghost--sm i {
  font-size: 0.875rem;
}
.eq-logs .eq-btn-primary--sm {
  padding: 6px 16px;
  font-size: 0.8125rem;
  border-radius: 999px;
}
.eq-logs .eq-btn-primary--sm i {
  font-size: 0.875rem;
}

@keyframes eq-logs-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(46, 204, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}
@keyframes eq-logs-setup-stripes {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 0 0, 20px 0;
  }
}
@media (max-width: 720px) {
  .eq-logs {
    padding: 18px;
  }
  .eq-logs__toolbar {
    padding: 12px;
  }
  .eq-logs__filter {
    min-width: 0;
    width: 100%;
  }
  .eq-logs__toolbar-right {
    width: 100%;
  }
  .eq-logs__viewer {
    font-size: 12px;
    min-height: 340px;
    max-height: 55vh;
  }
  .eq-logs__line-num {
    min-width: 32px;
  }
  .eq-logs__line-src {
    min-width: 70px;
    font-size: 11px;
  }
}
.eq-arquivos-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.eq-fm {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.eq-fm__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 4px 4px 0;
}

.eq-fm__head-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.eq-fm__icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.eq-fm__head-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.eq-fm__title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0;
  line-height: 1.2;
}

.eq-fm-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.3;
}
.eq-fm-breadcrumb__sep {
  color: #b1b6c7;
  font-size: 0.6875rem !important;
  margin: 0 2px;
}
.eq-fm-breadcrumb__link {
  background: transparent;
  border: 0;
  color: #6f7380;
  padding: 2px 4px;
  border-radius: 4px;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  transition: background 0.12s ease, color 0.12s ease;
}
.eq-fm-breadcrumb__link:hover {
  background: rgba(85, 124, 242, 0.08);
  color: #557cf2;
}
.eq-fm-breadcrumb__current {
  color: #4e5159;
  font-weight: 600;
  padding: 2px 4px;
}

.eq-fm__head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.eq-fm__card {
  padding: 0;
  overflow: hidden;
}

.eq-fm-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.4;
  border: 1px solid transparent;
}
.eq-fm-banner.is-ok {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.32);
  color: #166534;
}
.eq-fm-banner.is-ok i {
  color: #16a34a;
  font-size: 1rem;
}
.eq-fm-banner.is-err {
  background: rgba(242, 107, 122, 0.1);
  border-color: rgba(242, 107, 122, 0.32);
  color: #9b1c2e;
}
.eq-fm-banner.is-err i {
  color: #f26b7a;
  font-size: 1rem;
}
.eq-fm-banner span {
  flex: 1;
}
.eq-fm-banner__close {
  background: transparent;
  border: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.15s ease, background 0.15s ease;
}
.eq-fm-banner__close:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.06);
}
.eq-fm-banner__close i {
  font-size: 0.75rem !important;
}

.eq-fm-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 64px 24px;
  color: #6f7380;
}
.eq-fm-loading p {
  margin: 0;
  font-size: 0.875rem;
}

.eq-fm-error {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 32px 28px;
  background: rgba(242, 107, 122, 0.05);
  border-bottom: 1px solid rgba(242, 107, 122, 0.18);
}
.eq-fm-error > i {
  color: #f26b7a;
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.eq-fm-error__body {
  flex: 1;
}
.eq-fm-error__body strong {
  display: block;
  color: #4e5159;
  font-size: 0.9375rem;
  margin-bottom: 4px;
}
.eq-fm-error__body p {
  margin: 0 0 12px;
  color: #6f7380;
  font-size: 0.875rem;
  line-height: 1.5;
}

.eq-fm-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 56px 24px 32px;
  text-align: center;
  color: #6f7380;
}
.eq-fm-empty > i {
  font-size: 2.5rem;
  color: rgba(85, 124, 242, 0.55);
}
.eq-fm-empty p {
  margin: 0;
  font-size: 0.9375rem;
  color: #6f7380;
}

.eq-fm-list {
  display: flex;
  flex-direction: column;
}

.eq-fm-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid #e6e8f0;
  transition: background 0.12s ease;
}
.eq-fm-row:last-child {
  border-bottom: 0;
}
.eq-fm-row:hover {
  background: rgba(85, 124, 242, 0.04);
}
.eq-fm-row:hover .eq-fm-row__actions {
  opacity: 1;
  pointer-events: auto;
}
.eq-fm-row__main {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.eq-fm-row__icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #849196;
  font-size: 1rem;
  background: #f4f6fb;
}
.eq-fm-row__icon .bi-folder-fill {
  color: #f5b84a;
}
.eq-fm-row__icon .bi-file-earmark-code {
  color: #557cf2;
}
.eq-fm-row__icon .bi-file-earmark-image {
  color: #22c55e;
}
.eq-fm-row__icon .bi-file-earmark-zip {
  color: #f97316;
}
.eq-fm-row__icon .bi-file-earmark-pdf {
  color: #f26b7a;
}
.eq-fm-row__icon .bi-file-earmark-play,
.eq-fm-row__icon .bi-file-earmark-music {
  color: #8b5cf6;
}
.eq-fm-row__name {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  color: #4e5159;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: default;
  font-family: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
.eq-fm-row--dir .eq-fm-row__name {
  cursor: pointer;
}
.eq-fm-row--dir .eq-fm-row__name:hover {
  color: #557cf2;
  text-decoration: underline;
}
.eq-fm-row__meta {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #6f7380;
  font-size: 0.8125rem;
  flex-shrink: 0;
}
.eq-fm-row__size {
  min-width: 60px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.eq-fm-row__time {
  min-width: 92px;
  text-align: right;
}
.eq-fm-row__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}
.eq-fm-row__btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: transparent;
  border: 0;
  color: #849196;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  transition: background 0.12s ease, color 0.12s ease;
}
.eq-fm-row__btn:hover {
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
}
.eq-fm-row__btn--danger:hover {
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
}

.eq-fm-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 16px 20px 20px;
  padding: 36px 24px;
  border: 2px dashed rgba(85, 124, 242, 0.32);
  border-radius: 12px;
  background: rgba(85, 124, 242, 0.04);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.eq-fm-dropzone:hover, .eq-fm-dropzone:focus, .eq-fm-dropzone.is-dragover {
  background: rgba(85, 124, 242, 0.08);
  border-color: #557cf2;
  outline: none;
}
.eq-fm-dropzone__icon {
  color: #557cf2;
  font-size: 2rem;
  margin-bottom: 4px;
}
.eq-fm-dropzone__text {
  margin: 0;
  font-size: 0.9375rem;
  color: #4e5159;
  text-align: center;
}
.eq-fm-dropzone__text strong {
  color: #557cf2;
  font-weight: 600;
}
.eq-fm-dropzone__hint {
  margin: 0;
  font-size: 0.75rem;
  color: #6f7380;
}

.eq-modal--small {
  align-items: center;
  justify-content: center;
}

.eq-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(31, 41, 55, 0.55);
  backdrop-filter: blur(2px);
  cursor: pointer;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.eq-modal__panel {
  position: relative;
  z-index: 1001;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.1);
  width: 100%;
  max-width: 480px;
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: eq-modal-pop 0.18s ease-out;
  cursor: default;
}
.eq-modal__panel--danger .eq-modal__header h3 {
  color: #f26b7a;
}

.eq-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 8px;
}
.eq-modal__header h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #4e5159;
}

.eq-modal__body {
  padding: 12px 24px 8px;
  font-size: 0.9375rem;
  color: #4e5159;
  line-height: 1.5;
  overflow-y: auto;
  flex: 1 1 auto;
}
.eq-modal__body p {
  margin: 0 0 12px;
}
.eq-modal__body p:last-child {
  margin-bottom: 0;
}
.eq-modal__body strong {
  font-weight: 600;
}
.eq-modal__body label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  margin: 12px 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eq-modal__body label:first-child {
  margin-top: 0;
}
.eq-modal__body > input[type=text],
.eq-modal__body > input[type=email],
.eq-modal__body > input[type=number],
.eq-modal__body > input[type=password],
.eq-modal__body > input[type=url],
.eq-modal__body > select,
.eq-modal__body > textarea,
.eq-modal__body input.eq-modal__input,
.eq-modal__body select.eq-modal__input,
.eq-modal__body textarea.eq-modal__input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #ffffff;
  font-size: 0.9375rem;
  color: #4e5159;
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}
.eq-modal__body > input[type=text]:focus,
.eq-modal__body > input[type=email]:focus,
.eq-modal__body > input[type=number]:focus,
.eq-modal__body > input[type=password]:focus,
.eq-modal__body > input[type=url]:focus,
.eq-modal__body > select:focus,
.eq-modal__body > textarea:focus,
.eq-modal__body input.eq-modal__input:focus,
.eq-modal__body select.eq-modal__input:focus,
.eq-modal__body textarea.eq-modal__input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-modal__body > input[type=text]:disabled,
.eq-modal__body > input[type=email]:disabled,
.eq-modal__body > input[type=number]:disabled,
.eq-modal__body > input[type=password]:disabled,
.eq-modal__body > input[type=url]:disabled,
.eq-modal__body > select:disabled,
.eq-modal__body > textarea:disabled,
.eq-modal__body input.eq-modal__input:disabled,
.eq-modal__body select.eq-modal__input:disabled,
.eq-modal__body textarea.eq-modal__input:disabled {
  background: #f4f6fb;
  cursor: not-allowed;
}
.eq-modal__body > textarea,
.eq-modal__body textarea.eq-modal__input {
  resize: vertical;
  min-height: 80px;
}

.eq-modal__close {
  background: transparent;
  border: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: #6f7380;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s ease, color 0.15s ease;
}
.eq-modal__close:hover {
  background: #f4f6fb;
  color: #4e5159;
}

.eq-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px 20px;
  border-top: 1px solid #e6e8f0;
  background: #ffffff;
  flex-shrink: 0;
}

.eq-fm-modal__label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6f7380;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eq-fm-modal__input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #ffffff;
  font-size: 0.9375rem;
  color: #4e5159;
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.eq-fm-modal__input:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-fm-modal__input:disabled {
  background: #f4f6fb;
  cursor: not-allowed;
}

.eq-fm-modal__hint {
  margin: 10px 0 0;
  font-size: 0.8125rem;
  color: #6f7380;
  line-height: 1.4;
}
.eq-fm-modal__hint code {
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 0.75rem;
}

.eq-fm-modal__error {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  background: rgba(242, 107, 122, 0.1);
  border: 1px solid rgba(242, 107, 122, 0.32);
  border-radius: 8px;
  color: #9b1c2e;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.eq-fm-modal__error i {
  color: #f26b7a;
  font-size: 0.875rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.eq-spinner--sm {
  width: 14px;
  height: 14px;
  border-width: 2px;
}

.eq-fm-upload-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: eq-modal-fade 0.18s ease-out;
}
.eq-fm-upload-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.eq-fm-upload-overlay__card {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.1);
  padding: 40px 48px;
  width: 480px;
  max-width: 92vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  animation: eq-modal-pop 0.18s ease-out;
  text-align: center;
}
.eq-fm-upload-overlay__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(85, 124, 242, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.eq-fm-upload-overlay__icon i {
  font-size: 1.75rem;
  color: #557cf2;
}
.eq-fm-upload-overlay__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #4e5159;
}
.eq-fm-upload-overlay__name {
  font-size: 0.875rem;
  color: #557cf2;
  font-weight: 500;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eq-fm-upload-overlay__bar {
  width: 100%;
  height: 10px;
  background: rgba(85, 124, 242, 0.12);
  border-radius: 999px;
  overflow: hidden;
  margin-top: 4px;
}
.eq-fm-upload-overlay__fill {
  height: 100%;
  background: #557cf2;
  border-radius: 999px;
  transition: width 0.18s ease;
}
.eq-fm-upload-overlay__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}
.eq-fm-upload-overlay__pct {
  font-weight: 600;
  color: #4e5159;
}
.eq-fm-upload-overlay__size {
  color: #6f7380;
}
.eq-fm-upload-overlay__eta {
  text-align: center;
  font-size: 0.75rem;
  color: #6f7380;
  min-height: 1.2em;
  font-variant-numeric: tabular-nums;
}
.eq-fm-upload-overlay__cancel {
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #dc3545;
  background: transparent;
  border: 1px solid rgba(220, 53, 69, 0.35);
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.eq-fm-upload-overlay__cancel:hover {
  background: rgba(220, 53, 69, 0.08);
  border-color: #dc3545;
}
.eq-fm-upload-overlay__cancel:active {
  transform: translateY(1px);
}
.eq-fm-upload-overlay__cancel i {
  font-size: 0.875rem;
}

.eq-fm-editor {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  overflow: hidden;
}
.eq-fm-editor__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e6e8f0;
  background: #ffffff;
}
.eq-fm-editor__head-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}
.eq-fm-editor__icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.eq-fm-editor__head-text {
  min-width: 0;
  flex: 1 1 auto;
}
.eq-fm-editor__title {
  margin: 0 0 4px;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #4e5159;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eq-fm-editor__path {
  display: flex;
  align-items: center;
  gap: 0;
  font-size: 0.8125rem;
  color: #6f7380;
  font-family: "JetBrains Mono", "Menlo", Consolas, monospace;
}
.eq-fm-editor__path-prefix {
  color: #849196;
  flex: 0 0 auto;
}
.eq-fm-editor__name-input {
  border: 1px solid transparent;
  background: transparent;
  color: #557cf2;
  font-family: "JetBrains Mono", "Menlo", Consolas, monospace;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 8px;
  min-width: 200px;
  flex: 1 1 auto;
  outline: none;
}
.eq-fm-editor__name-input:focus {
  background: #f4f6fb;
  border-color: #e6e8f0;
}
.eq-fm-editor__name-input::placeholder {
  color: #b1b6c7;
  font-weight: 400;
}
.eq-fm-editor__name-readonly {
  color: #557cf2;
  font-weight: 600;
  padding: 2px 6px;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eq-fm-editor__head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.eq-fm-editor__close {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  color: #6f7380;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-fm-editor__close:hover:not(:disabled) {
  background: #f4f6fb;
  color: #4e5159;
}
.eq-fm-editor__close:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.eq-fm-editor__body {
  background: #212121;
  min-height: 480px;
  position: relative;
}
.eq-fm-editor__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 80px 20px;
  color: #ffffff;
  background: #212121;
}
.eq-fm-editor__loading p {
  margin: 0;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.7);
}
.eq-fm-editor__error {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 32px 24px;
  color: #ffb4b4;
  background: #2a1f1f;
  border-left: 4px solid #ff5252;
}
.eq-fm-editor__error > i {
  font-size: 1.75rem;
  flex: 0 0 auto;
  margin-top: 4px;
}
.eq-fm-editor__error strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 1rem;
}
.eq-fm-editor__error p {
  margin: 0;
  font-size: 0.875rem;
  color: rgba(255, 180, 180, 0.85);
  line-height: 1.5;
}
.eq-fm-editor__cm-host {
  min-height: 480px;
}
.eq-fm-editor__cm-host .CodeMirror {
  height: auto;
  min-height: 480px;
  max-height: 70vh;
  font-family: "JetBrains Mono", "Menlo", Consolas, "Courier New", monospace;
  font-size: 13px;
  line-height: 1.55;
  padding: 12px 0;
}
.eq-fm-editor__cm-host .CodeMirror-scroll {
  min-height: 480px;
  max-height: 70vh;
}
.eq-fm-editor__cm-host .CodeMirror-gutters {
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: #1a1a1a;
}
.eq-fm-editor__cm-host .CodeMirror-linenumber {
  color: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  padding: 0 12px 0 8px;
}
.eq-fm-editor__cm-host .CodeMirror-cursor {
  border-left-color: #557cf2;
  border-left-width: 2px;
}
.eq-fm-editor__cm-host .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.04) !important;
}
.eq-fm-editor__cm-host .CodeMirror-selected {
  background: rgba(85, 124, 242, 0.3) !important;
}
.eq-fm-editor__cm-host .CodeMirror-focused .CodeMirror-selected {
  background: rgba(85, 124, 242, 0.4) !important;
}
.eq-fm-editor__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 20px;
  background: #f4f6fb;
  border-top: 1px solid #e6e8f0;
}
.eq-fm-editor__status {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8125rem;
  color: #6f7380;
  font-variant-numeric: tabular-nums;
}
.eq-fm-editor__lang {
  font-weight: 600;
  color: #4e5159;
}
.eq-fm-editor__sep {
  color: #b1b6c7;
}
.eq-fm-editor__size {
  color: #849196;
}
.eq-fm-editor__dirty {
  display: none;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(242, 107, 122, 0.12);
  color: #f26b7a;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}
.eq-fm-editor__dirty > i {
  font-size: 0.5rem;
}
.eq-fm-editor__dirty.is-dirty {
  display: inline-flex;
}
.eq-fm-editor__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.eq-fm > .eq-fm-editor:only-child {
  margin-top: 0;
}

.eq-topbar__admin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: transparent;
  color: #6f7380;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 1rem;
}
.eq-topbar__admin-btn:hover {
  color: #557cf2;
  border-color: #557cf2;
}
.eq-topbar__admin-btn.is-active {
  background: #557cf2;
  color: #fff;
  border-color: #557cf2;
}

.eq-admin {
  padding: 24px 32px;
  max-width: 1200px;
  margin: 0 auto;
}

.eq-admin__header {
  margin-bottom: 20px;
}

.eq-admin__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0;
}
.eq-admin__title i {
  margin-right: 8px;
  color: #557cf2;
}

.eq-admin__tabs {
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #e6e8f0;
  margin-bottom: 24px;
  padding-bottom: 0;
}

.eq-admin__tab {
  padding: 10px 18px;
  border: none;
  background: none;
  color: #6f7380;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.15s ease;
}
.eq-admin__tab i {
  margin-right: 6px;
}
.eq-admin__tab:hover {
  color: #557cf2;
}
.eq-admin__tab.is-active {
  color: #557cf2;
  border-bottom-color: #557cf2;
}

.eq-admin__loading {
  text-align: center;
  padding: 60px 0;
  color: #6f7380;
}
.eq-admin__loading .spinner-border {
  margin-right: 8px;
}

.eq-admin__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.eq-admin__stat-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}

.eq-admin__stat-icon {
  font-size: 1.6rem;
  color: #557cf2;
  margin-bottom: 8px;
}

.eq-admin__stat-value {
  font-size: 1.8rem;
  font-weight: 700;
  color: #4e5159;
  line-height: 1.2;
}

.eq-admin__stat-label {
  font-size: 0.85rem;
  color: #6f7380;
  margin-top: 4px;
}

.eq-admin__stat-sub {
  font-size: 0.75rem;
  color: #849196;
}

.eq-admin__section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 16px;
  margin-top: 8px;
}

.eq-admin__node-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.eq-admin__node-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}
.eq-admin__node-card--clickable {
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.eq-admin__node-card--clickable:hover {
  border-color: #557cf2;
  box-shadow: 0 2px 8px rgba(85, 124, 242, 0.12);
}

.eq-admin__node-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.eq-admin__node-header strong {
  font-size: 1rem;
}

.eq-admin__node-host {
  font-size: 0.8rem;
  margin-bottom: 12px;
}

.eq-admin__node-metrics {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}

.eq-admin__node-sites {
  font-size: 0.85rem;
  color: #6f7380;
  border-top: 1px solid #e6e8f0;
  padding-top: 10px;
}
.eq-admin__node-sites i {
  margin-right: 4px;
}

.eq-admin__node-gauge {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.eq-admin__node-gauge-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
}

.eq-admin__node-gauge-track {
  height: 10px;
  background: #eef1f6;
  border-radius: 5px;
  overflow: hidden;
}

.eq-admin__node-gauge-fill {
  height: 100%;
  border-radius: 5px;
  transition: width 0.3s ease;
  min-width: 2px;
}

.eq-admin__node-gauge-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: 0.68rem;
  color: #849196;
}
.eq-admin__node-gauge-info i {
  vertical-align: middle;
  margin-right: 2px;
}
.eq-admin__node-gauge-info span {
  white-space: nowrap;
}

.eq-admin__detail-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.eq-admin__detail-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-admin__detail-title h2 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
}
.eq-admin__detail-title .text-muted {
  font-size: 0.85rem;
}

.eq-admin__detail-periods {
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
}

.eq-admin__period-btn {
  background: #f0f2f5;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 0.82rem;
  font-weight: 500;
  color: #6f7380;
  cursor: pointer;
  transition: all 0.15s;
}
.eq-admin__period-btn:hover {
  background: #e5e7ed;
}
.eq-admin__period-btn.is-active {
  background: #557cf2;
  color: #fff;
  border-color: #557cf2;
}

.eq-admin__detail-charts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}

.eq-admin__chart-box {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 16px;
}
.eq-admin__chart-box h4 {
  margin: 0 0 12px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #6f7380;
}
.eq-admin__chart-box canvas {
  width: 100% !important;
  height: 200px !important;
}

.eq-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.eq-badge--success {
  background: #d1fae5;
  color: #065f46;
}

.eq-badge--warning {
  background: #fef3c7;
  color: #92400e;
}

.eq-badge--danger {
  background: #fee2e2;
  color: #991b1b;
}

.eq-badge--muted {
  background: #e5e7eb;
  color: #4b5563;
}

.eq-badge--info {
  background: #dbeafe;
  color: #1e40af;
}

.eq-badge--operational {
  background: #d1fae5;
  color: #065f46;
}

.eq-badge--degraded {
  background: #fef3c7;
  color: #92400e;
}

.eq-badge--partial_outage {
  background: #fed7aa;
  color: #c2410c;
}

.eq-badge--major_outage {
  background: #fee2e2;
  color: #991b1b;
}

.eq-badge--maintenance {
  background: #dbeafe;
  color: #1e40af;
}

.eq-admin__toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
  gap: 8px;
}

.eq-admin__table-wrap {
  overflow-x: auto;
}

.eq-admin__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}
.eq-admin__table th {
  background: #f8f9fc;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.4px;
  padding: 10px 12px;
  border-bottom: 2px solid #e6e8f0;
  text-align: left;
}
.eq-admin__table td {
  padding: 10px 12px;
  border-bottom: 1px solid #e6e8f0;
  vertical-align: middle;
}
.eq-admin__table tbody tr:hover {
  background: #f8f9fc;
}

.eq-admin__row--clickable {
  cursor: pointer;
  transition: background 0.15s;
}
.eq-admin__row--clickable:hover {
  background: #eef2ff !important;
}

.eq-admin__actions {
  display: flex;
  gap: 4px;
  white-space: nowrap;
}

.eq-admin__test-result-row td {
  background: #f8f9fc;
  font-size: 0.82rem;
  padding: 6px 12px;
}

.eq-btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e6e8f0;
  background: #fff;
  cursor: pointer;
  font-size: 0.85rem;
  color: #6f7380;
  transition: all 0.15s ease;
  padding: 0;
}
.eq-btn-sm:hover {
  color: #557cf2;
  border-color: #557cf2;
}

.eq-btn-outline {
  background: #fff;
}

.eq-btn-danger-outline:hover {
  color: #ef4444;
  border-color: #ef4444;
}

.eq-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid #e6e8f0;
  background: #fff;
  color: #4e5159;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-btn-secondary:hover {
  background: #f4f6fb;
}

.eq-settings__gateways {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

.eq-admin__setting-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 20px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}

.eq-admin__setting-info {
  flex: 1;
}
.eq-admin__setting-info strong {
  display: block;
  margin-bottom: 4px;
}
.eq-admin__setting-info p {
  font-size: 0.85rem;
  margin: 0;
}

.eq-toggle {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
}
.eq-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.eq-toggle__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccd0d9;
  border-radius: 13px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.eq-toggle__slider::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

.eq-toggle input:checked + .eq-toggle__slider {
  background: #557cf2;
}
.eq-toggle input:checked + .eq-toggle__slider::before {
  transform: translateX(22px);
}

.eq-admin__wizard-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.eq-admin__form-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eq-admin__form-row label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #6f7380;
}
.eq-admin__form-row input, .eq-admin__form-row select {
  padding: 8px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.9rem;
  color: #4e5159;
  outline: none;
  transition: border-color 0.15s ease;
}
.eq-admin__form-row input:focus, .eq-admin__form-row select:focus {
  border-color: #557cf2;
}

.eq-admin__form-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.eq-admin__form-grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}

.eq-admin__form-section {
  margin: 18px 0 4px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #4e5159;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e8f0;
}

.eq-admin__preset-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.eq-admin__preset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 10px;
  border: 2px solid #e6e8f0;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s ease;
}
.eq-admin__preset i {
  font-size: 1.4rem;
  color: #6f7380;
}
.eq-admin__preset span {
  font-weight: 600;
  font-size: 0.9rem;
  color: #4e5159;
}
.eq-admin__preset small {
  font-size: 0.72rem;
  color: #6f7380;
  line-height: 1.2;
}
.eq-admin__preset:hover {
  border-color: #557cf2;
}
.eq-admin__preset:hover i, .eq-admin__preset:hover span {
  color: #557cf2;
}
.eq-admin__preset.is-active {
  border-color: #557cf2;
  background: rgba(85, 124, 242, 0.06);
}
.eq-admin__preset.is-active i, .eq-admin__preset.is-active span {
  color: #557cf2;
}

.eq-admin__plan-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.eq-admin__plan-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e6e8f0;
  border-radius: 999px;
  background: #fff;
  font-size: 0.82rem;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: 0;
}
.eq-admin__plan-chip input[type=checkbox] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #557cf2;
}
.eq-admin__plan-chip:has(input:checked) {
  border-color: #557cf2;
  background: rgba(85, 124, 242, 0.08);
}
.eq-admin__plan-chip-label {
  font-weight: 600;
  color: #4e5159;
}
.eq-admin__plan-chip-price {
  color: #6f7380;
  font-size: 0.75rem;
}

.eq-admin__wizard-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

.eq-admin__checks {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 360px;
  overflow-y: auto;
  padding: 12px 0;
}

.eq-admin__check-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: #4e5159;
  cursor: pointer;
  line-height: 1.4;
}
.eq-admin__check-item input[type=checkbox] {
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: #557cf2;
  width: 16px;
  height: 16px;
}

.eq-modal__dialog--admin-wizard {
  max-width: 560px;
}

.eq-modal__dialog--node-edit {
  max-width: 720px;
  padding: 0;
  text-align: left;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
}
.eq-modal__dialog--node-edit > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.eq-node-edit__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  border-bottom: 1px solid #e6e8f0;
  flex-shrink: 0;
}

.eq-node-edit__icon {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(135deg, #557cf2, rgb(37.6229508197, 87.4918032787, 238.3770491803));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(85, 124, 242, 0.25);
}

.eq-node-edit__title {
  flex: 1;
  min-width: 0;
}
.eq-node-edit__title h2 {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: #4e5159;
  line-height: 1.2;
}
.eq-node-edit__title p {
  margin: 2px 0 0;
  font-size: 0.74rem;
  color: #6f7380;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "SF Mono", Monaco, Consolas, monospace;
}
.eq-node-edit__title p i {
  font-size: 0.7rem;
  color: #557cf2;
}

.eq-node-edit__body {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  min-height: 0;
}
.eq-node-edit__body::-webkit-scrollbar {
  width: 6px;
}
.eq-node-edit__body::-webkit-scrollbar-track {
  background: transparent;
}
.eq-node-edit__body::-webkit-scrollbar-thumb {
  background: #e6e8f0;
  border-radius: 3px;
}

.eq-node-edit__group {
  padding: 12px 22px;
  border-bottom: 1px solid rgba(230, 232, 240, 0.6);
}
.eq-node-edit__group:last-child {
  border-bottom: none;
  padding-bottom: 16px;
}

.eq-node-edit__group-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6f7380;
}
.eq-node-edit__group-title i {
  font-size: 0.78rem;
  color: #557cf2;
}

.eq-node-edit__body .eq-admin__form-row {
  gap: 4px;
}
.eq-node-edit__body .eq-admin__form-row label {
  font-size: 0.78rem;
  font-weight: 500;
  color: #4e5159;
}
.eq-node-edit__body .eq-admin__form-row input, .eq-node-edit__body .eq-admin__form-row select {
  padding: 7px 10px;
  font-size: 0.85rem;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #fff;
  color: #4e5159;
  transition: all 0.15s ease;
  width: 100%;
}
.eq-node-edit__body .eq-admin__form-row input:focus, .eq-node-edit__body .eq-admin__form-row select:focus {
  border-color: #557cf2;
  box-shadow: 0 0 0 2px rgba(85, 124, 242, 0.12);
  outline: none;
}
.eq-node-edit__body .eq-admin__form-row input::placeholder, .eq-node-edit__body .eq-admin__form-row select::placeholder {
  color: rgb(150.8326359833, 154.0878661088, 164.6673640167);
}
.eq-node-edit__body .eq-admin__form-grid2,
.eq-node-edit__body .eq-admin__form-grid3 {
  gap: 10px;
  margin-bottom: 8px;
}
.eq-node-edit__body .eq-admin__form-grid2:last-child,
.eq-node-edit__body .eq-admin__form-grid3:last-child {
  margin-bottom: 0;
}
.eq-node-edit__body .eq-admin__plan-chip {
  padding: 4px 8px;
  font-size: 0.75rem;
  gap: 6px;
}
.eq-node-edit__body .eq-admin__plan-chip-price {
  font-size: 0.68rem;
}

.eq-node-edit__hint {
  font-weight: 400;
  color: #6f7380;
  font-size: 0.7rem;
  margin-left: 5px;
}

.eq-node-edit__footer {
  padding: 11px 22px;
  border-top: 1px solid #e6e8f0;
  background: #fafbfc;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.eq-node-edit__footer button {
  min-width: 100px;
  padding: 7px 14px;
  font-size: 0.85rem;
}

@media (max-width: 600px) {
  .eq-modal__dialog--node-edit {
    max-width: 100%;
    max-height: 96vh;
  }
  .eq-node-edit__group {
    padding: 10px 14px;
  }
  .eq-node-edit__header {
    padding: 12px 16px;
  }
  .eq-node-edit__footer {
    padding: 10px 16px;
  }
}
.eq-admin__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}
.eq-admin__section-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #4e5159;
}
.eq-admin__section-header h3 i {
  margin-right: 6px;
  color: #557cf2;
}

.eq-admin__section-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.eq-admin__search-input {
  padding: 6px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  width: 220px;
  outline: none;
  transition: border-color 0.15s ease;
}
.eq-admin__search-input:focus {
  border-color: #557cf2;
}

.eq-admin__pagination {
  display: flex;
  gap: 4px;
  margin-top: 16px;
  justify-content: center;
}

.eq-btn-sm.eq-btn-primary {
  background: #557cf2;
  color: #fff;
  border-color: #557cf2;
  width: auto;
  padding: 6px 14px;
  white-space: nowrap;
  gap: 6px;
}
.eq-btn-sm.eq-btn-primary:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}

.eq-btn-sm.eq-btn-danger:hover {
  color: #ef4444;
  border-color: #ef4444;
}

.eq-btn-sm.eq-btn-success:hover {
  color: #10b981;
  border-color: #10b981;
}

.eq-btn-sm.eq-btn-secondary {
  width: auto;
  height: auto;
  min-width: 32px;
  padding: 6px 12px;
  gap: 6px;
  white-space: nowrap;
}

.badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 1;
  white-space: nowrap;
}

.badge-success {
  background: #d1fae5;
  color: #065f46;
}

.badge-danger {
  background: #fee2e2;
  color: #991b1b;
}

.badge-warning {
  background: #fef3c7;
  color: #92400e;
}

.badge-info {
  background: #dbeafe;
  color: #1e40af;
}

.badge-secondary {
  background: #f3f4f6;
  color: #6b7280;
}

.eq-admin__form-row textarea {
  padding: 8px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.9rem;
  color: #4e5159;
  outline: none;
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.15s ease;
}
.eq-admin__form-row textarea:focus {
  border-color: #557cf2;
}

.eq-admin__billing-filters select {
  padding: 6px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  outline: none;
}
.eq-admin__billing-filters select:focus {
  border-color: #557cf2;
}

.mt-4 {
  margin-top: 24px;
}

.eq-settings__section {
  margin-bottom: 28px;
}

.eq-settings__section-header {
  font-size: 0.95rem;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.eq-settings__section-header i {
  color: #557cf2;
  font-size: 1.05rem;
}

.eq-settings__card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  overflow: hidden;
}

.eq-settings__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
}
.eq-settings__row + .eq-settings__row {
  border-top: 1px solid #e6e8f0;
}

.eq-settings__row-left {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}

.eq-settings__row-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

.eq-settings__row-info {
  flex: 1;
  min-width: 0;
}

.eq-settings__row-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #4e5159;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.eq-settings__row-desc {
  font-size: 0.78rem;
  color: #6f7380;
  line-height: 1.4;
}
.eq-settings__row-desc code {
  background: #f3f4f6;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.75rem;
}

.eq-settings__status {
  font-size: 0.8rem;
}
.eq-settings__status--ok {
  color: #10b981;
}
.eq-settings__status--empty {
  color: #f59e0b;
}

.eq-settings__row--vertical {
  flex-direction: column;
  gap: 10px;
}

.eq-settings__row-input {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.eq-settings__input-group {
  display: flex;
  align-items: center;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  overflow: hidden;
  flex: 1;
  transition: border-color 0.15s ease;
}
.eq-settings__input-group:focus-within {
  border-color: #557cf2;
}

.eq-settings__input {
  border: none;
  outline: none;
  padding: 8px 12px;
  font-size: 0.84rem;
  font-family: monospace;
  color: #4e5159;
  width: 100%;
  min-width: 0;
  background: transparent;
}

.eq-settings__toggle-eye {
  background: none;
  border: none;
  border-left: 1px solid #e6e8f0;
  padding: 8px 10px;
  color: #6f7380;
  cursor: pointer;
  font-size: 0.9rem;
  transition: color 0.15s ease;
}
.eq-settings__toggle-eye:hover {
  color: #557cf2;
}

.eq-settings__save-btn {
  padding: 7px 14px;
  border: 1px solid #557cf2;
  border-radius: 8px;
  background: #557cf2;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
}
.eq-settings__save-btn:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}
.eq-settings__save-btn.is-saved {
  background: #10b981;
  border-color: #10b981;
}

.eq-admin__propagate-check {
  background: #fef3c7;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #fbbf24;
}
.eq-admin__propagate-check label {
  font-weight: 500 !important;
  color: #4e5159 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-admin__propagate-check label input {
  width: 18px;
  height: 18px;
}
.eq-admin__propagate-check small {
  display: block;
  margin-top: 4px;
}

.eq-admin__form-toggles {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.eq-admin__toggle {
  display: flex !important;
  align-items: center;
  gap: 6px;
  font-weight: 500 !important;
  color: #4e5159 !important;
  cursor: pointer;
  font-size: 0.85rem !important;
}
.eq-admin__toggle input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.eq-admin__email-features {
  font-size: 0.82rem;
  color: #6f7380;
}

.eq-admin-layout {
  display: flex;
  min-height: calc(100vh - 56px);
}

.eq-admin-sidebar {
  width: 240px;
  flex-shrink: 0;
  background: #1a1d2e;
  color: #c8ccd8;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 16px;
}
.eq-admin-sidebar__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 20px 16px;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
}
.eq-admin-sidebar__brand i {
  font-size: 1.2rem;
  color: #557cf2;
}
.eq-admin-sidebar__group {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 20px;
  margin-top: 4px;
  border: none;
  background: none;
  color: #c8ccd8;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  border-left: 3px solid transparent;
}
.eq-admin-sidebar__group .eq-admin-sidebar__group-icon {
  font-size: 1rem;
  width: 18px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.eq-admin-sidebar__group .eq-admin-sidebar__group-label-text {
  flex: 1;
}
.eq-admin-sidebar__group .eq-admin-sidebar__group-chevron {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
  color: rgba(255, 255, 255, 0.4);
}
.eq-admin-sidebar__group:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
}
.eq-admin-sidebar__group:hover .eq-admin-sidebar__group-icon {
  color: rgba(255, 255, 255, 0.8);
}
.eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-chevron {
  transform: rotate(180deg);
}
.eq-admin-sidebar__subitems {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}
.eq-admin-sidebar__subitems.is-open {
  max-height: 500px;
}
.eq-admin-sidebar__group-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: rgba(255, 255, 255, 0.3);
  padding: 20px 20px 6px;
}
.eq-admin-sidebar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 20px;
  border: none;
  background: none;
  color: #a0a6b8;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  border-left: 3px solid transparent;
}
.eq-admin-sidebar__item i {
  font-size: 0.95rem;
  width: 18px;
  text-align: center;
}
.eq-admin-sidebar__item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.eq-admin-sidebar__item.is-active {
  color: #fff;
  background: rgba(85, 124, 242, 0.15);
  border-left-color: #557cf2;
}
.eq-admin-sidebar__item.is-active i {
  color: #557cf2;
}
.eq-admin-sidebar__item--solo {
  padding: 10px 20px;
  font-weight: 600;
}
.eq-admin-sidebar__item--nested {
  padding-left: 44px;
  font-size: 0.82rem;
}

.eq-admin-main {
  flex: 1;
  min-width: 0;
  background: #f4f6fb;
  display: flex;
  flex-direction: column;
}
.eq-admin-main__header {
  padding: 20px 32px 0;
  border-bottom: 1px solid #e6e8f0;
  background: #fff;
}
.eq-admin-main__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0;
  padding-bottom: 16px;
}
.eq-admin-main__content {
  padding: 24px 32px;
  flex: 1;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
}

.eq-admin {
  padding: 0;
  max-width: none;
}

@media (max-width: 900px) {
  .eq-admin-sidebar {
    width: 56px;
  }
  .eq-admin-sidebar__brand span, .eq-admin-sidebar__group-label, .eq-admin-sidebar__group-label-text, .eq-admin-sidebar__group-chevron, .eq-admin-sidebar__item span {
    display: none;
  }
  .eq-admin-sidebar__brand {
    padding: 16px 0;
    justify-content: center;
  }
  .eq-admin-sidebar__group {
    padding: 10px 0;
    justify-content: center;
  }
  .eq-admin-sidebar__item {
    padding: 10px 0;
    justify-content: center;
  }
  .eq-admin-sidebar__item--nested {
    padding-left: 0;
  }
  .eq-admin-sidebar__subitems {
    max-height: none !important;
  }
  .eq-admin-main__content {
    padding: 16px;
  }
}
.eq-admin-sidebar__footer {
  margin-top: auto;
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eq-admin-sidebar__stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eq-admin-sidebar__stat span {
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
}
.eq-admin-sidebar__stat small {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.4);
}

.eq-sidebar__nav {
  padding: 12px 0;
  border-bottom: 1px solid #e6e8f0;
}

.eq-sidebar__domains-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease;
}
.eq-sidebar__domains-header:hover {
  background: rgba(85, 124, 242, 0.04);
}

.eq-sidebar__domains-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-sidebar__domains-actions .eq-btn-novo {
  font-size: 0.7rem;
  padding: 2px 10px;
}

.eq-sidebar__domains-label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4e5159;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-sidebar__domains-label i {
  font-size: 0.9rem;
  color: #6f7380;
}

.eq-sidebar__domains-arrow {
  font-size: 0.75rem;
  color: #6f7380;
  transition: transform 0.2s ease;
}
.eq-sidebar__domains-arrow.is-rotated {
  transform: rotate(180deg);
}

.eq-sidebar__domains-body {
  display: none;
}
.eq-sidebar__domains-body.is-open {
  display: block;
}

.eq-sidebar__nav-title {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6f7380;
  padding: 0 16px 6px;
}

.eq-sidebar__nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  color: #6f7380;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  border-left: 3px solid transparent;
}
.eq-sidebar__nav-item i {
  font-size: 0.9rem;
  width: 16px;
  text-align: center;
}
.eq-sidebar__nav-item:hover {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.04);
}
.eq-sidebar__nav-item.is-active {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.06);
  border-left-color: #557cf2;
  font-weight: 600;
}

.eq-cluster-log__box {
  background: #1e1e2e;
  color: #cdd6f4;
  border-radius: 8px;
  padding: 12px 16px;
  height: 500px;
  overflow-y: auto;
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.78rem;
  line-height: 1.7;
}
.eq-cluster-log__line {
  white-space: pre-wrap;
  word-break: break-all;
}
.eq-cluster-log__line:hover {
  background: rgba(255, 255, 255, 0.05);
}
.eq-cluster-log__ts {
  color: #89b4fa;
}
.eq-cluster-log__node {
  color: #a6e3a1;
  font-weight: 600;
}
.eq-cluster-log__ctn {
  color: #f9e2af;
}

@keyframes eq-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spin {
  animation: eq-spin 1s linear infinite;
}

.eq-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid #557cf2;
  background: #557cf2;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-btn-primary:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}

.eq-admin-mail__subtabs {
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #e6e8f0;
  margin-bottom: 20px;
  overflow-x: auto;
}
.eq-admin-mail__subtab {
  padding: 8px 16px;
  border: none;
  background: none;
  color: #6f7380;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.eq-admin-mail__subtab i {
  margin-right: 4px;
}
.eq-admin-mail__subtab:hover {
  color: #4e5159;
}
.eq-admin-mail__subtab.is-active {
  color: #557cf2;
  border-bottom-color: #557cf2;
}
.eq-admin-mail__body {
  min-height: 200px;
}
.eq-admin-mail__section-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #4e5159;
  margin: 20px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6e8f0;
}
.eq-admin-mail__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}
.eq-admin-mail__conn-form {
  max-width: 800px;
}
.eq-admin-mail__actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.eq-admin-mail__test-result {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-admin-mail__test-result--ok {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
  border: 1px solid rgba(40, 167, 69, 0.2);
}
.eq-admin-mail__test-result--error {
  background: rgba(220, 53, 69, 0.08);
  color: #dc3545;
  border: 1px solid rgba(220, 53, 69, 0.15);
}
.eq-admin-mail__status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}
.eq-admin-mail__stat-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
}
.eq-admin-mail__stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: rgba(85, 124, 242, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #557cf2;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.eq-admin-mail__stat-value {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  line-height: 1.2;
}
.eq-admin-mail__stat-label {
  font-size: 0.78rem;
  color: #6f7380;
}
.eq-admin-mail__stat-label small {
  font-size: 0.72rem;
}
.eq-admin-mail__dns-value {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.eq-admin-mail__dns-value code {
  word-break: break-all;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.04);
  padding: 2px 6px;
  border-radius: 3px;
}
.eq-admin-mail__copy-btn {
  flex-shrink: 0;
}
.eq-admin-mail__empty {
  text-align: center;
  padding: 40px 20px;
  color: #6f7380;
  font-size: 0.95rem;
}
.eq-admin-mail__empty i {
  font-size: 1.4rem;
  color: #28a745;
  margin-right: 6px;
}
.eq-admin-mail__logs-container {
  background: #1e1e2e;
  color: #cdd6f4;
  border-radius: 8px;
  padding: 12px 16px;
  height: 400px;
  overflow-y: auto;
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.78rem;
  line-height: 1.6;
}
.eq-admin-mail__log-line {
  white-space: pre-wrap;
  word-break: break-all;
}
.eq-admin-mail__log-line:hover {
  background: rgba(255, 255, 255, 0.05);
}
.eq-admin-mail__section-divider {
  border-top: 2px solid #e6e8f0;
  margin: 24px 0 16px;
}
.eq-admin-mail__script-wrap {
  max-width: 800px;
}
.eq-admin-mail__script-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.eq-admin-mail__script-box {
  background: #1e1e2e;
  color: #a6e3a1;
  border-radius: 8px;
  padding: 12px 16px;
  font-family: "JetBrains Mono", "Fira Code", monospace;
  font-size: 0.8rem;
  line-height: 1.7;
  overflow-x: auto;
}
.eq-admin-mail__script-box code {
  color: inherit;
  background: none;
  font-size: inherit;
}

.eq-webmail {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #f4f6fb;
}
.eq-webmail__topbar {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 56px;
  background: #fff;
  border-bottom: 1px solid #e6e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
  gap: 16px;
}
.eq-webmail__topbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.eq-webmail__topbar-center {
  flex: 1;
  display: flex;
  justify-content: center;
  max-width: 480px;
  margin: 0 auto;
}
.eq-webmail__topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.eq-webmail__back {
  background: none;
  border: none;
  font-size: 1.1rem;
  color: #6f7380;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
}
.eq-webmail__back:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #4e5159;
}
.eq-webmail__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 1rem;
  color: #4e5159;
}
.eq-webmail__brand-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #557cf2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.eq-webmail__search-box {
  position: relative;
  width: 100%;
}
.eq-webmail__search-box i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6f7380;
  font-size: 0.85rem;
}
.eq-webmail__search-box input {
  width: 100%;
  padding: 8px 14px 8px 36px;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  font-size: 0.85rem;
  background: #f4f6fb;
  font-family: inherit;
}
.eq-webmail__search-box input:focus {
  border-color: #557cf2;
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.08);
}
.eq-webmail__compose-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #557cf2;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
}
.eq-webmail__compose-btn:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}
.eq-webmail__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #557cf2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.eq-webmail__layout {
  display: flex;
  flex: 1;
  min-height: 0;
}
.eq-webmail__folders {
  width: 220px;
  border-right: 1px solid #e6e8f0;
  overflow-y: auto;
  padding: 12px 8px;
  flex-shrink: 0;
  background: #fff;
}
.eq-webmail__folder-title {
  font-size: 0.68rem;
  font-weight: 700;
  color: #6f7380;
  letter-spacing: 0.05em;
  padding: 4px 12px 8px;
  text-transform: uppercase;
}
.eq-webmail__folder-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 12px;
  border: none;
  background: none;
  font-size: 0.85rem;
  color: #4e5159;
  cursor: pointer;
  text-align: left;
  border-radius: 8px;
  transition: all 0.12s;
  margin-bottom: 1px;
}
.eq-webmail__folder-item i {
  font-size: 1rem;
  color: #6f7380;
  width: 18px;
  text-align: center;
}
.eq-webmail__folder-item:hover {
  background: rgba(85, 124, 242, 0.06);
}
.eq-webmail__folder-item.is-active {
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
  font-weight: 600;
}
.eq-webmail__folder-item.is-active i {
  color: #557cf2;
}
.eq-webmail__folder-label {
  flex: 1;
}
.eq-webmail__folder-loading {
  padding: 24px;
  text-align: center;
}
.eq-webmail__messages {
  width: 380px;
  border-right: 1px solid #e6e8f0;
  overflow-y: auto;
  flex-shrink: 0;
  background: #fff;
}
.eq-webmail__msg-loading, .eq-webmail__msg-empty {
  padding: 60px 20px;
  text-align: center;
  color: #6f7380;
}
.eq-webmail__msg-loading i, .eq-webmail__msg-empty i {
  font-size: 2.5rem;
  opacity: 0.3;
  display: block;
  margin-bottom: 12px;
}
.eq-webmail__msg-loading p, .eq-webmail__msg-empty p {
  margin: 0;
  font-size: 0.88rem;
}
.eq-webmail__msg-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
  cursor: pointer;
  transition: background 0.12s;
}
.eq-webmail__msg-item:hover {
  background: rgba(85, 124, 242, 0.03);
}
.eq-webmail__msg-item.is-active {
  background: rgba(85, 124, 242, 0.08);
  border-left: 3px solid #557cf2;
}
.eq-webmail__msg-item.is-unread {
  background: rgba(85, 124, 242, 0.02);
}
.eq-webmail__msg-item.is-unread .eq-webmail__msg-from {
  font-weight: 700;
  color: #4e5159;
}
.eq-webmail__msg-item.is-unread .eq-webmail__msg-subject {
  color: #4e5159;
  font-weight: 500;
}
.eq-webmail__msg-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 0.85rem;
}
.eq-webmail__msg-content {
  flex: 1;
  min-width: 0;
}
.eq-webmail__msg-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.eq-webmail__msg-from {
  font-size: 0.85rem;
  color: #4e5159;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eq-webmail__msg-date {
  font-size: 0.72rem;
  color: #6f7380;
  white-space: nowrap;
  flex-shrink: 0;
}
.eq-webmail__msg-subject {
  font-size: 0.82rem;
  color: #6f7380;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}
.eq-webmail__msg-actions {
  flex-shrink: 0;
}
.eq-webmail__msg-star {
  background: none;
  border: none;
  padding: 4px;
  color: #d1d5db;
  cursor: pointer;
  font-size: 0.9rem;
}
.eq-webmail__msg-star.is-starred {
  color: #f59e0b;
}
.eq-webmail__msg-star:hover {
  color: #f59e0b;
}
.eq-webmail__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid #e6e8f0;
  font-size: 0.82rem;
  color: #6f7380;
}
.eq-webmail__pagination button {
  background: none;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 4px 10px;
  cursor: pointer;
  color: #4e5159;
  font-size: 0.82rem;
}
.eq-webmail__pagination button:hover {
  border-color: #557cf2;
  color: #557cf2;
}
.eq-webmail__preview {
  flex: 1;
  overflow-y: auto;
  min-width: 0;
  padding: 20px;
}
.eq-webmail__preview-loading, .eq-webmail__preview-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #6f7380;
  gap: 12px;
}
.eq-webmail__preview-loading i, .eq-webmail__preview-empty i {
  font-size: 3rem;
  opacity: 0.2;
}
.eq-webmail__preview-loading p, .eq-webmail__preview-empty p {
  margin: 0;
  font-size: 0.9rem;
}
.eq-webmail__preview-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.eq-webmail__preview-header {
  padding: 20px 24px;
  border-bottom: 1px solid #e6e8f0;
}
.eq-webmail__preview-subject {
  font-size: 1.15rem;
  font-weight: 700;
  color: #4e5159;
  margin: 0 0 16px;
}
.eq-webmail__preview-sender {
  display: flex;
  align-items: center;
  gap: 12px;
}
.eq-webmail__preview-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}
.eq-webmail__preview-sender-info {
  flex: 1;
  min-width: 0;
}
.eq-webmail__preview-from {
  font-weight: 600;
  font-size: 0.9rem;
  color: #4e5159;
}
.eq-webmail__preview-addr {
  font-size: 0.78rem;
  color: #6f7380;
}
.eq-webmail__preview-date {
  font-size: 0.78rem;
  color: #6f7380;
  white-space: nowrap;
  flex-shrink: 0;
}
.eq-webmail__preview-recipients {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #6f7380;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.eq-webmail__preview-actions {
  display: flex;
  gap: 8px;
  padding: 10px 24px;
  border-bottom: 1px solid #e6e8f0;
  background: #fafbfc;
}
.eq-webmail__action-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.82rem;
  color: #4e5159;
  cursor: pointer;
  font-family: inherit;
}
.eq-webmail__action-btn:hover {
  border-color: #557cf2;
  color: #557cf2;
}
.eq-webmail__action-btn--danger:hover {
  border-color: #ef4444;
  color: #ef4444;
}
.eq-webmail__attachments {
  padding: 12px 24px;
  border-bottom: 1px solid #e6e8f0;
}
.eq-webmail__attach-title {
  font-size: 0.8rem;
  color: #6f7380;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.eq-webmail__attach-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.eq-webmail__attach-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.78rem;
  color: #4e5159;
  text-decoration: none;
}
.eq-webmail__attach-chip:hover {
  border-color: #557cf2;
  color: #557cf2;
  text-decoration: none;
}
.eq-webmail__attach-chip small {
  color: #6f7380;
}
.eq-webmail__preview-body {
  padding: 24px;
  font-size: 0.9rem;
  line-height: 1.7;
  word-break: break-word;
}
.eq-webmail__preview-body img {
  max-width: 100%;
  height: auto;
}
.eq-webmail__preview-text {
  white-space: pre-wrap;
  font-family: inherit;
  font-size: 0.88rem;
  margin: 0;
  border: none;
  background: none;
}
.eq-webmail__preview-iframe {
  width: 100%;
  min-height: 300px;
  border: none;
  background: #fff;
}
.eq-webmail__compose-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.eq-webmail__compose {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.eq-webmail__compose-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e6e8f0;
  background: #fff;
  border-radius: 12px 12px 0 0;
}
.eq-webmail__compose-header h4 {
  font-size: 1rem;
  margin: 0;
  color: #4e5159;
  font-weight: 600;
}
.eq-webmail__compose-header h4 i {
  color: #557cf2;
  margin-right: 6px;
}
.eq-webmail__compose-close {
  background: none;
  border: none;
  color: #6f7380;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px;
}
.eq-webmail__compose-close:hover {
  color: #4e5159;
}
.eq-webmail__compose-field {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid rgba(230, 232, 240, 0.5);
  background: #fff;
}
.eq-webmail__compose-field label {
  width: 70px;
  padding: 10px 0 10px 20px;
  font-size: 0.82rem;
  font-weight: 500;
  color: #6f7380;
  flex-shrink: 0;
}
.eq-webmail__compose-field input {
  flex: 1;
  padding: 10px 20px 10px 0;
  border: none;
  font-size: 0.88rem;
  font-family: inherit;
}
.eq-webmail__compose-field input:focus {
  outline: none;
}
.eq-webmail__compose-toggle {
  background: none;
  border: none;
  padding: 4px 12px;
  margin-right: 12px;
  color: #557cf2;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 8px;
}
.eq-webmail__compose-toggle:hover {
  background: rgba(85, 124, 242, 0.08);
}
.eq-webmail__compose-hint {
  margin-left: auto;
  font-size: 0.74rem;
  color: #6f7380;
}
.eq-webmail__compose-hint kbd {
  display: inline-block;
  padding: 1px 6px;
  margin: 0 1px;
  background: #f3f4f6;
  border: 1px solid #e6e8f0;
  border-radius: 3px;
  font-size: 0.72rem;
  font-family: ui-monospace, monospace;
  color: #4e5159;
}
.eq-webmail__compose-body {
  flex: 1;
  width: 100%;
  min-height: 200px;
  padding: 16px 20px;
  border: none;
  font-size: 0.9rem;
  line-height: 1.7;
  resize: none;
  font-family: inherit;
}
.eq-webmail__compose-body:focus {
  outline: none;
}
.eq-webmail__compose-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid #e6e8f0;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.eq-webmail__send-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 24px;
  background: #557cf2;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.eq-webmail__send-btn:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}
.eq-webmail__send-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  .eq-webmail__folders {
    width: 180px;
  }
  .eq-webmail__messages {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .eq-webmail__topbar {
    padding: 0 12px;
    height: 48px;
    gap: 8px;
  }
  .eq-webmail__topbar-center {
    display: none;
  }
  .eq-webmail__topbar-left {
    gap: 8px;
  }
  .eq-webmail__topbar-left .eq-webmail__brand span:not(.eq-webmail__brand-icon) {
    display: none;
  }
  .eq-webmail__compose-btn {
    padding: 6px 12px;
    font-size: 0.8rem;
  }
  .eq-webmail__compose-btn span {
    display: none;
  }
  .eq-webmail__layout {
    flex-direction: column;
    position: relative;
  }
  .eq-webmail__folders {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e6e8f0;
    display: flex;
    overflow-x: auto;
    padding: 4px 8px;
    flex-shrink: 0;
    gap: 2px;
    -webkit-overflow-scrolling: touch;
  }
  .eq-webmail__folders::-webkit-scrollbar {
    display: none;
  }
  .eq-webmail__folder-title {
    display: none;
  }
  .eq-webmail__folder-item {
    white-space: nowrap;
    padding: 6px 12px;
    margin: 0;
    font-size: 0.8rem;
    border-radius: 12px;
    min-height: 36px;
  }
  .eq-webmail__folder-item.is-active {
    background: #557cf2;
    color: #fff;
  }
  .eq-webmail__folder-item.is-active i {
    color: #fff;
  }
  .eq-webmail__folder-badge {
    font-size: 0.7rem;
    padding: 1px 5px;
  }
  .eq-webmail__messages {
    width: 100%;
    border-right: none;
    max-height: none;
    flex: 1;
  }
  .eq-webmail__msg-item {
    padding: 12px;
    gap: 10px;
  }
  .eq-webmail__msg-avatar {
    width: 32px;
    height: 32px;
    font-size: 0.75rem;
  }
  .eq-webmail__msg-from {
    font-size: 0.82rem;
  }
  .eq-webmail__msg-subject {
    font-size: 0.78rem;
  }
  .eq-webmail__preview {
    display: none;
    padding: 0;
  }
  .eq-webmail__layout.wm-show-preview .eq-webmail__messages {
    display: none;
  }
  .eq-webmail__layout.wm-show-preview .eq-webmail__preview {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #f4f6fb;
    overflow-y: auto;
    padding: 12px;
  }
  .eq-webmail__layout.wm-show-preview .eq-webmail__folders {
    display: none;
  }
  .eq-webmail__preview-header {
    padding: 14px 16px;
  }
  .eq-webmail__preview-subject {
    font-size: 1rem;
    margin-bottom: 12px;
  }
  .eq-webmail__preview-actions {
    flex-wrap: wrap;
    padding: 8px 16px;
    gap: 6px;
  }
  .eq-webmail__preview-body {
    padding: 16px;
    font-size: 0.85rem;
  }
  .eq-webmail__compose-field label {
    width: 50px;
    padding-left: 12px;
    font-size: 0.78rem;
  }
  .eq-webmail__compose-field input {
    font-size: 0.82rem;
    padding: 8px 12px 8px 0;
  }
  .eq-webmail__compose-body {
    min-height: 150px;
    padding: 12px;
    font-size: 0.85rem;
  }
  .eq-webmail__compose-footer {
    padding: 10px 12px;
    flex-wrap: wrap;
  }
  .eq-webmail__compose-hint {
    display: none;
  }
  .eq-webmail__send-btn {
    width: 100%;
    justify-content: center;
  }
  .eq-webmail__mobile-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #4e5159;
    cursor: pointer;
  }
  .eq-webmail__mobile-back:hover {
    border-color: #557cf2;
    color: #557cf2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eq-webmail__compose-hint {
    display: none;
  }
  .eq-webmail__preview-body {
    padding: 16px;
  }
}
.eq-webmail__draft-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  color: #6f7380;
  margin-left: auto;
}
.eq-webmail__draft-status i {
  font-size: 0.8rem;
}
.eq-webmail__draft-status.is-saving {
  color: #557cf2;
}
.eq-webmail__draft-status.is-saved {
  color: #10b981;
}
.eq-webmail__draft-status.is-error {
  color: #ef4444;
}

.eq-topbar__billing-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e6e8f0;
  background: #fff;
  color: #6f7380;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.eq-topbar__billing-btn:hover {
  color: #557cf2;
  border-color: #557cf2;
}
.eq-topbar__billing-btn.is-active {
  background: #557cf2;
  color: #fff;
  border-color: #557cf2;
}

.eq-billing {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
}

.eq-billing__header {
  margin-bottom: 24px;
}
.eq-billing__header h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #4e5159;
}
.eq-billing__header h2 i {
  margin-right: 8px;
  color: #557cf2;
}

.eq-billing__summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.eq-billing__summary-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.eq-billing__summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.eq-billing__summary-icon--pending {
  background: #fef3c7;
  color: #92400e;
}
.eq-billing__summary-icon--paid {
  background: #d1fae5;
  color: #065f46;
}
.eq-billing__summary-icon--overdue {
  background: #fee2e2;
  color: #991b1b;
}

.eq-billing__summary-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.eq-billing__summary-value {
  font-size: 1.15rem;
  font-weight: 700;
  color: #4e5159;
}

.eq-billing__summary-label {
  font-size: 0.78rem;
  color: #6f7380;
}

.eq-billing__methods {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 18px;
  background: #f0f4ff;
  border: 1px solid rgba(85, 124, 242, 0.15);
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 0.84rem;
}

.eq-billing__methods--warn {
  background: #fef3c7;
  border-color: #fcd34d;
}
.eq-billing__methods--warn .eq-billing__methods-label {
  color: #92400e;
}
.eq-billing__methods--warn .eq-billing__methods-label i {
  color: #f59e0b;
}

.eq-billing__methods-label {
  color: #6f7380;
  font-weight: 500;
}
.eq-billing__methods-label i {
  margin-right: 4px;
  color: #10b981;
}

.eq-billing__methods-item {
  color: #4e5159;
  font-weight: 600;
}
.eq-billing__methods-item i {
  margin-right: 4px;
  color: #557cf2;
}

.eq-billing__loading {
  text-align: center;
  padding: 40px;
  color: #6f7380;
}

.eq-billing__empty {
  text-align: center;
  padding: 60px 20px;
  color: #6f7380;
}
.eq-billing__empty i {
  font-size: 3rem;
  display: block;
  margin-bottom: 12px;
}

.eq-billing__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.eq-billing__invoice {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}

.eq-billing__invoice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e6e8f0;
  gap: 12px;
}

.eq-billing__invoice-info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.eq-billing__invoice-info strong {
  font-size: 0.95rem;
}

.eq-billing__invoice-amount {
  font-size: 1.2rem;
  font-weight: 700;
  color: #4e5159;
  white-space: nowrap;
}

.eq-billing__items {
  padding: 12px 20px;
  background: #f8f9fc;
}

.eq-billing__item {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 0.85rem;
  color: #6f7380;
}

.eq-billing__invoice-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  gap: 12px;
  flex-wrap: wrap;
}

.eq-billing__invoice-actions {
  display: flex;
  gap: 8px;
}

.eq-billing__pay-pix,
.eq-billing__pay-card {
  text-align: center;
  padding: 20px 0;
}
.eq-billing__pay-pix h3,
.eq-billing__pay-card h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
}
.eq-billing__pay-pix h3 i,
.eq-billing__pay-card h3 i {
  margin-right: 6px;
  color: #557cf2;
}

.eq-billing__pay-amount {
  font-size: 1.4rem;
  font-weight: 700;
  color: #4e5159;
  margin-bottom: 20px;
}

.eq-billing__qr-img {
  width: 250px;
  height: 250px;
  margin: 0 auto 20px;
  display: block;
  border: 2px solid #e6e8f0;
  border-radius: 12px;
  padding: 8px;
  background: #fff;
}

.eq-billing__brcode {
  text-align: left;
  margin-top: 16px;
}
.eq-billing__brcode label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  color: #6f7380;
  margin-bottom: 6px;
}

.eq-billing__brcode-box {
  display: flex;
  gap: 6px;
}
.eq-billing__brcode-box input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.82rem;
  font-family: monospace;
  background: #f8f9fc;
  color: #4e5159;
}

.eq-billing__pay-loading {
  text-align: center;
  padding: 40px;
}
.eq-billing__pay-loading p {
  margin-top: 12px;
  color: #6f7380;
}

.eq-trial-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fef3c7;
  border: 1px solid #fbbf24;
  border-radius: 12px;
  margin-bottom: 20px;
  font-size: 0.88rem;
  color: #92400e;
}
.eq-trial-banner i {
  font-size: 1.1rem;
}
.eq-trial-banner--suspended {
  background: #fee2e2;
  border-color: #f87171;
  color: #991b1b;
}

.eq-billing__tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e6e8f0;
  margin-bottom: 20px;
}

.eq-billing__tab {
  padding: 10px 20px;
  border: none;
  background: none;
  font-size: 0.88rem;
  font-weight: 500;
  color: #6f7380;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
.eq-billing__tab:hover {
  color: #4e5159;
}
.eq-billing__tab.is-active {
  color: #557cf2;
  border-bottom-color: #557cf2;
}
.eq-billing__tab--action {
  margin-left: auto;
  color: #557cf2;
  font-weight: 600;
}
.eq-billing__tab--action:hover {
  color: rgb(37.6229508197, 87.4918032787, 238.3770491803);
}

.eq-billing__txn-list {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
}

.eq-billing__txn-header {
  display: grid;
  grid-template-columns: 100px 1fr 120px 120px;
  gap: 12px;
  padding: 12px 20px;
  background: #f8f9fc;
  border-bottom: 1px solid #e6e8f0;
  font-size: 0.78rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.eq-billing__txn-row {
  display: grid;
  grid-template-columns: 100px 1fr 120px 120px;
  gap: 12px;
  padding: 12px 20px;
  font-size: 0.85rem;
  color: #4e5159;
  border-bottom: 1px solid #e6e8f0;
}
.eq-billing__txn-row:last-child {
  border-bottom: none;
}
.eq-billing__txn-row--credit span:nth-child(3) {
  color: #10b981;
  font-weight: 600;
}
.eq-billing__txn-row--debit span:nth-child(3) {
  color: #ef4444;
  font-weight: 600;
}

.eq-addbal {
  padding: 8px 0;
}
.eq-addbal h3 {
  font-size: 1.15rem;
  margin-bottom: 8px;
}
.eq-addbal h3 i {
  margin-right: 6px;
  color: #557cf2;
}

.eq-addbal__desc {
  font-size: 0.85rem;
  color: #6f7380;
  margin-bottom: 20px;
}

.eq-addbal__presets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}

.eq-addbal__preset {
  padding: 10px;
  border: 2px solid #e6e8f0;
  border-radius: 8px;
  background: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  color: #4e5159;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-addbal__preset:hover {
  border-color: #557cf2;
  color: #557cf2;
}

.eq-addbal__custom {
  margin-bottom: 20px;
}
.eq-addbal__custom label {
  display: block;
  font-size: 0.82rem;
  color: #6f7380;
  margin-bottom: 6px;
}

.eq-addbal__custom-row {
  display: flex;
  align-items: center;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  overflow: hidden;
}
.eq-addbal__custom-row:focus-within {
  border-color: #557cf2;
}

.eq-addbal__currency {
  padding: 8px 12px;
  background: #f8f9fc;
  font-weight: 600;
  color: #6f7380;
  border-right: 1px solid #e6e8f0;
  font-size: 0.9rem;
}

.eq-addbal__input {
  flex: 1;
  border: none;
  outline: none;
  padding: 10px 12px;
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
}

.eq-addbal__methods {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.eq-addbal__method-btn {
  padding: 14px 16px;
  border: 2px solid #557cf2;
  border-radius: 12px;
  background: #557cf2;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.15s ease;
}
.eq-addbal__method-btn:hover {
  background: rgb(47.0983606557, 94.793442623, 239.1016393443);
}
.eq-addbal__method-btn--card {
  background: #fff;
  color: #557cf2;
}
.eq-addbal__method-btn--card:hover {
  background: rgba(85, 124, 242, 0.05);
}

.eq-addbal__error {
  margin-top: 12px;
  padding: 10px 14px;
  background: #fee2e2;
  color: #991b1b;
  border-radius: 8px;
  font-size: 0.85rem;
}
.eq-addbal__error i {
  margin-right: 4px;
}

.eq-addbal__done {
  text-align: center;
  padding: 30px 0;
}
.eq-addbal__done h3 {
  margin: 12px 0 6px;
}
.eq-addbal__done p {
  color: #6f7380;
  margin-bottom: 20px;
}

.eq-addbal__coupon {
  margin-bottom: 18px;
  padding-top: 4px;
}

.eq-coupon {
  padding: 0;
}

.eq-coupon__row {
  display: flex;
  align-items: center;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.eq-coupon__row:focus-within {
  border-color: #557cf2;
}

.eq-coupon__input {
  flex: 1;
  border: none;
  padding: 10px 14px;
  font-size: 0.875rem;
  color: #4e5159;
  background: transparent;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-width: 0;
}
.eq-coupon__input::placeholder {
  text-transform: none;
  letter-spacing: normal;
  color: #6f7380;
}

.eq-coupon__btn {
  border: none;
  border-left: 1px solid #e6e8f0;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #557cf2;
  background: #f8f9fc;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.eq-coupon__btn:hover {
  background: #eef0f5;
}
.eq-coupon__btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.eq-coupon__error {
  margin-top: 8px;
  font-size: 0.8rem;
  color: #dc2626;
}
.eq-coupon__error i {
  margin-right: 4px;
}

.eq-coupon__hint {
  margin-top: 10px;
  padding: 10px 12px;
  background: linear-gradient(135deg, rgba(85, 124, 242, 0.08), rgba(34, 197, 94, 0.06));
  border: 1px dashed rgba(85, 124, 242, 0.35);
  border-radius: 8px;
  font-size: 0.8rem;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  line-height: 1.4;
}
.eq-coupon__hint > i {
  color: #557cf2;
  font-size: 0.95rem;
}
.eq-coupon__hint strong {
  color: #16a34a;
  font-weight: 700;
}

.eq-coupon__hint-code {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  background: #557cf2;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 3px rgba(85, 124, 242, 0.35);
}
.eq-coupon__hint-code:hover {
  background: #4a6fd9;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(85, 124, 242, 0.45);
}
.eq-coupon__hint-code:active {
  transform: translateY(0);
}

.eq-coupon--applied {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ecfdf5;
  border: 1px solid #6ee7b7;
  border-radius: 8px;
  padding: 10px 14px;
}

.eq-coupon__info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.eq-coupon__badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #10b981;
  color: #fff;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.eq-coupon__badge i {
  font-size: 0.7rem;
}

.eq-coupon__desc {
  font-size: 0.82rem;
  color: #047857;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eq-coupon__result {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
}

.eq-coupon__discount {
  font-size: 0.9rem;
  font-weight: 700;
  color: #059669;
}

.eq-coupon__remove {
  border: none;
  background: none;
  color: #6b7280;
  cursor: pointer;
  padding: 2px;
  font-size: 0.85rem;
  line-height: 1;
  border-radius: 50%;
  transition: all 0.15s;
}
.eq-coupon__remove:hover {
  color: #dc2626;
  background: #fee2e2;
}

.eq-billing__pay-confirm h3 {
  font-size: 1.1rem;
  margin-bottom: 16px;
}
.eq-billing__pay-confirm h3 i {
  margin-right: 6px;
  color: #557cf2;
}

.eq-billing__pay-invoice {
  background: #f8f9fc;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 16px;
}

.eq-billing__pay-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  font-size: 0.875rem;
  color: #4e5159;
}
.eq-billing__pay-row--discount {
  color: #059669;
}
.eq-billing__pay-row--total {
  font-weight: 700;
  font-size: 1rem;
  border-top: 1px solid #e6e8f0;
  padding-top: 8px;
  margin-top: 4px;
}

.eq-billing__pay-coupon {
  margin-bottom: 16px;
}

.eq-billing__pay-totals {
  background: #f8f9fc;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 18px;
}

.eq-billing__pay-go {
  width: 100%;
  padding: 14px;
  font-size: 0.95rem;
}
.eq-billing__pay-go i {
  margin-right: 6px;
}

.eq-wpinstall-coupon {
  margin: 18px 0;
}

#js-addbal-portal > .eq-modal .eq-modal__dialog {
  min-width: 480px;
}

.eq-profile {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.eq-profile__header {
  margin-bottom: 28px;
}
.eq-profile__header h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #4e5159;
}
.eq-profile__header h2 i {
  margin-right: 8px;
  color: #557cf2;
}

.eq-profile__subtitle {
  font-size: 0.85rem;
  color: #6f7380;
  margin-top: 4px;
}

.eq-profile__section {
  margin-bottom: 24px;
}

.eq-profile__section-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-profile__section-title i {
  color: #557cf2;
}

.eq-profile__card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(31, 41, 55, 0.06);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.eq-profile__grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 700px) {
  .eq-profile__grid2 {
    grid-template-columns: 1fr;
  }
}

.eq-profile__grid-cep {
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 14px;
}
@media (max-width: 500px) {
  .eq-profile__grid-cep {
    grid-template-columns: 1fr;
  }
}

.eq-profile__grid-addr {
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 14px;
}
@media (max-width: 500px) {
  .eq-profile__grid-addr {
    grid-template-columns: 1fr;
  }
}

.eq-profile__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eq-profile__field label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6f7380;
}
.eq-profile__field input, .eq-profile__field select {
  padding: 9px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.88rem;
  color: #4e5159;
  outline: none;
  background: #fff;
  transition: border-color 0.15s ease;
}
.eq-profile__field input:focus, .eq-profile__field select:focus {
  border-color: #557cf2;
}
.eq-profile__field input::placeholder, .eq-profile__field select::placeholder {
  color: #c0c5d0;
}

.eq-profile__required {
  color: #ef4444;
}

.eq-profile__flag {
  width: 24px;
  height: 18px;
  border-radius: 2px;
  object-fit: cover;
  vertical-align: middle;
}

.eq-profile__phone-row {
  display: flex;
  gap: 8px;
}

.eq-profile__ddi-select {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 0 8px;
  background: #f8f9fc;
  min-width: 130px;
}
.eq-profile__ddi-select select {
  border: none;
  background: transparent;
  font-size: 0.82rem;
  color: #4e5159;
  outline: none;
  cursor: pointer;
  padding: 8px 0;
  flex: 1;
}

.eq-profile__phone-input {
  flex: 1;
}

.eq-profile__country-select {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 0 8px;
  background: #fff;
  transition: border-color 0.15s ease;
}
.eq-profile__country-select:focus-within {
  border-color: #557cf2;
}
.eq-profile__country-select select {
  border: none;
  background: transparent;
  font-size: 0.88rem;
  color: #4e5159;
  outline: none;
  cursor: pointer;
  padding: 9px 0;
  flex: 1;
}

.eq-profile__cep-row {
  display: flex;
  gap: 6px;
}
.eq-profile__cep-row input {
  flex: 1;
}

.eq-profile__cep-btn {
  width: 38px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  background: #f8f9fc;
  color: #6f7380;
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.15s ease;
}
.eq-profile__cep-btn:hover {
  color: #557cf2;
  border-color: #557cf2;
}

.eq-profile__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.eq-profile__save-btn {
  padding: 12px 28px;
  background: #557cf2;
  color: #fff;
  border: none;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: filter 0.15s ease;
}
.eq-profile__save-btn:hover {
  filter: brightness(0.92);
}
.eq-profile__save-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.eq-profile__save-status {
  font-size: 0.85rem;
}

.eq-shell:has(.eq-webmail) .eq-sidebar {
  display: none;
}
.eq-shell:has(.eq-webmail) .eq-main {
  grid-column: 1/-1;
  padding: 0;
  overflow: hidden;
}

.eq-shell:has(.eq-admin-layout) .eq-sidebar {
  display: none;
}
.eq-shell:has(.eq-admin-layout) .eq-main {
  grid-column: 1/-1;
  padding: 0;
  overflow: hidden;
}

.eq-shell:has(.eq-admin-sidebar:not(.eq-admin-sidebar--reseller)) .eq-topbar__balance-btn,
.eq-shell:has(.eq-admin-sidebar:not(.eq-admin-sidebar--reseller)) .eq-topbar__avatar {
  display: none;
}

@keyframes eq-auth-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.eq-auth {
  position: fixed;
  inset: 0;
  z-index: 1000;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
  backdrop-filter: blur(4px);
  padding: 20px;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  color: #f0f0f0;
  color-scheme: dark;
}
.eq-auth::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 140, 66, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 140, 66, 0.025) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}
.eq-auth__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(140px);
  pointer-events: none;
  z-index: 0;
}
.eq-auth__orb--one {
  width: 600px;
  height: 600px;
  background: rgba(255, 140, 66, 0.08);
  top: -200px;
  left: -200px;
}
.eq-auth__orb--two {
  width: 450px;
  height: 450px;
  background: rgba(255, 107, 43, 0.06);
  bottom: -100px;
  right: -150px;
}
.eq-auth__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #0a0a0a;
}
.eq-auth__card {
  position: relative;
  z-index: 1;
  background: #111111;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 48px 40px;
  width: 100%;
  max-width: 420px;
  margin: 20px;
  animation: eq-auth-fade-up 0.4s ease;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  font-family: "Poppins", sans-serif;
}
.eq-auth__logo {
  text-align: center;
  margin-bottom: 32px;
}
.eq-auth__logo-img {
  height: 52px;
  width: auto;
  margin-bottom: 16px;
  display: inline-block;
}
.eq-auth__logo-fallback {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f0f0f0;
  margin-bottom: 16px;
  display: inline-block;
}
.eq-auth__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #f0f0f0;
  margin: 0;
}
.eq-auth__title-accent {
  color: #ff8c42;
}
.eq-auth__subtitle {
  font-size: 0.8rem;
  color: #6b7280;
  margin: 8px 0 0 0;
  font-weight: 400;
}
.eq-auth__error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 0.8rem;
  color: #f87171;
  text-align: center;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.eq-auth__success {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 0.8rem;
  color: #4ade80;
  text-align: center;
  margin-top: 16px;
}
.eq-auth__form {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 16px;
}
.eq-auth__field {
  margin-bottom: 20px;
  display: block;
}
.eq-auth__field label {
  display: block;
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}
.eq-auth__field label i {
  font-size: 0.75rem;
  color: #6b7280;
  margin-right: 2px;
}
.eq-auth__field input {
  width: 100%;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 0.9rem;
  font-family: "Poppins", sans-serif;
  color: #f0f0f0;
  outline: none;
  transition: all 0.2s;
  box-sizing: border-box;
}
.eq-auth__field input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.eq-auth__field input:focus {
  border-color: rgba(255, 140, 66, 0.5);
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.1);
}
.eq-auth__field input:-webkit-autofill, .eq-auth__field input:-webkit-autofill:hover, .eq-auth__field input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f0f0f0 !important;
  -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset !important;
  caret-color: #f0f0f0;
}
.eq-auth__submit {
  width: 100%;
  background: #ff8c42;
  border: none;
  border-radius: 12px;
  padding: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.eq-auth__submit i {
  font-size: 0.9rem;
}
.eq-auth__submit:hover:not(:disabled) {
  background: #e6751f;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(255, 140, 66, 0.35);
}
.eq-auth__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.eq-auth__shield {
  margin-top: 16px;
  text-align: center;
  font-size: 0.7rem;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.eq-auth__shield i {
  font-size: 0.65rem;
  color: #6b7280;
}
.eq-auth__footer {
  text-align: center;
  margin-top: 16px;
  font-size: 0.78rem;
  color: #6b7280;
}
.eq-auth__footer a {
  color: #ff8c42;
  font-weight: 500;
  text-decoration: none;
}
.eq-auth__footer a:hover {
  text-decoration: underline;
  color: #e6751f;
}
.eq-auth__footer--webmail {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.eq-auth__footer--webmail a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
}
.eq-auth__footer--webmail a:hover {
  color: #ff8c42;
}
.eq-auth__logo-mail {
  font-size: 1.6rem;
  color: #ff8c42;
}

.eq-topbar__logout-btn {
  background: none;
  border: none;
  color: #6f7380;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  transition: color 0.15s, background 0.15s;
}
.eq-topbar__logout-btn:hover {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.08);
}

.eq-topbar__theme-btn {
  background: none;
  border: none;
  color: #6f7380;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  transition: color 0.15s, background 0.15s, transform 0.2s;
}
.eq-topbar__theme-btn:hover {
  color: #557cf2;
  background: rgba(85, 124, 242, 0.08);
  transform: rotate(12deg);
}

.eq-maintenance-banner {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: linear-gradient(90deg, #f59e0b, #f97316);
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}
.eq-maintenance-banner[hidden] {
  display: none;
}
.eq-maintenance-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  max-width: 1200px;
  margin: 0 auto;
}
.eq-maintenance-banner__inner i {
  font-size: 1.1rem;
}

.eq-impersonation-banner {
  position: sticky;
  top: 0;
  z-index: 9998;
  background: linear-gradient(90deg, #7c3aed, #a855f7);
  color: #fff;
  padding: 8px 20px;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.3);
}
.eq-impersonation-banner[hidden] {
  display: none;
}
.eq-impersonation-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 0.85rem;
  font-weight: 500;
  max-width: 1200px;
  margin: 0 auto;
}
.eq-impersonation-banner__inner i {
  font-size: 1rem;
}
.eq-impersonation-banner__inner button {
  background: #fff;
  color: #7c3aed;
  border: 0;
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
}
.eq-impersonation-banner__inner button:hover {
  background: #f3f4f6;
}

.eq-dns__header {
  margin-bottom: 16px;
}
.eq-dns__header h3 {
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-dns__error {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.85rem;
  margin-bottom: 12px;
}
.eq-dns__add {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 12px;
  background: #f4f6fb;
  border-radius: 8px;
  border: 1px solid #e6e8f0;
}
.eq-dns__input {
  padding: 7px 10px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  font-family: inherit;
}
.eq-dns__input:focus {
  outline: none;
  border-color: #557cf2;
}
.eq-dns__input--sm {
  width: 80px;
}
.eq-dns__input--wide {
  flex: 1;
  min-width: 180px;
}
.eq-dns__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.eq-dns__table th {
  text-align: left;
  padding: 8px 10px;
  font-weight: 600;
  color: #6f7380;
  border-bottom: 2px solid #e6e8f0;
  font-size: 0.78rem;
  text-transform: uppercase;
}
.eq-dns__table td {
  padding: 8px 10px;
  border-bottom: 1px solid #e6e8f0;
  vertical-align: middle;
}
.eq-dns__row:hover {
  background: rgba(85, 124, 242, 0.03);
}
.eq-dns__row--editing td {
  background: #fffbeb;
}
.eq-dns__value {
  word-break: break-all;
  max-width: 300px;
  font-family: monospace;
  font-size: 0.82rem;
}
.eq-dns__actions {
  white-space: nowrap;
  text-align: right;
}
.eq-dns__empty {
  text-align: center;
  color: #6f7380;
  padding: 24px;
}
.eq-dns__type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
}
.eq-dns__type-badge--mx {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}
.eq-dns__type-badge--txt {
  background: rgba(16, 185, 129, 0.1);
  color: #047857;
}
.eq-dns__type-badge--cname {
  background: rgba(139, 92, 246, 0.1);
  color: #6d28d9;
}
.eq-dns__type-badge--aaaa {
  background: rgba(6, 182, 212, 0.1);
  color: #0891b2;
}
.eq-dns__type-badge--ns {
  background: rgba(107, 114, 128, 0.1);
  color: #4b5563;
}
.eq-dns__sync-cell {
  width: 48px;
  text-align: center;
}
.eq-dns__sync-head {
  width: 48px;
  text-align: center;
}

.eq-dns-ns {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: rgba(85, 124, 242, 0.05);
  border: 1px solid rgba(85, 124, 242, 0.18);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 18px;
}
.eq-dns-ns--pending {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.25);
}
.eq-dns-ns--error {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.28);
}
.eq-dns-ns__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(85, 124, 242, 0.12);
  color: #557cf2;
  font-size: 1.05rem;
}
.eq-dns-ns--pending .eq-dns-ns__icon {
  background: rgba(245, 158, 11, 0.15);
  color: #b45309;
}
.eq-dns-ns--error .eq-dns-ns__icon {
  background: rgba(239, 68, 68, 0.16);
  color: #b91c1c;
}
.eq-dns-ns__body {
  flex: 1;
  min-width: 0;
}
.eq-dns-ns__title {
  font-weight: 600;
  font-size: 0.92rem;
  margin-bottom: 4px;
}
.eq-dns-ns__desc {
  font-size: 0.82rem;
  color: #6f7380;
  margin-bottom: 10px;
  line-height: 1.5;
}
.eq-dns-ns__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.eq-dns-ns__item {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: 0.82rem;
  color: #4e5159;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.eq-dns-sync {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 0.82rem;
}
.eq-dns-sync--ok {
  background: rgba(16, 185, 129, 0.14);
  color: #047857;
}
.eq-dns-sync--err {
  background: rgba(239, 68, 68, 0.14);
  color: #dc2626;
}
.eq-dns-sync--pending {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}
.eq-dns-sync--pending i {
  animation: eq-dns-spin 1.6s linear infinite;
}
.eq-dns-sync--offline {
  background: rgba(156, 163, 175, 0.14);
  color: #6b7280;
  font-size: 0.7rem;
}

@keyframes eq-dns-spin {
  to {
    transform: rotate(360deg);
  }
}
.eq-emails__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.eq-emails__header h3 {
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-emails__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eq-email__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  transition: border-color 0.15s;
}
.eq-email__card:hover {
  border-color: #557cf2;
}

.eq-email__address {
  font-weight: 600;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 6px;
}

.eq-email__meta {
  display: flex;
  gap: 12px;
  font-size: 0.78rem;
  color: #6f7380;
  margin-top: 4px;
  align-items: center;
}

.eq-email__status {
  padding: 1px 6px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 0.72rem;
  text-transform: uppercase;
}
.eq-email__status--active {
  background: rgba(16, 185, 129, 0.1);
  color: #047857;
}
.eq-email__status--disabled {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

.eq-email__plan-badge {
  padding: 1px 6px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.68rem;
  background: rgba(85, 124, 242, 0.1);
  color: #557cf2;
}
.eq-email__plan-badge--free {
  background: rgba(16, 185, 129, 0.1);
  color: #047857;
}

.eq-email__bar {
  height: 4px;
  background: #e6e8f0;
  border-radius: 2px;
  margin-top: 6px;
}

.eq-email__bar-fill {
  height: 100%;
  background: #557cf2;
  border-radius: 2px;
  transition: width 0.3s;
}

.eq-emails__webmail-hint {
  margin-top: 14px;
  padding: 10px 14px;
  background: rgba(85, 124, 242, 0.04);
  border: 1px solid rgba(85, 124, 242, 0.12);
  border-radius: 8px;
  font-size: 0.82rem;
  color: #6f7380;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-emails__webmail-hint a {
  color: #557cf2;
  font-weight: 500;
}
.eq-emails__webmail-hint code {
  background: rgba(0, 0, 0, 0.04);
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.82em;
}

.eq-newmail__overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}

.eq-newmail__modal {
  background: #fff;
  border-radius: 12px;
  width: 620px;
  max-width: 95vw;
  max-height: 92vh;
  overflow-y: auto;
  padding: 28px 32px 24px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.eq-newmail__modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.eq-newmail__modal-header h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
}

.eq-newmail__close {
  background: none;
  border: none;
  color: #6f7380;
  cursor: pointer;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 8px;
}
.eq-newmail__close:hover {
  background: #f4f6fb;
  color: #4e5159;
}
.eq-newmail__close small {
  font-size: 0.7rem;
  color: #bbb;
}

.eq-newmail__subtitle {
  font-size: 0.88rem;
  color: #6f7380;
  margin-bottom: 16px;
}

.eq-newmail__plans {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.eq-newmail__plan-card {
  flex: 1;
  min-width: 90px;
  padding: 14px 10px;
  text-align: center;
  cursor: pointer;
  border: 2px solid #e6e8f0;
  border-radius: 12px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.eq-newmail__plan-card:hover {
  border-color: rgba(85, 124, 242, 0.4);
}
.eq-newmail__plan-card--selected {
  border-color: #557cf2;
  box-shadow: 0 0 0 1px #557cf2;
}

.eq-newmail__plan-quota {
  font-size: 1.1rem;
  font-weight: 700;
  color: #4e5159;
}
.eq-newmail__plan-card--selected .eq-newmail__plan-quota {
  color: #557cf2;
}

.eq-newmail__plan-sub {
  font-size: 0.75rem;
  color: #6f7380;
  margin-bottom: 6px;
}

.eq-newmail__plan-price {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  background: #557cf2;
  color: #fff;
}
.eq-newmail__plan-price--free {
  background: #10b981;
}

.eq-newmail__plan-limit {
  font-size: 0.72rem;
  color: #6f7380;
  margin-top: 4px;
}

.eq-newmail__warning {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.82rem;
  color: #92400e;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-newmail__warning i {
  color: #f59e0b;
}
.eq-newmail__warning strong {
  text-decoration: underline;
}

.eq-newmail__features {
  margin-bottom: 18px;
  padding: 12px 14px;
  border-top: 1px solid #e6e8f0;
}

.eq-newmail__features-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  color: #6f7380;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.eq-newmail__features-list {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 0.82rem;
}
.eq-newmail__features-list span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.eq-newmail__feat--on {
  color: #10b981;
  font-size: 0.9rem;
}

.eq-newmail__feat--off {
  color: #ef4444;
  font-size: 0.9rem;
}

.eq-newmail__form {
  margin-bottom: 16px;
}

.eq-newmail__field {
  margin-bottom: 14px;
}
.eq-newmail__field label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 4px;
  color: #4e5159;
}
.eq-newmail__field input {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.88rem;
  outline: none;
  transition: border-color 0.15s;
}
.eq-newmail__field input::placeholder {
  color: #ccc;
}
.eq-newmail__field input:focus {
  border-color: #557cf2;
}

.eq-newmail__user-row {
  display: flex;
  align-items: center;
}
.eq-newmail__user-row input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.eq-newmail__domain {
  padding: 9px 14px;
  background: #f4f6fb;
  border: 1px solid #e6e8f0;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  font-size: 0.85rem;
  color: #6f7380;
  font-weight: 500;
  white-space: nowrap;
}

.eq-newmail__pass-row {
  display: flex;
  align-items: center;
}
.eq-newmail__pass-row input {
  flex: 1;
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.eq-newmail__pass-btn {
  padding: 9px 12px;
  border: 1px solid #e6e8f0;
  border-left: 0;
  background: #f4f6fb;
  cursor: pointer;
  color: #6f7380;
  font-size: 0.9rem;
}
.eq-newmail__pass-btn:last-child {
  border-radius: 0 8px 8px 0;
}
.eq-newmail__pass-btn:hover {
  color: #557cf2;
  background: #f0f4ff;
}

.eq-newmail__submit {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: #10b981;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
.eq-newmail__submit:hover {
  background: #059669;
}
.eq-newmail__submit--paid {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.eq-newmail__submit--paid i {
  color: #fbbf24;
}
.eq-newmail__submit--paid span {
  font-weight: 400;
  font-size: 0.82rem;
  opacity: 0.9;
}
.eq-newmail__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.eq-newmail__error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 0.82rem;
  color: #dc2626;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.eq-backups__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.eq-backups__header h3 {
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-backups__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eq-backup__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
}

.eq-backup__info {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.85rem;
}

.eq-backup__status {
  font-weight: 500;
}

.eq-backup__date {
  color: #6f7380;
  font-size: 0.8rem;
}

.eq-backup__size {
  color: #6f7380;
  font-size: 0.8rem;
}

.eq-backup__type {
  color: #6f7380;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.text-success {
  color: #10b981;
}

.text-danger {
  color: #ef4444;
}

.eq-tickets {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
}
.eq-tickets__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.eq-tickets__header h2 {
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.eq-tickets__create {
  margin-bottom: 24px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
}
.eq-tickets__create h3 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 12px;
}
.eq-tickets__create-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eq-tickets__create-form textarea {
  min-height: 100px;
  resize: vertical;
  padding: 10px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.85rem;
}
.eq-tickets__create-form textarea:focus {
  outline: none;
  border-color: #557cf2;
}
.eq-tickets__list h3 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 12px;
}

.eq-ticket__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: border-color 0.15s;
}
.eq-ticket__row:hover {
  border-color: #557cf2;
}

.eq-ticket__row-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.eq-ticket__row-id {
  font-weight: 600;
  color: #6f7380;
  font-size: 0.82rem;
}

.eq-ticket__row-subject {
  font-weight: 500;
}

.eq-ticket__row-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.8rem;
  color: #6f7380;
}

.eq-ticket__row-date {
  font-size: 0.78rem;
}

.eq-ticket__status {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}
.eq-ticket__status--open {
  background: rgba(59, 130, 246, 0.12);
  color: #1e40af;
}
.eq-ticket__status--answered {
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}
.eq-ticket__status--waiting {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
}
.eq-ticket__status--closed {
  background: rgba(107, 114, 128, 0.12);
  color: #4b5563;
}

.eq-ticket__messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

.eq-ticket__msg {
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
}
.eq-ticket__msg--staff {
  background: rgba(85, 124, 242, 0.04);
  border-color: rgba(85, 124, 242, 0.15);
}

.eq-ticket__msg-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  font-size: 0.82rem;
  color: #6f7380;
}
.eq-ticket__msg-header strong {
  color: #4e5159;
}

.eq-ticket__msg-body {
  font-size: 0.9rem;
  line-height: 1.5;
}

.eq-ticket__reply {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eq-ticket__reply textarea {
  min-height: 80px;
  resize: vertical;
  padding: 10px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.85rem;
}
.eq-ticket__reply textarea:focus {
  outline: none;
  border-color: #557cf2;
}

.eq-tickets--admin {
  max-width: none;
  padding: 0;
}

.eq-tickets__filters {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.eq-tickets__filter {
  background: #fff;
  border: 1px solid #e6e8f0;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  cursor: pointer;
  transition: all 0.15s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eq-tickets__filter:hover {
  border-color: #557cf2;
}
.eq-tickets__filter.is-active {
  background: #557cf2;
  color: #fff;
  border-color: #557cf2;
}

.eq-tickets__filter-count {
  background: rgba(0, 0, 0, 0.08);
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
}
.eq-tickets__filter.is-active .eq-tickets__filter-count {
  background: rgba(255, 255, 255, 0.24);
  color: #fff;
}

.eq-ticket__priority {
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}
.eq-ticket__priority--low {
  background: rgba(107, 114, 128, 0.1);
  color: #4b5563;
}
.eq-ticket__priority--normal {
  background: rgba(59, 130, 246, 0.08);
  color: #2563eb;
}
.eq-ticket__priority--high {
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}
.eq-ticket__priority--urgent {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.eq-ticket__row-user {
  font-size: 0.78rem;
  color: #6f7380;
  margin-left: 12px;
}

.eq-ticket__user-info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 0.85rem;
}
.eq-ticket__user-info i {
  font-size: 1.2rem;
  color: #6f7380;
}
.eq-ticket__user-info .eq-ticket__date {
  margin-left: auto;
  font-size: 0.78rem;
  color: #6f7380;
}

.eq-ticket__actions-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  margin-bottom: 16px;
}
.eq-ticket__actions-bar label {
  margin: 0 8px 0 0;
  font-size: 0.85rem;
  color: #6f7380;
  font-weight: 500;
}

.eq-ticket__staff-badge {
  background: #557cf2;
  color: #fff;
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 700;
  margin-left: 6px;
}

.eq-kb {
  padding: 24px;
  width: 100%;
  box-sizing: border-box;
}
.eq-kb__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.eq-kb__header h1 {
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.eq-kb__breadcrumb {
  color: #6f7380;
  font-size: 0.85rem;
}
.eq-kb__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.eq-kb__empty {
  padding: 40px;
  text-align: center;
  color: #6f7380;
}
.eq-kb__empty i {
  font-size: 2rem;
  display: block;
  margin-bottom: 10px;
}
.eq-kb__search-bar {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 10px 14px;
}
.eq-kb__search-bar i {
  color: #6f7380;
  font-size: 1.1rem;
}
.eq-kb__search-bar input {
  flex: 1;
  border: 0;
  outline: 0;
  font-size: 0.95rem;
  background: transparent;
}
.eq-kb__categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 28px;
}
.eq-kb__cat-card {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 18px;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s;
}
.eq-kb__cat-card i {
  font-size: 1.6rem;
  color: #557cf2;
  display: block;
  margin-bottom: 8px;
}
.eq-kb__cat-card:hover {
  border-color: #557cf2;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.eq-kb__cat-card.is-active {
  border-color: #557cf2;
  background: rgba(85, 124, 242, 0.04);
}
.eq-kb__cat-name {
  font-weight: 600;
  font-size: 0.95rem;
}
.eq-kb__cat-count {
  font-size: 0.78rem;
  color: #6f7380;
  margin-top: 4px;
}
.eq-kb__articles-section h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 14px;
}
.eq-kb__articles-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.eq-kb__art-item {
  display: block;
  background: #fff;
  border: 1px solid #e6e8f0;
  padding: 18px 22px;
  border-radius: 8px;
  text-decoration: none;
  color: #4e5159;
  transition: all 0.15s;
}
.eq-kb__art-item:hover {
  border-color: #557cf2;
  text-decoration: none;
}
.eq-kb__art-title {
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
}
.eq-kb__art-excerpt {
  font-size: 0.85rem;
  color: #6f7380;
  margin-top: 6px;
  line-height: 1.5;
}
.eq-kb__art-meta {
  font-size: 0.78rem;
  color: #6f7380;
  margin-top: 8px;
}
.eq-kb__article {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 32px;
}
.eq-kb__article h1 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.eq-kb__meta {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  color: #6f7380;
  font-size: 0.82rem;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e8f0;
  margin-bottom: 24px;
}
.eq-kb__content {
  font-size: 0.95rem;
  line-height: 1.65;
}
.eq-kb__content h1, .eq-kb__content h2, .eq-kb__content h3 {
  margin: 24px 0 10px;
  font-weight: 600;
}
.eq-kb__content h2 {
  font-size: 1.25rem;
}
.eq-kb__content h3 {
  font-size: 1.05rem;
}
.eq-kb__content p {
  margin-bottom: 14px;
}
.eq-kb__content ul, .eq-kb__content ol {
  margin: 0 0 14px 22px;
}
.eq-kb__content code {
  background: #f3f4f6;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.85rem;
}
.eq-kb__content a {
  color: #557cf2;
}
.eq-kb__code {
  background: #1f2937;
  color: #f3f4f6;
  padding: 14px;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.85rem;
}
.eq-kb__code code {
  background: transparent;
  padding: 0;
  color: inherit;
}
.eq-kb__feedback {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #e6e8f0;
}
.eq-kb__feedback p {
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #6f7380;
}
.eq-kb__feedback button {
  margin-right: 8px;
}
.eq-kb__feedback-thanks {
  color: #047857;
  font-weight: 500;
}
.eq-kb__feedback-thanks i {
  margin-right: 6px;
}

.eq-admin-kb__section {
  margin-bottom: 32px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 20px;
}
.eq-admin-kb__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.eq-admin-kb__section-header h3 {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.eq-tab-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: #6f7380;
}

.eq-btn-primary--sm {
  padding: 6px 14px;
  font-size: 0.82rem;
}

.eq-audit h3 {
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.eq-audit__subtitle {
  color: #6f7380;
  font-size: 0.82rem;
  margin-bottom: 16px;
}
.eq-audit__date {
  font-size: 0.78rem;
  color: #6f7380;
  white-space: nowrap;
}
.eq-audit__action {
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(85, 124, 242, 0.08);
  color: #557cf2;
}
.eq-audit__details {
  font-family: monospace;
  font-size: 0.75rem;
  color: #6f7380;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eq-audit__ip {
  font-family: monospace;
  font-size: 0.78rem;
  color: #6f7380;
}

.eq-redirects__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}
.eq-redirects__header h3 {
  font-size: 1.05rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px 0;
}
.eq-redirects__sub {
  color: #6f7380;
  font-size: 0.82rem;
  margin: 0;
}
.eq-redirects__sub code {
  background: #f1f5f9;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.78rem;
}
.eq-redirects__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.eq-redirect-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  transition: border-color 0.15s;
}
.eq-redirect-row:hover {
  border-color: rgba(85, 124, 242, 0.4);
}
.eq-redirect-row.is-disabled {
  opacity: 0.55;
}
.eq-redirect-row--editing {
  background: rgba(85, 124, 242, 0.04);
  border-color: rgba(85, 124, 242, 0.4);
  padding: 16px;
}
.eq-redirect-row__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-redirect-row__path {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 0.88rem;
}
.eq-redirect-row__source, .eq-redirect-row__target {
  background: #f1f5f9;
  padding: 3px 8px;
  border-radius: 4px;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.82rem;
  color: #4e5159;
  word-break: break-all;
}
.eq-redirect-row__source {
  background: #fef3c7;
  color: #92400e;
}
.eq-redirect-row__target {
  background: #d1fae5;
  color: #065f46;
}
.eq-redirect-row__arrow {
  color: #6f7380;
  font-size: 0.85rem;
}
.eq-redirect-row__desc {
  color: #6f7380;
  font-size: 0.8rem;
}
.eq-redirect-row__badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.eq-redirect-row__badges .eq-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.eq-redirect-row__actions {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

.eq-redirect-form {
  background: #fff;
  border: 1px solid #e6e8f0;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 18px;
}
.eq-redirect-form h4 {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 14px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4e5159;
}
.eq-redirect-form h4 i {
  color: #557cf2;
}
.eq-redirect-form__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 130px;
  grid-template-areas: "source source target" "type   desc   desc" "check  check  check";
}
.eq-redirect-form__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.eq-redirect-form__field--source {
  grid-area: source;
}
.eq-redirect-form__field--target {
  grid-area: target;
}
.eq-redirect-form__field--type {
  grid-area: type;
}
.eq-redirect-form__field--desc {
  grid-area: desc;
}
.eq-redirect-form__field label {
  font-size: 0.78rem;
  font-weight: 600;
  color: #4e5159;
}
.eq-redirect-form__field input, .eq-redirect-form__field select {
  padding: 8px 10px;
  border: 1px solid #e6e8f0;
  border-radius: 8px;
  font-size: 0.86rem;
  font-family: inherit;
  background: #fff;
}
.eq-redirect-form__field input:focus, .eq-redirect-form__field select:focus {
  outline: none;
  border-color: #557cf2;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.1);
}
.eq-redirect-form__field small {
  color: #6f7380;
  font-size: 0.74rem;
}
.eq-redirect-form__field small code {
  background: #f1f5f9;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 0.72rem;
}
.eq-redirect-form__check {
  grid-area: check;
  padding-top: 4px;
}
.eq-redirect-form__check label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.83rem;
  color: #4e5159;
  cursor: pointer;
}
.eq-redirect-form__check label code {
  background: #f1f5f9;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.78rem;
}
.eq-redirect-form__actions {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6e8f0;
}

.eq-redirect-edit {
  display: block;
  width: 100%;
}

.eq-redirect-empty {
  text-align: center;
  padding: 40px 20px;
  color: #6f7380;
  background: #fff;
  border: 1px dashed #e6e8f0;
  border-radius: 12px;
}
.eq-redirect-empty i {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
  opacity: 0.4;
}
.eq-redirect-empty p {
  margin: 0 0 4px 0;
  font-weight: 500;
  color: #4e5159;
}
.eq-redirect-empty small {
  font-size: 0.82rem;
}

@media (max-width: 720px) {
  .eq-redirect-form__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "source" "target" "type" "desc" "check";
  }
  .eq-redirect-row {
    flex-direction: column;
    align-items: stretch;
  }
  .eq-redirect-row__actions {
    justify-content: flex-end;
  }
}
.eq-wizard {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.eq-wizard__overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
}
.eq-wizard__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  padding: 32px;
  animation: eq-wizard-in 0.3s ease;
}
.eq-wizard__close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: transparent;
  border: none;
  padding: 6px;
  color: #6f7380;
  cursor: pointer;
  font-size: 1.1rem;
  border-radius: 8px;
}
.eq-wizard__close:hover {
  background: #f3f4f6;
  color: #4e5159;
}
.eq-wizard__stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding: 0 12px;
}
.eq-wizard__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.eq-wizard__step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e7eb;
  color: #6b7280;
  font-weight: 700;
  font-size: 0.9rem;
  transition: all 0.2s;
}
.eq-wizard__step-label {
  margin-top: 6px;
  font-size: 0.74rem;
  color: #6f7380;
  font-weight: 500;
}
.eq-wizard__step-sep {
  flex: 1;
  height: 2px;
  background: #e5e7eb;
  margin: 16px 4px 0 4px;
  border-radius: 2px;
}
.eq-wizard__step.is-done .eq-wizard__step-num {
  background: #10b981;
  color: #fff;
}
.eq-wizard__step.is-active .eq-wizard__step-num {
  background: #557cf2;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(85, 124, 242, 0.18);
}
.eq-wizard__step.is-active .eq-wizard__step-label {
  color: #557cf2;
  font-weight: 600;
}
.eq-wizard__hero {
  text-align: center;
}
.eq-wizard__hero-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #557cf2, rgb(156.0655737705, 178.762295082, 247.4344262295));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
}
.eq-wizard__hero h2 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 10px;
  color: #4e5159;
}
.eq-wizard__hero > p {
  color: #6f7380;
  font-size: 0.95rem;
  margin-bottom: 24px;
}
.eq-wizard__benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  text-align: left;
  display: inline-block;
}
.eq-wizard__benefits li {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4e5159;
  font-size: 0.92rem;
}
.eq-wizard__benefits li i {
  color: #10b981;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.eq-wizard__step-content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0 0 10px;
  color: #4e5159;
  display: flex;
  align-items: center;
  gap: 10px;
}
.eq-wizard__step-content h3 i {
  color: #557cf2;
}
.eq-wizard__step-content > p {
  color: #6f7380;
  font-size: 0.92rem;
  margin-bottom: 18px;
  line-height: 1.5;
}
.eq-wizard__step-content > p code {
  background: #f1f5f9;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85rem;
  color: #4e5159;
}
.eq-wizard__info-card {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  margin: 14px 0;
  background: #eff6ff;
  border-left: 3px solid #3b82f6;
  border-radius: 8px;
}
.eq-wizard__info-card > i {
  color: #3b82f6;
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.eq-wizard__info-card strong {
  display: block;
  color: #4e5159;
  font-size: 0.92rem;
  margin-bottom: 3px;
}
.eq-wizard__info-card p {
  color: #6f7380;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.45;
}
.eq-wizard__info-card--success {
  background: #f0fdf4;
  border-left-color: #10b981;
}
.eq-wizard__info-card--success > i {
  color: #10b981;
}
.eq-wizard__success {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin: 14px 0;
  background: #d1fae5;
  color: #065f46;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
}
.eq-wizard__success i {
  font-size: 1.2rem;
}
.eq-wizard__dns-help {
  background: #f9fafb;
  padding: 16px;
  border-radius: 8px;
  margin: 14px 0;
}
.eq-wizard__dns-help h4 {
  font-size: 0.92rem;
  font-weight: 600;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4e5159;
}
.eq-wizard__dns-help ol {
  padding-left: 22px;
  margin: 0;
}
.eq-wizard__dns-help ol li {
  padding: 4px 0;
  color: #4e5159;
  font-size: 0.88rem;
  line-height: 1.5;
}
.eq-wizard__dns-help ol li strong {
  color: #557cf2;
}
.eq-wizard__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e6e8f0;
}
.eq-wizard__actions .eq-btn-primary, .eq-wizard__actions .eq-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eq-wizard__actions .eq-btn-ghost:last-child {
  margin-left: auto;
}

@keyframes eq-wizard-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@media (max-width: 640px) {
  .eq-wizard {
    padding: 12px;
  }
  .eq-wizard__dialog {
    padding: 22px;
  }
  .eq-wizard__stepper {
    padding: 0;
  }
  .eq-wizard__step-label {
    display: none;
  }
  .eq-wizard__step-sep {
    margin-top: 16px;
  }
  .eq-wizard__hero h2 {
    font-size: 1.3rem;
  }
  .eq-wizard__actions {
    flex-direction: column;
  }
  .eq-wizard__actions .eq-btn-primary, .eq-wizard__actions .eq-btn-ghost {
    width: 100%;
    justify-content: center;
  }
  .eq-wizard__actions .eq-btn-primary:last-child, .eq-wizard__actions .eq-btn-ghost:last-child {
    margin-left: 0;
  }
}
.eq-apitokens__loading, .eq-apitokens__empty {
  text-align: center;
  padding: 24px;
  color: #6f7380;
}
.eq-apitokens__empty {
  background: #f8fafc;
  border: 1px dashed #e2e8f0;
  border-radius: 8px;
}
.eq-apitokens__empty p {
  margin: 6px 0;
  font-size: 0.9rem;
}
.eq-apitokens__empty-hint {
  color: #94a3b8;
  font-size: 0.8rem;
}
.eq-apitokens__error {
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: #991b1b;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
  margin: 8px 0;
}
.eq-apitokens__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
  font-size: 0.85rem;
}
.eq-apitokens__table th, .eq-apitokens__table td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #f1f5f9;
}
.eq-apitokens__table th {
  background: #f8fafc;
  color: #475569;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eq-apitokens__table tr:last-child td {
  border-bottom: 0;
}
.eq-apitokens__table code {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size: 0.8rem;
  background: #f1f5f9;
  padding: 2px 6px;
  border-radius: 4px;
  color: #334155;
}
.eq-apitokens__scope {
  display: inline-block;
  background: #e0e7ff;
  color: #3730a3;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  margin: 0 4px 4px 0;
}
.eq-apitokens__ip {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-top: 2px;
}
.eq-apitokens__actions {
  text-align: right;
  white-space: nowrap;
}
.eq-apitokens__form-details {
  margin-top: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.eq-apitokens__form-details > summary {
  padding: 12px 14px;
  cursor: pointer;
  font-weight: 600;
  color: #334155;
  list-style: none;
}
.eq-apitokens__form-details > summary::-webkit-details-marker {
  display: none;
}
.eq-apitokens__form-details > summary i {
  color: #557cf2;
  margin-right: 6px;
}
.eq-apitokens__form-details[open] > summary {
  border-bottom: 1px solid #e2e8f0;
}
.eq-apitokens__form {
  padding: 16px;
}
.eq-apitokens__form-row {
  margin-bottom: 16px;
}
.eq-apitokens__form-row label {
  display: block;
  font-weight: 600;
  font-size: 0.82rem;
  color: #475569;
  margin-bottom: 6px;
}
.eq-apitokens__form-row input[type=text], .eq-apitokens__form-row input[type=number] {
  width: 100%;
  max-width: 460px;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.9rem;
}
.eq-apitokens__form-row input[type=text]:focus, .eq-apitokens__form-row input[type=number]:focus {
  border-color: #557cf2;
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-apitokens__form-actions {
  text-align: right;
}
.eq-apitokens__scopes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 8px;
}
.eq-apitokens__scope-opt {
  display: flex;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
.eq-apitokens__scope-opt input {
  margin-top: 3px;
  flex-shrink: 0;
}
.eq-apitokens__scope-opt strong {
  font-size: 0.82rem;
  color: #1e293b;
}
.eq-apitokens__scope-opt code {
  background: #f1f5f9;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.7rem;
  color: #475569;
  margin-left: 4px;
}
.eq-apitokens__scope-opt:hover {
  border-color: #557cf2;
  background: #fafbfd;
}
.eq-apitokens__scope-opt input:checked + div { /* no extra style needed */ }
.eq-apitokens__scope-desc {
  font-size: 0.72rem;
  color: #6f7380;
  margin-top: 2px;
}
.eq-apitokens__hint {
  font-size: 0.75rem;
  color: #6f7380;
  margin-top: 6px;
}
.eq-apitokens__hint code {
  background: #f1f5f9;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.7rem;
}
.eq-apitokens__docs {
  margin-top: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.eq-apitokens__docs > summary {
  padding: 12px 14px;
  cursor: pointer;
  font-weight: 600;
  color: #334155;
  list-style: none;
}
.eq-apitokens__docs > summary::-webkit-details-marker {
  display: none;
}
.eq-apitokens__docs > summary i {
  color: #557cf2;
  margin-right: 6px;
}
.eq-apitokens__docs-body {
  padding: 0 16px 16px;
  font-size: 0.85rem;
  color: #475569;
}
.eq-apitokens__docs-body ul {
  padding-left: 20px;
  margin: 8px 0;
}
.eq-apitokens__docs-body li {
  margin: 4px 0;
}
.eq-apitokens__docs-body code {
  background: #fff;
  border: 1px solid #e2e8f0;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 0.78rem;
  color: #334155;
}
.eq-apitokens__pre {
  background: #1e293b;
  color: #e2e8f0;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  line-height: 1.5;
  overflow-x: auto;
  margin-top: 8px;
}
.eq-apitokens__token-display {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.eq-apitokens__token-display input {
  flex: 1;
  padding: 10px 12px;
  border: 2px solid #557cf2;
  border-radius: 8px;
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size: 0.85rem;
  background: #fafbfd;
  color: #1e293b;
}
.eq-apitokens__token-display button {
  white-space: nowrap;
}
.eq-apitokens__token-meta {
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 14px;
  font-size: 0.82rem;
  color: #475569;
}
.eq-apitokens__token-meta div {
  margin: 3px 0;
}
.eq-apitokens__warn {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.82rem;
}
.eq-apitokens__warn i {
  margin-right: 6px;
}

.eq-modal--shown {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.eq-btn-primary--danger {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
}
.eq-btn-primary--danger:hover:not(:disabled) {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}
.eq-btn-primary--danger:disabled {
  opacity: 0.6;
}

.eq-lgpd__loading, .eq-lgpd__audit-loading {
  text-align: center;
  padding: 16px;
  color: #6f7380;
}
.eq-lgpd__error {
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: #991b1b;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.85rem;
}
.eq-lgpd__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.eq-lgpd__card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.eq-lgpd__card h4 {
  font-size: 0.95rem;
  margin: 4px 0 0;
  color: #1e293b;
  font-weight: 600;
}
.eq-lgpd__card p {
  font-size: 0.82rem;
  color: #6f7380;
  margin: 0 0 8px;
  flex: 1;
}
.eq-lgpd__card .eq-btn-primary, .eq-lgpd__card .eq-btn-ghost {
  margin-top: auto;
}
.eq-lgpd__card-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 1.1rem;
}
.eq-lgpd__card-icon--blue {
  background: #dbeafe;
  color: #1d4ed8;
}
.eq-lgpd__card-icon--green {
  background: #d1fae5;
  color: #047857;
}
.eq-lgpd__card-icon--red {
  background: #fee2e2;
  color: #b91c1c;
}
.eq-lgpd__deletion-pending {
  margin-top: 16px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  padding: 16px;
}
.eq-lgpd__deletion-pending p {
  margin: 8px 0 12px;
  font-size: 0.85rem;
  color: #78350f;
}
.eq-lgpd__deletion-pending .eq-btn-primary {
  background: #dc2626;
  border-color: #dc2626;
}
.eq-lgpd__deletion-pending .eq-btn-primary:hover:not(:disabled) {
  background: #b91c1c;
  border-color: #b91c1c;
}
.eq-lgpd__deletion-pending-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #92400e;
}
.eq-lgpd__deletion-pending-head > i {
  font-size: 1.4rem;
  margin-top: 2px;
}
.eq-lgpd__deletion-pending-head strong {
  font-size: 0.95rem;
  color: #78350f;
}
.eq-lgpd__deletion-when {
  font-size: 0.8rem;
  color: #78350f;
  margin-top: 2px;
}
.eq-lgpd__deletion-when strong {
  font-weight: 700;
}
.eq-lgpd__consents-wrap h4 {
  font-size: 0.95rem;
  color: #1e293b;
  font-weight: 600;
}
.eq-lgpd__consents-wrap h4 i {
  color: #557cf2;
  margin-right: 6px;
}
.eq-lgpd__consents {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 8px;
}
.eq-lgpd__consent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
}
.eq-lgpd__consent:last-child {
  border-bottom: 0;
}
.eq-lgpd__consent:hover {
  background: #fafbfd;
}
.eq-lgpd__consent input[type=checkbox] {
  flex-shrink: 0;
  margin-top: 4px;
  transform: scale(1.2);
  cursor: pointer;
}
.eq-lgpd__consent input[type=checkbox]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.eq-lgpd__consent-info {
  flex: 1;
}
.eq-lgpd__consent-info strong {
  font-size: 0.88rem;
  color: #1e293b;
  margin-right: 8px;
}
.eq-lgpd__consent-desc {
  font-size: 0.8rem;
  color: #6f7380;
  margin-top: 4px;
}
.eq-lgpd__changed {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-top: 3px;
}
.eq-lgpd__banner {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.82rem;
}
.eq-lgpd__banner i {
  margin-right: 4px;
}
.eq-lgpd__banner--ok {
  background: #d1fae5;
  border: 1px solid #6ee7b7;
  color: #065f46;
}
.eq-lgpd__banner--err {
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: #991b1b;
}
.eq-lgpd__audit {
  margin-top: 16px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
}
.eq-lgpd__audit-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.eq-lgpd__audit-head h5 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #334155;
  margin: 0;
}
.eq-lgpd__audit-head h5 i {
  color: #557cf2;
  margin-right: 6px;
}
.eq-lgpd__audit-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.8rem;
}
.eq-lgpd__audit-table th, .eq-lgpd__audit-table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #f1f5f9;
}
.eq-lgpd__audit-table th {
  background: #f8fafc;
  color: #475569;
  font-weight: 600;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.eq-lgpd__audit-table tr:last-child td {
  border-bottom: 0;
}
.eq-lgpd__audit-table code {
  background: #f1f5f9;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 0.75rem;
  color: #334155;
}
.eq-lgpd__audit-ip {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-size: 0.75rem;
  color: #64748b;
}
.eq-lgpd__del-warn {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  color: #92400e;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 0.82rem;
  margin: 12px 0 16px;
  text-align: left;
}
.eq-lgpd__del-warn i {
  margin-right: 6px;
}
.eq-lgpd__del-form {
  text-align: left;
}
.eq-lgpd__del-form label {
  display: block;
  font-weight: 600;
  font-size: 0.82rem;
  color: #475569;
  margin-bottom: 6px;
}
.eq-lgpd__del-form textarea, .eq-lgpd__del-form input[type=password] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.9rem;
}
.eq-lgpd__del-form textarea:focus, .eq-lgpd__del-form input[type=password]:focus {
  border-color: #557cf2;
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.15);
}
.eq-lgpd__del-form textarea {
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
}

.eq-btn-ghost--danger {
  color: #b91c1c !important;
  border-color: #fca5a5 !important;
}
.eq-btn-ghost--danger:hover:not(:disabled) {
  background: #fef2f2 !important;
}

.eq-cookie-banner {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 9000;
  animation: eq-cookie-in 0.3s ease-out;
}
.eq-cookie-banner__icon {
  width: 42px;
  height: 42px;
  background: #fef3c7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #d97706;
  flex-shrink: 0;
}
.eq-cookie-banner__content {
  flex: 1;
}
.eq-cookie-banner__content strong {
  font-size: 0.9rem;
  color: #1e293b;
  display: block;
  margin-bottom: 2px;
}
.eq-cookie-banner__content p {
  font-size: 0.8rem;
  color: #6f7380;
  margin: 0;
}
.eq-cookie-banner__content p em {
  font-style: normal;
  font-weight: 600;
  color: #557cf2;
}
.eq-cookie-banner__actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

@keyframes eq-cookie-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 720px) {
  .eq-cookie-banner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .eq-cookie-banner__actions {
    width: 100%;
  }
  .eq-cookie-banner__actions .eq-btn-primary, .eq-cookie-banner__actions .eq-btn-ghost {
    flex: 1;
    justify-content: center;
  }
  .eq-lgpd__audit-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media (max-width: 720px) {
  .eq-apitokens__table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .eq-apitokens__scopes-grid {
    grid-template-columns: 1fr;
  }
  .eq-apitokens__token-display {
    flex-direction: column;
  }
  .eq-apitokens__token-display button {
    width: 100%;
    justify-content: center;
  }
}
/* ============================================================
   Sprint 4.3 — Auto-balanceador entre nodes
   ============================================================ */
.eq-balancer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.eq-balancer__toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 8px;
}
.eq-balancer__summary {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
  flex-wrap: wrap;
}
.eq-balancer__sev {
  color: #fff;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  flex-shrink: 0;
}
.eq-balancer__metrics {
  display: flex;
  gap: 32px;
  flex: 1;
  flex-wrap: wrap;
}
.eq-balancer__metrics > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 100px;
}
.eq-balancer__metrics .lbl {
  color: #6b7280;
  font-size: 0.8125rem;
  font-weight: 500;
}
.eq-balancer__metrics strong {
  color: #0f172a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.eq-balancer__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 12px 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-balancer__section-title i {
  color: #3b82f6;
}
.eq-balancer__suggestions {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-balancer__suggestions li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 8px;
  font-size: 0.875rem;
}
.eq-balancer__suggestions li i {
  font-size: 1rem;
  flex-shrink: 0;
}
.eq-balancer__sug--info {
  border-left: 3px solid #3b82f6 !important;
}
.eq-balancer__sug--info i {
  color: #3b82f6;
}
.eq-balancer__sug--warn {
  border-left: 3px solid #f59e0b !important;
  background: #fffbeb !important;
}
.eq-balancer__sug--warn i {
  color: #f59e0b;
}
.eq-balancer__table th, .eq-balancer__table td {
  vertical-align: middle;
}
.eq-balancer__table th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
}
.eq-balancer__row--down {
  background: #fef2f2 !important;
  opacity: 0.85;
}
.eq-balancer__weight-cell {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 130px;
}
.eq-balancer__weight-input {
  width: 70px;
  padding: 4px 8px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  text-align: center;
}
.eq-balancer__weight-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.eq-balancer__settings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  padding: 18px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
}
.eq-balancer__setting {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-balancer__setting label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.eq-balancer__setting select, .eq-balancer__setting input[type=number] {
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  background: #fff;
}
.eq-balancer__setting select:focus, .eq-balancer__setting input[type=number]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.eq-balancer__setting-hint {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.4;
}
.eq-balancer__bar {
  position: relative;
  width: 80px;
  height: 18px;
  background: #f3f4f6;
  border-radius: 8px;
  overflow: hidden;
}
.eq-balancer__bar-fill {
  height: 100%;
  transition: width 0.3s ease;
}
.eq-balancer__bar-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #0f172a;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}

.eq-btn-ghost--xs {
  padding: 2px 6px !important;
  font-size: 0.75rem !important;
  margin-left: 4px;
}

.eq-btn-sm {
  padding: 4px 10px !important;
  font-size: 0.75rem !important;
}

@media (max-width: 720px) {
  .eq-balancer__table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .eq-balancer__settings {
    grid-template-columns: 1fr;
  }
  .eq-balancer__metrics {
    gap: 16px;
  }
}
/* ============================================================
   Sprint 5 — Backup remoto (S3, FTP, SFTP) + System backup
   ============================================================ */
.eq-backup {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.eq-backup__subtabs {
  display: flex;
  gap: 4px;
  background: #fff;
  padding: 6px;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
  flex-wrap: wrap;
}
.eq-backup__subtab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: #475569;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.eq-backup__subtab:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.eq-backup__subtab.is-active {
  background: #3b82f6;
  color: #fff;
}
.eq-backup__subtab i {
  font-size: 1rem;
}
.eq-backup__panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.eq-backup__warning {
  padding: 14px 18px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 12px;
  color: #78350f;
  font-size: 0.875rem;
  line-height: 1.5;
}
.eq-backup__warning i {
  color: #f59e0b;
  margin-right: 6px;
}
.eq-backup__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.eq-backup__card {
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.eq-backup__card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.eq-backup__card.is-disabled {
  opacity: 0.65;
  background: #f9fafb;
}
.eq-backup__card-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.eq-backup__card-type {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25rem;
  flex-shrink: 0;
}
.eq-backup__card-info {
  flex: 1;
  min-width: 0;
}
.eq-backup__card-info h4 {
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.eq-backup__card-info small {
  display: block;
  margin-bottom: 4px;
}
.eq-backup__card-actions {
  display: flex;
  gap: 6px;
  border-top: 1px solid #f1f5f9;
  padding-top: 10px;
  margin-top: auto;
}
.eq-backup__test-result {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  gap: 6px;
}
.eq-backup__test-result.is-ok {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
.eq-backup__test-result.is-fail {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
.eq-backup__table th, .eq-backup__table td {
  vertical-align: middle;
  font-size: 0.875rem;
}
.eq-backup__table code {
  font-size: 0.75rem;
  padding: 2px 6px;
  background: #f1f5f9;
  border-radius: 4px;
}
.eq-backup__settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
}
.eq-backup__settings-card {
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
  padding: 18px;
}
.eq-backup__settings-card h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-backup__settings-card h3 i {
  color: #3b82f6;
}
.eq-backup__setting {
  margin-bottom: 14px;
}
.eq-backup__setting:last-child {
  margin-bottom: 0;
}
.eq-backup__setting label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.eq-backup__setting select, .eq-backup__setting input[type=number], .eq-backup__setting input[type=text] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  background: #fff;
}
.eq-backup__setting select:focus, .eq-backup__setting input[type=number]:focus, .eq-backup__setting input[type=text]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.eq-backup__setting small {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.4;
}

/* Modal field styles (used in modal de destino e system backup) */
.eq-modal__dialog--lg {
  max-width: 640px;
}

.eq-modal__field {
  margin-bottom: 14px;
}
.eq-modal__field label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.eq-modal__field label.checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 500;
}
.eq-modal__field label.checkbox-label input {
  margin: 0;
}
.eq-modal__field input[type=text], .eq-modal__field input[type=number], .eq-modal__field input[type=password], .eq-modal__field select, .eq-modal__field textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 0.875rem;
  background: #fff;
  font-family: inherit;
}
.eq-modal__field input[type=text]:focus, .eq-modal__field input[type=number]:focus, .eq-modal__field input[type=password]:focus, .eq-modal__field select:focus, .eq-modal__field textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.eq-modal__field input[type=text]:disabled, .eq-modal__field input[type=number]:disabled, .eq-modal__field input[type=password]:disabled, .eq-modal__field select:disabled, .eq-modal__field textarea:disabled {
  background: #f9fafb;
  color: #6b7280;
}
.eq-modal__field textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  resize: vertical;
  min-height: 80px;
}

.eq-modal__actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
}

.eq-empty {
  text-align: center;
  padding: 60px 20px;
  background: #fff;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
}
.eq-empty h3 {
  margin: 12px 0 6px;
  font-size: 1.125rem;
  color: #475569;
}
.eq-empty p {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
}

@media (max-width: 720px) {
  .eq-backup__table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .eq-backup__settings-grid {
    grid-template-columns: 1fr;
  }
  .eq-backup__cards {
    grid-template-columns: 1fr;
  }
  .eq-backup__subtabs {
    flex-direction: column;
  }
  .eq-backup__subtab {
    width: 100%;
    justify-content: flex-start;
  }
}
.eq-admin-da .eq-admin__section-intro {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 16px;
}
.eq-admin-da .eq-admin__section-intro h3 {
  font-size: 1.05rem;
  color: #1f2937;
}

.eq-modal__content {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 600px;
  max-height: 85vh;
  overflow-y: auto;
  animation: eq-modal-pop 0.18s ease-out;
}

.eq-form-group {
  margin-bottom: 16px;
}
.eq-form-group label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.eq-form-group label input[type=checkbox] {
  margin-right: 6px;
  vertical-align: middle;
  font-weight: normal;
}
.eq-form-group small {
  display: block;
  margin-top: 4px;
  font-size: 0.75rem;
}

.eq-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  font-size: 0.9rem;
  color: #1f2937;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.eq-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.eq-input[type=checkbox] {
  width: auto;
  margin-right: 6px;
}

.eq-btn--danger {
  color: #b91c1c !important;
  border-color: #fecaca !important;
}
.eq-btn--danger:hover {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.eq-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eq-admin-revenue__grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .eq-admin-revenue__grid {
    grid-template-columns: 1fr;
  }
}
.eq-admin-revenue__card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
}
.eq-admin-revenue__card h4 {
  margin: 0 0 16px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #252a37;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-admin-revenue__card h4 i {
  color: #6a4dff;
}
.eq-admin-revenue__chart {
  display: flex;
  gap: 6px;
  align-items: flex-end;
  height: 220px;
  padding: 8px 0;
  overflow-x: auto;
}
.eq-admin-revenue__bar {
  flex: 1;
  min-width: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.eq-admin-revenue__bar-label {
  font-size: 0.7rem;
  color: #6b7280;
  order: 3;
  white-space: nowrap;
}
.eq-admin-revenue__bar-track {
  width: 100%;
  height: 160px;
  background: #f3f4f6;
  border-radius: 4px;
  display: flex;
  align-items: flex-end;
  order: 2;
}
.eq-admin-revenue__bar-fill {
  width: 100%;
  min-height: 2px;
  background: linear-gradient(180deg, #6a4dff 0%, #8e75ff 100%);
  border-radius: 4px 4px 0 0;
  transition: height 0.4s ease;
}
.eq-admin-revenue__bar-value {
  font-size: 0.65rem;
  color: #252a37;
  font-weight: 600;
  order: 1;
  white-space: nowrap;
}

.eq-chat-widget {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9000;
}
.eq-chat-widget__fab {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6a4dff 0%, #8e75ff 100%);
  color: #fff;
  border: none;
  box-shadow: 0 6px 20px rgba(106, 77, 255, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  position: relative;
  transition: transform 0.15s, box-shadow 0.15s;
}
.eq-chat-widget__fab:hover {
  transform: scale(1.06);
  box-shadow: 0 8px 28px rgba(106, 77, 255, 0.55);
}
.eq-chat-widget__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #ef4444;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}
.eq-chat-widget__panel {
  position: absolute;
  bottom: 76px;
  right: 0;
  width: 380px;
  height: 540px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: eqChatSlideIn 0.25s ease-out;
}
.eq-chat-widget__header {
  background: linear-gradient(135deg, #6a4dff 0%, #8e75ff 100%);
  color: #fff;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eq-chat-widget__header-left {
  display: flex;
  gap: 12px;
  align-items: center;
}
.eq-chat-widget__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.eq-chat-widget__title {
  font-weight: 600;
  font-size: 0.95rem;
}
.eq-chat-widget__subtitle {
  font-size: 0.75rem;
  opacity: 0.85;
}
.eq-chat-widget__close {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-chat-widget__close:hover {
  background: rgba(255, 255, 255, 0.28);
}
.eq-chat-widget__body {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
  background: #f8f9fc;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.eq-chat-widget__welcome {
  text-align: center;
  padding: 32px 16px;
}
.eq-chat-widget__welcome i {
  font-size: 3rem;
  color: #6a4dff;
  margin-bottom: 16px;
  display: block;
}
.eq-chat-widget__welcome h3 {
  margin: 0 0 8px;
  font-size: 1.1rem;
  color: #252a37;
}
.eq-chat-widget__welcome p {
  font-size: 0.85rem;
  color: #6b7280;
  margin-bottom: 20px;
}
.eq-chat-widget__msg {
  display: flex;
  flex-direction: column;
  max-width: 80%;
}
.eq-chat-widget__msg.is-self {
  align-self: flex-end;
  align-items: flex-end;
}
.eq-chat-widget__msg.is-self .eq-chat-widget__msg-bubble {
  background: #6a4dff;
  color: #fff;
  border-radius: 14px 14px 4px 14px;
}
.eq-chat-widget__msg.is-bot .eq-chat-widget__msg-bubble {
  background: #e0e7ff;
  color: #4338ca;
}
.eq-chat-widget__msg-sender {
  font-size: 0.7rem;
  color: #6b7280;
  margin-bottom: 2px;
  padding: 0 4px;
}
.eq-chat-widget__msg-bubble {
  background: #fff;
  padding: 10px 14px;
  border-radius: 14px 14px 14px 4px;
  font-size: 0.9rem;
  line-height: 1.4;
  color: #252a37;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  word-wrap: break-word;
}
.eq-chat-widget__msg-time {
  font-size: 0.65rem;
  color: #9ca3af;
  margin-top: 2px;
  padding: 0 4px;
}
.eq-chat-widget__input {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #e9ecef;
  background: #fff;
}
.eq-chat-widget__input input {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #e9ecef;
  border-radius: 24px;
  font-size: 0.9rem;
}
.eq-chat-widget__input input:focus {
  outline: none;
  border-color: #6a4dff;
}
.eq-chat-widget__send {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #6a4dff;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-chat-widget__send:hover {
  background: #5a3de5;
}
.eq-chat-widget__send:disabled {
  background: #c4b5fd;
  cursor: not-allowed;
}

@keyframes eqChatSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.eq-nps-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9500;
  padding: 20px;
  animation: eqNpsFadeIn 0.2s ease-out;
}
.eq-nps {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  max-width: 520px;
  width: 100%;
  position: relative;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}
.eq-nps__dismiss {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f3f4f6;
  color: #6b7280;
  cursor: pointer;
}
.eq-nps__dismiss:hover {
  background: #e5e7eb;
}
.eq-nps__header {
  text-align: center;
  margin-bottom: 24px;
}
.eq-nps__header h3 {
  margin: 8px 0;
  font-size: 1.3rem;
  color: #252a37;
}
.eq-nps__header p {
  color: #6b7280;
  font-size: 0.9rem;
}
.eq-nps__emoji {
  font-size: 2.5rem;
}
.eq-nps__scale-row {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 4px;
  margin: 16px 0 6px;
}
.eq-nps__scale-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #9ca3af;
  padding: 0 4px;
}
.eq-nps__score {
  aspect-ratio: 1;
  border: 2px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.15s;
}
.eq-nps__score:hover {
  border-color: #6a4dff;
  color: #6a4dff;
}
.eq-nps__score.is-selected {
  border-color: #6a4dff;
  background: #6a4dff;
  color: #fff;
  transform: scale(1.1);
}
.eq-nps__score--low.is-selected {
  background: #ef4444;
  border-color: #ef4444;
}
.eq-nps__score--mid.is-selected {
  background: #f59e0b;
  border-color: #f59e0b;
}
.eq-nps__score--high.is-selected {
  background: #10b981;
  border-color: #10b981;
}
.eq-nps__feedback {
  margin-top: 20px;
}
.eq-nps__feedback textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  font-family: inherit;
  font-size: 0.9rem;
  margin-bottom: 12px;
}
.eq-nps__feedback textarea:focus {
  outline: none;
  border-color: #6a4dff;
}
.eq-nps__thanks {
  text-align: center;
  padding: 32px;
}
.eq-nps__thanks i {
  font-size: 3rem;
  color: #ef4444;
}
.eq-nps__thanks h3 {
  margin: 16px 0 8px;
}

@keyframes eqNpsFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.eq-nps-bar {
  display: flex;
  width: 100%;
  height: 12px;
  border-radius: 8px;
  overflow: hidden;
  background: #f1f5f9;
  margin-bottom: 4px;
}
.eq-nps-bar__seg {
  height: 100%;
  transition: width 0.3s ease;
}
.eq-nps-bar__seg--prom {
  background: #22c55e;
}
.eq-nps-bar__seg--pas {
  background: #eab308;
}
.eq-nps-bar__seg--det {
  background: #ef4444;
}

.eq-paygw {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.eq-paygw-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e2e8f0;
  overflow-x: auto;
}
.eq-paygw-tabs__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}
.eq-paygw-tabs__btn:hover {
  color: #0f172a;
}
.eq-paygw-tabs__btn.is-active {
  color: #ff8c42;
  border-bottom-color: #ff8c42;
}
.eq-paygw-tabs__btn > i {
  font-size: 1.05rem;
}
.eq-paygw-tabs__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cbd5e1;
  margin-left: 4px;
  flex-shrink: 0;
}
.eq-paygw-tabs__dot--ok {
  background: #22c55e;
}
.eq-paygw__body {
  animation: eqPaygwFade 0.18s ease-out;
}

@keyframes eqPaygwFade {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-theme=dark] .eq-paygw-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .eq-paygw-tabs__btn {
  color: #94a3b8;
}
[data-theme=dark] .eq-paygw-tabs__btn:hover {
  color: #f1f5f9;
}
[data-theme=dark] .eq-paygw-tabs__btn.is-active {
  color: #ff8c42;
}
[data-theme=dark] .eq-paygw-tabs__dot {
  background: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .eq-paygw-tabs__dot--ok {
  background: #22c55e;
}

.eq-notif-templates {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 18px;
  min-height: 500px;
}
@media (max-width: 900px) {
  .eq-notif-templates {
    grid-template-columns: 1fr;
  }
}

.eq-notif-events {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px;
  height: fit-content;
}
.eq-notif-events__header {
  font-size: 0.7rem;
  font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.08em;
  padding: 4px 6px 8px;
}
.eq-notif-events__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, border-color 0.15s;
}
.eq-notif-events__item:hover {
  background: rgba(255, 140, 66, 0.08);
}
.eq-notif-events__item.is-active {
  background: #fff;
  border-color: #ff8c42;
  box-shadow: 0 1px 4px rgba(255, 140, 66, 0.18);
}
.eq-notif-events__label {
  font-size: 0.92rem;
  font-weight: 600;
  color: #0f172a;
}
.eq-notif-events__meta {
  display: flex;
  gap: 12px;
  font-size: 0.78rem;
  color: #64748b;
}
.eq-notif-events__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.eq-notif-tpl-content {
  min-width: 0;
}

.eq-notif-empty {
  padding: 60px 20px;
  text-align: center;
  color: #94a3b8;
  font-size: 0.95rem;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
}
.eq-notif-empty > i {
  margin-right: 6px;
}

.eq-notif-vars-help {
  background: rgba(59, 130, 246, 0.08);
  border-left: 3px solid #3b82f6;
  padding: 10px 14px;
  border-radius: 6px;
  margin-bottom: 16px;
  font-size: 0.85rem;
  color: #475569;
}
.eq-notif-vars-help code {
  background: rgba(59, 130, 246, 0.15);
  color: #1e40af;
  padding: 2px 6px;
  border-radius: 4px;
  margin: 0 2px;
}

.eq-notif-tpl-section {
  margin-top: 20px;
}
.eq-notif-tpl-section > h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #0f172a;
}

.eq-notif-tpl-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 10px;
  overflow: hidden;
}
.eq-notif-tpl-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.eq-notif-tpl-card__header > div:last-child {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.eq-notif-tpl-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #0f172a;
  min-width: 0;
  flex: 1 1 auto;
}
.eq-notif-tpl-card__subject {
  font-size: 0.85rem;
  color: #475569;
  margin-bottom: 8px;
}
.eq-notif-tpl-card__body {
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px;
  font-size: 0.88rem;
  line-height: 1.5;
  color: #334155;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.eq-notif-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.eq-notif-filters > select {
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  font-size: 0.9rem;
  min-width: 160px;
}

.eq-modal__dialog--wide {
  max-width: 720px !important;
}

.eq-pre-checklist {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(239, 68, 68, 0.06));
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
}
.eq-pre-checklist__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #92400e;
  font-size: 0.95rem;
}
.eq-pre-checklist__head > i {
  color: #f59e0b;
  font-size: 1.1rem;
}
.eq-pre-checklist__list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eq-pre-checklist__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 8px;
  font-size: 0.9rem;
  color: #991b1b;
}
.eq-pre-checklist__item > i {
  color: #ef4444;
  font-size: 1rem;
  flex-shrink: 0;
}
.eq-pre-checklist__item.is-ok {
  background: rgba(34, 197, 94, 0.1);
  color: #166534;
}
.eq-pre-checklist__item.is-ok > i {
  color: #22c55e;
}
.eq-pre-checklist__item.is-optional {
  background: rgba(100, 116, 139, 0.08);
  color: #475569;
}
.eq-pre-checklist__item.is-optional > i {
  color: #64748b;
}
.eq-pre-checklist__tag {
  display: inline-block;
  background: rgba(100, 116, 139, 0.2);
  color: #475569;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: auto;
}
.eq-pre-checklist--info {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.03));
  border-color: rgba(59, 130, 246, 0.3);
}
.eq-pre-checklist--info .eq-pre-checklist__head {
  color: #1e40af;
}
.eq-pre-checklist--info .eq-pre-checklist__head > i {
  color: #3b82f6;
}
.eq-pre-checklist__cta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

[data-theme=dark] .eq-pre-checklist {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border-color: rgba(245, 158, 11, 0.4);
}
[data-theme=dark] .eq-pre-checklist__head {
  color: #fcd34d;
}
[data-theme=dark] .eq-pre-checklist__item {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
}
[data-theme=dark] .eq-pre-checklist__item.is-ok {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
}
[data-theme=dark] .eq-pre-checklist__item.is-optional {
  background: rgba(100, 116, 139, 0.15);
  color: #94a3b8;
}
[data-theme=dark] .eq-pre-checklist__item.is-optional > i {
  color: #94a3b8;
}
[data-theme=dark] .eq-pre-checklist__tag {
  background: rgba(100, 116, 139, 0.3);
  color: #cbd5e1;
}
[data-theme=dark] .eq-pre-checklist--info {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.08));
  border-color: rgba(59, 130, 246, 0.4);
}
[data-theme=dark] .eq-pre-checklist--info .eq-pre-checklist__head {
  color: #93c5fd;
}
[data-theme=dark] .eq-pre-checklist--info .eq-pre-checklist__head > i {
  color: #60a5fa;
}

.eq-billing-scheduler {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.06), rgba(255, 140, 66, 0.04));
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 16px 0;
}
.eq-billing-scheduler__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 0.95rem;
  flex-wrap: wrap;
}
.eq-billing-scheduler__head > i {
  color: #22c55e;
  font-size: 1.1rem;
}
.eq-billing-scheduler__states {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.eq-billing-scheduler__state {
  text-align: center;
  padding: 14px 10px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.eq-billing-scheduler__state-num {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.eq-billing-scheduler__state-label {
  margin-top: 4px;
  font-size: 0.8rem;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eq-billing-scheduler__state--trial .eq-billing-scheduler__state-num {
  color: #3b82f6;
}
.eq-billing-scheduler__state--active .eq-billing-scheduler__state-num {
  color: #22c55e;
}
.eq-billing-scheduler__state--paused .eq-billing-scheduler__state-num {
  color: #f59e0b;
}
.eq-billing-scheduler__state--deleting .eq-billing-scheduler__state-num {
  color: #ef4444;
}
.eq-billing-scheduler__cfg {
  font-size: 0.82rem;
  color: #64748b;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
}
.eq-billing-scheduler__cfg > i {
  color: #ff8c42;
  margin-right: 4px;
}
.eq-billing-scheduler__cfg strong {
  color: #0f172a;
}

[data-theme=dark] .eq-billing-scheduler {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(255, 140, 66, 0.06));
  border-color: rgba(34, 197, 94, 0.3);
}
[data-theme=dark] .eq-billing-scheduler__state {
  background: rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .eq-billing-scheduler__state-label {
  color: #94a3b8;
}
[data-theme=dark] .eq-billing-scheduler__cfg {
  background: rgba(255, 255, 255, 0.04);
  color: #cbd5e1;
}
[data-theme=dark] .eq-billing-scheduler__cfg strong {
  color: #f1f5f9;
}

.eq-evo-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 10px 14px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  flex-wrap: wrap;
}
.eq-evo-status__label {
  min-width: 0;
  flex: 1 1 auto;
}
.eq-evo-status__btn.eq-btn-sm {
  width: auto;
  height: auto;
  padding: 6px 12px !important;
  gap: 6px;
  white-space: nowrap;
  flex-shrink: 0;
}

[data-theme=dark] .eq-evo-status {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme=dark] .eq-notif-events {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .eq-notif-events__item:hover {
  background: rgba(255, 140, 66, 0.12);
}
[data-theme=dark] .eq-notif-events__item.is-active {
  background: rgba(0, 0, 0, 0.3);
  border-color: #ff8c42;
}
[data-theme=dark] .eq-notif-events__label {
  color: #f1f5f9;
}
[data-theme=dark] .eq-notif-events__meta {
  color: #94a3b8;
}
[data-theme=dark] .eq-notif-empty {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.1);
  color: #94a3b8;
}
[data-theme=dark] .eq-notif-tpl-card {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .eq-notif-tpl-card__title {
  color: #f1f5f9;
}
[data-theme=dark] .eq-notif-tpl-card__subject {
  color: #cbd5e1;
}
[data-theme=dark] .eq-notif-tpl-card__body {
  background: rgba(0, 0, 0, 0.3);
  color: #e2e8f0;
}
[data-theme=dark] .eq-notif-vars-help {
  background: rgba(59, 130, 246, 0.15);
  color: #cbd5e1;
}
[data-theme=dark] .eq-notif-vars-help code {
  background: rgba(59, 130, 246, 0.25);
  color: #93c5fd;
}
[data-theme=dark] .eq-notif-filters > select {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f1f5f9;
}

.eq-webhook-block {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 14px;
}
.eq-webhook-block__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #334155;
  font-size: 0.9rem;
}
.eq-webhook-block__header > i {
  color: #ff8c42;
  font-size: 1rem;
}
.eq-webhook-block__hint {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 400;
  margin-left: 4px;
}
.eq-webhook-block__url-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.eq-webhook-block__url {
  flex: 1;
  min-width: 240px;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.82rem;
  color: #0f172a;
}
.eq-webhook-block__url:focus {
  outline: none;
  border-color: #ff8c42;
  box-shadow: 0 0 0 3px rgba(255, 140, 66, 0.18);
}
.eq-webhook-block__test-result {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.85rem;
  display: none;
}
.eq-webhook-block__test-result--ok, .eq-webhook-block__test-result--err {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eq-webhook-block__test-result--ok {
  background: rgba(34, 197, 94, 0.12);
  color: #15803d;
  border: 1px solid rgba(34, 197, 94, 0.3);
}
.eq-webhook-block__test-result--err {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.eq-webhook-block__steps {
  margin-top: 12px;
}
.eq-webhook-block__steps summary {
  cursor: pointer;
  font-size: 0.85rem;
  color: #475569;
  padding: 6px 0;
  user-select: none;
}
.eq-webhook-block__steps summary:hover {
  color: #0f172a;
}
.eq-webhook-block__steps summary > i {
  margin-right: 6px;
}
.eq-webhook-block__steps ol {
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
}
.eq-webhook-block__steps ol li {
  display: flex;
  gap: 10px;
  padding: 6px 0;
  font-size: 0.85rem;
  color: #334155;
  line-height: 1.45;
}
.eq-webhook-block__steps ol li code {
  background: #e2e8f0;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 0.78rem;
}
.eq-webhook-block__step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: #ff8c42;
  color: #fff;
  border-radius: 50%;
  font-size: 0.72rem;
  font-weight: 600;
}

[data-theme=dark] .eq-webhook-block {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .eq-webhook-block__header {
  color: #e2e8f0;
}
[data-theme=dark] .eq-webhook-block__hint {
  color: #94a3b8;
}
[data-theme=dark] .eq-webhook-block__url {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f1f5f9;
}
[data-theme=dark] .eq-webhook-block__steps summary {
  color: #cbd5e1;
}
[data-theme=dark] .eq-webhook-block__steps summary:hover {
  color: #f1f5f9;
}
[data-theme=dark] .eq-webhook-block__steps ol li {
  color: #cbd5e1;
}
[data-theme=dark] .eq-webhook-block__steps ol li code {
  background: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
}

.eq-btn-block {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.eq-checkout-coupon {
  margin: 16px 0;
}
.eq-checkout-coupon__label {
  font-size: 0.8rem;
  color: #6b7280;
  margin-bottom: 8px;
  display: block;
}
.eq-checkout-coupon__row {
  display: flex;
  gap: 8px;
}
.eq-checkout-coupon__input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  text-transform: uppercase;
  font-family: monospace;
  letter-spacing: 1px;
}
.eq-checkout-coupon__input:focus {
  outline: none;
  border-color: #6a4dff;
  box-shadow: 0 0 0 3px rgba(106, 77, 255, 0.1);
}
.eq-checkout-coupon__result {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.85rem;
}
.eq-checkout-coupon__result--valid {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.eq-checkout-coupon__result--invalid {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.eq-toast-stack {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  max-width: calc(100vw - 40px);
}

.eq-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 300px;
  max-width: 420px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e6e8f0;
  box-shadow: 0 10px 32px rgba(17, 24, 39, 0.12), 0 2px 6px rgba(17, 24, 39, 0.06);
  animation: eqToastIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
  font-size: 0.9rem;
  line-height: 1.45;
  color: #4e5159;
}
.eq-toast.is-leaving {
  animation: eqToastOut 0.2s ease-in forwards;
}
.eq-toast__icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  border-radius: 50%;
}
.eq-toast__body {
  flex: 1;
  min-width: 0;
}
.eq-toast__title {
  display: block;
  font-weight: 600;
  color: #4e5159;
  margin-bottom: 2px;
}
.eq-toast__msg {
  display: block;
  color: #6f7380;
  word-wrap: break-word;
}
.eq-toast__close {
  flex: 0 0 auto;
  background: transparent;
  border: 0;
  color: #6f7380;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1;
}
.eq-toast__close:hover {
  color: #4e5159;
  background: #f4f6fb;
}
.eq-toast--success {
  border-left: 4px solid #10b981;
}
.eq-toast--success .eq-toast__icon {
  color: #10b981;
}
.eq-toast--error {
  border-left: 4px solid #ef4444;
}
.eq-toast--error .eq-toast__icon {
  color: #ef4444;
}
.eq-toast--warning {
  border-left: 4px solid #f59e0b;
}
.eq-toast--warning .eq-toast__icon {
  color: #f59e0b;
}
.eq-toast--info {
  border-left: 4px solid #3b82f6;
}
.eq-toast--info .eq-toast__icon {
  color: #3b82f6;
}

@keyframes eqToastIn {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes eqToastOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(40px);
  }
}
@media (max-width: 560px) {
  .eq-toast-stack {
    top: 12px;
    right: 12px;
    left: 12px;
    max-width: none;
  }
  .eq-toast {
    min-width: 0;
    max-width: none;
  }
}
.eq-confirm {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: eqConfirmFade 0.15s ease-out;
}
.eq-confirm__overlay {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.55);
  backdrop-filter: blur(3px);
}
.eq-confirm__dialog {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 440px;
  padding: 28px 28px 22px;
  animation: eqConfirmPop 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.eq-confirm__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  margin: 0 auto 16px;
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.eq-confirm__icon--warning {
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
}
.eq-confirm__icon--info {
  background: rgba(59, 130, 246, 0.12);
  color: #3b82f6;
}
.eq-confirm__title {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 8px;
  color: #4e5159;
}
.eq-confirm__msg {
  text-align: center;
  color: #6f7380;
  font-size: 0.925rem;
  line-height: 1.5;
  margin: 0 0 22px;
}
.eq-confirm__actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.eq-confirm__actions button {
  min-width: 120px;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 0.15s, border-color 0.15s;
}
.eq-confirm__actions .eq-confirm__cancel {
  background: #ffffff;
  border-color: #e6e8f0;
  color: #4e5159;
}
.eq-confirm__actions .eq-confirm__cancel:hover {
  background: #f4f6fb;
}
.eq-confirm__actions .eq-confirm__ok {
  background: #ef4444;
  color: #fff;
}
.eq-confirm__actions .eq-confirm__ok:hover {
  background: #dc2626;
}
.eq-confirm__actions .eq-confirm__ok--warning {
  background: #f59e0b;
}
.eq-confirm__actions .eq-confirm__ok--warning:hover {
  background: #d97706;
}
.eq-confirm__actions .eq-confirm__ok--info {
  background: #557cf2;
}
.eq-confirm__actions .eq-confirm__ok--info:hover {
  filter: brightness(0.92);
}

@keyframes eqConfirmFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes eqConfirmPop {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 480px) {
  .eq-confirm__dialog {
    padding: 22px 20px 18px;
  }
  .eq-confirm__actions button {
    min-width: 0;
    flex: 1;
  }
}
.eq-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 24px;
  border: 1px dashed #e6e8f0;
  border-radius: 12px;
  background: #ffffff;
  color: #6f7380;
}
.eq-empty-state__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f4f6fb;
  color: #6f7380;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 16px;
}
.eq-empty-state__title {
  font-size: 1rem;
  font-weight: 600;
  color: #4e5159;
  margin: 0 0 6px;
}
.eq-empty-state__msg {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0 0 16px;
  max-width: 380px;
}
.eq-empty-state__cta {
  margin-top: 4px;
}
.eq-empty-state--compact {
  padding: 28px 20px;
}
.eq-empty-state--compact .eq-empty-state__icon {
  width: 44px;
  height: 44px;
  font-size: 1.2rem;
  margin-bottom: 12px;
}
.eq-empty-state--compact .eq-empty-state__title {
  font-size: 0.9rem;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible,
[role=button]:focus-visible,
[role=tab]:focus-visible,
[role=link]:focus-visible,
[role=menuitem]:focus-visible,
[role=option]:focus-visible,
[role=checkbox]:focus-visible,
[role=radio]:focus-visible,
[role=slider]:focus-visible,
[role=switch]:focus-visible,
[contenteditable=true]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.35);
  border-radius: 4px;
}

input:focus-visible, textarea:focus-visible, select:focus-visible,
.eq-input:focus-visible, .eq-modal__input:focus-visible,
.eq-sidebar__search:focus-visible {
  box-shadow: 0 0 0 3px rgba(85, 124, 242, 0.22);
}

h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus,
p:focus, div:focus, span:focus, section:focus, article:focus,
strong:focus, em:focus, li:focus, ul:focus {
  outline: none;
  box-shadow: none;
}

.eq-topbar__hamburger {
  display: none;
  background: transparent;
  border: 0;
  font-size: 1.35rem;
  color: #4e5159;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 8px;
  margin-right: 6px;
}
.eq-topbar__hamburger:hover {
  background: #f4f6fb;
}

.eq-sidebar__backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.45);
  z-index: 98;
  animation: eqConfirmFade 0.15s ease-out;
}

@media (max-width: 900px) {
  .eq-shell {
    grid-template-columns: 1fr;
    grid-template-areas: "topbar" "main";
  }
  .eq-topbar__hamburger {
    display: inline-flex;
    align-items: center;
  }
  .eq-sidebar {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 99;
    transform: translateX(-100%);
    transition: transform 0.2s ease-out;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.08);
  }
  .eq-sidebar.is-open {
    transform: translateX(0);
  }
  .eq-sidebar__backdrop.is-open {
    display: block;
  }
  .eq-main {
    padding: 20px 16px;
  }
}
@media (max-width: 560px) {
  .eq-main {
    padding: 16px 12px;
  }
  .eq-topbar {
    padding: 0 12px;
  }
  .eq-topbar__balance-btn {
    padding: 6px 10px;
    font-size: 0.8rem;
  }
}
.eq-admin-sidebar .eq-admin-sidebar__group.is-open,
html[data-theme] .eq-admin-sidebar .eq-admin-sidebar__group.is-open {
  background: rgba(255, 140, 66, 0.14) !important;
  border-left-color: #ff8c42 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 140, 66, 0.22) !important;
}

.eq-admin-sidebar .eq-admin-sidebar__group.is-open:hover,
html[data-theme] .eq-admin-sidebar .eq-admin-sidebar__group.is-open:hover {
  background: rgba(255, 140, 66, 0.22) !important;
}

.eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-icon,
html[data-theme] .eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-icon {
  color: #ff8c42 !important;
}

.eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-label-text {
  color: #c2410c !important;
  font-weight: 700 !important;
}

.eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-chevron {
  color: #c2410c !important;
}

html[data-theme=dark] .eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-label-text {
  color: #fff !important;
  font-weight: 700 !important;
}

html[data-theme=dark] .eq-admin-sidebar .eq-admin-sidebar__group.is-open .eq-admin-sidebar__group-chevron {
  color: rgba(255, 255, 255, 0.85) !important;
}

.eq-balance-panel {
  display: grid;
  grid-template-columns: 1fr 1.2fr auto;
  align-items: center;
  gap: 18px;
  padding: 20px 24px;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}
@media (max-width: 720px) {
  .eq-balance-panel {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.eq-balance-panel__label, .eq-balance-panel__forecast-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  opacity: 0.7;
  margin-bottom: 4px;
}
.eq-balance-panel__amount {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
}
.eq-balance-panel__sub {
  font-size: 0.82rem;
  margin-top: 6px;
  opacity: 0.75;
}
.eq-balance-panel__mid {
  display: flex;
  align-items: center;
  gap: 14px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  padding-left: 18px;
}
@media (max-width: 720px) {
  .eq-balance-panel__mid {
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-left: 0;
    padding-top: 14px;
    justify-content: center;
  }
}
.eq-balance-panel__icon {
  font-size: 2.4rem;
}
.eq-balance-panel__forecast-value {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.eq-balance-panel__status {
  font-size: 0.82rem;
  font-weight: 600;
  margin-top: 4px;
}
@media (max-width: 720px) {
  .eq-balance-panel__right {
    display: flex;
    justify-content: center;
  }
}
.eq-balance-panel--ok {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.08), rgba(34, 197, 94, 0.03));
  border-color: rgba(34, 197, 94, 0.3);
  color: #166534;
}
.eq-balance-panel--ok .eq-balance-panel__icon {
  color: #22c55e;
}
.eq-balance-panel--ok .eq-balance-panel__status {
  color: #166534;
}
.eq-balance-panel--low {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.04));
  border-color: rgba(245, 158, 11, 0.4);
  color: #92400e;
}
.eq-balance-panel--low .eq-balance-panel__icon {
  color: #f59e0b;
}
.eq-balance-panel--low .eq-balance-panel__status {
  color: #b45309;
}
.eq-balance-panel--critical {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(239, 68, 68, 0.05));
  border-color: rgba(239, 68, 68, 0.5);
  color: #991b1b;
  animation: eqBalancePulse 2s infinite;
}
.eq-balance-panel--critical .eq-balance-panel__icon {
  color: #ef4444;
}
.eq-balance-panel--critical .eq-balance-panel__status {
  color: #991b1b;
  font-weight: 700;
}
.eq-balance-panel--depleted {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(124, 58, 237, 0.04));
  border-color: rgba(124, 58, 237, 0.5);
  color: #5b21b6;
}
.eq-balance-panel--depleted .eq-balance-panel__icon {
  color: #7c3aed;
}
.eq-balance-panel--depleted .eq-balance-panel__status {
  color: #5b21b6;
  font-weight: 700;
}

@keyframes eqBalancePulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.2);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }
}
[data-theme=dark] .eq-balance-panel--ok {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(34, 197, 94, 0.06));
  color: #86efac;
}
[data-theme=dark] .eq-balance-panel--ok .eq-balance-panel__status {
  color: #86efac;
}
[data-theme=dark] .eq-balance-panel--low {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.08));
  color: #fcd34d;
}
[data-theme=dark] .eq-balance-panel--low .eq-balance-panel__status {
  color: #fcd34d;
}
[data-theme=dark] .eq-balance-panel--critical {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.18), rgba(239, 68, 68, 0.1));
  color: #fca5a5;
}
[data-theme=dark] .eq-balance-panel--critical .eq-balance-panel__status {
  color: #fca5a5;
}
[data-theme=dark] .eq-balance-panel--depleted {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(124, 58, 237, 0.08));
  color: #c4b5fd;
}
[data-theme=dark] .eq-balance-panel--depleted .eq-balance-panel__status {
  color: #c4b5fd;
}
[data-theme=dark] .eq-balance-panel__mid {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.eq-conn-test-result {
  margin: 12px 0;
  min-height: 0;
}
.eq-conn-test-result:empty {
  display: none;
}
.eq-conn-test-result__msg {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 0.88rem;
}
.eq-conn-test-result__msg--pending {
  background: rgba(59, 130, 246, 0.08);
  color: #1e40af;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.eq-conn-test-result__msg--ok {
  background: rgba(34, 197, 94, 0.1);
  color: #166534;
  border: 1px solid rgba(34, 197, 94, 0.3);
}
.eq-conn-test-result__msg--err {
  background: rgba(239, 68, 68, 0.1);
  color: #991b1b;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

[data-theme=dark] .eq-conn-test-result__msg--pending {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}
[data-theme=dark] .eq-conn-test-result__msg--ok {
  background: rgba(34, 197, 94, 0.15);
  color: #86efac;
}
[data-theme=dark] .eq-conn-test-result__msg--err {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
}

html[data-theme=dark] .eq-action-card,
html[data-theme=dark] .eq-admin__stat-card,
html[data-theme=dark] .eq-settings__card,
html[data-theme=dark] .eq-card,
html[data-theme=dark] .eq-admin-revenue__card,
html[data-theme=dark] .eq-notif-tpl-card,
html[data-theme=dark] .eq-notif-events,
html[data-theme=dark] .eq-pre-checklist,
html[data-theme=dark] .eq-billing-scheduler__state {
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}
html[data-theme=dark] .eq-action-card:hover,
html[data-theme=dark] .eq-admin__stat-card:hover {
  border-color: rgba(255, 140, 66, 0.35) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4), 0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

html .eq-action-grid.eq-action-grid,
html[data-theme] .eq-action-grid.eq-action-grid {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.eq-lgpd__cards:where([class]),
.eq-lgpd__consents-wrap:where([class]),
.eq-lgpd__consents:where([class]) {
  padding: 16px !important;
}

.eq-chat-widget:where([class]) {
  padding: 0 !important;
}