/* Табове, чието тяло е ЕДНА карта с лентата на таблото (30.09.2026):
   Статистика, Артикули, Дизайни, Обекти и Шаблони на меню (05.10.2026; тялото на „Шаблони на меню“ е #templates). Лентата с табове е горният ръб на картата,
   отдолу е бялото тяло. Преди съдържанието лежеше директно върху фона на
   таблото и изглеждаше „във въздуха“.

   `body[data-tab]` се слага от navigation.js (showTabContent). Табът
   „Дигитално меню“ има собствена версия в tabs/digital-menu.css.
   ❗ Картата е самият `.tab-content`, не `.content-wrapper`: той носи
   padding-bottom 100px за долната навигация на телефон. */

:is(#statistics, #articles, #designs, #venues, #templates, #customers, #ai-models, #blog, #sales-leads, #subscription-plans-admin).tab-content {
    background: #fff;
    border-radius: 20px;
    padding: 18px 14px 26px;
    box-shadow: 0 22px 44px -14px rgba(160, 110, 70, .3), 0 2px 6px rgba(90, 74, 58, .05);
}

@media (min-width: 769px) {
    body:is([data-tab="statistics"], [data-tab="articles"], [data-tab="designs"], [data-tab="venues"], [data-tab="menu-templates"], [data-tab="customers"], [data-tab="ai-models"], [data-tab="blog"], [data-tab="sales-leads"], [data-tab="subscription-plans-admin"]) .nav-tabs {
        position: relative; z-index: 2; margin-bottom: 0;
        border-radius: 22px 22px 0 0; border-bottom: 1px solid #efe4d8;
        /* Само нагоре и встрани - надолу сянката би легнала върху тялото. */
        box-shadow: 0 -8px 26px -10px rgba(160, 110, 70, .22), 0 2px 6px -4px rgba(90, 74, 58, .08);
    }
    :is(#statistics, #articles, #designs, #venues, #templates, #customers, #ai-models, #blog, #sales-leads, #subscription-plans-admin).tab-content {
        border-radius: 0 0 22px 22px;
        padding: 30px 32px 38px;
    }
}
