:root {
    /* Точные цвета из макета */
    --header-bg: #1a6b6d;
    --settings-icon: #7fc241;
    --lock-circle: #1a6b6d;
    --title-text: #1a6b6d;
    --yellow-btn: #fce94a;
    --orange-icon: #ff6b35;
    --card-border: #b0b0b0;
    --card-bg: #ffffff;
    --body-bg: #f8f8f8;
    --text-dark: #333333;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: var(--text-dark);
    background-color: var(--body-bg);
    line-height: 1.5;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

button {
    cursor: pointer;
    border: none;
    background: none;
    font-family: inherit;
    outline: none;
}

/* Режим фокуса на хранилище */
/* Скрываем элементы header */
body.focus-mode .header__login-btn {
    visibility: hidden;
}

/* Скрываем логотип, индикатор хранилища, подпись и ИИ поиск в панели управления */
body.focus-mode .service-control__lock-icon,
body.focus-mode .service-control__title,
body.focus-mode .storage-indicator,
body.focus-mode .service-control__ai-search,
body.focus-mode .service-control::after {
    visibility: hidden;
}

/* Скрываем меню управления хранилищем */
body.focus-mode .storage-controls {
    display: none !important;
}

/* Кнопка фокуса становится серой полупрозрачной */
body.focus-mode .service-control__btn--focus {
    color: rgba(128, 128, 128, 0.5);
}

body.focus-mode .service-control__btn--focus:hover {
    transform: none;
}