:root {
    --bg: #050714;
    --bg2: #090d20;
    --card: rgba(255, 255, 255, 0.075);
    --card-strong: rgba(255, 255, 255, 0.12);
    --text: #f6f8ff;
    --muted: rgba(246, 248, 255, 0.67);
    --line: rgba(255, 255, 255, 0.13);
    --line-strong: rgba(255, 255, 255, 0.22);
    --primary: #6d7cff;
    --primary2: #27d7ff;
    --primary3: #9d7cff;
    --danger: #ff5d7a;
    --ok: #47ffb8;
    --warning: #ffd66e;
    --radius: 28px;
    --shadow: 0 26px 90px rgba(0,0,0,.34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at 10% -10%, rgba(110, 124, 255, .38), transparent 34%),
        radial-gradient(circle at 90% 24%, rgba(39, 215, 255, .27), transparent 28%),
        linear-gradient(180deg, #050714 0%, #070916 46%, #03040b 100%);
    overflow-x: hidden;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -4;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: radial-gradient(circle at 50% 20%, black 0, transparent 72%);
}
a { color: inherit; text-decoration: none; }
code { color: #bdefff; background: rgba(255,255,255,.08); padding: 3px 7px; border-radius: 9px; }
button, input, textarea, select { font: inherit; }

.bg-glow { position: fixed; border-radius: 999px; filter: blur(34px); opacity: .55; pointer-events: none; z-index: -3; animation: glowFloat 11s ease-in-out infinite alternate; }
.bg-glow-1 { width: 460px; height: 460px; background: #5f6cff; top: -180px; left: -130px; }
.bg-glow-2 { width: 560px; height: 560px; background: #19d2ff; right: -230px; top: 160px; opacity: .34; animation-delay: -3s; }
.bg-glow-3 { width: 390px; height: 390px; background: #9d7cff; left: 34%; bottom: -240px; opacity: .18; animation-delay: -5s; }
@keyframes glowFloat { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(26px, 18px, 0) scale(1.08); } }

.interactive-field { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: -2; }
.field-atom {
    position: absolute;
    display: block;
    border: 1px solid rgba(255,255,255,.22);
    background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(39,215,255,.10));
    box-shadow: 0 0 24px rgba(39,215,255,.10);
    border-radius: 5px;
    transition: transform .22s cubic-bezier(.2,.9,.2,1), opacity .25s;
    animation: atomFloat 7s ease-in-out infinite alternate;
    opacity: .42;
}
.atom-round { border-radius: 999px; background: rgba(109,124,255,.18); }
@keyframes atomFloat { from { margin-top: -5px; } to { margin-top: 10px; } }

.container { width: min(1280px, calc(100% - 40px)); margin: 0 auto; }
.glass-shell,
.glass-card, .plan-card, .feature-card, .stat-card {
    position: relative;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.052));
    box-shadow: var(--shadow);
    backdrop-filter: blur(26px);
    border-radius: var(--radius);
    transition: transform .22s cubic-bezier(.2,.9,.2,1), border-color .22s, box-shadow .22s, background .22s;
    transform-style: preserve-3d;
}
.glass-card::after, .plan-card::after, .feature-card::after, .stat-card::after, .button::after, .social-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s;
    background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.16), transparent 44%);
}
.glass-card:hover::after, .plan-card:hover::after, .feature-card:hover::after, .stat-card:hover::after, .button:hover::after, .social-card:hover::after { opacity: 1; }
.glass-card:hover, .plan-card:hover, .feature-card:hover, .stat-card:hover { border-color: rgba(39,215,255,.28); }

.site-header {
    width: min(1280px, calc(100% - 40px));
    margin: 18px auto 0;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 999px;
    position: sticky;
    top: 12px;
    z-index: 40;
}
.brand { display: flex; align-items: center; gap: 10px; font-weight: 950; letter-spacing: .08em; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--primary), var(--primary2)); box-shadow: 0 12px 32px rgba(41,214,255,.27); }
.nav { display: flex; align-items: center; gap: 16px; font-size: 14px; color: var(--muted); }
.nav a, .link-button { transition: .18s ease; }
.nav a:hover, .link-button:hover { color: white; transform: translateY(-1px); }
.nav-cta { color: white !important; padding: 9px 14px; background: rgba(255,255,255,.1); border: 1px solid var(--line); border-radius: 999px; }
.inline-form { display: inline; margin: 0; }
.link-button { background: transparent; border: 0; color: var(--muted); cursor: pointer; padding: 0; }

.messages { width: min(1280px, calc(100% - 40px)); margin: 18px auto 0; display: grid; gap: 10px; }
.message { padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.08); backdrop-filter: blur(18px); animation: softIn .28s ease both; }
.message-success { border-color: rgba(71, 255, 184, .45); }
.message-error { border-color: rgba(255, 93, 122, .5); }
@keyframes softIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.hero { min-height: 670px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 50px; padding: 70px 0; }
.eyebrow { color: #8ceaff; text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 950; }
h1 { font-size: clamp(42px, 7vw, 86px); line-height: .95; margin: 14px 0 20px; letter-spacing: -0.07em; }
h2 { margin: 0 0 18px; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.04em; }
h3 { margin: 0 0 10px; font-size: 22px; }
.hero-text, .page-head p { max-width: 650px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 18px; border-radius: 17px; border: 1px solid var(--line); font-weight: 950; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; cursor: pointer; background: transparent; color: white; }
.button:hover { transform: translateY(-2px); box-shadow: 0 20px 48px rgba(0,0,0,.22); }
.button.primary { background: linear-gradient(135deg, var(--primary), var(--primary2)); color: white; border: 0; box-shadow: 0 18px 50px rgba(41,214,255,.23); }
.button.ghost { background: rgba(255,255,255,.075); }
.button.danger { color: white; border-color: rgba(255,93,122,.44); background: rgba(255,93,122,.14); }
.button.full { width: 100%; }

.hero-card { padding: 24px; transform: rotate(1deg); }
.server-window-top { display: flex; gap: 8px; margin-bottom: 24px; }
.server-window-top span { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.35); }
.server-title { font-size: 26px; font-weight: 950; letter-spacing: -0.04em; }
.server-status { margin-top: 8px; color: var(--muted); display: flex; align-items: center; gap: 8px; }
.dot { width: 10px; height: 10px; background: var(--ok); border-radius: 50%; box-shadow: 0 0 18px var(--ok); }
.stats-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 22px 0; }
.stats-grid div { padding: 16px; border-radius: 18px; background: rgba(255,255,255,.075); border: 1px solid var(--line); }
.stats-grid b { display: block; font-size: 22px; }
.stats-grid span { color: var(--muted); font-size: 12px; }
.stats-grid.mini { margin-bottom: 0; }
.fake-console { min-height: 160px; padding: 16px; border-radius: 20px; background: rgba(0,0,0,.28); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; color: #aef5ff; overflow: auto; }
.fake-console p { margin: 0 0 8px; }

.section { padding: 34px 0; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.section-head h2 { margin: 0; }
.section-head a { color: #8ceaff; }
.features-grid, .plans-grid, .servers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.feature-card, .plan-card, .panel-card, .empty { padding: 22px; }
.feature-card p, .plan-card p, .muted { color: var(--muted); line-height: 1.6; }
.plan-card { position: relative; }
.plan-card.popular { border-color: rgba(41,214,255,.55); box-shadow: 0 24px 90px rgba(41,214,255,.14); }
.badge { position: absolute; top: 18px; right: 18px; padding: 7px 10px; border-radius: 999px; background: rgba(41,214,255,.16); color: #8ceaff; font-size: 12px; font-weight: 950; }
.price { margin: 18px 0; font-size: 36px; font-weight: 950; letter-spacing: -0.05em; }
.price span { font-size: 14px; color: var(--muted); letter-spacing: 0; }
ul { padding: 0; list-style: none; margin: 18px 0; color: var(--muted); display: grid; gap: 10px; }
li::before { content: '✓'; color: var(--ok); margin-right: 8px; }

.page-head { padding: 72px 0 30px; }
.page-head.compact { padding-bottom: 18px; }
.page-head h1 { font-size: clamp(42px, 6vw, 70px); }
.dashboard-grid, .order-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.order-layout { grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
.sticky { position: sticky; top: 110px; }
.server-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); }
.server-row span { display: grid; gap: 4px; }
.server-row small, .server-row em { color: var(--muted); font-style: normal; }
.static-row { cursor: default; }
.info-list { display: grid; gap: 12px; margin: 18px 0; }
.info-list div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); }
.info-list span { color: var(--muted); }
.info-list b { overflow-wrap: anywhere; text-align: right; }

.auth-wrap { min-height: 650px; display: grid; place-items: center; }
.auth-card { width: min(480px, 100%); padding: 28px; }
.auth-card h1 { font-size: 44px; }
.form-card { display: grid; gap: 14px; }
.form-card p { margin: 0; display: grid; gap: 7px; color: var(--muted); }
.form-card label { font-weight: 950; color: white; }
.form-card input, .form-card select, .form-card textarea {
    width: 100%; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--line);
    background: rgba(255,255,255,.08); color: white; outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.form-card input:focus, .form-card textarea:focus { border-color: rgba(39,215,255,.45); box-shadow: 0 0 0 4px rgba(39,215,255,.09); }
.form-card select option { color: white; background: #171b2d; }
.form-card input[type="file"] { padding: 10px; }
.form-card input[type="file"]::file-selector-button {
    margin-right: 12px;
    border: 0;
    border-radius: 12px;
    padding: 10px 13px;
    color: white;
    font-weight: 900;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    cursor: pointer;
}
.form-card .helptext { font-size: 12px; color: var(--muted); }
.errorlist { color: #ffb2c0; background: rgba(255,93,122,.11); padding: 10px 12px; border-radius: 12px; }
.center { text-align: center; }
.small { font-size: 13px; }

.estelar-native-select { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; }
.ios-select { position: relative; width: 100%; z-index: 5; }
.ios-select.open { z-index: 120; }
.ios-select-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    border-radius: 18px;
    border: 1px solid var(--line);
    color: white;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07));
    backdrop-filter: blur(22px);
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.ios-select-button i { font-style: normal; color: rgba(255,255,255,.72); transition: .18s; }
.ios-select.open .ios-select-button { border-color: rgba(39,215,255,.45); box-shadow: 0 0 0 4px rgba(39,215,255,.09); }
.ios-select.open .ios-select-button i { transform: rotate(180deg); }
.ios-select-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    max-height: 290px;
    overflow: auto;
    padding: 8px;
    border-radius: 20px;
    border: 1px solid var(--line-strong);
    background: rgba(18, 22, 38, .90);
    backdrop-filter: blur(28px);
    box-shadow: 0 28px 70px rgba(0,0,0,.45);
    transform: translateY(-6px) scale(.98);
    opacity: 0;
    pointer-events: none;
    transition: .18s cubic-bezier(.2,.9,.2,1);
}
.ios-select.open .ios-select-menu { transform: none; opacity: 1; pointer-events: auto; }
.ios-select-option {
    width: 100%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 13px;
    border-radius: 14px;
    background: transparent;
    color: rgba(255,255,255,.86);
    cursor: pointer;
    text-align: left;
}
.ios-select-option:hover { background: rgba(255,255,255,.095); color: white; }
.ios-select-option.selected { background: linear-gradient(135deg, rgba(109,124,255,.65), rgba(39,215,255,.42)); color: white; }

.dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 18px; }
.server-stats-row { grid-template-columns: repeat(4, 1fr); }
.stat-card { padding: 20px; overflow: hidden; }
.stat-card span { color: var(--muted); font-size: 13px; }
.stat-card b { display: block; font-size: clamp(28px, 4vw, 38px); letter-spacing: -0.06em; margin: 7px 0; }
.stat-card small { color: var(--muted); }

.server-tile { display: block; padding: 22px; }
.server-tile-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.status-pill { padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.08); color: #dfe5ff; font-size: 12px; font-weight: 950; white-space: nowrap; }
.status-pill.online { background: rgba(71,255,184,.13); color: #9dffd8; box-shadow: 0 0 20px rgba(71,255,184,.12); }
.status-pill.offline { background: rgba(255,255,255,.08); color: rgba(255,255,255,.66); }
.status-pill.loading { background: rgba(255, 201, 71, .16); color: #ffe39b; box-shadow: 0 0 20px rgba(255, 201, 71, .12); }
.mini-stat-line { display: grid; gap: 10px; margin-top: 18px; }
.mini-stat-line span { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); padding-top: 10px; border-top: 1px solid var(--line); }
.mini-stat-line b { color: white; }

.server-detail-head { margin-top: 52px; padding: 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; overflow: hidden; }
.server-detail-head h1 { font-size: clamp(38px, 5vw, 64px); margin-bottom: 8px; overflow-wrap: anywhere; }
.server-title-block { min-width: 0; }
.server-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.server-actions form { margin: 0; }
.server-workspace { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 18px; }
.server-main { min-width: 0; }
.server-sidebar { position: sticky; top: 102px; padding: 10px; display: grid; gap: 8px; border-radius: 26px; }
.server-sidebar a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 12px 13px;
    border-radius: 18px;
    border: 1px solid transparent;
    color: var(--muted);
    font-weight: 900;
    transition: .2s cubic-bezier(.2,.9,.2,1);
}
.server-sidebar a:hover { background: rgba(255,255,255,.075); color: white; transform: translateX(2px); }
.server-sidebar a.active { color: white; background: linear-gradient(135deg, rgba(109,124,255,.86), rgba(39,214,255,.55)); box-shadow: 0 18px 40px rgba(39,214,255,.16); }
.tab-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,255,255,.09); color: white; }
.server-sidebar a.active .tab-icon { background: rgba(255,255,255,.18); }
.server-panel-grid { grid-template-columns: minmax(0, 1.4fr) minmax(270px, .8fr); }
.wide-card { grid-row: span 2; }
.chart-bars { min-height: 250px; display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; align-items: end; padding: 20px 6px 0; border-radius: 22px; background: rgba(0,0,0,.18); }
.chart-bar-wrap { display: grid; align-items: end; gap: 8px; height: 220px; text-align: center; color: var(--muted); font-size: 12px; }
.chart-bar { min-height: 8px; border-radius: 999px 999px 8px 8px; background: linear-gradient(180deg, var(--primary2), var(--primary)); box-shadow: 0 12px 30px rgba(41,214,255,.18); animation: growUp .7s ease both; transform-origin: bottom; }
@keyframes growUp { from { transform: scaleY(.2); opacity: .25; } to { transform: scaleY(1); opacity: 1; } }

.file-table { display: grid; overflow-x: auto; }
.file-row { display: grid; grid-template-columns: minmax(220px, 1.5fr) .7fr .6fr .7fr; gap: 12px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); min-width: 640px; }
.file-row span { display: grid; gap: 4px; }
.file-row small, .file-row em { color: var(--muted); font-style: normal; }
.file-head { color: var(--muted); font-size: 13px; }
.file-actions { text-align: right; }
.file-actions a { color: #8ceaff; font-weight: 950; }
.code-editor { min-height: 520px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; line-height: 1.5; }
.path-chip { max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hint-box { margin-top: 18px; padding: 16px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.055); }
.hint-box p { margin: 8px 0; color: var(--muted); }
.support-list { margin-top: 26px; }
.social-grid { display: grid; gap: 12px; }
.social-card { position: relative; overflow: hidden; display: grid; gap: 5px; padding: 16px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.065); transition: .2s cubic-bezier(.2,.9,.2,1); }
.social-card:hover { transform: translateY(-2px); border-color: rgba(39,215,255,.32); }
.social-card b { font-size: 18px; }
.social-card span { color: var(--muted); }

.footer { width: min(1280px, calc(100% - 40px)); margin: 70px auto 24px; padding: 22px; border-top: 1px solid var(--line); color: var(--muted); display: flex; justify-content: space-between; gap: 20px; }

@media (max-width: 1100px) {
    .server-workspace { grid-template-columns: 1fr; }
    .server-sidebar { position: sticky; top: 82px; z-index: 25; grid-template-columns: repeat(4, minmax(130px, 1fr)); overflow-x: auto; }
    .server-sidebar a { justify-content: center; white-space: nowrap; }
    .server-panel-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1020px) {
    .features-grid, .plans-grid, .servers-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 920px) {
    .hero, .dashboard-grid, .order-layout { grid-template-columns: 1fr; }
    .dashboard-stats, .server-stats-row { grid-template-columns: repeat(2, 1fr); }
    .nav { gap: 10px; font-size: 13px; }
    .site-header { align-items: flex-start; border-radius: 24px; }
    .server-detail-head { align-items: flex-start; flex-direction: column; }
    .server-actions { justify-content: flex-start; }
    .sticky { position: static; }
    .path-chip { max-width: 100%; }
}
@media (max-width: 700px) {
    .container, .site-header, .messages, .footer { width: min(100% - 24px, 1280px); }
    .site-header, .footer { flex-direction: column; align-items: stretch; }
    .nav { flex-wrap: wrap; }
    .hero { padding: 44px 0; min-height: auto; }
    .features-grid, .plans-grid, .servers-grid, .stats-grid, .dashboard-stats, .server-stats-row { grid-template-columns: 1fr; }
    .server-sidebar { grid-template-columns: repeat(4, max-content); padding: 8px; }
    .server-sidebar a span:last-child { display: none; }
    .server-sidebar a { width: 52px; padding: 10px; }
    .tab-icon { width: 30px; height: 30px; }
    h1 { font-size: 42px; }
    .server-detail-head { margin-top: 28px; }
    .server-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
    .server-actions .button { width: 100%; }
    .file-row { grid-template-columns: 1fr; min-width: 0; }
    .file-head { display: none; }
    .chart-bars { gap: 6px; }
    .section-head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
    .hero-actions, .server-actions { gap: 10px; }
    .button { width: 100%; }
    .brand { font-size: 14px; }
    .nav { font-size: 12px; }
}

/* === ESTELAR DASHBOARD V4 === */
.server-mini-head {
    margin-top: 34px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    overflow: hidden;
}
.server-mini-head h1 {
    font-size: clamp(30px, 4.2vw, 54px);
    margin: 6px 0 6px;
    letter-spacing: -0.06em;
    overflow-wrap: anywhere;
}
.server-avatar-wrap { width: 64px; height: 64px; flex: 0 0 auto; }
.server-avatar-img,
.server-avatar-fallback,
.settings-preview-img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 45px rgba(39,215,255,.14);
}
.server-avatar-fallback,
.settings-preview-img.fallback {
    display: grid;
    place-items: center;
    font-weight: 950;
    font-size: 28px;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
}
.status-stack { display: grid; justify-items: end; gap: 6px; }
.server-workspace { grid-template-columns: 220px minmax(0, 1fr); margin-top: 16px; }
.server-sidebar { top: 92px; }
.server-sidebar a { min-height: 52px; }
.overview-main,
.files-main,
.core-main,
.settings-main { display: grid; gap: 20px; }
.overview-top-grid {
    display: grid;
    grid-template-columns: minmax(340px, .92fr) minmax(0, 1.08fr);
    gap: 20px;
    align-items: stretch;
}
.power-card { padding: 22px; }
.compact-head { margin-bottom: 14px; align-items: flex-start; }
.compact-head p { margin: 6px 0 0; }
.big-actions { justify-content: flex-start; margin-top: 16px; }
.big-actions .button { min-width: 145px; }
.slim-stats { grid-template-columns: repeat(4, minmax(120px, 1fr)); margin-bottom: 0; }
.slim-stats .stat-card { padding: 18px; }
.slim-stats .stat-card b { font-size: clamp(24px, 3vw, 34px); }
.server-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(320px, .88fr);
    gap: 20px;
    align-items: start;
}
.chart-card { grid-column: 1 / 2; }
.metrics-card { grid-column: 1 / 2; }
.core-card-top { grid-column: 2 / 3; grid-row: 1; }
.timeline-chart {
    min-height: 258px;
    display: grid;
    grid-template-columns: repeat(12, minmax(42px, 1fr));
    gap: 12px;
    align-items: end;
    padding: 18px 16px 14px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 48px),
        rgba(0,0,0,.20);
    overflow-x: auto;
}
.timeline-point {
    min-width: 42px;
    height: 215px;
    display: grid;
    grid-template-rows: 1fr auto auto;
    align-items: end;
    justify-items: center;
    gap: 6px;
}
.timeline-bar {
    width: 100%;
    min-height: 10px;
    border-radius: 999px 999px 9px 9px;
    background: linear-gradient(180deg, #32e1ff, #6d7cff);
    box-shadow: 0 16px 34px rgba(41,214,255,.18), inset 0 1px 0 rgba(255,255,255,.26);
    animation: growUp .65s ease both;
    transform-origin: bottom;
}
.timeline-point strong { font-size: 13px; }
.timeline-point small { color: var(--muted); font-size: 11px; }
.compact-info { gap: 0; margin: 8px 0; }
.compact-info div { padding: 12px 0; }
.metric-table { display: grid; gap: 0; }
.metric-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 11px 0;
    border-top: 1px solid var(--line);
    color: var(--muted);
}
.metric-row span, .metric-row b { white-space: nowrap; }
.metric-row span:nth-child(2),
.metric-row span:nth-child(3),
.metric-row span:nth-child(4) { color: white; font-weight: 800; }
.metric-head { color: var(--muted); font-size: 13px; }
.files-toolbar {
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.files-toolbar h2 { margin: 5px 0; }
.server-file-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.68fr) minmax(330px, .68fr);
    gap: 20px;
    align-items: start;
}
.file-list-card { min-height: 585px; }
.upload-card { position: sticky; top: 110px; }
.enhanced-file-table .file-row { grid-template-columns: minmax(320px, 2.35fr) .7fr .55fr .65fr; min-width: 800px; }
.enhanced-file-table .file-row:not(.file-head):hover {
    background: rgba(255,255,255,.045);
    border-radius: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
.core-layout,
.settings-layout { grid-template-columns: minmax(0, 1.05fr) minmax(330px, .6fr); }
.settings-preview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    margin: 14px 0 16px;
}
.settings-preview div:last-child { display: grid; gap: 5px; min-width: 0; }
.settings-preview b { font-size: 19px; overflow-wrap: anywhere; }
.settings-preview span,
.settings-preview small { color: var(--muted); overflow-wrap: anywhere; }
.form-card input[type="file"] {
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
    border-style: dashed;
}
.form-card textarea { resize: vertical; }
.path-chip { max-width: min(620px, 100%); }

@media (max-width: 1180px) {
    .overview-top-grid,
    .server-overview-grid,
    .server-file-grid,
    .core-layout,
    .settings-layout { grid-template-columns: 1fr; }
    .chart-card, .metrics-card, .core-card-top { grid-column: auto; grid-row: auto; }
    .upload-card { position: static; }
}
@media (max-width: 1100px) {
    .server-sidebar { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
}
@media (max-width: 760px) {
    .server-mini-head { grid-template-columns: auto minmax(0, 1fr); }
    .status-stack { grid-column: 1 / -1; justify-items: start; display: flex; align-items: center; }
    .files-toolbar { flex-direction: column; align-items: flex-start; }
    .slim-stats { grid-template-columns: repeat(2, 1fr); }
    .big-actions { display: grid; grid-template-columns: 1fr; }
    .big-actions .button { width: 100%; }
    .timeline-chart { grid-template-columns: repeat(12, 52px); }
    .metric-row { grid-template-columns: 1fr 1fr; }
    .metric-head { display: none; }
}
@media (max-width: 700px) {
    .server-sidebar { grid-template-columns: repeat(5, max-content); }
}
@media (max-width: 480px) {
    .server-mini-head { grid-template-columns: 1fr; }
    .server-avatar-wrap { width: 58px; height: 58px; }
    .server-avatar-img, .server-avatar-fallback, .settings-preview-img { width: 58px; height: 58px; }
    .slim-stats { grid-template-columns: 1fr; }
}

@media (min-width: 1380px) {
  .overview-top-grid { grid-template-columns: minmax(360px, .95fr) minmax(0, 1.05fr); }
  .server-overview-grid { grid-template-columns: minmax(0, 1.68fr) minmax(330px, .9fr); }
  .server-file-grid { grid-template-columns: minmax(0, 1.75fr) minmax(340px, .7fr); }
}


/* === Robokassa / payments === */
.payment-layout { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr); }
.payment-card { padding: 26px; overflow: hidden; }
.payment-hero {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(39,215,255,.16), transparent 42%),
        rgba(255,255,255,.055);
    margin-bottom: 18px;
}
.payment-hero h2 { font-size: clamp(42px, 7vw, 76px); margin: 8px 0; letter-spacing: -0.08em; }
.payment-logo {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: linear-gradient(135deg, #6d7cff, #27d7ff);
    font-size: 34px;
    font-weight: 950;
    box-shadow: 0 22px 55px rgba(39,215,255,.22);
}
.payment-info { margin-top: 12px; }
.payment-actions { display: grid; gap: 12px; margin-top: 18px; }
.dev-pay-box {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 14px;
    background: rgba(255,255,255,.045);
}
.dev-pay-box summary {
    cursor: pointer;
    font-weight: 950;
    color: rgba(255,255,255,.82);
}
.dev-pay-box form { margin-top: 10px; }
.payment-side b { overflow-wrap: anywhere; text-align: right; }
.danger-hint { border-color: rgba(255,93,122,.38); background: rgba(255,93,122,.08); }
@media (max-width: 920px) { .payment-layout { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
    .payment-hero { align-items: flex-start; flex-direction: column; }
    .payment-logo { width: 58px; height: 58px; border-radius: 19px; }
}

/* === ESTELAR ADMIN PANEL V10 === */
.admin-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    margin-bottom: 18px;
}
.admin-nav a {
    padding: 11px 14px;
    border-radius: 16px;
    color: var(--muted);
    font-weight: 900;
    border: 1px solid transparent;
    background: rgba(255,255,255,.045);
    transition: .18s ease;
}
.admin-nav a:hover {
    color: white;
    transform: translateY(-1px);
    border-color: rgba(39,215,255,.24);
    background: rgba(255,255,255,.08);
}
.admin-stats { grid-template-columns: repeat(5, 1fr); }
.admin-grid { align-items: start; }
.admin-search {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.admin-search input,
.admin-search select {
    min-height: 48px;
    flex: 1 1 260px;
}
.admin-table { display: grid; gap: 0; overflow-x: auto; }
.admin-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(160px, .8fr) minmax(90px, .45fr) minmax(150px, .7fr) minmax(90px, .35fr);
    gap: 14px;
    align-items: center;
    padding: 14px 0;
    border-top: 1px solid var(--line);
    min-width: 860px;
}
.admin-row span { display: grid; gap: 3px; }
.admin-row small { color: var(--muted); }
.admin-row a { color: #8ceaff; font-weight: 950; }
.admin-head { color: var(--muted); font-size: 13px; }
.admin-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}
.admin-actions-row form { margin: 0; }
.task-table .admin-row { grid-template-columns: minmax(200px, 1fr) minmax(120px, .5fr) minmax(170px, .8fr) minmax(190px, 1fr) minmax(120px, .45fr); }
.admin-error {
    grid-template-columns: 1fr;
    min-width: 0;
    color: #ffb1c0;
    background: rgba(255,93,122,.08);
    padding: 12px 14px;
    border-radius: 14px;
    margin: 6px 0;
}
@media (max-width: 980px) {
    .admin-stats { grid-template-columns: repeat(2, 1fr); }
    .admin-row { min-width: 760px; }
}
@media (max-width: 640px) {
    .admin-stats { grid-template-columns: 1fr; }
    .admin-actions-row .button { width: 100%; }
    .admin-actions-row form { width: 100%; }
    .admin-nav { display: grid; grid-template-columns: 1fr 1fr; }
}


/* === ESTELAR grayscale refresh === */
:root {
    --bg: #0a0a0c;
    --bg2: #141418;
    --card: rgba(255, 255, 255, 0.06);
    --card-strong: rgba(255, 255, 255, 0.11);
    --text: #f4f4f5;
    --muted: rgba(244, 244, 245, 0.70);
    --line: rgba(255, 255, 255, 0.10);
    --line-strong: rgba(255, 255, 255, 0.18);
    --primary: #f7f7f8;
    --primary2: #b8bbc2;
    --primary3: #7d8088;
    --danger: #ff7d7d;
    --ok: #9ee4b2;
    --warning: #f1d286;
    --shadow: 0 26px 90px rgba(0,0,0,.38);
}
body {
    background:
        radial-gradient(circle at 12% -10%, rgba(255,255,255,.12), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(176,181,191,.14), transparent 28%),
        linear-gradient(180deg, #09090b 0%, #101114 52%, #060607 100%);
}
body::before {
    background-image:
        linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
}
code { color: #f2f3f5; background: rgba(255,255,255,.08); }
.bg-glow-1 { background: #d9dce3; opacity: .15; }
.bg-glow-2 { background: #8e949f; opacity: .12; }
.bg-glow-3 { background: #555b66; opacity: .10; }
.field-atom {
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(186,190,198,.08));
    box-shadow: 0 0 24px rgba(255,255,255,.05);
}
.atom-round { background: rgba(255,255,255,.10); }
.glass-card:hover, .plan-card:hover, .feature-card:hover, .stat-card:hover { border-color: rgba(255,255,255,.18); }
.brand-mark {
    background: linear-gradient(135deg, #ffffff, #a9adb6);
    color: #111214;
    box-shadow: 0 12px 32px rgba(255,255,255,.12);
}
.eyebrow, .section-head a, .file-actions a, .admin-row a { color: #d7d9dd; }
.button.primary {
    color: #101114;
    background: linear-gradient(135deg, #ffffff, #b7bcc5);
    box-shadow: 0 18px 50px rgba(255,255,255,.10);
}
.button.ghost, .nav-cta, .stats-grid div, .server-sidebar a:hover { background: rgba(255,255,255,.06); }
.fake-console { color: #ebedf0; background: rgba(7,7,9,.56); }
.plan-card.popular { border-color: rgba(255,255,255,.24); box-shadow: 0 24px 90px rgba(255,255,255,.05); }
.badge {
    background: rgba(255,255,255,.10);
    color: #f7f7f7;
}
.form-card input:focus, .form-card textarea:focus,
.ios-select.open .ios-select-button {
    border-color: rgba(255,255,255,.24);
    box-shadow: 0 0 0 4px rgba(255,255,255,.06);
}
.ios-select-option.selected,
.server-sidebar a.active,
.chart-bar {
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(164,170,180,.56));
    color: #111214;
    box-shadow: 0 18px 40px rgba(255,255,255,.08);
}
.status-pill.online { background: rgba(158,228,178,.14); color: #d8ffe3; box-shadow: 0 0 20px rgba(158,228,178,.08); }
.social-card:hover { border-color: rgba(255,255,255,.18); }
.hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.hero-points span {
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    color: var(--muted);
    font-size: 13px;
    font-weight: 900;
}
.trust-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: -36px;
    margin-bottom: 34px;
}
.trust-strip div, .perk-card {
    padding: 18px;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
    border-radius: 22px;
    backdrop-filter: blur(20px);
}
.trust-strip b, .perk-card b { display: block; font-size: 24px; letter-spacing: -0.04em; }
.trust-strip span, .perk-card span { color: var(--muted); font-size: 13px; }
.center-head { align-items: end; }
.section-subtitle {
    max-width: 460px;
    color: var(--muted);
    line-height: 1.65;
    margin: 0;
}
.big-features { grid-template-columns: repeat(3, 1fr); }
.icon-bubble {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(164,170,180,.08));
    border: 1px solid var(--line);
    margin-bottom: 16px;
    font-size: 22px;
}
.split-section {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 18px;
    align-items: stretch;
}
.split-section.reverse { grid-template-columns: .95fr 1.05fr; }
.showcase-card { padding: 30px; }
.showcase-card h2 { margin-top: 12px; }
.text-only {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.text-only .button { width: fit-content; margin-top: 16px; }
.control-list { display: grid; gap: 12px; margin-top: 22px; }
.control-list div {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 4px 14px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.04);
}
.control-list span {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    color: #f7f7f7;
    font-weight: 900;
}
.control-list small { color: var(--muted); }
.phone-preview {
    min-height: 430px;
    padding: 24px;
    border-radius: 42px;
    display: grid;
    align-content: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}
.phone-top {
    width: 120px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    margin: 0 auto 8px;
}
.phone-card {
    padding: 16px 18px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    display: grid;
    gap: 4px;
}
.phone-card span, .dns-line em { color: var(--muted); font-size: 12px; }
.phone-card b, .dns-line b { font-size: 19px; letter-spacing: -0.03em; }
.phone-card.active {
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(183,188,197,.08));
}
.dark-band {
    padding: 42px 32px;
    border-radius: 36px;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    border: 1px solid var(--line);
}
.steps-grid, .faq-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.step-card, .faq-item {
    padding: 22px;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}
.step-card span {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    margin-bottom: 12px;
    font-weight: 900;
    background: rgba(255,255,255,.11);
}
.dns-card { padding: 24px; display: grid; gap: 12px; }
.dns-line {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 4px 14px;
    align-items: center;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid var(--line);
}
.dns-line span {
    grid-row: span 2;
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 38px;
    border-radius: 12px;
    font-weight: 900;
    background: rgba(255,255,255,.10);
}
.final-cta {
    margin-top: 34px;
    padding: 28px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}
.pricing-perks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 26px;
}
.pricing-note {
    margin-top: 26px;
    padding: 26px 28px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
}
@media (max-width: 920px) {
    .trust-strip,
    .steps-grid,
    .faq-grid,
    .pricing-perks,
    .split-section,
    .split-section.reverse,
    .big-features {
        grid-template-columns: 1fr 1fr;
    }
    .split-section,
    .split-section.reverse,
    .final-cta,
    .pricing-note {
        display: grid;
    }
}
@media (max-width: 620px) {
    .trust-strip,
    .steps-grid,
    .faq-grid,
    .pricing-perks,
    .big-features,
    .split-section,
    .split-section.reverse {
        grid-template-columns: 1fr;
    }
    .final-cta,
    .pricing-note {
        padding: 22px;
    }
}

/* === Wider Minecraft server panel === */
.wide-server-workspace {
    display: block !important;
    margin-top: 18px;
}
.wide-server-workspace .server-sidebar {
    position: sticky;
    top: 88px;
    z-index: 35;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 28px;
}
.wide-server-workspace .server-sidebar a {
    min-height: 50px;
    flex: 1 1 130px;
    justify-content: center;
    padding: 12px 14px;
}
.full-panel-main {
    width: 100%;
    min-width: 0;
}
.server-dashboard-hero {
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}
.server-dashboard-hero h2 {
    margin-top: 8px;
    overflow-wrap: anywhere;
}
.panel-wide-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hosting-tools-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 18px 0;
}
.tool-card {
    padding: 22px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}
.tool-card span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.10);
    font-weight: 950;
}
.tool-card h3 { margin: 0; }
.tool-card p { color: var(--muted); line-height: 1.55; margin: 0; }
.wide-overview-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
}
.console-panel { padding: 28px; }
.console-window {
    min-height: 420px;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: rgba(0,0,0,.58);
    color: #ededee;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    overflow: auto;
    margin: 18px 0;
}
.console-window p { margin: 0 0 10px; }
.console-command-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
}
.console-command-row input {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.07);
    color: white;
    padding: 14px 16px;
}
.backup-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.backup-card, .empty-inline {
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 9px;
}
.backup-card span, .backup-card small { color: var(--muted); }
.plugins-layout, .domain-layout, .access-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 18px;
}
.simple-steps {
    list-style: decimal;
    padding-left: 20px;
    color: var(--muted);
    display: grid;
    gap: 12px;
    margin: 18px 0;
}
.simple-steps li::before { content: none; }
.domain-preview-card {
    padding: 20px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.05);
    display: grid;
    gap: 8px;
    margin: 18px 0;
}
.domain-preview-card span { color: var(--muted); }
.domain-preview-card b { font-size: clamp(24px, 4vw, 42px); overflow-wrap: anywhere; }
.name-ideas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
}
.name-ideas span {
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid var(--line);
    color: var(--text);
    font-weight: 900;
}
.command-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}
.command-list div {
    display: grid;
    grid-template-columns: minmax(190px, .45fr) 1fr;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}
.command-list b {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    color: var(--text);
}
.command-list span { color: var(--muted); }
@media (max-width: 1100px) {
    .hosting-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .panel-wide-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wide-overview-grid,
    .plugins-layout,
    .domain-layout,
    .access-grid { grid-template-columns: 1fr; }
    .backup-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .server-dashboard-hero { display: grid; padding: 22px; }
    .hosting-tools-grid,
    .panel-wide-stats,
    .backup-grid { grid-template-columns: 1fr; }
    .console-command-row { grid-template-columns: 1fr; }
    .command-list div { grid-template-columns: 1fr; }
    .wide-server-workspace .server-sidebar { overflow-x: auto; flex-wrap: nowrap; }
    .wide-server-workspace .server-sidebar a { min-width: 64px; flex: 0 0 auto; }
}

/* === Trial, catalog plugins, backup actions, invite and full-width panel update === */
.trial-plan-card {
    border-color: rgba(158,228,178,.26) !important;
}
.trial-plan-card .price {
    font-size: 32px;
}
.create-order-wide {
    width: min(1500px, calc(100% - 32px));
}
.server-mini-head,
.wide-server-workspace {
    width: min(1560px, calc(100% - 32px)) !important;
}
.wide-server-workspace .server-sidebar {
    top: 78px;
}
.wide-server-workspace .server-sidebar a {
    flex: 1 1 112px;
}
.full-panel-main .panel-card,
.full-panel-main .glass-card {
    max-width: none;
}
.plugin-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.plugin-catalog-card {
    display: grid;
    gap: 10px;
    min-height: 190px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}
.plugin-catalog-card b {
    font-size: 20px;
}
.plugin-catalog-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.backup-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.backup-actions form {
    flex: 1 1 120px;
}
.backup-actions .button {
    width: 100%;
}
.invite-box {
    white-space: pre-line;
    margin: 18px 0;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: rgba(0,0,0,.35);
    font-weight: 800;
    line-height: 1.7;
}
.invite-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.support-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
}
.help-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.help-cards-grid div {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 6px;
}
.help-cards-grid span {
    color: var(--muted);
    line-height: 1.45;
}
.transfer-card {
    grid-column: span 2;
}
@media (max-width: 1100px) {
    .plugin-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .support-page-grid { grid-template-columns: 1fr; }
    .transfer-card { grid-column: auto; }
}
@media (max-width: 680px) {
    .plugin-catalog-grid,
    .help-cards-grid { grid-template-columns: 1fr; }
    .invite-actions { display: grid; }
}


/* === ESTELAR legal footer === */
.legal-footer {
    align-items: flex-start;
}
.footer-brand {
    display: grid;
    gap: 6px;
}
.footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 18px;
    color: var(--muted);
    font-size: 14px;
}
.footer-legal a {
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.22);
}
.legal-document {
    margin-top: 18px;
    padding: 28px;
}
@media (max-width: 720px) {
    .footer-legal { justify-content: flex-start; }
}


/* === ESTELAR staff roles / support / Java update === */
.staff-layout {
    display: grid;
    grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
    gap: 18px;
    align-items: start;
}
.role-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.role-info-grid div,
.java-recommend-card,
.ticket-message,
.ticket-client-reply {
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
    border-radius: 18px;
    padding: 14px 16px;
}
.role-info-grid b,
.ticket-message b,
.ticket-client-reply b {
    display: block;
    margin-bottom: 4px;
}
.role-info-grid span,
.ticket-client-reply p,
.ticket-message small {
    color: var(--muted);
}
.staff-table {
    display: grid;
    gap: 12px;
}
.staff-row {
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(0, 1.8fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,.035);
}
.staff-row small {
    display: block;
    color: var(--muted);
    margin-top: 4px;
}
.staff-inline-form {
    display: grid;
    grid-template-columns: 160px minmax(120px, 1fr) minmax(140px, 1fr) auto auto;
    gap: 8px;
    align-items: center;
}
.staff-inline-form input,
.staff-inline-form select,
.admin-search select {
    width: 100%;
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px solid var(--line);
    color: var(--text);
    background: rgba(255,255,255,.07);
}
.checkline {
    color: var(--muted);
    font-size: 13px;
    white-space: nowrap;
}
.logs-list,
.ticket-detail-layout {
    margin-top: 18px;
}
.log-row {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .9fr);
    gap: 18px;
    padding: 16px 0;
    border-top: 1px solid var(--line);
}
.log-row:first-child { border-top: 0; }
.log-row small,
.log-meta span {
    display: block;
    color: var(--muted);
}
.log-row p {
    margin: 8px 0 0;
    color: var(--muted);
}
.log-meta {
    display: grid;
    gap: 5px;
    text-align: right;
}
.ticket-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid var(--line);
}
.ticket-row:first-child { border-top: 0; }
.ticket-row small {
    display: block;
    color: var(--muted);
    margin-top: 4px;
}
.ticket-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
.ticket-badges span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: var(--muted);
    font-size: 12px;
    border: 1px solid var(--line);
}
.ticket-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 18px;
    align-items: start;
}
.ticket-message {
    margin-bottom: 12px;
}
.ticket-message p {
    white-space: pre-wrap;
    line-height: 1.65;
}
.staff-message {
    border-color: rgba(255,255,255,.20);
    background: rgba(255,255,255,.07);
}
.reply-form {
    margin-top: 18px;
}
.ticket-mini-card {
    border-top: 1px solid var(--line);
    padding-top: 10px;
}
.ticket-mini-card:first-child {
    border-top: 0;
}
.ticket-client-reply {
    margin: 8px 0;
}
.ticket-client-reply p {
    margin: 0;
    white-space: pre-wrap;
}
.java-recommend-card {
    margin-bottom: 16px;
    display: grid;
    gap: 4px;
}
.java-recommend-card span,
.java-recommend-card small {
    color: var(--muted);
}
.java-recommend-card b {
    font-size: 28px;
    letter-spacing: -0.04em;
}
@media (max-width: 1050px) {
    .staff-layout,
    .ticket-detail-layout,
    .staff-row,
    .log-row,
    .ticket-row {
        grid-template-columns: 1fr;
    }
    .staff-inline-form {
        grid-template-columns: 1fr;
    }
    .log-meta,
    .ticket-badges {
        text-align: left;
        justify-content: flex-start;
    }
}
@media (max-width: 700px) {
    .role-info-grid {
        grid-template-columns: 1fr;
    }
}


/* === ESTELAR profile dropdown + cleaner support chat === */
.profile-menu {
    position: relative;
    display: inline-block;
}
.profile-menu summary {
    list-style: none;
    cursor: pointer;
    display: grid;
    place-items: center;
}
.profile-menu summary::-webkit-details-marker {
    display: none;
}
.profile-avatar {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    font-weight: 900;
    color: #111214;
    background: linear-gradient(135deg, #ffffff, #b7bcc5);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile-avatar.big {
    width: 58px;
    height: 58px;
    border-radius: 20px;
}
.profile-avatar.huge {
    width: 108px;
    height: 108px;
    border-radius: 32px;
    font-size: 44px;
}
.profile-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: min(360px, 88vw);
    padding: 18px;
    z-index: 50;
}
.profile-drop-head {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
}
.profile-drop-head b {
    display: block;
    font-size: 18px;
}
.profile-drop-head small {
    color: var(--muted);
}
.profile-drop-info,
.profile-mini-grid {
    display: grid;
    gap: 8px;
    margin: 12px 0 16px;
}
.profile-drop-info div,
.profile-mini-grid div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}
.profile-drop-info span,
.profile-mini-grid span {
    color: var(--muted);
}
.profile-dropdown form {
    margin-top: 8px;
}
.profile-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: 18px;
    align-items: start;
}
.profile-preview {
    display: grid;
    grid-template-columns: 108px minmax(0,1fr);
    gap: 20px;
    align-items: center;
    margin-bottom: 22px;
}
.profile-preview h2 {
    margin: 0 0 4px;
    font-size: clamp(32px, 4vw, 48px);
}

.support-chat-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 18px;
}
.support-conversations-card {
    grid-column: 1 / -1;
}
.compact-help {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.support-thread {
    padding: 18px 0;
    border-top: 1px solid var(--line);
}
.support-thread:first-of-type {
    border-top: 0;
}
.support-thread-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
}
.support-thread-head b {
    display: block;
    font-size: 20px;
}
.support-thread-head small,
.support-thread-head span {
    color: var(--muted);
}
.chat-bubble {
    max-width: 82%;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    margin: 10px 0;
}
.chat-bubble p {
    margin: 8px 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
.client-bubble {
    margin-left: auto;
    border-top-right-radius: 6px;
}
.staff-bubble {
    margin-right: auto;
    border-top-left-radius: 6px;
    background: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.18);
}
.attachment-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    margin: 6px 6px 0 0;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.055);
    color: var(--text);
    text-decoration: none;
}
.attachment-link img {
    width: 64px;
    height: 46px;
    border-radius: 10px;
    object-fit: cover;
}
.support-reply-form {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.035);
}
.support-reply-form p {
    margin: 0 0 10px;
}
.support-reply-form textarea {
    min-height: 94px;
}
.ticket-message .attachment-link {
    margin-top: 8px;
}
@media (max-width: 980px) {
    .profile-page-layout,
    .profile-preview,
    .support-chat-layout {
        grid-template-columns: 1fr;
    }
    .chat-bubble {
        max-width: 100%;
    }
}
@media (max-width: 620px) {
    .profile-dropdown {
        right: -60px;
    }
    .compact-help {
        grid-template-columns: 1fr;
    }
}


/* === ESTELAR form polish / readable admin fixes === */
.form-card input[type="text"],
.form-card input[type="email"],
.form-card input[type="password"],
.form-card input[type="number"],
.form-card input[type="url"],
.form-card input[type="file"],
.form-card textarea,
.form-card select,
.admin-search input,
.admin-search select,
.support-reply-form textarea,
.support-reply-form input[type="file"],
.staff-inline-form input,
.staff-inline-form select {
    width: 100%;
    color: var(--text);
    background: rgba(255,255,255,.065);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 13px 14px;
    outline: none;
    box-shadow: none;
}
.form-card textarea,
.support-reply-form textarea {
    min-height: 120px;
    resize: vertical;
    line-height: 1.55;
}
.form-card input::placeholder,
.form-card textarea::placeholder,
.admin-search input::placeholder,
.support-reply-form textarea::placeholder {
    color: rgba(244,244,245,.48);
}
.form-card input:focus,
.form-card textarea:focus,
.form-card select:focus,
.admin-search input:focus,
.admin-search select:focus,
.support-reply-form textarea:focus,
.support-reply-form input:focus,
.staff-inline-form input:focus,
.staff-inline-form select:focus {
    border-color: rgba(255,255,255,.34);
    box-shadow: 0 0 0 4px rgba(255,255,255,.075);
}
.form-card select,
.admin-search select,
.staff-inline-form select {
    appearance: auto;
    cursor: pointer;
}
.form-card option,
.admin-search option,
.staff-inline-form option {
    background: #141418;
    color: #f4f4f5;
}
.form-card input[type="file"],
.support-reply-form input[type="file"] {
    padding: 11px 12px;
    background: rgba(255,255,255,.05);
}
.form-card input[type="file"]::file-selector-button,
.support-reply-form input[type="file"]::file-selector-button {
    margin-right: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 9px 12px;
    color: #111214;
    font-weight: 900;
    background: linear-gradient(135deg, #ffffff, #b7bcc5);
    cursor: pointer;
}
.form-card p,
.support-reply-form p {
    margin: 0 0 14px;
}
.form-card label,
.support-reply-form label {
    display: block;
    margin-bottom: 7px;
    font-weight: 900;
}
.form-card .helptext,
.support-reply-form .helptext {
    display: block;
    margin-top: 7px;
    color: var(--muted);
    font-size: 13px;
}
.support-reply-form {
    display: grid;
    gap: 10px;
}
.support-reply-form button {
    width: fit-content;
}
.ticket-detail-layout .sticky {
    max-width: 100%;
    overflow: visible;
}
.ticket-detail-layout .form-card select {
    max-width: 100%;
}
.log-row {
    align-items: start;
}
.log-row b {
    line-height: 1.45;
}
.log-row small {
    margin-top: 5px;
}
.log-row p {
    background: rgba(255,255,255,.035);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 10px 12px;
}
.log-meta span {
    overflow-wrap: anywhere;
}
@media (max-width: 700px) {
    .form-card input[type="file"]::file-selector-button,
    .support-reply-form input[type="file"]::file-selector-button {
        width: 100%;
        margin: 0 0 8px;
    }
}

.link-danger {
    border: 0;
    background: transparent;
    color: #ff6b6b;
    cursor: pointer;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}
.command-form input[type="text"], .upload-card input[type="text"], .hint-box input[type="text"] {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: #fff;
    padding: 12px 14px;
}
.hint-box.danger {
    border-color: rgba(255, 87, 87, .35);
    background: rgba(255, 87, 87, .08);
}

/* ESTELAR v8: stable console + cleaner file manager */
.real-console-window {
    height: 560px;
    min-height: 420px;
    max-height: 62vh;
    overflow: auto;
    scrollbar-width: thin;
}
.real-console-window pre {
    font-size: 13px;
    line-height: 1.48;
}
.command-input-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}
.console-notice.danger {
    border-color: rgba(255,93,122,.5);
    background: rgba(255,93,122,.10);
}
.quick-commands {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}
.quick-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.quick-command-grid button {
    text-align: left;
    display: grid;
    gap: 5px;
    padding: 13px 14px;
    border-radius: 16px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.055);
    color: white;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.quick-command-grid button:hover {
    transform: translateY(-1px);
    border-color: rgba(39,215,255,.35);
    background: rgba(255,255,255,.085);
}
.quick-command-grid button b { font-size: 13px; }
.quick-command-grid button span { color: var(--muted); font-size: 12px; line-height: 1.35; }
.files-main .magnetic-card,
.files-main .file-row,
.files-main .button,
.files-main .link-danger {
    transform: none !important;
}
.enhanced-file-table .file-row,
.enhanced-file-table .file-row:not(.file-head):hover {
    transition: background .16s ease, border-color .16s ease;
}
.enhanced-file-table .file-row:not(.file-head):hover {
    padding-left: 0;
    padding-right: 0;
    background: rgba(255,255,255,.035);
}
.file-actions {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.file-actions a,
.file-actions .link-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.06);
    color: #dfefff;
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
}
.file-actions a:hover {
    border-color: rgba(39,215,255,.35);
    color: white;
}
.file-actions .link-danger {
    border-color: rgba(255,93,122,.35);
    color: #ffccd5;
    cursor: pointer;
}
.file-actions .link-danger:hover {
    background: rgba(255,93,122,.12);
    color: white;
}
@media (max-width: 980px) {
    .quick-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .quick-command-grid { grid-template-columns: 1fr; }
    .command-input-row { grid-template-columns: 1fr; }
}

/* ESTELAR v9: hard fixes for command cards, file buttons and calm hover states */
.quick-command-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 12px !important;
}
.quick-command-grid button,
.quick-command-grid button[type="button"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    min-height: 78px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
    color: #f4f6fa !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.quick-command-grid button:hover {
    transform: none !important;
    border-color: rgba(255,255,255,.24) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}
.quick-command-grid button b {
    display: inline-flex !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}
.quick-command-grid button span {
    display: block !important;
    color: rgba(255,255,255,.68) !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}
.files-main .magnetic-card,
.files-main .file-row,
.files-main .button,
.files-main .link-danger,
.files-main a {
    transform: none !important;
}
.enhanced-file-table .file-row,
.enhanced-file-table .file-row:not(.file-head),
.enhanced-file-table .file-row:not(.file-head):hover {
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    transition: background-color .24s ease, border-color .24s ease !important;
}
.enhanced-file-table .file-row:not(.file-head):hover {
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(255,255,255,.10) !important;
}
.file-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.file-actions a,
.file-actions .link-danger,
.file-actions button.link-danger {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.045) !important;
    color: #eef2f8 !important;
    font: inherit !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color .22s ease, border-color .22s ease, color .22s ease !important;
}
.file-actions a:hover,
.file-actions .link-danger:hover,
.file-actions button.link-danger:hover {
    transform: none !important;
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: white !important;
}
.file-actions .link-danger,
.file-actions button.link-danger {
    border-color: rgba(255,93,122,.32) !important;
    color: #ffd6dd !important;
}
.file-actions .link-danger:hover,
.file-actions button.link-danger:hover {
    background: rgba(255,93,122,.12) !important;
    border-color: rgba(255,93,122,.45) !important;
}
.real-console-window {
    height: 540px !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.real-console-window pre {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
.timeline-chart {
    grid-template-columns: repeat(12, minmax(42px, 1fr)) !important;
}
.timeline-bar {
    transition: height .35s ease, opacity .25s ease !important;
}
.command-form .muted code {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 4px !important;
    background: rgba(255,255,255,.08) !important;
    color: #f3f6fb !important;
    border-radius: 9px !important;
    padding: 3px 7px !important;
}

/* v11 custom tariff builder */
.custom-tariff-teaser {
    margin-top: 22px;
    padding: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
    gap: 22px;
    overflow: hidden;
    border-color: rgba(39,215,255,.26);
}
.custom-tariff-teaser::before,
.custom-summary-card::before,
.custom-builder-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(500px circle at 75% 15%, rgba(39,215,255,.20), transparent 52%);
    opacity: .9;
}
.custom-teaser-copy, .custom-teaser-panel, .custom-builder-form, .custom-summary-card > * { position: relative; z-index: 1; }
.custom-teaser-copy h2 { margin-bottom: 10px; }
.custom-teaser-panel { display: grid; gap: 12px; }
.mini-slider, .builder-slider {
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.055);
    border-radius: 22px;
    padding: 16px;
    transition: border-color .22s ease, background .22s ease, transform .22s ease;
}
.mini-slider:hover, .builder-slider:hover { border-color: rgba(39,215,255,.30); background: rgba(255,255,255,.075); transform: translateY(-1px); }
.mini-slider span, .builder-slider small { color: var(--muted); }
.mini-slider b, .builder-slider div { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.mini-slider b { font-size: 20px; }
.builder-slider div span { color: #8ceaff; font-weight: 950; }
.custom-teaser-price, .custom-price {
    font-size: 42px;
    font-weight: 1000;
    letter-spacing: -.06em;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(109,124,255,.24), rgba(39,215,255,.16));
    border: 1px solid rgba(39,215,255,.26);
}
.custom-price small { font-size: 14px; color: var(--muted); letter-spacing: 0; }
input[type='range'] {
    width: 100%;
    accent-color: var(--primary2);
    cursor: pointer;
    margin-top: 10px;
}
.custom-order-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 18px;
    align-items: start;
}
.custom-builder-card, .custom-summary-card { padding: 24px; overflow: hidden; }
.custom-basic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.custom-basic-grid label, .builder-slider b { font-weight: 950; }
.custom-basic-grid input, .custom-basic-grid textarea, .custom-basic-grid select,
.custom-builder-form input:not([type='range']), .custom-builder-form select {
    width: 100%;
}
.builder-sliders { display: grid; gap: 13px; }
.custom-summary-card { top: 96px; }
.builder-orb {
    width: 62px;
    height: 62px;
    border-radius: 22px;
    display: grid;
    place-items: center;
    font-weight: 1000;
    background: linear-gradient(135deg, #ffffff, #b8c2d7);
    color: #10131d;
    box-shadow: 0 18px 50px rgba(255,255,255,.16);
    margin-bottom: 16px;
}
.custom-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin: 18px 0; }
.custom-summary-grid div { padding: 14px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.06); }
.custom-summary-grid span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.custom-summary-grid b { font-size: 19px; }
.strength-bar { height: 12px; border-radius: 999px; background: rgba(255,255,255,.09); overflow: hidden; border: 1px solid var(--line); }
.strength-bar i { display: block; height: 100%; width: 44%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--primary2), var(--ok)); transition: width .25s ease; }
.custom-strength span { display: block; margin-top: 10px; color: var(--muted); line-height: 1.55; }
.custom-submit { margin-top: 18px; }
@media (max-width: 920px) {
    .custom-tariff-teaser, .custom-order-grid, .custom-basic-grid { grid-template-columns: 1fr; }
}

/* v13 YooKassa + legal + server billing */
.legal-doc-grid {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.legal-doc-nav {
    position: sticky;
    top: 96px;
    display: grid;
    gap: 8px;
    padding: 18px;
}
.legal-doc-nav a {
    color: var(--text);
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.045);
}
.legal-doc-nav a:hover { background: rgba(255,255,255,.08); }
.legal-doc-content { padding: 28px; }
.legal-section { padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.10); }
.legal-section:last-child { border-bottom: 0; }
.legal-section h2 { margin: 6px 0 14px; }
.legal-section p { line-height: 1.75; color: rgba(245,247,255,.86); }
.legal-list { display: grid; gap: 10px; color: rgba(245,247,255,.86); line-height: 1.65; }
.upgrade-plan-list { display: grid; gap: 12px; }
.upgrade-plan-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
}
.upgrade-plan-card b { display: block; font-size: 18px; }
.upgrade-plan-card small { display: block; color: var(--muted); margin-top: 4px; }
.upgrade-plan-card select,
.stacked-form select {
    width: 100%;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    padding: 12px 14px;
    background: rgba(16,18,26,.88);
    color: var(--text);
}
.stacked-form { display: grid; gap: 14px; }
.payment-logo { background: linear-gradient(135deg, #ffffff, #b8c2d7); color: #11151f; }
@media (max-width: 960px) {
    .legal-doc-grid { grid-template-columns: 1fr; }
    .legal-doc-nav { position: static; }
    .upgrade-plan-card { grid-template-columns: 1fr; }
}

/* ESTELAR v15: owner grant tools + compact console */
.real-console-window {
    height: 420px !important;
    min-height: 320px !important;
    max-height: 48vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.danger-text { color: #ff9baa; }
.admin-inline-form {
    display: grid;
    grid-template-columns: minmax(0, 160px) auto;
    gap: 12px;
    align-items: center;
}
.admin-inline-form input,
.admin-manual-grant-form input,
.admin-manual-grant-form select,
.admin-manual-grant-form textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: #fff;
    padding: 12px 14px;
}
.admin-manual-grant-form label small {
    display: block;
    margin-top: 6px;
    color: var(--muted);
}
.form-section-title {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}
.form-section-title:first-child { border-top: 0; padding-top: 0; }
.full-width { grid-column: 1 / -1; }
.manual-custom-box {
    grid-column: 1 / -1;
    padding: 18px;
}
.mini-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
@media (max-width: 900px) {
    .mini-grid { grid-template-columns: 1fr 1fr; }
    .admin-inline-form { grid-template-columns: 1fr; }
}

/* ESTELAR v16: fixed owner grant layout */
.admin-manual-grant-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}
.admin-manual-grant-form label {
    display: grid;
    gap: 8px;
    font-weight: 900;
    min-width: 0;
}
.admin-manual-grant-form input,
.admin-manual-grant-form select,
.admin-manual-grant-form textarea {
    box-sizing: border-box;
    min-width: 0;
}
.admin-manual-grant-form option,
.form-card option,
.custom-builder-form option,
.stacked-form option {
    background: #141821;
    color: #f6f7fb;
}
.admin-manual-grant-form .errorlist {
    margin: 0;
    padding: 10px 12px;
    list-style: none;
    border-radius: 14px;
    background: rgba(255, 89, 111, .12);
    border: 1px solid rgba(255, 89, 111, .28);
    color: #ffb0bc;
    font-size: 13px;
}
.manual-custom-box {
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.12);
}
.manual-custom-box h3 { margin: 0 0 8px; }
.manual-custom-box .mini-grid { margin-top: 16px; }
.real-console-window pre,
#consoleLog {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
@media (max-width: 900px) {
    .admin-manual-grant-form { grid-template-columns: 1fr; }
}

/* ESTELAR v18: email verification */
.verify-code-form .code-input {
    text-align: center;
    font-size: 32px;
    letter-spacing: 12px;
    font-weight: 900;
}
.auth-actions-inline {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px;
}
.small { font-size: 13px; }
.email-warning-card {
    margin: 18px 0;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(255, 190, 90, .3);
    background: rgba(255, 190, 90, .08);
}


/* === ESTELAR v19: server panel tabs + low-latency console UI === */
.server-tabs {
    position: sticky;
    top: 88px;
    z-index: 35;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 12px;
    margin: 0 0 20px;
    border-radius: 28px;
    overflow: visible;
}
.server-tabs a {
    flex: 1 1 130px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid transparent;
    color: var(--muted);
    font-weight: 900;
    white-space: nowrap;
    background: rgba(255,255,255,.035);
    transition: .18s ease;
}
.server-tabs a:hover {
    color: #fff;
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.075);
}
.server-tabs a.active {
    color: #101114;
    background: linear-gradient(135deg, #ffffff, #b7bcc5);
    box-shadow: 0 16px 45px rgba(255,255,255,.10);
}
.real-console-window {
    height: 430px !important;
    max-height: 54vh !important;
}
.console-panel .section-head { gap: 18px; }
.console-panel .server-actions { flex-wrap: wrap; }
.hero-points a, .hero-points span { text-decoration: none; }
@media (max-width: 900px) {
    .server-tabs { overflow-x: auto; flex-wrap: nowrap; align-items: stretch; }
    .server-tabs a { min-width: 118px; flex: 0 0 auto; }
}
@media (max-width: 560px) {
    .server-tabs { top: 76px; border-radius: 20px; }
    .server-tabs a { min-width: 104px; font-size: 13px; padding: 10px 12px; }
    .real-console-window { height: 360px !important; }
}


/* === ESTELAR v21.1: backups spacing + billing polish === */
.panel-card .hint-box + .hint-box,
.panel-card .hint-box + .backup-grid,
.backup-grid + .hint-box {
    margin-top: 18px;
}
.backup-grid {
    gap: 22px !important;
    margin-top: 22px;
}
.backup-card, .empty-inline {
    padding: 24px !important;
    gap: 13px !important;
    min-height: 158px;
}
.backup-card b {
    font-size: 19px;
    letter-spacing: -0.02em;
}
.backup-card code {
    width: max-content;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: rgba(245,247,255,.86);
}
.backup-actions {
    gap: 12px !important;
    margin-top: 16px !important;
}
.backup-actions .button {
    min-height: 42px;
}

.server-billing-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 22px;
    align-items: start;
}
.billing-card { padding: 26px; }
.billing-card .stacked-form label,
.custom-upgrade-form label {
    display: grid;
    gap: 8px;
    color: rgba(245,247,255,.88);
    font-weight: 850;
}
.billing-card select,
.billing-card input,
.custom-upgrade-form input,
.custom-upgrade-form select {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(16,18,26,.78);
    color: var(--text);
    outline: none;
}
.custom-upgrade-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 16px 18px !important;
    align-items: end;
}
.custom-upgrade-form small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.45;
    font-weight: 600;
}
.custom-upgrade-form .form-actions,
.custom-upgrade-form .full-width {
    grid-column: 1 / -1;
}
.custom-upgrade-form .button {
    min-height: 50px;
    width: max-content;
    max-width: 100%;
}
.upgrade-plan-card {
    gap: 16px !important;
    padding: 18px !important;
}
.upgrade-plan-card select { min-width: 120px; }
@media (max-width: 1040px) {
    .server-billing-grid { grid-template-columns: 1fr; }
    .custom-upgrade-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .custom-upgrade-form { grid-template-columns: 1fr; }
    .custom-upgrade-form .button { width: 100%; }
}

/* === ESTELAR v21.3: safe backups + safe archive extraction === */
.safe-box code {
    padding: 3px 7px;
    border-radius: 9px;
    background: rgba(255,255,255,.09);
    color: rgba(245,247,255,.96);
    font-weight: 950;
}
.backup-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.backup-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: max-content;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .02em;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.07);
    color: rgba(245,247,255,.86);
}
.backup-status.ready {
    border-color: rgba(93, 255, 188, .28);
    background: rgba(93, 255, 188, .09);
    color: #dfffee;
}
.backup-status.pending {
    border-color: rgba(255, 207, 87, .30);
    background: rgba(255, 207, 87, .10);
    color: #fff0bf;
}
.backup-status.failed {
    border-color: rgba(255, 91, 115, .34);
    background: rgba(255, 91, 115, .11);
    color: #ffdbe2;
}
.backup-card-pending {
    opacity: .92;
}
.backup-card-failed {
    border-color: rgba(255, 91, 115, .35) !important;
}
.backup-actions .button:disabled,
.button[disabled] {
    opacity: .45 !important;
    cursor: not-allowed !important;
    filter: grayscale(.25);
}
.file-actions .link-button,
.file-actions button.link-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(39,215,255,.28) !important;
    background: rgba(39,215,255,.08) !important;
    color: #e7fbff !important;
    font: inherit !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
}
.file-actions .link-button:hover,
.file-actions button.link-button:hover {
    background: rgba(39,215,255,.14) !important;
    border-color: rgba(39,215,255,.42) !important;
    color: white !important;
}
.upload-card form p {
    margin: 0 0 12px;
    display: grid;
    gap: 7px;
}
.upload-card form p label {
    color: rgba(245,247,255,.9);
    font-weight: 850;
}
.upload-card form p .helptext {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}
.upload-card input[type="checkbox"] {
    width: auto;
    min-height: auto;
    accent-color: #27d7ff;
}
@media (max-width: 760px) {
    .backup-topline {
        display: grid;
    }
}

/* === ESTELAR v21.3.1: compact backups + mobile archive upload === */
.backup-page-card {
    overflow: hidden;
}
.backup-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}
.backup-hero h2,
.archive-head h2 {
    margin-bottom: 6px;
}
.backup-short-text {
    max-width: 720px;
}
.backup-create-form {
    min-width: 220px;
    display: grid;
    gap: 8px;
    justify-items: stretch;
}
.backup-create-form small,
.micro-help {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}
.backup-stats.compact-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 0;
}
.mini-stat {
    min-width: 0;
    padding: 13px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 5px;
}
.mini-stat span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
}
.mini-stat b {
    color: var(--text);
    font-size: 15px;
    overflow-wrap: anywhere;
}
.compact-notice {
    margin-top: 14px;
    padding: 13px 15px;
    border-radius: 18px;
    border: 1px solid rgba(39,215,255,.20);
    background: rgba(39,215,255,.07);
    display: grid;
    gap: 4px;
}
.compact-notice span {
    color: var(--muted);
    line-height: 1.45;
}
.compact-notice.danger {
    border-color: rgba(255,93,122,.34);
    background: rgba(255,93,122,.08);
}
.compact-help {
    margin-top: 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    overflow: hidden;
}
.compact-help summary {
    cursor: pointer;
    padding: 13px 15px;
    font-weight: 950;
    color: rgba(245,247,255,.94);
}
.compact-help-grid {
    padding: 0 15px 15px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.compact-help-grid span {
    padding: 11px 12px;
    border-radius: 14px;
    background: rgba(0,0,0,.18);
    color: var(--muted);
    line-height: 1.45;
}
.compact-help code,
.micro-help code {
    padding: 2px 6px;
    border-radius: 8px;
    background: rgba(255,255,255,.09);
    color: rgba(245,247,255,.96);
    font-weight: 900;
}
.backup-grid.backup-grid-spaced {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 18px !important;
}
.backup-card,
.empty-inline.backup-empty {
    min-height: auto !important;
    padding: 18px !important;
}
.backup-topline b {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.backup-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: var(--muted);
}
.backup-meta > span,
.backup-meta > small,
.backup-meta > code {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
}
.backup-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: 10px !important;
}
.backup-actions form {
    min-width: 0;
}
.backup-actions .button {
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
}
.compact-upload-card .section-head.compact-head {
    margin-top: 18px;
    margin-bottom: 8px;
}
.compact-upload-card .section-head.compact-head:first-child {
    margin-top: 0;
}
.compact-form {
    gap: 10px !important;
}
.compact-form label {
    margin-top: 2px;
}
.archive-upload-form input[type="text"],
.archive-upload-form input[type="file"] {
    width: 100%;
}
.toggle-stack {
    display: grid;
    gap: 8px;
    margin: 2px 0 4px;
}
.toggle-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px !important;
    align-items: start;
    padding: 11px 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
    color: var(--text) !important;
}
.toggle-card input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #27d7ff;
}
.toggle-card span {
    display: grid;
    gap: 3px;
    min-width: 0;
}
.toggle-card b {
    font-size: 13px;
}
.toggle-card small {
    color: var(--muted);
    line-height: 1.35;
    font-weight: 650;
}
.upload-help {
    margin-top: 16px;
}
.upload-help .compact-help-grid {
    grid-template-columns: 1fr;
}
.files-main .upload-card .hint-box {
    margin-top: 12px;
}

@media (max-width: 860px) {
    .backup-hero {
        grid-template-columns: 1fr;
    }
    .backup-create-form {
        min-width: 0;
    }
    .backup-stats.compact-stats,
    .compact-help-grid,
    .backup-grid.backup-grid-spaced {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 560px) {
    .backup-page-card {
        padding: 18px !important;
        border-radius: 22px !important;
    }
    .backup-hero h2,
    .archive-head h2 {
        font-size: 28px;
        line-height: 1.05;
    }
    .mini-stat {
        padding: 11px 12px;
    }
    .compact-help summary,
    .compact-notice {
        font-size: 13px;
    }
    .backup-actions {
        grid-template-columns: 1fr !important;
    }
    .backup-topline {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px !important;
    }
    .backup-status {
        width: max-content;
    }
    .toggle-card {
        padding: 10px;
    }
    .upload-card input[type="file"] {
        font-size: 13px;
    }
}

/* === ESTELAR v21.3.2: fixed backup/mobile upload UI + safer download === */
.estelar-backups-v2132,
.estelar-upload-v2132 {
    overflow: hidden !important;
}
.estelar-backups-v2132 * ,
.estelar-upload-v2132 * {
    box-sizing: border-box;
}
.backup-v2-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) !important;
    gap: 18px !important;
    align-items: start !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
.backup-v2-title h2 {
    margin: 4px 0 8px !important;
    font-size: clamp(32px, 5vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
}
.backup-v2-title p,
.backup-v2-create span,
.backup-v2-alert span,
.backup-v2-help p,
.backup-v2-card-top span,
.archive-field small,
.archive-option-v2 small,
.archive-help-v2 p,
.upload-v2-head p {
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}
.backup-v2-create {
    display: grid !important;
    gap: 9px !important;
    align-items: start !important;
}
.backup-v2-create .button {
    width: 100% !important;
    min-height: 46px !important;
}
.backup-v2-info-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
}
.backup-v2-info-card {
    display: grid !important;
    gap: 5px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.045) !important;
    min-width: 0 !important;
}
.backup-v2-info-card span {
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}
.backup-v2-info-card b {
    color: var(--text) !important;
    font-size: 15px !important;
    overflow-wrap: anywhere !important;
}
.backup-v2-alert {
    display: grid !important;
    gap: 5px !important;
    margin-top: 14px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(39,215,255,.22) !important;
    background: rgba(39,215,255,.065) !important;
}
.backup-v2-alert.danger {
    border-color: rgba(255,93,122,.36) !important;
    background: rgba(255,93,122,.08) !important;
}
.backup-v2-help,
.archive-help-v2 {
    display: block !important;
    margin-top: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.04) !important;
    overflow: hidden !important;
}
.backup-v2-help summary,
.archive-help-v2 summary {
    display: list-item !important;
    cursor: pointer !important;
    padding: 13px 15px !important;
    color: rgba(245,247,255,.94) !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}
.backup-v2-help > div,
.archive-help-v2 > div {
    display: grid !important;
    gap: 9px !important;
    padding: 0 15px 15px !important;
}
.backup-v2-help code,
.archive-help-v2 code,
.archive-field code,
.upload-v2-head code {
    display: inline-flex !important;
    padding: 2px 6px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.09) !important;
    color: rgba(245,247,255,.96) !important;
    font-weight: 900 !important;
}
.backup-v2-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 18px !important;
}
.backup-v2-card,
.backup-v2-empty {
    display: grid !important;
    gap: 13px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)) !important;
    min-width: 0 !important;
}
.backup-v2-card.is-pending { opacity: .92 !important; }
.backup-v2-card.is-failed { border-color: rgba(255,91,115,.35) !important; }
.backup-v2-card-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: start !important;
}
.backup-v2-card-top > div {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.backup-v2-card-top b {
    color: var(--text) !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.backup-v2-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.07) !important;
    color: rgba(245,247,255,.86) !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.backup-v2-status.ready { border-color: rgba(93,255,188,.28) !important; background: rgba(93,255,188,.09) !important; color: #dfffee !important; }
.backup-v2-status.pending { border-color: rgba(255,207,87,.30) !important; background: rgba(255,207,87,.10) !important; color: #fff0bf !important; }
.backup-v2-status.failed { border-color: rgba(255,91,115,.34) !important; background: rgba(255,91,115,.11) !important; color: #ffdbe2 !important; }
.backup-v2-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}
.backup-v2-meta span,
.backup-v2-meta code {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
    border-radius: 10px !important;
    background: rgba(0,0,0,.17) !important;
    color: rgba(245,247,255,.72) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
.backup-v2-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
.backup-v2-actions form { min-width: 0 !important; margin: 0 !important; }
.backup-v2-actions .button {
    width: 100% !important;
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
}
.backup-v2-empty span { color: var(--muted) !important; line-height: 1.5 !important; }

.estelar-upload-v2132 {
    display: grid !important;
    gap: 16px !important;
}
.upload-v2-block {
    display: grid !important;
    gap: 10px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.upload-v2-block:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; }
.upload-v2-head {
    display: grid !important;
    gap: 4px !important;
}
.upload-v2-head h2 {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
}
.estelar-upload-v2132 .form-card,
.estelar-upload-v2132 .compact-form,
.estelar-upload-v2132 .archive-upload-form {
    display: grid !important;
    gap: 11px !important;
}
.estelar-upload-v2132 .form-card p {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
}
.estelar-upload-v2132 label,
.archive-field label,
.archive-options-title {
    display: block !important;
    margin: 0 !important;
    color: rgba(245,247,255,.93) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 950 !important;
}
.archive-field {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}
.estelar-upload-v2132 input[type="text"],
.estelar-upload-v2132 input[type="file"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
}
.archive-options-v2 {
    display: grid !important;
    gap: 8px !important;
}
.archive-option-v2 {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--text) !important;
    cursor: pointer !important;
}
.archive-option-v2 input[type="checkbox"] {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    accent-color: #27d7ff !important;
}
.archive-option-v2 span {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}
.archive-option-v2 b {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: rgba(245,247,255,.95) !important;
    overflow-wrap: anywhere !important;
}
.archive-option-v2 small,
.archive-field small {
    display: block !important;
    overflow-wrap: anywhere !important;
}
.archive-help-v2 { margin-top: 2px !important; }

@media (max-width: 980px) {
    .backup-v2-list { grid-template-columns: 1fr !important; }
}
@media (max-width: 680px) {
    .backup-v2-head,
    .backup-v2-info-grid,
    .backup-v2-card-top,
    .backup-v2-actions {
        grid-template-columns: 1fr !important;
    }
    .backup-v2-title h2 { font-size: 34px !important; }
    .backup-v2-create { min-width: 0 !important; }
    .estelar-backups-v2132,
    .estelar-upload-v2132 {
        padding: 18px !important;
        border-radius: 22px !important;
    }
    .backup-v2-card,
    .backup-v2-empty { padding: 16px !important; border-radius: 20px !important; }
    .backup-v2-status { justify-self: start !important; }
    .upload-v2-head h2 { font-size: 20px !important; }
    .archive-option-v2 { padding: 10px !important; }
}

/* === ESTELAR v21.6.2: YooKassa approval-ready public documents === */
.approval-head .approval-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.approval-badges span {
    display: inline-flex;
    align-items: center;
    padding: 10px 13px;
    border-radius: 999px;
    border: 1px solid rgba(71,255,184,.22);
    background: rgba(71,255,184,.08);
    color: rgba(246,248,255,.9);
    font-weight: 800;
    font-size: 13px;
}
.approval-doc-content a.text-link {
    color: #bdefff;
    border-bottom: 1px solid rgba(189,239,255,.45);
}
.legal-requisites div b {
    overflow-wrap: anywhere;
}
.approval-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0;
}
.approval-feature-grid.two-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.approval-feature-grid div {
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
}
.approval-feature-grid b {
    display: block;
    margin-bottom: 7px;
    color: var(--text);
}
.approval-feature-grid span {
    display: block;
    color: var(--muted);
    line-height: 1.55;
}
.legal-price-table {
    display: grid;
    gap: 8px;
    margin: 18px 0;
}
.legal-price-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) .6fr .6fr .5fr .8fr;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.045);
}
.legal-price-head {
    background: rgba(255,255,255,.08);
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12px;
    font-weight: 900;
}
.legal-price-row small {
    display: block;
    color: var(--muted);
    line-height: 1.45;
    margin-top: 4px;
}
.legal-steps {
    display: grid;
    gap: 10px;
    margin: 18px 0;
    padding-left: 22px;
    color: rgba(245,247,255,.86);
    line-height: 1.7;
}
.approval-info-strip {
    margin-top: 26px;
    margin-bottom: 26px;
    padding: 26px 28px;
    display: flex;
    gap: 22px;
    justify-content: space-between;
    align-items: center;
}
.approval-info-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}
@media (max-width: 960px) {
    .approval-feature-grid,
    .approval-feature-grid.two-cols {
        grid-template-columns: 1fr;
    }
    .legal-price-row {
        grid-template-columns: 1fr 1fr;
    }
    .legal-price-head {
        display: none;
    }
    .approval-info-strip {
        display: grid;
    }
    .approval-info-actions {
        justify-content: flex-start;
    }
}
@media (max-width: 560px) {
    .legal-price-row {
        grid-template-columns: 1fr;
    }
}


/* === ESTELAR v21.6.3: single documents page + downloadable PDF === */
.legal-download-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    margin-top: 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.045));
}
.legal-download-card b { display: block; font-size: 18px; margin-bottom: 5px; }
.legal-download-card span { display: block; color: var(--muted); line-height: 1.55; }
@media (max-width: 720px) {
    .legal-download-card { display: grid; }
    .legal-download-card .button { width: 100%; justify-content: center; }
}

/* ESTELAR v21.7-pre.5: lightweight live console controls */
.console-live-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 14px 0 16px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.72);
    font-size: 13px;
}
.console-live-toolbar .danger { color: #ff9b9b; }
.button.mini { padding: 8px 12px; border-radius: 12px; font-size: 13px; }
#consoleLog { contain: content; }


/* v21.8-pre billing notices */
.notice-stack{display:grid;gap:12px;margin-top:18px}
.billing-notice,.server-header-billing-alert,.overview-billing-alert,.billing-page-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:22px}
.billing-notice div,.server-header-billing-alert div,.overview-billing-alert div,.billing-page-notice div{display:flex;flex-direction:column;gap:4px}
.warn-notice{border:1px solid rgba(255,190,90,.35);background:linear-gradient(135deg,rgba(255,190,90,.12),rgba(255,255,255,.04))}
.danger-notice{border:1px solid rgba(255,90,90,.35);background:linear-gradient(135deg,rgba(255,90,90,.14),rgba(255,255,255,.04))}
.danger-text{color:#ff7b7b}
@media(max-width:760px){.billing-notice,.server-header-billing-alert,.overview-billing-alert,.billing-page-notice{align-items:flex-start;flex-direction:column}}

/* === ESTELAR v21.8-pre.1: brand logo + favicon === */
.brand-logo {
    gap: 12px;
}
.brand-mark {
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 6px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
    box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
    color: transparent;
}
.brand-mark::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: radial-gradient(70px circle at 25% 15%, rgba(255,255,255,.26), transparent 52%);
    pointer-events: none;
}
.brand-mark img,
.footer-logo-mark img,
.auth-logo-mark img,
.hero-brand-emblem img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.32));
}
.footer-brand-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}
.footer-brand-logo > span:last-child {
    display: grid;
    gap: 4px;
}
.footer-logo-mark {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.auth-logo-mark {
    width: 76px;
    height: 76px;
    margin: 0 auto 16px;
    padding: 10px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.15);
    background: linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
    box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-brand-emblem {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
}
.hero-brand-emblem img {
    width: 64px;
    height: 64px;
    padding: 9px;
    border-radius: 21px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.055);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 18px 44px rgba(0,0,0,.20);
}
@media (max-width: 680px) {
    .brand-mark { width: 36px; height: 36px; border-radius: 14px; }
    .brand-logo span:last-child { display: none; }
    .hero-brand-emblem img { width: 54px; height: 54px; }
    .footer-brand-logo { width: 100%; }
}


/* === ESTELAR v21.12: cleaner renewal UI, visible support, staff login alerts === */
.billing-mini-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 240px;
    padding: 8px 11px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
    text-align: center;
    border: 1px solid var(--line);
}
.billing-mini-pill.warn {
    color: #ffd98f;
    border-color: rgba(255,190,90,.38);
    background: rgba(255,190,90,.10);
}
.billing-mini-pill.danger {
    color: #ffb4b4;
    border-color: rgba(255,90,90,.38);
    background: rgba(255,90,90,.12);
}
.compact-renewal-notice {
    margin: 14px 0 18px;
    padding: 14px 16px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(255,190,90,.10), rgba(255,255,255,.035)) !important;
}
.compact-renewal-notice b { font-size: 16px; }
.compact-renewal-notice small { color: var(--muted); }
.support-action { white-space: nowrap; }
.support-tool-card span,
.support-tab.active {
    border-color: rgba(255,255,255,.24);
}
.dashboard-support-cta,
.servers-support-wide-cta,
.support-main-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 22px 24px;
}
.dashboard-support-cta h2,
.servers-support-wide-cta h2 { margin: 4px 0 6px; }
.support-head-badge {
    min-width: 150px;
    display: grid;
    place-items: center;
    gap: 3px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.045);
}
.support-head-badge b { font-size: 30px; line-height: 1; }
.support-head-badge span { color: var(--muted); font-size: 12px; text-align: center; }
.support-global-layout { margin-top: 16px; }
.support-global-layout .support-create-card { min-height: 100%; }
@media (max-width: 760px) {
    .dashboard-support-cta,
    .servers-support-wide-cta,
    .support-main-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .dashboard-support-cta .button,
    .servers-support-wide-cta .button,
    .support-main-head .button { width: 100%; }
    .billing-mini-pill { max-width: 100%; }
}


/* v21.13 server staff + billing lock polish */
.server-mini-head-locked{border-color:rgba(239,68,68,.38);box-shadow:0 0 0 1px rgba(239,68,68,.16),0 24px 60px rgba(0,0,0,.35)}
.permission-switch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}
.permission-switch{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;cursor:pointer}
.permission-switch input{width:20px;height:20px;margin-top:3px;accent-color:#e5e7eb}
.permission-switch span{display:flex;flex-direction:column;gap:4px}.permission-switch small{color:var(--muted,#a1a1aa)}
.access-list{display:grid;gap:12px}.access-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:20px}.access-row small{display:block;color:var(--muted,#a1a1aa)}
.staff-access-form .form-grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.form-error{color:#fca5a5;display:block;margin-top:6px}
.billing-mini-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;text-decoration:none}.billing-mini-pill.warn{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.billing-mini-pill.danger{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}
@media(max-width:720px){.access-row{align-items:flex-start;flex-direction:column}.permission-switch-grid{grid-template-columns:1fr}}

/* === ESTELAR v21.14: mobile-first panel polish === */
.mobile-nav-toggle,
.server-tabs-toggle,
.admin-nav-toggle {
    display: none;
    appearance: none;
    border: 1px solid var(--line);
    color: var(--text);
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.055));
    box-shadow: 0 16px 42px rgba(0,0,0,.22);
    cursor: pointer;
    transition: .18s ease;
}
.mobile-nav-toggle:hover,
.server-tabs-toggle:hover,
.admin-nav-toggle:hover { border-color: rgba(39,215,255,.32); background: rgba(255,255,255,.11); }
.mobile-nav-toggle {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    place-items: center;
    gap: 5px;
    padding: 0;
}
.mobile-nav-toggle span {
    width: 19px;
    height: 2px;
    display: block;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
}
.mobile-nav-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobile-nav-toggle.is-open span:nth-child(2) { opacity: 0; }
.mobile-nav-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
body.mobile-menu-open { overflow: hidden; }
.nav a,
.profile-menu summary { -webkit-tap-highlight-color: transparent; }

.server-tabs { display: block; }
.server-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: 100%;
}
.server-tabs-list a { gap: 8px; }
.server-tabs-list a span:first-child {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255,255,255,.08);
}
.server-tabs-list a.active span:first-child { background: rgba(16,17,20,.13); }
.server-tabs-toggle {
    width: 100%;
    min-height: 52px;
    border-radius: 18px;
    padding: 10px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
}
.server-tabs-toggle-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 950;
}
.server-tabs-toggle b { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.server-tabs-toggle i { font-style: normal; transition: transform .18s ease; }
.server-tabs.open .server-tabs-toggle i { transform: rotate(180deg); }

.admin-nav { display: block; }
.admin-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.admin-nav-toggle {
    width: 100%;
    min-height: 48px;
    border-radius: 16px;
    padding: 11px 13px;
    align-items: center;
    justify-content: space-between;
    font-weight: 950;
    margin-bottom: 10px;
}
.admin-nav-toggle b { transition: transform .18s ease; }
.admin-nav.open .admin-nav-toggle b { transform: rotate(180deg); }

@media (max-width: 900px) {
    :root { --radius: 22px; }
    .interactive-field { opacity: .45; }
    .bg-glow { filter: blur(42px); opacity: .34; }
    .glass-card:hover,
    .plan-card:hover,
    .feature-card:hover,
    .stat-card:hover,
    .button:hover { transform: none !important; }
    .container, .site-header, .messages, .footer { width: min(100% - 28px, 1280px); }
    .page-head.compact { margin-top: 34px; }
    .page-head h1,
    .server-mini-head h1 { font-size: clamp(32px, 10vw, 48px) !important; line-height: .98; }
    .page-head p,
    .server-title-block p { font-size: 15px; line-height: 1.55; }
    .panel-card,
    .payment-card,
    .custom-builder-card,
    .auth-card { padding: 20px !important; border-radius: 22px !important; }
    .section-head { gap: 12px; }
    .section-head h2 { font-size: clamp(24px, 7vw, 34px); }
    .footer { display: grid; padding: 18px; margin-top: 52px; }
    .footer-legal { display: grid; gap: 8px; }
}

@media (max-width: 760px) {
    body { background-size: auto; }
    .site-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 10px;
        border-radius: 22px;
        top: 8px;
    }
    .brand { min-width: 0; }
    .brand span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mobile-nav-toggle { display: grid; }
    .nav {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        display: none;
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(18,19,27,.96), rgba(8,9,14,.94));
        box-shadow: 0 28px 80px rgba(0,0,0,.42);
        backdrop-filter: blur(24px);
        max-height: min(72vh, 520px);
        overflow: auto;
    }
    .nav.open { display: grid; animation: estelarMenuIn .16s ease both; }
    .nav a,
    .nav .nav-cta,
    .profile-menu summary {
        width: 100%;
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: rgba(255,255,255,.055);
        color: #fff !important;
        transform: none !important;
    }
    .profile-menu { width: 100%; }
    .profile-menu summary { list-style: none; }
    .profile-menu summary::-webkit-details-marker { display: none; }
    .profile-dropdown {
        position: static !important;
        width: 100% !important;
        margin-top: 8px;
        box-shadow: none !important;
    }
    @keyframes estelarMenuIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

    .hero { padding: 38px 0 30px; }
    .hero h1 { font-size: clamp(38px, 13vw, 58px); }
    .hero-actions,
    .admin-actions-row,
    .server-actions,
    .big-actions { display: grid !important; grid-template-columns: 1fr; width: 100%; }
    .button,
    .hero-actions .button,
    .admin-actions-row .button,
    .server-actions .button,
    .server-actions form { width: 100%; }

    .server-mini-head {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        padding: 16px !important;
        margin-top: 26px;
        border-radius: 24px !important;
    }
    .server-avatar-wrap,
    .server-avatar-img,
    .server-avatar-fallback,
    .settings-preview-img { width: 54px !important; height: 54px !important; border-radius: 18px !important; }
    .server-title-block { min-width: 0; }
    .server-title-block h1 { margin: 2px 0 6px; overflow-wrap: anywhere; }
    .server-title-block p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .status-stack {
        grid-column: 1 / -1;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }
    .status-pill,
    .billing-mini-pill { white-space: normal; text-align: center; }

    .server-workspace,
    .wide-server-workspace { margin-top: 12px !important; }
    .server-tabs {
        position: sticky;
        top: 74px;
        z-index: 38;
        padding: 10px !important;
        margin-bottom: 14px;
        border-radius: 22px !important;
    }
    .server-tabs-toggle { display: flex; }
    .server-tabs-list {
        display: none;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 10px;
        max-height: 58vh;
        overflow: auto;
    }
    .server-tabs.open .server-tabs-list { display: grid; animation: estelarMenuIn .16s ease both; }
    .server-tabs a,
    .server-tabs-list a {
        min-width: 0 !important;
        width: 100%;
        min-height: 46px;
        flex: none !important;
        justify-content: flex-start !important;
        padding: 11px 12px !important;
        font-size: 13px !important;
        text-align: left;
        white-space: normal;
    }

    .server-dashboard-hero,
    .files-toolbar,
    .payment-hero,
    .support-main-head,
    .dashboard-support-cta,
    .billing-notice,
    .overview-billing-alert,
    .server-header-billing-alert,
    .backup-v2-head,
    .backup-v2-card-top,
    .backup-v2-actions { display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; }
    .server-dashboard-hero { padding: 20px !important; border-radius: 24px; }
    .hosting-tools-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    .tool-card { min-height: 112px; padding: 18px !important; }
    .tool-card h3 { margin: 4px 0; }

    .dashboard-stats,
    .server-stats-row,
    .panel-wide-stats,
    .slim-stats,
    .custom-summary-grid,
    .profile-mini-grid,
    .help-cards-grid,
    .backup-v2-info-grid,
    .role-info-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .stat-card { padding: 16px !important; border-radius: 20px !important; }
    .stat-card b { font-size: clamp(24px, 8vw, 32px) !important; overflow-wrap: anywhere; }

    .server-overview-grid,
    .wide-overview-grid,
    .server-file-grid,
    .core-layout,
    .settings-layout,
    .plugins-layout,
    .domain-layout,
    .access-grid,
    .server-billing-grid,
    .support-chat-layout,
    .profile-page-layout,
    .dashboard-grid,
    .order-layout,
    .custom-order-grid,
    .legal-doc-grid { grid-template-columns: 1fr !important; }
    .timeline-chart { grid-template-columns: repeat(12, 46px) !important; gap: 8px; padding: 14px 12px; }
    .timeline-point { min-width: 46px; }
    .metric-row { grid-template-columns: 1fr 1fr !important; gap: 6px 12px; }

    .form-grid,
    .form-grid.two,
    .custom-basic-grid,
    .permission-switch-grid,
    .mini-grid { grid-template-columns: 1fr !important; }
    .form-card p { margin: 0 0 13px; }
    input, textarea, select, .ios-select-button { min-height: 48px; }
    .ios-select-menu { max-height: 260px; }

    .file-table,
    .admin-table { overflow: visible !important; }
    .file-head,
    .admin-head { display: none !important; }
    .enhanced-file-table .file-row,
    .file-row {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 14px !important;
        margin-bottom: 10px;
        border: 1px solid var(--line) !important;
        border-radius: 18px;
        background: rgba(255,255,255,.045);
    }
    .file-row > span:first-child b,
    .file-row b { overflow-wrap: anywhere; }
    .file-actions {
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
        text-align: left !important;
    }
    .file-actions form { display: inline-flex !important; }
    .file-actions a,
    .file-actions button,
    .link-button,
    .link-danger {
        min-height: 38px;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(255,255,255,.07);
        border: 1px solid var(--line);
    }
    .upload-card { position: static !important; }
    .path-chip { max-width: 100% !important; white-space: normal !important; }
    code { overflow-wrap: anywhere; }

    .admin-nav { padding: 10px !important; border-radius: 22px !important; }
    .admin-nav-toggle { display: flex; }
    .admin-nav-list { display: none; grid-template-columns: 1fr 1fr; gap: 8px; }
    .admin-nav.open .admin-nav-list { display: grid; animation: estelarMenuIn .16s ease both; }
    .admin-nav a,
    .admin-nav-list a { margin: 0; min-height: 44px; display: flex; align-items: center; justify-content: flex-start; }
    .admin-search { display: grid !important; grid-template-columns: 1fr; }
    .admin-search input,
    .admin-search select,
    .admin-search .ios-select,
    .admin-search .button { width: 100%; }
    .admin-row {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 14px !important;
        margin-bottom: 10px;
        border: 1px solid var(--line) !important;
        border-radius: 18px;
        background: rgba(255,255,255,.045);
    }
    .admin-row a { justify-self: start; padding: 8px 11px; border-radius: 12px; background: rgba(140,234,255,.08); }
    .log-row,
    .server-row,
    .access-row,
    .support-thread-head,
    .chat-row { grid-template-columns: 1fr !important; align-items: start !important; }
    .support-thread-head span { justify-self: start; }
    .real-console-window { height: 340px !important; max-height: 48vh !important; border-radius: 18px !important; }
    #consoleLog { font-size: 12px !important; line-height: 1.45 !important; }
}

@media (max-width: 520px) {
    .container, .site-header, .messages, .footer { width: min(100% - 18px, 1280px); }
    .site-header { margin-top: 9px; }
    main { padding-bottom: 6px; }
    .page-head.compact { margin-top: 26px; }
    .page-head h1,
    .server-mini-head h1 { font-size: clamp(30px, 12vw, 42px) !important; }
    .panel-card,
    .payment-card,
    .custom-builder-card,
    .auth-card { padding: 16px !important; }
    .server-mini-head { grid-template-columns: 1fr !important; }
    .server-avatar-wrap { order: -1; }
    .server-tabs-list,
    .admin-nav-list { grid-template-columns: 1fr !important; }
    .dashboard-stats,
    .server-stats-row,
    .panel-wide-stats,
    .slim-stats,
    .custom-summary-grid,
    .profile-mini-grid,
    .help-cards-grid,
    .backup-v2-info-grid,
    .role-info-grid { grid-template-columns: 1fr !important; }
    .server-tabs { top: 70px; }
    .server-tabs-toggle { min-height: 50px; }
    .server-tabs-toggle b { display: none; }
    .tool-card { min-height: auto; }
    .files-toolbar .button { width: 100%; }
    .compact-info div,
    .info-list div { grid-template-columns: 1fr !important; gap: 3px; }
    .info-list b { text-align: left !important; overflow-wrap: anywhere; }
    .timeline-chart { margin-left: -4px; margin-right: -4px; }
    .footer-brand { align-items: flex-start; }
    .footer-legal { font-size: 13px; }
}

/* v22 audit patch: SEO landing pages + quick support widget */
.support-float{
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 80;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: min(92vw, 360px);
}
.support-float a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    color: var(--text, #fff);
    background: rgba(19, 24, 45, .78);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 12px 35px rgba(0,0,0,.28);
    backdrop-filter: blur(16px);
}
.support-float a:hover{ transform: translateY(-1px); }
.seo-links-section{ margin-top: 16px; }
.seo-links-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.seo-link-card{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px;
    text-decoration: none;
}
.seo-link-card b{ color: var(--text, #fff); font-size: 1.02rem; }
.seo-link-card span{ color: var(--muted, rgba(255,255,255,.68)); line-height: 1.45; }
.seo-landing-head .hero-actions{ margin-top: 18px; }
@media (max-width: 960px){
    .seo-links-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
    .seo-links-grid{ grid-template-columns: 1fr; }
    .support-float{ left: 12px; right: 12px; bottom: 12px; }
    .support-float a{ flex: 1; min-width: 0; }
}


/* === ESTELAR tariffs + Velocity v2026.06 === */
.pricing-hero-v2 {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(103, 234, 219, .18);
    background:
        radial-gradient(circle at 15% 0%, rgba(103, 234, 219, .15), transparent 30%),
        radial-gradient(circle at 85% 15%, rgba(105, 167, 255, .14), transparent 32%),
        linear-gradient(135deg, rgba(18, 34, 62, .86), rgba(12, 16, 28, .92));
    border-radius: 34px;
    padding: 42px;
    box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
.pricing-jumpbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px;
}
.pricing-jumpbar a {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    color: #eaf7ff;
    text-decoration: none;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    font-weight: 800;
}
.pricing-jumpbar a:hover { border-color: rgba(103,234,219,.35); }
.tariff-section { margin-top: 34px; }
.tariff-section .section-head { align-items: flex-end; }
.section-subtitle { max-width: 620px; color: var(--muted); line-height: 1.55; }
.pricing-grid { align-items: stretch; }
.compact-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tariff-card {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    overflow: hidden;
}
.tariff-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 0%, rgba(103,234,219,.10), transparent 34%);
    pointer-events: none;
    z-index: -1;
}
.velocity-plan-card {
    border-color: rgba(103, 234, 219, .20);
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
}
.velocity-plan-card::before {
    background:
        radial-gradient(circle at 14% 0%, rgba(103,234,219,.10), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(141,114,255,.055), transparent 34%);
}
.tariff-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.tariff-family {
    color: #6df1dc;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-weight: 900;
}
.tariff-price { margin-top: auto; }
.tariff-resources {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 18px 0 12px;
}
.tariff-resources div {
    padding: 10px;
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
}
.tariff-resources b {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.tariff-resources span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 5px;
}
.velocity-intro {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 24px;
    margin-bottom: 18px;
    border-color: rgba(103,234,219,.28);
}
.velocity-schema {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-radius: 22px;
    background: rgba(103,234,219,.08);
    border: 1px solid rgba(103,234,219,.18);
    white-space: nowrap;
}
.velocity-schema span {
    display: inline-flex;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-weight: 900;
}
.velocity-schema b { color: #67eadb; }
.plan-card .button.full { margin-top: auto; }
.pricing-perks-v2 .perk-card { min-height: 110px; }
@media (max-width: 1100px) {
    .compact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .velocity-intro { grid-template-columns: 1fr; }
    .velocity-schema { overflow-x: auto; }
}
@media (max-width: 760px) {
    .pricing-hero-v2 { padding: 26px 18px; border-radius: 26px; }
    .compact-grid { grid-template-columns: 1fr; }
    .tariff-resources { grid-template-columns: 1fr; }
}
/* === /ESTELAR tariffs + Velocity v2026.06 === */


/* ESTELAR tariffs velocity hotfix v2 */
.velocity-section { margin-top: 54px; }
.velocity-section .velocity-intro {
    background:
        linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.042));
    border-color: rgba(255,255,255,.13);
}
.velocity-plan-card .button.full {
    background: rgba(255,255,255,.065);
    border-color: rgba(255,255,255,.14);
}
.velocity-plan-card .button.full:hover {
    border-color: rgba(103,234,219,.32);
}


/* === ESTELAR tariffs/proxy switcher hotfix v3 === */
.pricing-hero-v3 {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at 16% 0%, rgba(103,234,219,.075), transparent 32%),
        radial-gradient(circle at 96% 0%, rgba(105,167,255,.055), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
    border-radius: 34px;
    padding: 34px;
    box-shadow: 0 28px 90px rgba(0,0,0,.26);
}
.pricing-hero-copy-v3 { max-width: 860px; }
.pricing-hero-copy-v3 h1 { margin-bottom: 12px; }
.pricing-control-row-v3 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.tariff-head-v3 { gap: 16px; }
.tariff-switch-v3 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.tariff-switch-v3.big { border-radius: 22px; }
.tariff-switch-v3 button,
.currency-switch-lite-v3 span {
    border: 0;
    color: rgba(255,255,255,.74);
    background: transparent;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 900;
    cursor: pointer;
    transition: .18s ease;
    white-space: nowrap;
}
.tariff-switch-v3.big button { padding: 12px 18px; }
.tariff-switch-v3 button:hover,
.currency-switch-lite-v3 span:hover { color: #fff; background: rgba(255,255,255,.06); }
.tariff-switch-v3 button.active,
.currency-switch-lite-v3 span.active {
    color: #061016;
    background: linear-gradient(135deg, #f5f7fb, #dce9ff);
    box-shadow: 0 8px 26px rgba(255,255,255,.08);
}
.currency-switch-lite-v3 {
    display: inline-flex;
    gap: 6px;
    padding: 6px;
    border-radius: 22px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.10);
}
.tariff-panel-v3[hidden] { display: none !important; }
.velocity-home-note {
    margin: 0 0 18px;
    padding: 18px 20px;
    display: grid;
    gap: 6px;
    border-color: rgba(103,234,219,.16);
    background:
        radial-gradient(circle at 0% 0%, rgba(103,234,219,.07), transparent 35%),
        rgba(255,255,255,.035);
}
.velocity-home-note b { font-size: 18px; color: #fff; }
.velocity-home-note span { color: var(--muted); line-height: 1.55; }
.velocity-plan-card {
    border-color: rgba(255,255,255,.15) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
}
.velocity-plan-card::before {
    background:
        radial-gradient(circle at 12% 0%, rgba(103,234,219,.055), transparent 34%),
        radial-gradient(circle at 95% 0%, rgba(141,114,255,.035), transparent 36%) !important;
}
.velocity-plan-card .tariff-family { color: #78f4e4; }
.velocity-plan-card .button.full::before,
.velocity-plan-card .button.full::after { opacity: .16; }
.pricing-hero-v2 { background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.028)); }
@media (max-width: 900px) {
    .pricing-hero-v3 { padding: 26px 18px; border-radius: 26px; }
    .pricing-control-row-v3 { align-items: stretch; }
    .tariff-switch-v3, .currency-switch-lite-v3 { width: 100%; overflow-x: auto; }
    .tariff-head-v3 { align-items: flex-start; }
}
/* === /ESTELAR tariffs/proxy switcher hotfix v3 === */

/* === ESTELAR PRICING UI V6 START === */
.pricing-page-v5,
.home-tariffs-v5 { position: relative; }
.pricing-page-v5 { max-width: 1480px; }
.tariff-radio-v5 { position:absolute; opacity:0; pointer-events:none; }

.pricing-hero-v5 {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 42px;
    margin: 0 0 26px;
    background:
        radial-gradient(circle at 12% 0%, rgba(103,234,219,.045), transparent 36%),
        radial-gradient(circle at 88% 4%, rgba(255,255,255,.03), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 28px 90px rgba(0,0,0,.24);
}
.pricing-hero-v5 h1 { max-width: 930px; margin: 10px 0 18px; }
.pricing-hero-v5 p { max-width: 820px; color: var(--muted); line-height: 1.65; font-size: 18px; }
.pricing-control-row-v5 { margin-top: 26px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }

.tariff-head-v5 { align-items: flex-end; gap: 18px; margin-bottom: 20px; }
.tariff-head-v5 .section-subtitle { margin-top: 8px; max-width: 720px; }
.tariff-switch-v5 {
    display: inline-flex;
    gap: 7px;
    padding: 7px;
    border-radius: 24px;
    background: rgba(255,255,255,.046);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    width: max-content;
    max-width: 100%;
}
.tariff-tab-v5 {
    display:inline-flex;
    min-height: 48px;
    align-items:center;
    justify-content:center;
    padding: 12px 20px;
    border-radius: 17px;
    color: rgba(255,255,255,.76);
    font-weight: 900;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: .18s ease;
}
.tariff-tab-v5:hover { color:#fff; background: rgba(255,255,255,.06); }
#pricing-kind-minecraft:checked ~ .pricing-hero-v5 .tariff-tab-minecraft-v5,
#pricing-kind-network:checked ~ .pricing-hero-v5 .tariff-tab-network-v5,
#home-kind-minecraft:checked ~ .tariff-head-v5 .tariff-tab-minecraft-v5,
#home-kind-network:checked ~ .tariff-head-v5 .tariff-tab-network-v5 {
    color:#061016;
    background: linear-gradient(135deg,#f5f7fb,#dce9ff);
    box-shadow: 0 10px 28px rgba(255,255,255,.08);
}

.tariff-panel-v5 { display:none; }
#pricing-kind-minecraft:checked ~ .pricing-panels-v5 .tariff-panel-minecraft-v5,
#pricing-kind-network:checked ~ .pricing-panels-v5 .tariff-panel-network-v5,
#home-kind-minecraft:checked ~ .tariff-panels-v5 .tariff-panel-minecraft-v5,
#home-kind-network:checked ~ .tariff-panels-v5 .tariff-panel-network-v5 { display:block; }

.pricing-perks-v5 {
    display:grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
    margin: 26px 0 44px;
}
.perk-card-v5 { min-height: 112px; padding:22px; }
.perk-card-v5 b { display:block; font-size:22px; margin-bottom:8px; }
.perk-card-v5 span { color: var(--muted); line-height:1.45; }

.tariff-section-v5 { margin-top: 48px; }
.tariff-section-v5:first-child { margin-top: 0; }
.tariff-section-head-v5 { margin-bottom: 24px; padding:0 4px; align-items:flex-end; }
.tariff-section-head-v5 h2 { max-width: 900px; }
.tariff-section-head-v5 .section-subtitle { max-width: 760px; }

.tariffs-grid-v5 {
    display:grid !important;
    grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
    gap: 28px !important;
    align-items: stretch;
    margin-top: 0 !important;
}
.compact-grid-v5 { grid-template-columns: repeat(auto-fit, minmax(286px, 380px)); }
.home-tariffs-grid-v5 { margin-top: 18px !important; }
.tariffs-grid-v5 .tariff-card,
.tariffs-grid-v5 .plan-card {
    min-height: 560px;
    padding: 26px !important;
    display:flex !important;
    flex-direction:column;
}
.tariffs-grid-v5 .trial-plan-card { min-height: 520px; }
.tariffs-grid-v5 .tariff-card p { min-height: 86px; line-height:1.58; }
.tariffs-grid-v5 .tariff-card ul { margin-top: 22px; display:grid; gap:10px; }
.tariffs-grid-v5 .tariff-card .button.full { margin-top:auto; }
.tariffs-grid-v5 .tariff-resources { margin-top: 20px !important; gap: 10px !important; }
.tariffs-grid-v5 .tariff-resources div { min-width: 0; }
.tariffs-grid-v5 .tariff-resources span { font-size: 11px; }

.network-intro-v5 {
    display:grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items:center;
    padding: 28px;
    margin-bottom: 28px;
    border-color: rgba(103,234,219,.16);
    background:
        radial-gradient(circle at 0 0, rgba(103,234,219,.045), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.03));
}
.network-intro-v5 h2 { margin: 8px 0 10px; }
.network-intro-v5 p { max-width: 780px; line-height: 1.65; }
.network-schema-v5 {
    display:flex;
    align-items:center;
    gap:10px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(103,234,219,.052);
    border: 1px solid rgba(103,234,219,.14);
    white-space: nowrap;
}
.network-schema-v5 span { display:inline-flex; padding:10px 13px; border-radius:999px; background:rgba(255,255,255,.075); font-weight:900; }
.network-schema-v5 b { color:#67eadb; }

.network-plan-card,
.velocity-plan-card {
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
}
.network-plan-card::before,
.velocity-plan-card::before {
    background:
        radial-gradient(circle at 12% 0%, rgba(103,234,219,.036), transparent 36%),
        radial-gradient(circle at 96% 0%, rgba(141,114,255,.018), transparent 38%) !important;
}
.network-plan-card .tariff-family,
.velocity-plan-card .tariff-family { color:#78f4e4; }
.network-plan-card .button.full,
.velocity-plan-card .button.full { background:rgba(255,255,255,.062); border-color:rgba(255,255,255,.14); }
.network-plan-card .badge,
.velocity-plan-card .badge { background: rgba(255,255,255,.1); }

.network-home-note-v5 {
    margin: 0 0 24px;
    padding: 22px 24px;
    display:grid;
    gap:8px;
    border-color: rgba(103,234,219,.16);
    background: radial-gradient(circle at 0 0, rgba(103,234,219,.045), transparent 35%), rgba(255,255,255,.035);
}
.network-home-note-v5 b { font-size:20px; color:#fff; }
.network-home-note-v5 span { color: var(--muted); line-height:1.58; max-width: 920px; }
.tariff-all-link-v5 { white-space: nowrap; }
.custom-tariff-v5,
.pricing-info-v5 { margin-top: 54px; }
.pricing-info-v5 { gap: 24px; align-items:center; }
.pricing-info-v5 h2 { max-width: 900px; }
.pricing-info-v5 p { max-width: 900px; line-height:1.65; }

.currency-switch-lite-v3,
.rub-pill-v4,
.rub-pill-v5 { display:none !important; }
.pricing-hero-v4,
.pricing-hero-v3,
.pricing-hero-v2 { background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.026)) !important; }

@media (max-width: 1180px) {
    .pricing-perks-v5 { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .network-intro-v5 { grid-template-columns: 1fr; }
    .network-schema-v5 { overflow-x:auto; }
}
@media (max-width: 780px) {
    .pricing-hero-v5 { padding: 28px 20px; border-radius: 28px; }
    .pricing-hero-v5 h1 { font-size: clamp(42px, 12vw, 66px); }
    .tariff-head-v5 { align-items:flex-start; }
    .tariff-switch-v5 { width:100%; overflow-x:auto; }
    .tariff-tab-v5 { flex:1; min-width:max-content; }
    .pricing-perks-v5 { grid-template-columns: 1fr; }
    .tariffs-grid-v5 { grid-template-columns: 1fr !important; gap: 22px !important; }
    .tariffs-grid-v5 .tariff-card { min-height: auto; }
}

/* v6 extra spacing and owner manual grant */
.tariff-section-v5 { padding-top: 4px; }
.network-intro-v5 { margin-top: 10px; }
.estelar-type-cards-v6 { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
.estelar-type-cards-v6 label { padding:18px; border-radius:20px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.11); cursor:pointer; }
.estelar-type-cards-v6 input { margin-right:8px; }
.estelar-type-cards-v6 b { display:block; margin-bottom:6px; font-size:18px; }
.estelar-type-cards-v6 span { color:var(--muted); line-height:1.45; }
.estelar-proxy-help-v6 { border-color:rgba(103,234,219,.16); background:radial-gradient(circle at 0 0, rgba(103,234,219,.05), transparent 35%), rgba(255,255,255,.035); }
@media (max-width: 780px) { .estelar-type-cards-v6 { grid-template-columns:1fr; } }
/* === ESTELAR PRICING UI V6 END === */

/* === ESTELAR Velocity + tariffs fix v8 === */
.pricing-page-v8,
.home-tariffs-v8 { position: relative; }
.pricing-page-v8 { max-width: 1480px; }
.tariff-radio-v8 { position:absolute; opacity:0; pointer-events:none; }

.pricing-hero-v8 {
    display:grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 24px;
    align-items:end;
    padding: 38px;
    margin-bottom: 22px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 28px 90px rgba(0,0,0,.22);
}
.pricing-hero-v8 h1 { margin: 10px 0 14px; max-width: 860px; }
.pricing-hero-v8 p { max-width: 840px; color: var(--muted); line-height:1.62; font-size:18px; }
.tariff-switch-v8 {
    display:inline-flex;
    gap:7px;
    padding:7px;
    border-radius:24px;
    background:rgba(255,255,255,.046);
    border:1px solid rgba(255,255,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    width:max-content;
    max-width:100%;
}
.tariff-tab-v8 {
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:12px 20px;
    border-radius:17px;
    color:rgba(255,255,255,.76);
    font-weight:900;
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
    transition:.18s ease;
}
.tariff-tab-v8:hover { color:#fff; background:rgba(255,255,255,.06); }
#pricing-kind-minecraft:checked ~ .pricing-hero-v8 .tariff-tab-minecraft-v8,
#pricing-kind-velocity:checked ~ .pricing-hero-v8 .tariff-tab-velocity-v8,
#home-kind-minecraft:checked ~ .tariff-head-v8 .tariff-tab-minecraft-v8,
#home-kind-velocity:checked ~ .tariff-head-v8 .tariff-tab-velocity-v8 {
    color:#061016;
    background:linear-gradient(135deg,#f5f7fb,#dce9ff);
    box-shadow:0 10px 28px rgba(255,255,255,.08);
}
.tariff-panel-v8 { display:none; }
#pricing-kind-minecraft:checked ~ .tariff-panels-v8 .tariff-panel-minecraft-v8,
#pricing-kind-velocity:checked ~ .tariff-panels-v8 .tariff-panel-velocity-v8,
#home-kind-minecraft:checked ~ .tariff-panels-v8 .tariff-panel-minecraft-v8,
#home-kind-velocity:checked ~ .tariff-panels-v8 .tariff-panel-velocity-v8 { display:block; }

.pricing-perks-v8 {
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:18px;
    margin: 22px 0 42px;
}
.perk-card-v8 { min-height: 105px; padding:22px; }
.perk-card-v8 b { display:block; font-size:22px; margin-bottom:8px; }
.perk-card-v8 span { color:var(--muted); line-height:1.45; }

.tariff-head-v8 { align-items:flex-end; gap:18px; margin-bottom:22px; }
.tariff-head-v8 .section-subtitle { margin-top:8px; max-width:760px; }
.tariff-all-link-v8 { white-space:nowrap; }
.tariff-section-v8 { margin-top:50px; }
.tariff-section-v8:first-child { margin-top:0; }
.tariff-section-head-v8 {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:24px;
    padding:0 4px;
}
.tariff-section-head-v8 h2 { max-width:900px; }
.tariff-section-head-v8 p { max-width:760px; color:var(--muted); line-height:1.55; margin:0; }
.tariffs-grid-v8 {
    display:grid !important;
    grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
    gap: 28px !important;
    align-items:stretch;
    margin-top:0 !important;
}
.compact-grid-v8 { grid-template-columns: repeat(auto-fit, minmax(292px, 390px)); }
.home-tariffs-grid-v8 { margin-top:18px !important; }
.tariffs-grid-v8 .tariff-card,
.tariffs-grid-v8 .plan-card {
    min-height: 540px;
    padding: 26px !important;
    display:flex !important;
    flex-direction:column;
}
.tariffs-grid-v8 .trial-plan-card { min-height:500px; }
.tariff-card-top { min-height:32px; align-items:flex-start; }
.tariff-card-top .badge { max-width:145px; text-align:center; line-height:1.2; white-space:normal; }
.tariffs-grid-v8 .tariff-card h3 { min-height:40px; margin-bottom:14px; }
.tariffs-grid-v8 .tariff-card-desc,
.tariffs-grid-v8 .tariff-card p { min-height:84px; line-height:1.58; }
.tariffs-grid-v8 .tariff-price { margin-top: 8px !important; }
.tariffs-grid-v8 .tariff-resources { margin: 18px 0 16px !important; gap:10px !important; }
.tariffs-grid-v8 .tariff-resources div { min-width:0; padding:10px; }
.tariffs-grid-v8 .tariff-resources b { font-size:18px; }
.tariffs-grid-v8 .tariff-resources span { font-size:11px; }
.tariff-feature-list { margin-top: 18px !important; display:grid; gap:10px; }
.tariff-feature-list li { line-height:1.35; }
.tariffs-grid-v8 .tariff-card .button.full { margin-top:auto; }

.velocity-explain-v8 {
    display:grid;
    grid-template-columns: 1fr auto;
    gap:22px;
    align-items:center;
    padding:28px;
    margin-bottom:28px;
    border-color:rgba(103,234,219,.16);
    background: radial-gradient(circle at 0 0, rgba(103,234,219,.045), transparent 36%), linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.03));
}
.velocity-explain-v8 h2 { margin:8px 0 10px; }
.velocity-explain-v8 p { max-width:820px; color:var(--muted); line-height:1.65; }
.velocity-flow-v8 {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:22px;
    background:rgba(103,234,219,.052);
    border:1px solid rgba(103,234,219,.14);
    white-space:nowrap;
}
.velocity-flow-v8 span { display:inline-flex; padding:10px 13px; border-radius:999px; background:rgba(255,255,255,.075); font-weight:900; }
.velocity-flow-v8 b { color:#67eadb; }
.velocity-home-note-v8 {
    margin:0 0 24px;
    padding:22px 24px;
    display:grid;
    gap:8px;
    border-color:rgba(103,234,219,.16);
    background: radial-gradient(circle at 0 0, rgba(103,234,219,.045), transparent 35%), rgba(255,255,255,.035);
}
.velocity-home-note-v8 b { font-size:20px; color:#fff; }
.velocity-home-note-v8 span { color:var(--muted); line-height:1.58; max-width:920px; }
.velocity-plan-card { border-color:rgba(255,255,255,.14) !important; box-shadow:0 24px 70px rgba(0,0,0,.22) !important; }
.velocity-plan-card::before { background: radial-gradient(circle at 12% 0%, rgba(103,234,219,.036), transparent 36%), radial-gradient(circle at 96% 0%, rgba(141,114,255,.018), transparent 38%) !important; }
.velocity-plan-card .tariff-family { color:#78f4e4; }
.velocity-plan-card .button.full { background:rgba(255,255,255,.062); border-color:rgba(255,255,255,.14); }
.custom-tariff-v8,
.pricing-info-v8 { margin-top:54px; }
.pricing-info-v8 { gap:24px; align-items:center; }
.pricing-info-v8 h2 { max-width:900px; }
.pricing-info-v8 p { max-width:900px; line-height:1.65; }
.rub-pill-v4,.rub-pill-v5,.currency-switch-lite-v3 { display:none !important; }

.estelar-type-cards-v8 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.estelar-type-cards-v8 label { padding:18px; border-radius:20px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.11); cursor:pointer; }
.estelar-type-cards-v8 input { margin-right:8px; }
.estelar-type-cards-v8 b { display:block; margin-bottom:6px; font-size:18px; }
.estelar-type-cards-v8 span { color:var(--muted); line-height:1.45; }
.velocity-help-v8 { border-color:rgba(103,234,219,.16); background:radial-gradient(circle at 0 0, rgba(103,234,219,.05), transparent 35%), rgba(255,255,255,.035); }
.order-layout-v8 .form-card p { margin-bottom:18px; }
.order-summary-v8 .info-list { margin-top:18px; }

@media (max-width: 1180px) {
    .pricing-hero-v8,
    .velocity-explain-v8 { grid-template-columns:1fr; }
    .pricing-perks-v8 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .velocity-flow-v8 { overflow-x:auto; }
}
@media (max-width: 780px) {
    .pricing-hero-v8 { padding:28px 20px; border-radius:28px; }
    .pricing-hero-v8 h1 { font-size:clamp(42px, 12vw, 66px); }
    .tariff-head-v8 { align-items:flex-start; }
    .tariff-switch-v8 { width:100%; overflow-x:auto; }
    .tariff-tab-v8 { flex:1; min-width:max-content; }
    .pricing-perks-v8 { grid-template-columns:1fr; }
    .tariffs-grid-v8 { grid-template-columns:1fr !important; gap:22px !important; }
    .tariffs-grid-v8 .tariff-card { min-height:auto; }
    .estelar-type-cards-v8 { grid-template-columns:1fr; }
}
/* === /ESTELAR Velocity + tariffs fix v8 === */



/* === ESTELAR v9 stable tariffs + Velocity fixes === */
.tariff-radio-v8,
.tariff-radio-v9,
input.tariff-radio-v8,
input.tariff-radio-v9 {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    clip: rect(0 0 0 0) !important;
}

.pricing-page-v9 { max-width:1480px; }
.pricing-hero-v9 {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:end;
    padding:42px;
    margin-bottom:24px;
    border-radius:34px;
    background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
    border:1px solid rgba(255,255,255,.13);
}
.pricing-hero-v9 h1 { margin:10px 0 14px; max-width:900px; }
.pricing-hero-v9 p { max-width:850px; color:var(--muted); line-height:1.62; font-size:18px; }
.tariff-anchor-row-v9 { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }

.pricing-perks-v9 {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px;
    margin:0 0 42px;
}
.perk-card-v9 { padding:22px; border-radius:22px; }
.perk-card-v9 b { display:block; font-size:20px; margin-bottom:6px; }
.perk-card-v9 span { color:var(--muted); }

.tariff-section-v9 { margin:46px 0 54px; scroll-margin-top:120px; }
.tariff-section-head-v9 {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,440px);
    gap:24px;
    align-items:end;
    margin-bottom:22px;
}
.tariff-section-head-v9 h2 { margin:8px 0 0; }
.tariff-section-head-v9 p { color:var(--muted); line-height:1.55; margin:0; }

.tariffs-grid-v9 {
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}
.trial-grid-v9 { grid-template-columns:repeat(4, minmax(0,1fr)) !important; }
.tariff-card-v9 {
    min-height:520px;
    display:flex !important;
    flex-direction:column !important;
    padding:26px !important;
    border-radius:28px !important;
    overflow:hidden;
}
.tariff-card-v9 h3 { margin:18px 0 14px !important; min-height:34px; }
.tariff-card-v9 .tariff-card-desc {
    min-height:72px;
    margin-bottom:18px;
    color:var(--muted);
    line-height:1.5;
}
.tariff-card-v9 .tariff-card-top { min-height:30px; }
.tariff-card-v9 .tariff-resources { margin:22px 0 22px; }
.tariff-card-v9 .tariff-feature-list { margin-top:0; margin-bottom:24px; }
.tariff-card-v9 .button.full { margin-top:auto; }
.tariff-card-v9.velocity-plan-card {
    background:
      radial-gradient(circle at 0 0, rgba(103,234,219,.08), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}
.tariff-card-v9.velocity-plan-card .badge { display:none; }

.velocity-explain-v9,
.velocity-home-block-v9 {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:24px;
    align-items:center;
    padding:28px;
    border-radius:28px;
    margin-bottom:24px;
    border-color:rgba(103,234,219,.18);
    background:
      radial-gradient(circle at 0 0, rgba(103,234,219,.07), transparent 34%),
      rgba(255,255,255,.045);
}
.velocity-explain-v9 h2,
.velocity-home-block-v9 h2 { margin:8px 0 12px; }
.velocity-explain-v9 p,
.velocity-home-block-v9 p { color:var(--muted); line-height:1.56; margin:0; }
.velocity-flow-v9 {
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    border:1px solid rgba(103,234,219,.22);
    border-radius:20px;
    background:rgba(103,234,219,.05);
    white-space:nowrap;
}
.velocity-flow-v9 span {
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-weight:900;
}
.velocity-flow-v9 b { color:#6ee7d8; }

.home-tariffs-v9 { margin-top:64px; }
.tariff-head-v9 { align-items:end; margin-bottom:22px; }
.tariff-all-link-v9 { color:var(--muted); font-weight:800; }
.home-tariffs-grid-v9 { margin-bottom:28px; }

@media (max-width: 1220px) {
    .tariffs-grid-v9 { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
    .pricing-hero-v9,
    .tariff-section-head-v9,
    .velocity-explain-v9,
    .velocity-home-block-v9 { grid-template-columns:1fr; }
    .tariff-anchor-row-v9 { justify-content:flex-start; }
}
@media (max-width: 760px) {
    .pricing-hero-v9 { padding:26px; }
    .pricing-perks-v9,
    .tariffs-grid-v9,
    .trial-grid-v9 { grid-template-columns:1fr !important; }
    .tariff-card-v9 { min-height:auto; }
    .tariff-card-v9 .tariff-card-desc { min-height:auto; }
    .velocity-flow-v9 { flex-wrap:wrap; white-space:normal; }
}
/* === /ESTELAR v9 === */

/* ESTELAR password reset/auth links patch */
.auth-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
    color: var(--muted);
    font-size: 14px;
}
.auth-links a {
    color: #7dd3fc;
    font-weight: 850;
    text-decoration: none;
}
.auth-links a:hover { color: #ffffff; text-decoration: underline; }
.auth-note {
    margin: 18px 0;
    padding: 16px !important;
    display: grid;
    gap: 6px;
    color: var(--muted);
}
.auth-note b { color: #ffffff; }

/* ESTELAR Velocity Networks v1 */
.velocity-network-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:20px;align-items:start}.velocity-network-main,.velocity-network-summary{min-width:0}.network-status{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.network-status-active{background:rgba(76,211,146,.12);border-color:rgba(76,211,146,.28)}.network-status-error{background:rgba(255,92,92,.1);border-color:rgba(255,92,92,.28)}.network-status-applying{background:rgba(255,190,70,.1);border-color:rgba(255,190,70,.28)}.network-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.network-steps div{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}.network-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#090909;font-size:12px}.network-steps span{font-size:13px;font-weight:700}.velocity-network-form{display:grid;gap:16px}.network-form-block{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.02)}.network-form-title h3,.network-form-block h3{margin:0 0 4px}.network-form-title p,.network-form-block>small{display:block;margin:0;color:var(--muted,#a7a7a7);font-size:13px}.network-server-list{display:grid;gap:9px;margin-top:14px}.network-server-option{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:.18s ease}.network-server-option:hover{border-color:rgba(255,255,255,.24);transform:translateY(-1px)}.network-server-option input{margin-top:4px;width:18px;height:18px;accent-color:#fff}.network-server-option span{display:grid;gap:3px}.network-server-option b{font-size:14px}.network-server-option small{color:var(--muted,#a7a7a7);font-size:12px}.network-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.network-form-block select{width:100%;margin-top:9px}.network-options-block{display:grid;gap:10px}.network-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.network-toggle input{width:18px;height:18px;margin-top:2px;accent-color:#fff}.network-toggle span{display:grid;gap:2px}.network-toggle small{color:var(--muted,#a7a7a7);font-size:12px}.network-apply-note{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,190,70,.2);background:rgba(255,190,70,.055)}.network-apply-note span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:rgba(255,190,70,.18);font-weight:900}.network-apply-note p{margin:1px 0 0;font-size:13px;line-height:1.5}.network-actions{display:flex;gap:10px;flex-wrap:wrap}.velocity-network-summary{position:sticky;top:96px}.network-summary-list{display:grid;gap:8px;margin-top:18px}.network-summary-list h4{margin:0 0 2px}.network-summary-list>div{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.network-summary-list span{font-family:monospace;color:var(--muted,#aaa);font-size:12px}.network-summary-list b{font-size:13px}.network-last-applied{margin:16px 0 0;color:var(--muted,#aaa);font-size:12px}.network-error-box{margin-top:16px;padding:13px;border-radius:13px;background:rgba(255,92,92,.08);border:1px solid rgba(255,92,92,.2)}.network-error-box p{margin:5px 0 0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.form-error{margin:8px 0 0;color:#ff8d8d;font-size:12px}.compact-empty-state{margin-top:13px;padding:18px}.compact-empty-state p{margin:4px 0 0}.field-label{display:block;font-weight:800}.velocity-network-form .errorlist{margin:0;padding:10px 14px;list-style:none;border-radius:12px;background:rgba(255,92,92,.08);color:#ff9a9a;font-size:13px}@media(max-width:900px){.velocity-network-layout{grid-template-columns:1fr}.velocity-network-summary{position:static}.network-form-grid{grid-template-columns:1fr}}@media(max-width:620px){.network-steps{grid-template-columns:1fr}.network-actions .button{width:100%}}

/* === ESTELAR Velocity Networks v1.3: client-first UI === */
.velocity-network-intro {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(520px, 1.35fr);
    gap: 28px;
    align-items: center;
    margin-bottom: 20px;
    padding: 24px;
    overflow: hidden;
}
.velocity-network-intro-copy h2 {
    margin: 7px 0 8px;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.06;
}
.velocity-network-intro-copy p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}
.velocity-flow,
.velocity-overview-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}
.velocity-flow > i,
.velocity-overview-flow > i {
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.48);
    font-size: 21px;
    font-style: normal;
}
.velocity-flow-node,
.velocity-overview-flow > div {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 5px;
    min-height: 92px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 17px;
    background: rgba(255,255,255,.028);
}
.velocity-flow-node.is-main,
.velocity-overview-flow > div.is-main {
    border-color: rgba(255,255,255,.28);
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
}
.velocity-flow-node span,
.velocity-overview-flow span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.velocity-flow-node b,
.velocity-overview-flow b {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
}
.velocity-network-layout-v13 { gap: 20px; }
.velocity-network-head { align-items: flex-start; }
.velocity-network-head h2 { margin-bottom: 6px; }
.network-step-block { padding: 20px; }
.network-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}
.network-step-heading > span {
    flex: 0 0 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f2f3f5;
    color: #101114;
    font-weight: 950;
    font-size: 13px;
}
.network-step-heading h3 { margin: 1px 0 5px; }
.network-step-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.network-server-option { min-height: 72px; align-items: center; }
.network-server-option:has(input:checked) {
    border-color: rgba(255,255,255,.34);
    background: rgba(255,255,255,.075);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.network-server-option input { flex: 0 0 auto; margin-top: 0; }
.network-server-option b { line-height: 1.35; }
.network-select-wrap { margin-top: 16px; }
.network-select-wrap select { min-height: 52px; margin-top: 0; }
.network-security-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 16px;
}
.network-toggle-card {
    min-height: 112px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;
    background: rgba(255,255,255,.025);
    transition: .18s ease;
}
.network-toggle-card:hover { border-color: rgba(255,255,255,.22); transform: translateY(-1px); }
.network-toggle-card:has(input:checked) { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.29); }
.network-toggle-card em {
    width: max-content;
    margin-top: 4px;
    padding: 3px 7px;
    border-radius: 7px;
    background: rgba(255,255,255,.07);
    color: var(--muted);
    font-size: 10px;
    font-style: normal;
    letter-spacing: .04em;
}
.network-preview-card {
    display: flex;
    gap: 14px;
    padding: 17px;
    border: 1px solid rgba(105,226,166,.25);
    border-radius: 16px;
    background: rgba(105,226,166,.055);
}
.network-preview-icon {
    flex: 0 0 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(105,226,166,.18);
    font-weight: 950;
}
.network-preview-content { min-width: 0; flex: 1; display: grid; gap: 14px; }
.network-preview-content h3 { margin: 0 0 3px; }
.network-preview-content p { margin: 0; color: var(--muted); font-size: 13px; }
.network-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.network-preview-grid > div {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding: 10px 11px;
    border-radius: 11px;
    background: rgba(0,0,0,.14);
}
.network-preview-grid span { color: var(--muted); font-size: 11px; }
.network-preview-grid b { overflow-wrap: anywhere; font-size: 13px; }
.network-check-hint {
    padding: 13px 14px;
    border: 1px dashed rgba(255,255,255,.14);
    border-radius: 14px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
}
.network-actions-v13 { align-items: center; }
.network-actions-v13 .button { min-width: 190px; }
.network-actions-v13 .button:disabled {
    cursor: not-allowed;
    opacity: .42;
    transform: none !important;
}
.velocity-network-summary-v13 { padding: 21px; }
.velocity-summary-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.velocity-summary-title span { color: var(--muted); font-size: 12px; }
.velocity-summary-title h3 { margin: 4px 0 0; }
.network-summary-dot {
    flex: 0 0 11px;
    height: 11px;
    margin-top: 7px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    box-shadow: 0 0 0 5px rgba(255,255,255,.04);
}
.network-summary-dot.is-online { background: #69e2a6; box-shadow: 0 0 0 5px rgba(105,226,166,.10); }
.network-client-info { margin-top: 8px; }
.network-summary-list b { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.network-summary-list em {
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(255,255,255,.08);
    color: var(--muted);
    font-size: 9px;
    font-style: normal;
    text-transform: uppercase;
}
.network-tech-details {
    margin-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 14px;
}
.network-tech-details summary { cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 800; }
.network-tech-details[open] summary { margin-bottom: 8px; color: #fff; }
.network-warning-list { margin-top: 16px; }
.network-warning-list p { margin: 0 0 7px; }
.network-warning-list p:last-child { margin-bottom: 0; }

.velocity-overview-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(260px, .55fr);
    gap: 24px;
    align-items: stretch;
    margin-bottom: 20px;
    padding: 24px;
    border-color: rgba(255,255,255,.17);
    background:
        radial-gradient(circle at 80% 20%, rgba(255,255,255,.10), transparent 34%),
        rgba(255,255,255,.035);
}
.velocity-overview-copy h2 { margin: 7px 0 7px; font-size: clamp(28px, 3vw, 42px); }
.velocity-overview-copy > p { max-width: 720px; margin: 0 0 18px; color: var(--muted); line-height: 1.6; }
.velocity-overview-flow { max-width: 880px; }
.velocity-overview-flow > div { min-height: 80px; }
.velocity-overview-actions {
    display: grid;
    align-content: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(0,0,0,.12);
}
.velocity-overview-actions > div { display: grid; gap: 4px; }
.velocity-overview-actions > div span { color: var(--muted); font-size: 11px; }
.velocity-overview-actions > div b { overflow-wrap: anywhere; }
.velocity-tool-card { border-color: rgba(255,255,255,.20) !important; }
.velocity-tool-card > span { background: rgba(255,255,255,.13) !important; }
.paper-network-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 17px;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px 22px;
}
.paper-network-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(255,255,255,.10);
    font-size: 22px;
}
.paper-network-card h2 { margin: 5px 0 5px; font-size: 22px; }
.paper-network-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.paper-network-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.paper-network-options a {
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;
    background: rgba(255,255,255,.045);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}
.paper-network-options a:hover { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.server-tabs-list a.server-network-tab:not(.active) {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.055);
}

@media (min-width: 901px) {
    .server-tabs-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
        align-items: stretch;
    }
    .server-tabs-list a { min-width: 0; width: 100%; }
}
@media (max-width: 1120px) {
    .velocity-network-intro { grid-template-columns: 1fr; }
    .velocity-overview-spotlight { grid-template-columns: 1fr; }
    .velocity-overview-actions { grid-template-columns: 1fr auto; align-items: center; }
    .velocity-overview-actions .button { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .velocity-network-intro,
    .velocity-overview-spotlight { padding: 18px; }
    .velocity-flow,
    .velocity-overview-flow {
        grid-template-columns: 1fr;
    }
    .velocity-flow > i,
    .velocity-overview-flow > i { transform: rotate(90deg); min-height: 18px; }
    .network-security-options,
    .network-preview-grid { grid-template-columns: 1fr; }
    .paper-network-card { grid-template-columns: auto 1fr; align-items: start; }
    .paper-network-card > .button { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 560px) {
    .velocity-network-intro-copy h2,
    .velocity-overview-copy h2 { font-size: 27px; }
    .network-step-block { padding: 16px; }
    .network-actions-v13 { display: grid; grid-template-columns: 1fr; }
    .network-actions-v13 .button { width: 100%; min-width: 0; }
    .velocity-overview-actions { grid-template-columns: 1fr; }
    .paper-network-card { grid-template-columns: 1fr; }
    .paper-network-icon { width: 42px; height: 42px; }
}

/* === ESTELAR Velocity Networks v1.4 === */
.velocity-v14-page { display: grid; gap: 20px; }
.velocity-network-column,
.velocity-network-side { min-width: 0; display: grid; gap: 20px; }
.velocity-network-side { align-content: start; }

.network-health-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: 12px;
    align-items: stretch;
    padding: 14px;
    border-radius: 18px;
}
.network-health-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.network-health-item > div { min-width: 0; display: grid; gap: 3px; }
.network-health-item small { color: var(--muted); font-size: 11px; }
.network-health-item b { overflow-wrap: anywhere; font-size: 13px; }
.network-health-icon {
    flex: 0 0 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 50%;
    color: transparent;
    background: rgba(255,255,255,.28);
    box-shadow: 0 0 0 5px rgba(255,255,255,.04);
}
.network-health-icon.is-good { background: #69e2a6; box-shadow: 0 0 0 5px rgba(105,226,166,.1); }
.network-health-icon.is-wait { background: #efc46a; box-shadow: 0 0 0 5px rgba(239,196,106,.1); }
.network-health-actions { justify-content: flex-end; padding: 0; border: 0; background: none; }
.network-health-actions form { width: 100%; }
.network-health-actions .button { width: 100%; min-height: 46px; }

.network-operations-card { padding: 22px; }
.network-operation-grid { display: grid; gap: 10px; margin-top: 17px; }
.network-operation-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 15px 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    background: rgba(255,255,255,.025);
}
.network-operation-item > div { min-width: 0; }
.network-operation-item b { display: block; margin-bottom: 4px; font-size: 14px; }
.network-operation-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.network-operation-item form { margin: 0; }
.network-operation-item .button { min-width: 116px; }
.network-operation-item.is-danger { border-color: rgba(255,103,103,.18); background: rgba(255,103,103,.025); }
.button.danger {
    border-color: rgba(255,103,103,.28);
    background: rgba(255,103,103,.11);
    color: #fff;
}
.button.danger:hover { border-color: rgba(255,103,103,.5); background: rgba(255,103,103,.18); }
.button:disabled { cursor: not-allowed; opacity: .42; transform: none !important; }

.network-access-protected { color: #83e7b5; }
.network-access-pending { color: #efc46a; }
.network-access-error { color: #ff8585; }
.network-access-public { color: #d5d5d5; }
.network-security-warning {
    margin-top: 16px;
    padding: 14px;
    border: 1px solid rgba(239,196,106,.23);
    border-radius: 14px;
    background: rgba(239,196,106,.055);
}
.network-security-warning b { display: block; margin-bottom: 5px; font-size: 13px; }
.network-security-warning p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }

.network-history-card { padding: 20px; }
.network-history-list { display: grid; gap: 0; margin-top: 12px; }
.network-history-item {
    position: relative;
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 11px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.network-history-item:last-child { border-bottom: 0; padding-bottom: 0; }
.network-history-item > span {
    width: 9px;
    height: 9px;
    margin-top: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    box-shadow: 0 0 0 4px rgba(255,255,255,.035);
}
.network-history-item.is-success > span { background: #69e2a6; box-shadow: 0 0 0 4px rgba(105,226,166,.08); }
.network-history-item.is-error > span { background: #ff7777; box-shadow: 0 0 0 4px rgba(255,119,119,.08); }
.network-history-item.is-started > span { background: #efc46a; box-shadow: 0 0 0 4px rgba(239,196,106,.08); }
.network-history-item > div { min-width: 0; }
.network-history-item b { display: block; font-size: 12px; }
.network-history-item p { margin: 3px 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.network-history-item small { color: rgba(255,255,255,.42); font-size: 10px; }

@media (max-width: 1050px) {
    .network-health-strip { grid-template-columns: 1fr 1fr; }
    .network-health-actions { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .network-health-strip { grid-template-columns: 1fr; }
    .network-health-actions { grid-column: auto; }
    .network-operation-item { grid-template-columns: 1fr; gap: 12px; }
    .network-operation-item .button { width: 100%; }
}
@media (max-width: 560px) {
    .network-health-strip { padding: 10px; }
    .network-operations-card,
    .network-history-card { padding: 17px; }
    .network-operation-item { padding: 14px; }
}
/* === /ESTELAR Velocity Networks v1.4 === */

/* === ESTELAR Velocity Networks v1.4.1 background tasks === */
.network-task-card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 18px;
    margin: 16px 0 18px;
    padding: 22px 24px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.09), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
    box-shadow: 0 22px 60px rgba(0,0,0,.22);
}
.network-task-card.is-success { border-color: rgba(105,226,166,.35); }
.network-task-card.is-error { border-color: rgba(255,119,119,.38); }
.network-task-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
}
.network-task-icon span {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: network-task-spin .9s linear infinite;
}
.network-task-card.is-success .network-task-icon span,
.network-task-card.is-error .network-task-icon span { animation: none; border: 0; }
.network-task-card.is-success .network-task-icon span::before { content: '✓'; color: #83e7b5; font-size: 22px; }
.network-task-card.is-error .network-task-icon span::before { content: '!'; color: #ff8585; font-size: 22px; font-weight: 800; }
@keyframes network-task-spin { to { transform: rotate(360deg); } }
.network-task-main { min-width: 0; }
.network-task-heading {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}
.network-task-heading h2 { margin: 3px 0 0; font-size: clamp(20px, 2.4vw, 30px); }
.network-task-heading > b { font-size: 16px; color: rgba(255,255,255,.82); }
.network-task-progress {
    height: 8px;
    margin: 17px 0 14px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.network-task-progress span {
    display: block;
    height: 100%;
    min-width: 2%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255,255,255,.58), #fff);
    transition: width .45s ease;
}
.network-task-copy b { display: block; margin-bottom: 4px; font-size: 14px; }
.network-task-copy p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.network-task-safe-note {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.network-task-safe-note span { color: #83e7b5; font-weight: 800; }
.network-task-safe-note p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.5; }
.velocity-network-form.is-busy { position: relative; }
.velocity-network-form.is-busy::after {
    content: 'Дождитесь завершения текущего действия';
    display: block;
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 13px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}
@media (max-width: 680px) {
    .network-task-card { grid-template-columns: 1fr; padding: 18px; gap: 13px; }
    .network-task-icon { width: 42px; height: 42px; border-radius: 13px; }
    .network-task-heading { gap: 10px; }
    .network-task-heading h2 { font-size: 21px; }
}
/* === /ESTELAR Velocity Networks v1.4.1 background tasks === */

/* === ESTELAR Velocity Networks v1.5 final polish === */
.network-task-result {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin: 0;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
}
.network-task-result.is-success { border-color: rgba(105,226,166,.24); background: rgba(105,226,166,.035); }
.network-task-result.is-error { border-color: rgba(255,119,119,.28); background: rgba(255,119,119,.045); }
.network-task-result-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.055);
    font-size: 20px;
    font-weight: 900;
}
.network-task-result.is-success .network-task-result-icon { color: #83e7b5; }
.network-task-result.is-error .network-task-result-icon { color: #ff8585; }
.network-task-result > div:nth-child(2) { min-width: 0; }
.network-task-result small { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.network-task-result h3 { margin: 3px 0 4px; font-size: 15px; }
.network-task-result p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.network-task-result time { color: rgba(255,255,255,.43); font-size: 10px; white-space: nowrap; }

.network-server-status-card {
    display: grid;
    gap: 17px;
    padding: 21px;
    border-radius: 21px;
}
.network-server-status-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-end;
}
.network-server-status-head > div { min-width: 0; }
.network-server-status-head h2 { margin: 4px 0 5px; font-size: clamp(20px, 2.2vw, 28px); }
.network-server-status-head p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.network-server-status-head > small { color: rgba(255,255,255,.44); font-size: 10px; white-space: nowrap; }
.network-server-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}
.network-server-status-item {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.025);
}
.network-server-status-item.is-online { border-color: rgba(105,226,166,.17); background: rgba(105,226,166,.025); }
.network-server-status-item.is-loading { border-color: rgba(239,196,106,.18); background: rgba(239,196,106,.025); }
.network-server-status-item.is-offline { border-color: rgba(255,119,119,.2); background: rgba(255,119,119,.03); }
.network-server-status-copy {
    min-width: 0;
    display: grid;
    grid-template-columns: 11px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
.network-server-state-dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,.28);
    box-shadow: 0 0 0 5px rgba(255,255,255,.035);
}
.is-online .network-server-state-dot { background: #69e2a6; box-shadow: 0 0 0 5px rgba(105,226,166,.08); }
.is-loading .network-server-state-dot { background: #efc46a; box-shadow: 0 0 0 5px rgba(239,196,106,.08); }
.is-offline .network-server-state-dot { background: #ff7777; box-shadow: 0 0 0 5px rgba(255,119,119,.08); }
.network-server-status-copy > div { min-width: 0; }
.network-server-status-copy small { display: block; color: var(--muted); font-size: 10px; }
.network-server-status-copy h3 { margin: 4px 0 3px; font-size: 14px; overflow-wrap: anywhere; }
.network-server-status-copy h3 em {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: rgba(255,255,255,.7);
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase;
    vertical-align: 1px;
}
.network-server-status-copy p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
.network-server-status-item form { margin: 0; }
.network-server-status-item .button { min-width: 112px; }

@media (max-width: 900px) {
    .network-server-status-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .network-task-result { grid-template-columns: 38px minmax(0, 1fr); padding: 14px; }
    .network-task-result time { grid-column: 2; }
    .network-server-status-card { padding: 17px; }
    .network-server-status-head { align-items: flex-start; flex-direction: column; gap: 7px; }
    .network-server-status-item { grid-template-columns: 1fr; }
    .network-server-status-item .button { width: 100%; min-width: 0; }
}
/* === /ESTELAR Velocity Networks v1.5 final polish === */