.check-status-container {
    max-width: 885px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-top: 24px;
}

.check-status-info {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 48px;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.check-status-info .f-16 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 13px;
    margin-top: 16px;
    margin-bottom: 0;
    background: none;
    padding: 0;
    width: auto;
    border-radius: 0;
}

.check-status-form-wrapper {
    padding: 0 15px 15px;
}

.check-status-container .custom-select {
    margin-bottom: 20px;
}

.check-status-container input.form-control {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    background-color: var(--white-smoke);
    color: #404040;
    box-sizing: border-box;
    height: 42px;
    font-family: inherit;
}

.check-status-container input.form-control:focus {
    outline: none;
}

.check-status-container input.form-control::placeholder {
    color: var(--lucky-gray);
}

.check-form-fields {
    display: flex;
    gap: 16px;
    align-items: flex-end;
}

.check-form-field {
    flex: 1;
}

.check-form-field label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
}

.check-form-button button {
    padding: 12px 24px;
    background: #154A89;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.check-form-button button:hover {
    background: #0d3661;
}

.check-error-message {
    padding: 12px 16px;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 8px;
    margin-bottom: 16px;
    color: #DC2626;
    font-size: 14px;
}

.check-captcha-block {
    margin-top: 4px;
    grid-column: 1 / -1;
    position: relative;
    overflow: hidden;
}

/* Скрываем надпись "You are in a test mode" */
#check-status-captcha {
    position: relative;
}

#check-status-captcha::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 180px;
    height: 24px;
    background: #fff;
    z-index: 10;
    pointer-events: none;
}

.check-captcha-block label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.form-block {
    display: none;
}

.form-block.active {
    display: block;
}

/* Ticket detail styles */
.bid-page .ticket-title {
    margin-bottom: 1.5rem;
}

.bid-page .ticket-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.56rem 0.88rem;
    border-radius: 0.5rem;
    font-size: 12px !important;
    line-height: 14px !important;
}

.bid-page .bid-table {
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bid-page .bid-table .steps-block {
    width: 100%;
}

.bid-page .bid-table .steps-block[data-active="false"] {
    display: none;
}

.bid-page .bid-table .title-wrapper,
.bid-page .bid-table .steps-block .title-wrapper {
    display: flex;
    background: #f8f8f8;
    width: 100%;
}

.bid-page .bid-table .title-wrapper .title,
.bid-page .bid-table .steps-block .title-wrapper .title {
    padding: 0.62rem 1rem;
    min-width: 0;
    height: 4rem;
    display: flex;
    align-items: center;
    flex: 1;
}

.bid-page .bid-table .item-wrapper,
.bid-page .bid-table .steps-block .item-wrapper {
    display: flex;
    background: #fff;
    width: 100%;
}

.bid-page .bid-table .item-wrapper:not(:last-child),
.bid-page .bid-table .steps-block .item-wrapper:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.bid-page .bid-table .steps-block .item-wrapper:last-child {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.bid-page .bid-table .item-wrapper .item,
.bid-page .bid-table .steps-block .item-wrapper .item {
    padding: 0.62rem 1rem;
    min-width: 0;
    height: 4rem;
    display: flex;
    align-items: center;
    flex: 1;
}

/* Счётчик для табов этапов */
.bid-page .bid-tab-group .tab .tab-count {
    color: #888;
    font-weight: normal;
}

/* Фикс для таблицы этапов - 4 колонки */
.bid-page .bid-block-2 .title-wrapper,
.bid-page .bid-block-2 .item-wrapper {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 0;
}

.bid-page .bid-block-2 .title,
.bid-page .bid-block-2 .item {
    min-width: 0 !important;
    flex: none !important;
    padding: 0.62rem 1rem;
}

/* Mobile responsive styles */
/* Таблица документов - стили для 5 колонок */
.bid-page .bid-block-3 .bid-table>.title-wrapper,
.bid-page .bid-block-3 .bid-table>.item-wrapper {
    display: flex !important;
    width: 100%;
    align-items: stretch;
}

.bid-page .bid-block-3 .bid-table>.title-wrapper>.title-2,
.bid-page .bid-block-3 .bid-table>.item-wrapper>.item-2 {
    min-width: unset !important;
    width: auto !important;
    flex: 1 !important;
    padding: 12px 8px;
    align-self: center;
    min-height: unset !important;
}

/* Первая колонка - название документа (шире) */
.bid-page .bid-block-3 .bid-table>.title-wrapper>.title-2:first-child,
.bid-page .bid-block-3 .bid-table>.item-wrapper>.item-2:first-child {
    flex: 1.5 !important;
}

/* Вторая колонка - файлы (шире) */
.bid-page .bid-block-3 .bid-table>.title-wrapper>.title-2:nth-child(2),
.bid-page .bid-block-3 .bid-table>.item-wrapper>.item-2:nth-child(2) {
    flex: 1.5 !important;
}

/* Пятая колонка - комментарий (шире, с переносом текста) */
.bid-page .bid-block-3 .bid-table>.title-wrapper>.title-2:nth-child(5),
.bid-page .bid-block-3 .bid-table>.item-wrapper>.item-2:nth-child(5) {
    flex: 2 !important;
}

.bid-page .bid-block-3 .bid-table>.item-wrapper>.item-2:nth-child(5) .bid-text-sm {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .check-form-fields {
        flex-direction: column;
        align-items: stretch;
    }

    .check-form-button {
        width: 100%;
    }

    .check-form-button button {
        width: 100%;
    }

    .bid-page .ticket-title {
        font-size: 20px;
        margin-bottom: 1rem;
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .bid-page .ticket-title .bid-title-h2 {
        font-size: 20px;
        line-height: 1.3;
        word-break: break-word;
    }

    .bid-page .ticket-title .bid-title-h2 span {
        display: block;
        margin-top: 4px;
        font-size: 14px !important;
    }

    .bid-page .ticket-status-badge {
        margin-left: 0 !important;
    }

    .bid-page .bid-block-1 {
        flex-direction: column !important;
        gap: 1.5rem !important;
    }

    .bid-page .bid-block-1>.bid-left-section {
        width: 100% !important;
        min-width: auto !important;
    }

    .bid-page .bid-block-1>.bid-right-section {
        width: 100% !important;
    }

    .bid-page .bid-left-services-section {
        width: 100% !important;
    }

    .bid-page .bid-subblock-data {
        min-width: auto !important;
        width: 100% !important;
    }

    .bid-page .ticket-fields-container {
        min-width: auto !important;
        width: 100% !important;
    }

    .bid-page .ticket-fields-body {
        width: 100% !important;
    }

    .bid-page .ticket-fields-body .bid-flex.bid-gap-1 {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    .bid-page .ticket-fields-body .item {
        width: 100% !important;
        min-width: auto !important;
    }

    .bid-page .bid-flex.bid-gap-1 .item {
        width: 100% !important;
        min-width: auto !important;
    }

    .bid-page .bid-subblock-data .item {
        width: 100% !important;
        min-width: auto !important;
    }

    .bid-page .bid-text-md {
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .bid-page .bid-left-data {
        gap: 12px;
    }

    .bid-page .bid-left-data .inner-element {
        flex-direction: column;
        gap: 4px !important;
        align-items: flex-start;
    }

    .bid-page .bid-left-data .bid-left-data-width {
        width: 100%;
        min-width: auto !important;
    }

    .bid-page .bid-title-h5 {
        font-size: 16px;
    }

    .bid-page .bid-title-h3 {
        font-size: 18px;
    }

    .bid-page .bid-table {
        overflow-x: auto;
    }

    .bid-page .bid-table .title-wrapper,
    .bid-page .bid-table .steps-block .title-wrapper {
        flex-direction: column;
    }

    .bid-page .bid-table .title-wrapper .title,
    .bid-page .bid-table .steps-block .title-wrapper .title {
        min-width: auto;
        height: auto;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #e0e0e0;
    }

    .bid-page .bid-table .title-wrapper .title:last-child,
    .bid-page .bid-table .title-wrapper .title-2:last-child {
        border-bottom: none;
    }

    .bid-page .bid-table .title-wrapper .title-2 {
        min-width: auto;
        height: auto;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #e0e0e0;
    }

    .bid-page .bid-table .item-wrapper,
    .bid-page .bid-table .steps-block .item-wrapper {
        flex-direction: column;
    }

    .bid-page .bid-table .item-wrapper .item,
    .bid-page .bid-table .steps-block .item-wrapper .item {
        min-width: auto;
        height: auto;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #e0e0e0;
        word-break: break-word;
    }

    .bid-page .bid-table .item-wrapper .item:last-child {
        border-bottom: none;
    }

    .bid-page .bid-tab-group {
        width: 100% !important;
        overflow-x: auto;
    }

    .bid-page .bid-tab-group .tab {
        flex-shrink: 0;
    }
}


/* Contact block styles */
.check-status-page-wrapper {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}

.check-status-page-wrapper .check-status-container {
    margin-top: 0;
}

.work-time-block {
    background-color: #F8F8F8;
    padding: 24px;
    border-radius: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='118' height='197' viewBox='0 0 118 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.5' d='M105.8 7.91607V0C156.8 3.70753 197 46.3942 197 98.6002C197 150.606 156.8 193.292 105.8 197V189.084C152.5 185.276 189.2 146.197 189.2 98.5C189.2 50.8032 152.5 11.6236 105.8 7.91607ZM51 50.8032C63.6 38.1775 80.7 31.1633 98.5 31.1633C116.3 31.1633 133.4 38.1775 146 50.8032C158.6 63.4288 165.7 80.5636 165.7 98.3998C165.7 116.236 158.6 133.371 146 145.996C133.4 158.622 116.3 165.737 98.5 165.737C80.7 165.737 63.6 158.622 51 145.996C41.9 136.778 35.6 125.154 32.9 112.629H24.9C27.7 127.258 34.8 140.786 45.5 151.508C59.5 165.636 78.6 173.552 98.5 173.552C118.4 173.552 137.4 165.536 151.5 151.508C165.6 137.479 173.5 118.34 173.5 98.3998C173.5 78.4593 165.6 59.4207 151.5 45.292C137.5 31.1633 118.4 23.2472 98.5 23.2472C78.6 23.2472 59.6 31.1633 45.5 45.292C35.1 55.7131 28 68.94 25.1 83.1689H33.1C35.9 71.0443 42.1 59.8215 51 50.8032ZM90.2 188.884C45.1 184.775 9.6 147.7 7.9 101.907H98V94.091H7.9C10.1 48.6989 45.4 12.1246 90.2 8.01628V0.100203C39.7 4.30875 0 46.6948 0 98.3998C0 150.105 39.7 192.491 90.2 196.699V188.884Z' fill='%23D2D2D2'/%3e%3cpath opacity='0.5' d='M105.8 7.91607V0C156.8 3.70753 197 46.3942 197 98.6002C197 150.606 156.8 193.292 105.8 197V189.084C152.5 185.276 189.2 146.197 189.2 98.5C189.2 50.8032 152.5 11.6236 105.8 7.91607ZM51 50.8032C63.6 38.1775 80.7 31.1633 98.5 31.1633C116.3 31.1633 133.4 38.1775 146 50.8032C158.6 63.4288 165.7 80.5636 165.7 98.3998C165.7 116.236 158.6 133.371 146 145.996C133.4 158.622 116.3 165.737 98.5 165.737C80.7 165.737 63.6 158.622 51 145.996C41.9 136.778 35.6 125.154 32.9 112.629H24.9C27.7 127.258 34.8 140.786 45.5 151.508C59.5 165.636 78.6 173.552 98.5 173.552C118.4 173.552 137.4 165.536 151.5 151.508C165.6 137.479 173.5 118.34 173.5 98.3998C173.5 78.4593 165.6 59.4207 151.5 45.292C137.5 31.1633 118.4 23.2472 98.5 23.2472C78.6 23.2472 59.6 31.1633 45.5 45.292C35.1 55.7131 28 68.94 25.1 83.1689H33.1C35.9 71.0443 42.1 59.8215 51 50.8032ZM90.2 188.884C45.1 184.775 9.6 147.7 7.9 101.907H98V94.091H7.9C10.1 48.6989 45.4 12.1246 90.2 8.01628V0.100203C39.7 4.30875 0 46.6948 0 98.3998C0 150.105 39.7 192.491 90.2 196.699V188.884Z' stroke='%23D2D2D2'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 87%;
    max-width: 280px;
    flex-shrink: 0;
}

.work-time-block>span {
    line-height: 18px;
}

.work-time-block>span>span:not(:first-child) {
    display: block;
    margin-top: 6px;
}

.work-time-block h5 {
    padding: 0;
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
}

.work-time-block h5 a {
    color: var(--footer-background);
}

.work-time-block h5 a:hover {
    text-decoration: underline;
}

.work-time-block .subtitle-work-time {
    display: block;
    margin-bottom: 24px;
}

.work-time-block .work-time-info-block {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.work-time-block .work-time-info-block span.work-time-info-block-title {
    color: var(--lucky-gray);
}

.work-time-block .work-time-info-block a {
    color: var(--footer-background);
}

.work-time-block .work-time-info-block a:hover {
    text-decoration: underline;
}

.mobile-ver {
    display: none !important;
}

/* Result page wrapper */
.check-status-result-wrapper {
    display: flex;
    gap: 24px;
    margin-top: 24px;
}

.check-status-result-wrapper .bid-page {
    flex: 1;
}

.check-status-result-wrapper .work-time-block {
    align-self: flex-start;
}

/* Iframe page wrapper */
.check-status-iframe-wrapper {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.check-status-iframe-wrapper .services-check {
    flex: 1;
}

.check-status-iframe-wrapper iframe {
    display: block;
    width: 100%;
    border: none;
    border-radius: 12px;
}

@media (max-width: 900px) {
    .mobile-ver {
        display: block !important;
    }

    .desktop-ver {
        display: none !important;
    }

    .work-time-block {
        width: 100%;
        max-width: 100%;
        margin-top: 16px;
    }

    .check-status-page-wrapper,
    .check-status-result-wrapper,
    .check-status-iframe-wrapper {
        flex-direction: column;
    }
}