/*
 * «Свет»: переключатель темы — лампа в правом верхнем углу, и интерфейс освещён ею.
 * Днём светлая бумага, ночью графит; лампа изумрудная в обеих темах. Отсвет — статичный radial-gradient от места лампы,
 * без анимации и размытия фона; fixed-свет только у неподвижных поверхностей, у прокручиваемых он перерисовывался бы
 * на каждом кадре. Кнопки плоские: без градиента, блика и тени.
 * Подключается последним из глобальных стилей; цвета — только токены app.css (--hermes-*, --svet-*).
 */

/* ---------- поле и отсвет ---------- */

.hermes-dashboard,
.hermes-dashboard::before {
    background: var(--hermes-bg);
}

.hermes-dashboard .workspace-main {
    background:
        radial-gradient(70rem 52rem at calc(100% - 2.75rem) 1.625rem, var(--svet-glow-wide), transparent 72%),
        var(--hermes-bg);
}

/* Внутри боковой панели «фон» — сама карточка: липкие поиск и аккаунт, подложка кнопки «ещё» у диалога. */
.hermes-dashboard .workspace-nav {
    --hermes-bg: var(--hermes-panel);
}

/* Наведение и выбор днём — чернила продукта, а не серый налёт на белом. */
:root[data-hermes-theme="light"] .hermes-dashboard {
    --hermes-hover: rgb(31 45 40 / 0.05);
    --hermes-active: rgb(31 45 40 / 0.085);
}

/* Цвет агента — в кольце лица и имени, строка открытого диалога нейтральная: акцент на экране один. */
.hermes-dashboard .session-list:not(.session-list--compact) .session-link--active[class*="agent-hue--"] {
    background: var(--hermes-active);
}

/* ---------- лампа ---------- */

.hermes-dashboard .theme-lamp {
    position: relative;
    flex: 0 0 auto;
    width: 4.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    /* Гнездо повторяет ручку: её радиус 0.6875rem + зазор 0.1875rem. У капсулы у торцов пустота, и гнездо кажется шире ручки. */
    border-radius: 0.875rem;
    background: var(--svet-track);
    box-shadow: inset 0 0 0 1px var(--svet-btn-line), inset 0 1px 3px rgb(0 0 0 / 0.18);
    cursor: pointer;
}

.hermes-dashboard .theme-lamp:focus-visible {
    outline: 2px solid var(--svet-focus);
    outline-offset: 3px;
}

.hermes-dashboard .theme-lamp__knob {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    display: grid;
    place-items: center;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.6875rem;
    color: var(--svet-knob-ink);
    background: var(--svet-knob);
    box-shadow: var(--svet-knob-ring);
    transition: transform 450ms cubic-bezier(0.3, 1.4, 0.5, 1), background 450ms ease, box-shadow 450ms ease;
}

:root[data-hermes-theme="light"] .hermes-dashboard .theme-lamp__knob {
    transform: translateX(2rem);
}

.hermes-dashboard .theme-lamp:active .theme-lamp__knob {
    box-shadow: var(--svet-knob-ring), inset 0 0 0 99px rgb(0 0 0 / 0.06);
}

.hermes-dashboard .theme-lamp__knob::after {
    position: absolute;
    top: 2px;
    right: 4px;
    left: 4px;
    height: 42%;
    border-radius: 9px 9px 12px 12px;
    background: var(--svet-knob-shine);
    content: "";
    pointer-events: none;
}

/* Сетка глифа 11 клеток: 22px — ровно две точки на клетку, пиксели одинаковые. */
.hermes-dashboard .theme-lamp__glyph {
    width: 1.375rem;
    height: 1.375rem;
    fill: currentColor;
}

.hermes-dashboard .theme-lamp__glyph--sun,
:root[data-hermes-theme="light"] .hermes-dashboard .theme-lamp__glyph--moon {
    display: none;
}

:root[data-hermes-theme="light"] .hermes-dashboard .theme-lamp__glyph--sun {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .hermes-dashboard .theme-lamp__knob {
        transition: none;
    }
}

.hermes-dashboard .workspace-topbar__lamp-divider {
    flex: 0 0 auto;
    width: 1px;
    height: 1.25rem;
    margin: 0 0.5rem;
    background: var(--hermes-line);
}

/* ---------- лица агентов крупнее: в карточках и в приветствии питомца видно целиком ---------- */

.hermes-dashboard {
    --agent-face-card: 4.5rem;
    --agent-face-hero: 6.5rem;
}

/* ---------- кнопки ----------
 * Действие — прямоугольник (радиус 8/10/12 под высоту 32/40/44), выбор, фильтр и статус — пилюля.
 * Варианты: основная (цвет лампы, на экране одна), вторичная (тональная заливка), тихая (волосяная рамка),
 * опасная. Наведение плотнее покоя в обеих темах: ночью светлее нельзя — белый текст упал бы ниже 4,5.
 */

.hermes-dashboard {
    --btn-sm: 2rem;
    --btn-md: 2.5rem;
    --btn-lg: 2.75rem;
}

.hermes-dashboard .button {
    gap: 0.5rem;
    min-height: var(--btn-md);
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    box-shadow: none;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 80ms ease;
}

.hermes-dashboard .button svg {
    flex: none;
    width: 1rem;
    height: 1rem;
}

.hermes-dashboard .button:hover:not(:disabled) {
    transform: none;
    filter: none;
}

.hermes-dashboard .button:active:not(:disabled) {
    transform: scale(0.98);
}

.hermes-dashboard .button:focus-visible {
    outline: 2px solid var(--svet-focus);
    outline-offset: 2px;
    box-shadow: none;
}

.hermes-dashboard .button--compact {
    gap: 0.375rem;
    min-height: var(--btn-sm);
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
}

.hermes-dashboard .button--compact svg {
    width: 0.875rem;
    height: 0.875rem;
}

@media (pointer: coarse) {
    .hermes-dashboard .button--compact {
        min-height: var(--btn-md);
    }
}

/* основная */
.hermes-dashboard .button--primary,
.hermes-dashboard .workspace-nav__item--new {
    color: var(--svet-primary-ink);
    border-color: transparent;
    background: var(--svet-primary);
    box-shadow: none;
    font-weight: 650;
}

.hermes-dashboard .button--primary:hover:not(:disabled),
.hermes-dashboard .workspace-nav__item--new:hover:not(:disabled) {
    color: var(--svet-primary-ink);
    background: var(--svet-primary-hi);
}

.hermes-dashboard .button--primary:active:not(:disabled),
.hermes-dashboard .workspace-nav__item--new:active:not(:disabled) {
    background: var(--svet-primary-lo);
}

/* Ночное brightness из hermes-shell.css осветлило бы наведение второй раз. */
:root:not([data-hermes-theme="light"]) .hermes-dashboard .button--primary:hover:not(:disabled) {
    filter: none;
}

/* вторичная — нейтральная заливка без рамки */
.hermes-dashboard .button--secondary,
.hermes-dashboard .button--panel-link {
    color: var(--hermes-text);
    border-color: transparent;
    background: var(--svet-tonal);
}

.hermes-dashboard :is(.button--secondary, .button--panel-link):hover:not(:disabled) {
    color: var(--hermes-text);
    background: var(--svet-tonal-hi);
}

.hermes-dashboard :is(.button--secondary, .button--panel-link):active:not(:disabled) {
    background: var(--svet-tonal-lo);
}

/* тихая — волосяная рамка */
.hermes-dashboard .button--ghost {
    color: var(--hermes-text);
    border-color: var(--svet-btn-line);
    background: transparent;
}

.hermes-dashboard .button--ghost:hover:not(:disabled) {
    border-color: var(--svet-btn-line-hi);
    background: var(--svet-tonal);
}

.hermes-dashboard .button--ghost:active:not(:disabled) {
    background: var(--svet-tonal-hi);
}

/* опасная */
.hermes-dashboard .button--ghost-danger {
    color: var(--svet-danger-text);
    border-color: var(--svet-danger-line);
    background: transparent;
}

.hermes-dashboard .button--ghost-danger:hover:not(:disabled) {
    color: var(--svet-danger-text);
    border-color: var(--svet-danger-text);
    background: var(--svet-danger-tint);
}

.hermes-dashboard .button--ghost-danger:active:not(:disabled) {
    background: var(--svet-danger-tint);
}

/* выключенная — одна на все варианты */
.hermes-dashboard .button:disabled {
    color: var(--hermes-disabled-ink);
    border-color: transparent;
    background: var(--hermes-disabled-bg);
    opacity: 1;
    cursor: not-allowed;
}

.hermes-dashboard :is(.button--ghost, .button--ghost-danger):disabled {
    border-color: var(--svet-btn-line);
    background: transparent;
}

/* ждёт ответа: кольцо перед подписью, цвет варианта остаётся */
.hermes-dashboard .button[aria-busy="true"]::before {
    flex: none;
    width: 0.875rem;
    height: 0.875rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    animation: hermes-spin 0.9s linear infinite;
}

.hermes-dashboard .button--primary[aria-busy="true"]:disabled {
    color: var(--svet-primary-ink);
    background: var(--svet-primary);
    opacity: 0.72;
    cursor: progress;
}

.hermes-dashboard .button--secondary[aria-busy="true"]:disabled {
    color: var(--hermes-text);
    background: var(--svet-tonal);
    opacity: 0.72;
    cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
    .hermes-dashboard .button {
        transition: none;
    }

    .hermes-dashboard .button:active:not(:disabled) {
        transform: none;
    }

    .hermes-dashboard .button[aria-busy="true"]::before {
        animation-duration: 2.4s;
    }
}

/* иконочные */
.hermes-dashboard :is(.icon-button, .settings-icon-button, .workspace-nav__search-toggle, .workspace-nav__collapse, .workspace-nav__close) {
    border-radius: 0.625rem;
}

.hermes-dashboard :is(.icon-button, .workspace-topbar__button, .settings-icon-button, .workspace-nav__search-toggle):active:not(:disabled) {
    background: var(--hermes-active);
}

@media (min-width: 761px) {
    .hermes-dashboard .workspace-topbar__button {
        border-radius: 0.625rem;
    }
}

/* композер: форма ручки лампы; отправка и голос — цвет лампы, стоп — инверсия */
.hermes-dashboard .composer-shell__icon-button {
    border-radius: 0.75rem;
}

.hermes-dashboard .composer-shell__icon-button:active:not(:disabled) {
    background: var(--hermes-active);
}

.hermes-dashboard .composer-shell__send-button,
.hermes-dashboard .composer-shell__stop-button {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    border-radius: 0.75rem;
}

.hermes-dashboard .composer-shell__send-button {
    color: var(--svet-primary-ink);
    background: var(--svet-primary);
}

.hermes-dashboard .composer-shell__send-button:hover:not(:disabled) {
    color: var(--svet-primary-ink);
    background: var(--svet-primary-hi);
}

.hermes-dashboard .composer-shell__send-button:active:not(:disabled) {
    background: var(--svet-primary-lo);
}

.hermes-dashboard .composer-shell__send-button:disabled {
    color: var(--hermes-disabled-ink);
    background: var(--hermes-disabled-bg);
}

.hermes-dashboard .hermes-modepicker__pill {
    color: var(--hermes-text);
    background: var(--svet-tonal);
}

.hermes-dashboard .hermes-modepicker__pill:hover:not(:disabled),
.hermes-dashboard .hermes-modepicker__pill[aria-expanded="true"] {
    background: var(--svet-tonal-hi);
}

/* боковая панель */
.hermes-dashboard .workspace-nav__item--new {
    justify-content: center;
    min-height: var(--btn-md);
    margin: 0.25rem 0 0.375rem;
    border-radius: 0.625rem;
    font-size: 0.875rem;
}

.hermes-dashboard .workspace-nav__item--new .workspace-nav__icon {
    width: 1rem;
    height: 1rem;
}

.hermes-dashboard .workspace-nav__payment {
    min-height: var(--btn-md);
    border-color: var(--svet-btn-line);
    border-radius: 0.625rem;
}

.hermes-dashboard .workspace-nav__payment:hover {
    border-color: var(--svet-btn-line-hi);
    background: var(--svet-tonal);
}

.hermes-dashboard .agent-switcher {
    border-color: var(--svet-btn-line);
}

/* сегменты и вкладки: дорожка и выбранная фишка, без тени */
.hermes-dashboard .segmented,
.hermes-dashboard .activity-tabs {
    gap: 0.125rem;
    padding: 0.1875rem;
    border: 0;
    border-radius: 0.75rem;
    background: var(--svet-seg-track);
}

.hermes-dashboard .segmented__option,
.hermes-dashboard .activity-tab {
    min-height: 2rem;
    padding: 0 0.875rem;
    border-radius: 0.5625rem;
    color: var(--hermes-dim);
    font-size: 0.8125rem;
    font-weight: 600;
}

.hermes-dashboard .segmented__option--active,
.hermes-dashboard .activity-tab--active,
.hermes-dashboard .activity-tab--active:hover {
    color: var(--hermes-text);
    background: var(--svet-seg-chip);
    box-shadow: inset 0 0 0 1px var(--svet-btn-line);
}

@media (min-width: 761px) {
    .hermes-dashboard .activity-tabs {
        display: inline-flex;
        justify-self: start;
        width: max-content;
        max-width: 100%;
    }

    .hermes-dashboard .activity-tab {
        flex: 0 0 auto;
    }
}

@media (pointer: coarse) {
    .hermes-dashboard :is(.segmented__option, .activity-tab) {
        min-height: 2.5rem;
    }
}

/* пилюли: история, подсказки, итоги, голосовой режим */
.hermes-dashboard :is(.chat-older, .starter-prompts button, .chat-results-toggle) {
    border-color: var(--svet-btn-line);
    font-weight: 600;
}

.hermes-dashboard :is(.chat-older, .starter-prompts button, .chat-results-toggle):hover:not(:disabled) {
    border-color: var(--svet-btn-line-hi);
    background: var(--svet-tonal);
}

.hermes-dashboard .voice-mode__pill {
    min-height: var(--btn-lg);
    padding: 0 1.125rem;
    border-color: var(--svet-btn-line);
    background: var(--hermes-panel);
    font-weight: 600;
}

.hermes-dashboard .voice-mode__pill:hover {
    border-color: var(--svet-btn-line-hi);
}

.hermes-dashboard .voice-mode__pill--off {
    color: var(--svet-danger-text);
    border-color: var(--svet-danger-line);
}

.hermes-dashboard .voice-mode__pill--end {
    color: #fff;
    border-color: transparent;
    background: var(--svet-danger);
}

.hermes-dashboard .voice-mode__pill--end:hover {
    border-color: transparent;
    background: var(--svet-danger-hi);
}

.hermes-dashboard .voice-mode__pill--active {
    border-color: rgb(var(--hermes-accent-rgb) / 0.5);
    background: rgb(var(--hermes-accent-rgb) / 0.14);
}

.hermes-dashboard .voice-camera__button {
    border-color: var(--svet-btn-line);
    background: var(--hermes-panel);
    font-weight: 600;
}

/* Поле реплики в голосе — как поля окон, отправка — цвет лампы. */
.hermes-dashboard .voice-compose__bar {
    border-color: var(--svet-field-line);
    border-radius: 1rem;
    background: var(--svet-field-bg);
}

.hermes-dashboard :is(.voice-compose__icon, .voice-compose__send) {
    border-radius: 0.75rem;
}

.hermes-dashboard .voice-compose__icon:hover:not(:disabled) {
    background: var(--hermes-hover);
}

.hermes-dashboard .voice-compose__send {
    color: var(--svet-primary-ink);
    background: var(--svet-primary);
}

.hermes-dashboard .voice-compose__send:hover:not(:disabled) {
    background: var(--svet-primary-hi);
}

.hermes-dashboard .voice-compose__send:active:not(:disabled) {
    background: var(--svet-primary-lo);
}

.hermes-dashboard .voice-compose__send:disabled {
    color: var(--hermes-disabled-ink);
    background: var(--hermes-disabled-bg);
    opacity: 1;
}

/* Прочие тихие контролы — той же рамкой; «к последнему» без тяжёлой тени. */
.hermes-dashboard :is(.intake__chip, .agent-profile__link) {
    border-color: var(--svet-btn-line);
}

.hermes-dashboard :is(.intake__chip, .agent-profile__link):hover:not(:disabled) {
    border-color: var(--svet-btn-line-hi);
    background: var(--svet-tonal);
}

.hermes-dashboard .chat-jump-button {
    border-color: var(--svet-btn-line);
    border-radius: 0.625rem;
    background: var(--hermes-panel);
    box-shadow: var(--svet-shadow-sm);
}

.hermes-dashboard .chat-jump-button:hover {
    background: var(--hermes-panel-strong);
}

.hermes-dashboard :is(.session-row__more, .workspace-toast button, .projects-nav__add, .projects-row__action, .projects-header__clear) {
    border-radius: 0.4375rem;
}

/* ---------- поля ввода: белые днём с видимой рамкой, select без системного вида ---------- */

.hermes-dashboard :is(.settings-row, .project-dialog, .channel-config, .support-access__switch)
    :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]), select, textarea) {
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--svet-field-line);
    border-radius: 0.625rem;
    color: var(--hermes-text);
    background-color: var(--svet-field-bg);
    font: inherit;
    font-size: 0.875rem;
}

.hermes-dashboard :is(.settings-row, .project-dialog, .channel-config, .support-access__switch) select {
    padding-right: 2.25rem;
    background-image: var(--svet-select-chevron);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.hermes-dashboard .project-dialog select {
    width: 100%;
}

.hermes-dashboard :is(.settings-row, .project-dialog, .channel-config, .support-access__switch)
    :is(input, select, textarea):focus-visible {
    outline: 2px solid var(--svet-focus);
    outline-offset: 1px;
    border-color: var(--svet-focus);
}

/* ---------- карточки: белые днём, графитовые ночью ----------
 * Неподвижные поверхности (композер, окна, меню) освещены лампой: свет закреплён за экраном (fixed).
 * Прокручиваемые карточки — сплошная панель: fixed-фон на них перерисовывался бы при каждой прокрутке.
 * Тень в три ступени: карточка в списке — sm, композер — средняя, окно и меню — lg.
 */

.hermes-dashboard :is(
    .composer-shell__surface,
    .settings-dialog,
    .project-dialog,
    .account-menu,
    .workspace-topbar__menu,
    .notification-center,
    .agent-picker) {
    border-color: var(--svet-card-line);
    background:
        radial-gradient(56rem 45rem at calc(100% - 3.25rem) 2.375rem, var(--svet-light), transparent 72%) fixed,
        var(--hermes-panel);
    box-shadow: var(--svet-shadow-hi), var(--svet-shadow-lg);
}

.hermes-dashboard .composer-shell__surface {
    border-radius: 1.25rem;
    box-shadow: var(--svet-shadow-hi), var(--svet-shadow);
}

.hermes-dashboard .composer-shell__surface:focus-within {
    border-color: rgb(var(--hermes-accent-rgb) / 0.45);
    box-shadow: var(--svet-shadow-hi), var(--svet-shadow), 0 0 0 3px rgb(var(--hermes-accent-rgb) / 0.12);
}

.hermes-dashboard :is(.settings-dialog, .project-dialog) {
    border-radius: 1.25rem;
}

.hermes-dashboard :is(.approval-card, .agent-card, .activity-card, .message-attachment) {
    border-color: var(--svet-card-line);
    background: var(--hermes-panel);
    box-shadow: var(--svet-shadow-hi), var(--svet-shadow-sm);
}

.hermes-dashboard .agent-card {
    border-radius: 1.25rem;
}

.hermes-dashboard .activity-card {
    border-radius: 1rem;
}

.hermes-dashboard .activity-card--running {
    border-color: var(--svet-card-line);
}

/* Действия карточки — в строке названия, а не в углу под пустотой. */
@media (min-width: 761px) {
    .hermes-dashboard .activity-card {
        grid-template-columns: minmax(0, 1fr) auto;
        column-gap: 1rem;
    }

    .hermes-dashboard .activity-card > * {
        grid-column: 1;
    }

    .hermes-dashboard .activity-card > .activity-steps {
        grid-column: 1 / -1;
    }

    .hermes-dashboard .activity-card > .activity-card__actions {
        flex-wrap: nowrap;
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: start;
        margin-top: 0;
    }
}

/* На сенсоре fixed-фон не держится и дёргается: неподвижные поверхности там без света лампы. */
@media (hover: none) {
    .hermes-dashboard :is(.composer-shell__surface, .settings-dialog, .project-dialog, .account-menu, .workspace-topbar__menu, .notification-center, .agent-picker) {
        background: var(--hermes-panel);
    }
}

/* Разрешение ждёт решения: тёплая обводка в цвет лампы, а не жёлтая заливка. */
.hermes-dashboard .approval-card {
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border: 1px solid rgb(var(--hermes-accent-rgb) / 0.5);
    border-radius: 1.25rem;
    box-shadow: var(--svet-shadow-hi), var(--svet-shadow-sm), 0 0 0 3px rgb(var(--hermes-accent-rgb) / 0.1);
}

.hermes-dashboard .approval-card__icon {
    stroke: var(--hermes-accent-2);
}

.hermes-dashboard .approval-card__actions {
    justify-content: flex-end;
}

.hermes-dashboard .approval-card__timer {
    flex: 1 1 12rem;
    margin-right: auto;
}

.hermes-dashboard .message-bubble--user {
    box-shadow: var(--svet-shadow-hi), 0 1px 2px rgb(var(--hermes-shadow-rgb) / calc(0.12 * var(--hermes-shadow-a)));
}

/* ---------- лента чата ---------- */

/* Таблица в ответе — карточка без вертикальных линий, шапка тихая. */
.hermes-dashboard .message-markdown table {
    border-radius: 0.875rem;
    background: var(--hermes-panel);
}

.hermes-dashboard .message-markdown :is(th, td) {
    padding: 0.625rem 0.875rem;
}

.hermes-dashboard .message-markdown :is(th, td) + :is(th, td) {
    border-left: 0;
}

.hermes-dashboard .message-markdown th {
    color: var(--hermes-soft);
    background: transparent;
    font-size: 0.75rem;
    font-weight: 600;
}

.hermes-dashboard .message-markdown td {
    font-variant-numeric: tabular-nums;
}

/* Идущий шаг и «работает…» — цветом лампы. */
.hermes-dashboard .tool-step--running .tool-step__mark,
.hermes-dashboard .agent-progress__pulse {
    background: var(--hermes-warm);
    box-shadow: 0 0 0 3px rgb(var(--hermes-accent-rgb) / 0.2);
}

/* Лента уходит под шапку растворяясь, а не срезом. */
@media (min-width: 761px) {
    .hermes-dashboard .chat-main:not(.chat-main--intro) .chat-thread {
        -webkit-mask-image: linear-gradient(#0000, #000 1.25rem);
        mask-image: linear-gradient(#0000, #000 1.25rem);
    }
}

/* Время и стоимость — цифры одной ширины, колонки не пляшут. Гарнитура одна — Manrope; моноширинный только у кода. */
.hermes-dashboard :is(.session-link__time, .message-actions__time, .message-actions__cost, .approval-card__timer) {
    font-variant-numeric: tabular-nums;
}

/* Код днём на тёплой бумаге, ночью — на графите. */
.hermes-dashboard {
    --hermes-code-bg: #121816;
    --hermes-code-bar: #1a221f;
}

:root[data-hermes-theme="light"] .hermes-dashboard {
    --hermes-code-bg: #f2f6f4;
    --hermes-code-bar: #eaefed;
    --hermes-code-ink: #222927;
}

/* ---------- разделы ---------- */

.hermes-dashboard .agents-panel__header h1 {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* Мои агенты: цвет агента — в кольце лица, без полосы сверху; «сейчас отвечает» — тихая плашка. */
.hermes-dashboard .agent-card::before {
    display: none;
}

.hermes-dashboard .agent-chip-tag--accent {
    color: var(--hermes-accent-2);
    background: rgb(var(--hermes-accent-rgb) / 0.14);
}

/* Голос: тот же свет лампы, днём диск портрета светлый. */
.hermes-dashboard .voice-mode {
    background:
        radial-gradient(70rem 52rem at calc(100% - 2.75rem) 1.625rem, var(--svet-glow-wide), transparent 72%),
        var(--hermes-bg);
}

:root[data-hermes-theme="light"] .hermes-dashboard .voice-portrait__disc {
    background: radial-gradient(circle at 50% 28%, #ffffff, #dcefe7 70%), #f0f6f4;
}

/* Настройки — одна поверхность: навигация без своей заливки. */
.hermes-dashboard .settings-navigation {
    background: transparent;
    border-right-color: var(--hermes-line);
}

/* Светлое на тёмном читается жирнее: ночью навигация на ступень легче. */
:root:not([data-hermes-theme="light"]) .hermes-dashboard :is(.workspace-nav__item, .settings-navigation__item) {
    font-weight: 500;
}

:root:not([data-hermes-theme="light"]) .hermes-dashboard .session-list:not(.session-list--compact) .session-link__title {
    font-weight: 500;
}

/* ---------- каркас компьютера: панель во всю высоту, от поля её отделяет линия ---------- */

@media (min-width: 761px) {
    .hermes-dashboard .workspace-nav {
        padding: 0.75rem 0.625rem 0;
        border-right: 1px solid var(--svet-card-line);
        background:
            radial-gradient(56rem 45rem at calc(100vw - 3.25rem) 2.375rem, var(--svet-light), transparent 72%) fixed,
            var(--hermes-panel);
    }

    .hermes-dashboard .workspace-console--nav-collapsed .workspace-nav {
        border: 0;
    }

    .hermes-dashboard .workspace-topbar {
        background: transparent;
    }

    /* Шапка теперь есть во всех разделах, ради лампы. Название раздела уже стоит заголовком самого раздела. */
    .hermes-dashboard .workspace-topbar:not(.workspace-topbar--nav-collapsed) .workspace-topbar__title--section {
        visibility: hidden;
    }

    .hermes-dashboard .workspace-nav__lamp {
        display: none;
    }
}

@media (min-width: 761px) and (hover: none) {
    .hermes-dashboard .workspace-nav {
        background: var(--hermes-panel);
    }
}

/* ---------- телефон: лампа в меню рядом с аккаунтом, в шапке ей тесно ---------- */

@media (max-width: 760px) {
    .hermes-dashboard .workspace-topbar {
        background: transparent;
    }

    .hermes-dashboard .workspace-topbar .theme-lamp,
    .hermes-dashboard .workspace-topbar__lamp-divider {
        display: none;
    }

    .hermes-dashboard .workspace-nav {
        background:
            radial-gradient(22rem 18rem at calc(100% - 3.5rem) calc(100% - 2.25rem), var(--svet-light), transparent 72%),
            var(--hermes-panel);
    }

    .hermes-dashboard .workspace-nav__item--new {
        min-height: var(--btn-lg);
        border-radius: 0.75rem;
        font-size: 0.9375rem;
    }

    .hermes-dashboard .workspace-nav__payment {
        min-height: var(--btn-lg);
    }

    /* Линия дня не заходит под кружок итогов справа. */
    .hermes-dashboard .chat-day {
        margin-inline: 2.75rem;
    }

    .hermes-dashboard .workspace-nav__account-row {
        gap: 0.5rem;
    }
}

/* Шкала кредитов и срок подписки — во всю ширину кнопки аккаунта: между аватаром, стрелкой и «Что нового»
   им оставалось около 100 px, и «Подписка: осталось 20 дней» ломалась на три строки. */
.hermes-dashboard .account-button {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.625rem;
}

.hermes-dashboard .account-button__avatar {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.hermes-dashboard .account-button__text {
    display: contents;
}

.hermes-dashboard .account-button__text > strong {
    grid-column: 2;
    grid-row: 1;
}

.hermes-dashboard .account-button__text > small {
    grid-column: 2;
    grid-row: 2;
}

.hermes-dashboard .account-button__chevron {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.hermes-dashboard .account-button .credit-meter--compact {
    grid-column: 1 / -1;
    grid-row: 3;
}

.hermes-dashboard .account-button .credit-meter__days {
    text-wrap: balance;
}