/* plati.dev — тонкие дополнения поверх стека Orvexa (css-kimi).
   Только зазоры и таблицы/FAQ; палитра и компоненты — из шаблона (var(--…)). */

.plati-foot { margin-top: 26px; color: var(--muted); font-size: 12.5px; }
.plati-foot a { color: var(--primary-text); text-decoration: none; }

.p2-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.p2-table th {
  text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--line);
  color: var(--muted); font-size: 11.5px; font-weight: 750;
  text-transform: uppercase; letter-spacing: .06em; white-space: nowrap;
}
.p2-table td { padding: 11px 14px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.p2-table tr:last-child td { border-bottom: none; }
.p2-table td b, .p2-table td strong { color: var(--primary-text); }
.p2-table a { color: var(--primary-text); text-decoration: none; font-weight: 700; }
.p2-table a:hover { text-decoration: underline; }

.plati-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.plati-chips .p2-status { cursor: default; }

details.plati-faq { border-top: 1px solid var(--line); padding: 13px 2px; }
details.plati-faq:first-child { border-top: none; padding-top: 2px; }
details.plati-faq summary { cursor: pointer; font-weight: 750; font-size: 14px; list-style: none; }
details.plati-faq summary::-webkit-details-marker { display: none; }
details.plati-faq summary::before { content: "›"; display: inline-block; margin-right: 9px; color: var(--muted); transition: transform .15s ease; }
details.plati-faq[open] summary::before { transform: rotate(90deg); color: var(--primary-text); }
details.plati-faq[open] summary { color: var(--primary-text); }
details.plati-faq .a { margin-top: 8px; color: var(--muted); font-size: 13.5px; line-height: 1.55; }

/* переключатель темы: показываем нужную иконку */
#themeToggle .icon-moon { display: none; }
#themeToggle .icon-sun { display: inline-flex; }
html.dark #themeToggle .icon-moon { display: inline-flex; }
html.dark #themeToggle .icon-sun { display: none; }

/* мобильный сайдбар (статическая страница): спрятан вне lg, открывается кнопкой */
@media (max-width: 1023px) {
  #sidebar { transform: translateX(-100%); }
  #sidebar.plati-mobile-open { transform: translateX(0); box-shadow: var(--shadow, 0 28px 72px rgba(0,0,0,.5)); }
}

/* офсет контента и топбара за иконочную рельсу — как в приложении (#app-main в sidebar.css) */
@media (min-width: 1024px) {
  #app-main { padding-left: var(--sidebar-rail-width) !important; padding-right: 0 !important; }
  body > header.sticky { padding-left: calc(var(--sidebar-rail-width) + 12px) !important; }
}