/* ==========================================================================
   BI-LANDS — общая тема (Apple-стилистика, Manrope)
   Подключается ПОСЛЕ инлайнового <style> каждого шаблона, поэтому
   переопределяет и переменные, и типовые компоненты.
   Правится в одном месте — применяется ко всем страницам.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* --- новая палитра --- */
  --t-bg:#F5F5F7;
  --t-card:#FFFFFF;
  --t-side:#152A48;
  --t-side-txt:#AFC2DA;
  --t-side-lbl:#6C86A8;
  --t-ink:#1D1D1F;
  --t-ink-2:#424245;
  --t-mut:#86868B;
  --t-mut-2:#A1A1A6;
  --t-line:rgba(0,0,0,.07);
  --t-line-2:rgba(0,0,0,.045);
  --t-blue:#0071E3;
  --t-blue-d:#0058B0;
  --t-blue-l:#EAF3FE;
  --t-green:#1D9A5C;
  --t-amber:#C77A0A;
  --t-red:#D2402F;
  --t-fill:#F2F2F4;
  --t-r-lg:20px; --t-r-md:14px; --t-r-sm:10px;
  --t-sh:0 1px 2px rgba(0,0,0,.035), 0 4px 14px rgba(0,0,0,.035);
  --t-sh-h:0 2px 6px rgba(0,0,0,.05), 0 12px 34px rgba(0,0,0,.07);
  --t-ff:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  /* --- перекрываем легаси-переменные шаблонов --- */
  --accent:var(--t-blue);
  --accent-d:var(--t-blue-d);
  --bg:var(--t-bg);
  --card:var(--t-card);
  --line:var(--t-line);
  --ink:var(--t-ink);
  --mut:var(--t-mut);
  --nav:var(--t-side);
  --nav-txt:var(--t-side-txt);
  --nav-lbl:var(--t-side-lbl);
  --green:var(--t-green);
  --gold:var(--t-amber);
  --navy:var(--t-side);
  --blue:var(--t-blue);
  --red:var(--t-red);
  --brand:var(--t-blue);
  --teal:var(--t-blue);
  --teal-d:var(--t-blue-d);
  --teal-l:var(--t-blue-l);
  --side:var(--t-side);
  --sh:var(--t-sh);
  --sh2:var(--t-sh-h);
  --r-lg:var(--t-r-lg); --r-md:var(--t-r-md); --r-sm:var(--t-r-sm);
}

/* ---------------- база ---------------- */
body{
  font-family:var(--t-ff) !important;
  background:var(--t-bg) !important;
  color:var(--t-ink) !important;
  font-size:13px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"tnum" 1;
}
h1,h2,h3,h4{letter-spacing:-.022em}
h1{font-weight:700}
h2,h3{font-weight:700}

/* ---------------- боковая панель ---------------- */
aside:not(.drawer):not(.panel){background:var(--t-side) !important;color:var(--t-side-txt) !important;border-right:0 !important}
aside .nav-lbl,aside .navlbl{color:var(--t-side-lbl) !important;font-size:10.5px;letter-spacing:.01em;font-weight:700}
aside .nav-item,aside .navitem{
  color:var(--t-side-txt) !important;border-radius:8px;font-weight:500;
  transition:background .13s,color .13s;
}
aside .nav-item i,aside .navitem i{color:#8AA2C0}
aside .nav-item:hover,aside .navitem:hover{background:rgba(255,255,255,.08) !important;color:#fff !important}
aside .nav-item:hover i,aside .navitem:hover i{color:#C6D7EC}
aside .nav-item.active,aside .navitem.active{background:var(--t-blue) !important;color:#fff !important;font-weight:600}
aside .nav-item.active i,aside .navitem.active i{color:#fff}
aside .logo .nm{color:#fff}
aside .logo .sb{color:#7F97B8;letter-spacing:.13em;font-weight:600}
aside .logo .mark{background:#fff !important;color:var(--t-side) !important;border-radius:9px}

/* ---------------- шапка ---------------- */
header.top,header.hd,.topbar{
  background:rgba(245,245,247,.82) !important;
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--t-line-2) !important;
}
header .ttl,header .title{letter-spacing:-.028em;font-weight:700}
header .sub{color:var(--t-mut) !important;font-weight:500}
.prof .av,.avatar{background:var(--t-fill) !important;color:var(--t-ink-2) !important}

/* ---------------- карточки и панели ---------------- */
.panel,.card,.box,.tile,.ncard,.pcard,.kpi,.acard,.sect-card{
  background:var(--t-card) !important;
  border-radius:var(--t-r-md) !important;
  border:0 !important;
  box-shadow:var(--t-sh) !important;
}
.panel{border-radius:var(--t-r-lg) !important}
.panel:hover,.card:hover,.ncard:hover,.kpi:hover{box-shadow:var(--t-sh-h) !important}

/* ---------------- кнопки ---------------- */
.btn,button.btn,.button,.btn-primary,.primary{
  border-radius:11px;font-family:var(--t-ff);font-weight:600;letter-spacing:-.005em;
}
.btn-primary,.primary,.btn.p,.btn.primary{
  background:var(--t-blue) !important;border-color:var(--t-blue) !important;color:#fff !important;
}
.btn-primary:hover,.primary:hover,.btn.p:hover{background:var(--t-blue-d) !important}
.ghost,.btn.ghost,.secondary{
  background:var(--t-card) !important;border:1px solid var(--t-line) !important;
  color:var(--t-ink) !important;border-radius:11px;
}
.ghost:hover,.btn.ghost:hover{background:var(--t-fill) !important}

/* ---------------- поля ввода ---------------- */
input[type=text],input[type=search],input[type=number],input[type=date],
input[type=email],input[type=password],select,textarea{
  font-family:var(--t-ff);border-radius:10px;border:1px solid var(--t-line);
  background:var(--t-card);color:var(--t-ink);outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--t-blue);box-shadow:0 0 0 3px rgba(0,113,227,.12)}
label{color:var(--t-mut)}

/* ---------------- таблицы ---------------- */
table{border-collapse:collapse}
th{
  color:var(--t-mut) !important;font-weight:600;letter-spacing:.01em;
  border-bottom:1px solid var(--t-line) !important;background:transparent !important;
}
td{border-bottom:1px solid var(--t-line-2) !important;color:var(--t-ink-2)}
tbody tr:hover{background:#FAFAFC !important}

/* ---------------- пилюли и бейджи ---------------- */
.tag,.badge,.chip,.pill{border-radius:999px;font-weight:600;letter-spacing:.01em}

/* ---------------- прочее ---------------- */
a{color:inherit}
.muted,.mut{color:var(--t-mut) !important}
hr,.sep{border:0;border-top:1px solid var(--t-line-2)}
::selection{background:rgba(0,113,227,.18)}

/* Полосы прокрутки — тонкие, как в macOS */
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:99px;
  border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3);background-clip:content-box}
aside::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);background-clip:content-box}