.one-click-apply { display: grid; gap: 14px; }
.one-click-loading { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 15px; border: 1px solid #dce5f2; border-radius: 13px; background: #f7faff; }
.one-click-loading i { width: 28px; height: 28px; border: 3px solid #d9e3ff; border-top-color: #1645e8; border-radius: 50%; animation: application-spin .7s linear infinite; }
.one-click-loading div { display: grid; gap: 3px; }.one-click-loading b { color: #102450; font-size: 12px; }.one-click-loading span { color: #748097; font-size: 9px; }
.one-click-loading button { grid-column: 1/-1; padding: 11px; border: 0; border-radius: 9px; background: #e9eef7; color: #7b8698; font-weight: 900; }
@keyframes application-spin { to { transform: rotate(360deg); } }
.one-click-profile-note { padding: 13px 14px; border-radius: 12px; background: #eff9e9; color: #326d29; font-size: 13px; line-height: 1.5; }
.one-click-profile-note.warning { background: #fff7df; color: #765d12; }
.one-click-button { min-height: 52px; border: 0; border-radius: 13px; background: #59c318; color: #123c0a; cursor: pointer; font-size: 16px; font-weight: 900; }
.one-click-button:disabled { cursor: default; opacity: .7; }
.one-click-status { min-height: 21px; color: #53617a; font-size: 13px; font-weight: 800; }
.one-click-status.success { color: #2b7a23; }
.one-click-status.error { color: #bc3329; }
.premium-job-insights { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.premium-job-insights > div { display: grid; gap: 4px; padding: 13px; border: 1px solid #d9e4ff; border-radius: 12px; background: #f3f7ff; }
.premium-job-insights span { color: #1645e8; font-size: 22px; font-weight: 900; }
.premium-job-insights b { color: #526078; font-size: 11px; line-height: 1.35; }
.premium-apply-campaign { position: relative; display: grid; grid-template-columns: 92px 1fr; gap: 15px; overflow: hidden; padding: 18px; border: 1px solid #efcb53; border-radius: 17px; background: linear-gradient(130deg, #fff8d5, #fff 48%, #edf3ff); box-shadow: 0 12px 28px rgba(24,56,130,.11); }
.premium-apply-campaign::after { content: ''; position: absolute; right: -45px; bottom: -60px; width: 150px; height: 150px; border: 28px solid rgba(22,69,232,.07); border-radius: 50%; pointer-events: none; }
.premium-campaign-visual { position: relative; display: grid; width: 86px; height: 105px; place-items: center; overflow: hidden; border-radius: 23px 23px 34px 34px; background: linear-gradient(145deg, #09277e, #1645e8 62%, #0d7043); box-shadow: 0 12px 24px rgba(13,48,138,.22); color: #fff; }
.premium-campaign-visual span { position: relative; z-index: 2; color: #d8ff72; font-size: 24px; font-weight: 1000; letter-spacing: -.04em; }
.premium-campaign-visual i { position: absolute; top: -30px; right: -35px; width: 85px; height: 85px; border: 18px solid rgba(255,255,255,.12); border-radius: 50%; }
.premium-campaign-visual b { position: absolute; right: 12px; bottom: 8px; color: rgba(255,255,255,.72); font-size: 22px; }
.premium-campaign-copy { position: relative; z-index: 1; min-width: 0; }
.premium-campaign-kicker { color: #8b6800; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.premium-campaign-copy h3 { margin: 4px 0 6px; color: #0c214d; font-size: 19px; line-height: 1.15; }
.premium-campaign-copy p { margin: 0; color: #5e6c83; font-size: 12px; line-height: 1.48; }
.premium-campaign-copy p strong { color: #1645e8; }
.premium-campaign-benefits { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0; }
.premium-campaign-benefits span { padding: 6px 8px; border-radius: 999px; background: #edf2ff; color: #1645e8; font-size: 9px; font-weight: 900; }
.premium-campaign-copy button { width: 100%; padding: 11px 13px; border: 0; border-radius: 10px; background: #1645e8; color: #fff; cursor: pointer; font-weight: 900; }
.premium-campaign-copy small { display: block; margin-top: 7px; color: #7d6a2d; font-size: 9px; text-align: center; }
.job.already-applied { border-color: #9bd78a; background: linear-gradient(105deg, #fff, #f5fbf2); }
.job.clickable-job { cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.job.clickable-job:hover, .job.clickable-job:focus-visible { transform: translateY(-2px); border-color: #6d8cff; box-shadow: 0 12px 28px rgba(24,69,178,.12); outline: none; }
.job-action button.applied { border-color: #8aca78; background: #eaf8e5; color: #2d7622; }
.job-action button.applied::before { content: '✓ '; font-weight: 900; }
.job-share-bar { display: grid; gap: 12px; margin: 22px 0 28px; padding: 16px; border: 1px solid #dce5f2; border-radius: 15px; background: linear-gradient(115deg, #f8fbff, #fff 58%, #f4fbea); }
.job-share-bar > div:first-child b, .job-share-bar > div:first-child span { display: block; }
.job-share-bar > div:first-child b { color: #102450; font-size: 13px; }
.job-share-bar > div:first-child span { margin-top: 3px; color: #6d7990; font-size: 11px; }
.job-share-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.job-share-actions button { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid #d9e2ef; border-radius: 9px; background: #fff; color: #42516b; cursor: pointer; font-size: 10px; font-weight: 800; }
.job-share-actions button:hover { border-color: #1645e8; color: #1645e8; }
.job-share-actions i { display: grid; min-width: 22px; height: 22px; place-items: center; border-radius: 7px; background: #1645e8; color: #fff; font-style: normal; font-size: 10px; font-weight: 900; }
.job-share-actions [data-share="whatsapp"] i { background: #20a65a; }
.job-share-actions [data-share="facebook"] i { background: #1877f2; }
.job-share-actions [data-share="linkedin"] i { background: #0a66c2; }
.job-share-actions [data-share="copy"] i { background: #61708a; }
.job-share-actions .native-share { background: #1645e8; color: #fff; border-color: #1645e8; }
.job-share-actions .native-share i { background: rgba(255,255,255,.18); }
.job-share-menu { position: relative; align-self: start; margin-left: auto; }
.job-share-menu summary { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid #dce4ef; border-radius: 9px; background: #fff; color: #607089; cursor: pointer; font-size: 10px; font-weight: 800; list-style: none; }
.job-share-menu summary::-webkit-details-marker { display: none; }
.job-share-menu summary:hover { border-color: #1645e8; color: #1645e8; }
.job-share-menu[open] summary { border-color: #1645e8; color: #1645e8; }
.job-share-menu .job-share-actions { position: absolute; top: calc(100% + 7px); right: 0; z-index: 20; display: grid; width: 170px; padding: 8px; border: 1px solid #dce4ef; border-radius: 12px; background: #fff; box-shadow: 0 15px 35px rgba(16,36,80,.18); }
.job-share-menu .job-share-actions button { width: 100%; }
.job-applicant-counter { box-sizing: border-box; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; width: 100%; margin: 17px 0 25px; padding: 14px 16px; border-radius: 14px; text-align: left; }
.job-applicant-counter.premium-locked { border: 1px solid #e8cc6c; background: linear-gradient(110deg, #fff9df, #fff 65%, #edf3ff); cursor: pointer; }
.job-applicant-counter.premium-open { border: 1px solid #9bd78a; background: linear-gradient(110deg, #f1fbeD, #fff); }
.job-counter-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #ffda56; font-size: 18px; }
.premium-open .job-counter-icon { background: #59c318; color: #fff; font-weight: 900; }
.job-applicant-counter small, .job-applicant-counter strong, .job-applicant-counter p { display: block; }
.job-applicant-counter small { color: #957000; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.premium-open small { color: #39812d; }
.job-applicant-counter strong { margin: 3px 0; color: #102450; font-size: 13px; }
.job-applicant-counter p { margin: 0; color: #6d7890; font-size: 10px; }
.job-counter-unlock, .job-counter-premium { padding: 8px 10px; border-radius: 9px; background: #1645e8; color: #fff; font-size: 9px; font-weight: 900; }
.job-counter-premium { background: #d8f66e; color: #27571f; letter-spacing: .08em; }
.company-applications-panel { margin-top: 24px; padding: 22px; border: 1px solid #dfe6f2; border-radius: 18px; background: #fff; }
.company-applications-panel h2 { margin: 0 0 6px; color: #102450; }
.company-applications-panel > p { margin: 0 0 18px; color: #6c7890; }
.company-applicant-list { display: grid; gap: 11px; }
.company-applications-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; margin-bottom: 18px; }
.company-applications-heading h2 { margin-top: 5px; }
.company-applications-total { padding: 8px 12px; border-radius: 999px; background: #edf2ff; color: #1645e8; font-size: 11px; font-weight: 900; white-space: nowrap; }
.company-applicant-card { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid #e1e7f1; border-radius: 14px; background: #f9fbff; }
.company-candidate-avatar { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#1645e8,#0d9db5); color: #fff; font-weight: 900; }
.company-applicant-card strong { color: #102450; }
.company-applicant-card p { margin: 5px 0 0; color: #66738a; font-size: 13px; }
.company-applicant-card small { display: block; margin-top: 4px; color: #7b879d; font-size: 10px; }
.company-applicant-card button { padding: 10px 13px; border: 0; border-radius: 10px; background: #1645e8; color: #fff; cursor: pointer; font-weight: 800; }
.company-applicant-card.premium-candidate { position: relative; border: 2px solid #f0c94e; background: linear-gradient(120deg, #fff9d9, #fff 52%, #edf3ff); box-shadow: 0 10px 26px rgba(154,116,14,.16); }
.company-applicant-card.premium-candidate::before { content: 'DESTAQUE'; position: absolute; top: -9px; right: 18px; padding: 3px 9px; border-radius: 999px; background: #ffcf32; color: #4a3700; font-size: 8px; font-weight: 1000; letter-spacing: .1em; }
.premium-candidate-badge { display: inline-block; margin: 0 8px 7px 0; padding: 5px 8px; border-radius: 999px; background: #ffda55; color: #493800; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.application-status { padding: 6px 9px; border-radius: 999px; background: #edf2ff; color: #1645e8; font-size: 9px; font-weight: 900; text-transform: capitalize; }
.application-status.status-sent { background: #e9f8e3; color: #2f7c24; }
.premium-candidate-sheet { border: 3px solid #f0c94e; }
.premium-candidate-explainer { display: grid; gap: 4px; margin-bottom: 15px; padding: 13px 15px; border-radius: 13px; background: linear-gradient(110deg,#fff6c9,#edf3ff); color: #5b4707; }
.premium-candidate-explainer span { color: #6b7486; font-size: 11px; line-height: 1.5; }
.company-candidate-modal { position: fixed; inset: 0; z-index: 10020; display: grid; place-items: center; padding: 20px; background: rgba(5, 19, 52, .72); backdrop-filter: blur(5px); }
.company-candidate-modal[hidden] { display: none; }
.company-candidate-sheet { width: min(760px, 100%); max-height: 88vh; overflow: auto; padding: 26px; border-radius: 22px; background: #fff; box-shadow: 0 30px 90px rgba(0, 0, 0, .28); }
.company-candidate-sheet header { display: flex; justify-content: space-between; gap: 15px; align-items: start; margin-bottom: 18px; }
.company-candidate-sheet h2 { margin: 0; color: #102450; }
.company-candidate-close { border: 0; background: transparent; cursor: pointer; font-size: 24px; }
.company-candidate-grid { display: grid; gap: 12px; }
.company-candidate-section { padding: 15px; border: 1px solid #e1e7f1; border-radius: 13px; background: #fafcff; }
.company-candidate-section h3 { margin: 0 0 8px; color: #1645e8; font-size: 14px; }
.company-candidate-section p { margin: 5px 0; color: #5f6c83; font-size: 13px; line-height: 1.5; }
.company-file-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.company-file-actions button { padding: 10px 13px; border: 0; border-radius: 9px; background: #1645e8; color: #fff; cursor: pointer; font-weight: 800; }
@media (max-width: 760px) { .company-applicant-card { grid-template-columns: auto 1fr; } .company-applicant-card>button,.application-status { grid-column: 2; } .company-applications-heading { display: grid; } .premium-job-insights { grid-template-columns: 1fr; } .premium-apply-campaign { grid-template-columns: 1fr; } .premium-campaign-visual { width: 72px; height: 72px; border-radius: 20px; } .job-share-menu { margin: 12px 0 0; } .job-share-menu .job-share-actions { right: auto; left: 0; } .job-applicant-counter { grid-template-columns: auto 1fr; } .job-counter-unlock, .job-counter-premium { grid-column: 1 / -1; text-align: center; } }