.support-layout {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 20px 40px;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    box-sizing: border-box;
}

.support-sidebar { position: sticky; top: 20px; }
.support-menu { display: flex; flex-direction: column; gap: 6px; padding: 14px; background: #111827; border-radius: 8px; box-sizing: border-box; }
.support-menu a { display: block; padding: 11px 13px; color: #fff; text-decoration: none; border-radius: 6px; font-size: 14px; line-height: 1.3; }
.support-menu a:hover,.support-menu a:focus { background: #2563eb; color: #fff; text-decoration: none; }
.support-layout .main__content { min-width: 0; padding: 0; }
.footer,.footer p { display: block !important; visibility: visible !important; opacity: 1 !important; }

@media (max-width:760px) {
    .support-layout { display: block; padding: 16px 12px 30px; }
    .support-sidebar { position: static; margin-bottom: 20px; }
    .support-menu { flex-direction: row; flex-wrap: wrap; }
    .support-menu a { flex: 1 1 auto; text-align: center; }
}

/* Форма заявки: только десктоп */
@media screen and (min-width:761px) {
    html.page-create-ticket form.form-submit-ticket {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
        column-gap: 20px !important;
        row-gap: 20px !important;
    }

    html.page-create-ticket form.form-submit-ticket > .form-group:has(input#name) { grid-column: 1 !important; grid-row: 1 !important; }
    html.page-create-ticket form.form-submit-ticket > .form-group:has(input#email) { grid-column: 2 !important; grid-row: 1 !important; }
    html.page-create-ticket form.form-submit-ticket > .form-group:has(input#custom1) { grid-column: 1 !important; grid-row: 2 !important; }
    html.page-create-ticket form.form-submit-ticket > .param.blue-select { grid-column: 2 !important; grid-row: 2 !important; }

    /* Кабинет слева, дата справа */
    html.page-create-ticket form.form-submit-ticket > .form-group:has(input#custom4) { grid-column: 1 !important; grid-row: 3 !important; }
    html.page-create-ticket form.form-submit-ticket > .param.calendar { grid-column: 2 !important; grid-row: 3 !important; }

    /* Тема и сообщение на всю ширину */
    html.page-create-ticket form.form-submit-ticket > .form-group:has(input#subject) { grid-column: 1 / -1 !important; grid-row: 4 !important; }
    html.page-create-ticket form.form-submit-ticket > .form-group:has(textarea#message) { grid-column: 1 / -1 !important; grid-row: 5 !important; }

    /* Вложения слева, приоритет справа */
    html.page-create-ticket form.form-submit-ticket > .param.param--attach { grid-column: 1 !important; grid-row: 6 !important; width: 100% !important; }
    html.page-create-ticket form.form-submit-ticket > .param:has(.select-priority) { grid-column: 2 !important; grid-row: 6 !important; width: 100% !important; }

    html.page-create-ticket form.form-submit-ticket > .form-footer { grid-column: 1 / -1 !important; grid-row: 7 !important; }
}

@media screen and (min-width: 761px) {
    html.page-create-ticket form.form-submit-ticket {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px 24px !important;
    }

    /* Кабинет слева */
    html.page-create-ticket form.form-submit-ticket .form-group:has(#custom4) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    /* Дата справа */
    html.page-create-ticket form.form-submit-ticket .param.calendar {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    /* Тема */
    html.page-create-ticket form.form-submit-ticket .form-group:has(#subject) {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
    }

    /* Сообщение */
    html.page-create-ticket form.form-submit-ticket .form-group:has(#message) {
        grid-column: 1 / -1 !important;
        grid-row: 5 !important;
    }

    /* Вложения */
    html.page-create-ticket form.form-submit-ticket .param--attach {
        grid-column: 1 !important;
        grid-row: 6 !important;
    }

    /* Приоритет */
    html.page-create-ticket form.form-submit-ticket .param:has(.select-priority) {
        grid-column: 2 !important;
        grid-row: 6 !important;
    }

    html.page-create-ticket form.form-submit-ticket .form-footer {
        grid-column: 1 / -1 !important;
    }
}

@media screen and (min-width: 761px) {
    html.page-create-ticket form.form-submit-ticket > .form-group:has(#subject),
    html.page-create-ticket form.form-submit-ticket > .form-group:has(#message) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        grid-column: 1 / -1 !important;
    }

    html.page-create-ticket form.form-submit-ticket > .form-group:has(#subject) input#subject,
    html.page-create-ticket form.form-submit-ticket > .form-group:has(#message) textarea#message {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

/* Красная звёздочка в подсказке над формой */
html.page-create-ticket .article-heading-tip .required-star,
html.page-create-ticket .article-heading-tip .required-star::before,
html.page-create-ticket .article-heading-tip .required-star::after {
    color: #ef4444 !important;
    opacity: 1 !important;
}

/* Красные звёздочки возле обязательных полей */
html.page-create-ticket form.form-submit-ticket .required-star,
html.page-create-ticket form.form-submit-ticket .required-star::before,
html.page-create-ticket form.form-submit-ticket .required-star::after {
    color: #ef4444 !important;
    opacity: 1 !important;
}

/* У блока приоритета в HTML нет собственного класса select-priority.
   Нужный элемент — section.param:has(.select-priority). */
@media screen and (min-width: 761px) {
    html.page-create-ticket form.form-submit-ticket > section.param:has(.select-priority) {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param:has(.select-priority) > .select-priority,
    html.page-create-ticket form.form-submit-ticket > section.param:has(.select-priority) > .dropdown-select {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

/* Мобильная версия: приоритет сразу после сообщения */
@media screen and (max-width: 760px) {
    html.page-create-ticket form.form-submit-ticket {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html.page-create-ticket form.form-submit-ticket > div.form-group:has(> textarea#message) {
        order: 50 !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param:has(> .select-priority) {
        display: flex !important;
        order: 60 !important;
        width: 100% !important;
        margin: 0 0 18px !important;
        padding: 16px 18px !important;
        box-sizing: border-box !important;
        align-items: center !important;
        gap: 16px !important;
        background: rgba(17, 24, 39, 0.75) !important;
        border: 1px solid rgba(98, 216, 196, 0.18) !important;
        border-radius: 12px !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param:has(> .select-priority) > .label {
        width: auto !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param:has(> .select-priority) > .select-priority {
        width: auto !important;
        min-width: 170px !important;
        flex: 0 0 auto !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param:has(> .select-priority) select {
        width: 100% !important;
        min-width: 0 !important;
    }

    html.page-create-ticket form.form-submit-ticket > section.param.param--attach {
        order: 70 !important;
    }

    html.page-create-ticket form.form-submit-ticket > .form-footer {
        order: 80 !important;
    }
}

/* Страница «Мои обращения» */
html.page-form,
html.page-form body,
html.page-form .wrapper,
html.page-form .main,
html.page-form .main__content {
    background: #0f1113 !important;
}

html.page-form body {
    margin: 0 !important;
    color: #ffffff !important;
}

html.page-form .header,
html.page-form .breadcrumbs {
    display: none !important;
}

html.page-form .main__content {
    min-height: 100vh !important;
    padding: 0 !important;
}

html.page-form .main__content > .contr {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 72px 24px 80px !important;
}

html.page-form .main__content > .contr::before {
    display: block !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
    content: "Мои обращения" !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

html.page-form .main__content > .contr::after {
    display: block !important;
    margin: -2px 0 28px !important;
    color: #b9c6d2 !important;
    content: "Введите идентификатор, чтобы просмотреть статус обращения." !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

html.page-form .article-heading-tip,
html.page-form .main__content > .contr > .ml-1 {
    display: none !important;
}

html.page-form form#formNeedValidation {
    width: 100% !important;
    margin: 0 !important;
    padding: 28px !important;
    background: #18212b !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

html.page-form form#formNeedValidation .form-groups {
    display: block !important;
    margin: 0 !important;
}

html.page-form form#formNeedValidation .form-group {
    margin: 0 0 20px !important;
}

html.page-form form#formNeedValidation label {
    display: block !important;
    margin: 0 0 8px !important;
    color: #b9c6d2 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

html.page-form form#formNeedValidation input#track {
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    color: #ffffff !important;
    background: #111827 !important;
    border: 1px solid rgba(98, 216, 196, .35) !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
}

html.page-form form#formNeedValidation input#track:hover,
html.page-form form#formNeedValidation input#track:focus {
    outline: none !important;
    background: #162331 !important;
    border-color: #62d8c4 !important;
    box-shadow: 0 0 0 3px rgba(98, 216, 196, .14) !important;
}

html.page-form form#formNeedValidation .form-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin: 0 !important;
}

html.page-form form#formNeedValidation button[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;
    color: #18212b !important;
    background: #62d8c4 !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-weight: 800 !important;
    transition: background .2s ease, transform .2s ease !important;
}

html.page-form form#formNeedValidation button[type="submit"]:hover {
    color: #18212b !important;
    background: #83e6d5 !important;
    transform: translateY(-2px) !important;
}

html.page-form form#formNeedValidation .form-footer .link {
    color: #62d8c4 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
}

html.page-form form#formNeedValidation .form-footer .link:hover {
    color: #83e6d5 !important;
}

@media screen and (max-width: 760px) {
    html.page-form .main__content > .contr {
        padding: 48px 12px 60px !important;
    }

    html.page-form .main__content > .contr::before {
        font-size: 32px !important;
    }

    html.page-form .main__content > .contr::after {
        margin-bottom: 22px !important;
        font-size: 15px !important;
    }

    html.page-form form#formNeedValidation {
        padding: 20px !important;
    }
}

@media screen and (min-width: 761px) {
    html.page-form .main__content {
        min-height: 100vh !important;
        padding: 0 !important;
        background: #0f1113 !important;
    }

    html.page-form .main__content > .contr {
        display: block !important;
        width: 100% !important;
        max-width: 620px !important;
        margin: 0 auto !important;
        padding: 72px 24px 80px !important;
    }

    html.page-form form#formNeedValidation {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 28px !important;
        background: #18212b !important;
        border: 1px solid rgba(255, 255, 255, .08) !important;
        border-radius: 18px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html.page-form form#formNeedValidation .form-groups {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html.page-form form#formNeedValidation .form-group {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    html.page-form form#formNeedValidation input#track {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 50px !important;
        padding: 0 14px !important;
        color: #ffffff !important;
        background: #111827 !important;
        border: 1px solid rgba(98, 216, 196, .35) !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
    }

    html.page-form form#formNeedValidation .form-footer {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html.page-form form#formNeedValidation button[type="submit"] {
        display: flex !important;
        width: 100% !important;
        min-height: 50px !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

html.page-form .my-tickets-back {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 24px !important;
    color: #62d8c4 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

html.page-form .my-tickets-back:hover {
    color: #83e6d5 !important;
    text-decoration: none !important;
}