/* Назначение: общая геометрия и типографика AiServise. Цвета заданы в theme.css. */
.as-header-actions { display: flex; align-items: center; gap: 16px; min-width: 0; margin-left: auto; }

.as-sidebar-theme { display: flex; align-items: center; gap: 12px; padding: 12px 18px; color: var(--as-muted); font-size: 12px; border-top: 1px solid var(--as-border); }

.as-sidebar-backdrop { display: none; }

/* Студии сохраняют DOM-контракты, но используют спокойные панели и единый ритм. */

@media (max-width: 1100px) {
    .public-header__inner { grid-template-columns: 1fr auto; }
    .public-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; flex-wrap: wrap; padding: 0 0 12px; }
    .public-header__actions { grid-column: 2; grid-row: 1; }
}
@media (max-width: 760px) {
    .public-shell { width: calc(100% - 32px); }
    .public-header__inner { gap: 10px; min-height: 64px; padding-top: 10px; }
    .public-header__actions .public-button { display: none; }
    .public-nav { gap: 2px; }
    .public-nav > a, .public-nav summary { font-size: 12px; padding: 0 7px; }
    .auth-public-card--login { padding: 28px 22px; }
    .header-content { padding: 0 12px; gap: 10px; }
    .header-logo strong { font-size: 16px; }
    .header-logo .as-brand-logo { width: 34px; }
    .as-header-actions { gap: 8px; }
    .as-header-actions .user-name, .as-header-actions .btn-register, .as-header-actions .logout-form { display: none; }
    .image-studio-page { padding: 14px; }
    .image-studio-header { padding: 18px; }
    .image-studio-toolbar__actions { flex-wrap: wrap; }
    .app-container > .main-container > .sidebar { position: fixed; z-index: 150; top: var(--header-height); bottom: 0; left: 0; height: auto; transform: translateX(-100%); width: 270px; min-width: 270px; }
    body.as-nav-open .app-container > .main-container > .sidebar { transform: translateX(0); }
    body.as-nav-open .as-sidebar-backdrop { display: block; position: fixed; z-index: 140; inset: var(--header-height) 0 0; background: var(--as-overlay); border: 0; }
    .app-container > .main-container > .main-content { margin-left: 0; width: 100%; }
}

/* Явно показать разрешённый веб-поиск в чате и помощнике студии в обеих темах. */
html[data-as-theme] button:is(#webSearchButton, [data-ai-web-search-toggle])[aria-pressed="true"] {
    background: var(--as-accent) !important;
    border-color: var(--as-accent) !important;
    color: var(--as-on-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--as-accent-rgb), .16);
}
html[data-as-theme] button:is(#webSearchButton, [data-ai-web-search-toggle])[aria-pressed="true"] > span {
    color: inherit;
}