/* /ai/chat · ESCAPE metal design (light skin). Loaded after ai/chat/+*.css. Tokens --mx-* in static/templates/light/+.css */

/* Canvas: light brushed-metal chat, steel side panel fused with the main menu (no vertical lines) */
body.template-light #ai_chat_app {
    background: linear-gradient(180deg, #f0f2f4 0%, #e6e9ec 100%);
}

body.template-light #ai_chat_main {
    background: var(--mx-side);
}

body.template-light #ai_chat_messages {
    background: transparent;
}

body.template-light #ai_chat_sidebar {
    border-right: 0;
    background: var(--mx-side);
}

/* Side panel cards */
body.template-light .ai_chat_filter_group {
    border: 1px solid var(--mx-edge-soft);
    border-radius: 14px;
    background: var(--mx-soft);
    box-shadow: var(--mx-shine), 0 1px 3px rgba(0, 0, 0, .10);
}

body.template-light .ai_chat_filter_row_label,
body.template-light .ai_chat_filter_title,
body.template-light .ai_chat_group_bucket {
    color: #6b737c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

body.template-light #ai_chat_web_link {
    color: var(--mx-accent);
}

body.template-light #ai_chat_web_link:hover {
    color: var(--mx-ink);
}

body.template-light #ai_chat_container_select,
body.template-light #ai_chat_channel_select,
body.template-light #ai_chat_agent_select {
    border-color: var(--mx-edge-soft);
    background: #ffffff;
    color: var(--mx-ink);
}

body.template-light #ai_chat_primary_filters #ai_chat_container_select {
    border-top: 1px solid var(--mx-edge-soft);
    font-family: var(--maxsim-font-monospace);
    font-size: 12.5px;
}

body.template-light #ai_chat_container_select optgroup {
    color: #7a828b;
}

body.template-light #ai_chat_container_select option {
    color: var(--mx-ink);
}

body.template-light #ai_chat_container_select option:checked {
    background: linear-gradient(180deg, #e6e9ec 0%, #d2d6db 100%);
    color: var(--mx-ink);
}

body.template-light #ai_chat_container_select:focus,
body.template-light #ai_chat_channel_select:focus,
body.template-light #ai_chat_agent_select:focus,
body.template-light #ai_chat_groups_search:focus {
    border-color: var(--mx-edge);
    box-shadow: 0 0 0 3px rgba(11, 79, 156, .12);
}

body.template-light #ai_chat_container_resize_handle:hover,
body.template-light #ai_chat_container_resize_handle:focus-visible,
body.template-light #ai_chat_container_resize_handle.is_dragging {
    background: var(--mx-sunk);
    color: var(--mx-ink);
}

body.template-light #ai_chat_container_resize_handle_icon {
    border-color: var(--mx-edge);
    background: var(--mx-btn);
}

body.template-light #ai_chat_groups_search {
    border: 1px solid var(--mx-edge-soft);
    background: var(--mx-field);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .14);
    color: var(--mx-ink);
}

body.template-light #ai_chat_palette_open,
body.template-light #ai_chat_projects_toggle,
body.template-light #ai_chat_sidebar_close {
    border: 1px solid var(--mx-edge);
    background: var(--mx-btn);
    color: var(--mx-ink);
    box-shadow: var(--mx-raise);
}

body.template-light #ai_chat_palette_open {
    border-radius: 8px;
}

/* Chat list: chrome active item */
body.template-light .ai_chat_group_item {
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

body.template-light .ai_chat_group_item:hover {
    border-color: var(--mx-edge-soft);
    background: rgba(255, 255, 255, .7);
    box-shadow: var(--mx-shine);
}

body.template-light .ai_chat_group_item.is_pinned {
    border-color: var(--mx-edge-soft);
    background: var(--mx-soft);
    box-shadow: var(--mx-shine);
}

body.template-light .ai_chat_group_item.is_active {
    border-color: var(--mx-edge);
    background: var(--mx-btn);
    box-shadow: var(--mx-raise);
}

body.template-light .ai_chat_group_title {
    color: var(--mx-ink);
}

body.template-light .ai_chat_group_menu_button:hover {
    background: var(--mx-sunk);
    color: var(--mx-ink);
}

/* Options chip floats over the title: opaque metal chip so the text behind stays hidden */
body.template-light .ai_chat_group_item {
    --ai_chat_group_chip_bg: var(--mx-soft);
}

body.template-light .ai_chat_group_menu_button {
    box-shadow: var(--mx-raise);
}

body.template-light .ai_chat_group_title_input {
    border-color: var(--mx-edge);
    box-shadow: 0 0 0 3px rgba(11, 79, 156, .12);
}

body.template-light #ai_chat_group_menu,
body.template-light .ai_chat_action_menu {
    border-color: var(--mx-edge);
    background: var(--mx-soft);
    box-shadow: var(--mx-shine), 0 12px 32px rgba(15, 23, 42, .16);
}

body.template-light .ai_chat_action_item:hover,
body.template-light .ai_chat_action_item:focus-visible {
    background: var(--mx-sunk);
    color: var(--mx-ink);
}

body.template-light .ai_chat_action_item:hover .ai_chat_action_icon,
body.template-light .ai_chat_action_item:focus-visible .ai_chat_action_icon {
    background: var(--mx-btn);
    color: var(--mx-accent);
}

/* Floating chrome buttons */
body.template-light .ai_chat_jump_button {
    border: 1px solid var(--mx-edge);
    background: var(--mx-btn);
    color: var(--mx-ink);
    box-shadow: var(--mx-shine), 0 2px 6px rgba(0, 0, 0, .18);
}

body.template-light .ai_chat_jump_button:hover {
    border-color: var(--mx-edge);
    background: var(--mx-btn-hover);
    color: var(--mx-accent);
}

body.template-light .ai_chat_jump_button:active {
    transform: translateY(1px);
}

/* Composer controls (all widths) */
body.template-light .ai_chat_model_mode_control {
    border: 1px solid var(--mx-edge);
    background: var(--mx-sunk);
    box-shadow: var(--mx-inset);
}

body.template-light .ai_chat_model_mode_pill {
    color: var(--mx-dim);
    font-family: var(--maxsim-font-monospace);
    letter-spacing: -.02em;
}

body.template-light .ai_chat_model_mode_pill:hover {
    color: var(--mx-ink);
    background: rgba(255, 255, 255, .55);
}

body.template-light .ai_chat_model_mode_input:checked + .ai_chat_model_mode_pill,
body.template-light .ai_chat_model_mode_pill.is_active {
    color: var(--mx-accent);
    border-color: var(--mx-edge);
    background: var(--mx-btn);
    box-shadow: var(--mx-raise);
}

body.template-light .ai_chat_model_mode_input[value="Mega"]:checked + .ai_chat_model_mode_pill,
body.template-light .ai_chat_model_mode_pill.is_active[data-mode="Mega"] {
    color: #3f2d00;
    border-color: rgba(176, 112, 0, .55);
    background: linear-gradient(180deg, #fff3bd 0%, #f4cf55 48%, #e2b62e 52%, #f0cb55 100%);
    box-shadow: var(--mx-shine), 0 1px 3px rgba(120, 80, 0, .3);
}

body.template-light .ai_chat_model_mode_input:focus-visible + .ai_chat_model_mode_pill {
    outline: 2px solid rgba(11, 79, 156, .35);
}

body.template-light .ai_chat_model_mode_cost {
    color: #1f8f3e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

body.template-light .ai_chat_read_only_control,
body.template-light .ai_chat_read_only_control:has(.ai_chat_read_only_input:checked) {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-left: 2px;
}

body.template-light .ai_chat_read_only_switch {
    background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
}

body.template-light .ai_chat_read_only_input:checked + .ai_chat_read_only_switch {
    background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
}

body.template-light .ai_chat_read_only_input:checked ~ .ai_chat_read_only_text {
    color: var(--mx-ink);
}

body.template-light .ai_chat_read_only_text {
    font-size: 14px;
}

body.template-light #ai_chat_image_trigger,
body.template-light #ai_chat_voice_button {
    border: 1px solid var(--mx-edge);
    background: var(--mx-btn);
    color: var(--mx-ink);
    box-shadow: var(--mx-raise);
}

body.template-light #ai_chat_image_trigger:hover,
body.template-light #ai_chat_voice_button:hover {
    border-color: var(--mx-edge);
    background: var(--mx-btn-hover);
    color: var(--mx-accent);
}

body.template-light #ai_chat_voice_button.is_connecting,
body.template-light #ai_chat_voice_button.is_active {
    border-color: #a855f7;
}

body.template-light #ai_chat_voice_button.is_active {
    background: #a855f7;
    color: #ffffff;
}

body.template-light #ai_chat_msg_input.is_ai::placeholder,
body.template-light #ai_chat_msg_input::placeholder {
    color: #8a929b;
    opacity: 1;
}

/* Message input: no vertical scrollbar (still scrolls with wheel/keys), no focus change */
body.template-light #ai_chat_msg_input,
body.template-light #ai_chat_msg_input:focus,
body.template-light #ai_chat_msg_input:focus-visible {
    overflow-y: auto !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    outline: none;
    box-shadow: none;
}

body.template-light #ai_chat_msg_input::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

/* Send buttons: green gel Think, chrome Humans */
body.template-light #ai_chat_send_column {
    border-left: 0;
    background: transparent;
}

body.template-light #ai_chat_send_ai {
    border: 1px solid #1d7f3a;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 60, 20, .45);
    background: linear-gradient(180deg, #8fe3a6 0%, #3bbb61 48%, #25a44d 52%, #34b45a 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 1px 3px rgba(0, 0, 0, .25);
}

body.template-light #ai_chat_send_ai:hover,
body.template-light #ai_chat_send_ai:focus-visible {
    border-color: #1d7f3a;
    color: #ffffff;
    background: linear-gradient(180deg, #8fe3a6 0%, #3bbb61 48%, #25a44d 52%, #34b45a 100%);
    filter: brightness(1.05);
}

body.template-light #ai_chat_send_ai:active {
    transform: translateY(1px);
}

body.template-light #ai_chat_send_ai:disabled {
    border-color: var(--mx-edge);
    background: var(--mx-btn);
    color: #98a0a8;
    text-shadow: none;
    filter: none;
    box-shadow: var(--mx-shine);
}

body.template-light #ai_chat_send {
    border: 1px solid var(--mx-edge);
    background: var(--mx-btn);
    color: var(--mx-accent);
    box-shadow: var(--mx-raise);
}

body.template-light #ai_chat_send:hover,
body.template-light #ai_chat_send:focus-visible {
    background: var(--mx-btn-hover);
    color: var(--mx-ink);
}

/* Desktop composer: steel panel, sunken monospace field, minimal bottom margin */
@media (min-width: 901px) {
    body.template-light #ai_chat_input_wrap {
        padding: 4px 8px calc(4px + var(--maxsim-safe-bottom)) 8px;
        border-top: 0;
        background: transparent;
    }

    body.template-light #ai_chat_input_row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 140px);
        gap: 8px;
        padding: 8px;
        border: 1px solid var(--mx-edge);
        border-radius: 20px;
        background: var(--mx-metal);
        box-shadow: var(--mx-shine), 0 -2px 10px rgba(0, 0, 0, .08);
    }

    body.template-light #ai_chat_input_row:focus-within {
        border-color: var(--mx-edge);
        box-shadow: var(--mx-shine), 0 -2px 10px rgba(0, 0, 0, .08);
    }

    body.template-light #ai_chat_msg_column::before {
        content: '';
        position: absolute;
        inset: 0 0 calc(var(--ai-chat-compose-toolbar-reserve) - 2px) 0;
        z-index: 0;
        border: 1px solid var(--mx-edge);
        border-radius: 16px;
        background: var(--mx-field);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18);
        pointer-events: none;
    }

    body.template-light #ai_chat_msg_column:focus-within::before {
        border-color: var(--mx-edge);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18);
    }

    body.template-light #ai_chat_files,
    body.template-light #ai_chat_msg_input {
        position: relative;
        z-index: 1;
    }

    body.template-light #ai_chat_msg_input {
        max-height: calc(1.45em * 10 + 24px + var(--ai-chat-compose-toolbar-reserve));
        padding: 12px 18px calc(var(--ai-chat-compose-toolbar-reserve) + 10px) 18px;
        background: transparent;
        color: var(--mx-ink);
        font-family: var(--maxsim-font-monospace);
        font-size: 16px;
        line-height: 1.45;
    }

    body.template-light #ai_chat_compose_toolbar {
        left: 2px;
        right: 2px;
        bottom: 2px;
    }

    body.template-light #ai_chat_send_column {
        gap: 6px;
        min-height: 0;
    }

    body.template-light #ai_chat_send,
    body.template-light #ai_chat_send_ai {
        border-radius: 14px;
    }

    body.template-light #ai_chat_send_ai {
        font: 700 24px/1 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
    }

    body.template-light #ai_chat_send_column.is_send_humans_only #ai_chat_send,
    body.template-light #ai_chat_send_column.is_send_ai_only #ai_chat_send_ai {
        border-bottom-width: 1px;
    }

    body.template-light #ai_chat_input_row.is_action_menu_open #ai_chat_send_column {
        border-radius: 0;
    }
}

/* Mobile composer (<= 900px): same ESCAPE panel as desktop, compact */
@media (max-width: 900px) {
    body.template-light #ai_chat_input_wrap {
        padding: 4px 6px calc(4px + var(--maxsim-safe-bottom)) 6px;
        border-top: 0;
        background: transparent;
    }

    body.template-light #ai_chat_input_row {
        grid-template-columns: minmax(0, 1fr) 80px;
        gap: 6px;
        padding: 6px;
        border: 1px solid var(--mx-edge);
        border-radius: 16px;
        background: var(--mx-metal);
        box-shadow: var(--mx-shine), 0 -2px 8px rgba(0, 0, 0, .08);
    }

    body.template-light #ai_chat_msg_column {
        --ai-chat-compose-toolbar-reserve: 44px;
    }

    body.template-light #ai_chat_msg_column::before {
        content: '';
        position: absolute;
        inset: 0 0 calc(var(--ai-chat-compose-toolbar-reserve) - 2px) 0;
        z-index: 0;
        border: 1px solid var(--mx-edge);
        border-radius: 12px;
        background: var(--mx-field);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18);
        pointer-events: none;
    }

    body.template-light #ai_chat_msg_column:focus-within::before {
        border-color: var(--mx-edge);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .18);
    }

    body.template-light #ai_chat_files,
    body.template-light #ai_chat_msg_input {
        position: relative;
        z-index: 1;
    }

    body.template-light #ai_chat_msg_input {
        min-height: calc(var(--ai-chat-compose-toolbar-reserve) + 40px);
        padding: 10px 12px calc(var(--ai-chat-compose-toolbar-reserve) + 6px) 12px;
        background: transparent;
        color: var(--mx-ink);
        font-family: var(--maxsim-font-monospace);
        font-size: 16px;
        line-height: 1.4;
    }

    body.template-light #ai_chat_compose_toolbar {
        left: 3px;
        right: 3px;
        bottom: 3px;
    }

    body.template-light #ai_chat_send_column {
        gap: 6px;
        min-height: 0;
        grid-template-rows: repeat(2, minmax(36px, 1fr));
    }

    body.template-light #ai_chat_send,
    body.template-light #ai_chat_send_ai {
        min-height: 36px;
        border-radius: 12px;
    }

    body.template-light #ai_chat_send_ai {
        font: 700 16px/1 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
    }

    body.template-light #ai_chat_send_column.is_send_humans_only #ai_chat_send,
    body.template-light #ai_chat_send_column.is_send_ai_only #ai_chat_send_ai {
        border-bottom-width: 1px;
    }

    body.template-light #ai_chat_header {
        border-bottom: 1px solid var(--mx-edge-soft);
        background: linear-gradient(180deg, rgba(246, 247, 249, .94) 0%, rgba(228, 231, 234, .90) 100%);
        box-shadow: var(--mx-shine), 0 2px 8px rgba(0, 0, 0, .10);
    }

    body.template-light #ai_chat_header::after {
        display: none;
    }

    body.template-light #ai_chat_header_title {
        color: var(--mx-ink);
    }

    body.template-light #ai_chat_header_subtitle {
        color: var(--mx-dim);
    }
}

/* Message bubbles: neutral brushed metal (tablet and desktop; phones keep flat messages) */
body.template-light .ai_chat_msg_row.is_user .ai_chat_msg_author {
    color: var(--mx-accent);
}

body.template-light .ai_chat_msg_author.is_ai {
    color: #3a4047;
}

@media (min-width: 721px) {
    body.template-light #ai_chat_messages .ai_chat_msg_row.is_user:not(.is_editable):not(.is_editing) .ai_chat_msg_text {
        padding: 10px 12px;
        border: 1px solid var(--mx-edge-soft);
        border-radius: 12px;
        background: linear-gradient(180deg, #ffffff 0%, #eef0f2 100%);
        box-shadow: var(--mx-shine), inset 3px 0 0 rgba(11, 79, 156, .5), 0 1px 3px rgba(0, 0, 0, .10);
    }

    body.template-light #ai_chat_messages .ai_chat_msg_text.is_ai {
        border: 1px solid var(--mx-edge);
        background: linear-gradient(180deg, #f1f3f5 0%, #e1e5e9 100%);
        box-shadow: var(--mx-shine), inset 3px 0 0 rgba(58, 64, 71, .55), 0 1px 3px rgba(0, 0, 0, .12);
    }

    body.template-light #ai_chat_messages .ai_chat_msg_text.is_ai.is_mega,
    body.template-light #ai_chat_messages .ai_chat_msg_row.is_pending_ai .ai_chat_msg_text.is_ai.is_activity_host.is_mega {
        border-color: rgba(176, 112, 0, .40);
        background: linear-gradient(180deg, #f3f2ee 0%, #e4e2da 100%);
        box-shadow: var(--mx-shine), inset 3px 0 0 rgba(226, 182, 46, .95), 0 1px 3px rgba(0, 0, 0, .12);
    }

    body.template-light #ai_chat_messages .ai_chat_msg_row.is_pending_ai .ai_chat_msg_text.is_ai.is_activity_host:not(.is_mega) {
        border-color: var(--mx-edge);
        background: linear-gradient(180deg, #f1f3f5 0%, #e1e5e9 100%);
    }

    body.template-light #ai_chat_messages .ai_chat_msg_text.is_system {
        border: 1px solid var(--mx-edge-soft);
        background: #f2f3f5;
    }
}

/* Inside messages: chrome quick-action buttons, steel code and tables */
body.template-light .ai_chat_msg_text.is_ai button[data-ai-chat-insert]:not(.is_inserted):not(.is_removed),
body.template-light .ai_chat_msg_text.is_ai select[data-ai-chat-insert]:not(.is_inserted):not(.is_removed),
body.template-light .ai_chat_msg_text.is_ai label:has(input[data-ai-chat-insert]:not(.is_inserted):not(.is_removed)) {
    border: 1px solid var(--mx-edge);
    border-radius: 10px;
    background: var(--mx-btn);
    color: var(--mx-ink);
    box-shadow: var(--mx-raise);
}

body.template-light .ai_chat_msg_text.is_ai button[data-ai-chat-insert]:not(.is_inserted):not(.is_removed):hover,
body.template-light .ai_chat_msg_text.is_ai select[data-ai-chat-insert]:not(.is_inserted):not(.is_removed):hover,
body.template-light .ai_chat_msg_text.is_ai label:has(input[data-ai-chat-insert]:not(.is_inserted):not(.is_removed)):hover {
    border-color: var(--mx-edge);
    background: var(--mx-btn-hover);
    color: var(--mx-accent);
}

body.template-light .ai_chat_msg_text.is_ai input[data-ai-chat-insert][type="checkbox"],
body.template-light .ai_chat_msg_text.is_ai input[data-ai-chat-insert][type="radio"] {
    accent-color: var(--mx-accent);
}

body.template-light .ai_chat_msg_text code {
    border-color: var(--mx-edge-soft);
    background: #ffffff;
    color: var(--mx-accent);
    box-shadow: var(--mx-shine);
}

body.template-light .ai_chat_msg_text pre {
    border-color: var(--mx-edge-soft);
    background: linear-gradient(180deg, #e9ecef 0%, #f6f7f9 100%);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10);
}

body.template-light .ai_chat_msg_text pre code {
    border: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

body.template-light .ai_chat_msg_text.is_ai table {
    border-color: var(--mx-edge);
    background: #ffffff;
}

body.template-light .ai_chat_msg_text.is_ai thead th {
    border-bottom-color: var(--mx-edge);
    background: linear-gradient(180deg, #f6f7f9 0%, #dde0e4 100%);
    color: var(--mx-ink);
}

body.template-light .ai_chat_msg_text.is_ai td,
body.template-light .ai_chat_msg_text.is_ai th {
    border-right-color: var(--mx-edge-soft);
    border-bottom-color: var(--mx-edge-soft);
}

body.template-light .ai_chat_msg_attachment img {
    border-color: var(--mx-edge-soft);
}

/* Window scroll: never. The message list and the side menu have their own scroll,
   so the document stays fixed to the viewport (no outer scrollbar, no rubber band). */
html:has(#ai_chat_app),
body:has(#ai_chat_app) {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

body.template-light #ai_chat_app {
    overscroll-behavior: contain;
}

/* AI activity: negative relief (engraved into the chat). The pending bubble is a sunken well,
   code blocks, bar tracks and separators are engraved deeper. Variables --ma-* of <maxsim-activity>. */
body.template-light #ai_chat_messages .ai_chat_msg_row.is_pending_ai .ai_chat_msg_text.is_ai.is_activity_host:not(.is_mega) {
    border: 1px solid #b6bcc3;
    border-top-color: #a4abb2;
    border-radius: 12px;
    background: linear-gradient(180deg, #dadee2 0%, #e3e6ea 14%, #eceef1 100%);
    box-shadow: inset 0 2px 5px rgba(40, 48, 56, .16), inset 0 1px 1px rgba(0, 0, 0, .10), inset 0 -1px 0 rgba(255, 255, 255, .7), 0 1px 0 rgba(255, 255, 255, .85);
}

body.template-light #ai_chat_messages .ai_chat_msg_row.is_pending_ai .ai_chat_msg_text.is_ai.is_activity_host.is_mega {
    border: 1px solid rgba(150, 118, 30, .35);
    border-top-color: rgba(120, 92, 20, .45);
    border-radius: 12px;
    background: linear-gradient(180deg, #dddcd5 0%, #e5e4de 14%, #ecebe6 100%);
    box-shadow: inset 0 2px 5px rgba(48, 44, 30, .16), inset 0 1px 1px rgba(0, 0, 0, .10), inset 3px 0 0 rgba(226, 182, 46, .85), inset 0 -1px 0 rgba(255, 255, 255, .7), 0 1px 0 rgba(255, 255, 255, .85);
}

body.template-light .ai_chat_msg_text maxsim-activity {
    --ma-fg: var(--mx-ink);
    --ma-muted: #5d656e;
    --ma-border: rgba(70, 80, 92, .30);
    --ma-read: #0b4f9c;
    --ma-write: #b42318;
    --ma-reason: #5a49b0;
    --ma-ok: #137a3a;
    --ma-block-bg: #dde1e5;
    --ma-block-line: #a9b1b8;
    --ma-block-radius: 6px;
    --ma-block-shadow: none;
    --ma-flat-bg: #e4e7ea;
    --ma-flat-shadow: none;
    --ma-sep-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    --ma-stop-bg: var(--mx-btn);
    --ma-stop-fg: #3a4047;
    --ma-stop-edge: var(--mx-edge);
    --ma-stop-shadow: var(--mx-raise);
    --ma-hunk-bg: #cfdcea;
    --ma-add-bg: #cfe8d4;
    --ma-del-bg: #f1d3d0;
}