/* U7 внутри Remnawave: тот же шрифт, цвета, карточки, поля и кнопки, что у Remnawave */
@import url("fonts/g-68a53b99.css");
html.rwtheme{
  --rwf:Montserrat,Vazirmatn,"Apple Color Emoji","Twemoji Country Flags",sans-serif;
  --bg:#161b22;--bg-2:#161b22;--bg2:#161b22;
  --surface:rgba(255,255,255,.02);--surface-solid:#1a1f26;--surface-2:#21262d;--surface-3:#30363d;
  --card:rgba(255,255,255,.02);--card2:#21262d;
  --line:rgba(255,255,255,.08);--line-2:#484f58;--line2:#484f58;
  --text:#c9d1d9;--text-2:#c9d1d9;--text2:#c9d1d9;--muted:#8b949e;
  --accent:#0c8599;--accent-2:#15aabf;--acc:#0c8599;--acc2:#3bc9db;--accl:rgba(21,170,191,.15);
  --radius:8px;--radius-sm:8px;--r:8px;--font:var(--rwf);
}
html.rwtheme, html.rwtheme body{background:#161b22!important;color:#c9d1d9}
html.rwtheme *:not(code):not(pre):not(kbd):not(samp){font-family:var(--rwf)!important}
html.rwtheme code, html.rwtheme pre, html.rwtheme kbd{font-family:"Fira Mono",ui-monospace,monospace!important}
html.rwtheme h1, html.rwtheme h2, html.rwtheme h3, html.rwtheme .panel-head h2, html.rwtheme .card h3{font-weight:600!important;letter-spacing:normal!important;color:#c9d1d9!important}
html.rwtheme h2, html.rwtheme .panel-head h2{font-size:18px!important}
html.rwtheme .eyebrow{color:#3bc9db!important;font-weight:700!important;font-size:10px!important;letter-spacing:.25px!important}
html.rwtheme .muted, html.rwtheme small{color:#8b949e}

/* карточки — как Mantine Card в Remnawave */
html.rwtheme .panel, html.rwtheme .stats article, html.rwtheme .card, html.rwtheme .group-manager,
html.rwtheme .user-table-wrap, html.rwtheme .group-tab, html.rwtheme .side-foot, html.rwtheme .me{
  background:rgba(255,255,255,.02)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;
  box-shadow:rgba(0,0,0,.05) 0 1px 3px 0,rgba(0,0,0,.05) 0 36px 28px -7px,rgba(0,0,0,.04) 0 17px 17px -7px!important;
  backdrop-filter:none!important}
html.rwtheme .stats strong, html.rwtheme .kpi .val{font-weight:700!important;color:#c9d1d9!important}
html.rwtheme .stat-ico, html.rwtheme .kpi .ic{border-radius:8px!important}

/* поля ввода — как Mantine Input */
html.rwtheme input:not([type=checkbox]):not([type=radio]):not([type=range]), html.rwtheme select, html.rwtheme textarea{
  background:#21262d!important;border:1px solid #484f58!important;border-radius:8px!important;color:#c9d1d9!important;box-shadow:none!important}
html.rwtheme input::placeholder, html.rwtheme textarea::placeholder{color:#6e7681!important}
html.rwtheme input:focus, html.rwtheme select:focus, html.rwtheme textarea:focus{border-color:#1098ad!important;outline:none!important;box-shadow:none!important}
html.rwtheme label{color:#c9d1d9;font-weight:500}

/* кнопки — варианты Mantine (light / default) */
html.rwtheme .primary, html.rwtheme button.primary{
  background:rgba(18,184,134,.15)!important;color:#38d9a9!important;border:1px solid transparent!important;border-radius:8px!important;
  box-shadow:none!important;font-weight:600!important;transform:none!important;filter:none!important}
html.rwtheme .primary:hover{background:rgba(18,184,134,.22)!important}
html.rwtheme .ghost, html.rwtheme button.ghost{
  background:#21262d!important;color:#c9d1d9!important;border:1px solid #484f58!important;border-radius:8px!important;font-weight:600!important;box-shadow:none!important}
html.rwtheme .ghost:hover{background:#30363d!important}
html.rwtheme .danger, html.rwtheme button.danger{
  background:rgba(250,82,82,.15)!important;color:#ff8787!important;border:1px solid transparent!important;border-radius:8px!important;font-weight:600!important;box-shadow:none!important}
html.rwtheme .danger:hover{background:rgba(250,82,82,.22)!important}

/* бейджи, таблицы, вкладки */
html.rwtheme .badge{font-size:10px!important;font-weight:700!important;border-radius:4px!important;letter-spacing:.25px!important}
html.rwtheme table th{color:#c9d1d9!important;font-weight:700!important;font-size:12px!important;letter-spacing:normal!important;text-transform:none!important;border-color:rgba(255,255,255,.08)!important}
html.rwtheme table td{border-color:rgba(255,255,255,.06)!important}
html.rwtheme tbody tr:hover{background:rgba(255,255,255,.03)!important}
html.rwtheme .group-tab.active, html.rwtheme .nav-btn.on, html.rwtheme .tab.on, html.rwtheme .seg button.on{
  background:rgba(21,170,191,.15)!important;color:#3bc9db!important;border-color:rgba(21,170,191,.4)!important}
html.rwtheme ::-webkit-scrollbar-thumb{background:#30363d}
html.rwtheme .side{background:#161b22!important;border-right:1px solid rgba(255,255,255,.08)!important}
html.rwtheme .topbar{background:transparent!important}
html.rwtheme .main{padding:16px 24px 48px!important;max-width:none!important}
/* боковое меню нашей панели — как у Remnawave */
html.rwtheme aside{background:#161b22!important;border-right:1px solid rgba(255,255,255,.08)!important}
html.rwtheme .nav{font-weight:600!important;font-size:14px!important;color:#c9d1d9!important}
html.rwtheme .nav:hover{background:rgba(255,255,255,.04)!important}
html.rwtheme .nav.active{background:rgba(21,170,191,.15)!important;color:#3bc9db!important}
html.rwtheme .nav.active svg{color:#3bc9db!important}
html.rwtheme header h1{font-size:22px!important;font-weight:700!important}
html.rwtheme .login-card{background:#1c2128!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important}

/* нижнее меню на телефоне: подписи целиком, лента листается пальцем */
@media (max-width:900px){
  html.rwtheme aside nav{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.rwtheme aside nav::-webkit-scrollbar{display:none}
  html.rwtheme aside .nav{flex:0 0 68px!important;min-width:68px!important;font-size:10.5px!important;font-weight:600!important;scroll-snap-align:start;padding:7px 2px!important}
  html.rwtheme aside .nav span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.12;word-break:normal}
}