
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) {
    --ak-sell-gap: var(--ak-layout-section-gap, 18px);
    --ak-sell-gap-compact: var(--ak-layout-stack-gap-compact, 12px);
    --ak-sell-section-gap: 20px;
    --ak-sell-block-max: 100%;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) > .settings-content {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--ak-sell-section-gap) !important;
    min-width: 0 !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-header-block {
    background: linear-gradient(90deg, rgba(31, 34, 50, .76), rgba(31, 34, 50, .56) 72%, rgba(31, 34, 50, 0)) !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 210, 146, .22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    margin: 0 !important;
    max-width: var(--ak-sell-block-max) !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: var(--ak-sell-gap) !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-row {
    align-items: start !important;
    display: grid !important;
    gap: var(--ak-sell-gap-compact) !important;
    grid-auto-rows: auto !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 280px)) !important;
    justify-content: start !important;
    margin: 0 !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-info,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-list-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .upload-sessions-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) #tg-tdata-panel,
#sell-vk-archive-form .vk-storage-row,
#sell-vk-archive-form .software-buttons,
#sell-vk-archive-form .archives-toolbar,
#sell-telegram-form .archives-toolbar {
    background: linear-gradient(90deg, rgba(31, 34, 50, .62), rgba(31, 34, 50, .44) 74%, rgba(31, 34, 50, 0)) !important;
    border: 0 !important;
    border-left: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block {
    align-self: start !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 14px !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-row > .settings-block {
    flex: initial !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) [hidden],
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) [style*="display: none"] {
    display: none !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block[style*="width: 100%"],
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-row > .settings-block[style*="width: 100%"] {
    grid-column: 1 / -1 !important;
    max-width: var(--ak-sell-block-max) !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block > .settings-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block > .textfield-sale,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block > .sell-warning-annotation-block,
#sell-telegram-form #tg-source-mode,
#sell-telegram-archive-form .tg-archive-publication-notice,
#sell-telegram-archive-form .tg-archive-form-card,
#sell-telegram-archive-form .tg-archive-form-actions {
    max-width: var(--ak-sell-block-max) !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block > .settings-header {
    margin: 0 !important;
}

#sell-telegram-form #tg-source-mode {
    background: linear-gradient(90deg, rgba(31, 34, 50, .62), rgba(31, 34, 50, .44) 74%, rgba(31, 34, 50, 0)) !important;
    border: 0 !important;
    border-left: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 12px !important;
    width: 100% !important;
}

#sell-telegram-form #tg-source-mode .tg-source-option {
    margin: 0 !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .textfield-sale {
    margin: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-annotation {
    margin: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block > .sell-annotation {
    display: block !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-warning-annotation-block,
#sell-telegram-archive-form .tg-archive-publication-notice {
    margin: 0 !important;
}

#sell-telegram-archive-form .tg-archive-blocks {
    gap: var(--ak-sell-gap) !important;
}

#sell-telegram-archive-form .tg-archive-form-card {
    background: linear-gradient(90deg, rgba(31, 34, 50, .62), rgba(31, 34, 50, .44) 74%, rgba(31, 34, 50, 0)) !important;
    border: 0 !important;
    border-left: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
    gap: var(--ak-sell-gap-compact) !important;
    padding: 14px !important;
}

#sell-telegram-archive-form .tg-archive-form-card .settings-block {
    background: rgba(18, 24, 36, .2) !important;
}

#sell-telegram-archive-form .tg-archive-form-actions {
    background: linear-gradient(90deg, rgba(31, 34, 50, .58), rgba(31, 34, 50, .38) 74%, rgba(31, 34, 50, 0)) !important;
    border: 0 !important;
    border-left: 1px solid rgba(143, 167, 197, .14) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .publish_account_button {
    margin: 0 0 var(--ak-sell-section-gap) !important;
}

@media (max-width: 760px) {
    .page-container:has(:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form)),
    .page-container:has(:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form)) > .top-section {
        box-sizing: border-box !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) {
        --ak-sell-gap: var(--ak-layout-stack-gap, 12px);
        --ak-sell-gap-compact: var(--ak-layout-stack-gap-compact, 10px);
        --ak-sell-section-gap: var(--ak-layout-section-gap, 12px);
        box-sizing: border-box !important;
        max-width: calc(100vw - 20px) !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        width: calc(100vw - 20px) !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) > .settings-content,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-row,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-row,
    #sell-telegram-archive-form .tg-archive-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-info,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-list-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .upload-sessions-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) #tg-tdata-panel,
    #sell-telegram-archive-form .tg-archive-form-card {
        padding: 12px !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .publish_account_button {
        margin-bottom: var(--ak-sell-section-gap) !important;
        width: 100% !important;
    }

    #sell-telegram-archive-form .tg-archive-publication-notice,
    #sell-telegram-archive-form .tg-archive-publication-notice p,
    #sell-telegram-archive-form .tg-archive-form-card,
    #sell-telegram-archive-form .tg-archive-card-head,
    #sell-telegram-archive-form .tg-archive-form-actions {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    #sell-telegram-archive-form .tg-archive-card-head,
    #sell-telegram-archive-form .tg-archive-form-actions {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #sell-telegram-archive-form .tg-archive-remove,
    #sell-telegram-archive-form .tg-archive-add-button {
        width: 100% !important;
    }

    #sell-telegram-archive-form .tg-archive-publication-notice p {
        display: block !important;
    }

    #sell-telegram-archive-form .tg-archive-publication-notice p::before {
        display: inline-block !important;
        margin-right: 8px !important;
        margin-top: 0 !important;
        vertical-align: .12em !important;
    }
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) > .settings-content,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block::before,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) > .settings-content::before {
    content: none !important;
    display: none !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-block {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--ak-sell-gap) !important;
    max-width: none !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) > .settings-content {
    gap: var(--ak-sell-section-gap) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-header-block {
    background: linear-gradient(145deg, rgba(255, 210, 146, .08), rgba(132, 190, 253, .045)), rgba(31, 34, 50, .72) !important;
    border: 1px solid rgba(143, 167, 197, .20) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-width: var(--ak-sell-block-max) !important;
    padding: 16px 18px !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .window_header {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-info,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-list-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .upload-sessions-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) #tg-tdata-panel,
#sell-telegram-form #tg-source-mode,
#sell-vk-archive-form .vk-storage-row,
#sell-vk-archive-form .software-buttons,
#sell-vk-archive-form .archives-toolbar,
#sell-telegram-form .archives-toolbar,
#sell-telegram-archive-form .tg-archive-form-card,
#sell-telegram-archive-form .tg-archive-form-actions {
    background: rgba(31, 34, 50, .72) !important;
    border: 1px solid rgba(143, 167, 197, .20) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    max-width: var(--ak-sell-block-max) !important;
    overflow: visible !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block {
    padding: 14px !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-header,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-header-row {
    color: var(--ak-text-strong, #E8ECEF) !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-annotation,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sale-annotation {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .textfield-sale {
    background: rgba(18, 24, 36, .54) !important;
    border: 1px solid rgba(143, 167, 197, .30) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    box-shadow: none !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:focus-within,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .textfield-sale:focus-within {
    border-color: rgba(132, 190, 253, .48) !important;
    box-shadow: 0 0 0 3px rgba(132, 190, 253, .08) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(.label-button) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(.label-button):focus-within {
    border-color: transparent !important;
    box-shadow: none !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .radio-buttons label,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .mode-toggle-btn {
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .30) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-muted, #8FA7C5) !important;
    font-weight: 600 !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .radio-buttons input[type="radio"]:checked + label,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .mode-toggle-btn.active {
    background: var(--ak-gold, #FFD292) !important;
    border-color: var(--ak-gold, #FFD292) !important;
    color: #1B1F2F !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-warning-annotation-block {
    background: rgba(31, 34, 50, .72) !important;
    border: 1px solid rgba(51, 255, 174, .24) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    max-width: var(--ak-sell-block-max) !important;
    padding: 12px 14px !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-warning-annotation-block .sale-annotation {
    border: 0 !important;
    color: var(--ak-green, #33FFAE) !important;
    margin: 0 !important;
    padding: 0 !important;
}

#sell-telegram-archive-form .tg-archive-publication-notice {
    background: linear-gradient(145deg, rgba(255, 210, 146, .08), rgba(132, 190, 253, .045)), rgba(31, 34, 50, .72) !important;
    border: 1px solid rgba(255, 210, 146, .30) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: none !important;
    padding: 14px 16px !important;
}

#sell-telegram-archive-form .tg-archive-publication-notice__title {
    color: var(--ak-gold, #FFD292) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

#sell-telegram-archive-form .tg-archive-publication-notice p {
    background: rgba(18, 24, 36, .32) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-weight: 500 !important;
}

#sell-telegram-archive-form .tg-archive-form-card .settings-block {
    background: rgba(18, 24, 36, .32) !important;
    border-color: rgba(143, 167, 197, .18) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .publish_account_button {
    background: var(--ak-gold, #FFD292) !important;
    border: 1px solid var(--ak-gold, #FFD292) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: #1B1F2F !important;
    font-weight: 700 !important;
    min-height: 42px !important;
}

@media (max-width: 760px) {
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-settings-header-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-info,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .proxy-list-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .upload-sessions-block,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) #tg-tdata-panel,
    #sell-telegram-form #tg-source-mode,
    #sell-vk-archive-form .vk-storage-row,
    #sell-vk-archive-form .software-buttons,
    #sell-vk-archive-form .archives-toolbar,
    #sell-telegram-form .archives-toolbar,
    #sell-telegram-archive-form .tg-archive-form-card,
    #sell-telegram-archive-form .tg-archive-form-actions,
    #sell-telegram-archive-form .tg-archive-publication-notice,
    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-warning-annotation-block {
        border-radius: 12px !important;
        padding: 12px !important;
    }

    :is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .window_header {
        font-size: 20px !important;
    }
}
