.proxy-doc-container { padding-top: 24px; padding-bottom: 48px; }
.proxy-doc-main { min-width: 0; }
.proxy-doc-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.proxy-doc-heading h1 { margin: 0; color: #233039; font-size: 22px; font-weight: 700; }
.proxy-doc-heading .btn { flex: 0 0 auto; }
.proxy-doc-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.proxy-doc-subtitle { margin: 7px 0 0; color: #6b7b81; font-size: 13px; }
.proxy-doc-kind-tabs { display: flex; gap: 22px; margin-bottom: 18px; border-bottom: 1px solid #dce5e6; }
.proxy-doc-kind-tabs button { position: relative; padding: 10px 3px 11px; border: 0; background: transparent; color: #65777c; font-weight: 600; }
.proxy-doc-kind-tabs button.active { color: #0b7778; }
.proxy-doc-kind-tabs button.active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #0b7778; }
.proxy-doc-back { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; color: #44616b; text-decoration: none; }
.proxy-doc-back:hover { color: #0b7778; }
.proxy-doc-mobile-back { margin-bottom: 12px; }
.proxy-doc-mobile-back a { color: #44616b; text-decoration: none; }
.proxy-doc-filters { margin: 0 0 18px; padding: 0 0 18px; border-bottom: 1px solid #dce5e6; }
.proxy-doc-filters .form-label, .proxy-doc-section .form-label { margin-bottom: 6px; color: #34424b; font-size: 13px; font-weight: 600; }
.proxy-doc-filters .form-control, .proxy-doc-filters .form-select, .proxy-doc-section .form-control, .proxy-doc-section .form-select { min-height: 38px; border-radius: 5px; }
.proxy-doc-date-range { display: flex; align-items: center; gap: 5px; }
.proxy-doc-date-range .form-control { min-width: 0; padding-inline: 7px; font-size: 12px; }
.proxy-doc-date-range span { flex: 0 0 auto; color: #637681; font-size: 12px; }
.proxy-doc-results { overflow: hidden; border: 1px solid #e2e8e8; border-radius: 6px; background: #fff; }
.proxy-doc-table { margin: 0; }
.proxy-doc-table th { white-space: nowrap; }
.proxy-doc-table td { vertical-align: middle; color: #33424d; font-size: 13px; }
.proxy-doc-table td:nth-child(3) { max-width: 300px; }
.proxy-doc-table td:nth-child(3), .proxy-doc-strong { overflow-wrap: anywhere; }
.proxy-doc-strong { color: #223439 !important; font-weight: 700; }
.proxy-doc-phone { display: block; color: #6c7c80; font-size: 12px; }
.proxy-doc-package-badge { display: inline-block; padding: 2px 7px; border-radius: 12px; background: #e7f4f1; color: #126f6c; font-size: 12px; font-weight: 600; }
.proxy-doc-buttons { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.proxy-doc-buttons .btn { display: inline-flex; align-items: center; gap: 4px; }
.proxy-doc-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid #e2e8e8; color: #53656c; font-size: 13px; }
.proxy-doc-section { padding: 20px 0 24px; border-top: 1px solid #dce5e6; }
.proxy-doc-section h2, .proxy-doc-review h2 { margin: 0 0 17px; color: #26383e; font-size: 16px; font-weight: 700; }
.proxy-doc-step { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; margin-right: 8px; border-radius: 50%; background: #e6f3f1; color: #0b7778; font-size: 12px; }
.proxy-doc-applicant-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.proxy-doc-selected { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 46px; margin-top: 12px; padding: 9px 12px; border-left: 3px solid #127c7c; background: #f0f7f6; color: #445d62; font-size: 13px; }
.proxy-doc-selected strong { color: #244047; font-size: 14px; }
.proxy-doc-selected span { overflow-wrap: anywhere; }
.proxy-doc-applicant-option { display: flex; justify-content: space-between; align-items: center; gap: 14px; text-align: left; }
.proxy-doc-applicant-option span:first-child { min-width: 0; overflow-wrap: anywhere; }
.proxy-doc-applicant-option small { display: block; margin-top: 3px; color: #657478; }
.proxy-doc-review { padding: 17px 20px; border: 1px solid #d4e4df; border-radius: 6px; background: #f6faf8; }
.proxy-doc-review h2 { margin-bottom: 10px; }
.proxy-doc-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; color: #3b5157; font-size: 13px; }
.proxy-doc-review-grid span { overflow-wrap: anywhere; }
.proxy-doc-form-actions { display: flex; justify-content: flex-end; gap: 10px; margin: 22px 0 8px; }
.proxy-doc-detail-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid #e8eded; font-size: 13px; }
.proxy-doc-detail-row:last-child { border: 0; }
.proxy-doc-detail-row span { color: #67747b; }
.proxy-doc-detail-row strong { color: #2d3b42; font-weight: 600; overflow-wrap: anywhere; }
.proxy-transfer-party-card { height: 100%; padding: 18px; border: 1px solid #dce7e6; border-radius: 7px; background: #fbfdfc; }
.proxy-transfer-party-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.proxy-transfer-party-heading h3 { margin: 0; color: #26383e; font-size: 15px; font-weight: 700; }
.proxy-transfer-party-card .proxy-doc-selected { margin-top: 13px; }
.proxy-transfer-materials { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.proxy-transfer-materials > div { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 12px; border: 1px solid #d9e8e4; border-radius: 6px; background: #f6faf8; color: #31494e; font-size: 13px; font-weight: 600; }
.proxy-transfer-materials i { color: #128174; }
@media (max-width: 991.98px) {
    .proxy-doc-container { padding-top: 12px; }
    .proxy-doc-main { padding-bottom: 20px; }
}
@media (max-width: 767.98px) {
    .proxy-doc-main { padding-bottom: 100px; }
    .proxy-doc-heading { align-items: flex-start; }
    .proxy-doc-heading-actions { width: 100%; justify-content: flex-start; }
    .proxy-doc-heading h1 { font-size: 18px; }
    .proxy-doc-heading .btn { font-size: 13px; }
    .proxy-doc-results { overflow: visible; padding: 0; border: 0; background: transparent; box-shadow: none; }
    .proxy-doc-results .table-responsive { overflow: visible; padding: 0; }
    .proxy-doc-table, .proxy-doc-table tbody, .proxy-doc-table tr, .proxy-doc-table td { display: block; width: 100%; }
    .proxy-doc-table thead { display: none; }
    .proxy-doc-table .proxy-doc-row { margin: 10px 0; padding: 10px 12px; border: 1px solid #e3eaea; border-radius: 6px; background: #fff; }
    .proxy-doc-table .proxy-doc-row td { display: flex; justify-content: space-between; gap: 12px; max-width: none; padding: 5px 0; border: 0; text-align: right; overflow-wrap: anywhere; }
    .proxy-doc-table .proxy-doc-row td::before { content: attr(data-label); flex: 0 0 auto; color: #637079; font-weight: 400; text-align: left; }
    .proxy-doc-table .proxy-doc-row td.proxy-doc-row-actions { display: block; padding-top: 11px; border-top: 1px solid #e7eeee; }
    .proxy-doc-buttons { justify-content: flex-end; flex-wrap: wrap; }
    .proxy-doc-pagination { padding: 10px 2px; border: 0; }
    .proxy-doc-review-grid { grid-template-columns: 1fr; }
    .proxy-doc-form-actions .btn { flex: 1 1 0; }
    .proxy-doc-detail-row { grid-template-columns: 90px minmax(0, 1fr); }
    .proxy-transfer-materials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 479.98px) {
    .proxy-doc-heading { flex-direction: column; }
    .proxy-doc-heading-actions .btn { flex: 1 1 100%; }
    .proxy-transfer-materials { grid-template-columns: 1fr; }
}
