/* Название: calendar-toolbar.css */
/* Расположение: /wp-content/plugins/calendar_dlp/assets/css/calendar-toolbar.css */
/* Связь с файлами: Оформляет кнопки режимов из includes/view-render.php; активное состояние переключается из assets/js/calendar-init.js. В одной строке */
/* Описание: Верхняя строка режимов Calendar DLP, перенесённая 1:1 из старого assets_calendar.css. В одной строке */
/* Секции: [1] Верхняя строка режимов */
/* Изменения: Возвращены компактные кнопки 12px, gap 6px, slider-поведение, фон #f8fafc и активный тёмно-синий стиль. В одной строке */

/* [1] Верхняя строка режимов */
.calendar-dlp-head{
    display:block;
    margin-bottom:8px;
}
.calendar-dlp-toolbar-wrap{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.calendar-dlp-toolbar-wrap::-webkit-scrollbar{
    display:none;
}
.calendar-dlp-toolbar{
    display:flex;
    gap:6px;
    flex-wrap:nowrap;
    width:max-content;
    min-width:100%;
}
.calendar-dlp-mode{
    border:1px solid #cfd6e3;
    background:#f8fafc;
    color:var(--text);
    border-radius:8px;
    padding:7px 11px;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.18s ease;
    white-space:nowrap;
    flex:0 0 auto;
}
.calendar-dlp-mode:hover{
    background:#eef2ff;
}
.calendar-dlp-mode.is-active{
    background:#49c5c5;;
    color:#000000;
    border-color:#223564;
}
.calendar-dlp-mode.is-disabled,
.calendar-dlp-mode:disabled{
    opacity:0.55;
    cursor:default;
}

/* Название: calendar-toolbar.css */
/* Расположение: /wp-content/plugins/calendar_dlp/assets/css/calendar-toolbar.css */