/* Pencil: 01 · Candidaturas and 02 · Perfil completo e avaliação. */
#applications-view .overline { margin-bottom: 12px; }
#applications-view .directory-heading { margin-bottom: 24px; }
#application-detail-view .copy-control { display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:3px 7px; border:1px solid #e2e5e9; border-radius:4px; background:#fff; color:#505967; font-size:11px; cursor:pointer; }
#application-detail-view .copy-control svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.4; }
#application-detail-view .copy-control:hover,#application-detail-view .copy-control:focus-visible { border-color:#ed0765; color:#ed0765; outline:none; }
#application-detail-view .copy-control.is-copied { border-color:#16805b; color:#16805b; }
#application-detail-view .copy-control:disabled { opacity:.75; cursor:default; }
#application-detail-view .application-title-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; }
#application-detail-view .application-title-row h1 { min-width:0; overflow-wrap:anywhere; }
#application-detail-view .detail-share { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #f0b4cc; border-radius:6px; background:#fff; color:#ed0765; font-size:11px; cursor:pointer; }
#application-detail-view .detail-share svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; }
#application-detail-view .detail-share:hover,#application-detail-view .detail-share:focus-visible { border-color:#ed0765; background:#fff5f9; outline:none; }
#application-detail-view .detail-share.is-copied { border-color:#16805b; color:#16805b; }
#application-detail-view .detail-share:disabled { opacity:.75; cursor:default; }
#application-detail-view .profile-value,#application-detail-view .personal-field { min-width:0; }
#application-detail-view .profile-value > span,#application-detail-view .personal-field > div { overflow-wrap:anywhere; }
#application-detail-view .copyable-value { display:flex; align-items:center; flex-wrap:wrap; gap:4px; min-width:0; }
#application-detail-view .copyable-value > div { min-width:0; overflow-wrap:anywhere; }
#application-detail-view .reference-copy-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
#application-detail-view .reference-copy-row input { flex:1 1 12rem; min-width:8rem; }
#application-detail-view .reference-copy-row .copy-control { margin-left:0; }
#applications-view .directory-heading .pink-button { align-self: center; }
dialog.wix-import-dialog { width: min(480px, calc(100vw - 32px)); max-width: none; }
.wix-import-form { max-height: min(80vh, 720px); overflow-y: auto; }
.wix-import-form > p { color: #6b7280; font-size: 13px; }
.wix-import-form > label { display: flex; flex-direction: column; gap: 8px; margin: 20px 0; color: #505967; font-size: 13px; }
.wix-import-form > label input { padding: 12px; border: 1px solid #e2e5e9; border-radius: 6px; font-size: 14px; }
.wix-import-matches { display: flex; flex-direction: column; gap: 8px; }
.wix-import-matches p { font-size: 13px; color: #505967; }
.wix-import-choice { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e2e5e9; border-radius: 6px; cursor: pointer; }
.wix-import-choice:has(input:checked) { border-color: #ed0765; background: #fff3f8; }
.wix-import-choice input { accent-color: #ed0765; }
.wix-import-choice span { display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.wix-import-choice small { color: #6b7280; }
.wix-import-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
#applications-view .application-stats { margin: 0 0 24px; gap: 14px; }
#applications-view .application-stats button { gap: 8px; padding: 16px; border: 1px solid #e2e5e9; border-radius: 8px; background: #fff; box-shadow: none; }
#applications-view .application-stats button.selected { border-color: #ed0765; background: #fff; color: #242b38; }
#applications-view .application-stats button.selected span { color: #ed0765; }
#applications-view .application-stats span { order: 0; color: #6b7280; font-size: 13px; }
#applications-view .application-stats b { order: 1; font-size: 27px; line-height: 1; font-weight: 500; }
#applications-view [data-status="pending"] b { color: #9a640e; }
#applications-view [data-status="processed"] b { color: #435ea5; }
#applications-view [data-status="hired"] b { color: #22754d; }
#applications-view [data-status="rejected"] b { color: #9d4057; }
#applications-view .application-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
#applications-view .application-toolbar .search-box { height: 44px; }
#applications-view .application-toolbar .search-box { flex-direction: row; }
#applications-view .application-toolbar .search-box input { border: 0; border-radius: 0; box-shadow: none; padding: 0; background: none; flex: 1; }
#applications-view .application-toolbar select, #applications-view #application-unassigned { flex: none; border: 1px solid #e2e5e9; border-radius: 24px; padding: 10px 18px; background: #fff; color: #242b38; font-size: 13px; font-weight: 500; max-width: 240px; }
#applications-view #application-unassigned.selected { border-color: #ed0765; color: #ed0765; }
#applications-view .application-filters { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
#applications-view .application-filters > label, #applications-view .filter-range { min-width: 0; display: flex; flex-direction: column; gap: 7px; color: #6b7280; font-size: 12px; font-weight: 500; }
#applications-view .application-filters select, #applications-view .filter-range > div { height: 43px; width: 100%; border: 1px solid #e2e5e9; border-radius: 6px; background: #fff; padding: 0 12px; color: #242b38; font-size: 13px; font-weight: 400; }
#applications-view .filter-range > div { display: flex; align-items: center; gap: 3px; }
#applications-view .filter-range label { min-width: 0; flex: 1; }
#applications-view .filter-range input { min-width: 0; width: 100%; border: 0; outline: 0; padding: 0; background: transparent; font-size: 12px; }
#applications-view .filter-range input::-webkit-inner-spin-button { display: none; }
#applications-view .application-team-filter { position: relative; display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #6b7280; font-size: 12px; font-weight: 500; }
#applications-view .application-toolbar .application-team-filter { flex: none; width: 150px; }
#applications-view .application-toolbar .application-team-filter > span { display: none; }
#applications-view #team-filter-toggle { height: 38px; width: 100%; overflow: hidden; border: 1px solid #e2e5e9; border-radius: 24px; padding: 0 12px; background: #fff; color: #242b38; font-size: 13px; font-weight: 400; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
#applications-view #team-filter-toggle[aria-expanded="true"], #applications-view #team-filter-toggle:focus-visible { border-color: #ed0765; outline: none; }
#applications-view .team-filter-menu { position: absolute; z-index: 8; top: 100%; right: 0; box-sizing: border-box; width: min(320px, 88vw); margin-top: 5px; padding: 12px; border: 1px solid #dce0e5; border-radius: 7px; background: #fff; box-shadow: 0 8px 24px #242b3820; }
#applications-view .team-filter-menu[hidden] { display: none; }
#applications-view .team-filter-options { display: grid; gap: 2px; max-height: 240px; overflow-y: auto; }
#applications-view .team-filter-options label { display: flex; flex-direction: row; align-items: center; gap: 9px; padding: 9px 7px; border-radius: 4px; color: #242b38; font-size: 13px; font-weight: 400; cursor: pointer; }
#applications-view .team-filter-options label:hover, #applications-view .team-filter-options label:has(input:checked) { background: #f2f8df; }
#applications-view .team-filter-options input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: #526932; }
#applications-view #team-filter-clear { margin-top: 10px; border: 0; background: transparent; color: #ed0765; font-size: 12px; cursor: pointer; }
#applications-view #team-filter-error { color: #a40042; font-size: 12px; }
#applications-view .application-results-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
#applications-view .application-results-bar strong { font-size: 14px; font-weight: 500; }
#applications-view .application-results-bar > div { display: flex; align-items: center; gap: 16px; color: #6b7280; font-size: 13px; }
#applications-view #application-sort { border: 0; padding: 6px 4px; background: transparent; color: #6b7280; font-size: 13px; }
#applications-view .application-page-size { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: #6b7280; font-size: 12px; }
#applications-view #application-page-size { border: 1px solid #e2e5e9; border-radius: 6px; padding: 6px 7px; background: #fff; color: #242b38; font-size: 12px; }
#applications-view #application-message:empty { display: none; }
#applications-view .application-cards { gap: 18px; }
#applications-view .application-card { border: 1px solid #e2e5e9; border-radius: 9px; padding: 0; box-shadow: none; overflow: hidden; min-width: 0; }
#applications-view .application-card .candidate-photo { width: 100%; height: 188px; border-radius: 0; font-size: 42px; background: #e9eedc; }
#applications-view .application-card .candidate-photo::after { content: ''; position: absolute; inset: 42% 0 0; z-index: 0; background: linear-gradient(transparent, rgba(0,0,0,.78)); pointer-events: none; }
#applications-view .application-card .candidate-photo > span:first-child { position: relative; z-index: 1; }
#applications-view .application-photo-overlay { position: absolute; z-index: 1; right: 16px; bottom: 13px; left: 16px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; color: #fff; }
#applications-view .application-card-name, #applications-view .application-card-meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#applications-view .application-card-name { color: #fff; font-size: 17px; font-weight: 600; text-decoration: none; white-space: nowrap; }
#applications-view .application-card-meta { max-width: 52%; font-size: 12px; line-height: 1.35; text-align: right; }
#applications-view .application-card-name:focus-visible, #applications-view .application-card-meta:focus-visible { outline: 2px solid #ddff75; outline-offset: 3px; }
#applications-view .candidate-photo img { object-position: center 32%; }
#applications-view .candidate-photo .status-badge { position: absolute; z-index: 1; top: 12px; left: 12px; background: #fff2d9; color: #9a640e; font-size: 12px; padding: 5px 10px; border-radius: 5px; }
#applications-view .candidate-photo .status-processed { background: #e8eeff; color: #435ea5; }
#applications-view .candidate-photo .status-hired { background: #e1f4e7; color: #22754d; }
#applications-view .candidate-photo .status-rejected { background: #fbe8ed; color: #9d4057; }
#applications-view .candidate-summary { display: flex; flex-direction: column; gap: 10px; padding: 16px; }
#applications-view .candidate-name { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#applications-view .candidate-name h2 { font-size: 19px; font-weight: 500; margin: 0; }
#applications-view .candidate-name a { font-size: 19px; text-decoration: none; color: #242b38; }
#applications-view .candidate-summary p { margin: 0; font-size: 13px; }
#applications-view .application-received-date { display: block; color: #6b7280; font-size: 11px; }
#applications-view .candidate-summary .candidate-score { font-size: 12px; color: #435a24; font-weight: 500; }
#applications-view .card-actions { border-top: 1px solid #e2e5e9; padding-top: 11px; margin-top: 2px; display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
#applications-view .card-actions span { color: #6b7280; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#applications-view .card-actions a, #applications-view .card-actions button { flex: none; color: #ed0765; font-size: 12px; font-weight: 500; background: none; border: 0; text-decoration: none; padding: 0; }
#applications-view .application-pager { display: flex; justify-content: space-between; margin-top: 4px; color: #6b7280; font-size: 12px; }
#applications-view .application-pager > div { display: flex; align-items: center; gap: 10px; border: 1px solid #e2e5e9; border-radius: 24px; background: #fff; padding: 4px 10px; }
#applications-view .application-pager button { border: 0; background: transparent; }
#applications-view .application-empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; margin:8px 0 24px; padding:40px 24px; border:1px solid #e2e5e9; border-radius:10px; background:#fff; text-align:center; }
#applications-view .application-empty-icon { display:grid; place-items:center; width:56px; height:56px; margin-bottom:16px; border-radius:50%; background:#f0f6e0; color:#526932; font-size:30px; }
#applications-view .application-empty-state h2 { margin:0 0 8px; color:#242b38; font-size:20px; font-weight:500; }
#applications-view .application-empty-state p { max-width:480px; margin:0; color:#6b7280; font-size:13px; line-height:1.55; }
#applications-view .application-empty-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:22px; }
#applications-view .application-error-state .application-empty-icon { background:#fbe8ed; color:#9d4057; }
#applications-view .application-pager[hidden] { display:none; }
#applications-view.applications-empty .application-results-bar > div { visibility:hidden; }
@media (max-width:600px) { #applications-view .application-empty-state { min-height:220px; padding:30px 18px; } #applications-view .application-empty-actions { width:100%; } #applications-view .application-empty-actions button { width:100%; } }

#application-detail-view .back-link { margin: 0 0 12px; }
#application-detail-view > .overline { display: none; }
#application-detail-view .detail-heading { margin-bottom: 24px; }
#application-detail-view .detail-heading > div:first-child { min-width: 0; flex: 1; }
#application-detail-view .detail-heading h1 { overflow-wrap: anywhere; }
#application-detail-view .detail-heading p { font-size: 13px; }
#application-detail-view .application-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
#application-detail-view .claim-error { margin: -12px 0 20px; }
dialog.claim-teams-dialog { width: min(480px, calc(100vw - 32px)); max-width: none; }
.claim-teams-form { max-height: min(80vh, 720px); overflow-y: auto; }
.claim-team-options { display: flex; flex-direction: column; gap: 8px; }
.claim-team-option { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e2e5e9; border-radius: 7px; cursor: pointer; }
.claim-team-option:has(input:checked) { border-color: #afcb65; background: #f2f8df; }
.claim-team-option input { flex: none; accent-color: #526932; }
.claim-team-option span { flex: 1; min-width: 0; }
.claim-team-option strong { display: block; color: #242b38; font-size: 13px; font-weight: 500; }
.claim-team-option small { display: block; margin-top: 4px; color: #6b7280; font-size: 11px; }
.claim-teams-form .claim-dialog-error { margin: 12px 0 0; color: #a40042; }
.claim-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }
.application-management-bar { display: grid; grid-template-columns: 170px 220px minmax(0,1fr); align-items: center; gap: 24px; background: #fff; border: 1px solid #e2e5e9; border-radius: 10px; padding: 20px; margin-bottom: 24px; }
.management-bar-title { display: flex; flex-direction: column; gap: 9px; }
.management-bar-title span { display: grid; place-items: center; width: 34px; height: 34px; background: #f0f6e0; color: #526932; border-radius: 6px; }
.management-bar-title svg { width: 18px; height: 18px; }
#application-detail-view .management-bar-title h2 { font-size: 15px; line-height: 1.35; }
.management-bar-owner { padding-right: 24px; border-right: 1px solid #e2e5e9; }
.application-management-bar small { display: block; color: #6b7280; font-size: 10px; letter-spacing: 1px; margin-bottom: 10px; }
.owner-summary { display: flex; align-items: center; gap: 10px; min-width: 0; border: 1px solid #e2e5e9; border-radius: 7px; background: #f5f6f7; padding: 9px; }
.owner-avatar { display: grid; place-items: center; position: relative; overflow: hidden; flex: none; width: 38px; height: 38px; border-radius: 50%; background: #242b38; color: #ddff75; font-size: 12px; font-weight: 500; }
.owner-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.owner-identity { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.owner-identity strong { overflow: hidden; color: #242b38; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.owner-identity small { overflow: hidden; margin: 0; font-size: 11px; font-weight: 400; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.owner-self { flex: none; padding: 4px 7px; border-radius: 4px; background: #e9eedc; color: #526932; font-size: 10px; font-style: normal; font-weight: 500; }
.owner-change { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 0; border: 0; background: transparent; color: #ed0765; font-size: 12px; font-weight: 500; }
.owner-change svg { width: 14px; height: 14px; }
.owner-change:hover { text-decoration: underline; }
.management-bar-status > label { display: none; }
.status-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.status-option { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; padding: 12px 8px; border: 1px solid #e2e5e9; border-radius: 6px; background: #fff; color: #505967; font-size: 12px; }
.status-option svg { width: 18px; height: 18px; }
.status-option.status-pending svg { color: #987027; }
.status-option.status-processed svg { color: #435ea5; }
.status-option.status-hired svg { color: #22754d; }
.status-option.status-rejected svg { color: #a14f65; }
.status-option[aria-pressed="true"] { background: #edf1ff; border-color: #8ea0d4; color: #435ea5; font-weight: 500; }
.status-option.status-pending[aria-pressed="true"] { background: #fff2d9; border-color: #e1c88b; color: #9a640e; }
.status-option.status-hired[aria-pressed="true"] { background: #e1f4e7; border-color: #a9d6ba; color: #22754d; }
.status-option.status-rejected[aria-pressed="true"] { background: #fbe8ed; border-color: #e5b6c2; color: #9d4057; }
.management-bar-status p { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; font-size: 11px; color: #6b7280; }
.management-bar-status .status-save-message { color: #435a24; font-weight: 500; }
.management-bar-status .status-save-message.error { color: #a40042; }
.management-bar-status .status-save-message[hidden] { display: none; }
.management-bar-status .status-option:disabled { opacity: .6; cursor: wait; }
.management-info-icon { color: #87909d; font-size: 14px; }
dialog.owner-picker-dialog { width: min(440px, calc(100vw - 32px)); max-width: none; }
.owner-picker-form label { display: flex; flex-direction: column; gap: 8px; margin: 18px 0; color: #6b7280; font-size: 12px; }
.owner-picker-form select { width: 100%; border: 1px solid #e2e5e9; border-radius: 6px; padding: 12px; background: #fff; color: #242b38; font-size: 13px; }
.owner-picker-actions { display: flex; justify-content: flex-end; gap: 8px; }
#application-detail-view .application-detail { grid-template-columns: 248px minmax(0,1fr) 300px; gap: 24px; align-items: start; }
#application-detail-view .application-photo-rail { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
#application-detail-view .detail-main { gap: 22px; min-width: 0; }
#application-detail-view .detail-side { display: flex; min-width: 0; gap: 18px; }
#application-detail-view .content-card { border: 1px solid #e2e5e9; border-radius: 8px; padding: 20px; box-shadow: none; }
#application-detail-view .content-card h2 { font-size: 17px; font-weight: 500; }
#application-detail-view .personal-details-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
#application-detail-view .personal-details-heading h2 { margin: 0; }
#application-detail-view .personal-details-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 18px; row-gap: 17px; }
#application-detail-view .personal-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
#application-detail-view .personal-field > span { color: #6b7280; font-size: 11px; }
#application-detail-view .personal-field > div { color: #242b38; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
#application-detail-view .personal-field a { color: inherit; text-decoration: none; }
#application-detail-view .personal-field a:hover { color: #ed0765; text-decoration: underline; }
#application-detail-view .identity-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; }
#application-detail-view .identity-value button { border: 0; padding: 0; background: transparent; color: #242b38; font-size: 12px; }
#application-detail-view .identity-value button:hover { color: #ed0765; text-decoration: underline; }
#application-detail-view .experience-description { display: flex; flex-direction: column; gap: 5px; margin: 18px 0; }
#application-detail-view .experience-description > span { color: #6b7280; font-size: 11px; }
#application-detail-view .experience-description p { margin: 0; padding: 0; border: 0; color: #242b38; font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
#application-detail-view .recommended-functions-card .personal-details-heading { margin-bottom: 14px; }
#application-detail-view .recommended-functions-read { display: flex; flex-wrap: wrap; gap: 8px; }
#application-detail-view .recommended-function-tag { display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid #afcb65; border-radius: 5px; background: #f2f8df; color: #242b38; font-size: 12px; }
#application-detail-view .recommended-function-tag.inactive-function { border-color: #e2e5e9; background: #f5f6f7; color: #6b7280; }
#application-detail-view .recommended-functions-read > p { margin: 0; padding: 0; border: 0; color: #6b7280; font-size: 13px; }
#application-detail-view .consent-list { display: flex; flex-direction: column; gap: 13px; margin-top: 18px; }
#application-detail-view .consent-row { display: flex; align-items: center; gap: 8px; color: #242b38; font-size: 12px; }
#application-detail-view .consent-row svg { flex: none; width: 15px; height: 15px; color: #22754d; }
#application-detail-view .consent-row.not-accepted svg { color: #a14f65; }
#application-detail-view .consent-captured { margin: 16px 0 0; padding: 0; border: 0; color: #6b7280; font-size: 11px; }
#application-detail-view .media-column { padding: 0; overflow: hidden; }
#application-detail-view .media-column h2 { padding: 16px 16px 0; font-size: 16px; }
#application-detail-view .media-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 12px 16px; }
#application-detail-view .media-item:first-child { grid-column: 1 / -1; aspect-ratio: .83; }
#application-detail-view .media-item { aspect-ratio: 1; }
#application-detail-view .media-item .photo-kind { position: absolute; z-index: 1; top: 10px; left: 10px; border-radius: 4px; padding: 5px 8px; background: #242b38d9; color: #fff; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .7px; }
#application-detail-view .media-item .photo-zoom { position: absolute; z-index: 2; top: 9px; right: 9px; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 5px; background: #ffffffed; color: #242b38; font-size: 21px; line-height: 1; }
#application-detail-view .media-item .photo-zoom:hover:not(:disabled) { background: #ddff75; }
#application-detail-view .media-item .photo-zoom:disabled { opacity: .5; cursor: default; }
#application-detail-view .media-item:not(.primary-photo) .photo-kind { top: 6px; left: 6px; padding: 3px 5px; font-size: 9px; line-height: 1.2; }
#application-detail-view .media-item:not(.primary-photo) .photo-zoom { top: 5px; right: 5px; width: 24px; height: 24px; font-size: 16px; }
#application-detail-view .photo-measurements { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; display: flex; gap: 14px; padding: 12px 14px; border-radius: 6px; background: #242b38f2; color: #fff; }
#application-detail-view .photo-measurements > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
#application-detail-view .photo-measurements small { color: #c8d1de; font-size: 10px; letter-spacing: .7px; }
#application-detail-view .photo-measurements strong { font-size: 25px; font-weight: 500; white-space: nowrap; line-height: 1; }
#application-detail-view .photo-measurements strong span { color: #ddff75; font-size: 12px; font-weight: 400; margin-left: 3px; }
dialog.photo-lightbox { box-sizing: border-box; width: min(1280px, calc(100vw - 40px)); height: min(920px, calc(100dvh - 40px)); max-width: none; max-height: none; padding: 0; border: 1px solid #424958; border-radius: 10px; background: #151b25; color: #fff; overflow: hidden; }
dialog.photo-lightbox[open] { display: flex; flex-direction: column; }
dialog.photo-lightbox::backdrop { background: #0a0e17df; }
.photo-lightbox-heading { flex: none; display: flex; justify-content: space-between; align-items: center; min-height: 54px; gap: 20px; padding: 10px 18px; font-size: 13px; }
.photo-lightbox-close { flex: none; width: 36px; height: 36px; border: 1px solid #758092; border-radius: 50%; background: transparent; color: #fff; font-size: 24px; line-height: 1; }
.photo-lightbox-close:hover { background: #424958; }
.photo-lightbox-stage { position: relative; display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; }
.photo-lightbox img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.photo-lightbox-nav { position: absolute; z-index: 1; width: 44px; height: 44px; border: 1px solid #758092; border-radius: 50%; background: #151b25d9; color: #fff; font-size: 32px; line-height: 1; cursor: pointer; }
.photo-lightbox-prev { left: 18px; }
.photo-lightbox-next { right: 18px; }
.photo-lightbox-nav:disabled { opacity: .35; cursor: default; }
.photo-lightbox-nav:hover:not(:disabled) { background: #424958; }
.photo-lightbox-footer { flex: none; display: flex; justify-content: center; align-items: center; gap: 16px; padding: 10px 18px 14px; color: #bfc7d2; font-size: 12px; }
.photo-lightbox-footer p { margin: 0; }
.photo-lightbox-position { color: #fff; font-weight: 600; }
.photo-lightbox :focus-visible { outline: 2px solid #ddff75; outline-offset: 3px; }
@media (max-width: 600px) {
  dialog.photo-lightbox { width: calc(100vw - 20px); height: calc(100dvh - 20px); }
  .photo-lightbox-stage { flex-direction: column; }
  .photo-lightbox-nav { position: static; flex: none; width: 48%; height: 40px; border-radius: 6px; font-size: 26px; }
  .photo-lightbox-prev { order: 2; }
  .photo-lightbox-stage img { order: 1; height: calc(100% - 48px); }
  .photo-lightbox-next { order: 3; }
  .photo-lightbox-footer { padding-top: 8px; }
}
#application-detail-view .media-column > p { margin: 0 16px 12px; font-size: 11px; }
#application-detail-view .physical-snapshot { padding: 0 16px 16px; }
#application-detail-view .physical-snapshot .physical-location { margin: 0 0 18px; padding: 0; border: 0; color: #242b38; font-size: 16px; font-weight: 500; }
#application-detail-view .physical-snapshot h3 { margin: 0 0 14px; color: #6b7280; font-size: 10px; font-weight: 500; letter-spacing: 1px; }
#application-detail-view .physical-traits { display: flex; flex-direction: column; gap: 14px; }
#application-detail-view .physical-trait { display: flex; align-items: center; gap: 10px; min-width: 0; }
#application-detail-view .physical-trait-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 5px; background: #f1f3f6; color: #6b7280; font-size: 17px; }
#application-detail-view .physical-trait > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#application-detail-view .physical-trait small { color: #6b7280; font-size: 11px; }
#application-detail-view .physical-trait strong { color: #242b38; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
#application-detail-view .physical-snapshot .physical-sizes-title { margin: 18px 0 12px; border-top: 1px solid #e2e5e9; padding-top: 16px; }
#application-detail-view .physical-sizes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
#application-detail-view .physical-sizes > div { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0; border-radius: 5px; background: #f5f6f7; padding: 10px 3px; }
#application-detail-view .physical-sizes small { color: #6b7280; font-size: 10px; }
#application-detail-view .physical-sizes strong { color: #242b38; font-size: 18px; font-weight: 500; }
#application-detail-view .physical-snapshot .profile-value { grid-template-columns: 1fr 1fr; font-size: 12px; }
#application-detail-view .associated-teams { padding: 16px; }
#application-detail-view .associated-teams h2 { margin-bottom: 14px; font-size: 16px; }
#application-detail-view .associated-team-row { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 6px 0; color: #242b38; font-size: 12px; line-height: 1.4; }
#application-detail-view .associated-team-row > span { min-width: 0; overflow-wrap: anywhere; }
#application-detail-view .my-team-indicator { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 23px; height: 23px; margin-left: 6px; border-radius: 50%; background: #edf1e4; color: #526932; }
#application-detail-view .my-team-indicator svg { width: 15px; height: 15px; }
#application-detail-view .associated-check { margin-right: 7px; color: #526932; font-size: 14px; }
#application-detail-view .associated-team-row button { flex: none; padding: 0 3px; border: 0; background: transparent; color: #6b7280; font-size: 17px; }
#application-detail-view .associated-team-row button:hover { color: #ed0765; }
#application-detail-view .associated-empty { padding: 0; margin: 0 0 12px; border: 0; color: #6b7280; font-size: 12px; }
#application-detail-view .associated-teams #add-team { margin: 12px 0 0; padding: 0; border: 0; background: transparent; color: #ed0765; font-size: 12px; text-align: left; }
#application-detail-view .associated-teams #add-team:disabled { opacity: .5; }
#application-detail-view .associated-teams .team-picker-error { border: 0; padding: 0; margin: 8px 0 0; }
dialog.team-picker-dialog { width: min(480px, calc(100vw - 32px)); max-width: none; }
.team-picker-form { max-height: min(80vh, 720px); overflow-y: auto; }
.team-picker-form h2 { font-size: 22px; }
.team-picker-form > p { font-size: 13px; }
.team-picker-group { margin: 0 0 20px; padding: 0; border: 0; }
.team-picker-group legend { padding: 0 0 8px; color: #6b7280; font-size: 11px; font-weight: 500; letter-spacing: .8px; text-transform: uppercase; }
.team-picker-option { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e2e5e9; border-radius: 7px; margin: 0 0 8px; cursor: pointer; }
.team-picker-option:has(input:checked) { border-color: #ed0765; background: #fff7fa; }
.team-picker-option input { flex: none; accent-color: #ed0765; }
.team-picker-option span { flex: 1; min-width: 0; }
.team-picker-option strong { display: block; color: #242b38; font-size: 13px; font-weight: 500; }
.team-picker-option small { display: block; margin-top: 3px; color: #6b7280; font-size: 11px; }
.team-picker-option em { font-size: 11px; color: #6b7280; }
.team-picker-form .inline-error { margin: 0 0 12px; color: #a40042; }
#application-detail-view .contact-actions { flex-direction: column; padding: 0 16px 16px; margin: 0; }
#application-detail-view .contact-actions a { text-align: center; text-decoration: none; }
#application-detail-view .contact-actions a[href^="https://wa.me"] { background: #e1f4e7; color: #22754d; border-color: #bddcc7; }
#application-detail-view .profile-value { grid-template-columns: minmax(100px,.85fr) 1.15fr; gap: 12px; padding: 10px 0; font-size: 13px; }
#application-detail-view .profile-value b { font-size: 11px; }
#application-detail-view .management-panel { min-width: 0; }
#application-detail-view .management-panel .management-intro { margin: 10px 0 18px; padding: 0; border: 0; color: #6b7280; font-size: 11px; line-height: 1.5; }
#application-detail-view .management-panel .management-classification { margin: 0 0 10px; padding: 0; border: 0; color: #6b7280; font-size: 12px; }
#application-detail-view .score-buttons { gap: 8px; margin: 0 0 18px; }
#application-detail-view .score-buttons button { min-height: 42px; font-size: 12px; font-weight: 500; }
#application-detail-view .management-panel > label { display: block; margin: 0 0 16px; color: #6b7280; font-size: 12px; }
#application-detail-view .management-panel > label input, #application-detail-view .management-panel > label textarea { display: block; width: 100%; margin-top: 7px; padding: 12px; border: 1px solid #e2e5e9; border-radius: 5px; color: #242b38; font-size: 13px; }
#application-detail-view .management-panel > label textarea { min-height: 110px; background: #f5f6f7; font-family: inherit; line-height: 1.5; resize: vertical; }
#application-detail-view .management-panel .management-updated { margin: 12px 0 0; padding: 0; border: 0; color: #6b7280; font-size: 11px; }
#application-detail-view .history-card h2 { margin-bottom: 18px; }
#application-detail-view .history-event + .history-event { margin-top: 18px; border-top: 1px solid #e2e5e9; padding-top: 18px; }
#application-detail-view .history-event time { display: block; margin-bottom: 8px; color: #6b7280; font-size: 11px; }
#application-detail-view .history-event strong { display: block; color: #242b38; font-size: 13px; font-weight: 500; }
#application-detail-view .history-actor { display: block; margin-top: 5px; color: #6b7280; font-size: 11px; overflow-wrap: anywhere; }
#application-detail-view .history-event p { margin: 8px 0 0; padding: 0; border: 0; color: #6b7280; font-size: 12px; line-height: 1.5; }
#application-detail-view .history-event button { padding: 0; margin-top: 9px; border: 0; background: transparent; color: #ed0765; font-size: 12px; font-weight: 500; }
#application-detail-view .history-event button:hover { text-decoration: underline; }
#application-detail-view .history-empty { margin: 0; padding: 0; border: 0; color: #6b7280; font-size: 12px; }
#application-detail-view .history-pagination { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 18px; color: #6b7280; font-size: 12px; }
#application-detail-view .history-pagination button { border: 1px solid #e2e5e9; border-radius: 20px; padding: 6px 12px; background: #fff; color: #242b38; }
#application-detail-view .history-pagination button:disabled { opacity: .45; cursor: default; }
dialog.audit-detail-dialog { width: min(900px, calc(100vw - 32px)); max-width: none; max-height: 90vh; }
.audit-detail-body { max-height: 90vh; overflow-y: auto; }
.audit-detail-body .audit-detail-meta { margin: 0 0 22px; padding: 0; color: #6b7280; font-size: 12px; overflow-wrap: anywhere; }
.audit-changes { display: flex; flex-direction: column; gap: 14px; }
.audit-change { border: 1px solid #e2e5e9; border-radius: 8px; padding: 16px; }
.audit-change h3 { margin: 0 0 12px; color: #242b38; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.audit-change-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.audit-change-values > div { min-width: 0; padding: 12px; border-radius: 6px; background: #f5f6f7; color: #242b38; font-size: 13px; overflow-wrap: anywhere; }
.audit-change-values small { display: block; margin-bottom: 8px; color: #6b7280; font-size: 10px; letter-spacing: 1px; }
.audit-change-values pre { max-height: 360px; margin: 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
@media (max-width: 600px) { .audit-change-values { grid-template-columns: 1fr; } }
@media (max-width: 1350px) { #applications-view .application-filters { grid-template-columns: repeat(3,minmax(0,1fr)); } #application-detail-view .application-detail { grid-template-columns: 220px minmax(0,1fr); } #application-detail-view .detail-side { grid-column: 2; } }
@media (max-width: 1000px) { .application-management-bar { grid-template-columns: 1fr 1fr; } .management-bar-status { grid-column: 1 / -1; } #application-detail-view .application-detail { grid-template-columns: 200px minmax(0,1fr); } }
@media (max-width: 700px) { #applications-view .application-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } #applications-view .application-toolbar { flex-wrap: wrap; } #applications-view .application-toolbar .search-box { flex-basis: 100%; } #applications-view .application-filters { grid-template-columns: repeat(2,minmax(0,1fr)); } #applications-view .application-cards { grid-template-columns: 1fr; } #application-detail-view .application-detail { grid-template-columns: 1fr; } #application-detail-view .detail-side { grid-column: auto; } #application-detail-view .application-photo-rail { display: grid; grid-template-columns: 1fr 1fr; } .application-management-bar { grid-template-columns: 1fr; } .management-bar-status { grid-column: auto; } }
@media (max-width: 700px) { #application-detail-view .application-heading-actions { justify-content: flex-start; } }
@media (max-width: 700px) { .management-bar-owner { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid #e2e5e9; } }
@media (max-width: 500px) { #applications-view .application-filters, #application-detail-view .application-photo-rail { grid-template-columns: 1fr; } #applications-view .application-results-bar { align-items: flex-start; flex-direction: column; } .status-options { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 500px) { #application-detail-view .personal-details-fields { grid-template-columns: 1fr; } }
 .application-event-banner { position: fixed; z-index: 10; top: 1rem; left: 50%; transform: translateX(-50%); width: min(42rem, calc(100% - 2rem)); display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .75rem 1rem; background: #fff; border: 1px solid #d9dce2; border-radius: .5rem; box-shadow: 0 .4rem 1.5rem #18202b22; }
.application-event-banner span { flex: 1 1 100%; }
.application-event-banner button { font-size: .8rem; padding: .4rem .65rem; }
.application-event-banner .event-dismiss { margin-left: auto; border: 0; background: transparent; cursor: pointer; font-size: 1.1rem; }
@media (max-width: 40rem) { .application-event-banner { top: .5rem; } .application-event-banner button { flex: 1 1 auto; } }

/* Pencil 01 / 01b: selection and card/list switch. */
#applications-view .application-view-switch { display: flex; flex: none; gap: 3px; padding: 3px; border: 1px solid #e2e5e9; border-radius: 7px; background: #fff; }
#applications-view .application-view-switch button { display: inline-flex; align-items: center; gap: 7px; border: 0; border-radius: 4px; padding: 7px 10px; background: transparent; color: #6b7280; font-size: 12px; cursor: pointer; }
#applications-view .application-view-switch button.active { background: #242b38; color: #fff; }
#applications-view .application-view-switch button.active span { color: #ddff75; }
#applications-view .application-view-switch button:focus-visible, #applications-view .application-selection-bar button:focus-visible, #applications-view .application-selection-bar input:focus-visible, #applications-view [data-select-application]:focus-visible, #applications-view .selected-application button:focus-visible { outline: 2px solid #ed0765; outline-offset: 2px; }
#applications-view .application-selection-bar { display: flex; align-items: center; gap: 16px; min-height: 60px; box-sizing: border-box; margin: 0 0 14px; padding: 12px 16px; border-radius: 7px; background: #ebeede; color: #242b38; font-size: 13px; }
#applications-view .application-select-all { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; cursor: pointer; }
#applications-view .application-select-all input, #applications-view [data-select-application] { appearance: none; display: grid; place-items: center; flex: none; width: 20px; height: 20px; margin: 0; border: 1px solid #8b929a; border-radius: 4px; background: #fff; cursor: pointer; }
#applications-view .application-select-all input:checked, #applications-view .application-select-all input:indeterminate, #applications-view [data-select-application]:checked { border-color: #242b38; background: #242b38; }
#applications-view .application-select-all input:checked::after, #applications-view [data-select-application]:checked::after { content: '✓'; color: #ddff75; font-size: 15px; line-height: 1; }
#applications-view .application-select-all input:indeterminate::after { content: '−'; color: #ddff75; font-size: 17px; line-height: 1; }
#applications-view .application-select-all input:disabled { opacity: .5; cursor: wait; }
#applications-view #application-selected-count { font-weight: 500; white-space: nowrap; }
#applications-view #application-clear-selection { padding: 4px 0; border: 0; background: transparent; color: #6b7280; font-size: 12px; cursor: pointer; }
#applications-view #application-clear-selection:disabled { opacity: .5; cursor: default; }
#applications-view .application-export { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 10px 14px; border: 0; border-radius: 5px; background: #242b38; color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer; }
#applications-view .application-export span { color: #ddff75; font-size: 18px; line-height: 12px; }
#applications-view .application-export:disabled { opacity: .5; cursor: default; }
#applications-view .application-selection-tray { margin: 0 0 18px; padding: 14px 16px; border: 1px solid #d7dfc5; border-radius: 8px; background: #f7faee; }
#applications-view .application-selection-tray[hidden] { display: none; }
#applications-view .selection-tray-heading { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 13px; }
#applications-view .selection-tray-heading span { color: #6b7280; font-size: 12px; }
#applications-view .selection-tray-items { display: flex; gap: 8px; flex-wrap: wrap; max-height: 122px; overflow-y: auto; margin-top: 12px; }
#applications-view .selected-application { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 5px 6px 5px 10px; border: 1px solid #bdcba5; border-radius: 5px; background: #fff; font-size: 12px; }
#applications-view .selected-application a { color: #242b38; font-weight: 500; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#applications-view .selected-application small { color: #6b7280; white-space: nowrap; }
#applications-view .selected-application button { border: 0; background: transparent; color: #6b7280; cursor: pointer; font-size: 17px; line-height: 1; }
#applications-view .application-card.is-selected { border: 2px solid #242b38; }
#applications-view .application-card-select { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 0; cursor: pointer; }
#applications-view .candidate-photo .application-card-select input { position: static; }
@media (max-width: 520px) { #applications-view .application-photo-overlay { display: block; } #applications-view .application-card-meta { max-width: 100%; margin-top: 3px; text-align: left; } }
#applications-view .application-list { overflow: hidden; border: 1px solid #e2e5e9; border-radius: 9px; background: #fff; }
#applications-view .application-list-header, #applications-view .application-list-row { display: grid; grid-template-columns: 36px minmax(145px, 1.45fr) minmax(120px, 1fr) minmax(95px, .8fr) minmax(90px, .85fr) minmax(115px, 1.1fr) 88px; align-items: center; gap: 12px; padding: 0 16px; }
#applications-view .application-list-header { min-height: 48px; background: #f0f2f4; color: #6b7280; font-size: 12px; }
#applications-view .application-list-row { min-height: 90px; border-top: 1px solid #e2e5e9; color: #242b38; font-size: 13px; }
#applications-view .application-list-row.is-selected { background: #f7faee; }
#applications-view .application-list-row .list-candidate { display: flex; align-items: center; gap: 12px; min-width: 0; }
#applications-view .application-list-row .list-candidate a { overflow: hidden; color: #242b38; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; }
#applications-view .application-list-row .list-portrait { position: relative; width: 44px; height: 52px; flex: none; border-radius: 5px; font-size: 14px; overflow: hidden; }
#applications-view .application-list-row .list-portrait img { width: 100%; height: 100%; object-fit: cover; }
#applications-view .application-list-row .list-location small { display: block; margin-top: 5px; color: #6b7280; font-size: 12px; }
#applications-view .application-list-row .list-location .application-received-date { margin-top: 3px; }
#applications-view .application-list-row .status-badge { display: inline-block; width: auto; padding: 5px 10px; border-radius: 5px; font-size: 12px; }
#applications-view .application-list-row .status-pending { background: #fff2d9; color: #9a640e; }
#applications-view .application-list-row .status-processed { background: #e8eeff; color: #435ea5; }
#applications-view .application-list-row .status-hired { background: #e1f4e7; color: #22754d; }
#applications-view .application-list-row .status-rejected { background: #fbe8ed; color: #9d4057; }
#applications-view .application-list-row .list-owner { overflow: hidden; color: #6b7280; text-overflow: ellipsis; white-space: nowrap; }
#applications-view .application-list-row .list-profile { color: #ed0765; font-size: 20px; text-decoration: none; }
#applications-view .application-list-row .list-actions button { border: 0; padding: 0; background: transparent; color: #ed0765; font-size: 12px; font-weight: 500; white-space: nowrap; cursor: pointer; }
#applications-view .application-list-row .list-actions button:disabled { opacity: .5; cursor: wait; }
#applications-view #list-claim-error:not([hidden]) { margin: 0 0 14px; }
@media (max-width: 1150px) {
  #applications-view .application-list-header, #applications-view .application-list-row { grid-template-columns: 28px minmax(140px, 1.4fr) minmax(105px, 1fr) minmax(90px, .8fr) minmax(85px, .8fr) 88px; }
  #applications-view .application-list-header > :nth-child(6), #applications-view .application-list-row > :nth-child(6) { display: none; }
}
@media (max-width: 820px) {
  #applications-view .application-list-header, #applications-view .application-list-row { grid-template-columns: 26px minmax(120px, 1.2fr) minmax(98px, 1fr) minmax(85px, .8fr) 88px; gap: 8px; padding: 0 10px; }
  #applications-view .application-list-header > :nth-child(5), #applications-view .application-list-row > :nth-child(5) { display: none; }
  #applications-view .application-selection-bar { flex-wrap: wrap; }
  #applications-view .application-export { margin-left: auto; }
}
@media (max-width: 620px) {
  #applications-view .application-toolbar .search-box { align-self: stretch; flex-basis: auto; width: 100%; box-sizing: border-box; }
  #applications-view .application-toolbar .search-box input { min-width: 0; }
  #applications-view .application-toolbar .application-team-filter { align-self: stretch; width: 100%; }
  #applications-view .application-list-header { display: none; }
  #applications-view .application-list-row { grid-template-columns: 24px minmax(0, 1fr) 88px; gap: 10px; min-height: 76px; }
  #applications-view .application-list-row > :nth-child(3), #applications-view .application-list-row > :nth-child(4) { display: none; }
  #applications-view .application-list-row .list-candidate a { white-space: normal; }
  #applications-view .application-selection-bar { gap: 10px 14px; }
  #applications-view .application-export { width: 100%; justify-content: center; }
  #applications-view .application-results-bar > div { flex-wrap: wrap; }
}