/* Подключение шрифта Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

/* ========== ОБЩИЕ СТИЛИ ========== */

/* Базовые стили для всех стеклянных панелей */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Базовые стили для шрифта Inter */
.inter-font {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

/* ========== ОСНОВНЫЕ ЭЛЕМЕНТЫ ========== */

/* Группировка элементов с одинаковыми стилями панелей */
.models-rule-widget > .login-context-widget > .rules-container > .logic-andrule-widget,
.logic-andrule-widget,
.logic-rule-widget,
.context-table .kv-panel-before,
.panel-default,
.panel > .panel-body,
.task-form {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.panel-heading {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Виджет выбора объекта (с серым фоном) */
.select-object-widget {
    background: rgba(217, 217, 217, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.task-title {
        background: rgba(217, 217, 217, 0.85);
    border-radius: 20px;
    border: 1px solid rgba(213,211,211,0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Группировка элементов с шрифтом Inter */
.logic-andrule-widget,
.logic-rule-widget,
.select-object-widget,
.gc-user-admin,
.standard-page-content h1 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
}

/* ========== МЕНЮ (СТИЛЬ APPLE) ========== */

/* Элементы меню */
.standard-page-menu li {
    margin-right: 5px;
    padding: 15px 5px;
}

/* Кнопки меню */
.standard-page-menu li a {
    background-color: #ffffff;
    color: #51749a;
    border: none;
    border-radius: 8px;
    padding: 5px 24px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Активное состояние кнопки меню */
.standard-page-menu li.active a {
    background-color: #347ab8;
    color: white;
}

/* Hover состояние кнопки меню */
.standard-page-menu li:hover a {
    color: #51749a;
    background-color: #ffffff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(0, 0, 0, 0.1);
    transform: scale(1.02);
}

/* Активный пункт меню (фон) */
.standard-page-menu li.active {
    background: transparent;
}

/* ========== КНОПКИ SUCCESS (СТИЛЬ APPLE) ========== */

/* Основные стили для кнопок success */
.btn-success {
    background-color: #ff9f0a !important;
    border-color: #ff9f0a !important;
    color: white !important;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Hover состояние */
.btn-success:hover {
    background-color: #bf8a40 !important;
    border-color: #bf8a40 !important;
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Активное состояние (при клике) */
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    color: #fff !important;
    background-color: #bf8a40 !important;
    border-color: #bf8a40 !important;
    transform: scale(0.98);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Фокус состояние (для доступности) */
.btn-success.focus,
.btn-success:focus {
    color: #fff !important;
    background-color: #ff9f0a !important;
    border-color: #ff9f0a !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 159, 10, 0.3);
}

/* Комбинированные состояния (активный + фокус, активный + ховер и т.д.) */
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: #fff !important;
    background-color: #a87530 !important;
    border-color: #8f631f !important;
    transform: scale(0.98);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Отключенное состояние */
.btn-success.disabled,
.btn-success:disabled,
.btn-success.disabled:hover,
.btn-success:disabled:hover,
.btn-success.disabled:focus,
.btn-success:disabled:focus {
    background-color: #ffcf8a !important;
    border-color: #ffcf8a !important;
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.standard-page-actions .btn-success {
    margin-top: 12px;
    margin-right: 12px;
}

/* ========== ОБЛАКО ТЕГОВ (СТИЛЬ APPLE) ========== */

/* Контейнер облака тегов */
.gc-tags-cloud {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    font-family: "Inter", sans-serif;
}

/* Стили для отдельных тегов */
.gc-tags-cloud a,
.gc-tags-cloud .tag,
.gc-tags-cloud span[class*="tag"] {
    display: inline-block;
    background-color: #f5f5f7;
    color: #1c1c1e;
    text-decoration: none;
    padding: 6px 14px;
    margin: 4px 6px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Hover эффект для тегов */
.gc-tags-cloud a:hover,
.gc-tags-cloud .tag:hover,
.gc-tags-cloud span[class*="tag"]:hover {
    background-color: #007aff;
    color: white;
    transform: scale(1.05);
    border-color: #007aff;
    box-shadow: 0 4px 8px rgba(0, 122, 255, 0.2);
}

/* Активное состояние тега */
.gc-tags-cloud a.active,
.gc-tags-cloud .tag.active,
.gc-tags-cloud span[class*="tag"].active {
    background-color: #007aff;
    color: white;
    border-color: #007aff;
}

/* Размеры тегов (для облака тегов с разными весами) */
.gc-tags-cloud .tag-size-1 { font-size: 12px; }
.gc-tags-cloud .tag-size-2 { font-size: 14px; }
.gc-tags-cloud .tag-size-3 { font-size: 16px; }
.gc-tags-cloud .tag-size-4 { font-size: 18px; }
.gc-tags-cloud .tag-size-5 { font-size: 20px; }

/* Заголовок облака тегов */
.gc-tags-cloud h3,
.gc-tags-cloud .cloud-title {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
    color: #1c1c1e;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(0, 122, 255, 0.3);
    display: inline-block;
}

/* ========== DROPDOWN МЕНЮ ========== */

/* Контейнер для dropdown */
.dropdown {
    position: relative;
}

/* Само dropdown меню */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: white;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    min-width: 200px;
    padding: 8px 0;
    margin-top: 8px;
}

/* Элементы dropdown меню */
.dropdown-menu li,
.dropdown-menu .dropdown-item {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Ссылки в dropdown */
.dropdown-menu a,
.dropdown-menu .dropdown-item {
    display: block;
    padding: 8px 16px;
    color: #1c1c1e;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

/* Hover эффект для dropdown */
.dropdown-menu a:hover,
.dropdown-menu .dropdown-item:hover {
    background-color: #f5f5f7;
    color: #007aff;
}

/* Активное состояние в dropdown */
.dropdown-menu a:active,
.dropdown-menu .dropdown-item:active {
    background-color: #e9e9ef;
}

/* Отображение dropdown при открытии */
.dropdown-menu.show,
.dropdown-menu.open {
    display: block;
}

/* Убираем overflow:hidden у родительских элементов */
.dropdown-container,
*:has(> .dropdown-menu) {
    overflow: visible;
}

/* ========== ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ ========== */

/* Иконка пользователя */
.user-icon .text {
    font-weight: 600;
}

/* Заголовок h1 на стандартной странице */
.standard-page-content h1 {
    vertical-align: center;
    min-height: 60px;
    background: rgba(255, 255, 255, 0.85);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid rgba(217, 217, 217, 0.5);
    font-size: 26px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    font-weight: 500;
}

/* Администратор пользователя */
.gc-user-admin {
    font-weight: 350;
}

/* Блок информации о миссии */
.run-mission-info .auto-create-block div:not([class]) {
    border: 2px solid rgba(250, 134, 75, 0.6);
    border-radius: 15px;
}

.mission-update h1 {
    font-size: 14px;
}