/**
 * Open Ticket — step 2 (compose form)
 * Matches Veeble card theme from department picker
 */

body.lagom.page-supportticketsubmit-steptwo,
body.page-supportticketsubmit-steptwo {
    background: #f8f9fb;
    color: #1a1d21;
}

body.lagom.page-supportticketsubmit-steptwo .main-header-title,
body.page-supportticketsubmit-steptwo .main-header-title {
    margin: 0;
    font-size: 0;
    font-weight: 700;
    color: #1a1d21;
}

body.lagom.page-supportticketsubmit-steptwo .main-header-title::before,
body.page-supportticketsubmit-steptwo .main-header-title::before {
    content: "Open a Support Ticket";
    display: block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1a1d21;
    line-height: 1.2;
}

body.lagom.page-supportticketsubmit-steptwo .main-header-title::after,
body.page-supportticketsubmit-steptwo .main-header-title::after {
    content: "Describe your issue and our team will get back to you.";
}

body.lagom.page-supportticketsubmit-steptwo .section,
body.page-supportticketsubmit-steptwo .section {
    margin: 0 0 20px;
}

body.lagom.page-supportticketsubmit-steptwo .section > .section-header,
body.page-supportticketsubmit-steptwo .section > .section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
}

body.lagom.page-supportticketsubmit-steptwo .section > .section-header::before,
body.page-supportticketsubmit-steptwo .section > .section-header::before {
    content: "";
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: #2563eb;
    flex-shrink: 0;
}

body.lagom.page-supportticketsubmit-steptwo .section-title,
body.page-supportticketsubmit-steptwo .section-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1a1d21;
}

body.lagom.page-supportticketsubmit-steptwo .panel,
body.page-supportticketsubmit-steptwo .panel,
body.lagom.page-supportticketsubmit-steptwo .main-content .panel,
body.page-supportticketsubmit-steptwo .main-content .panel {
    margin: 0;
    background: #fff;
    border: 1px solid #e8eaef;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(16, 24, 40, 0.05);
    overflow: visible !important;
}

body.lagom.page-supportticketsubmit-steptwo .panel > .panel-body,
body.page-supportticketsubmit-steptwo .panel > .panel-body {
    padding: 20px 22px;
    overflow: visible !important;
}

body.lagom.page-supportticketsubmit-steptwo .section,
body.page-supportticketsubmit-steptwo .section,
body.lagom.page-supportticketsubmit-steptwo .section-body,
body.page-supportticketsubmit-steptwo .section-body,
body.lagom.page-supportticketsubmit-steptwo .main-content,
body.page-supportticketsubmit-steptwo .main-content {
    overflow: visible !important;
}

body.lagom.page-supportticketsubmit-steptwo .panel.open-ticket-information,
body.page-supportticketsubmit-steptwo .panel.open-ticket-information {
    overflow: visible !important;
    position: relative;
    z-index: 20;
}

body.lagom.page-supportticketsubmit-steptwo .open-ticket-information .panel-body,
body.page-supportticketsubmit-steptwo .open-ticket-information .row,
body.page-supportticketsubmit-steptwo .open-ticket-information .form-group,
body.page-supportticketsubmit-steptwo .open-ticket-information .department-dropdown,
body.lagom.page-supportticketsubmit-steptwo .open-ticket-information .col-md-6,
body.page-supportticketsubmit-steptwo .open-ticket-information .col-md-6 {
    overflow: visible !important;
}

body.lagom.page-supportticketsubmit-steptwo .open-ticket-information .department-dropdown,
body.page-supportticketsubmit-steptwo .open-ticket-information .department-dropdown,
body.lagom.page-supportticketsubmit-steptwo .department-dropdown.open,
body.page-supportticketsubmit-steptwo .department-dropdown.open {
    position: relative;
    z-index: 1050;
}

body.lagom.page-supportticketsubmit-steptwo .open-ticket-information .department-dropdown .dropdown-menu,
body.page-supportticketsubmit-steptwo .open-ticket-information .department-dropdown .dropdown-menu,
body.lagom.page-supportticketsubmit-steptwo .department-dropdown .dropdown-menu,
body.page-supportticketsubmit-steptwo .department-dropdown .dropdown-menu {
    z-index: 1060 !important;
    border-radius: 12px;
    border-color: #e8eaef;
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12);
    max-height: none;
    overflow: visible !important;
}

body.lagom.page-supportticketsubmit-steptwo .form-control,
body.page-supportticketsubmit-steptwo .form-control,
body.lagom.page-supportticketsubmit-steptwo textarea.form-control,
body.page-supportticketsubmit-steptwo textarea.form-control {
    border-radius: 10px;
    border-color: #e8eaef;
    box-shadow: none;
}

body.lagom.page-supportticketsubmit-steptwo .form-control:focus,
body.page-supportticketsubmit-steptwo .form-control:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

body.lagom.page-supportticketsubmit-steptwo textarea.form-control,
body.page-supportticketsubmit-steptwo textarea.form-control {
    min-height: 180px;
}

body.lagom.page-supportticketsubmit-steptwo .ticket-creator,
body.page-supportticketsubmit-steptwo .ticket-creator {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #eff6ff;
    border-radius: 12px;
}

body.lagom.page-supportticketsubmit-steptwo .markdown-editor,
body.page-supportticketsubmit-steptwo .markdown-editor,
body.lagom.page-supportticketsubmit-steptwo .ticket-reply,
body.page-supportticketsubmit-steptwo .ticket-reply {
    border-radius: 12px;
    border-color: #e8eaef;
}

body.lagom.page-supportticketsubmit-steptwo .btn-primary,
body.page-supportticketsubmit-steptwo .btn-primary {
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: #2563eb;
    font-weight: 700;
    box-shadow: none;
}

body.lagom.page-supportticketsubmit-steptwo .btn-primary:hover,
body.page-supportticketsubmit-steptwo .btn-primary:hover {
    background: #1d4ed8;
}

body.lagom.page-supportticketsubmit-steptwo .btn-default,
body.page-supportticketsubmit-steptwo .btn-default {
    min-height: 44px;
    border-radius: 10px;
    border-color: #e8eaef;
    background: #fff;
    font-weight: 600;
}

@media (max-width: 767px) {
    body.lagom.page-supportticketsubmit-steptwo .main-header-title::before,
    body.page-supportticketsubmit-steptwo .main-header-title::before {
        font-size: 24px;
    }
}