@charset "utf-8";

.submission-picker-page .mobile-picker-progress,
.submission-picker-page .mobile-picker-back,
.submission-picker-page .mobile-picker-next { display: none; }

@media (max-width: 768px) {
    .submission-picker-page .pop { box-sizing: border-box; width: calc(100% - 24px); height: auto; max-height: calc(100vh - 24px); top: 50%; bottom: auto; transform: translateY(-50%); border-radius: 10px; overflow: hidden; }
    .submission-picker-page .pop .middle_box,
    .submission-picker-page .pop_f,
    .submission-picker-page .submit_step_one,
    .submission-picker-page .submit_step_two { box-sizing: border-box; height: auto; }
    .submission-picker-page .pop_f { display: flex; flex-wrap: wrap; align-content: flex-start; padding: 0 14px 14px; }
    .submission-picker-page .mobile-picker-progress { display: flex; align-items: center; gap: 12px; padding: 10px 18px 12px; color: #1b66e6; font-family: 'Inter SemiBold'; font-size: 13px; }
    .submission-picker-page .mobile-picker-track { flex: 1; height: 4px; overflow: hidden; border-radius: 2px; background: #e6edf8; }
    .submission-picker-page .mobile-picker-track i { display: block; width: 50%; height: 100%; border-radius: inherit; background: #1b66e6; transition: width .2s ease; }
    .submission-picker-page .mobile-picker-step-2 .mobile-picker-track i { width: 100%; }
    .submission-picker-page .submit_step_one,
    .submission-picker-page .submit_step_two { float: none; width: 100%; margin: 0; overflow: hidden; }
    .submission-picker-page .mobile-picker-step-1 .submit_step_two,
    .submission-picker-page .mobile-picker-step-2 .submit_step_one { display: none; }
    .submission-picker-page .category_list,
    .submission-picker-page .journal_list { box-sizing: border-box; height: auto !important; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .submission-picker-page .mobile-picker-step-1 .category_list { max-height: calc(100vh - 225px); }
    .submission-picker-page .mobile-picker-step-2 .journal_list {
        min-height: 0;
        max-height: max(160px, calc(100vh - 315px));
        padding-bottom: 16px;
        overscroll-behavior: contain;
    }
    .submission-picker-page .mobile-picker-step-2 .journal_list .loading { min-height: 120px; }
    .submission-picker-page .journal_tip { display: none !important; }
    .submission-picker-page .submit_step_two .table_title { display: flex !important; gap: 6px; padding: 9px 8px; }
    .submission-picker-page .submit_step_two .table_title .radio_box { width: 18px; }
    .submission-picker-page .submit_step_two .table_journal_title { flex: 1 1 0; min-width: 0; }
    .submission-picker-page .submit_step_two .table_original_price,
    .submission-picker-page .submit_step_two .table_discounted_price { flex: 0 0 70px; width: 70px; font-size: 11px; line-height: 18px; text-align: center; }
    .submission-picker-page .journal_list_scroll_y .journal_row { display: flex; align-items: center; gap: 6px; box-sizing: border-box; min-height: 72px; padding: 8px; border: 0; border-bottom: 1px solid #eaeaea; border-radius: 0; background: transparent; }
    .submission-picker-page .journal_list_scroll_y .journal_row + .journal_row { margin-top: 0; }
    .submission-picker-page .journal_row:has(input:checked) { background: #f7faff; }
    .submission-picker-page .journal_row .radio_box { flex: 0 0 18px; width: 18px; }
    .submission-picker-page .journal_row .journal_name { flex: 1 1 0; min-width: 0; width: auto; font-size: 12px; line-height: 20px; }
    .submission-picker-page .journal_row .journal_name a { font-size: 12px; line-height: 20px; }
    .submission-picker-page .journal_row .journal_original_price,
    .submission-picker-page .journal_row .journal_discounted_price { flex: 0 0 70px; width: 70px; font-size: 12px; line-height: 20px; text-align: center; text-decoration: none; }
    .submission-picker-page .journal_row .journal_original_price { color: #707070; }
    .submission-picker-page .journal_row .journal_discounted_price { color: #a00; font-family: 'Inter SemiBold'; }
    .submission-picker-page .pop .cancle,
    .submission-picker-page .pop .confirm,
    .submission-picker-page .mobile-picker-back,
    .submission-picker-page .mobile-picker-next { float: none; align-items: center; justify-content: center; box-sizing: border-box; min-width: 96px; height: 42px; margin: 14px 8px 0 0; border-radius: 6px; line-height: 42px; text-align: center; }
    .submission-picker-page .mobile-picker-step-1 .cancle,
    .submission-picker-page .mobile-picker-step-1 .mobile-picker-next,
    .submission-picker-page .mobile-picker-step-2 .mobile-picker-back,
    .submission-picker-page .mobile-picker-step-2 .confirm { display: inline-flex; }
    .submission-picker-page .mobile-picker-step-1 .confirm,
    .submission-picker-page .mobile-picker-step-1 .mobile-picker-back,
    .submission-picker-page .mobile-picker-step-2 .cancle,
    .submission-picker-page .mobile-picker-step-2 .mobile-picker-next { display: none; }
    .submission-picker-page .mobile-picker-next,
    .submission-picker-page .pop .confirm { color: #fff; background: #1b66e6; }
    .submission-picker-page .mobile-picker-back { color: #1b66e6; border: 1px solid #1b66e6; }
    .submission-picker-page .mobile-picker-next.is-disabled { opacity: .55; }
    .submission-picker-page .mobile-picker-step-1 .cancle,
    .submission-picker-page .mobile-picker-step-2 .mobile-picker-back { margin-left: auto; }
}