/* ========================================================= PAYMENT VERIFICATION ========================================================= */ /* ========================================================= ПОДПИСЬ ПОЛЯ ========================================================= */ .payment_verification-field-label { display: block; margin-bottom: 8px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: #4B5563; } /* ========================================================= СТАТУС ========================================================= */ .payment-verification-status { font-family: Inter, system-ui, sans-serif; font-size: 20px; align-items: baseline; display: flex; gap: 5px; margin-top: 30px; margin-left: 10px; margin-bottom: 30px; } /* ========================================================= ЗНАЧЕНИЕ СТАТУСА ========================================================= */ .payment-verification-status-value { font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: #D50000; } /* ========================================================= КНОПКА — ОТПРАВИТЬ ПОВТОРНО ========================================================= */ .payment-verification-retry-button { display: flex; align-items: center; justify-content: center; margin: 20px 0 0 0; padding: 8px 15px; margin-top: 120px; margin-bottom: 30px; margin-left: 20px; box-sizing: border-box; border-radius: 8px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: #FFFFFF; background: var(--blue); border: 1px solid var(--blue); box-shadow: 0 1px 3px rgba(30, 64, 175, .15); cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; } /* ========================================================= НАВЕДЕНИЕ ========================================================= */ .payment-verification-retry-button:hover { background: var(--blue-dark); border-color: var(--blue-dark); box-shadow: 0 5px 12px rgba(30, 64, 175, .22); transform: translateY(-1px); } /* ========================================================= НАЖАТИЕ ========================================================= */ .payment-verification-retry-button:active { transform: translateY(0); } /* ========================================================= FOCUS ========================================================= */ .payment-verification-retry-button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; } /* ========================================================= БЛОК ОТКЛОНЕНИЯ ========================================================= */ .payment-verification-rejected { display: flex; align-items: center; width: 700px; max-width: 100%; margin-left: 20px; box-sizing: border-box; gap: 30px; } /* ========================================================= SVG ========================================================= */ .payment-verification-rejected-icon { flex: 0 0 42px; width: 42px; height: 42px; margin-left: 20px; display: block; margin: 0; margin-right: 20px; } /* ========================================================= ТЕКСТ ========================================================= */ .payment-verification-rejected-text { flex: 0 0 420px; width: 700px; max-width: 700px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.5; color: #4B5563; text-align: justify; } /* ========================================================= ИНФОРМАЦИОННЫЙ ТЕКСТ ========================================================= */ .payment-verification-field-text { margin: 0 0 20px 10px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; color: #4B5563; } /* ========================================================= ИНФОРМАЦИОННЫЙ ПОДЗАГОЛОВОК ========================================================= */ .payment-verification-info-label { margin: 0 0 10px 10px; font-family: Inter, system-ui, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; color: #4B5563; } /* ========================================================= СПИСОК ========================================================= */ .payment-verification-list { margin: 0 0 24px 30px; padding-left: 18px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; color: #111827; } /* ========================================================= СПИСОК NOT VERIFICATION ========================================================= */ .payment-notverification-list { margin: 0 0 24px 30px; padding-left: 17px; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #4B5563; } /* ========================================================= ЗАГОЛОВОК ЮРИДИЧЕСКОЙ ИНФОРМАЦИИ ========================================================= */ .payment-verification-law-title { margin: 0 0 10px 10px; font-family: Inter, system-ui, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; color: #111827; } /* ========================================================= КНОПКА ПРИКРЕПЛЕНИЯ ДОКУМЕНТОВ ========================================================= */ .payment-verification-upload-button { display: inline-flex; align-items: center; justify-content: center; gap: 0px; margin-top: -25px; width: 210px; min-height: 56px; padding: 8px 15px; margin-left: 10px; box-sizing: border-box; border-radius: 8px; font-family: Inter, system-ui, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.3; text-align: center; color: #FFFFFF; background: var(--blue); border: 1px solid var(--blue); box-shadow: 0 1px 3px rgba(30, 64, 175, .15); cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; } /* ========================================================= SVG ========================================================= */ .payment-verification-upload-button svg { width: 32px; height: 32px; flex: 0 0 32px; display: block; } /* ========================================================= НАВЕДЕНИЕ ========================================================= */ .payment-verification-upload-button:hover { background: var(--blue-dark); border-color: var(--blue-dark); box-shadow: 0 4px 10px rgba(30, 64, 175, .20); transform: translateY(-1px); } /* ========================================================= НАЖАТИЕ ========================================================= */ .payment-verification-upload-button:active { transform: translateY(0); } /* ========================================================= FOCUS ========================================================= */ .payment-verification-upload-button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; } /*====================================================== ДЛЯ ПРИСОЕДИНЕННЫХ ФАЙЛОВ ========================================================= */ /* ========================================================= ТЕКСТ ДЛЯ ПРИСОЕДИНЕННЫХ ФАЙЛОВ ========================================================= */ .payment-verification-file-name { display: flex; align-items: center; gap: 7px; font-family: Inter, system-ui, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; color: #4B5563; text-decoration: none; } /* ========================================================= ИКОНКА ПРИКРЕПЛЕННОГО ФАЙЛА ========================================================= */ .payment-verification-attachment-icon { display: inline-block; width: 20px; height: 20px; margin-right: 6px; vertical-align: middle; } /* ========================================================= КНОПКА УДАЛЕНИЯ ПРИКРЕПЛЕННЫХ ФАЙЛОВ ========================================================= */ .payment-verification-remove-file { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; border: none; background: transparent; cursor: pointer; line-height: 0; } .payment-verification-remove-file-icon { display: block; width: 22px; height: 22px; position: relative; top: 1px; } /* ========================================================= СТРОКА ПРИКРЕПЛЕННОГО ФАЙЛА ========================================================= */ .payment-verification-attachment-row { display: flex; align-items: center; margin-left: 20px; position: relative; top: 8px; } /* ========================================================= ВНУТРЕННИЙ SPAN ========================================================= */ .payment-verification-attachment-row span { display: inline-flex; align-items: center; line-height: 1.3; } /* ========================================================= КРЕСТИК — НАВЕДЕНИЕ ========================================================= */ .payment-verification-remove-file:hover .payment-verification-remove-file-icon path { stroke: var(--blue); } /* ========================================================= КНОПКА - ОТПРАВИТЬ ========================================================= */ .payment-verification-send-button { display: flex; align-items: center; justify-content: center; width: 220px; margin: 60px 0 30px 120px; padding: 8px 15px; box-sizing: border-box; border-radius: 8px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: #FFFFFF; background: var(--blue); border: 1px solid var(--blue); box-shadow: 0 1px 3px rgba(30, 64, 175, .15); cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; } /* ========================================================= НАВЕДЕНИЕ ========================================================= */ .payment-verification-send-button:hover { background: var(--blue-dark); border-color: var(--blue-dark); box-shadow: 0 5px 12px rgba(30, 64, 175, .22); transform: translateY(-1px); } /* ========================================================= НАЖАТИЕ ========================================================= */ .payment-verification-send-button:active { transform: translateY(0); } /* ========================================================= FOCUS ========================================================= */ .payment-verification-send-button:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; } /* ========================================================= ОЖИДАНИЕ ВЕРИФИКАЦИИ ========================================================= */ .payment-verification-pending { display: flex; align-items: center; margin-left: 20px; margin-top: 20px; margin-bottom: 30px; } /* ========================================================= SVG — ОЖИДАНИЕ ВЕРИФИКАЦИИ ========================================================= */ .payment-verification-pending-icon { flex: 0 0 42px; width: 42px; height: 42px; display: block; margin: 0; margin-right: 20px; } /* ========================================================= ТЕКСТ — ОЖИДАНИЕ ВЕРИФИКАЦИИ ========================================================= */ .payment-verification-pending-text { max-width: 360px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.4; color: #4B5563; } /* ========================================================= PENDING VALUE ========================================================= */ .payment-verification-pending-value { font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: #2563EB; } /* ========================================================= APPROVED — ОСНОВНОЙ БЛОК ========================================================= */ .payment-verification-approved { display: flex; align-items: center; } /* ========================================================= SVG — APPROVED ========================================================= */ .payment-verification-approved-icon { flex: 0 0 42px; width: 42px; height: 42px; margin: 0 20px 0 20px; display: block; } /* ========================================================= ТЕКСТ — APPROVED ========================================================= */ .payment-verification-approved-text { font-family: Inter, system-ui, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--blue); } /* ========================================================= APPROVED ========================================================= */ .payment-verification-approved-value { font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.3; color: var(--blue); } .payment-verification-approved-text { flex: 0 0 420px; width: 700px; max-width: 700px; font-family: Inter, system-ui, sans-serif; font-size: 17px; font-weight: 500; line-height: 1.5; color: #4B5563; text-align: justify; margin-top: 30px; margin-bottom: 30px; margin-left: 20px; }