/* v42 — unified interface layer. Presentation only: no application logic. */
:root{
  --ui-bg:#090914;--ui-surface:#15152b;--ui-surface-2:#1b1a36;--ui-surface-3:#222044;
  --ui-border:rgba(190,178,255,.17);--ui-border-strong:rgba(176,151,255,.38);
  --ui-text:#f7f5ff;--ui-muted:#c0bad5;--ui-subtle:#9690ad;
  --ui-accent:#9b7cff;--ui-accent-2:#704de7;--ui-good:#6ce0b2;--ui-warn:#ffc878;--ui-danger:#ff8297;
  --ui-shadow:0 16px 42px rgba(0,0,0,.24);--ui-radius:20px;
}
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.portal-page,body.admin-page,body.public-home,body.portal-3xui-page{
  color:var(--ui-text)!important;background-color:var(--ui-bg)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:15px;line-height:1.58;letter-spacing:0;overflow-x:hidden
}
body.portal-page,body.admin-page{background-image:radial-gradient(ellipse at 88% 0%,rgba(112,77,231,.19),transparent 34%),radial-gradient(ellipse at 0% 42%,rgba(52,119,173,.10),transparent 32%),linear-gradient(160deg,#090914,#0d0d1b 58%,#090914)!important}
body.portal-page p,body.admin-page p{color:#d0cbe0;line-height:1.68}
body.portal-page .muted,body.admin-page .muted,body.portal-page .date,body.admin-page .date{color:var(--ui-muted)!important;line-height:1.55}
body.portal-page h1,body.admin-page h1,body.portal-page h2,body.admin-page h2,body.portal-page h3,body.admin-page h3{color:#fff;line-height:1.2;letter-spacing:-.025em}
body.portal-page h1,body.admin-page h1{font-size:clamp(29px,4vw,42px);margin:0 0 12px}
body.portal-page h2,body.admin-page h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 13px}
body.portal-page h3,body.admin-page h3{font-size:17px;margin:5px 0 9px}
body.portal-page .wrap,body.admin-page .wrap{width:min(calc(100% - 48px),1160px);max-width:1160px;margin:24px auto 58px;padding:0}
body.portal-page .panel,body.admin-page .panel,body.portal-page .hero,body.admin-page .hero,body.portal-page .payment-panel,body.admin-page .payment-panel,body.portal-page .support-card,body.admin-page .support-card{
  min-width:0;padding:clamp(20px,2.8vw,30px);margin:0 0 18px;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;
  background:linear-gradient(145deg,rgba(27,26,54,.97),rgba(17,18,37,.98))!important;color:var(--ui-text)!important;
  box-shadow:var(--ui-shadow)!important;animation:none!important
}
body.portal-page .hero,body.admin-page .hero{background:linear-gradient(125deg,rgba(43,34,82,.98),rgba(21,22,46,.98))!important}
body.portal-page .panel::before,body.admin-page .panel::before,body.portal-page .hero::before,body.admin-page .hero::before{display:none!important}
body.portal-page .panel:hover,body.admin-page .panel:hover{transform:none;border-color:var(--ui-border-strong)!important}
body.portal-page .eyebrow,body.admin-page .eyebrow{display:block;margin:0 0 9px;color:#b8a6ff!important;font-size:11px;font-weight:850;letter-spacing:.14em;line-height:1.4}
body.portal-page .tag,body.admin-page .tag,body.portal-page .chips span,body.admin-page .chips span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 11px;border:1px solid var(--ui-border);border-radius:999px;background:rgba(155,124,255,.09);color:#e4ddff!important;font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
body.portal-page .status-ok,body.admin-page .status-ok{color:#8af0ca!important;background:rgba(54,190,139,.12)!important;border-color:rgba(108,224,178,.25)!important}
body.portal-page .status-bad,body.admin-page .status-bad{color:#ff9aaa!important;background:rgba(224,75,103,.12)!important;border-color:rgba(255,130,151,.25)!important}
body.portal-page .status-warn,body.admin-page .status-warn{color:#ffd28d!important;background:rgba(225,158,56,.12)!important;border-color:rgba(255,200,120,.25)!important}

/* Header and navigation */
body.portal-page .site-top,body.admin-page .site-top{width:min(calc(100% - 48px),1160px);max-width:1160px;min-height:76px;margin:0 auto;padding:14px 0;display:flex;align-items:center;gap:20px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;box-shadow:none}
body.portal-page .site-brand,body.admin-page .site-brand{flex:0 0 auto;min-width:0}
body.portal-page .brand-name,body.admin-page .brand-name{color:#fff;font-size:18px;font-weight:900;white-space:nowrap}
body.portal-page .top-links,body.admin-page .top-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto;min-width:0}
body.portal-page .top-links a,body.admin-page .top-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid transparent!important;border-radius:11px;background:transparent!important;color:#d0cbe0!important;box-shadow:none!important;font-size:13px;font-weight:650;text-decoration:none;white-space:normal;line-height:1.3}
body.portal-page .top-links a:hover,body.admin-page .top-links a:hover{background:rgba(155,124,255,.1)!important;border-color:var(--ui-border)!important;color:#fff!important;transform:none}
body.portal-page .site-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}
body.portal-page .site-top-actions .button-link{min-height:42px;padding:9px 14px;font-size:12px}
body.admin-page .admin-global-links{margin-left:auto}

/* One button system for links, submit buttons, mini-actions and controls */
body.portal-page button,body.admin-page button,body.portal-page .button-link,body.admin-page .button-link,
body.portal-page input[type=submit],body.admin-page input[type=submit]{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%;min-height:42px;
  padding:10px 15px;border:1px solid rgba(183,164,255,.25)!important;border-radius:12px!important;
  background:linear-gradient(145deg,#29264a,#1c1c36)!important;color:#f6f3ff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.15)!important;font:inherit;font-size:13px;font-weight:750;line-height:1.3;
  text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;word-break:normal;cursor:pointer;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
body.portal-page button:hover,body.admin-page button:hover,body.portal-page .button-link:hover,body.admin-page .button-link:hover{transform:translateY(-1px);border-color:rgba(190,166,255,.55)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;filter:none}
body.portal-page button.primary,body.admin-page button.primary,body.portal-page .button-link.primary,body.admin-page .button-link.primary,body.portal-page .primary,body.admin-page .primary{
  border-color:transparent!important;background:linear-gradient(115deg,#9b7cff,#704de7)!important;color:#fff!important;box-shadow:0 8px 20px rgba(112,77,231,.25)!important
}
body.portal-page button.secondary,body.admin-page button.secondary,body.portal-page .secondary,body.admin-page .secondary,body.portal-page .button-link.secondary,body.admin-page .button-link.secondary,body.portal-page button.mini,body.admin-page button.mini{
  border-color:var(--ui-border)!important;background:#22213e!important;color:#e6e1f4!important;box-shadow:none!important
}
body.portal-page button.danger,body.admin-page button.danger,body.portal-page .danger,body.admin-page .danger{border-color:rgba(255,130,151,.3)!important;background:linear-gradient(115deg,#9d334d,#76263e)!important;color:#fff!important}
body.portal-page button:disabled,body.admin-page button:disabled,body.portal-page .button-link[aria-disabled=true],body.admin-page .button-link[aria-disabled=true]{opacity:.48!important;filter:grayscale(.25);cursor:not-allowed;transform:none;box-shadow:none!important}
body.portal-page button.mini,body.admin-page button.mini,body.portal-page .mini,body.admin-page .mini{min-height:36px;padding:8px 10px;font-size:12px;border-radius:10px!important}
body.portal-page .inline-form,body.admin-page .inline-form,body.portal-page .refresh-actions,body.admin-page .refresh-actions,body.portal-page .backup-actions,body.admin-page .backup-actions,body.portal-page .support-hero-actions,body.admin-page .support-hero-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;max-width:100%
}
body.portal-page .inline-form>* ,body.admin-page .inline-form>*{min-width:0;max-width:100%}
body.portal-page .inline-form select,body.admin-page .inline-form select{flex:1 1 120px;width:auto}
body.portal-page .inline-form button,body.admin-page .inline-form button{flex:0 1 auto}
body.portal-page .refresh-actions form,body.admin-page .refresh-actions form{display:flex;flex:0 1 auto;min-width:0;max-width:100%;margin:0}

/* Forms and readable controls */
body.portal-page label,body.admin-page label{display:block;min-width:0;margin:0 0 14px;color:#e2ddef!important;font-size:13px;font-weight:700;line-height:1.5}
body.portal-page input:not([type=checkbox]):not([type=radio]):not([type=file]),body.admin-page input:not([type=checkbox]):not([type=radio]):not([type=file]),
body.portal-page textarea,body.admin-page textarea,body.portal-page select,body.admin-page select{
  display:block;width:100%;min-width:0;max-width:100%;min-height:44px;margin-top:7px;padding:11px 13px;
  border:1px solid rgba(190,178,255,.2)!important;border-radius:11px!important;background:#0e0e20!important;color:#f7f5ff!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.2)!important;font:inherit;font-size:14px;line-height:1.45
}
body.portal-page textarea,body.admin-page textarea{min-height:100px;resize:vertical}
body.portal-page input::placeholder,body.admin-page input::placeholder,body.portal-page textarea::placeholder,body.admin-page textarea::placeholder{color:#918ba8!important;opacity:1}
body.portal-page input:focus,body.admin-page input:focus,body.portal-page textarea:focus,body.admin-page textarea:focus,body.portal-page select:focus,body.admin-page select:focus{outline:2px solid rgba(155,124,255,.28);outline-offset:1px;border-color:#a58aff!important}
body.portal-page input[type=checkbox],body.admin-page input[type=checkbox],body.portal-page input[type=radio],body.admin-page input[type=radio]{width:18px;height:18px;accent-color:#9878ff;vertical-align:middle}
body.portal-page input[type=file],body.admin-page input[type=file]{display:block;max-width:100%;margin-top:8px;color:#d8d2e8;font-size:13px}
body.portal-page .form-grid,body.admin-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;align-items:start}
body.portal-page .form-grid>.wide,body.admin-page .form-grid>.wide{grid-column:1/-1}
body.portal-page .form-grid>*,body.admin-page .form-grid>*{min-width:0}
body.portal-page .urlbox,body.admin-page .urlbox{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px;min-width:0}
body.portal-page .urlbox input,body.admin-page .urlbox input{flex:1 1 260px;width:auto;min-width:0;margin:0}
body.portal-page .urlbox button,body.admin-page .urlbox button{flex:0 1 auto}

/* Admin: a visible, orderly navigation grid instead of a cramped tab ribbon */
body.admin-page .admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 20px}
body.admin-page .admin-head>div{min-width:0}
body.admin-page .admin-head form{flex:0 0 auto;margin:0}
body.admin-page .admin-nav{position:relative;top:auto;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;margin:0 0 22px;padding:12px;border:1px solid var(--ui-border)!important;border-radius:18px;background:rgba(20,19,42,.94)!important;box-shadow:var(--ui-shadow)!important;overflow:visible}
body.admin-page .admin-nav a{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#d6d0e8!important;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
body.admin-page .admin-nav a:hover{background:rgba(155,124,255,.1);border-color:var(--ui-border);transform:none}
body.admin-page .admin-nav a.active{background:linear-gradient(115deg,rgba(155,124,255,.24),rgba(112,77,231,.16));border-color:rgba(177,151,255,.35);color:#fff!important;box-shadow:inset 3px 0 #a58aff}
body.admin-page .admin-nav a:focus-visible{outline:2px solid #b7a4ff;outline-offset:2px}
body.admin-page .section-head,body.portal-page .section-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:17px}
body.admin-page .section-head>*,body.portal-page .section-head>*{min-width:0}
body.admin-page .refresh-actions{align-items:center}
body.admin-page .panel[id]{scroll-margin-top:16px}
body.admin-page .table-wrap,body.portal-page .table-wrap,body.admin-page .payment-admin-scroll,body.admin-page .mail-log-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid rgba(190,178,255,.12);border-radius:13px;background:rgba(8,8,20,.32);-webkit-overflow-scrolling:touch}
body.admin-page table,body.portal-page table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px;color:#e8e3f2;font-size:12px;line-height:1.5}
body.admin-page th,body.portal-page th{position:sticky;top:0;padding:12px 11px;background:#242142;color:#e7ddff;font-size:11px;font-weight:850;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ui-border)}
body.admin-page td,body.portal-page td{padding:11px;border-bottom:1px solid rgba(190,178,255,.1);vertical-align:top;color:#ddd7e9}
body.admin-page tbody tr:nth-child(even),body.portal-page tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
body.admin-page tbody tr:last-child td,body.portal-page tbody tr:last-child td{border-bottom:0}
body.admin-page td form,body.portal-page td form{min-width:0}
body.admin-page .action-stack{display:grid;gap:8px;min-width:160px}
body.admin-page .payment-order-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
body.admin-page .payment-order-actions button{flex:1 1 95px}
body.admin-page .payment-history-admin-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}
body.admin-page .mail-log-toolbar{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(120px,.8fr)) auto;gap:9px;align-items:end}
body.admin-page .mail-log-toolbar>*{min-width:0}
body.admin-page .mail-log-toolbar input,body.admin-page .mail-log-toolbar select{margin:0}
body.admin-page .server-maintenance{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.admin-page .server-maintenance>div{flex:1 1 300px;min-width:0}
body.admin-page .server-maintenance form{flex:0 1 auto;min-width:0}
body.admin-page .server-maintenance button{max-width:100%}
body.admin-page .payment-config-card,body.admin-page .backup-warning{min-width:0;padding:17px;border:1px solid var(--ui-border);border-radius:15px;background:rgba(8,8,20,.3)}
body.admin-page .backup-warning{margin:14px 0}
body.admin-page .flash,body.portal-page .flash{padding:13px 16px;border:1px solid rgba(108,224,178,.25)!important;border-radius:13px;background:rgba(30,110,80,.18)!important;color:#baf6df!important;line-height:1.5}
body.admin-page .flash.error,body.portal-page .flash.error{border-color:rgba(255,130,151,.28)!important;background:rgba(157,51,77,.18)!important;color:#ffc2cd!important}
body.admin-page .flash.warning,body.portal-page .flash.warning{border-color:rgba(255,200,120,.28)!important;background:rgba(150,102,35,.18)!important;color:#ffe0aa!important}
body.portal-page .steps>div{min-width:0;border-color:var(--ui-border);background:rgba(255,255,255,.025);color:#f0ebfa}
body.portal-page .steps p{color:#c8c2d8!important}
body.portal-page .stat{gap:12px;align-items:center;border:1px solid var(--ui-border);background:rgba(255,255,255,.035);color:#f0ebfa}
body.portal-page .stat span{color:var(--ui-muted)!important}
body.portal-page .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.portal-page .site-footer{width:min(calc(100% - 48px),1160px);max-width:1160px;margin:36px auto 0;padding:22px 0 32px;border-top:1px solid rgba(255,255,255,.08);color:#aaa4bf;font-size:12px}
body.portal-page .site-footer span{color:#aaa4bf}

/* Public landing refinements: stronger reading rhythm and more balanced cards */
body.public-home .wrap{width:min(calc(100% - 48px),1160px);max-width:1160px;padding:0;margin:0 auto 42px}
body.public-home .v41-hero{min-height:0;padding:58px 0 42px;gap:clamp(24px,4vw,54px)}
body.public-home .v41-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-.035em}
body.public-home .v41-hero-copy>p{font-size:17px;line-height:1.72;color:#d0cbe0}
body.public-home .v41-eyebrow{font-size:12px;line-height:1.45}
body.public-home .v41-section{padding:42px 0}
body.public-home .v41-section-head{align-items:flex-end}
body.public-home .v41-section-head p{font-size:15px;line-height:1.65;color:#c8c2d8}
body.public-home .v41-kicker{font-size:11px;color:#b9a7ff}
body.public-home .v41-device-card{min-height:174px;padding:21px}
body.public-home .v41-device-card b{font-size:17px}
body.public-home .v41-device-card small{font-size:13px;color:#c3bdd7!important;line-height:1.5}
body.public-home .v41-news-card p{font-size:14px;line-height:1.7;color:#d0cbe0}
body.public-home .v41-step b{font-size:15px}
body.public-home .v41-step small{font-size:13px;line-height:1.55;color:#c7c1d8!important}
body.public-home .v41-instruction-intro p{font-size:14px;line-height:1.7;color:#d4cde8}
body.public-home .v41-account-card p,body.public-home .v41-feature-card p,body.public-home .v41-faq-list details p{font-size:14px;line-height:1.7;color:#d0cbe0}
body.public-home .v41-feature-card h3{font-size:17px}
body.public-home .v41-faq-list summary{font-size:15px;line-height:1.5}
body.public-home .v41-faq-list details{border-color:var(--ui-border)}
body.public-home .promo-banner{width:min(calc(100% - 48px),1120px);max-width:1120px;margin:10px auto 0;padding:16px 20px;gap:16px}
body.public-home .promo-banner-copy p{font-size:13px;line-height:1.55}
body.public-home .flash{color:#c5f7e4!important}

/* Standalone 3x-ui page: match the portal while preserving its original controls and scripts */
body.portal-3xui-page{background-color:var(--ui-bg)!important;background-image:radial-gradient(ellipse at 88% 0%,rgba(112,77,231,.19),transparent 34%),radial-gradient(ellipse at 0% 42%,rgba(52,119,173,.10),transparent 32%),linear-gradient(160deg,#090914,#0d0d1b 58%,#090914)!important;color:var(--ui-text)!important;font-size:15px;line-height:1.58}
body.portal-3xui-page .page{width:min(calc(100% - 36px),1080px);max-width:1080px;padding:16px 0 90px;margin:0 auto}
body.portal-3xui-page .topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:8px 0 17px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
body.portal-3xui-page .brand-title{color:#fff;font-size:18px}
body.portal-3xui-page .brand-subtitle{color:#b9b3cd!important;font-size:12px}
body.portal-3xui-page .status-pill{min-height:36px;padding:8px 12px;border:1px solid var(--ui-border)!important;border-radius:999px;background:#1a1933!important;color:#e0d9f0!important;font-size:11px}
body.portal-3xui-page .hero,body.portal-3xui-page .section-card,body.portal-3xui-page .info-card,body.portal-3xui-page .card,body.portal-3xui-page .subscription-card,body.portal-3xui-page .traffic-card{border:1px solid var(--ui-border)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(27,26,54,.97),rgba(17,18,37,.98))!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}
body.portal-3xui-page .hero{padding:clamp(20px,3vw,30px)!important;background:linear-gradient(125deg,rgba(43,34,82,.98),rgba(21,22,46,.98))!important}
body.portal-3xui-page .hero h1,body.portal-3xui-page .hero h2,body.portal-3xui-page .hero h3,body.portal-3xui-page .section-card h1,body.portal-3xui-page .section-card h2,body.portal-3xui-page .section-card h3,body.portal-3xui-page .info-card h1,body.portal-3xui-page .info-card h2,body.portal-3xui-page .info-card h3{color:#fff!important}
body.portal-3xui-page .hero p,body.portal-3xui-page .section-card p,body.portal-3xui-page .info-card p,body.portal-3xui-page .card p{color:#d0cbe0!important;font-size:14px;line-height:1.7}
body.portal-3xui-page .hero-label,body.portal-3xui-page .section-label{color:#b9a7ff!important;font-size:11px;letter-spacing:.13em}
body.portal-3xui-page button,body.portal-3xui-page .btn,body.portal-3xui-page .button,body.portal-3xui-page a.button,body.portal-3xui-page input[type=button],body.portal-3xui-page input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%;min-height:42px;padding:10px 14px;border:1px solid var(--ui-border-strong)!important;border-radius:12px!important;background:linear-gradient(145deg,#29264a,#1c1c36)!important;color:#f6f3ff!important;font-size:13px;font-weight:750;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;box-shadow:0 5px 14px rgba(0,0,0,.15)!important}
body.portal-3xui-page button.primary,body.portal-3xui-page .btn-primary,body.portal-3xui-page .primary{background:linear-gradient(115deg,#9b7cff,#704de7)!important;border-color:transparent!important;color:#fff!important}
body.portal-3xui-page button:disabled,body.portal-3xui-page .btn:disabled{opacity:.48;cursor:not-allowed}
body.portal-3xui-page input:not([type=checkbox]):not([type=radio]),body.portal-3xui-page select,body.portal-3xui-page textarea{min-width:0;max-width:100%;border:1px solid rgba(190,178,255,.2)!important;border-radius:11px!important;background:#0e0e20!important;color:#f7f5ff!important;font-size:14px;line-height:1.45}
body.portal-3xui-page input::placeholder,body.portal-3xui-page textarea::placeholder{color:#918ba8!important}
body.portal-3xui-page .info-grid,body.portal-3xui-page .stats-grid,body.portal-3xui-page .features-grid{min-width:0}
body.portal-3xui-page .modal-box{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
body.portal-3xui-page .promo-banner{width:min(calc(100% - 36px),1080px);max-width:1080px;margin:10px auto 0;padding:14px 18px}

/* Responsive rules: no button collisions, no page-level horizontal overflow */
@media(max-width:980px){
 body.admin-page .admin-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.admin-page .mail-log-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.public-home .v41-hero{grid-template-columns:1fr;gap:10px;padding-top:42px}
 body.public-home .v41-hero-art{min-height:350px}
}
@media(max-width:760px){
 body.portal-page .wrap,body.admin-page .wrap,body.public-home .wrap{width:calc(100% - 30px);margin-top:16px}
 body.portal-page .site-top,body.admin-page .site-top{width:calc(100% - 30px);flex-wrap:wrap;gap:8px 14px;padding:12px 0}
 body.portal-page .top-links,body.admin-page .top-links{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 5px;scrollbar-width:thin}
 body.portal-page .top-links a,body.admin-page .top-links a{flex:0 0 auto;white-space:nowrap}
 body.portal-page .site-top-actions{margin-left:auto}
 body.portal-page .panel,body.admin-page .panel,body.portal-page .hero,body.admin-page .hero{padding:19px!important;border-radius:17px!important}
 body.admin-page .admin-head{align-items:flex-start}
 body.admin-page .admin-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}
 body.admin-page .admin-nav a{font-size:11px;padding:9px 8px}
 body.portal-page .form-grid,body.admin-page .form-grid{grid-template-columns:minmax(0,1fr)}
 body.portal-page .form-grid>.wide,body.admin-page .form-grid>.wide{grid-column:1}
 body.portal-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.admin-page .mail-log-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body.admin-page .section-head{align-items:flex-start}
 body.admin-page .refresh-actions{width:100%}
 body.admin-page .refresh-actions>*{max-width:100%}
 body.portal-page .site-footer{width:calc(100% - 30px)}
 body.public-home .wrap{width:calc(100% - 30px)}
 body.public-home .v41-hero{padding:34px 0 18px}
 body.public-home .v41-hero h1{font-size:clamp(36px,8vw,48px);letter-spacing:-.03em}
 body.public-home .v41-hero-copy>p{font-size:15px}
 body.public-home .v41-section{padding:32px 0}
 body.public-home .v41-section-head{display:block}
 body.public-home .v41-section-head>.v41-text-link{display:inline-block;margin-top:12px}
 body.public-home .v41-device-grid,body.public-home .v41-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.public-home .v41-device-card{min-height:155px;padding:15px}
 body.public-home .v41-device-card b{font-size:15px}
 body.public-home .v41-device-card small{font-size:12px}
 body.public-home .v41-instruction-layout,body.public-home .v41-cabinet-layout,body.public-home .v41-faq-layout{grid-template-columns:minmax(0,1fr)}
 body.public-home .promo-banner{width:calc(100% - 30px);align-items:flex-start;flex-wrap:wrap}
 body.public-home .promo-banner-cta{width:100%}
 body.portal-3xui-page .page{width:calc(100% - 24px);padding:10px 0 90px}
 body.portal-3xui-page .topbar{align-items:flex-start}
 body.portal-3xui-page .client-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
 body.portal-3xui-page .modal-actions{flex-wrap:wrap}
}
@media(max-width:520px){
 body.admin-page .admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.admin-page .mail-log-toolbar{grid-template-columns:minmax(0,1fr)}
 body.admin-page .mail-log-toolbar>*{width:100%}
 body.portal-page .refresh-actions,body.admin-page .refresh-actions{align-items:stretch}
 body.portal-page .refresh-actions>* ,body.admin-page .refresh-actions>*{flex:1 1 100%;width:100%}
 body.portal-page .refresh-actions form,body.admin-page .refresh-actions form{width:100%}
 body.portal-page .refresh-actions button,body.admin-page .refresh-actions button{width:100%}
 body.portal-page .urlbox,body.admin-page .urlbox{display:grid;grid-template-columns:minmax(0,1fr)}
 body.portal-page .urlbox button,body.admin-page .urlbox button{width:100%}
 body.portal-page .stats-grid{grid-template-columns:minmax(0,1fr)}
 body.public-home .v41-device-grid,body.public-home .v41-feature-grid{grid-template-columns:minmax(0,1fr)}
 body.public-home .v41-device-card{min-height:126px}
 body.public-home .v41-hero-art{min-height:290px;transform:scale(.94);transform-origin:top center;margin-bottom:-12px}
 body.public-home .v41-device{transform:scale(.78) rotate(-7deg)}
 body.public-home .v41-float{padding:10px 12px;font-size:11px}
 body.public-home .v41-float b{font-size:12px}
 body.portal-3xui-page .page{width:calc(100% - 18px)}
 body.portal-3xui-page .section-card,body.portal-3xui-page .hero{padding:15px!important;border-radius:16px!important}
 body.portal-3xui-page button,body.portal-3xui-page .btn,body.portal-3xui-page .button,body.portal-3xui-page a.button{width:100%;min-height:44px}
}
@media(max-width:360px){
 body.portal-page .wrap,body.admin-page .wrap,body.public-home .wrap{width:calc(100% - 22px)}
 body.portal-page .site-top,body.admin-page .site-top{width:calc(100% - 22px)}
 body.portal-page .site-top-actions .button-link.secondary{display:none}
 body.admin-page .admin-nav{grid-template-columns:minmax(0,1fr)}
 body.admin-page .admin-nav a{min-height:38px}
 body.portal-page button,body.admin-page button,body.portal-page .button-link,body.admin-page .button-link{font-size:12px;padding:9px 11px}
 body.public-home .v41-hero h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){body.portal-page *,body.admin-page *,body.public-home *,body.portal-3xui-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Public page overrides the legacy !important rules in the accumulated base theme. */
body.public-home .site-top{width:min(calc(100% - 48px),1160px);max-width:1160px;min-height:76px;margin:0 auto;padding:14px 0;display:flex;align-items:center;gap:20px;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.public-home .site-brand{flex:0 0 auto;min-width:0;color:#fff!important}
body.public-home .brand-name{color:#fff!important}
body.public-home .site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,25px);flex:1;min-width:0}
body.public-home .site-nav a{padding:6px 0;border:0!important;background:transparent!important;color:#c9c3dc!important;font-size:13px;font-weight:650;text-decoration:none;box-shadow:none!important}
body.public-home .site-nav a:hover{color:#fff!important;background:transparent!important}
body.public-home .site-top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
body.public-home .site-top-actions .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--ui-border)!important;border-radius:12px!important;background:#201f3a!important;color:#eee9fa!important;font-size:12px;font-weight:750;box-shadow:none!important}
body.public-home .site-top-actions .button-link.primary{border-color:transparent!important;background:linear-gradient(115deg,#9b7cff,#704de7)!important;color:#fff!important;box-shadow:0 8px 20px rgba(112,77,231,.25)!important}
body.public-home .site-top-actions .button-link:hover{transform:translateY(-1px);filter:none}
body.public-home .v41-hero h1,body.public-home .v41-section h2,body.public-home .v41-faq-layout h2,body.public-home .v41-instruction-intro h2,body.public-home .v41-account-card h3,body.public-home .v41-feature-card h3,body.public-home .v41-news-card h3{color:#fff!important}
body.public-home .v41-hero h1 span{background:linear-gradient(100deg,#fff 10%,#c3b1ff 52%,#8bdcff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body.public-home .v41-hero-copy>p,body.public-home .v41-section-head p,body.public-home .v41-instruction-intro p,body.public-home .v41-account-card p,body.public-home .v41-feature-card p,body.public-home .v41-faq-layout>div>p,body.public-home .v41-faq-list details p{color:#d0cbe0!important}
body.public-home .v41-step small,body.public-home .v41-device-card small,body.public-home .v41-news-card p{color:#c9c3da!important}
body.public-home .v41-btn{border:1px solid var(--ui-border)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:#f7f5ff!important;box-shadow:none!important}
body.public-home .v41-btn.primary{border-color:transparent!important;background:linear-gradient(115deg,#9b7cff,#704de7)!important;color:#fff!important;box-shadow:0 9px 24px rgba(112,77,231,.25)!important}
body.public-home .v41-btn:hover{border-color:var(--ui-border-strong)!important;filter:brightness(1.06);transform:translateY(-1px)}
body.public-home .v41-device-card,body.public-home .v41-news-card,body.public-home .v41-step,body.public-home .v41-account-card,body.public-home .v41-feature-card{color:#f7f5ff!important}
body.public-home .v41-account-illustration b,body.public-home .v41-account-illustration small,body.public-home .v41-guide-links a,body.public-home .v41-guide-empty{color:#eee9fa!important}
body.public-home .v41-faq-list summary{color:#f2edff!important}
body.public-home .site-footer{color:#aaa4bf!important}
@media(max-width:760px){
 body.public-home .site-top{width:calc(100% - 30px);flex-wrap:wrap;gap:8px 14px;padding:12px 0}
 body.public-home .site-nav{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;gap:20px;padding:5px 0 2px;scrollbar-width:thin}
 body.public-home .site-nav a{flex:0 0 auto;white-space:nowrap}
 body.public-home .site-top-actions{margin-left:auto}
}
@media(max-width:360px){body.public-home .site-top{width:calc(100% - 22px)}body.public-home .site-top-actions .button-link.secondary{display:none}}

/* Final cascade guards against legacy theme declarations marked !important. */
body.portal-page h1,body.portal-page h2,body.portal-page h3,body.admin-page h1,body.admin-page h2,body.admin-page h3{color:#fff!important}
body.portal-page p,body.admin-page p,body.portal-page .muted,body.admin-page .muted{color:#d0cbe0!important}
body.portal-page .site-top,body.admin-page .site-top{background:transparent!important;border-color:rgba(255,255,255,.08)!important;color:#f7f5ff!important}
body.portal-page .brand-name,body.admin-page .brand-name{color:#fff!important}
body.portal-page button.secondary:not(.primary):not(.danger):not(.success),body.admin-page button.secondary:not(.primary):not(.danger):not(.success),
body.portal-page .secondary:not(.primary):not(.danger):not(.success),body.admin-page .secondary:not(.primary):not(.danger):not(.success),
body.portal-page button.mini:not(.primary):not(.danger):not(.success),body.admin-page button.mini:not(.primary):not(.danger):not(.success){background:#22213e!important;color:#e9e4f5!important;border-color:var(--ui-border)!important}
body.portal-page button.primary,body.admin-page button.primary,body.portal-page .button-link.primary,body.admin-page .button-link.primary{background:linear-gradient(115deg,#9b7cff,#704de7)!important;color:#fff!important;border-color:transparent!important}
body.portal-page button.danger,body.admin-page button.danger,body.portal-page .danger,body.admin-page .danger{background:linear-gradient(115deg,#9d334d,#76263e)!important;color:#fff!important;border-color:rgba(255,130,151,.3)!important}
body.portal-page .admin-nav a,body.admin-page .admin-nav a{color:#d6d0e8!important}
html{background:#090914!important}