/* Keep hiring facts, permission checks and progress easy to scan. */
body .career-documents-checked{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;font-size:13px;line-height:1.5;padding:5px 9px;border:1px solid #9cbda9;border-radius:6px;background:#eef7f1;color:#285b43;font-weight:600;margin:5px 0}
body .career-working-summary{font-size:15px;line-height:1.5;color:#52616f;margin:12px 0}
body .career-freshness{display:block;font-size:13px;line-height:1.6;color:#52616f;margin:10px 0}
body .career-candidate-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin:16px 0;padding:14px 0;border-top:1px solid #e1ddea;border-bottom:1px solid #e1ddea}
body .career-candidate-summary dt{font-size:13px;color:#59697a;margin-bottom:5px}
body .career-candidate-summary dd{font-size:16px;line-height:1.5;font-weight:650;color:#203340;margin:0;overflow-wrap:anywhere}
body #talent-page .candidate-salary{margin-top:10px}
body .career-job-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}
body .career-job-footer{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #d8dee7}
body .career-job-footer p{font-size:14px!important;color:#52616f;line-height:1.6;margin:0;flex:1}
body .career-job-footer button{flex-shrink:0;min-height:44px;padding:10px 12px;font-size:15px!important;color:#65568a}
body #modal .career-job-detail .career-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
body #modal .career-job-detail .career-meta-grid>div{padding:14px;background:#fff;border:1px solid #d7d5e2;border-radius:9px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
body #modal .career-job-detail .career-meta-grid small{display:block;font-size:12px;color:#65568a;margin-bottom:6px}
body #talent-page :is(.career-vacancy-row,.career-application-card){display:block;border:1px solid #d4d5e3;background:#fff;border-radius:12px;padding:22px;margin:18px 0}
body #talent-page :is(.career-vacancy-row,.career-application-card) h3{font-size:22px;line-height:1.4;color:#203340;margin:0 0 8px}
body #talent-page :is(.career-vacancy-row,.career-application-card) p{font-size:16px;line-height:1.6;color:#52616f;margin:8px 0}
body :is(.career-vacancy-row,.career-application-card) .career-row-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
body .career-renewal-note{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;margin-top:16px;border:1px solid #ccb57b;border-radius:10px;background:#fff9e9;color:#665021}
body #talent-page .career-renewal-note p{font-size:15px;color:#665021;margin:0}
body .career-renewal-note button{white-space:nowrap}
body .career-status.expired{background:#fff4d9;color:#6c5012;border-color:#c9ae69}
body .career-status.hired{background:#e7f4ec;color:#285b43;border-color:#9cbda9}
body .career-application-state{margin:14px 0 6px;min-width:0}
body .career-application-state>small{display:block;font-size:13px;line-height:1.5;color:#59697a;margin-top:9px}
body .career-status-steps{list-style:none;display:flex;gap:6px;padding:0 0 6px;margin:14px 0 0;max-width:100%;overflow-x:auto}
body .career-status-steps li{flex:1 0 74px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #d6d9e3;border-radius:7px;background:#f6f7fa;color:#5b687a;font-size:13px;line-height:1.4;text-align:center;white-space:nowrap}
body .career-status-steps [aria-current=step]{background:#eeeaf6;border-color:#9985b3;color:#51416e;font-weight:700}
body #modal .career-row .career-row-actions select{font-size:16px;min-height:48px;border:1px solid #aaa2bd;background:#fff;border-radius:8px;padding:10px;color:#51416e}
body #modal .career-report-job .checkrow{display:flex;align-items:flex-start;gap:10px;font-size:15px!important;line-height:1.6;padding:12px;background:#fff;border:1px solid #ccd4de;border-radius:8px;margin-top:16px}
body #modal .career-report-job .checkrow input{flex:0 0 20px;width:20px!important;height:20px;min-height:0;margin-top:2px}
.rabtone-phone body :is(.career-documents-checked,.career-freshness,.career-candidate-summary dt,.career-application-state>small){font-size:var(--reading-small)!important}
.rabtone-phone body :is(.career-working-summary,.career-candidate-summary dd){font-size:var(--reading-secondary)!important}
.rabtone-phone body #talent-page :is(.career-vacancy-row,.career-application-card){padding:var(--phone-20);margin:calc(18px * var(--phone-scale)) 0}
.rabtone-phone body #talent-page :is(.career-vacancy-row,.career-application-card) h3{font-size:var(--reading-h3)}
.rabtone-phone body #talent-page :is(.career-vacancy-row,.career-application-card) p{font-size:var(--reading-secondary)!important}
.rabtone-phone body .career-candidate-summary{gap:var(--phone-16);margin:var(--phone-16) 0;padding:var(--phone-16) 0}
.rabtone-phone body .career-renewal-note{display:block;padding:var(--phone-16);margin-top:var(--phone-16)}
.rabtone-phone body .career-renewal-note button{width:100%;margin-top:calc(12px * var(--phone-scale))}
.rabtone-phone body .career-status-steps{gap:calc(6px * var(--phone-scale));margin-top:calc(14px * var(--phone-scale))}
.rabtone-phone body .career-status-steps li{flex-basis:calc(80px * var(--phone-scale));min-height:calc(44px * var(--phone-scale));padding:calc(9px * var(--phone-scale));font-size:var(--reading-small)!important}
.rabtone-phone body #modal .career-job-detail .career-meta-grid{grid-template-columns:minmax(0,1fr);gap:calc(12px * var(--phone-scale))}
.rabtone-phone body #modal .career-job-detail .career-meta-grid>div{font-size:var(--reading-secondary);padding:var(--phone-16)}
.rabtone-phone body #modal .career-job-detail .career-meta-grid small{font-size:var(--reading-small)}
.rabtone-phone body .career-job-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(12px * var(--phone-scale))}
.rabtone-phone body .career-job-footer{display:block;padding-top:var(--phone-16);margin-top:var(--phone-20)}
.rabtone-phone body .career-job-footer p{font-size:var(--reading-small)!important}
.rabtone-phone body .career-job-footer button{font-size:var(--reading-secondary)!important;min-height:calc(44px * var(--phone-scale));padding:calc(10px * var(--phone-scale)) 0}
.rabtone-phone body #modal .career-row .career-row-actions select{font-size:var(--reading-secondary);min-height:calc(48px * var(--phone-scale));padding:calc(10px * var(--phone-scale))}
.rabtone-phone body #modal .career-report-job .checkrow{font-size:var(--reading-secondary)!important;padding:var(--phone-16);gap:calc(10px * var(--phone-scale))}
body #modal .career-row:has(.career-application-state){display:block;min-width:0;max-width:100%}
body #modal .career-row:has(.career-application-state)>div{min-width:0;max-width:100%}

/* Clear next actions and the same comfortable reading scale on every screen. */
body .career-verification-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:16px 0 22px;background:#f0edf7;border:1px solid #c4b9d7;border-radius:10px;color:#51416e}
body #modal .career-verification-note p{margin:0;font-size:16px;line-height:1.6;flex:1}
body .career-verification-note button{min-height:44px;padding:10px 12px;font-size:16px;font-weight:650;white-space:nowrap}
body .career-finish-status{display:grid;gap:10px;margin:22px 0}
body .career-finish-status span,body .career-profile-visibility{padding:12px 14px;background:#f0edf7;border:1px solid #c4b9d7;border-radius:8px;color:#51416e;font-size:16px;line-height:1.6}
body .career-unread{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:2px 7px;margin-left:6px;background:#65548a;color:white;border-radius:20px;font-size:14px;font-weight:700;line-height:1.5;vertical-align:middle}
body .career-search-status{font-size:16px;line-height:1.6;color:#51416e;margin:12px 0}
body .career-search-status:empty{display:none}
body #career-search-more{display:flex;justify-content:center;margin:24px 0}
body #career-search-more:empty{display:none}
body #career-search-more button{min-height:48px;font-size:16px;padding:12px 22px}
.rabtone-phone body .career-verification-note{display:block;padding:var(--phone-16);margin:var(--phone-16) 0 var(--phone-20);border-radius:calc(10px * var(--phone-scale))}
.rabtone-phone body #modal .career-verification-note p,.rabtone-phone body :is(.career-finish-status span,.career-profile-visibility,.career-search-status){font-size:var(--reading-secondary)!important}
.rabtone-phone body .career-verification-note button{display:block;margin-top:calc(8px * var(--phone-scale));padding:calc(10px * var(--phone-scale)) 0;min-height:calc(44px * var(--phone-scale));font-size:var(--reading-secondary)!important}
.rabtone-phone body .career-finish-status{gap:calc(10px * var(--phone-scale));margin:var(--phone-20) 0}
.rabtone-phone body :is(.career-finish-status span,.career-profile-visibility){padding:var(--phone-16)}
.rabtone-phone body .career-unread{font-size:var(--reading-small)!important;min-height:calc(26px * var(--phone-scale));min-width:calc(26px * var(--phone-scale));padding:calc(2px * var(--phone-scale)) calc(7px * var(--phone-scale))}
.rabtone-phone body #career-search-more{margin:var(--phone-20) 0}
.rabtone-phone body #career-search-more button{font-size:var(--reading-secondary)!important;min-height:calc(48px * var(--phone-scale));padding:var(--phone-12) var(--phone-20)}
@media(max-width:700px){body .career-verification-note{display:block}body .career-verification-note button{margin-top:8px}body #career-search-more button{width:100%}}