/* Shared Egida craft UI — mint on charcoal (landing + LK language) */

html:has(.page-network):not(:has(.page-network-landing)),
body:has(.page-network):not(:has(.page-network-landing)) {
  min-height: 100%;
  background: #071118 !important;
}

body:has(.page-network):not(:has(.page-network-landing))::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(87, 196, 166, 0.1), transparent 68%),
    radial-gradient(ellipse 70% 45% at 50% 100%, rgba(40, 92, 110, 0.16), transparent 70%),
    #071118;
}

body:has(.page-network):not(:has(.page-network-landing))::after {
  content: "";
  position: fixed;
  left: 50%;
  top: 6%;
  width: min(140vw, 64rem);
  height: min(140vw, 64rem);
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
  background: url("/assets/egida-mark.png?v=20260626user") center / contain no-repeat;
  opacity: 0.12;
  filter: blur(48px) saturate(0.8) brightness(1.08);
}

body:has(.page-network):not(:has(.page-network-landing)) .footer,
body:has(.page-network):not(:has(.page-network-landing)) .page {
  position: relative;
  z-index: 1;
}

.page-network {
  --bg: #071118;
  --surface: rgba(0, 0, 0, 0.22);
  --panel-fill: rgba(0, 0, 0, 0.22);
  --panel-fill-strong: rgba(0, 0, 0, 0.32);
  --text: #eaf1f3;
  --ink: #eaf1f3;
  --muted: #91a0ab;
  --accent: #57c4a6;
  --accent-hover: #6fd4b6;
  --link: #8fd9c2;
  --focus-ring: #57c4a6;
  --border: rgba(234, 241, 243, 0.12);
  --panel-line: rgba(234, 241, 243, 0.12);
  --font: "Onest", system-ui, sans-serif;
  --font-display: "Golos Text", "Onest", system-ui, sans-serif;
  color: var(--text);
  font-family: var(--font);
  font-optical-sizing: auto;
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Display: brand + titles + key numbers */
.page-network .brand-lockup__name,
.page-network .network-title,
.page-network .section-title,
.page-network .login-start-title,
.page-network .lp-display,
.page-network .lp-section-title,
.page-network .lp-plan-price,
.page-network h1,
.page-network h2,
.page-network h3.devices-group-title,
.page-network .devices-group-title,
.page-network .stat-card-value,
.page-network .admin-kpi-value,
.page-network .plan-option strong,
.page-network .plan-chip-price,
.page-network .referral-stat strong,
.page-network .tier-tab-title,
.page-network .tier-compare-title,
.page-network .profile-hero-title {
  font-family: var(--font-display);
  letter-spacing: -0.03em;
  font-weight: 600;
}

.page-network .brand-lockup__name {
  font-weight: 700;
  letter-spacing: -0.04em;
}

.page-network .btn,
.page-network button.btn,
.page-network a.btn {
  font-family: var(--font);
  letter-spacing: -0.01em;
}

.page-network .btn-pay,
.page-network a.btn-pay,
.page-network button.btn-pay {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}

.page-network input,
.page-network textarea,
.page-network select {
  font-family: var(--font);
}

.page-network a:not(.btn) {
  color: var(--link);
}

.page-network a:not(.btn):hover {
  color: #c6f0e2;
}

.page-network :where(a, button, input, textarea, summary, [tabindex]):focus-visible {
  outline-color: var(--focus-ring);
}

/* Primary CTA = mint + dark ink (like landing «Получить доступ») */
.page-network .btn-pay,
.page-network a.btn-pay,
.page-network button.btn-pay,
.page-network .btn:not(.btn-outline):not(.btn-ghost):not(.auth-tab):not(.t-tab):not(.profile-tab):not(.plan-chip):not(.admin-tab):not(.device-delete-btn),
.page-network button.btn:not(.btn-outline):not(.btn-ghost):not(.auth-tab):not(.t-tab):not(.profile-tab):not(.plan-chip):not(.admin-tab):not(.device-delete-btn),
.page-network a.btn:not(.btn-outline):not(.btn-ghost) {
  background: var(--accent);
  color: #042018;
  border: 1px solid transparent;
  box-shadow: none !important;
  font-weight: 600;
}

.page-network .btn-pay:hover,
.page-network a.btn-pay:hover,
.page-network button.btn-pay:hover,
.page-network .btn:not(.btn-outline):not(.btn-ghost):not(.auth-tab):not(.t-tab):not(.profile-tab):not(.plan-chip):not(.admin-tab):hover,
.page-network button.btn:not(.btn-outline):not(.btn-ghost):not(.auth-tab):not(.t-tab):not(.profile-tab):not(.plan-chip):not(.admin-tab):hover,
.page-network a.btn:not(.btn-outline):not(.btn-ghost):hover {
  background: var(--accent-hover);
  color: #042018;
  box-shadow: none !important;
  transform: none;
}

.page-network .btn-outline,
.page-network a.btn-outline,
.page-network button.btn-outline {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--panel-line);
  box-shadow: none !important;
}

.page-network .btn-outline:hover,
.page-network a.btn-outline:hover,
.page-network button.btn-outline:hover {
  border-color: rgba(87, 196, 166, 0.45);
  color: var(--ink);
  background: rgba(87, 196, 166, 0.08);
  box-shadow: none !important;
}

.page-network .btn-pay::before {
  display: none;
}

.page-network .network-card {
  border-color: var(--border);
  background: var(--panel-fill);
  backdrop-filter: none;
  box-shadow: none;
}

.page-network .badge-ok {
  color: #8fd9c2;
  background: rgba(87, 196, 166, 0.14);
  border-color: rgba(87, 196, 166, 0.28);
}

.page-network .error-msg,
.page-network .login-field-error {
  color: #ff8f8f;
}

/* Login / checkout / legal density polish */
.page-network-login .network-card,
.page-network-checkout .network-card,
.page-contact .network-card,
.page-pay-wait .network-card,
.page-legal .network-card {
  border: 0;
  background: var(--panel-fill);
}

.page-network .brand-lockup__name {
  color: var(--ink);
}

/* Admin: mint active chrome */
.page-admin .admin-top {
  background: rgba(0, 0, 0, 0.72);
  border-bottom-color: var(--panel-line);
}

.page-admin .admin-kpi--accent {
  border-color: rgba(87, 196, 166, 0.35);
  background: rgba(87, 196, 166, 0.1);
}

.page-admin .admin-tab.is-active {
  color: #eaf1f3;
  background: rgba(87, 196, 166, 0.14);
  border-color: rgba(87, 196, 166, 0.28);
}

.page-admin .admin-tab.is-active .admin-tab-count {
  background: rgba(87, 196, 166, 0.18);
  color: #b7f0cd;
}

.page-admin .admin-search input:focus {
  border-color: rgba(87, 196, 166, 0.45);
  box-shadow: 0 0 0 2px rgba(87, 196, 166, 0.12);
}

.page-admin .network-card.profile-section,
.page-admin .admin-clients {
  border: 0;
  background: var(--panel-fill);
  box-shadow: none;
}

/* Plans / tiers: mint selection (was blue #313bee) */
.page-network .plan-option.is-active,
.page-network .plan-chip.is-selected,
.page-network .plan-list--checkout .plan-chip.is-selected {
  border-color: rgba(87, 196, 166, 0.55);
  background: rgba(87, 196, 166, 0.12);
  box-shadow: 0 0 0 1px rgba(87, 196, 166, 0.2);
}

.page-network .plan-list--checkout .plan-chip:hover {
  border-color: rgba(87, 196, 166, 0.4);
  background: rgba(87, 196, 166, 0.08);
}

.page-network .plan-list--checkout .plan-chip--popular {
  border-color: rgba(87, 196, 166, 0.4);
}

.page-network .plan-list--checkout .plan-chip-badge {
  background: var(--accent);
  color: #042018;
}

.page-network .tier-tab::before {
  background:
    radial-gradient(ellipse 50% 65% at 20% -8%, rgba(87, 196, 166, 0.16), transparent 58%),
    radial-gradient(ellipse 50% 65% at 80% -8%, rgba(87, 196, 166, 0.16), transparent 58%);
}

.page-network .tier-tab.is-active {
  border-color: rgba(87, 196, 166, 0.45);
  background: rgba(87, 196, 166, 0.1);
  box-shadow: none;
}

.page-network .tier-tab--premium {
  border-color: rgba(230, 190, 95, 0.38);
  background: linear-gradient(
    135deg,
    rgba(255, 210, 110, 0.08) 0%,
    rgba(87, 196, 166, 0.05) 55%,
    rgba(255, 210, 110, 0.04) 100%
  );
}

.page-network .tier-tab--premium::before {
  background:
    radial-gradient(ellipse 55% 70% at 18% -10%, rgba(255, 214, 120, 0.28), transparent 58%),
    radial-gradient(ellipse 55% 70% at 82% -10%, rgba(255, 214, 120, 0.28), transparent 58%),
    radial-gradient(ellipse 90% 45% at 50% 115%, rgba(87, 196, 166, 0.1), transparent 62%);
}

.page-network .tier-tab--premium.is-active {
  border-color: rgba(255, 205, 90, 0.62);
  background: linear-gradient(
    135deg,
    rgba(255, 210, 110, 0.12) 0%,
    rgba(87, 196, 166, 0.1) 55%,
    rgba(255, 210, 110, 0.06) 100%
  );
}

/* LK aside plan grid: quieter chrome */
.page-profile .profile-aside .plan-list {
  gap: 0.4rem;
}

.page-profile .profile-aside .plan-option {
  border-color: rgba(234, 241, 243, 0.1);
  background: rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}

.page-profile .profile-aside .plan-option.is-active {
  border-color: rgba(87, 196, 166, 0.55);
  background: rgba(87, 196, 166, 0.14);
  box-shadow: none;
}

.page-profile .profile-aside .tier-tab {
  border-color: rgba(234, 241, 243, 0.1);
  background: rgba(0, 0, 0, 0.16);
}

.page-profile .profile-aside .tier-tab.is-active {
  border-color: rgba(87, 196, 166, 0.45);
  background: rgba(87, 196, 166, 0.1);
}

/* --- leftover blue kill-list (site.css / transitions / help / admin) --- */
.page-network {
  --tabs-pill-bg: rgba(87, 196, 166, 0.22);
}

.page-network .auth-tab.is-active,
.page-network .t-tab.is-active {
  border-color: rgba(87, 196, 166, 0.45);
  background: rgba(87, 196, 166, 0.1);
  color: var(--ink);
}

.page-network .login-start-icon {
  background: rgba(87, 196, 166, 0.14);
  color: #8fd9c2;
}

.page-network .login-field input:focus,
.page-network .field input:focus,
.page-network .field textarea:focus,
.page-network input:focus,
.page-network textarea:focus,
.page-network select:focus {
  border-color: rgba(87, 196, 166, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(87, 196, 166, 0.12) !important;
}

.page-network .login-field__icon {
  color: var(--muted);
}

.page-network .telegram-auth:hover .telegram-auth-facade,
.page-network .telegram-auth-facade {
  box-shadow: none;
}

.page-network .telegram-auth:hover .telegram-auth-facade {
  background: var(--accent-hover);
  color: #042018;
}

.page-admin .admin-ticket-row.is-selected {
  background: rgba(87, 196, 166, 0.1);
  box-shadow: inset 3px 0 0 rgba(87, 196, 166, 0.85);
}

.page-network .tier-compare-card--full {
  border-color: rgba(87, 196, 166, 0.28);
  background: linear-gradient(155deg, rgba(87, 196, 166, 0.08), rgba(255, 255, 255, 0.02));
}

.page-network-checkout #tier-tabs .auth-tab--premium.is-active,
.page-network-checkout #tier-tabs .auth-tab--premium:not(.is-active) {
  border-color: rgba(255, 205, 90, 0.45);
}

.page-network-checkout #tier-tabs:has(.auth-tab--premium.is-active) .t-tabs-pill {
  background: rgba(255, 205, 90, 0.22);
}

/* Dead blue leftovers inside profile CSS that still match before quiet overrides */
.page-profile .devices-meter-bar::after {
  background: var(--accent) !important;
  box-shadow: none !important;
}

.page-profile .profile-tab.is-active {
  background: rgba(87, 196, 166, 0.16) !important;
  border-color: transparent !important;
  color: #eaf1f3 !important;
}