/* Дополнения используют палитру, карточки и кнопки сайта владельца. */
.catalog-modal { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgb(11 29 82 / 55%); }
.catalog-dialog { width: 100%; max-width: 820px; max-height: 90dvh; overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-lg); }
.catalog-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; position: sticky; top: -28px; background: var(--surface); z-index: 1; padding-block: 12px; }
.catalog-modal-head h2 { margin: 0; font-size: 26px; color: var(--navy); }
.catalog-close { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--blue-pale); color: var(--navy); font-size: 30px; line-height: 1; }
.catalog-detail { min-width: 0; overflow-wrap: anywhere; }
.catalog-detail p, .catalog-detail li { line-height: 1.65; white-space: pre-line; }
.catalog-detail ul, .catalog-detail ol { padding-left: 24px; }
.catalog-detail li { margin-block: 10px; }
.catalog-detail-section { margin-top: 24px; }
.catalog-detail-section h3 { color: var(--navy); font-size: 20px; margin: 0 0 12px; }
.catalog-category { color: var(--muted); font-size: 14px; }
.catalog-detail-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.catalog-detail-heading h2 { margin: 0; }
.catalog-detail .integration-logo { width: 52px; height: 52px; flex-shrink: 0; }
.catalog-detail .integration-logo img { width: 100%; height: 100%; object-fit: contain; }
.integration-card, .integration-tile { text-align: left; color: inherit; }
.integration-tile > div { min-width: 0; overflow-wrap: anywhere; }
.integration-tile .integration-logo { flex-shrink: 0; }
.integration-tile .integration-logo img { width: 100%; height: 100%; object-fit: contain; }
.catalog-docs-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; }
.catalog-docs-list { position: static; max-height: 70dvh; overflow-y: auto; }
.catalog-docs-select { display: none; }
.catalog-docs-layout > .catalog-detail { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
[data-integration-docs] { scroll-margin-top: calc(var(--header-height) + 20px); }
.catalog-modal :focus-visible, [data-integration-scope] :focus-visible, [data-integration-docs] :focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
@media (max-width: 800px) {
  .catalog-docs-layout { grid-template-columns: minmax(0, 1fr); }
  .catalog-docs-list { display: none; }
  .catalog-docs-select { display: block; }
  .catalog-docs-select select { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 10px; background: var(--surface); color: var(--ink); }
}
@media (max-width: 600px) {
  .catalog-modal { padding: 0; align-items: stretch; }
  .catalog-dialog { border-radius: 0; border: 0; max-height: 100dvh; height: 100dvh; padding: 18px; }
  .catalog-modal-head { top: -18px; }
  .catalog-modal-head h2 { font-size: 22px; }
  .catalog-docs-layout > .catalog-detail { padding: 16px; }
}