/*
 * Стили брендинга Metabase. ОТДЕЛЬНЫМ ФАЙЛОМ, не инъекцией <style>:
 * CSP Metabase (style-src 'self' 'nonce-…') молча блокирует вставленные
 * скриптом style-теги, а внешний css со своего домена разрешён ('self').
 * Подключается nginx'ом (sub_filter <link> в metabase-vhost) вместе с branding.js.
 */

/* Апселлы Pro: карточки/баннеры/гемы + ссылки на магазин; неиспользуемые разделы */
[data-testid^="upsell"],
[data-testid="store-link"],
img[src*="upsell"],
a[href*="store.metabase.com"],
a[href*="metabase.com/pricing"],
a[href*="metabase.com/upgrade"],
a[href*="/admin/settings/cloud"],
a[href^="/browse/metrics"],
li:has(> a[href^="/browse/metrics"]),
a[href^="/browse/models"],
li:has(> a[href^="/browse/models"]) {
    display: none !important;
}

/* Кнопка разворота карточки: всегда видима, фирменный синий при наведении */
.wa-fs-btn {
    position: absolute;
    top: 8px;
    right: 36px;
    z-index: 30;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(127, 127, 127, .28);
    border-radius: 8px;
    background: rgba(127, 127, 127, .10);
    color: inherit;
    cursor: pointer;
    opacity: .55;
    transition: opacity .15s, background .15s, border-color .15s;
    padding: 0;
}
[data-wa-fs]:hover .wa-fs-btn { opacity: .9; }
.wa-fs-btn:hover {
    opacity: 1 !important;
    background: rgba(80, 158, 227, .18);
    border-color: rgba(80, 158, 227, .65);
    color: #509EE3;
}

/* Полноэкранный режим карточки (нативный Fullscreen API) */
[data-wa-fs]:fullscreen {
    overflow: auto !important;
    padding: 20px 24px;
}
[data-wa-fs]:fullscreen .wa-fs-btn {
    position: fixed;
    top: 14px;
    right: 18px;
    width: 34px;
    height: 34px;
    opacity: .95;
    background: rgba(127, 127, 127, .16);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}