/* PETRACMS: базовая тема поверх Tabler. Порядок подключения: Tabler → base.css → стиль сайта (перекрывает всё). */
:root, [data-bs-theme=light] {
  --tblr-font-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tblr-body-bg: #fff;
  --tblr-body-color: #09090b;
  --tblr-secondary: #71717a;
  --tblr-secondary-color: #71717a;
  --tblr-muted: #71717a;
  --tblr-border-color: #e4e4e7;
  --tblr-border-radius: .5rem;
  --tblr-border-radius-lg: .7rem;
  --tblr-primary: #1652f0;
  --tblr-primary-rgb: 22, 82, 240;
  --tblr-primary-fg: #fff;
  --tblr-primary-lt: #eff4ff;
  --tblr-primary-lt-rgb: 239, 244, 255;
  --tblr-link-color: #1652f0;
  --tblr-link-color-rgb: 22, 82, 240;
  --tblr-link-hover-color: #1243c4;
  --tblr-card-border-color: #e8eaee;
  --tblr-bg-surface-tertiary: #f6f7f9;
}
body { background: #fff; font-feature-settings: "cv11", "ss01"; letter-spacing: -.005em; }
h1, h2, h3, .h1, .h2, .h3, .page-title, .card-title { letter-spacing: -.02em; font-weight: 700; }
.page-body { margin-top: .5rem; }
.page-body .page-header { margin-top: .75rem; }

/* Карточки и формы */
.card { border-radius: 16px; border: 1px solid #e8eaee; box-shadow: none; }
.card-header { border-bottom-color: #f0f0f1; }
.list-group-flush > .list-group-item { border-color: #f0f0f1; }
.form-control, .form-select { border-radius: 6px; border-color: #e4e4e7; }
.form-control:focus, .form-select:focus { border-color: #1652f0; box-shadow: 0 0 0 3px rgba(22, 82, 240, .15); }
.form-check-input:checked { background-color: #1652f0; border-color: #1652f0; }
.progress-bar { background-color: #1652f0; }
.badge { font-weight: 600; }
.btn { border-radius: 8px; }
.alert { border-radius: 10px; border: 0; }
.dropdown-menu { border-radius: 10px; border-color: #eceef2; box-shadow: 0 8px 24px rgba(16, 24, 40, .08); padding: .4rem; }
.dropdown-item { border-radius: 6px; padding: .45rem .7rem; }
.dropdown-item.active, .dropdown-item:active { background: #eff4ff; color: #1652f0; }
.table { --tblr-table-hover-bg: #fafafb; }
.table > :not(caption) > * > * { border-bottom-color: #f2f3f5; }

/* Шапка (как .site-nav на seopas.com) */
.navbar.site-nav { --tblr-navbar-border-width: 1px; --tblr-navbar-border-color: rgba(0, 0, 0, .04); background: rgba(255, 255, 255, .88); backdrop-filter: blur(10px); border: 0; border-bottom: 1px solid rgba(0, 0, 0, .04); box-shadow: none; min-height: 67px; position: sticky; top: 0; z-index: 1030; }
.site-nav .navbar-brand { gap: 0; font-weight: 800; font-size: 1.25rem; letter-spacing: -.03em; color: #09090b; padding: 0; margin-right: 0; line-height: 1; text-decoration: none; }
@media (min-width: 768px) { .site-nav .navbar-brand { margin-right: 1.5rem; } }
.site-nav .brand-word { display: inline-block; line-height: 1; }
.site-nav .nav-link { color: #3f3f46; font-weight: 500; }
.site-nav .nav-link:hover, .site-nav .nav-item.active .nav-link { color: #09090b; }
.site-nav .navbar-nav .nav-link.active, .site-nav .navbar-nav .nav-link:hover { background: #f4f4f5; color: #09090b; }
.site-nav .nav-link.active { font-weight: 600; }
.site-nav .navbar-toggler { border: 0; }
.site-nav .avatar { background-color: #eff4ff; color: #1652f0; font-weight: 700; }
.navbar-brand:hover { text-decoration: none !important; }

/* Подвал (как .site-footer на seopas.com) */
.site-footer { border-top: 1px solid #eeeff1; margin-top: 2rem; background: transparent; }
.site-footer .brand-word { font-weight: 800; font-size: 1.2rem; letter-spacing: -.03em; color: #09090b; }
.site-footer .navbar-brand { text-decoration: none; }
.site-footer .footer-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem 1rem; color: #61616b; }
.site-footer .footer-meta .sep { display: none; }
.site-footer .footer-meta a { color: #61616b; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-color: rgba(97, 97, 107, .35); transition: color .2s ease, text-decoration-color .2s ease; }
.site-footer .footer-meta a:hover { color: #1652f0; text-decoration-color: rgba(22, 82, 240, .5); }
.site-footer .footer-meta [aria-current] { color: #09090b; }
.site-footer .footer-note { color: #a3a8b1; }
@media (min-width: 576px) {
  .site-footer .footer-meta { column-gap: .5rem; }
  .site-footer .footer-meta .sep { display: inline; }
}

/* Левое меню кабинета (как .side-menu на seopas.com) */
.side-card { border: 0; border-radius: 14px; background-color: #f6f7f9 !important; }
.side-menu .nav-link { display: flex; align-items: center; border-radius: 6px; color: #3f3f46; font-weight: 500; padding: .45rem .6rem; white-space: nowrap; font-size: .95rem; }
.side-menu .nav-link:hover { background: #eceef2; color: #09090b; }
.side-menu .nav-link.active { background: #fff; color: #1652f0; box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }
.side-menu .nav-link .ti { color: #71717a; }
.side-menu .nav-link.active .ti { color: #1652f0; }
.side-menu .side-group { font-size: .72rem; letter-spacing: .04em; color: #a1a1aa !important; }

/* Градиентные карточки (кошелёк, плитки) */
.g-card { border: 0; border-radius: 14px; box-shadow: none; }
.g-card .avatar { background: #fff !important; box-shadow: 0 1px 3px rgba(24, 36, 51, .08); }
.g-card .card-header { background: transparent; border-bottom-color: rgba(24, 36, 51, .08); }
.g-card .table { --tblr-table-bg: transparent; }
.g-primary { background: linear-gradient(135deg, #e6efff 0%, #f6f9ff 100%); } .g-primary .avatar { color: #1652f0; }
.g-azure { background: linear-gradient(135deg, #dff4fd 0%, #f4fbfe 100%); } .g-azure .avatar { color: #0b8ac0; }
.g-orange { background: linear-gradient(135deg, #ffeadb 0%, #fff6ef 100%); } .g-orange .avatar { color: #ea580c; }
.g-green { background: linear-gradient(135deg, #e9f8ee 0%, #f7fcf9 100%); } .g-green .avatar { color: #16a34a; }
.g-red { background: linear-gradient(135deg, #fde8e8 0%, #fff6f6 100%); } .g-red .avatar { color: #dc2626; }
.g-purple { background: linear-gradient(135deg, #f0e8fd 0%, #f9f5ff 100%); } .g-purple .avatar { color: #7e3af2; }
.g-teal { background: linear-gradient(135deg, #dcf6f1 0%, #f2fbf9 100%); } .g-teal .avatar { color: #0d9488; }
.g-yellow { background: linear-gradient(135deg, #fff3dc 0%, #fffaf0 100%); } .g-yellow .avatar { color: #d97706; }
.g-gray { background: linear-gradient(135deg, #f1f2f4 0%, #fafafb 100%); } .g-gray .avatar { color: #52525b; }
.page-title { font-size: 1.5rem; }

/* Мобильные: отрицательные поля строки не шире бокового отступа контейнера (иначе страница уезжает вбок на 4px) */
@media (max-width: 1199.98px) {
  .container-xl > .row.g-4, .container-xl > .row.gx-4 { --tblr-gutter-x: 1rem; }
}
/* Кнопка «Установить приложение» в подвале переносит текст и не выезжает за экран */
.site-footer [data-install] { max-width: 100%; }