:root {
    --aio-theme-bg: #07111f;
    --aio-theme-surface: #0b1d2d;
    --aio-theme-surface-raised: #123149;
    --aio-theme-text: #edf7ff;
    --aio-theme-muted: #9fb6c8;
    --aio-theme-line: rgba(125, 211, 252, .24);
    --aio-theme-accent: #38bdf8;
    --aio-theme-shadow: 0 20px 55px rgba(0, 8, 20, .38);
}

html[data-theme="light"] {
    --aio-theme-bg: #f4f8fb;
    --aio-theme-surface: #ffffff;
    --aio-theme-surface-raised: #eaf2f7;
    --aio-theme-text: #102638;
    --aio-theme-muted: #5c7181;
    --aio-theme-line: rgba(24, 80, 112, .18);
    --aio-theme-accent: #087eaa;
    --aio-theme-shadow: 0 18px 50px rgba(30, 72, 98, .12);
    color-scheme: light;
}

.aio-theme-toggle {
    position: fixed;
    z-index: 2147483000;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 10px));
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 46px;
    height: 46px;
    padding: 0 14px;
    border: 1px solid var(--aio-theme-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--aio-theme-surface) 90%, transparent);
    color: var(--aio-theme-text);
    box-shadow: var(--aio-theme-shadow);
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    font: 600 12px/1 Arial, sans-serif;
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.aio-theme-toggle:hover { transform: translateY(-2px); }
.aio-theme-toggle:focus-visible { outline: 3px solid color-mix(in srgb, var(--aio-theme-accent) 35%, transparent); outline-offset: 3px; }
.aio-theme-toggle__icon { width: 18px; font-size: 19px; line-height: 1; text-align: center; }

html[data-theme="light"] body {
    background-color: var(--aio-theme-bg) !important;
    color: var(--aio-theme-text);
}

html[data-theme="light"] body.home-landing {
    --landing-bg: #f4f8fb;
    --landing-panel: #ffffff;
    --landing-line: rgba(24, 95, 128, .18);
    --landing-text: #102638;
    --landing-muted: #5d7282;
    --landing-accent: #087eaa;
    background:
        radial-gradient(circle at 76% 14%, rgba(41, 157, 199, .10), transparent 29rem),
        linear-gradient(120deg, #f7fafc 0%, #edf5f8 58%, #e6f1f6 100%) !important;
}

html[data-theme="light"] body.home-landing::before {
    opacity: .4;
    background-image:
        linear-gradient(rgba(44, 105, 133, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(44, 105, 133, .05) 1px, transparent 1px);
}

html[data-theme="light"] .landing_header {
    background: rgba(250, 253, 255, .92);
    color: #102638;
    border-color: rgba(24, 95, 128, .18);
}

html[data-theme="light"] :is(.landing_brand, .landing_intro h1) {
    color: #102638;
}

html[data-theme="light"] :is(
    .landing_nav a,
    .landing_eyebrow,
    .landing_intro_copy > p,
    .landing_facts span,
    .landing_signal_head,
    .landing_signal p,
    .landing_scroll
) {
    color: #526f7e;
}

html[data-theme="light"] .landing_nav a:hover {
    color: #087eaa;
}

html[data-theme="light"] .landing_secondary {
    color: #294b5d;
    border-color: rgba(24, 95, 128, .24);
}

html[data-theme="light"] .landing_signal {
    background: rgba(255, 255, 255, .72);
    border-color: rgba(24, 95, 128, .2);
    box-shadow: 0 18px 45px rgba(36, 85, 110, .08);
}

html[data-theme="light"] body.home-landing .contacts_repair {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(24, 95, 128, .22) !important;
    box-shadow: 0 10px 28px rgba(36, 85, 110, .12) !important;
    opacity: 1 !important;
}

html[data-theme="light"] body.home-landing .contacts_repair_spans,
html[data-theme="light"] body.home-landing .contacts_repair_spans a,
html[data-theme="light"] body.home-landing .img_r_repair {
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-theme="light"] body.home-landing .img_r_repair {
    filter: none !important;
    mix-blend-mode: normal !important;
}

html[data-theme="light"] body.home-landing .menu_logo > .menu_top {
    background: rgba(250, 253, 255, .98) !important;
    border-color: rgba(24, 95, 128, .18) !important;
    box-shadow: 0 8px 24px rgba(36, 85, 110, .08) !important;
}

html[data-theme="light"] body.home-landing .menu_top .a_menu_top {
    color: #345668 !important;
}

html[data-theme="light"] body.home-landing .menu_top .a_menu_top:hover {
    color: #087da8 !important;
    background: rgba(8, 125, 168, .08) !important;
}

html[data-theme="light"] body.home-landing .question_settings {
    color: transparent !important;
    background: #fff !important;
    border-color: rgba(8, 125, 168, .32) !important;
    box-shadow: 0 8px 22px rgba(36, 85, 110, .12) !important;
}

html[data-theme="light"] body.home-landing .question_settings::before {
    color: #087da8 !important;
}

html[data-theme="light"] body.home-landing .question_menu {
    color: #17384a !important;
    background: rgba(250, 253, 255, .99) !important;
    border-color: rgba(24, 95, 128, .2) !important;
}

html[data-theme="light"] body.home-landing .question_menu_head {
    border-color: rgba(24, 95, 128, .16) !important;
}

html[data-theme="light"] body.home-landing .question_menu_head small,
html[data-theme="light"] body.home-landing .question_menu_link {
    color: #526f7e !important;
}

html[data-theme="light"] body.home-landing .question_menu_group_title,
html[data-theme="light"] body.home-landing .question_menu_link:hover {
    color: #087da8 !important;
}

html[data-theme="light"] body.home-landing .question_menu_link:hover {
    background: rgba(8, 125, 168, .08) !important;
}

html[data-theme="light"] body.home-landing .contacts_repair {
    background: rgba(255, 255, 255, .98) !important;
    border-color: rgba(24, 95, 128, .2) !important;
    box-shadow: 0 8px 24px rgba(36, 85, 110, .12) !important;
}

html[data-theme="light"] body.home-landing .contacts_repair_spans a {
    opacity: 1 !important;
    background: #f1f7fa !important;
    border-radius: 50% !important;
}

/* Home and service catalogue */
html[data-theme="light"] {
    --aio-bg: #f4f8fb;
    --aio-surface: rgba(255, 255, 255, .94);
    --aio-surface-soft: rgba(237, 245, 249, .92);
    --aio-surface-raised: rgba(224, 238, 246, .94);
    --aio-line: rgba(24, 95, 128, .18);
    --aio-line-strong: rgba(8, 126, 170, .42);
    --aio-text: #102638;
    --aio-muted: #5d7282;
    --aio-accent: #087eaa;
    --aio-accent-2: #2563a8;
    --aio-success: #087f5b;
    --aio-shadow: var(--aio-theme-shadow);
}

html[data-theme="light"] .wind,
html[data-theme="light"] .office,
html[data-theme="light"] .office2,
html[data-theme="light"] .house,
html[data-theme="light"] .street,
html[data-theme="light"] .house2,
html[data-theme="light"] .consult,
html[data-theme="light"] .learning { background-color: #f4f8fb !important; }

html[data-theme="light"] body.home-landing :is(.box_2, .box_3, .box_4, .box_5, .box_6, .box_7) {
    border-top-color: #17384a;
}

/* Standalone service pages under /pages/: override the dark !important palette. */
html[data-theme="light"] .service_page_source {
    color: #102638 !important;
    background: rgba(244, 248, 251, .86) !important;
}

html[data-theme="light"] :is(.service_text, .service_visible_form, .service_links) {
    color: #102638 !important;
    background: rgba(255, 255, 255, .94) !important;
    border-color: rgba(24, 95, 128, .18) !important;
    box-shadow: 0 22px 70px rgba(30, 72, 98, .13) !important;
}

html[data-theme="light"] :is(
    .service_text h2,
    .service_text p,
    .service_visible_form_title,
    .service_links h2,
    .service_tariff_summary_item p,
    .service_page_fallback h1,
    .service_page_fallback p
) {
    color: #27465a !important;
}

html[data-theme="light"] :is(.service_tariff_summary_item, .service_link_grid a) {
    color: #17384a !important;
    background: #e8f2f7 !important;
    border-color: rgba(24, 95, 128, .16) !important;
}

html[data-theme="light"] .service_tariff_summary_item strong,
html[data-theme="light"] .service_link_grid a {
    color: #076f99 !important;
}

html[data-theme="light"] :is(.service_visible_form input, .service_visible_form textarea) {
    color: #102638 !important;
    background: #fff !important;
    border-color: rgba(24, 95, 128, .22) !important;
}

html[data-theme="light"] :is(.service_visible_form input, .service_visible_form textarea)::placeholder {
    color: #6b8291 !important;
}

html[data-theme="light"] :is(.service_footer_form input, .service_footer_form textarea) {
    color: #edf7ff !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .20) !important;
}

html[data-theme="light"] :is(.service_footer_form input, .service_footer_form textarea)::placeholder {
    color: rgba(237, 247, 255, .62) !important;
}

html[data-theme="light"] .office::before,
html[data-theme="light"] .office2::before,
html[data-theme="light"] .house::before,
html[data-theme="light"] .street::before,
html[data-theme="light"] .house2::before,
html[data-theme="light"] .consult::before,
html[data-theme="light"] .learning::before { filter: brightness(1.18) contrast(.88) saturate(.82); opacity: .58; }

html[data-theme="light"] [class^="offer_block_pro"],
html[data-theme="light"] [class^="tariff_card_"] {
    color: var(--aio-text) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(231,242,248,.96)) !important;
    border-color: var(--aio-line) !important;
    box-shadow: 0 18px 45px rgba(36,85,110,.11), inset 0 1px 0 #fff !important;
}

html[data-theme="light"] [class^="offer_block_pro"] > [class$="_header"] [class$="_title"],
html[data-theme="light"] .design_team_title,
html[data-theme="light"] .offer_title_pro,
html[data-theme="light"] [class^="tariff_title_"],
html[data-theme="light"] [class^="tariff_name_"] { color: #102638 !important; text-shadow: none !important; }

html[data-theme="light"] [class^="offer_block_pro"] > [class$="_header"] [class$="_subtitle"],
html[data-theme="light"] .design_team_subtitle,
html[data-theme="light"] .offer_row,
html[data-theme="light"] .offer_triggers,
html[data-theme="light"] [class^="tariff_subtitle_"],
html[data-theme="light"] [class^="tariff_desc_"] { color: #5d7282 !important; }

html[data-theme="light"] .price,
html[data-theme="light"] [class^="tariff_price_"] { color: #087eaa !important; }

html[data-theme="light"] .box_1_g_a {
    background: rgba(255,255,255,.92) !important;
    border-color: var(--aio-line) !important;
    box-shadow: 16px 0 45px rgba(36,85,110,.10) !important;
}

/* A-iO, market, partner, Wi-Fi and authentication pages */
html[data-theme="light"] body,
html[data-theme="light"] .aio-page,
html[data-theme="light"] .market-page,
html[data-theme="light"] .partner-page {
    --bg: #f4f8fb;
    --panel: #ffffff;
    --ink: #102638;
    --muted: #5d7282;
    --line: rgba(24,80,112,.18);
    --cyan: #087eaa;
    --blue: #087da8;
    --green: #07865f;
}

html[data-theme="light"] :is(.aio-header,.market-header,.partner-header,.site-header,.cab-header) {
    background: rgba(255,255,255,.88) !important;
    color: #102638 !important;
    border-color: var(--aio-theme-line) !important;
    box-shadow: 0 10px 35px rgba(36,85,110,.08);
}

/* A-iO landing: every product surface follows the light palette */
html[data-theme="light"] .aio-grid {
    background:
        radial-gradient(circle at 76% 8%, rgba(41, 157, 199, .12), transparent 31rem),
        linear-gradient(rgba(44, 105, 133, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(44, 105, 133, .045) 1px, transparent 1px);
    background-size: auto, 72px 72px, 72px 72px;
}

html[data-theme="light"] .aio-header {
    background: rgba(250, 253, 255, .92) !important;
}

html[data-theme="light"] .aio-menu span {
    background: #17384a !important;
}

@media (max-width: 820px) {
    html[data-theme="light"] .aio-nav.is-open {
        background: rgba(250, 253, 255, .98) !important;
        border-color: rgba(24, 95, 128, .18) !important;
        box-shadow: 0 18px 35px rgba(30, 72, 98, .12);
    }

    html[data-theme="light"] .aio-nav.is-open a {
        color: #345668 !important;
        border-color: rgba(24, 95, 128, .14) !important;
    }

    html[data-theme="light"] .aio-nav.is-open a:hover {
        color: #087da8 !important;
    }
}

html[data-theme="light"] .aio-nav a,
html[data-theme="light"] .aio-lead,
html[data-theme="light"] .aio-section-intro > p,
html[data-theme="light"] .aio-partners-lead p,
html[data-theme="light"] .aio-principles-copy > p {
    color: #587181 !important;
}

html[data-theme="light"] .aio-nav a:hover { color: #087eaa !important; }

html[data-theme="light"] :is(.aio-publish-main,.aio-button-publish) {
    color: #fff !important;
}

html[data-theme="light"] :is(
    h1 em,
    h2 em,
    .aio-kicker,
    .aio-index,
    .aio-capability > strong,
    .aio-pillar header span,
    .aio-engine-title span,
    .aio-engine-flow strong,
    .aio-partners-lead a,
    .aio-pillar > a
) {
    color: #087da8 !important;
}

html[data-theme="light"] :is(
    .aio-partners-lead a,
    .aio-pillar > a,
    .aio-pillar-soon
) {
    border-color: rgba(8,125,168,.38) !important;
}

html[data-theme="light"] .aio-pillar-soon { color: #567483 !important; }

html[data-theme="light"] .aio-category-header {
    background: #eaf3f8 !important;
    border-color: rgba(24,80,112,.14) !important;
}

html[data-theme="light"] .aio-category-header a {
    background: rgba(255,255,255,.72);
    border-color: rgba(24,80,112,.13);
    color: #536b7a;
}

html[data-theme="light"] .aio-category-header a span {
    color: #294556 !important;
    font-weight: 400 !important;
}
html[data-theme="light"] .aio-category-header a:hover {
    background: #fff;
    border-color: rgba(8,126,170,.45);
    color: #087eaa;
    box-shadow: 0 8px 24px rgba(30,72,98,.09);
}

html[data-theme="light"] .aio-category-header a:hover span {
    color: #087da8 !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .aio-hero {
    background: radial-gradient(circle at 75% 40%, rgba(74,174,211,.15), transparent 36rem) !important;
}

html[data-theme="light"] .aio-product {
    background: #f9fcfe !important;
    border-color: rgba(24,80,112,.18) !important;
    box-shadow: 0 30px 80px rgba(30,72,98,.16) !important;
}

html[data-theme="light"] :is(.aio-product-bar,.aio-product-foot,.aio-sidebar,.aio-feed,.aio-chat,.aio-post header,.aio-chat header) {
    border-color: rgba(24,80,112,.14) !important;
}

html[data-theme="light"] .aio-product-bar,
html[data-theme="light"] .aio-product-foot { color: #627b8a !important; }
html[data-theme="light"] .aio-product-bar b { background: #9abac9; }
html[data-theme="light"] .aio-sidebar span { color: #668391; }
html[data-theme="light"] .aio-sidebar span.is-active { background: #d9eff7; color: #087eaa; }

html[data-theme="light"] .aio-feed-head span,
html[data-theme="light"] :is(.aio-post header small,.aio-chat header small) { color: #698594 !important; }

html[data-theme="light"] .aio-post {
    background: #fff !important;
    border-color: rgba(24,80,112,.14) !important;
    box-shadow: 0 10px 30px rgba(30,72,98,.07);
}

html[data-theme="light"] .aio-post > p { color: #344f5f !important; }
html[data-theme="light"] .aio-listing { background: #eaf3f7 !important; }
html[data-theme="light"] .aio-listing-art {
    background: radial-gradient(circle,#9bd9ea,#d9edf4 45%,#c9e2eb 46%) !important;
    color: #0b688a !important;
}
html[data-theme="light"] .aio-listing strong { color: #123447 !important; }
html[data-theme="light"] .aio-listing :is(small,span),
html[data-theme="light"] .aio-post footer { color: #627f8e !important; }

html[data-theme="light"] .aio-chat-context { background: #e3f1f6 !important; }
html[data-theme="light"] .aio-chat-context :is(small,b) { color: #315b70 !important; }
html[data-theme="light"] .aio-message { color: #294657 !important; }
html[data-theme="light"] .aio-message.is-in { background: #edf3f6 !important; }
html[data-theme="light"] .aio-message.is-out { background: #d9edf5 !important; color: #173f52 !important; }
html[data-theme="light"] .aio-compose { background: #fff; color: #688391 !important; }

html[data-theme="light"] :is(.aio-inside,.aio-principles,.aio-partners,.aio-final) {
    background: #f4f8fb !important;
    color: #102638 !important;
}

html[data-theme="light"] .aio-capabilities,
html[data-theme="light"] .aio-pillars { background: rgba(24,80,112,.14) !important; }

html[data-theme="light"] :is(.aio-capability,.aio-capability-main,.aio-pillar,.aio-pillar-io,.aio-partner-engine) {
    background: #fff !important;
    color: #102638 !important;
    border-color: rgba(24,80,112,.15) !important;
    box-shadow: 0 14px 38px rgba(30,72,98,.08);
}

html[data-theme="light"] :is(.aio-capability p,.aio-pillar p,.aio-pillar li,.aio-principle-list p,.aio-final p) {
    color: #587181 !important;
}

html[data-theme="light"] .aio-mini-visual b {
    border-color: #fff;
    background: #d7edf5;
    color: #176986;
}
html[data-theme="light"] .aio-mini-visual b:nth-child(2) { background: #c2e4ef; }
html[data-theme="light"] .aio-mini-visual b:nth-child(3) { background: #a9d9e9; }
html[data-theme="light"] .aio-pillar-symbol { color: #176986; border-color: rgba(8,126,170,.25); }
html[data-theme="light"] .aio-partner-engine { background: #fff !important; }

html[data-theme="light"] .aio-final .aio-button-primary,
html[data-theme="light"] .aio-principles-copy > a {
    background: #087eaa !important;
    color: #fff !important;
}

html[data-theme="light"] .aio-footer { background: #eaf3f8; color: #587181; }

html[data-theme="light"] .aio-wifi {
    background: #eaf3f8 !important;
    color: #17384a !important;
}
html[data-theme="light"] .aio-wifi-visual {
    border-color: rgba(35,88,116,.18) !important;
    background:
        linear-gradient(180deg,rgba(4,24,37,.04),rgba(4,24,37,.58)),
        url("/img/wifi/mesh-hero.png") center/cover !important;
    box-shadow: 0 24px 65px rgba(30,72,98,.16) !important;
}
html[data-theme="light"] .aio-wifi-copy > p,
html[data-theme="light"] .aio-wifi-points span { color: #4f6c7c !important; }
html[data-theme="light"] .aio-wifi-points,
html[data-theme="light"] .aio-wifi-points div { border-color: rgba(35,88,116,.16) !important; }
html[data-theme="light"] .aio-wifi-points b { color: #087da8 !important; }
html[data-theme="light"] .aio-wifi-actions .aio-button-primary {
    background: #087da8 !important;
    color: #fff !important;
}
html[data-theme="light"] .aio-wifi-actions .aio-button-ghost {
    background: #fff !important;
    border-color: rgba(35,88,116,.20) !important;
    color: #294b5d !important;
}

/* Publications and new-publication form */
html[data-theme="light"] .market-header {
    background: rgba(250,253,255,.94) !important;
}

html[data-theme="light"] :is(.market-logo,.market-header a) {
    color: #17384a !important;
}

html[data-theme="light"] .market-header nav > a:not(.publish):hover {
    color: #087da8 !important;
}

html[data-theme="light"] .category-strip {
    background: #eaf3f8;
    border-color: rgba(24,80,112,.16);
}

html[data-theme="light"] .category-strip a { color: #526f7e; }
html[data-theme="light"] .category-strip a:is(.active,:hover) { color: #087da8; }

html[data-theme="light"] .publish-page,
html[data-theme="light"] .market-main {
    color: #102638;
}

html[data-theme="light"] :is(.market-title small,.publish-copy small) {
    color: #087da8 !important;
}

html[data-theme="light"] .publish-copy p { color: #526f7e !important; }

html[data-theme="light"] .publish-form {
    background: #fff !important;
    border-color: rgba(24,80,112,.18) !important;
    box-shadow: 0 18px 50px rgba(30,72,98,.10);
}

html[data-theme="light"] .publish-form label {
    color: #345668 !important;
    font-weight: 600;
}

html[data-theme="light"] .publish-form :is(input,select,textarea) {
    background: #f4f8fb !important;
    color: #102638 !important;
    border-color: rgba(24,80,112,.22) !important;
    outline: none;
}

html[data-theme="light"] .publish-form :is(input,select,textarea):focus {
    background: #fff !important;
    border-color: #087da8 !important;
    box-shadow: 0 0 0 3px rgba(8,125,168,.12);
}

html[data-theme="light"] .publish-form :is(input,textarea)::placeholder {
    color: #728997 !important;
    opacity: 1;
}

html[data-theme="light"] .publish-form select:invalid { color: #728997 !important; }
html[data-theme="light"] .publish-form option { background: #fff; color: #102638; }
html[data-theme="light"] .publish-form .check { color: #526f7e !important; font-weight: 400; }
html[data-theme="light"] .publish-form .check input { accent-color: #087da8; }

html[data-theme="light"] .publish {
    background: #087da8 !important;
    border-color: #087da8 !important;
    color: #fff !important;
}

html[data-theme="light"] .publish:hover {
    background: #066b90 !important;
    border-color: #066b90 !important;
}

html[data-theme="light"] .listing-card {
    background: #fff;
    border-color: rgba(24,80,112,.18);
    box-shadow: 0 12px 34px rgba(30,72,98,.08);
}

html[data-theme="light"] .listing-image {
    background: radial-gradient(circle,#b8e5f1,#e5f2f6 58%);
    color: #087da8;
}

html[data-theme="light"] .listing-body :is(small,p) { color: #526f7e; }

/* Strong publication navigation overrides (aio-market.css uses dark !important colors) */
html[data-theme="light"] .market-header .market-logo,
html[data-theme="light"] .market-header nav > a:not(.publish) {
    color: #17384a !important;
}

html[data-theme="light"] .market-header .publish,
html[data-theme="light"] .market-title .publish,
html[data-theme="light"] .publish-form .publish {
    background: #087da8 !important;
    border-color: #087da8 !important;
    color: #fff !important;
}

html[data-theme="light"] .category-strip {
    padding: 12px clamp(18px,5vw,78px);
    display: grid;
    grid-template-columns: repeat(11, minmax(90px,1fr));
    gap: 7px;
    overflow: visible;
    white-space: normal;
}

html[data-theme="light"] .category-strip a {
    min-height: 42px;
    padding: 9px 7px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(24,80,112,.13);
    border-radius: 6px;
    background: rgba(255,255,255,.68);
    color: #36586a !important;
    text-align: center;
    line-height: 1.2;
}

html[data-theme="light"] .category-strip a:is(:hover,.active) {
    background: #087da8;
    border-color: #087da8;
    color: #fff !important;
}

html[data-theme="light"] .empty {
    padding: 80px 30px;
    border-color: rgba(24,80,112,.16);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(30,72,98,.08);
}

html[data-theme="light"] .empty b { color: #17384a; }
html[data-theme="light"] .empty p { color: #587181; }
html[data-theme="light"] .empty a {
    display: inline-flex;
    margin-top: 8px;
    padding: 11px 17px;
    border-radius: 4px;
    background: #e1f1f7;
    color: #087da8;
    font-weight: 700;
    text-decoration: none;
}

html[data-theme="light"] .empty a:hover { background: #cfe8f1; }

@media (max-width: 1200px) {
    html[data-theme="light"] .category-strip { grid-template-columns: repeat(6,1fr); }
}

@media (max-width: 700px) {
    html[data-theme="light"] .category-strip {
        padding: 9px;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }
    html[data-theme="light"] .category-strip a {
        min-width: 130px;
        scroll-snap-align: start;
    }
}

html[data-theme="light"] :is(.aio-card,.market-card,.publication-card,.partner-card,.live-card,.steps article,.corporate-diagram,.corp-node,.join-card,.cab-card,.auth-panel,.lock-shell,.auth-method) {
    background-color: #fff !important;
    color: #102638 !important;
    border-color: var(--aio-theme-line) !important;
    box-shadow: var(--aio-theme-shadow) !important;
}

html[data-theme="light"] :is(.section-how,.corporate,.join,.auth-panel,.cabinet-page,.partner-main,.market-main) {
    background: #f4f8fb !important;
    color: #102638 !important;
}

html[data-theme="light"] .manifesto { background: #e3f0f6 !important; color: #102638 !important; }
html[data-theme="light"] .hero-shade { background: linear-gradient(90deg,rgba(244,248,251,.98),rgba(244,248,251,.80) 42%,rgba(244,248,251,.14)) !important; }
html[data-theme="light"] .hero-art { opacity: .72; }
html[data-theme="light"] :is(input,textarea,select) {
    color: #102638;
}
html[data-theme="light"] :is(.phrase-field>div,.phrase-preview input,.form-field input,.form-field textarea,.form-field select) {
    background: #fff !important;
    color: #102638 !important;
    border-color: var(--aio-theme-line) !important;
}

/* Wi-Fi landing */
html[data-theme="light"] .site-header { background: rgba(250,253,255,.94) !important; }
html[data-theme="light"] :is(.site-header .brand,.site-header .header-action) { color: #17384a !important; }
html[data-theme="light"] .site-header .main-nav a { color: #496777 !important; }
html[data-theme="light"] .site-header .main-nav a:hover { color: #087da8 !important; }
html[data-theme="light"] .site-header .header-action {
    border-color: rgba(35,88,116,.18) !important;
    background: #fff;
}

html[data-theme="light"] .hero-art {
    opacity: .94 !important;
    filter: saturate(1.04) contrast(1.03);
}
html[data-theme="light"] .hero-shade {
    background:
        linear-gradient(90deg,#f4f8fb 0%,rgba(244,248,251,.96) 24%,rgba(244,248,251,.70) 43%,rgba(244,248,251,.08) 67%,transparent 100%),
        linear-gradient(0deg,rgba(10,36,52,.10),transparent 42%) !important;
}

html[data-theme="light"] :is(.eyebrow,.route-pill) { color: #087da8 !important; }
html[data-theme="light"] .hero-copy,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .steps p,
html[data-theme="light"] .corporate-lead,
html[data-theme="light"] .corporate-features span,
html[data-theme="light"] .join-card > p,
html[data-theme="light"] .join-card small { color: #4f6c7c !important; }
html[data-theme="light"] .hero-stats span { color: #536f7f !important; }
html[data-theme="light"] .hero-stats strong { color: #087da8 !important; }

html[data-theme="light"] :is(.button-primary,.corporate-action,.auth-button) {
    background: #087da8 !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(8,125,168,.17);
}
html[data-theme="light"] :is(.button-primary,.corporate-action,.auth-button):hover {
    background: #066b90 !important;
}
html[data-theme="light"] .button-ghost {
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(35,88,116,.20) !important;
    color: #294b5d !important;
}

html[data-theme="light"] .live-card {
    background: rgba(255,255,255,.95) !important;
    color: #17384a !important;
}
html[data-theme="light"] .live-card-head,
html[data-theme="light"] .live-card p { color: #526f7e !important; }

html[data-theme="light"] .steps {
    background: rgba(35,88,116,.16) !important;
    border-color: rgba(35,88,116,.16) !important;
    box-shadow: 0 18px 50px rgba(30,72,98,.09);
}
html[data-theme="light"] .steps article { background: #fff !important; }
html[data-theme="light"] .steps small,
html[data-theme="light"] .corporate-features strong { color: #087da8 !important; }
html[data-theme="light"] .step-visual { border-color: rgba(35,88,116,.15) !important; }
html[data-theme="light"] .corporate-features b { color: #17384a !important; }

html[data-theme="light"] .corporate-diagram { background: #fff !important; }
html[data-theme="light"] .diagram-stage {
    background:
        radial-gradient(circle at center,rgba(49,151,190,.10),transparent 43%),
        linear-gradient(rgba(50,105,132,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(50,105,132,.045) 1px,transparent 1px) !important;
    background-size: auto,28px 28px,28px 28px !important;
}
html[data-theme="light"] .corp-node {
    background: #fff !important;
    color: #17384a !important;
}
html[data-theme="light"] .corp-node b { color: #294b5d !important; }
html[data-theme="light"] .corp-node span { color: #65808e !important; }

html[data-theme="light"] .auth-method { background: #fff !important; }
html[data-theme="light"] .auth-method span,
html[data-theme="light"] .phrase-preview label { color: #526f7e !important; }
html[data-theme="light"] .phrase-preview input {
    background: #eef5f8 !important;
    color: #17384a !important;
}
html[data-theme="light"] .pattern-preview button { color: #087da8 !important; }
html[data-theme="light"] footer { color: #526f7e !important; }
html[data-theme="light"] footer .brand { color: #17384a !important; }
html[data-theme="light"] footer > a:last-child { color: #087da8 !important; }

/* Wi-Fi cabinet and connection requests */
html[data-theme="light"] .cab-header {
    background: rgba(250,253,255,.96) !important;
}
html[data-theme="light"] .cab-brand,
html[data-theme="light"] .cab-header nav a { color: #345668 !important; }
html[data-theme="light"] .cab-header nav a:is(.active,:hover) { color: #087da8 !important; }
html[data-theme="light"] .user-chip {
    background: #fff;
    color: #526f7e !important;
    border-color: rgba(35,88,116,.18) !important;
}

html[data-theme="light"] :is(.cab-main,.request-layout) {
    background:
        radial-gradient(circle at 82% 8%,rgba(40,123,159,.10),transparent 27%),
        #f3f7fa !important;
    color: #17384a !important;
}

html[data-theme="light"] .request-intro h1 { color: #17384a !important; }
html[data-theme="light"] .request-intro h1 em { color: #087da8 !important; }
html[data-theme="light"] .request-intro > p,
html[data-theme="light"] .intro-points span { color: #526f7e !important; }
html[data-theme="light"] .intro-points b,
html[data-theme="light"] .kicker { color: #087da8 !important; }

html[data-theme="light"] .request-card {
    background: #fff !important;
    border-color: rgba(35,88,116,.17) !important;
    box-shadow: 0 22px 60px rgba(30,72,98,.11) !important;
}
html[data-theme="light"] .card-head {
    color: #607b8a !important;
    border-color: rgba(35,88,116,.15) !important;
}
html[data-theme="light"] .card-head b { color: #087da8 !important; }
html[data-theme="light"] .form-grid label > span {
    color: #3f6172 !important;
    font-weight: 600;
}
html[data-theme="light"] .form-grid :is(input,textarea,select) {
    background: #f2f7fa !important;
    border-color: rgba(35,88,116,.19) !important;
    color: #17384a !important;
}
html[data-theme="light"] .form-grid :is(input,textarea)::placeholder {
    color: #738b98 !important;
    opacity: 1;
}
html[data-theme="light"] .form-grid select option {
    background: #fff !important;
    color: #17384a !important;
}
html[data-theme="light"] .form-grid :is(input,textarea,select):focus {
    background: #fff !important;
    border-color: #087da8 !important;
    box-shadow: 0 0 0 3px rgba(8,125,168,.11) !important;
}
html[data-theme="light"] .submit-request {
    background: #087da8 !important;
    color: #fff !important;
}
html[data-theme="light"] .submit-request:hover { background: #066b90 !important; }
html[data-theme="light"] .form-note {
    color: #526f7e !important;
    font-size: 10px !important;
}

html[data-theme="light"] .new-request-actions a {
    background: #fff;
    border-color: rgba(35,88,116,.18) !important;
    color: #345668 !important;
}
html[data-theme="light"] .new-request-actions a:first-child {
    background: #087da8 !important;
    border-color: #087da8 !important;
    color: #fff !important;
}

html[data-theme="light"] .cab-summary {
    background: #fff;
    border-color: rgba(35,88,116,.17) !important;
    box-shadow: 0 12px 36px rgba(30,72,98,.07);
}
html[data-theme="light"] .cab-summary div { border-color: rgba(35,88,116,.15) !important; }
html[data-theme="light"] .cab-summary span { color: #526f7e !important; }
html[data-theme="light"] .cab-summary strong { color: #087da8 !important; }

html[data-theme="light"] .requests {
    background: #fff !important;
    border-color: rgba(35,88,116,.17) !important;
    box-shadow: 0 16px 45px rgba(30,72,98,.09);
}
html[data-theme="light"] .requests-head {
    background: #eaf2f6;
    color: #496979 !important;
    border-color: rgba(35,88,116,.15) !important;
}
html[data-theme="light"] .request-row {
    color: #526f7e !important;
    border-color: rgba(35,88,116,.14) !important;
}
html[data-theme="light"] .request-project b,
html[data-theme="light"] .empty-requests h2 { color: #17384a !important; }
html[data-theme="light"] .request-project small,
html[data-theme="light"] .empty-requests p { color: #607b8a !important; }
html[data-theme="light"] .empty-actions a {
    color: #087da8 !important;
    border-color: rgba(8,125,168,.22) !important;
}
html[data-theme="light"] .empty-actions a:first-child {
    background: #087da8 !important;
    color: #fff !important;
    border-color: #087da8 !important;
}
html[data-theme="light"] .business-switch {
    background: #fff;
    color: #087da8 !important;
    border-color: rgba(35,88,116,.17) !important;
}

html[data-theme="light"] .join {
    padding: 90px clamp(32px,8vw,150px) !important;
    grid-template-columns: minmax(420px,.9fr) minmax(600px,1.1fr) !important;
    gap: clamp(55px,7vw,120px) !important;
    align-items: center;
}

html[data-theme="light"] .join-card {
    align-self: center;
    width: 100%;
    padding: 32px !important;
    border: 1px solid rgba(35,88,116,.16) !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0 22px 60px rgba(30,72,98,.12) !important;
}

html[data-theme="light"] .join-card > p {
    margin: 0 0 24px;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

html[data-theme="light"] .join-card .auth-method {
    margin: 0 0 16px;
    padding: 26px !important;
    border-radius: 4px;
    background: #f7fafc !important;
}

html[data-theme="light"] .join-card .auth-button {
    min-height: 54px;
    padding: 16px 20px !important;
    font-size: 13px !important;
}

html[data-theme="light"] .join-card > small {
    margin: 14px 2px 0 !important;
    color: #4f6978 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

html[data-theme="light"] .auth-error {
    min-height: 0;
    margin-bottom: 10px;
    font-size: 11px;
}

@media (max-width: 1100px) {
    html[data-theme="light"] .join {
        grid-template-columns: 1fr !important;
        padding: 80px 24px !important;
    }
    html[data-theme="light"] .join-card {
        width: min(100%,760px);
    }
}

@media (max-width: 600px) {
    html[data-theme="light"] .join-card { padding: 20px !important; }
    html[data-theme="light"] .join-card .auth-method { padding: 18px !important; }
}

/* Messenger and operator interfaces */
html[data-theme="light"] :is(.chats-shell,.chat-shell,.settings-shell,.operator-shell,.messenger-shell,.app-shell,.chat_app,.chats_app) {
    background: #f4f8fb !important;
    color: #102638 !important;
}

html[data-theme="light"] :is(.sidebar,.chat-sidebar,.settings-sidebar,.operator-sidebar,.topbar,.chat-header,.settings-header,.operator-header,.modal-content,.profile-card,.settings-card,.chat-list,.users-list) {
    background: #fff !important;
    color: #102638 !important;
    border-color: var(--aio-theme-line) !important;
}

html[data-theme="light"] :is(.chat-item,.user-item,.setting-row,.operator-card,.message-in,.message.incoming) {
    background: #eaf2f7 !important;
    color: #102638 !important;
    border-color: var(--aio-theme-line) !important;
}

html[data-theme="light"] :is(.message-out,.message.outgoing) { color: #fff !important; }
html[data-theme="light"] :is(.message-input,.composer,input,textarea) { caret-color: #087eaa; }

/* Messenger: purpose-built light surfaces */
html[data-theme="light"] {
    --m-bg: #edf4f8;
    --m-panel: #ffffff;
    --m-panel-2: #e8f1f6;
    --m-ink: #17384a;
    --m-muted: #607b8a;
    --m-cyan: #087da8;
    --m-line: rgba(35,88,116,.16);
    --m-shadow: 0 24px 70px rgba(30,72,98,.14);
}

html[data-theme="light"] body:has(:is(.chats_app,.chat_app,.chat_users_app,.chat_app_settings)) {
    background:
        radial-gradient(circle at 15% 10%,rgba(42,143,181,.10),transparent 28%),
        #edf4f8 !important;
    color: #17384a;
}

html[data-theme="light"] body:has(:is(.chats_app,.chat_app,.chat_users_app,.chat_app_settings))::before {
    background-image:
        linear-gradient(rgba(48,105,132,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(48,105,132,.035) 1px,transparent 1px);
}

html[data-theme="light"] :is(.chats_app,.chat_app,.chat_users_app,.chat_app_settings) {
    background: rgba(250,253,255,.96) !important;
    border-color: var(--m-line) !important;
    box-shadow: var(--m-shadow) !important;
}

html[data-theme="light"] .chats_topbar,
html[data-theme="light"] :is(.chat_header,.chat_users_header),
html[data-theme="light"] :is(.chat_input_wrap,.chat_users_input_wrap) {
    background: #fff !important;
    border-color: var(--m-line) !important;
}

html[data-theme="light"] .chats_logo::after,
html[data-theme="light"] :is(.chat_name,.chat_users_name) {
    color: #17384a !important;
}

html[data-theme="light"] :is(.chats_add,.chats_settings,.chats_menu,.chat_back,.chat_users_back) {
    color: #087da8 !important;
    border-color: rgba(8,125,168,.20) !important;
}

html[data-theme="light"] .chats_home {
    background: #fff !important;
    color: #087da8 !important;
    border-color: rgba(8,125,168,.20) !important;
}

html[data-theme="light"] #chats_search {
    background: #f2f7fa !important;
    border-color: rgba(35,88,116,.18) !important;
    color: #17384a !important;
}

html[data-theme="light"] #chats_search::placeholder { color: #78909d !important; }

html[data-theme="light"] #chats_list {
    background: linear-gradient(180deg,#f7fafc,#edf4f8);
}

html[data-theme="light"] .chat_user_item {
    background: #fff !important;
    border-color: rgba(35,88,116,.15) !important;
    box-shadow: 0 7px 22px rgba(30,72,98,.055);
}

html[data-theme="light"] .chat_user_item:hover {
    background: #edf7fa !important;
    border-color: rgba(8,125,168,.35) !important;
    box-shadow: 0 10px 28px rgba(30,72,98,.10);
}

html[data-theme="light"] .chat_user_avatar::after { border-color: #fff; }
html[data-theme="light"] .chat_user_avatar img {
    background: #dcecf3;
    border-color: rgba(8,125,168,.24);
}
html[data-theme="light"] .chat_user_name { color: #17384a !important; }
html[data-theme="light"] .chat_user_kpd { color: #087da8 !important; }
html[data-theme="light"] .chat_user_last_message { color: #647e8c !important; opacity: 1; }

html[data-theme="light"] .chats_profile_fab {
    background: #fff !important;
    border-color: rgba(8,125,168,.38) !important;
    box-shadow: 0 0 0 7px rgba(8,125,168,.07),0 14px 32px rgba(30,72,98,.18) !important;
}

html[data-theme="light"] :is(.chat_messages,.chat_users_messages) {
    background:
        radial-gradient(circle at 50% 0,rgba(42,143,181,.08),transparent 38%),
        #f3f7fa !important;
}

html[data-theme="light"] :is(.message.other,.message_users.other) {
    background: #fff !important;
    color: #294b5d !important;
    border-color: rgba(35,88,116,.13) !important;
    box-shadow: 0 8px 20px rgba(30,72,98,.08);
}

html[data-theme="light"] :is(.message.me,.message_users.me) {
    background: linear-gradient(135deg,#1689b5,#08779f) !important;
    color: #fff !important;
}

html[data-theme="light"] :is(#chat_message,#chat_users_message) {
    background: #f2f7fa !important;
    color: #17384a !important;
    border-color: rgba(35,88,116,.18) !important;
}

html[data-theme="light"] :is(.chat_attach,.chat_users_attach) {
    background: #e4f1f6 !important;
    color: #087da8 !important;
    border-color: rgba(8,125,168,.20) !important;
}

html[data-theme="light"] :is(#btn_send_chat,#btn_send_chat_users) {
    background: #087da8 !important;
    color: #fff !important;
}

html[data-theme="light"] :is(.chat_app_settings_field,.chat_app_settings_item) {
    background: #fff !important;
    color: #294b5d !important;
    border-color: rgba(35,88,116,.16) !important;
}

html[data-theme="light"] .chat_app_settings_field input { color: #087da8 !important; }

html[data-theme="light"] :is(
    .chat_app_settings_title,
    .chat_app_settings_name
) {
    color: #17384a !important;
}

html[data-theme="light"] .chat_app_settings_back {
    color: #087da8 !important;
}

html[data-theme="light"] .chat_app_settings_field > span {
    color: #526f7e !important;
    opacity: 1 !important;
}

html[data-theme="light"] :is(
    .chat_app_settings_value,
    .chat_app_settings_value span,
    .chat_app_settings_nickname_wrap span
) {
    color: #466676 !important;
}

html[data-theme="light"] .chat_app_settings_field input::placeholder {
    color: #78909d !important;
    opacity: 1 !important;
}

/* Operator registration: dark editorial image + clean light form */
html[data-theme="light"] .chat_app_operators_register {
    background: #f8fbfd !important;
    border-color: var(--m-line) !important;
    box-shadow: var(--m-shadow) !important;
}

html[data-theme="light"] .operator_register_intro {
    background:
        linear-gradient(180deg,rgba(3,18,30,.30),rgba(3,18,30,.88)),
        url("/img/wifi/mesh-hero.png") 60% center/cover !important;
    border-color: rgba(120,205,235,.20) !important;
    color: #edf8fc !important;
}

html[data-theme="light"] .operator_register_brand,
html[data-theme="light"] .operator_register_intro h1 {
    color: #edf8fc !important;
}

html[data-theme="light"] .operator_register_intro h1 em {
    color: #62cbed !important;
}

html[data-theme="light"] .operator_register_intro p,
html[data-theme="light"] .operator_register_intro li {
    color: #bfd0d9 !important;
}

html[data-theme="light"] .operator_register_block {
    color: #17384a !important;
}

html[data-theme="light"] .operator_register_title { color: #17384a !important; }
html[data-theme="light"] .operator_register_subtitle { color: #087da8 !important; }

html[data-theme="light"] .operator_register_chat_back {
    background: #e5f1f6 !important;
    border-color: rgba(8,125,168,.18) !important;
    color: #087da8 !important;
}

html[data-theme="light"] .operator_register_item label {
    color: #466676 !important;
    font-weight: 600;
}

html[data-theme="light"] :is(.operator_input,.operator_textarea,.operator_select) {
    background: #fff !important;
    border-color: rgba(35,88,116,.20) !important;
    color: #17384a !important;
}

html[data-theme="light"] :is(.operator_input,.operator_textarea)::placeholder {
    color: #78909d !important;
    opacity: 1;
}

html[data-theme="light"] :is(.operator_input,.operator_textarea,.operator_select):focus {
    border-color: #087da8 !important;
    box-shadow: 0 0 0 3px rgba(8,125,168,.11) !important;
}

html[data-theme="light"] .operator_select option {
    background: #fff !important;
    color: #17384a !important;
}

html[data-theme="light"] .operator_register_btn {
    background: #087da8 !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(8,125,168,.18);
}

html[data-theme="light"] .operator_register_btn:hover {
    background: #066b90 !important;
}

@media (max-width: 760px) {
    html[data-theme="light"] .chat_user_item {
        background: transparent !important;
        box-shadow: none;
    }
}

@media (max-width: 640px) {
    .aio-theme-toggle { width: 44px; min-width: 44px; height: 44px; padding: 0; justify-content: center; }
    .aio-theme-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
}

@media (prefers-reduced-motion: reduce) {
    .aio-theme-toggle { transition: none; }
}

/* Contact icons do not need an outer rectangular frame on /web or /pages/. */
body.home-landing .contacts_repair,
body.service-page .contacts_repair {
    border: 0 !important;
}

/* Global project switcher. */
.aio-project-switcher {
    position: fixed;
    z-index: 2147482900;
    top: 50%;
    right: max(14px, env(safe-area-inset-right));
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateY(-50%);
    font-family: 'Poppins', Arial, sans-serif;
}

.aio-project-switcher__button {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 7px;
    border: 2px solid var(--aio-theme-accent);
    border-radius: 50%;
    color: var(--aio-theme-accent);
    background: color-mix(in srgb, var(--aio-theme-surface) 92%, transparent);
    box-shadow: var(--aio-theme-shadow);
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
}

.aio-project-switcher__button:hover,
.aio-project-switcher.is-open .aio-project-switcher__button {
    transform: scale(1.06);
    background: color-mix(in srgb, var(--aio-theme-accent) 14%, var(--aio-theme-surface));
}

.aio-project-switcher__button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--aio-theme-accent) 35%, transparent);
    outline-offset: 3px;
}

.aio-project-switcher__button svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
}

.aio-project-switcher__button .aio-project-switcher__pupil {
    fill: currentColor;
    stroke: none;
}

.aio-project-switcher__menu {
    position: absolute;
    right: 62px;
    top: 50%;
    width: 250px;
    padding: 12px;
    border: 1px solid var(--aio-theme-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--aio-theme-surface) 96%, transparent);
    box-shadow: var(--aio-theme-shadow);
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(12px, -50%);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.aio-project-switcher.is-open .aio-project-switcher__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, -50%);
}

.aio-project-switcher__title {
    display: block;
    padding: 4px 10px 10px;
    color: var(--aio-theme-muted);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.aio-project-switcher__menu a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 11px;
    border-radius: 11px;
    color: var(--aio-theme-text);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.aio-project-switcher__menu a::before {
    content: '';
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border: 1px solid var(--aio-theme-accent);
    border-radius: 50%;
}

.aio-project-switcher__menu a:hover {
    background: color-mix(in srgb, var(--aio-theme-accent) 10%, transparent);
}

.aio-project-switcher__menu a.is-active {
    color: var(--aio-theme-accent);
    background: color-mix(in srgb, var(--aio-theme-accent) 14%, transparent);
}

.aio-project-switcher__menu a.is-active::before {
    background: var(--aio-theme-accent);
    box-shadow: 0 0 10px var(--aio-theme-accent);
}

@media (max-width: 700px) {
    .aio-project-switcher {
        right: max(8px, env(safe-area-inset-right));
    }

    .aio-project-switcher__button {
        width: 44px;
        height: 44px;
    }

    .aio-project-switcher__menu {
        right: 54px;
        width: min(250px, calc(100vw - 78px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .aio-project-switcher__button,
    .aio-project-switcher__menu {
        transition: none;
    }
}