/* V150: never leave a blank white page while JS/profile data is preparing. */
.rp168-jobs-plugin:not(.rp168-ready){position:relative;min-height:260px;visibility:visible!important}
.rp168-jobs-plugin:not(.rp168-ready)::before{content:'Loading 168Job.my...';position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:180px;max-width:720px;margin:34px auto;padding:38px 20px;border:1px solid #dbe3ef;border-radius:22px;background:#fff;box-shadow:0 20px 50px rgba(13,27,42,.08);color:#3e5675;font-weight:800;font-size:15px;letter-spacing:.01em}
.rp168-jobs-plugin.rp168-profile-mode:not(.rp168-ready)::before{content:'Loading profile...'}
.rp168-jobs-plugin:not(.rp168-ready) .wrap,.rp168-jobs-plugin:not(.rp168-ready) .rp168-member-dashboard,.rp168-jobs-plugin:not(.rp168-ready) .rp168-jobs-profile-panel{opacity:0;visibility:hidden;min-height:160px}
.rp168-jobs-plugin.rp168-ready .wrap,.rp168-jobs-plugin.rp168-ready .rp168-member-dashboard,.rp168-jobs-plugin.rp168-ready .rp168-jobs-profile-panel{opacity:1;visibility:visible;transition:opacity .12s ease}

.rp168-jobs-plugin{--g:#3e5675;--gm:#627a94;--gl:#eef4fa;--gold:#d6b62f;--goldbg:#fffaf0;--bd:#dbe3ef;--bg:#f6f8fb;--sf:#fff;--tx:#0d1b2a;--mu:#334155;--r:16px;--shadow:0 14px 34px rgba(13,27,42,.08)}
.rp168-jobs-plugin *{box-sizing:border-box;margin:0;padding:0}
.rp168-jobs-plugin{font-family:'Open Sans','Noto Sans SC',sans-serif;background:var(--bg);color:var(--tx);font-size:14px}
.rp168-jobs-plugin a{color:var(--g);text-decoration:none}
.rp168-jobs-plugin nav{background:rgba(62,86,117,.96);position:sticky;top:0;z-index:100;box-shadow:0 8px 22px rgba(13,27,42,.14);backdrop-filter:blur(10px)}
.rp168-jobs-plugin .nav-in{max-width:1100px;margin:0 auto;padding:0 16px;height:52px;display:flex;align-items:center;gap:10px}
.rp168-jobs-plugin .logo{color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;text-decoration:none}
.rp168-jobs-plugin .logo-sub{font-size:10px;opacity:.65;font-weight:400;display:block}
.rp168-jobs-plugin .nav-r{margin-left:auto;display:flex;gap:8px}
.rp168-jobs-plugin .btn-post{background:var(--gold);border:none;color:#102033;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .btn-login{background:transparent;border:1px solid rgba(255,255,255,.42);color:#fff;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .guest-only,.rp168-jobs-plugin .member-only{display:none!important}
.rp168-jobs-plugin.is-guest .guest-only{display:inline-flex!important}
.rp168-jobs-plugin.is-logged-in .member-only{display:inline-flex!important}

.rp168-jobs-plugin .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 12%,rgba(214,182,47,.24),transparent 28%),linear-gradient(135deg,#0d1b2a,#3e5675,#627a94);padding:42px 16px 42px;text-align:center}
.rp168-jobs-plugin .rp168-hero-content{position:relative;z-index:2}
.rp168-jobs-plugin .rp168-hero-title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}
.rp168-jobs-plugin .rp168-hero-logo{width:80px;height:80px;border-radius:16px;object-fit:contain;flex-shrink:0;display:block}
.rp168-jobs-plugin .hero h1{color:#fff;font-size:32px;font-weight:900;margin-bottom:0;letter-spacing:-.7px}
.rp168-jobs-plugin .hero p{color:rgba(255,255,255,.88);font-size:15px;font-weight:700;margin-bottom:18px;text-align:center}
.rp168-jobs-plugin .sbox{background:rgba(255,255,255,.97);border-radius:14px;padding:6px;display:flex;gap:6px;flex-wrap:wrap;max-width:760px;margin:0 auto;box-shadow:0 20px 55px rgba(0,0,0,.38)}
.rp168-jobs-plugin .sbox input,.rp168-jobs-plugin .sbox select{flex:1;min-width:130px;border:1px solid #eef0f4;padding:8px 12px;border-radius:9px;background:#f8f9fc;font-size:12.5px;font-family:inherit;outline:none;color:#333}
.rp168-jobs-plugin .sbox input:focus,.rp168-jobs-plugin .sbox select:focus{background:#fff;border-color:#d6b62f}
.rp168-jobs-plugin .btn-s{background:linear-gradient(135deg,#d6b62f,#c49a1a);color:#102033;border:none;padding:0 20px;min-height:38px;border-radius:9px;font-size:13px;font-weight:900;cursor:pointer;font-family:inherit;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(214,182,47,.3);outline:none}
.rp168-jobs-plugin .btn-s:hover{filter:brightness(1.06);transform:translateY(-1px)}
.rp168-jobs-plugin .btn-s:focus,.rp168-jobs-plugin .btn-s:focus-visible{box-shadow:0 0 0 3px rgba(214,182,47,.3)}
.rp168-jobs-plugin .sbox input,.rp168-jobs-plugin .sbox select{min-height:38px}
.rp168-jobs-plugin .date-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;padding:6px 14px;border-radius:999px;margin-top:14px;border:1px solid rgba(255,255,255,.25)}.rp168-jobs-plugin .hero-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.rp168-jobs-plugin .hero-stat{display:inline-flex;align-items:center;gap:6px;background:rgba(214,182,47,.10);border:1px solid rgba(214,182,47,.22);color:rgba(255,255,255,.9);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.rp168-jobs-plugin .rp168-stat-link{cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.rp168-jobs-plugin .rp168-stat-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28)}
.rp168-jobs-plugin .rp168-lang-view-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;}
.rp168-jobs-plugin .rp168-lang-view-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,transform .12s;white-space:nowrap;}
.rp168-jobs-plugin .rp168-lang-view-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-1px);}
.rp168-jobs-plugin .rp168-lang-view-btn.active{background:linear-gradient(135deg,#d6b62f,#c49a1a);color:#102033;border-color:#d6b62f;box-shadow:0 4px 14px rgba(214,182,47,.3);}
@media(max-width:600px){.rp168-jobs-plugin .rp168-lang-view-row{gap:8px;}.rp168-jobs-plugin .rp168-lang-view-btn{flex:1 1 auto;padding:9px 10px;font-size:12px;}}

.rp168-jobs-plugin .wrap{max-width:1300px;margin:0 auto;padding:22px 16px;display:grid;grid-template-columns:220px 1fr;gap:18px}
@media(max-width:800px){.rp168-jobs-plugin .wrap{grid-template-columns:1fr}.rp168-jobs-plugin .sidebar{display:none}}

.rp168-jobs-plugin .sidebar{}
.rp168-jobs-plugin .sb{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:15px;margin-bottom:12px;box-shadow:0 8px 22px rgba(13,27,42,.04)}
.rp168-jobs-plugin .sb-t{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}
.rp168-jobs-plugin .fg{display:flex;flex-direction:column;gap:6px}
.rp168-jobs-plugin label.fi{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}
.rp168-jobs-plugin label.fi input{accent-color:var(--g);width:13px;height:13px}
.rp168-jobs-plugin label.fi.disabled{opacity:.55;cursor:not-allowed}
.rp168-jobs-plugin label.fi.disabled input{cursor:not-allowed}
.rp168-jobs-plugin .fc{margin-left:auto;font-size:11px;color:#64748b;background:#f5f5f5;padding:1px 5px;border-radius:999px}
.rp168-jobs-plugin .btn-clr{width:100%;background:transparent;border:1px solid var(--bd);color:#64748b;padding:6px;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit;margin-top:8px}
.rp168-jobs-plugin .btn-clr:hover{border-color:var(--g);color:var(--g)}

.rp168-jobs-plugin .main{}
.rp168-jobs-plugin .cats{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.rp168-jobs-plugin .cat{padding:7px 14px;border-radius:999px;border:1px solid var(--bd);font-size:12px;cursor:pointer;background:var(--sf);color:#64748b;font-family:inherit;font-weight:800;transition:all .15s;box-shadow:0 6px 14px rgba(13,27,42,.035)}
.rp168-jobs-plugin .cat:hover,.rp168-jobs-plugin .cat.on{background:var(--g);color:#fff;border-color:var(--g)}

.rp168-jobs-plugin .banner{background:linear-gradient(135deg,#ffffff,var(--gl));border:1px solid var(--bd);border-left:5px solid var(--gold);border-radius:var(--r);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px;box-shadow:var(--shadow)}
.rp168-jobs-plugin .ban-t{font-size:13px;font-weight:700;color:var(--g)}
.rp168-jobs-plugin .ban-s{font-size:11px;color:#475569;margin-top:1px}
.rp168-jobs-plugin .btn-g{background:var(--g);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}

.rp168-jobs-plugin .act{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:7px}
.rp168-jobs-plugin .rc{font-size:13px;color:#475569}
.rp168-jobs-plugin .rc strong{color:var(--tx)}
.rp168-jobs-plugin .sort{padding:5px 9px;border-radius:6px;border:1px solid var(--bd);font-size:12px;background:var(--sf);font-family:inherit}

/* JOB CARD */
.rp168-jobs-plugin .jcard{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:16px 18px;margin-bottom:10px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 2px 12px rgba(13,27,42,.06),0 1px 3px rgba(13,27,42,.04)}
.rp168-jobs-plugin .jcard:hover{transform:translateY(-2px);border-color:var(--g);box-shadow:0 8px 28px rgba(26,92,40,.13)}
.rp168-jobs-plugin .jcard.feat{border-left:4px solid var(--gold);background:var(--goldbg)}
.rp168-jobs-plugin .jcard.urg{border-left:4px solid #ef4444}
.rp168-jobs-plugin .jcard-inner{display:flex;gap:13px;align-items:flex-start}
.rp168-jobs-plugin .rp168-drafts-section{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px 16px;margin-bottom:18px}
.rp168-jobs-plugin .rp168-drafts-header{font-weight:800;font-size:14px;color:#92400e;display:flex;align-items:center;gap:6px}
.rp168-jobs-plugin .rp168-drafts-header #rp168DraftsCount{background:#fde68a;color:#92400e;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800}
.rp168-jobs-plugin .rp168-drafts-note{font-size:12px;color:#a16207;margin:4px 0 12px}
.rp168-jobs-plugin .rp168-draft-card{background:var(--sf);border:1px solid #fde68a;border-radius:12px;padding:12px 14px;margin-bottom:9px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rp168-jobs-plugin .rp168-draft-title{font-weight:700;font-size:14px;color:var(--tx);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp168-jobs-plugin .rp168-draft-badge{background:#fde68a;color:#92400e;font-size:10px;font-weight:800;border-radius:6px;padding:2px 7px;letter-spacing:.02em}
.rp168-jobs-plugin .rp168-draft-meta{font-size:12px;color:#64748b;margin-top:3px}
.rp168-jobs-plugin .rp168-draft-btns{display:flex;gap:8px;flex-shrink:0}
@media(max-width:600px){.rp168-jobs-plugin .rp168-draft-card{flex-direction:column;align-items:stretch}.rp168-jobs-plugin .rp168-draft-btns{justify-content:flex-end}}
.rp168-jobs-plugin .ftag{position:absolute;top:10px;right:12px;background:var(--gold);color:#3a2800;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em}
.rp168-jobs-plugin .utag{display:inline-flex;align-items:center;background:#fee2e2;color:#991b1b;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.01em}
.rp168-jobs-plugin .ntag{display:inline-flex;background:var(--g);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.01em}
.rp168-jobs-plugin .jtags-inline{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:3px;margin-bottom:4px}
.rp168-jobs-plugin .jtitle-row{display:block;margin-bottom:1px}
.rp168-jobs-plugin .jmain{flex:1;min-width:0}
.rp168-jobs-plugin .jlogo{width:44px;height:44px;border-radius:10px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1px solid rgba(26,92,40,.12);box-shadow:0 1px 4px rgba(0,0,0,.07)}
.rp168-jobs-plugin .jtitle{font-size:15px;font-weight:700;color:var(--tx);line-height:1.35;display:block}
.rp168-jobs-plugin .jco{font-size:12px;color:#475569;margin-top:1px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.rp168-jobs-plugin .rp168-about-co-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;background:none;padding:0;margin-left:2px;cursor:pointer;font-size:12px;line-height:1;vertical-align:-1px;opacity:.8;}
.rp168-jobs-plugin .rp168-about-co-icon:hover{opacity:1;transform:scale(1.1);}
.rp168-jobs-plugin .jtags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
.rp168-jobs-plugin .jt{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.rp168-jobs-plugin .tl{background:#f0e6ff;color:#5b21b6}
.rp168-jobs-plugin .tg{background:var(--gl);color:#155224}
.rp168-jobs-plugin .tb{background:#e3f0fc;color:#1355a0}
.rp168-jobs-plugin .ta{background:#fff3d6;color:#7a4f00}
.rp168-jobs-plugin .tc{background:#fce9e3;color:#7a2800}
.rp168-jobs-plugin .tt{background:#ddf3ec;color:#0b5e44}
.rp168-jobs-plugin .tm{background:#f0f0f0;color:#555}
.rp168-jobs-plugin .jdesc{display:none}
.rp168-jobs-plugin .jfoot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;border-top:1px solid var(--bd);padding-top:9px;margin-top:2px}
.rp168-jobs-plugin .jfoot-left{min-width:0}
.rp168-jobs-plugin .jsal{font-size:13px;font-weight:800;color:var(--g)}
.rp168-jobs-plugin .jpost{font-size:11px;color:#64748b;margin-top:2px}
.rp168-jobs-plugin .japplied{display:inline-flex;align-items:center;gap:4px;color:#16a34a;font-size:13px;font-weight:600}
.rp168-jobs-plugin .jbtns{display:flex;gap:5px;flex-wrap:wrap}
.rp168-jobs-plugin .bwa{background:#25d366;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bcall{background:#3b82f6;color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bemail{background:transparent;border:1px solid var(--bd);color:#475569;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bemail:hover{border-color:var(--g);color:var(--g)}
.rp168-jobs-plugin .bapply{background:var(--gold);color:#102033;border:none;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:900;cursor:pointer;font-family:inherit;box-shadow:0 8px 18px rgba(214,182,47,.24)}
.rp168-jobs-plugin .bapply:hover{filter:brightness(.98);transform:translateY(-1px)}
.rp168-jobs-plugin .bsave{background:transparent;border:1px solid var(--bd);color:#475569;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bsave:hover,.rp168-jobs-plugin .bsave.sv{border-color:var(--g);color:var(--g)}
.rp168-jobs-plugin .rp168-share-icons{display:flex;align-items:center;gap:5px;margin-top:7px}
.rp168-jobs-plugin .rp168-share-label{font-size:11px;color:#94a3b8;font-weight:600;margin-right:2px}
.rp168-jobs-plugin .rp168-sh-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-size:11px;font-weight:900;color:#fff!important;text-decoration:none!important;transition:.15s ease;line-height:1}
.rp168-jobs-plugin .rp168-sh-ico:hover{opacity:.85;transform:translateY(-1px)}
.rp168-jobs-plugin .rp168-sh-wa{background:#25d366}
.rp168-jobs-plugin .rp168-sh-fb{background:#1877f2;font-size:14px}
.rp168-jobs-plugin .rp168-sh-li{background:#0077b5;font-size:10px;letter-spacing:-.5px}

/* SOURCE BADGE */
.rp168-jobs-plugin .src-badge{display:inline-flex;align-items:center;gap:4px;background:#f0f0f0;color:#475569;font-size:10px;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}

/* MODAL */
.rp168-jobs-plugin .ov{position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:24px 16px!important;overflow-y:auto!important;opacity:0;pointer-events:none;transition:opacity .2s}
.rp168-jobs-plugin .ov.op{opacity:1;pointer-events:all}
.rp168-jobs-plugin .mod{background:var(--sf)!important;border-radius:14px!important;width:100%!important;max-width:620px!important;max-height:88vh!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;margin:auto!important}
.rp168-jobs-plugin .mhd{background:linear-gradient(135deg,var(--g),var(--gm))!important;padding:16px 20px;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:flex-start}
.rp168-jobs-plugin .mhd-t{color:#ffffff!important;font-size:16px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.22)}
.rp168-jobs-plugin .mhd-s{color:rgba(255,255,255,.9)!important;font-size:12px;margin-top:3px}
.rp168-jobs-plugin .mcl{background:rgba(255,255,255,.2);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center}
.rp168-jobs-plugin .mbd{padding:18px 20px;max-height:62vh;overflow-y:auto}
.rp168-jobs-plugin .mft{padding:12px 20px;border-top:1px solid var(--bd);display:flex;gap:7px;justify-content:flex-end;background:#f8f9fa;border-radius:0 0 12px 12px;flex-wrap:wrap}
.rp168-jobs-plugin .dtags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;align-items:center}
.rp168-jobs-plugin .dtag{display:inline-flex;align-items:center;gap:3px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid rgba(0,0,0,.06);white-space:nowrap}
.rp168-jobs-plugin .dmeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 16px;font-size:12px;color:#94a3b8;font-weight:600}
.rp168-jobs-plugin .dmeta .dmeta-sep{color:#cbd5e1}
.rp168-jobs-plugin:not(.rp168-profile-light) .dmeta{color:#7a8fa2}
.rp168-jobs-plugin:not(.rp168-profile-light) .dmeta .dmeta-sep{color:#475569}
.rp168-jobs-plugin .dtable{width:100%;margin-bottom:14px}
.rp168-jobs-plugin .dtable td{padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:13px}
.rp168-jobs-plugin .dtable tr:last-child td{border:none}
.rp168-jobs-plugin .dl{color:#64748b;width:100px;font-size:12px}
.rp168-jobs-plugin .dsec{font-size:13px;font-weight:700;margin:14px 0 7px}
.rp168-jobs-plugin .dtext{font-size:13px;color:#334155;line-height:1.7}
.rp168-jobs-plugin .rlist{list-style:none;display:flex;flex-direction:column;gap:6px}
.rp168-jobs-plugin .rlist li{font-size:13px;color:#334155;display:flex;gap:7px;line-height:1.5}
.rp168-jobs-plugin .rlist li::before{content:"✓";color:var(--g);font-weight:700;flex-shrink:0}
.rp168-jobs-plugin .bens{display:flex;flex-wrap:wrap;gap:6px}
.rp168-jobs-plugin .ben{background:var(--gl);color:#155224;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.rp168-jobs-plugin .cbox{background:#f0faf3;border:1px solid #c8e6c9;border-radius:8px;padding:13px;margin-top:14px}
.rp168-jobs-plugin .cbox-t{font-size:12px;font-weight:700;color:var(--g);margin-bottom:8px}
.rp168-jobs-plugin .cl{font-size:13px;margin-bottom:5px;display:flex;align-items:center;gap:7px}
.rp168-jobs-plugin .src-note{background:#f8f9fa;border-radius:6px;padding:10px 12px;font-size:11px;color:#64748b;margin-top:10px;text-align:center}
.rp168-jobs-plugin .btn-prim{background:var(--g);color:#fff;border:none;padding:8px 18px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .btn-wa2{background:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .btn-sec{background:var(--sf);border:1px solid var(--bd);color:var(--tx);padding:8px 14px;border-radius:7px;font-size:13px;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .btn-sec:hover{border-color:var(--g);color:var(--g)}

/* CONFIRM MODAL */
.rp168-jobs-plugin .rp168-confirm-overlay{position:fixed;inset:0;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:14px;z-index:1000000;opacity:0;pointer-events:none;transition:opacity .18s ease}
.rp168-jobs-plugin .rp168-confirm-overlay.op{opacity:1;pointer-events:auto}
.rp168-jobs-plugin .rp168-confirm-modal{width:min(100%,520px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.35)}
.rp168-jobs-plugin .rp168-confirm-head{background:#13223b;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.rp168-jobs-plugin .rp168-confirm-title{color:#fff;font-size:18px;font-weight:800;line-height:1.2}
.rp168-jobs-plugin .rp168-confirm-sub{color:rgba(255,255,255,.82);font-size:13px;line-height:1.35;margin-top:4px}
.rp168-jobs-plugin .rp168-confirm-close{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 28px}
.rp168-jobs-plugin .rp168-confirm-close:hover{background:rgba(255,255,255,.12)}
.rp168-jobs-plugin .rp168-confirm-body{padding:22px}
.rp168-jobs-plugin .rp168-confirm-msg{background:#fffaf1;border:1px solid #eadfc8;border-radius:14px;padding:14px 16px;color:#334155;font-size:14px;line-height:1.55}
.rp168-jobs-plugin .rp168-confirm-footer{padding:0 22px 22px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.rp168-jobs-plugin .rp168-confirm-cancel,.rp168-jobs-plugin .rp168-confirm-continue{min-height:44px;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .rp168-confirm-cancel{background:#fff;color:#13223b;border:1px solid #dcd4bd}
.rp168-jobs-plugin .rp168-confirm-continue{background:#b9893c;color:#241a08;border:1px solid #b9893c}
.rp168-jobs-plugin .rp168-confirm-cancel:hover,.rp168-jobs-plugin .rp168-confirm-continue:hover{filter:brightness(.98)}
@media(max-width:600px){.rp168-jobs-plugin .rp168-confirm-modal{width:calc(100% - 28px)}.rp168-jobs-plugin .rp168-confirm-footer{flex-direction:column}.rp168-jobs-plugin .rp168-confirm-cancel,.rp168-jobs-plugin .rp168-confirm-continue{width:100%}}

.rp168-jobs-plugin .pagi{display:flex;justify-content:center;gap:5px;margin-top:18px;flex-wrap:wrap}
.rp168-jobs-plugin .pp{padding:6px 12px;border-radius:6px;border:1px solid var(--bd);font-size:12px;cursor:pointer;background:var(--sf);color:var(--tx);font-family:inherit}
.rp168-jobs-plugin .pp.on{background:var(--g);color:#fff;border-color:var(--g);font-weight:700}
.rp168-jobs-plugin .pp:hover:not(.on){border-color:var(--g);color:var(--g)}

.rp168-jobs-plugin .toast{position:fixed;bottom:18px;right:18px;background:#1a1a1a;color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;z-index:999;transform:translateY(50px);opacity:0;transition:all .3s;max-width:280px}
.rp168-jobs-plugin .toast.show{transform:translateY(0);opacity:1}

.rp168-jobs-plugin footer{background:#0d1b2a;color:rgba(255,255,255,.72);text-align:center;padding:24px 20px;font-size:12px;margin-top:34px}
.rp168-jobs-plugin footer a{color:rgba(255,255,255,.62);margin:0 7px}
.rp168-jobs-plugin footer a:hover{color:#fff}
@media(max-width:600px){.rp168-jobs-plugin .hero h1{font-size:19px!important;letter-spacing:-.3px!important}.rp168-jobs-plugin .rp168-hero-logo{width:52px!important;height:52px!important;border-radius:12px!important}.rp168-jobs-plugin .rp168-hero-title-row{gap:9px!important}.rp168-jobs-plugin .hero{padding:42px 14px 36px}.rp168-jobs-plugin .sbox{display:grid}.rp168-jobs-plugin .btn-s{width:100%}.rp168-jobs-plugin .nav-in{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.rp168-jobs-plugin .nav-r{width:100%;margin-left:0;justify-content:flex-start}.rp168-jobs-plugin .jfoot{align-items:flex-start}.rp168-jobs-plugin .jbtns button{flex:0 0 auto}.rp168-jobs-plugin .hero-stat{font-size:11px}}

/* ===== Darker text readability fix ===== */
.rp168-jobs-plugin .rc,.rp168-jobs-plugin .ban-s,.rp168-jobs-plugin .jco,.rp168-jobs-plugin .jdesc,.rp168-jobs-plugin .jpost,.rp168-jobs-plugin .dtext,.rp168-jobs-plugin .rlist li,.rp168-jobs-plugin .dtable td,.rp168-jobs-plugin .cl,.rp168-jobs-plugin .src-note{color:#334155!important;}
.rp168-jobs-plugin .sb-t{color:#475569!important;}
.rp168-jobs-plugin .fc{color:#334155!important;background:#eef2f7!important;}
.rp168-jobs-plugin label.fi{color:#1f2937!important;}
.rp168-jobs-plugin .jtitle,.rp168-jobs-plugin .jsal,.rp168-jobs-plugin .ban-t,.rp168-jobs-plugin .cbox-t{color:#0f172a!important;}
.rp168-jobs-plugin .hero p,.rp168-jobs-plugin .date-badge,.rp168-jobs-plugin .hero-stat{color:rgba(255,255,255,.92)!important;}



/* ===== Professional dashboard / submit form upgrade ===== */
.rp168-jobs-plugin .wrap{background:transparent!important;border-radius:22px;}
.rp168-jobs-plugin .sidebar{background:transparent!important;border-radius:18px;}
.rp168-jobs-plugin .main{background:transparent!important;}
.rp168-jobs-plugin .sb{background:#ffffff!important;border:1px solid #dbe3ef!important;box-shadow:0 10px 26px rgba(13,27,42,.055)!important;}
.rp168-jobs-plugin .banner{background:linear-gradient(135deg,#fff,#eef4fa)!important;border-left:5px solid var(--gold)!important;}
.rp168-jobs-plugin .btn-g{background:linear-gradient(135deg,#3e5675,#627a94)!important;box-shadow:0 8px 18px rgba(62,86,117,.18)!important;}
.rp168-jobs-plugin .btn-g:hover,.rp168-jobs-plugin .btn-post:hover,.rp168-jobs-plugin .btn-s:hover{transform:translateY(-1px);filter:brightness(.98);}
.rp168-jobs-plugin .post-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.rp168-jobs-plugin .post-field{display:flex;flex-direction:column;gap:5px;}
.rp168-jobs-plugin .post-field label{font-size:12px;font-weight:800;color:#334155;}
.rp168-jobs-plugin .post-field input,.rp168-jobs-plugin .post-field select,.rp168-jobs-plugin .post-field textarea{padding:9px 11px;border:1.5px solid var(--bd);border-radius:9px;font-size:13px;font-family:inherit;background:#f8fafc;outline:none;}
.rp168-jobs-plugin .post-field input:focus,.rp168-jobs-plugin .post-field select:focus,.rp168-jobs-plugin .post-field textarea:focus{border-color:#627a94;background:#fff;box-shadow:0 0 0 3px rgba(98,122,148,.12);}
.rp168-jobs-plugin .post-note{background:#eef4fa;border:1px solid #dbe3ef;border-radius:10px;padding:11px 13px;font-size:12px;color:#334155;line-height:1.55;}
.rp168-jobs-plugin .post-note strong{color:#0f172a;}
.rp168-jobs-plugin .post-warn{background:#fff7d6;border:1px solid rgba(214,182,47,.55);border-radius:10px;padding:10px 12px;font-size:12px;color:#6b4a00;line-height:1.55;}
.rp168-jobs-plugin .rp168-job-template-field{background:#f3f6fb;border:1px solid #dbe3ef;border-radius:10px;padding:12px;gap:8px!important;}
.rp168-jobs-plugin .rp168-job-template-field .rp168-file-help{color:#64748b;}
.rp168-jobs-plugin .rp168-job-template-btns{display:flex;gap:8px;flex-wrap:wrap;}
@media(max-width:600px){.rp168-jobs-plugin .rp168-job-template-btns{flex-direction:column}.rp168-jobs-plugin .rp168-job-template-btns .btn-sec{width:100%}}
@media(max-width:600px){.rp168-jobs-plugin .post-grid{grid-template-columns:1fr}.rp168-jobs-plugin .mod{max-width:96vw}.rp168-jobs-plugin .wrap{padding-left:12px;padding-right:12px}}



/* ===== v1.4 professional fixes ===== */
.rp168-jobs-plugin{background:#f6f8fb!important;min-height:100vh;padding-bottom:34px;}
.rp168-jobs-plugin .guest-only,.rp168-jobs-plugin .member-only{display:none!important;}
.rp168-jobs-plugin.is-guest .guest-only{display:inline-flex!important;}
.rp168-jobs-plugin.is-logged-in .member-only{display:inline-flex!important;}
.rp168-jobs-plugin .wrap{background:#f6f8fb!important;}
.rp168-jobs-plugin .today-strip{background:linear-gradient(135deg,#ffffff,#fffaf0);border:1px solid #dbe3ef;border-left:5px solid var(--gold);border-radius:16px;padding:13px 16px;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 26px rgba(13,27,42,.055);}
.rp168-jobs-plugin .today-strip strong{display:block;color:#0f172a;font-size:13px;}
.rp168-jobs-plugin .today-strip span{display:block;color:#475569;font-size:12px;margin-top:2px;}
.rp168-jobs-plugin .today-btn{background:#d6b62f;color:#102033;border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:900;cursor:pointer;font-family:inherit;white-space:nowrap;}
.rp168-jobs-plugin .today-btn.on{background:#3e5675;color:#fff;}
.rp168-jobs-plugin .post-field input.field-error,.rp168-jobs-plugin .post-field select.field-error,.rp168-jobs-plugin .post-field textarea.field-error{border-color:#dc2626!important;background:#fff5f5!important;box-shadow:0 0 0 3px rgba(220,38,38,.10)!important;}
@media(max-width:600px){.rp168-jobs-plugin .today-strip{align-items:flex-start;flex-direction:column}.rp168-jobs-plugin .today-btn{width:100%;}}

/* ===== v10 containment: do not affect theme/mobile menu ===== */
.rp168-jobs-plugin{isolation:isolate;contain:layout style;background:#f6f8fb!important;}
.rp168-jobs-plugin .ov{z-index:99999;}
.rp168-jobs-plugin .wrap{max-width:1300px!important;}

/* ===== v13 stable scoping + member dashboard ===== */
.rp168-jobs-plugin .rp168-member-dashboard{max-width:1300px;margin:0 auto;padding:14px 16px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.rp168-jobs-plugin .rp168-dash-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--bd);background:#fff;color:var(--g);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:800;box-shadow:0 6px 16px rgba(13,27,42,.04);cursor:pointer;text-decoration:none!important}
.rp168-jobs-plugin .rp168-dash-pill:hover{border-color:var(--g);box-shadow:0 10px 24px rgba(13,27,42,.10)}
.rp168-jobs-plugin .rp168-dash-pill.primary{background:var(--gold);border-color:var(--gold);color:#102033}
.rp168-jobs-plugin:not(.rp168-ready) .wrap,.rp168-jobs-plugin:not(.rp168-ready) .today-strip,.rp168-jobs-plugin:not(.rp168-ready) .act,.rp168-jobs-plugin:not(.rp168-ready) #jlist{opacity:.01}
.rp168-jobs-plugin.rp168-ready .wrap,.rp168-jobs-plugin.rp168-ready .today-strip,.rp168-jobs-plugin.rp168-ready .act,.rp168-jobs-plugin.rp168-ready #jlist{opacity:1;transition:opacity .12s ease}
.rp168-jobs-plugin .hero-stats,.rp168-jobs-plugin .hero-stat{box-sizing:border-box}

/* ===== V15 frontend member profile/job menu ===== */
.rp168-jobs-plugin .rp168-member-dashboard{max-width:1300px;margin:16px auto 0;padding:0 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.rp168-jobs-plugin .rp168-dash-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#3e5675!important;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 8px 18px rgba(13,27,42,.05);cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .rp168-dash-pill:hover{background:#eef4fa;transform:translateY(-1px)}
.rp168-jobs-plugin .rp168-dash-pill.primary{background:#d6b62f;color:#102033!important;border-color:#d6b62f}
.rp168-profile-job-menu{background:#3e5675;color:#fff;border-radius:18px;padding:22px 16px;font-family:'Open Sans','Noto Sans SC',sans-serif;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 26px rgba(13,27,42,.16)}
.rp168-profile-job-menu .rp168-pjm-heading{color:#fff;opacity:.9;font-size:13px;font-weight:900;letter-spacing:2px;margin:8px 10px;text-transform:uppercase}
.rp168-profile-job-menu a{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;padding:12px 14px;border-radius:12px;font-size:16px;font-weight:800;line-height:1.2;border:1px solid rgba(255,255,255,.08)}
.rp168-profile-job-menu a:hover{background:rgba(255,255,255,.12);border-color:#d6b62f;color:#fff!important}
.rp168-my-jobs-link{display:inline-flex;align-items:center;gap:8px;background:#3e5675;color:#fff!important;text-decoration:none!important;padding:10px 16px;border-radius:999px;font-weight:800}
@media(max-width:600px){.rp168-jobs-plugin .rp168-member-dashboard{justify-content:flex-start}.rp168-jobs-plugin .rp168-dash-pill{width:100%;justify-content:flex-start}}

/* ===== V16 profile redirect + professional member menu ===== */
.rp168-profile-job-menu .rp168-pjm-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:8px}
.rp168-profile-job-menu .rp168-pjm-mark{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d6b62f;color:#102033;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.rp168-profile-job-menu .rp168-pjm-brand{font-size:17px;font-weight:900;letter-spacing:.04em;color:#fff}
.rp168-profile-job-menu .rp168-pjm-small{font-size:10px;color:#d6b62f;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;display:block}
.rp168-profile-job-menu a.rp168-job-highlight{background:rgba(214,182,47,.16);border-color:rgba(214,182,47,.75)}
.rp168-profile-job-menu a.rp168-active{background:rgba(255,255,255,.13);border-color:#d6b62f;box-shadow:inset 4px 0 0 #d6b62f}

/* v17 separate Jobs Profile panel */
.rp168-jobs-plugin .rp168-jobs-profile-panel{max-width:1300px;margin:22px auto 0;padding:0 16px}
.rp168-jobs-plugin .rp168-jp-card{background:#fff;border:1px solid #dbe3ef;border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(13,27,42,.08)}
.rp168-jobs-plugin .rp168-jp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #eef2f7;padding-bottom:16px;margin-bottom:16px}
.rp168-jobs-plugin .rp168-jp-head h2{margin:0 0 6px;font-size:24px;color:#0d1b2a;font-weight:900}
.rp168-jobs-plugin .rp168-jp-head p{margin:0;color:#475569;font-size:14px;line-height:1.6}
.rp168-jobs-plugin .rp168-jp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rp168-jobs-plugin .rp168-jp-box{background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;padding:18px;text-align:left;text-decoration:none!important;color:#0d1b2a!important;cursor:pointer;font-family:inherit;transition:.15s ease}
.rp168-jobs-plugin .rp168-jp-box:hover{transform:translateY(-2px);border-color:#3e5675;box-shadow:0 12px 26px rgba(13,27,42,.08)}
.rp168-jobs-plugin .rp168-jp-box strong{display:block;font-size:16px;margin-bottom:8px;color:#0d1b2a}
.rp168-jobs-plugin .rp168-jp-box span{display:block;color:#64748b;font-size:13px}
.rp168-jobs-plugin .rp168-jp-note{margin-top:16px;background:#fffaf0;border:1px solid rgba(214,182,47,.45);border-radius:14px;padding:12px 14px;color:#5b4a12;font-size:13px}
@media(max-width:800px){.rp168-jobs-plugin .rp168-jp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rp168-jobs-plugin .rp168-jp-grid{grid-template-columns:1fr}.rp168-jobs-plugin .rp168-jp-head h2{font-size:20px}}

/* v18 member frontend edit button */
.rp168-jobs-plugin .bedit{background:#d6b62f;color:#102033;border:none;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bedit:hover{filter:brightness(.98);transform:translateY(-1px)}

/* ===== V22 total/today job count banner ===== */
.rp168-jobs-plugin .rp168-job-count-banner{max-width:1300px;margin:14px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rp168-jobs-plugin .rp168-count-card{background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #dbe3ef;border-radius:18px;padding:15px 16px;box-shadow:0 10px 24px rgba(13,27,42,.06);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon number";align-items:center;column-gap:12px;min-height:74px}
.rp168-jobs-plugin .rp168-count-icon{grid-area:icon;width:42px;height:42px;border-radius:14px;background:#eef4fa;display:flex;align-items:center;justify-content:center;font-size:19px;border:1px solid #dbe3ef}
.rp168-jobs-plugin .rp168-count-label{grid-area:label;color:#475569;font-size:12px;font-weight:800;line-height:1.25}
.rp168-jobs-plugin .rp168-count-card strong{grid-area:number;color:#0f172a;font-size:25px;font-weight:950;line-height:1;margin-top:5px}
.rp168-jobs-plugin .rp168-count-today{background:linear-gradient(135deg,#fff,#fffaf0);border-color:rgba(214,182,47,.55)}
.rp168-jobs-plugin .rp168-count-today .rp168-count-icon{background:#fff3d6;border-color:rgba(214,182,47,.6)}
.rp168-jobs-plugin .rp168-count-contact .rp168-count-icon{background:#f0faf3;border-color:#c8e6c9}
.rp168-jobs-plugin:not(.rp168-ready) .rp168-job-count-banner{opacity:.01}
.rp168-jobs-plugin.rp168-ready .rp168-job-count-banner{opacity:1;transition:opacity .12s ease}
@media(max-width:800px){.rp168-jobs-plugin .rp168-job-count-banner{grid-template-columns:1fr}}

/* ===== Fix: missing .tp class for Admin category tag ===== */
.rp168-jobs-plugin .tp{background:#e8edf3;color:#1e3a5f}

/* ===== V23 member delete + professional Job Profile / Insights ===== */
.rp168-jobs-plugin .bdel,.rp168-jobs-plugin .btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit}
.rp168-jobs-plugin .bdel:hover,.rp168-jobs-plugin .btn-danger:hover{background:#fecaca;transform:translateY(-1px)}
.rp168-jobs-plugin .btn-danger{padding:8px 14px;font-size:13px;border-radius:7px}
.rp168-jobs-plugin .rp168-jp-pro{background:linear-gradient(135deg,#ffffff,#f8fafc)}
.rp168-jobs-plugin .rp168-jp-head-pro{align-items:center}
.rp168-jobs-plugin .rp168-jp-user{display:flex;align-items:center;gap:14px}
.rp168-jobs-plugin .rp168-jp-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#3e5675,#627a94);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 12px 26px rgba(13,27,42,.16);border:2px solid rgba(214,182,47,.55)}
.rp168-jobs-plugin .rp168-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.rp168-jobs-plugin .rp168-profile-stat{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(13,27,42,.05);display:flex;flex-direction:column;gap:7px;min-height:116px;justify-content:center}
.rp168-jobs-plugin .rp168-profile-stat span{width:38px;height:38px;border-radius:13px;background:#eef4fa;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid #dbe3ef}
.rp168-jobs-plugin .rp168-profile-stat small{color:#64748b;font-size:12px;font-weight:800;line-height:1.3}
.rp168-jobs-plugin .rp168-profile-stat strong{font-size:28px;color:#0f172a;font-weight:950;line-height:1}
.rp168-jobs-plugin .rp168-jp-grid-pro .rp168-jp-box{background:#fff}
@media(max-width:800px){.rp168-jobs-plugin .rp168-profile-stats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rp168-jobs-plugin .rp168-profile-stats{grid-template-columns:1fr}.rp168-jobs-plugin .rp168-jp-user{align-items:flex-start}.rp168-jobs-plugin .jbtns{width:auto}.rp168-jobs-plugin .jbtns button{flex:0 0 auto}}

/* ===== V27 clean menu: remove duplicated promo cards, color menu only ===== */
.rp168-jobs-plugin .rp168-member-dashboard{
  margin:18px auto 18px!important;
  padding:10px!important;
  max-width:1260px!important;
  background:#ffffff!important;
  border:1px solid #dbe3ef!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(13,27,42,.06)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}
.rp168-jobs-plugin .rp168-dash-pill{
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:900!important;
  font-size:13px!important;
  box-shadow:0 8px 20px rgba(13,27,42,.07)!important;
  border:1px solid transparent!important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease!important;
}
.rp168-jobs-plugin .rp168-dash-pill:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(13,27,42,.12)!important;
  filter:brightness(1.02)!important;
}
.rp168-jobs-plugin .rp168-menu-listing{background:#eaf2ff!important;color:#23466f!important;border-color:#c8dcf6!important;}
.rp168-jobs-plugin .rp168-menu-today{background:#fff4d8!important;color:#6f5200!important;border-color:#ead081!important;}
.rp168-jobs-plugin .rp168-menu-post{background:#3e5675!important;color:#ffffff!important;border-color:#3e5675!important;}
.rp168-jobs-plugin .rp168-menu-myjobs{background:#eafaf1!important;color:#19613a!important;border-color:#bde8d0!important;}
.rp168-jobs-plugin .rp168-menu-profile{background:#f4ecff!important;color:#4f2f79!important;border-color:#ddc8ff!important;}
.rp168-jobs-plugin .rp168-menu-post:hover{background:#344a66!important;color:#ffffff!important;}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-member-dashboard{justify-content:stretch!important;}
  .rp168-jobs-plugin .rp168-dash-pill{width:100%!important;justify-content:flex-start!important;}
}

/* === v28 cleanup: remove duplicate post/today promo cards and strengthen readable text === */
.rp168-jobs-plugin .ban,
.rp168-jobs-plugin .today-strip,
.rp168-jobs-plugin .rp168-post-card,
.rp168-jobs-plugin .rp168-today-card,
.rp168-jobs-plugin .rp168-post-strip,
.rp168-jobs-plugin .rp168-today-strip,
.rp168-jobs-plugin .post-promo,
.rp168-jobs-plugin .today-promo,
.rp168-jobs-plugin .rp168-duplicate-post-card,
.rp168-jobs-plugin .rp168-duplicate-today-card {
  display: none !important;
}

.rp168-jobs-plugin {
  color: #111827 !important;
}
.rp168-jobs-plugin .hero h1,
.rp168-jobs-plugin .jtitle,
.rp168-jobs-plugin .rp168-count-card strong,
.rp168-jobs-plugin .rp168-count-label,
.rp168-jobs-plugin .sb-t,
.rp168-jobs-plugin .act strong,
.rp168-jobs-plugin .mhd-t,
.rp168-jobs-plugin .dsec {
  color: #0f172a !important;
}
.rp168-jobs-plugin .hero p,
.rp168-jobs-plugin .rc,
.rp168-jobs-plugin .jco,
.rp168-jobs-plugin .jdesc,
.rp168-jobs-plugin .jpost,
.rp168-jobs-plugin .dtext,
.rp168-jobs-plugin .rlist li,
.rp168-jobs-plugin .post-field label,
.rp168-jobs-plugin .post-note,
.rp168-jobs-plugin .cl,
.rp168-jobs-plugin label.fi {
  color: #334155 !important;
}
.rp168-jobs-plugin .fc,
.rp168-jobs-plugin .rp168-count-card small,
.rp168-jobs-plugin .rp168-jp-box span {
  color: #475569 !important;
}
.rp168-jobs-plugin .rp168-member-dashboard {
  gap: 10px !important;
  margin: 18px 0 18px !important;
}
.rp168-jobs-plugin .rp168-dash-pill {
  border-width: 1.5px !important;
  color: #0f172a !important;
  background: #ffffff !important;
}
.rp168-jobs-plugin .rp168-menu-listing { border-color: #3e5675 !important; background: #eef4fa !important; }
.rp168-jobs-plugin .rp168-menu-today { border-color: #d6b62f !important; background: #fff8da !important; }
.rp168-jobs-plugin .rp168-menu-post { border-color: #3e5675 !important; background: #eef4fa !important; }
.rp168-jobs-plugin .rp168-menu-myjobs { border-color: #16a34a !important; background: #eefaf2 !important; }
.rp168-jobs-plugin .rp168-menu-profile { border-color: #64748b !important; background: #f8fafc !important; }
.rp168-jobs-plugin .rp168-dash-pill:hover {
  color: #0d1b2a !important;
  box-shadow: 0 10px 24px rgba(13,27,42,.10) !important;
}


/* === v29: completely remove duplicate Post Job / Today Job banner cards === */
.rp168-jobs-plugin .banner,
.rp168-jobs-plugin .ban,
.rp168-jobs-plugin .today-strip,
.rp168-jobs-plugin .rp168-post-card,
.rp168-jobs-plugin .rp168-today-card,
.rp168-jobs-plugin .rp168-post-strip,
.rp168-jobs-plugin .rp168-today-strip,
.rp168-jobs-plugin .post-promo,
.rp168-jobs-plugin .today-promo,
.rp168-jobs-plugin .rp168-duplicate-post-card,
.rp168-jobs-plugin .rp168-duplicate-today-card {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* Keep the top menu visible and clean */
.rp168-jobs-plugin .rp168-member-dashboard {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* === v30: make hero title and subtitle readable on dark banner === */
.rp168-jobs-plugin .hero h1,
.rp168-jobs-plugin .hero h1 * {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
}
.rp168-jobs-plugin .hero p,
.rp168-jobs-plugin .hero p * {
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.20) !important;
}
.rp168-jobs-plugin .date-badge {
  color: #ffffff !important;
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.28) !important;
}

/* V31 modal positioning fix */
.rp168-jobs-plugin .ov.op{align-items:center!important;justify-content:center!important;}
.rp168-jobs-plugin .mhd .mhd-t,.rp168-jobs-plugin .mhd h1,.rp168-jobs-plugin .mhd h2,.rp168-jobs-plugin .mhd h3{color:#ffffff!important;}
@media (max-width:700px){.rp168-jobs-plugin .ov{align-items:center!important;padding:14px 12px!important}.rp168-jobs-plugin .mod{max-height:90vh!important}.rp168-jobs-plugin .mbd{max-height:60vh!important}}


/* === v33: modal visibility hard fix === */
.rp168-jobs-plugin #jmod,
.rp168-jobs-plugin #pmod {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,.62) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2147483000 !important;
  padding: 24px 14px !important;
  overflow-y: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.rp168-jobs-plugin #jmod.op,
.rp168-jobs-plugin #pmod.op {
  display: flex !important;
}
.rp168-jobs-plugin #jbox,
.rp168-jobs-plugin #jmod .mod,
.rp168-jobs-plugin #pmod .mod {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2147483001 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  width: min(620px, 96vw) !important;
  max-height: 88vh !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.38) !important;
  margin: auto !important;
}
.rp168-jobs-plugin #jbox:empty::before {
  content: 'Loading job details...';
  display: block;
  padding: 28px;
  color: #334155;
}
.rp168-jobs-plugin #jmod .mhd,
.rp168-jobs-plugin #pmod .mhd {
  background: linear-gradient(135deg,#3e5675,#627a94) !important;
}
.rp168-jobs-plugin #jmod .mhd-t,
.rp168-jobs-plugin #jmod .mhd-t *,
.rp168-jobs-plugin #pmod .mhd-t,
.rp168-jobs-plugin #pmod .mhd-t * {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}
@media (max-width:700px){
  .rp168-jobs-plugin #jbox,
  .rp168-jobs-plugin #jmod .mod,
  .rp168-jobs-plugin #pmod .mod{width:96vw!important;max-height:90vh!important;}
  .rp168-jobs-plugin #jmod .mbd,
  .rp168-jobs-plugin #pmod .mbd{max-height:60vh!important;}
}


/* === v35: job detail popup opens at the clicked listing position ===
   The modal is moved to <body> and the popup box uses document Y coordinates,
   so it no longer jumps to the hero/top area after clicking a listing. */
body > #jmod.rp168-job-floating-modal {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  min-height: 100vh !important;
  background: rgba(0,0,0,.62) !important;
  display: none !important;
  z-index: 2147483000 !important;
  padding: 0 14px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body > #jmod.rp168-job-floating-modal.op {
  display: block !important;
}
body > #jmod.rp168-job-floating-modal #jbox {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  left: 50% !important;
  top: var(--rp168-job-modal-doc-top, 50vh) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2147483001 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  width: min(620px, 96vw) !important;
  max-height: 88vh !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.38) !important;
  margin: 0 !important;
}
body > #jmod.rp168-job-floating-modal #jbox:empty::before {
  content: 'Loading job details...';
  display: block;
  padding: 28px;
  color: #334155;
}
body > #jmod.rp168-job-floating-modal .mhd {
  background: linear-gradient(135deg,#3e5675,#627a94) !important;
  padding: 16px 20px !important;
  border-radius: 14px 14px 0 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}
body > #jmod.rp168-job-floating-modal .mhd-t,
body > #jmod.rp168-job-floating-modal .mhd-t *,
body > #jmod.rp168-job-floating-modal .mhd h1,
body > #jmod.rp168-job-floating-modal .mhd h2,
body > #jmod.rp168-job-floating-modal .mhd h3 {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}
body > #jmod.rp168-job-floating-modal .mhd-s {
  color: rgba(255,255,255,.9) !important;
}
body > #jmod.rp168-job-floating-modal .mbd {
  padding: 18px 20px !important;
  max-height: 62vh !important;
  overflow-y: auto !important;
}
body > #jmod.rp168-job-floating-modal .mft {
  padding: 12px 20px !important;
  border-top: 1px solid #dbe3ef !important;
  display: flex !important;
  gap: 7px !important;
  justify-content: flex-end !important;
  background: #f8f9fa !important;
  border-radius: 0 0 12px 12px !important;
  flex-wrap: wrap !important;
}
@media (max-width: 700px) {
  body > #jmod.rp168-job-floating-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 14px 12px !important;
    overflow-y: auto !important;
    display: none !important;
  }
  body > #jmod.rp168-job-floating-modal.op {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body > #jmod.rp168-job-floating-modal #jbox {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 96vw !important;
    max-height: 90vh !important;
    margin: auto !important;
  }
  body > #jmod.rp168-job-floating-modal .mbd {
    max-height: 60vh !important;
  }
}


/* === v36: better job popup readability and cleaner design === */
body > #jmod.rp168-job-floating-modal #jbox {
  width: min(680px, 96vw) !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}
body > #jmod.rp168-job-floating-modal .mhd {
  padding: 20px 24px 18px !important;
  border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(135deg,#344a66,#627a94) !important;
}
body > #jmod.rp168-job-floating-modal .mhd-t,
body > #jmod.rp168-job-floating-modal .mhd-t * {
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -.2px !important;
  color: #ffffff !important;
}
body > #jmod.rp168-job-floating-modal .mhd-s,
body > #jmod.rp168-job-floating-modal .mhd-s * {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,.95) !important;
}
body > #jmod.rp168-job-floating-modal .mcl {
  width: 32px !important;
  height: 32px !important;
  font-size: 18px !important;
  background: rgba(255,255,255,.22) !important;
}
body > #jmod.rp168-job-floating-modal .mbd {
  padding: 20px 24px !important;
  background: #ffffff !important;
  max-height: 64vh !important;
  font-size: 14px !important;
  color: #263449 !important;
}
body > #jmod.rp168-job-floating-modal .dtags {
  gap: 8px !important;
  margin-bottom: 16px !important;
}
body > #jmod.rp168-job-floating-modal .dtag,
body > #jmod.rp168-job-floating-modal .ben {
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
body > #jmod.rp168-job-floating-modal .dtable {
  border: 1px solid #e4eaf2 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fbfdff !important;
  margin-bottom: 18px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body > #jmod.rp168-job-floating-modal .dtable td {
  padding: 10px 12px !important;
  border-bottom: 1px solid #edf2f7 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #263449 !important;
}
body > #jmod.rp168-job-floating-modal .dtable tr:last-child td {border-bottom: none !important;}
body > #jmod.rp168-job-floating-modal .dl {
  width: 120px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: #f8fafc !important;
}
body > #jmod.rp168-job-floating-modal .dsec {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin: 18px 0 9px !important;
}
body > #jmod.rp168-job-floating-modal .dtext,
body > #jmod.rp168-job-floating-modal .rlist li,
body > #jmod.rp168-job-floating-modal .cl {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #334155 !important;
}
body > #jmod.rp168-job-floating-modal .rlist {
  gap: 8px !important;
  margin: 2px 0 4px !important;
}
body > #jmod.rp168-job-floating-modal .rlist li::before {
  color: #16a34a !important;
  font-size: 15px !important;
}
body > #jmod.rp168-job-floating-modal .cbox {
  background: linear-gradient(135deg,#f0faf3,#f8fffb) !important;
  border: 1px solid #bfe8c7 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  margin-top: 18px !important;
  box-shadow: 0 8px 22px rgba(22,163,74,.07) !important;
}
body > #jmod.rp168-job-floating-modal .cbox-t {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: #14532d !important;
  margin-bottom: 10px !important;
}
body > #jmod.rp168-job-floating-modal .cbox .btn-wa2,
body > #jmod.rp168-job-floating-modal .cbox .bwa,
body > #jmod.rp168-job-floating-modal .cbox .bcall {
  min-width: 92px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}
body > #jmod.rp168-job-floating-modal .mft {
  padding: 14px 24px !important;
  gap: 10px !important;
  background: #f8fafc !important;
  border-radius: 0 0 18px 18px !important;
}
body > #jmod.rp168-job-floating-modal .mft button,
body > #jmod.rp168-job-floating-modal .mft a {
  font-size: 14px !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}
@media (max-width: 700px) {
  body > #jmod.rp168-job-floating-modal .mhd {padding: 16px 18px !important;}
  body > #jmod.rp168-job-floating-modal .mhd-t,
  body > #jmod.rp168-job-floating-modal .mhd-t * {font-size: 17px !important;}
  body > #jmod.rp168-job-floating-modal .mbd {padding: 16px 18px !important;}
  body > #jmod.rp168-job-floating-modal .dtable td {font-size: 13px !important;padding: 9px 10px !important;}
  body > #jmod.rp168-job-floating-modal .dl {width: 96px !important;font-size: 12px !important;}
  body > #jmod.rp168-job-floating-modal .mft {padding: 12px 16px !important;}
  body > #jmod.rp168-job-floating-modal .mft button,
  body > #jmod.rp168-job-floating-modal .mft a {font-size: 13px !important;padding: 9px 14px !important;}
}


/* v37: make WhatsApp / Call real active links */
.rp168-jobs-plugin a.rp168-action-link,
body > #jmod.rp168-job-floating-modal a.rp168-action-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  line-height:1.2!important;
}
.rp168-jobs-plugin a.bwa:hover,
body > #jmod.rp168-job-floating-modal a.bwa:hover,
body > #jmod.rp168-job-floating-modal a.btn-wa2:hover,
.rp168-jobs-plugin a.bcall:hover,
body > #jmod.rp168-job-floating-modal a.bcall:hover{
  filter:brightness(.96)!important;
  transform:translateY(-1px)!important;
}


/* === v38: move Total/Today counters into hero banner and remove Direct Contact card === */
.rp168-jobs-plugin .rp168-hero-counts{
  display:flex!important;
  justify-content:center;
  gap:6px;
  flex-wrap:nowrap!important;
  margin-top:10px;
  overflow:hidden;
}
.rp168-jobs-plugin .rp168-hero-counts .hero-stat{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-shrink:1;
  min-width:0;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  border-radius:999px;
  padding:5px 11px!important;
  font-size:11.5px!important;
  font-weight:800;
  line-height:1.2;
  box-shadow:none!important;
}
.rp168-jobs-plugin .rp168-hero-counts .hero-stat strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:950;
  margin-left:2px;
}
.rp168-jobs-plugin .rp168-job-count-banner{display:none!important;}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-hero-counts{gap:6px;margin-top:9px;flex-wrap:nowrap!important;justify-content:center!important}
  .rp168-jobs-plugin .rp168-hero-counts .hero-stat{flex-direction:column!important;align-items:center!important;text-align:center!important;font-size:9.5px!important;padding:6px 10px!important;gap:1px!important;flex-shrink:1!important;min-width:0!important;line-height:1.2!important}
  .rp168-jobs-plugin .rp168-hero-counts .hero-stat strong{font-size:15px!important;margin-left:0!important;display:block!important}
}


/* === v39: hero filter dropdowns + login/register menu === */
.rp168-jobs-plugin .rp168-hero-filter-grid{
  display:grid !important;
  grid-template-columns: 1fr 1fr 1fr auto auto !important;
  gap:8px !important;
  max-width: 980px !important;
}
/* Keyword box spans the full top row for prominence */
.rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-keyword{
  grid-column: 1 / -1 !important;
  min-height: 54px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.rp168-jobs-plugin .rp168-hero-filter-grid select,
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s,
.rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-clear{
  min-height: 54px !important;
}
/* Clear button — subtle, secondary look */
.rp168-jobs-plugin .rp168-hero-clear{
  background:#f1f5f9 !important;
  color:#64748b !important;
  border:1px solid #e2e8f0 !important;
  padding:11px 18px !important;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  font-family:inherit !important;
  white-space:nowrap !important;
}
.rp168-jobs-plugin .rp168-hero-clear:hover{
  background:#e2e8f0 !important;
  color:#475569 !important;
}
.rp168-jobs-plugin .rp168-menu-register{
  background:#fff8da!important;
  color:#6f5200!important;
  border-color:#d6b62f!important;
}
.rp168-jobs-plugin .rp168-menu-login{
  background:#eef4fa!important;
  color:#23466f!important;
  border-color:#b9cadc!important;
}
.rp168-jobs-plugin .rp168-menu-register:hover,
.rp168-jobs-plugin .rp168-menu-login:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(13,27,42,.08);
}
@media(max-width:900px){
  .rp168-jobs-plugin .rp168-hero-filter-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-keyword{
    grid-column:1 / -1 !important;
  }
  .rp168-jobs-plugin .rp168-hero-filter-grid .btn-s{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-clear{
    grid-column:1 / -1 !important;
    width:100% !important;
  }
}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-hero-filter-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
  }
  .rp168-jobs-plugin .rp168-hero-filter-grid select,
  .rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-keyword,
  .rp168-jobs-plugin .rp168-hero-filter-grid .rp168-hero-clear,
  .rp168-jobs-plugin .rp168-hero-filter-grid .btn-s{
    width:100% !important;
    min-height:50px !important;
    font-size:14px !important;
  }
  .rp168-jobs-plugin .rp168-member-dashboard{
    grid-template-columns:1fr !important;
  }
}


/* === v40: fixed hero dropdown filtering + clean search button === */
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s::before,
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s::after{content:none!important;display:none!important;}
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s{font-size:15px!important;letter-spacing:.2px!important;}
.rp168-jobs-plugin .rp168-hero-filter-grid select{cursor:pointer!important;}
@media(max-width:900px){
  .rp168-jobs-plugin .rp168-hero-filter-grid{grid-template-columns:1fr!important;max-width:560px!important;}
  .rp168-jobs-plugin .rp168-hero-filter-grid select,
  .rp168-jobs-plugin .rp168-hero-filter-grid .btn-s{width:100%!important;}
}

/* v41: hide member action menu from guests; only Register/Login show */
.rp168-jobs-plugin.is-guest .rp168-member-dashboard{
  justify-content:center !important;
  padding:12px 14px !important;
  gap:12px !important;
}
.rp168-jobs-plugin.is-guest .rp168-member-dashboard .rp168-dash-pill{
  min-width:150px;
}
.rp168-jobs-plugin.is-logged-in .rp168-member-dashboard{
  justify-content:center !important;
}
@media (max-width: 640px){
  .rp168-jobs-plugin.is-guest .rp168-member-dashboard{
    grid-template-columns:1fr 1fr !important;
    display:grid !important;
  }
  .rp168-jobs-plugin.is-guest .rp168-member-dashboard .rp168-dash-pill{
    width:100% !important;
    min-width:0 !important;
  }
}


/* === v42: clear buttons + multi-select helper === */
.rp168-jobs-plugin .rp168-hero-filter-grid{
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) 130px 120px!important;
}
.rp168-jobs-plugin .btn-clear-hero{
  border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:850!important;
  padding:0 18px!important;
  min-height:54px!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.rp168-jobs-plugin .btn-clear-hero:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px)}
.rp168-jobs-plugin .btn-clr-top{
  width:100%!important;
  margin:0 0 10px!important;
  background:#3e5675!important;
  color:#fff!important;
  border:1px solid #3e5675!important;
  border-radius:14px!important;
  padding:11px 14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(13,27,42,.08)!important;
}
.rp168-jobs-plugin .rp168-filter-tip{
  font-size:12.5px!important;
  color:#64748b!important;
  background:#f8fafc!important;
  border:1px solid #dbe3ef!important;
  border-radius:12px!important;
  padding:9px 11px!important;
  margin-bottom:12px!important;
  line-height:1.45!important;
}
.rp168-jobs-plugin .fi input[type="checkbox"]{cursor:pointer!important;}
.rp168-jobs-plugin .fi:not(.disabled){cursor:pointer!important;}
@media(max-width:980px){
  .rp168-jobs-plugin .rp168-hero-filter-grid{
    grid-template-columns:1fr 1fr!important;
    max-width:760px!important;
  }
  .rp168-jobs-plugin .rp168-hero-filter-grid .btn-s,
  .rp168-jobs-plugin .rp168-hero-filter-grid .btn-clear-hero{
    width:100%!important;
    min-height:50px!important;
  }
}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-hero-filter-grid{grid-template-columns:1fr!important;}
  .rp168-jobs-plugin .btn-clear-hero{color:#102033!important;background:#fff!important;border-color:#dbe3ef!important;}
  .rp168-jobs-plugin .btn-clr-top{position:sticky;top:8px;z-index:5;}
}


/* === v43: use the hero Search button as Clear mode after filters are active === */
.rp168-jobs-plugin .rp168-filter-tip{display:none!important;}
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s.is-clear-mode{
  background:#ffffff!important;
  color:#102033!important;
  border:2px solid #d6b62f!important;
  box-shadow:0 8px 18px rgba(13,27,42,.12)!important;
}
.rp168-jobs-plugin .rp168-hero-filter-grid .btn-s.is-clear-mode:hover{
  background:#fff8d8!important;
}

/* ===== V44 free featured checkbox ===== */
.rp168-jobs-plugin .rp168-feature-check{display:flex;align-items:flex-start;gap:10px;background:#fff8dc;border:1px solid #e6c84d;border-radius:14px;padding:13px 14px;font-weight:800;color:#26364a;line-height:1.45;box-shadow:0 8px 18px rgba(214,182,47,.08)}
.rp168-jobs-plugin .rp168-feature-check input{margin-top:3px;transform:scale(1.15)}
.rp168-jobs-plugin .jcard.feat{border-color:#d6b62f!important;box-shadow:0 14px 34px rgba(214,182,47,.16)!important}
.rp168-jobs-plugin .ftag{position:absolute;right:16px;top:14px;background:#d6b62f;color:#102033;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;letter-spacing:.02em}


/* v46 insights/stat refinements */
.rp168-jobs-plugin .rp168-profile-stats-insights{grid-template-columns:repeat(3,minmax(0,1fr));}
.rp168-jobs-plugin .rp168-jp-box-active{border-color:#d6b62f!important;box-shadow:0 10px 24px rgba(214,182,47,.16)!important;}
@media(max-width:760px){.rp168-jobs-plugin .rp168-profile-stats-insights{grid-template-columns:repeat(2,minmax(0,1fr));}.rp168-jobs-plugin .rp168-profile-stat strong{font-size:22px;}}

/* === v47: Job profile details + employer detail box + clean pagination === */
.rp168-jobs-plugin .rp168-company-profile-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:18px;margin:18px 0;box-shadow:0 10px 24px rgba(13,27,42,.04)}
.rp168-jobs-plugin .rp168-company-profile-card h3{margin:0 0 6px;color:#0f172a;font-size:19px;font-weight:900}
.rp168-jobs-plugin .rp168-profile-help{margin:0 0 14px;color:#64748b;font-size:13px;line-height:1.6}
.rp168-jobs-plugin .rp168-company-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rp168-jobs-plugin .rp168-company-profile-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:#334155}
.rp168-jobs-plugin .rp168-company-profile-grid input,
.rp168-jobs-plugin .rp168-company-profile-grid textarea{width:100%;border:1px solid #dbe3ef;border-radius:10px;padding:11px 12px;font-size:14px;color:#0f172a;background:#f8fafc;font-family:inherit}
.rp168-jobs-plugin .rp168-company-profile-grid input:focus,
.rp168-jobs-plugin .rp168-company-profile-grid textarea:focus{outline:none;border-color:#3e5675;background:#fff;box-shadow:0 0 0 3px rgba(62,86,117,.12)}
.rp168-jobs-plugin .rp168-company-profile-grid .rp168-wide{grid-column:1/-1;align-self:start}
.rp168-jobs-plugin .rp168-company-profile-grid #jp_address{min-height:64px;height:64px;resize:vertical}
.rp168-jobs-plugin .rp168-company-profile-grid #jp_about{min-height:96px;height:96px;resize:vertical}
.rp168-jobs-plugin .rp168-profile-actions{display:flex;justify-content:flex-end;margin-top:12px}
.rp168-employer-box{border:1px solid #dbe3ef;background:#f8fafc;border-radius:14px;padding:14px;margin:14px 0}
.rp168-employer-title{font-weight:900;color:#0f172a;margin-bottom:10px;font-size:15px}
.rp168-employer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rp168-employer-grid div{background:#fff;border:1px solid #e5eaf2;border-radius:10px;padding:10px}
.rp168-employer-grid .wide{grid-column:1/-1}
.rp168-employer-grid small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-bottom:4px}
.rp168-employer-grid strong{display:block;color:#0f172a;font-size:13px;line-height:1.45;word-break:break-word}
.rp168-employer-grid span{display:block;color:#334155;font-size:13px;line-height:1.55;white-space:pre-wrap}
.rp168-jobs-plugin .pp[disabled]{opacity:.45;cursor:not-allowed}
.rp168-jobs-plugin .pp-dots{cursor:default;background:transparent;border:none;color:#64748b}
@media(max-width:680px){.rp168-jobs-plugin .rp168-company-profile-grid,.rp168-employer-grid{grid-template-columns:1fr}.rp168-jobs-plugin .rp168-profile-actions .btn-prim{width:100%}}

/* ===== V48 Simple Apply / Email Code ===== */
.rp168-jobs-plugin .bapply,
.rp168-jobs-plugin .btn-apply{
  background:#1f7a4d!important;
  color:#fff!important;
  border:1px solid #1f7a4d!important;
  border-radius:9px!important;
  padding:10px 14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.rp168-jobs-plugin .bapply:hover,
.rp168-jobs-plugin .btn-apply:hover{filter:brightness(.96);transform:translateY(-1px)}
.rp168-apply-modal.op{display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;}
.rp168-apply-box{max-width:720px!important;width:min(720px,94vw)!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:auto!important;}
.rp168-apply-head .mhd-t{color:#fff!important;}
.rp168-apply-step{background:#f8fafc;border:1px solid #dbe3ef;border-radius:14px;padding:14px 16px;margin-bottom:14px;color:#102033}
.rp168-apply-step p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.55}
.rp168-apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.rp168-apply-grid label{display:flex;flex-direction:column;gap:7px;font-weight:850;color:#263648;font-size:13px}
.rp168-apply-grid input,.rp168-apply-grid textarea{width:100%;border:1px solid #dbe3ef;border-radius:10px;padding:12px 13px;background:#fff;color:#102033;font-size:14px;outline:none}
.rp168-apply-grid input:focus,.rp168-apply-grid textarea:focus{border-color:#3e5675;box-shadow:0 0 0 3px rgba(62,86,117,.12)}
.rp168-apply-grid .wide{grid-column:1/-1}
.rp168-code-row{display:flex;gap:8px}
.rp168-code-row input{flex:1}
.rp168-code-row button{white-space:nowrap;border:0;background:#d6b62f;color:#102033;border-radius:10px;padding:0 12px;font-weight:900;cursor:pointer}
.rp168-code-row button:disabled{opacity:.55;cursor:not-allowed}
.rp168-apply-note{margin-top:12px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.5}
@media(max-width:640px){.rp168-apply-grid{grid-template-columns:1fr}.rp168-code-row{flex-direction:column}.rp168-code-row button{padding:11px 12px}.rp168-apply-box{width:94vw!important;max-height:86vh!important;overflow:auto!important}}


/* v50 professional simple improvements */
.rp168-jobs-plugin .vtag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;font-size:11px;font-weight:900;vertical-align:middle}
.rp168-jobs-plugin .vtag-modal{background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important;font-weight:900!important}
.rp168-jobs-plugin .btn-report,.rp168-jobs-plugin .breport{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:10px!important;padding:10px 14px!important;font-weight:900!important;cursor:pointer!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.rp168-jobs-plugin .btn-report:hover,.rp168-jobs-plugin .breport:hover{background:#ffedd5!important;color:#7c2d12!important}
.rp168-apply-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;color:#334155;margin-bottom:12px}
.rp168-report-overlay{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(15,23,42,.62)!important;
  overflow:auto!important;
}
.rp168-report-overlay.op{
  display:flex!important;
}
.rp168-report-modal{
  width:520px!important;
  max-width:calc(100vw - 28px)!important;
  margin:auto!important;
  background:#ffffff!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.35)!important;
  overflow:hidden!important;
  color:#13223b!important;
  font-family:'Open Sans','Noto Sans SC',sans-serif!important;
  text-align:left!important;
  position:relative!important;
}
.rp168-report-header{
  background:#13223b!important;
  padding:18px 22px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.rp168-report-title{
  color:#ffffff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
  margin:0!important;
}
.rp168-report-subtitle{
  color:#dcd4bd!important;
  font-size:13px!important;
  line-height:1.35!important;
  margin-top:4px!important;
}
.rp168-report-close{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#ffffff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  padding:0!important;
}
.rp168-report-close:hover{
  background:rgba(255,255,255,.12)!important;
}
.rp168-report-body{
  padding:22px!important;
  background:#ffffff!important;
}
.rp168-report-desc{
  background:#fffaf1!important;
  border:1px solid #eadfc8!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  color:#13223b!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
  margin:0 0 16px!important;
}
.rp168-report-grid{
  display:block!important;
}
.rp168-report-modal label{
  display:block!important;
  margin:0 0 14px!important;
  color:#13223b!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.rp168-report-modal input,
.rp168-report-modal select,
.rp168-report-modal textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:6px 0 0!important;
  border:1px solid #dcd4bd!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#13223b!important;
  box-shadow:none!important;
  font-family:'Open Sans','Noto Sans SC',sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.35!important;
  outline:none!important;
  box-sizing:border-box!important;
}
.rp168-report-modal input,
.rp168-report-modal select{
  height:44px!important;
  min-height:44px!important;
  padding:0 12px!important;
}
.rp168-report-modal textarea{
  min-height:110px!important;
  padding:11px 12px!important;
  resize:vertical!important;
}
.rp168-report-modal input:focus,
.rp168-report-modal select:focus,
.rp168-report-modal textarea:focus{
  border-color:#b9893c!important;
  box-shadow:0 0 0 3px rgba(185,137,60,.16)!important;
}
.rp168-report-status{
  margin:2px 0 0!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  display:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.rp168-report-status.is-loading,
.rp168-report-status.is-success,
.rp168-report-status.is-error{
  display:block!important;
}
.rp168-report-status.is-loading{background:#f8fafc!important;color:#13223b!important;border:1px solid #dcd4bd!important}
.rp168-report-status.is-success{background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important}
.rp168-report-status.is-error{background:#fef2f2!important;color:#991b1b!important;border:1px solid #fecaca!important}
.rp168-report-footer{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 22px 22px!important;
  background:#ffffff!important;
}
.rp168-report-cancel,
.rp168-report-submit{
  border-radius:999px!important;
  padding:11px 16px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  cursor:pointer!important;
  font-family:'Open Sans','Noto Sans SC',sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.rp168-report-cancel{
  background:#ffffff!important;
  color:#13223b!important;
  border:1px solid #dcd4bd!important;
}
.rp168-report-submit{
  background:#b9893c!important;
  color:#241a08!important;
  border:1px solid #b9893c!important;
}
.rp168-report-cancel:hover{
  background:#fffaf1!important;
}
.rp168-report-submit:hover{
  background:#a87b34!important;
  border-color:#a87b34!important;
  color:#241a08!important;
}
.rp168-report-submit:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
@media(max-width:640px){
  .rp168-jobs-plugin .vtag{display:flex;width:max-content;margin:6px 0 0 0}
  .rp168-report-overlay{padding:14px!important}
  .rp168-report-modal{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important}
  .rp168-report-header{padding:16px 18px!important}
  .rp168-report-body{padding:18px!important}
  .rp168-report-footer{padding:0 18px 18px!important;flex-direction:column!important}
  .rp168-report-cancel,
  .rp168-report-submit{width:100%!important}
}


/* ===== V51 Apply without employer email fallback ===== */
.rp168-jobs-plugin .rp168-no-email-box{max-width:560px;width:min(560px,94vw)}
.rp168-jobs-plugin .rp168-no-email-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px}
.rp168-jobs-plugin .rp168-no-email-icon{width:58px;height:58px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px}
.rp168-jobs-plugin .rp168-no-email-card h3{margin:0 0 8px;color:#0f172a;font-size:20px;font-weight:900}
.rp168-jobs-plugin .rp168-no-email-card p{margin:0 auto 16px;max-width:440px;color:#475569;font-size:14px;line-height:1.65}
.rp168-jobs-plugin .rp168-no-email-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rp168-jobs-plugin .rp168-no-email-actions a{min-width:120px;text-align:center;justify-content:center}
.rp168-jobs-plugin .rp168-muted{color:#64748b;font-size:13px;margin:0}


/* ===== V54 apply/no-email modal visibility + profile home button ===== */
#rp168ApplyModal,
#rp168NoEmailApplyModal{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(15,23,42,.62)!important;
  z-index:9999999!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
#rp168ApplyModal.op,
#rp168NoEmailApplyModal.op{
  display:flex!important;
}
#rp168ApplyModal .jbox,
#rp168NoEmailApplyModal .jbox{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  margin:auto!important;
  max-height:88vh!important;
  overflow:auto!important;
  background:#fff!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(2,6,23,.35)!important;
}
#rp168ApplyModal .mhd-t,
#rp168NoEmailApplyModal .mhd-t{color:#fff!important;}
#rp168NoEmailApplyModal .rp168-no-email-box{max-width:560px;width:min(560px,94vw)}
#rp168NoEmailApplyModal .rp168-no-email-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px}
#rp168NoEmailApplyModal .rp168-no-email-icon{width:58px;height:58px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px}
#rp168NoEmailApplyModal .rp168-no-email-card h3{margin:0 0 8px;color:#0f172a;font-size:20px;font-weight:900}
#rp168NoEmailApplyModal .rp168-no-email-card p{margin:0 auto 16px;max-width:440px;color:#475569;font-size:14px;line-height:1.65}
#rp168NoEmailApplyModal .rp168-no-email-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rp168-profile-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.rp168-back-home{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;border-radius:12px!important;padding:11px 16px!important;background:#fff!important;border:1px solid #dbe3ef!important;color:#334155!important;font-weight:850!important}
@media(max-width:700px){.rp168-profile-head-actions{width:100%;justify-content:flex-start}.rp168-back-home,.rp168-profile-head-actions .btn-g{width:100%!important}}


/* V55 apply UX fixes */
#rp168NoEmailApplyModal.modal.op,
#rp168ApplyThanksModal.modal.op{display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000001!important;padding:18px!important;}
#rp168NoEmailApplyModal .rp168-no-email-box,
#rp168ApplyThanksModal .rp168-apply-thanks-box{width:min(560px,94vw)!important;max-width:560px!important;margin:auto!important;top:auto!important;left:auto!important;transform:none!important;border-radius:18px!important;overflow:hidden!important;}
#rp168NoEmailApplyModal .mhd{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#3e5675!important;color:#fff!important;padding:16px 18px!important;}
#rp168NoEmailApplyModal .mhd-t,#rp168NoEmailApplyModal .mhd-s{color:#fff!important;line-height:1.25!important;}
#rp168NoEmailApplyModal .mhd-s{font-size:12px!important;opacity:.92!important;white-space:normal!important;word-break:break-word!important;}
#rp168NoEmailApplyModal .mcl{position:static!important;flex:0 0 auto!important;background:rgba(255,255,255,.15)!important;color:#fff!important;border:0!important;border-radius:10px!important;width:36px!important;height:36px!important;}
#rp168NoEmailApplyModal .rp168-no-email-card{padding:26px 20px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:18px!important;text-align:center!important;}
#rp168NoEmailApplyModal .rp168-no-email-card h3{font-size:22px!important;margin:8px 0 10px!important;color:#0f172a!important;font-weight:900!important;}
#rp168NoEmailApplyModal .rp168-no-email-card p{font-size:15px!important;line-height:1.65!important;color:#475569!important;margin:0 auto 8px!important;max-width:420px!important;}
#rp168NoEmailApplyModal .rp168-no-email-actions{margin-top:16px!important;display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;}
#rp168NoEmailApplyModal .mft{display:flex!important;justify-content:center!important;padding:14px 18px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;}
#rp168ApplyThanksModal .rp168-thanks-card{background:#fff!important;border-radius:18px!important;padding:32px 24px!important;text-align:center!important;box-shadow:0 18px 50px rgba(15,23,42,.22)!important;}
#rp168ApplyThanksModal .rp168-thanks-icon{width:64px!important;height:64px!important;border-radius:18px!important;background:#ecfdf5!important;border:1px solid #bbf7d0!important;color:#15803d!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;margin-bottom:12px!important;}
#rp168ApplyThanksModal h3{font-size:24px!important;font-weight:900!important;color:#0f172a!important;margin:0 0 10px!important;}
#rp168ApplyThanksModal p{font-size:15px!important;color:#475569!important;line-height:1.6!important;margin:0 auto 20px!important;max-width:420px!important;}
@media(max-width:640px){
  #rp168NoEmailApplyModal.modal.op,#rp168ApplyThanksModal.modal.op{align-items:center!important;padding:12px!important;}
  #rp168NoEmailApplyModal .rp168-no-email-box,#rp168ApplyThanksModal .rp168-apply-thanks-box{width:94vw!important;max-height:88vh!important;overflow:auto!important;}
  #rp168NoEmailApplyModal .rp168-no-email-card{padding:22px 16px!important;}
  #rp168NoEmailApplyModal .rp168-no-email-card h3{font-size:19px!important;}
  #rp168NoEmailApplyModal .rp168-no-email-card p{font-size:14px!important;}
  #rp168NoEmailApplyModal .rp168-no-email-actions a{width:100%!important;justify-content:center!important;}
}

/* v56 View Applicants panel */
.rp168-jobs-plugin .bapps,.rp168-jobs-plugin .btn-apps,body > #jmod.rp168-job-floating-modal .bapps,body > #jmod.rp168-job-floating-modal .btn-apps{background:#7c3aed!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:9px 13px!important;font-weight:800!important;cursor:pointer!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
.rp168-jobs-plugin .bapps:hover,.rp168-jobs-plugin .btn-apps:hover,body > #jmod.rp168-job-floating-modal .bapps:hover,body > #jmod.rp168-job-floating-modal .btn-apps:hover{filter:brightness(.95);transform:translateY(-1px)}
.rp168-applicants-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.58);align-items:center;justify-content:center;z-index:999999!important;padding:18px;overflow-y:auto}
.rp168-applicants-modal.op{display:flex!important}
.rp168-applicants-box{max-width:820px!important;width:min(92vw,820px)!important;max-height:86vh!important;overflow:auto!important}
.rp168-applicants-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;margin-bottom:14px;color:#475569;font-weight:700}
.rp168-applicants-list{display:flex;flex-direction:column;gap:12px}
.rp168-app-row{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.rp168-app-main{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:16px;color:#111827}
.rp168-app-status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#e0f2fe;color:#075985}
.rp168-status-contacted{background:#dcfce7;color:#166534}.rp168-status-hired{background:#fef3c7;color:#92400e}.rp168-status-rejected{background:#fee2e2;color:#991b1b}.rp168-status-viewed{background:#ede9fe;color:#5b21b6}
.rp168-app-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:#334155}
.rp168-app-contact a{color:#2563eb!important;text-decoration:none!important;font-weight:800}
.rp168-app-msg{margin-top:10px;background:#f8fafc;border-left:4px solid #d6b62f;border-radius:10px;padding:10px;color:#334155;white-space:pre-wrap}
.rp168-app-time{margin-top:8px;font-size:12px;color:#64748b}
.rp168-app-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rp168-app-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer;color:#334155}
.rp168-app-actions button:hover{background:#f1f5f9}
.rp168-empty-apps,.rp168-loading{padding:20px;text-align:center;border-radius:14px;background:#f8fafc;color:#64748b;font-weight:800}
@media(max-width:640px){.rp168-applicants-box{width:94vw!important;max-height:84vh!important}.rp168-app-main{font-size:15px}.rp168-app-contact{flex-direction:column;gap:5px}.rp168-app-actions button{width:100%}.bapps{width:100%;justify-content:center}}


/* ===== V57 apply cleanup: hide direct email buttons; professional apply modal ===== */
.rp168-jobs-plugin .bemail{display:none!important;}
#rp168ApplyModal.modal.op,#rp168NoEmailApplyModal.modal.op,#rp168ApplyThanksModal.modal.op{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(15,23,42,.58)!important;padding:18px!important;}
#rp168ApplyModal .rp168-apply-box,#rp168NoEmailApplyModal .rp168-no-email-box,#rp168ApplyThanksModal .rp168-apply-thanks-box{width:min(720px,94vw)!important;max-width:720px!important;max-height:88vh!important;overflow:hidden!important;margin:auto!important;border-radius:18px!important;background:#fff!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;}
#rp168NoEmailApplyModal .rp168-no-email-box,#rp168ApplyThanksModal .rp168-apply-thanks-box{width:min(560px,94vw)!important;max-width:560px!important;}
#rp168ApplyModal .mhd,#rp168NoEmailApplyModal .mhd{background:#3e5675!important;color:#fff!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-radius:18px 18px 0 0!important;}
#rp168ApplyModal .mhd-t,#rp168NoEmailApplyModal .mhd-t{color:#fff!important;font-weight:900!important;font-size:20px!important;line-height:1.25!important;}
#rp168ApplyModal .mhd-s,#rp168NoEmailApplyModal .mhd-s{color:rgba(255,255,255,.86)!important;font-size:13px!important;margin-top:4px!important;line-height:1.35!important;}
#rp168ApplyModal .mcl,#rp168NoEmailApplyModal .mcl{width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;}
#rp168ApplyModal .mbd,#rp168NoEmailApplyModal .mbd{padding:18px 20px!important;overflow:auto!important;max-height:calc(88vh - 142px)!important;}
#rp168ApplyModal .mft,#rp168NoEmailApplyModal .mft{padding:14px 20px!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;}
#rp168ApplyModal .rp168-apply-step{background:#f8fafc!important;border:1px solid #dbe3ef!important;border-radius:14px!important;padding:14px 16px!important;margin-bottom:14px!important;}
#rp168NoEmailApplyModal .rp168-no-email-card{background:#fff!important;border:0!important;padding:18px 12px!important;text-align:center!important;}
#rp168NoEmailApplyModal .rp168-no-email-icon{width:62px!important;height:62px!important;border-radius:18px!important;background:#fff7ed!important;border:1px solid #fed7aa!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;margin-bottom:12px!important;}
#rp168NoEmailApplyModal .rp168-no-email-card h3{font-size:22px!important;color:#0f172a!important;margin:0 0 8px!important;font-weight:900!important;}
#rp168NoEmailApplyModal .rp168-no-email-card p{font-size:15px!important;color:#475569!important;line-height:1.65!important;margin:0 auto 8px!important;max-width:430px!important;}
#rp168NoEmailApplyModal .rp168-no-email-actions{margin-top:18px!important;display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;}
@media(max-width:640px){#rp168ApplyModal.modal.op,#rp168NoEmailApplyModal.modal.op{padding:10px!important;align-items:center!important;}#rp168ApplyModal .rp168-apply-box,#rp168NoEmailApplyModal .rp168-no-email-box{width:96vw!important;max-height:90vh!important;border-radius:16px!important;}#rp168ApplyModal .mhd,#rp168NoEmailApplyModal .mhd{padding:14px 16px!important;border-radius:16px 16px 0 0!important;}#rp168ApplyModal .mhd-t,#rp168NoEmailApplyModal .mhd-t{font-size:18px!important;}#rp168ApplyModal .mbd,#rp168NoEmailApplyModal .mbd{padding:14px 16px!important;max-height:calc(90vh - 136px)!important;}#rp168ApplyModal .rp168-apply-grid{grid-template-columns:1fr!important;}#rp168ApplyModal .mft,#rp168NoEmailApplyModal .mft{padding:12px 16px!important;flex-direction:column-reverse!important;}#rp168ApplyModal .mft button,#rp168NoEmailApplyModal .mft button{width:100%!important;}#rp168NoEmailApplyModal .rp168-no-email-actions a{width:100%!important;justify-content:center!important;}}

/* ===== V58 Compact Professional Action Buttons ===== */
.rp168-jobs-plugin .jbtns{
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.rp168-jobs-plugin .jbtns button,
.rp168-jobs-plugin .jbtns a,
.rp168-jobs-plugin .mft button,
.rp168-jobs-plugin .mft a{
  min-height:36px!important;
  height:36px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-shadow:none!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.rp168-jobs-plugin .bapply,
.rp168-jobs-plugin .btn-apply{
  background:#147a3f!important;
  color:#fff!important;
  border:1px solid #147a3f!important;
  min-width:auto!important;
}
.rp168-jobs-plugin .bwa,
.rp168-jobs-plugin .btn-wa2{
  background:#22c55e!important;
  color:#fff!important;
  border:1px solid #22c55e!important;
}
.rp168-jobs-plugin .bcall,
.rp168-jobs-plugin .btn-call2{
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid #2563eb!important;
}
.rp168-jobs-plugin .bsave{
  background:#fff!important;
  color:#475569!important;
  border:1px solid #dbe3ef!important;
}
.rp168-jobs-plugin .bemail{
  display:none!important;
}
.rp168-jobs-plugin .jbtns .bedit,
.rp168-jobs-plugin .jbtns .bdel,
.rp168-jobs-plugin .jbtns .bapps{
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
  border-radius:9px!important;
}
.rp168-jobs-plugin .jcard .jfoot{
  gap:12px!important;
}
@media(max-width:760px){
  .rp168-jobs-plugin .jfoot{align-items:center!important;flex-wrap:nowrap!important;}
  .rp168-jobs-plugin .jbtns{justify-content:flex-end!important;width:auto!important;gap:6px!important;flex-shrink:0!important;}
  .rp168-jobs-plugin .jbtns button,
  .rp168-jobs-plugin .jbtns a{
    min-height:34px!important;
    height:34px!important;
    padding:0 11px!important;
    font-size:12px!important;
    border-radius:20px!important;
    flex:0 0 auto!important;
  }
}

/* ============================================================
   v108.2: view badge, SSM badge, Manage dropdown
   ============================================================ */
/* View count badge on cards */
.rp168-jobs-plugin .jviews{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:11px;
  color:#64748b;
  font-weight:600;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .jviews{color:#8aa0b2;}

/* SSM verified badge — slightly stronger (blue) than plain verified (green) */
.rp168-jobs-plugin .vtag-ssm{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
}
.rp168-jobs-plugin .dtag.vtag-ssm{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

/* Manage dropdown */
.rp168-jobs-plugin .rp168-manage-wrap{
  position:relative;
  display:inline-flex;
}
.rp168-jobs-plugin .bmanage{
  background:#3e5675!important;
  color:#fff!important;
  border:1px solid #3e5675!important;
}
.rp168-jobs-plugin .bmanage:hover{background:#324760!important;}
.rp168-jobs-plugin .rp168-manage-menu{
  display:none;
  position:absolute;
  right:0;
  bottom:calc(100% + 6px);
  z-index:60;
  min-width:170px;
  padding:6px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(15,23,42,.18);
  flex-direction:column;
  gap:4px;
}
.rp168-jobs-plugin .rp168-manage-menu.is-open{display:flex;animation:rp168InfoIn .14s ease;}
.rp168-jobs-plugin .rp168-manage-menu button{
  width:100%!important;
  justify-content:flex-start!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
}
.rp168-jobs-plugin .rp168-manage-menu .bapps{background:#7c3aed!important;color:#fff!important;border:none!important;}
.rp168-jobs-plugin .rp168-manage-menu .bedit{background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important;}
.rp168-jobs-plugin .rp168-manage-menu .bdel{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important;}
/* Dark mode manage menu */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-manage-menu{
  background:#16242a;
  border-color:rgba(255,255,255,.1);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-manage-menu .bedit{background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.12)!important;}
@media(max-width:760px){
  .rp168-jobs-plugin .rp168-manage-menu{right:auto;left:0;}
}

/* ============================================================
   v108.7: Apply modal — cleaner tip + redesigned footer buttons
   ============================================================ */
.rp168-jobs-plugin .rp168-apply-tip{
  margin:0 0 12px;
  padding:10px 14px;
  background:#fffbea;
  border:1px solid rgba(212,175,55,.35);
  border-radius:10px;
  font-size:13px;
  color:#7a5c00;
  line-height:1.5;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apply-tip{
  background:rgba(212,175,55,.1);
  border-color:rgba(212,175,55,.3);
  color:#e8c878;
}
.rp168-jobs-plugin .rp168-apply-footer{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
}
.rp168-jobs-plugin .rp168-apply-cancel{
  padding:11px 20px;
  border-radius:99px;
  border:1.5px solid #e2e8f0;
  background:#fff;
  color:#64748b;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,border-color .15s;
}
.rp168-jobs-plugin .rp168-apply-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;}
.rp168-jobs-plugin .rp168-apply-send{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 24px;
  border-radius:99px;
  border:none;
  background:#16a34a;
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  font-family:inherit;
  box-shadow:0 4px 14px rgba(22,163,74,.28);
  transition:background .15s,transform .12s,box-shadow .15s;
}
.rp168-jobs-plugin .rp168-apply-send:hover{
  background:#15803d;
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(22,163,74,.36);
}
.rp168-jobs-plugin .rp168-apply-send svg{flex-shrink:0;}
.rp168-jobs-plugin .rp168-apply-send:disabled{opacity:.6;cursor:wait;transform:none;}
.rp168-jobs-plugin .rp168-apply-quicksend-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:11px 18px;
  border-radius:99px;
  border:1.5px solid #3e5675;
  background:#eef4fb;
  color:#1f3a5f;
  font-size:13.5px;
  font-weight:800;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,transform .12s;
}
.rp168-jobs-plugin .rp168-apply-quicksend-btn:hover{background:#dce8f5;transform:translateY(-1px);}
.rp168-jobs-plugin .rp168-apply-quicksend-btn:disabled{opacity:.6;cursor:wait;transform:none;}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-apply-footer{flex-direction:column-reverse;}
  .rp168-jobs-plugin .rp168-apply-cancel,
  .rp168-jobs-plugin .rp168-apply-quicksend-btn,
  .rp168-jobs-plugin .rp168-apply-send{width:100%;justify-content:center;}
}


/* ===== V59 resume upload + apply submit polish ===== */
#rp168ApplyModal .rp168-file-help{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:600}
#rp168ApplyModal input[type="file"]{background:#fff!important;cursor:pointer}
#rp168ApplyModal .mft .btn-apply:disabled{opacity:.65!important;cursor:not-allowed!important;transform:none!important}
.rp168-app-contact a[href^="http"]{background:#f1f5f9;border:1px solid #dbe3ef;border-radius:999px;padding:5px 9px;text-decoration:none;color:#334155;font-weight:800}
.rp168-jobs-plugin .bapps{background:#6d28d9!important;color:#fff!important;border:1px solid #6d28d9!important;}
@media(max-width:720px){
  .rp168-jobs-plugin .jbtns{justify-content:flex-end!important;gap:6px!important;width:auto!important;flex-shrink:0!important;}
  .rp168-jobs-plugin .jbtns .bapply,.rp168-jobs-plugin .jbtns .bwa,.rp168-jobs-plugin .jbtns .bcall,.rp168-jobs-plugin .jbtns .bsave,.rp168-jobs-plugin .jbtns .bapps,.rp168-jobs-plugin .jbtns .bedit,.rp168-jobs-plugin .jbtns .bdel{height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:12px!important;border-radius:20px!important;}
  #rp168ApplyModal .mft{position:sticky;bottom:0;background:#fff!important;border-top:1px solid #e2e8f0!important;}
}

/* v60 Apply submit status + robust mobile layout */
.rp168-apply-status{
  margin-top:12px;
  padding:12px 14px;
  border-radius:12px;
  font-weight:700;
  font-size:14px;
  line-height:1.45;
  border:1px solid #d8e0ea;
  background:#f8fafc;
  color:#334155;
}
.rp168-apply-status.is-loading{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;}
.rp168-apply-status.is-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534;}
.rp168-apply-status.is-error{background:#fff1f2;border-color:#fecdd3;color:#be123c;}
.rp168-apply-status.is-warn{background:#fffaeb;border-color:#fde68a;color:#92400e;}
.rp168-apply-box .mft{position:sticky;bottom:0;background:#fff;z-index:3;gap:10px;}
.rp168-apply-box .mft button{min-height:42px;border-radius:12px;font-weight:800;}
@media (max-width: 640px){
  .rp168-apply-box{width:94vw!important;max-height:88vh!important;overflow:auto!important;}
  .rp168-apply-grid{grid-template-columns:1fr!important;}
  .rp168-apply-box .mft{display:grid!important;grid-template-columns:1fr!important;}
  .rp168-apply-box .mhd{position:sticky;top:0;z-index:4;}
}

/* v62 role separation */
.rp168-account-type-card{border-color:#d4af37;background:#fffdf3}
.rp168-role-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.rp168-role-select label{display:flex;align-items:center;gap:9px;border:1px solid #dbe4ef;border-radius:12px;padding:11px 14px;background:#fff;font-weight:700;color:#132238;cursor:pointer;font-size:13px}
.rp168-role-select label:has(input:checked){border-color:#3e5675;box-shadow:0 0 0 3px rgba(62,86,117,.12);background:#f4f8fc}
.rp168-seeker-profile-card{border-color:#c9ead2;background:#fbfffc}
.rp168-employer-profile-card{border-color:#dbe4ef}
@media(max-width:720px){.rp168-role-select{grid-template-columns:1fr}.rp168-profile-head-actions{flex-direction:column;align-items:stretch}.rp168-profile-head-actions .btn-sec,.rp168-profile-head-actions .btn-g{width:100%;text-align:center;justify-content:center}}

/* ===== v63 Professional popup contact/actions cleanup ===== */
body > #jmod.rp168-job-floating-modal .cbox.rp168-contact-card,
.rp168-jobs-plugin .cbox.rp168-contact-card{
  background:#f8fffb!important;
  border:1px solid #ccefd6!important;
  border-radius:14px!important;
  padding:14px!important;
  box-shadow:0 8px 22px rgba(22,163,74,.06)!important;
}
body > #jmod.rp168-job-floating-modal .rp168-contact-grid,
.rp168-jobs-plugin .rp168-contact-grid{
  display:grid!important;
  gap:9px!important;
}
body > #jmod.rp168-job-floating-modal .rp168-contact-row,
.rp168-jobs-plugin .rp168-contact-row{
  display:grid!important;
  grid-template-columns:120px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  background:#fff!important;
  border:1px solid #e5f3ea!important;
  border-radius:11px!important;
  padding:9px 10px!important;
  color:#334155!important;
  font-size:13px!important;
}
body > #jmod.rp168-job-floating-modal .rp168-contact-label,
.rp168-jobs-plugin .rp168-contact-label{
  color:#475569!important;
  font-weight:800!important;
  font-size:12px!important;
}
body > #jmod.rp168-job-floating-modal .rp168-contact-row strong,
.rp168-jobs-plugin .rp168-contact-row strong{
  color:#0f172a!important;
  font-size:14px!important;
  letter-spacing:.01em!important;
}
body > #jmod.rp168-job-floating-modal .rp168-mini-btn,
.rp168-jobs-plugin .rp168-mini-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:64px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
body > #jmod.rp168-job-floating-modal .rp168-mini-wa,
.rp168-jobs-plugin .rp168-mini-wa{background:#22c55e!important;}
body > #jmod.rp168-job-floating-modal .rp168-mini-call,
.rp168-jobs-plugin .rp168-mini-call{background:#2563eb!important;}
body > #jmod.rp168-job-floating-modal .mft,
.rp168-jobs-plugin .mft{
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px 18px!important;
  background:#f8fafc!important;
}
body > #jmod.rp168-job-floating-modal .mft button,
body > #jmod.rp168-job-floating-modal .mft a,
.rp168-jobs-plugin .mft button,
.rp168-jobs-plugin .mft a{
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  gap:5px!important;
}
body > #jmod.rp168-job-floating-modal .btn-apply,
.rp168-jobs-plugin .mft .btn-apply{
  background:#166534!important;
  border-color:#166534!important;
  color:#fff!important;
}
body > #jmod.rp168-job-floating-modal .btn-report,
.rp168-jobs-plugin .mft .btn-report{
  background:#fff!important;
  color:#9a3412!important;
  border:1px solid #fed7aa!important;
}
body > #jmod.rp168-job-floating-modal .btn-sec,
.rp168-jobs-plugin .mft .btn-sec{
  background:#fff!important;
  color:#334155!important;
  border:1px solid #dbe3ef!important;
}
body > #jmod.rp168-job-floating-modal .btn-apps,
.rp168-jobs-plugin .mft .btn-apps{
  background:#6d28d9!important;
  color:#fff!important;
  border:1px solid #6d28d9!important;
}
body > #jmod.rp168-job-floating-modal .btn-prim,
.rp168-jobs-plugin .mft .btn-prim{
  background:#d6b62f!important;
  color:#172033!important;
  border:1px solid #d6b62f!important;
}
body > #jmod.rp168-job-floating-modal .btn-danger,
.rp168-jobs-plugin .mft .btn-danger{
  background:#fff1f2!important;
  color:#be123c!important;
  border:1px solid #fecdd3!important;
}
body > #jmod.rp168-job-floating-modal .mft .btn-wa2,
.rp168-jobs-plugin .mft .btn-wa2{display:none!important;}
@media(max-width:700px){
  body > #jmod.rp168-job-floating-modal .rp168-contact-row,
  .rp168-jobs-plugin .rp168-contact-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body > #jmod.rp168-job-floating-modal .rp168-mini-btn,
  .rp168-jobs-plugin .rp168-mini-btn{
    width:100%!important;
  }
  body > #jmod.rp168-job-floating-modal .mft,
  .rp168-jobs-plugin .mft{
    justify-content:stretch!important;
  }
  body > #jmod.rp168-job-floating-modal .mft button,
  body > #jmod.rp168-job-floating-modal .mft a,
  .rp168-jobs-plugin .mft button,
  .rp168-jobs-plugin .mft a{
    flex:1 1 auto!important;
    min-width:110px!important;
  }
}

/* ===== V70: seeker profile autofill and applicant profile summary ===== */
.rp168-jobs-plugin .rp168-autofill-profile-btn,
body > #jmod.rp168-job-floating-modal .rp168-autofill-profile-btn{
  margin-top:10px!important;
  min-height:32px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.rp168-jobs-plugin .rp168-file-help{
  display:block;
  margin-top:4px;
  color:#374151;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}
/* Apply modal — compact steps line + profile action buttons */
.rp168-jobs-plugin .rp168-apply-steps-line{
  font-size:12.5px;
  color:#64748b;
  font-weight:600;
  margin:4px 0 8px;
}
.rp168-jobs-plugin .rp168-apply-profile-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.rp168-jobs-plugin .rp168-apply-profile-actions .btn-sec{
  flex:1;
  min-width:140px;
  text-align:center;
  justify-content:center;
}
@media(max-width:560px){
  .rp168-jobs-plugin .rp168-apply-profile-actions{flex-direction:column;}
  .rp168-jobs-plugin .rp168-apply-profile-actions .btn-sec{width:100%;}
}

/* Required-field red asterisk */
.rp168-jobs-plugin .rp168-req{
  color:#dc2626;
  font-weight:800;
  margin-left:2px;
}
/* Field label text + asterisk wrapped together so the * stays on the same line as the title. */
.rp168-jobs-plugin .rp168-flabel{
  display:inline;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-req{
  color:#f87171;
}
.rp168-jobs-plugin .rp168-post-lang-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
  margin-top:2px;
}
.rp168-jobs-plugin .rp168-post-lang-checks label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1.5px solid rgba(148,163,184,.3);
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  background:#f8fafc;
  transition:border-color .14s,background .14s;
}
.rp168-jobs-plugin .rp168-post-lang-checks label:hover{
  border-color:rgba(212,175,55,.5);
  background:#fffbea;
}
.rp168-jobs-plugin .rp168-post-lang-checks input[type="checkbox"]{
  width:16px;height:16px;flex-shrink:0;cursor:pointer;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-post-lang-checks label{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.12);
  color:#c8d8e8;
}
.rp168-jobs-plugin .rp168-req-legend{
  margin:0 0 12px;
  font-size:12px;
  color:#64748b;
  font-weight:600;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-req-legend{
  color:#8aa0b2;
}

/* ============================================================
   Info-icon tooltip (click ⓘ to show/hide bilingual help)
   ============================================================ */
.rp168-jobs-plugin .rp168-label-with-info{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
}
.rp168-jobs-plugin .rp168-info-wrap{
  position:relative;
  display:inline-flex;
  vertical-align:middle;
  margin-left:6px;
}
.rp168-jobs-plugin .rp168-info-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  padding:0;
  border-radius:50%;
  border:1.5px solid rgba(62,86,117,.4);
  background:transparent;
  color:#3e5675;
  font-size:11px;
  font-weight:800;
  font-style:italic;
  font-family:Georgia,'Times New Roman',serif;
  line-height:1;
  cursor:pointer;
  transition:background .14s,border-color .14s,color .14s;
}
.rp168-jobs-plugin .rp168-info-btn:hover,
.rp168-jobs-plugin .rp168-info-btn[aria-expanded="true"]{
  background:#3e5675;
  border-color:#3e5675;
  color:#fff;
}
.rp168-jobs-plugin .rp168-info-pop{
  display:none;
  position:absolute;
  z-index:50;
  top:26px;
  left:50%;
  transform:translateX(-50%);
  width:max-content;
  max-width:280px;
  padding:10px 12px;
  border-radius:10px;
  background:#1e293b;
  color:#e2e8f0;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  text-align:left;
  box-shadow:0 10px 30px rgba(15,23,42,.28);
  white-space:normal;
}
.rp168-jobs-plugin .rp168-info-pop.is-open{
  display:block;
  animation:rp168InfoIn .14s ease;
}
@keyframes rp168InfoIn{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
/* little arrow */
.rp168-jobs-plugin .rp168-info-pop::before{
  content:"";
  position:absolute;
  top:-5px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:10px;
  height:10px;
  background:#1e293b;
  border-radius:2px;
}
.rp168-jobs-plugin .rp168-info-pop b{font-weight:700;color:#fff;}
.rp168-jobs-plugin .rp168-info-pop .rp168-info-zh{
  display:block;
  margin-top:4px;
  color:#aebfce;
  font-size:11.5px;
}
.rp168-jobs-plugin .rp168-info-pop .rp168-info-saved{
  display:block;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#cbd5e1;
  font-size:11.5px;
}
/* Light profile mode — keep dark popover (good contrast on white bg) but lighter icon */
.rp168-jobs-plugin.rp168-profile-light .rp168-info-btn{
  border-color:rgba(62,86,117,.45);
  color:#3e5675;
}
/* Dark profile mode — icon adapts */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-info-btn{
  border-color:rgba(214,182,47,.5);
  color:#d6b62f;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-info-btn:hover,
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-info-btn[aria-expanded="true"]{
  background:#d6b62f;
  border-color:#d6b62f;
  color:#0f172a;
}
/* Mobile: keep popover within screen */
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-info-pop{
    max-width:240px;
    left:auto;
    right:0;
    transform:none;
  }
  .rp168-jobs-plugin .rp168-info-pop.is-open{transform:none;}
  @keyframes rp168InfoIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
  .rp168-jobs-plugin .rp168-info-pop::before{left:auto;right:5px;transform:rotate(45deg);}
}
.rp168-app-profile{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
  color:#374151;
  font-size:13px;
  line-height:1.45;
}
.rp168-app-profile span,
.rp168-app-profile a{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:5px 9px;
  color:#334155!important;
  text-decoration:none!important;
  font-weight:500!important;
}

/* V64 Role Lock */
.rp168-role-lock-note{margin:10px 0 0;padding:10px 12px;border:1px solid #d7e5ff;background:#f3f7ff;border-radius:12px;color:#294264;font-size:13px;font-weight:800;line-height:1.45}
.rp168-jobs-plugin .btn-apply.is-locked,.rp168-jobs-plugin .bapply.is-locked,body > #jmod.rp168-job-floating-modal .btn-apply.is-locked,body > #jmod.rp168-job-floating-modal .bapply.is-locked{background:#eef2f7!important;color:#64748b!important;border:1px solid #d8e0ea!important;box-shadow:none!important;cursor:not-allowed!important}
.rp168-seeker-profile-card,.rp168-employer-profile-card{transition:opacity .18s ease, transform .18s ease}
@media(max-width:680px){.rp168-role-lock-note{font-size:12px;padding:9px 10px}.rp168-jobs-plugin .btn-apply.is-locked,.rp168-jobs-plugin .bapply.is-locked,body > #jmod.rp168-job-floating-modal .btn-apply.is-locked,body > #jmod.rp168-job-floating-modal .bapply.is-locked{font-size:12px!important}}

/* ===== V65: professional button hover style + white wording ===== */
.rp168-jobs-plugin .btn-post,
.rp168-jobs-plugin .btn-login,
.rp168-jobs-plugin .btn-s,
.rp168-jobs-plugin .btn-g,
.rp168-jobs-plugin .btn-prim,
.rp168-jobs-plugin .btn-sec,
.rp168-jobs-plugin .btn-wa2,
.rp168-jobs-plugin .btn-apply,
.rp168-jobs-plugin .bapply,
.rp168-jobs-plugin .bwa,
.rp168-jobs-plugin .bcall,
.rp168-jobs-plugin .bemail,
.rp168-jobs-plugin .bsave,
.rp168-jobs-plugin .bedit,
.rp168-jobs-plugin .breport,
.rp168-jobs-plugin .btn-report,
.rp168-jobs-plugin .today-btn,
.rp168-jobs-plugin .btn-clear-hero,
.rp168-jobs-plugin .rp168-menu-post,
.rp168-jobs-plugin .rp168-menu-register,
.rp168-jobs-plugin .rp168-menu-login,
body > #jmod.rp168-job-floating-modal .mft button,
body > #jmod.rp168-job-floating-modal .mft a,
body > #jmod.rp168-job-floating-modal .cbox .btn-wa2,
body > #jmod.rp168-job-floating-modal .cbox .bwa,
body > #jmod.rp168-job-floating-modal .cbox .bcall{
  background:#3e5675!important;
  color:#ffffff!important;
  border:1px solid #d6b62f!important;
  border-radius:999px!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1.2!important;
  box-shadow:0 3px 8px rgba(13,27,42,.16)!important;
  transition:background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

.rp168-jobs-plugin .btn-post:hover,
.rp168-jobs-plugin .btn-login:hover,
.rp168-jobs-plugin .btn-s:hover,
.rp168-jobs-plugin .btn-g:hover,
.rp168-jobs-plugin .btn-prim:hover,
.rp168-jobs-plugin .btn-sec:hover,
.rp168-jobs-plugin .btn-wa2:hover,
.rp168-jobs-plugin .btn-apply:hover,
.rp168-jobs-plugin .bapply:hover,
.rp168-jobs-plugin .bwa:hover,
.rp168-jobs-plugin .bcall:hover,
.rp168-jobs-plugin .bemail:hover,
.rp168-jobs-plugin .bsave:hover,
.rp168-jobs-plugin .bedit:hover,
.rp168-jobs-plugin .breport:hover,
.rp168-jobs-plugin .btn-report:hover,
.rp168-jobs-plugin .today-btn:hover,
.rp168-jobs-plugin .btn-clear-hero:hover,
.rp168-jobs-plugin .rp168-menu-post:hover,
.rp168-jobs-plugin .rp168-menu-register:hover,
.rp168-jobs-plugin .rp168-menu-login:hover,
body > #jmod.rp168-job-floating-modal .mft button:hover,
body > #jmod.rp168-job-floating-modal .mft a:hover,
body > #jmod.rp168-job-floating-modal .cbox .btn-wa2:hover,
body > #jmod.rp168-job-floating-modal .cbox .bwa:hover,
body > #jmod.rp168-job-floating-modal .cbox .bcall:hover{
  background:#627a94!important;
  color:#ffffff!important;
  border-color:#d6b62f!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 18px rgba(13,27,42,.24)!important;
  filter:none!important;
}

.rp168-jobs-plugin .btn-post *,
.rp168-jobs-plugin .btn-login *,
.rp168-jobs-plugin .btn-s *,
.rp168-jobs-plugin .btn-g *,
.rp168-jobs-plugin .btn-prim *,
.rp168-jobs-plugin .btn-sec *,
.rp168-jobs-plugin .btn-wa2 *,
.rp168-jobs-plugin .btn-apply *,
.rp168-jobs-plugin .bapply *,
.rp168-jobs-plugin .bwa *,
.rp168-jobs-plugin .bcall *,
.rp168-jobs-plugin .bemail *,
.rp168-jobs-plugin .bsave *,
.rp168-jobs-plugin .bedit *,
.rp168-jobs-plugin .breport *,
.rp168-jobs-plugin .btn-report *{
  color:#ffffff!important;
}

.rp168-jobs-plugin .btn-apply.is-locked,
.rp168-jobs-plugin .btn-apply.is-locked:hover,
.rp168-jobs-plugin .bapply.is-locked,
.rp168-jobs-plugin .bapply.is-locked:hover,
body > #jmod.rp168-job-floating-modal .btn-apply.is-locked,
body > #jmod.rp168-job-floating-modal .btn-apply.is-locked:hover,
body > #jmod.rp168-job-floating-modal .bapply.is-locked,
body > #jmod.rp168-job-floating-modal .bapply.is-locked:hover{
  background:#eef2f7!important;
  color:#64748b!important;
  border:1px solid #d8e0ea!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  filter:none!important;
  transform:none!important;
}

/* ===== V66: polished hero search/filter bar ===== */
.rp168-jobs-plugin .hero .rp168-hero-filter-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:12px!important;
  background:#ffffff!important;
  border:1px solid rgba(219,227,239,.95)!important;
  border-radius:18px!important;
  box-shadow:0 18px 44px rgba(13,27,42,.18)!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid select,
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .rp168-hero-keyword,
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:none!important;
  outline:none!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid select{
  min-width:0!important;
  padding:0 38px 0 15px!important;
  border:1px solid #dbe3ef!important;
  background:#f8fafc!important;
  color:#263449!important;
  outline:none!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .rp168-hero-keyword{
  min-width:0!important;
  padding:0 15px!important;
  border:1px solid #dbe3ef!important;
  background:#f8fafc!important;
  color:#263449!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .rp168-hero-keyword:focus,
.rp168-jobs-plugin .hero .rp168-hero-filter-grid select:focus{
  background:#ffffff!important;
  border-color:#d6b62f!important;
  box-shadow:0 0 0 3px rgba(214,182,47,.18)!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s{
  min-width:132px!important;
  padding:0 22px!important;
  background:#3e5675!important;
  color:#ffffff!important;
  border:1px solid #d6b62f!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-align:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s:focus,
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s:focus-visible{
  outline:none!important;
  border-color:#b9893c!important;
  box-shadow:0 0 0 3px rgba(185,137,60,.22)!important;
}
.rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s:hover{
  background:#627a94!important;
  color:#ffffff!important;
  border-color:#d6b62f!important;
  filter:none!important;
  transform:translateY(-1px)!important;
}
.rp168-jobs-plugin .rp168-draft-save-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid #dcd4bd!important;
  background:#fffaf1!important;
  color:#13223b!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-right:auto!important;
}
.rp168-jobs-plugin .rp168-draft-save-status.is-saving{color:#854d0e!important;background:#fffbeb!important}
.rp168-jobs-plugin .rp168-draft-save-status.is-saved{color:#047857!important;background:#ecfdf5!important;border-color:#bbf7d0!important}
.rp168-jobs-plugin .rp168-draft-save-status.is-unsaved{color:#991b1b!important;background:#fef2f2!important;border-color:#fecaca!important}
@media(max-width:900px){
  .rp168-jobs-plugin .hero .rp168-hero-filter-grid{
    grid-template-columns:1fr 1fr!important;
    max-width:680px!important;
  }
  .rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s{
    min-width:0!important;
  }
}
@media(max-width:560px){
  .rp168-jobs-plugin .hero .rp168-hero-filter-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:16px!important;
    box-shadow:0 12px 30px rgba(13,27,42,.16)!important;
  }
  .rp168-jobs-plugin .hero .rp168-hero-filter-grid select,
  .rp168-jobs-plugin .hero .rp168-hero-filter-grid .btn-s{
    height:44px!important;
    min-height:44px!important;
  }
}

/* ===== V67: darker secondary copy for readability ===== */
.rp168-jobs-plugin .rc,
.rp168-jobs-plugin .jco,
.rp168-jobs-plugin .jdesc,
.rp168-jobs-plugin .jpost,
.rp168-jobs-plugin .dtext,
.rp168-jobs-plugin .src-note,
.rp168-jobs-plugin .post-note,
.rp168-jobs-plugin .rp168-profile-help,
.rp168-jobs-plugin .rp168-jp-head p,
.rp168-jobs-plugin .rp168-jp-box span,
.rp168-jobs-plugin .rp168-profile-stat small{
  color:#374151!important;
}

/* ===== V68: lighter stats and action button typography ===== */
.rp168-jobs-plugin .hero .rp168-hero-counts .hero-stat,
.rp168-jobs-plugin .hero .rp168-hero-counts .hero-stat strong{
  font-weight:600!important;
}
.rp168-jobs-plugin .bapply,
.rp168-jobs-plugin .btn-apply,
.rp168-jobs-plugin .bwa,
.rp168-jobs-plugin .bcall,
.rp168-jobs-plugin .bapps,
.rp168-jobs-plugin .btn-apps,
.rp168-jobs-plugin .bedit,
.rp168-jobs-plugin .bdel,
.rp168-jobs-plugin .bsave,
.rp168-jobs-plugin .btn-danger,
body > #jmod.rp168-job-floating-modal .bapply,
body > #jmod.rp168-job-floating-modal .btn-apply,
body > #jmod.rp168-job-floating-modal .bwa,
body > #jmod.rp168-job-floating-modal .bcall,
body > #jmod.rp168-job-floating-modal .bapps,
body > #jmod.rp168-job-floating-modal .btn-apps,
body > #jmod.rp168-job-floating-modal .bedit,
body > #jmod.rp168-job-floating-modal .bdel,
body > #jmod.rp168-job-floating-modal .bsave,
body > #jmod.rp168-job-floating-modal .btn-danger,
body > #jmod.rp168-job-floating-modal .mft button,
body > #jmod.rp168-job-floating-modal .mft a{
  font-weight:600!important;
}

#rp168ApplyModal .rp168-autofill-profile-btn{
  margin-top:10px!important;
  min-height:32px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
}

/* ===== V69: compact professional job action buttons ===== */
.rp168-jobs-plugin .jbtns{
  gap:6px!important;
}
.rp168-jobs-plugin .jbtns .bapply,
.rp168-jobs-plugin .jbtns .btn-apply,
.rp168-jobs-plugin .jbtns .bwa,
.rp168-jobs-plugin .jbtns .bcall,
.rp168-jobs-plugin .jbtns .bapps,
.rp168-jobs-plugin .jbtns .btn-apps,
.rp168-jobs-plugin .jbtns .bedit,
.rp168-jobs-plugin .jbtns .bdel,
.rp168-jobs-plugin .jbtns .bsave,
.rp168-jobs-plugin .jbtns .btn-danger,
body > #jmod.rp168-job-floating-modal .mft .bapply,
body > #jmod.rp168-job-floating-modal .mft .btn-apply,
body > #jmod.rp168-job-floating-modal .mft .bwa,
body > #jmod.rp168-job-floating-modal .mft .bcall,
body > #jmod.rp168-job-floating-modal .mft .bapps,
body > #jmod.rp168-job-floating-modal .mft .btn-apps,
body > #jmod.rp168-job-floating-modal .mft .bedit,
body > #jmod.rp168-job-floating-modal .mft .bdel,
body > #jmod.rp168-job-floating-modal .mft .bsave,
body > #jmod.rp168-job-floating-modal .mft .btn-danger,
body > #jmod.rp168-job-floating-modal .mft button,
body > #jmod.rp168-job-floating-modal .mft a{
  min-height:34px!important;
  height:auto!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  gap:5px!important;
}
@media(max-width:720px){
  .rp168-jobs-plugin .jbtns{
    gap:6px!important;
  }
  .rp168-jobs-plugin .jbtns .bapply,
  .rp168-jobs-plugin .jbtns .btn-apply,
  .rp168-jobs-plugin .jbtns .bwa,
  .rp168-jobs-plugin .jbtns .bcall,
  .rp168-jobs-plugin .jbtns .bapps,
  .rp168-jobs-plugin .jbtns .btn-apps,
  .rp168-jobs-plugin .jbtns .bedit,
  .rp168-jobs-plugin .jbtns .bdel,
  .rp168-jobs-plugin .jbtns .bsave,
  .rp168-jobs-plugin .jbtns .btn-danger,
  body > #jmod.rp168-job-floating-modal .mft .bapply,
  body > #jmod.rp168-job-floating-modal .mft .btn-apply,
  body > #jmod.rp168-job-floating-modal .mft .bwa,
  body > #jmod.rp168-job-floating-modal .mft .bcall,
  body > #jmod.rp168-job-floating-modal .mft .bapps,
  body > #jmod.rp168-job-floating-modal .mft .btn-apps,
  body > #jmod.rp168-job-floating-modal .mft .bedit,
  body > #jmod.rp168-job-floating-modal .mft .bdel,
  body > #jmod.rp168-job-floating-modal .mft .bsave,
  body > #jmod.rp168-job-floating-modal .mft .btn-danger,
  body > #jmod.rp168-job-floating-modal .mft button,
  body > #jmod.rp168-job-floating-modal .mft a{
    min-height:32px!important;
    height:auto!important;
    padding:7px 10px!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.2!important;
    gap:5px!important;
  }
}

/* ===== V71: cleaner Job Seeker Profile form typography ===== */
.rp168-jobs-plugin .rp168-seeker-profile-card h3{
  font-weight:600!important;
  letter-spacing:0!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-company-profile-grid{
  gap:14px!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-company-profile-grid label{
  gap:7px!important;
  color:#2f3a46!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card input,
.rp168-jobs-plugin .rp168-seeker-profile-card textarea{
  min-height:42px!important;
  border:1px solid #cfd8e3!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#172033!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card input{
  padding:9px 12px!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card textarea{
  padding:10px 12px!important;
  resize:vertical!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card input:focus,
.rp168-jobs-plugin .rp168-seeker-profile-card textarea:focus{
  outline:none!important;
  border-color:#3e5675!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(62,86,117,.14),0 1px 2px rgba(15,23,42,.04)!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card input::placeholder,
.rp168-jobs-plugin .rp168-seeker-profile-card textarea::placeholder{
  color:#7b8794!important;
  font-weight:400!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-file-help{
  display:block!important;
  margin-top:7px!important;
  color:#374151!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions{
  margin-top:14px!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions .btn-prim{
  min-height:34px!important;
  height:auto!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-company-profile-grid{
    gap:12px!important;
  }
  .rp168-jobs-plugin .rp168-seeker-profile-card input,
  .rp168-jobs-plugin .rp168-seeker-profile-card textarea{
    min-height:40px!important;
    font-size:13.5px!important;
  }
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions .btn-prim{
    min-height:32px!important;
    padding:7px 11px!important;
    font-size:12.5px!important;
  }
}

/* ===== V72: local AI application summary controls ===== */
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-ai-summary-field textarea{
  min-height:150px!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions-split{
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-ai-summary-btn{
  min-height:34px!important;
  height:auto!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
#rp168ApplyModal .rp168-apply-choice-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:8px 0 10px!important;
}
#rp168ApplyModal .rp168-apply-choice-list span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border:1px solid #dbe3ef!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#374151!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions-split{
    justify-content:flex-start!important;
  }
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions-split .btn-sec,
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-actions-split .btn-prim{
    width:100%!important;
    justify-content:center!important;
  }
  #rp168ApplyModal .rp168-apply-choice-list span{
    width:100%!important;
  }
}

/* ===== V73: compact top dashboard home button ===== */
.rp168-jobs-plugin .rp168-member-dashboard .rp168-back-home-small{
  padding:6px 11px!important;
  min-height:30px!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#334155!important;
  border-color:#dbe3ef!important;
  box-shadow:0 4px 12px rgba(13,27,42,.04)!important;
}
.rp168-jobs-plugin .rp168-member-dashboard .rp168-back-home-small:hover{
  background:#f8fafc!important;
  border-color:#94a3b8!important;
  color:#1f2937!important;
}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-member-dashboard .rp168-back-home-small{
    width:auto!important;
    justify-content:center!important;
  }
}

.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-seeker-return-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  height:auto!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-decoration:none!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-return-hint{
  display:block!important;
  width:100%!important;
  margin-top:2px!important;
  color:#374151!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-seeker-profile-card .rp168-seeker-return-btn{
    width:100%!important;
    justify-content:center!important;
  }
}

.rp168-profile-mode .hero{display:none!important;}
.rp168-profile-mode #rp168JobsWrap{display:none!important;}


/* ===== V68: compact job view count badge ===== */
.rp168-jobs-plugin .rp168-view-badge{
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:#475569!important;
  font-size:11px;
  font-weight:500!important;
  line-height:1.2;
  white-space:nowrap;
  vertical-align:middle;
}
.rp168-jobs-plugin .rp168-view-dtag .rp168-view-badge{
  color:inherit!important;
  font-size:11px;
}
.rp168-jobs-plugin .rp168-post-sep{
  color:#94a3b8!important;
  margin:0 4px;
}


/* ===== V74: global Today Views only, no per-listing view badge ===== */
.rp168-jobs-plugin .rp168-view-badge,
.rp168-jobs-plugin .rp168-view-dtag{display:none!important;}
.rp168-jobs-plugin .rp168-today-views-stat{background:rgba(255,255,255,.16)!important;}

/* V66 Employer profile save + Post Job autofill messages */
.rp168-jobs-plugin .rp168-employer-autofill-note,
.rp168-jobs-plugin .rp168-profile-save-message{
  background:#eefaf2;
  border:1px solid #b7e4c7;
  color:#14532d;
  border-radius:10px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}
.rp168-jobs-plugin .rp168-profile-save-message{
  margin-top:10px;
  text-align:right;
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-profile-save-message{text-align:left;}
}

/* === v68: Professional profile field typography === */
.rp168-jobs-plugin .rp168-company-profile-card{
  border-radius:18px!important;
}
.rp168-jobs-plugin .rp168-company-profile-card h3{
  letter-spacing:-.01em!important;
}
.rp168-jobs-plugin .rp168-company-profile-grid label{
  font-weight:600!important;
  color:#334155!important;
  letter-spacing:.01em!important;
}
.rp168-jobs-plugin .rp168-company-profile-grid input,
.rp168-jobs-plugin .rp168-company-profile-grid select,
.rp168-jobs-plugin .rp168-company-profile-grid textarea{
  font-weight:400!important;
  color:#0f172a!important;
  background:#f8fafc!important;
  line-height:1.45!important;
}
.rp168-jobs-plugin .rp168-company-profile-grid input::placeholder,
.rp168-jobs-plugin .rp168-company-profile-grid textarea::placeholder{
  font-weight:400!important;
  color:#94a3b8!important;
}
.rp168-jobs-plugin .rp168-company-profile-grid select{
  width:100%!important;
  border:1px solid #dbe3ef!important;
  border-radius:10px!important;
  padding:11px 12px!important;
  font-size:14px!important;
  font-family:inherit!important;
}
.rp168-jobs-plugin .rp168-company-profile-grid select:focus{
  outline:none!important;
  border-color:#3e5675!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(62,86,117,.12)!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card,
.rp168-jobs-plugin .rp168-employer-profile-card{
  box-shadow:0 12px 28px rgba(13,27,42,.055)!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-profile-help,
.rp168-jobs-plugin .rp168-employer-profile-card .rp168-profile-help{
  font-weight:400!important;
}
.rp168-jobs-plugin .rp168-file-help,
.rp168-jobs-plugin .rp168-profile-return-hint{
  font-weight:400!important;
  color:#64748b!important;
  line-height:1.5!important;
}

/* ===== V80 PREMIUM MEMBER PROFILE REDESIGN ===== */
/* Scoped exclusively to .rp168-jobs-profile-panel — nothing else touched */

/* ── Panel wrapper ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel{
  max-width:1300px;
  margin:28px auto 0;
  padding:0 18px 40px;
}

/* ── Outer card: dark navy premium shell ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro{
  background:#0f1c2e!important;
  border:1px solid rgba(214,182,47,.18)!important;
  border-radius:28px!important;
  padding:0!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28), 0 2px 0 rgba(214,182,47,.22)!important;
  overflow:hidden!important;
}

/* ── Profile header band ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head.rp168-jp-head-pro{
  background:linear-gradient(135deg,#0f1c2e 0%,#1a2e47 60%,#1e3550 100%)!important;
  border-bottom:1px solid rgba(214,182,47,.22)!important;
  padding:28px 32px 26px!important;
  margin-bottom:0!important;
  flex-wrap:wrap!important;
  gap:16px!important;
}

/* ── Avatar: premium gold ring ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-avatar{
  width:66px!important;
  height:66px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#2a3f59,#1e3550)!important;
  border:2.5px solid #d6b62f!important;
  box-shadow:0 0 0 4px rgba(214,182,47,.14), 0 12px 28px rgba(0,0,0,.28)!important;
  font-size:28px!important;
  color:#d6b62f!important;
  flex-shrink:0!important;
}

/* ── Header text ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head h2{
  margin:0 0 4px!important;
  font-size:22px!important;
  font-weight:700!important;
  color:#ffffff!important;
  letter-spacing:.01em!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head p{
  margin:0!important;
  color:rgba(214,182,47,.75)!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
}

/* ── Post job button in header ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-head-actions .btn-g{
  background:linear-gradient(135deg,#d6b62f,#c9a825)!important;
  color:#0f1c2e!important;
  border:none!important;
  border-radius:999px!important;
  padding:10px 20px!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:0 4px 16px rgba(214,182,47,.32)!important;
  transition:all .18s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-head-actions .btn-g:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 24px rgba(214,182,47,.42)!important;
}

/* ── Inner content area (below header) ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > *:not(.rp168-jp-head){
  padding-left:28px!important;
  padding-right:28px!important;
}

/* ── Section cards (account type, seeker, employer) ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-card{
  background:#172336!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:22px 24px!important;
  margin:20px 0!important;
  box-shadow:none!important;
  transition:border-color .18s ease, box-shadow .18s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-card:hover{
  border-color:rgba(214,182,47,.28)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}

/* ── Account type card: gold accent ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-account-type-card{
  background:linear-gradient(135deg,#1a2a1a,#1c2e1c)!important;
  border-color:rgba(214,182,47,.32)!important;
}
.rp168-jobs-plugin .rp168-account-type-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:10px 0 8px;
  padding:2px 4px 0;
}
.rp168-jobs-plugin .rp168-account-type-inline .rp168-account-type-label{
  font-size:12px;
  font-weight:700;
  color:#64748b;
  letter-spacing:.01em;
}
.rp168-jobs-plugin .rp168-account-type-inline .rp168-account-type-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background:#eef4fa;
  color:#3e5675;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.rp168-jobs-plugin .rp168-account-type-inline .rp168-account-type-value[data-i18n="pf_badge_employer"]{
  background:#fff7e0;
  color:#5a3800;
}

/* ── Seeker card: subtle green tint ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-seeker-profile-card{
  background:#152830!important;
  border-color:rgba(74,190,120,.22)!important;
}

/* ── Employer card: blue tint ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-employer-profile-card{
  background:#14213a!important;
  border-color:rgba(99,149,214,.22)!important;
}

/* ── Section card headings ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-card h3{
  margin:0 0 8px!important;
  color:#ffffff!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

/* ── Profile help text ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-help{
  color:rgba(180,200,220,.65)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.6!important;
  margin-bottom:14px!important;
}

/* ── Role lock note ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-lock-note{
  background:rgba(41,82,130,.25)!important;
  border:1px solid rgba(99,149,214,.3)!important;
  border-radius:10px!important;
  color:rgba(180,210,255,.8)!important;
  font-size:12.5px!important;
  font-weight:500!important;
  padding:10px 14px!important;
  margin-top:10px!important;
}

/* ── Role select radio cards ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:12px!important;
  padding:11px 14px!important;
  background:rgba(255,255,255,.04)!important;
  font-weight:600!important;
  color:#c8d8e8!important;
  cursor:pointer!important;
  transition:all .16s ease!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select label input{
  flex-shrink:0!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select label:hover{
  background:rgba(214,182,47,.08)!important;
  border-color:rgba(214,182,47,.4)!important;
  color:#fff!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select label:has(input:checked){
  background:rgba(214,182,47,.12)!important;
  border-color:#d6b62f!important;
  box-shadow:0 0 0 3px rgba(214,182,47,.14)!important;
  color:#f5e47a!important;
  font-weight:700!important;
}

/* ── Form grid ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  font-size:12.5px!important;
  font-weight:600!important;
  color:rgba(180,210,240,.7)!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid .rp168-wide{
  grid-column:1/-1!important;
}

/* ── Inputs & textareas ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid textarea,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid select{
  width:100%!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  padding:11px 14px!important;
  font-size:14px!important;
  color:#e8f0f8!important;
  background:rgba(255,255,255,.05)!important;
  font-family:inherit!important;
  font-weight:400!important;
  line-height:1.45!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.2)!important;
  transition:all .16s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input::placeholder,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid textarea::placeholder{
  color:rgba(150,180,210,.4)!important;
  font-weight:400!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input:focus,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid textarea:focus,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid select:focus{
  outline:none!important;
  border-color:#d6b62f!important;
  background:rgba(214,182,47,.06)!important;
  box-shadow:0 0 0 3px rgba(214,182,47,.18), inset 0 1px 3px rgba(0,0,0,.1)!important;
  color:#fff!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid select option{
  background:#1a2e47!important;
  color:#e8f0f8!important;
}

/* ── File input ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input[type="file"]{
  padding:8px 12px!important;
  background:rgba(255,255,255,.04)!important;
  color:rgba(180,200,220,.75)!important;
  cursor:pointer!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-file-help{
  display:block!important;
  margin-top:7px!important;
  color:rgba(150,180,210,.6)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
}

/* ── AI summary textarea ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-ai-summary-field textarea{
  min-height:140px!important;
  background:rgba(214,182,47,.04)!important;
  border-color:rgba(214,182,47,.2)!important;
}

/* ── Profile actions bar ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:18px!important;
  flex-wrap:wrap!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions-split{
  justify-content:space-between!important;
}

/* Save button: gold premium */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-prim{
  background:linear-gradient(135deg,#d6b62f,#c4a520)!important;
  color:#0f1c2e!important;
  border:none!important;
  border-radius:999px!important;
  padding:10px 22px!important;
  font-size:13.5px!important;
  font-weight:700!important;
  box-shadow:0 4px 16px rgba(214,182,47,.28)!important;
  transition:all .18s ease!important;
  cursor:pointer!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-prim:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 24px rgba(214,182,47,.4)!important;
}

/* Secondary buttons */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-sec,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-ai-summary-btn{
  background:rgba(255,255,255,.07)!important;
  color:#c8d8e8!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  padding:9px 18px!important;
  font-size:13px!important;
  font-weight:600!important;
  box-shadow:none!important;
  transition:all .16s ease!important;
  cursor:pointer!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-sec:hover,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-ai-summary-btn:hover{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}

/* Back / return button */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-seeker-return-btn{
  background:transparent!important;
  color:rgba(180,200,220,.7)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:999px!important;
  padding:9px 16px!important;
  font-size:13px!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:all .16s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-seeker-return-btn:hover{
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}

/* Return hint text */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-return-hint{
  display:block!important;
  width:100%!important;
  margin-top:4px!important;
  color:rgba(150,180,210,.55)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
}

/* ── Stats row ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:20px 0!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stat{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  padding:18px 16px!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:100px!important;
  justify-content:center!important;
  transition:all .16s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stat:hover{
  border-color:rgba(214,182,47,.3)!important;
  background:rgba(214,182,47,.05)!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stat span{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:rgba(214,182,47,.12)!important;
  border:1px solid rgba(214,182,47,.2)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stat small{
  color:rgba(180,200,220,.55)!important;
  font-size:11.5px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  line-height:1.3!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stat strong{
  font-size:26px!important;
  color:#ffffff!important;
  font-weight:700!important;
  line-height:1!important;
}

/* ── Quick nav boxes ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-grid.rp168-jp-grid-pro{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  margin:0!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-box{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  padding:18px 16px!important;
  text-align:left!important;
  text-decoration:none!important;
  color:#c8d8e8!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:all .18s ease!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-box:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(214,182,47,.4)!important;
  background:rgba(214,182,47,.07)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
  color:#fff!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-box.rp168-jp-box-active{
  border-color:#d6b62f!important;
  background:rgba(214,182,47,.1)!important;
  box-shadow:0 0 0 2px rgba(214,182,47,.2)!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-box strong{
  display:block!important;
  font-size:15px!important;
  margin-bottom:6px!important;
  color:#fff!important;
  font-weight:700!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-box span{
  display:block!important;
  color:rgba(180,200,220,.55)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.4!important;
}

/* ── Tip note at bottom ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-note{
  background:rgba(214,182,47,.07)!important;
  border:1px solid rgba(214,182,47,.22)!important;
  border-radius:12px!important;
  padding:11px 14px!important;
  color:rgba(214,182,47,.75)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  margin:16px 0 0!important;
}

/* ── Bottom padding inside card ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-note,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-grid,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-profile-stats{
  margin-left:28px!important;
  margin-right:28px!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-note{
  margin-bottom:28px!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-grid{
  margin-bottom:28px!important;
}

/* ── Save success message ── */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-save-message{
  background:rgba(74,190,120,.12)!important;
  border:1px solid rgba(74,190,120,.3)!important;
  border-radius:10px!important;
  color:#6ee0a0!important;
  font-size:13px!important;
  font-weight:500!important;
  padding:10px 14px!important;
  margin-top:12px!important;
}

/* ── Responsive ── */
@media(max-width:800px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-grid.rp168-jp-grid-pro{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head.rp168-jp-head-pro{
    padding:20px 20px 18px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > *:not(.rp168-jp-head){
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid{
    grid-template-columns:1fr!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select{
    grid-template-columns:1fr!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-grid.rp168-jp-grid-pro{
    grid-template-columns:1fr!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats{
    grid-template-columns:1fr!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions-split{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-prim,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions .btn-sec,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-ai-summary-btn,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-seeker-return-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-note,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-jp-grid,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro > .rp168-profile-stats{
    margin-left:16px!important;
    margin-right:16px!important;
  }
}
/* ===== END V80 PREMIUM MEMBER PROFILE ===== */


/* ===== V81: Profile White / Black View Switch ===== */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-head-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16)!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-btn{
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(220,235,250,.72)!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1!important;
  padding:8px 12px!important;
  cursor:pointer!important;
  transition:all .16s ease!important;
  font-family:inherit!important;
  white-space:nowrap!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-btn:hover,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-btn.is-active{
  background:#d6b62f!important;
  color:#0f1c2e!important;
  box-shadow:0 4px 12px rgba(214,182,47,.26)!important;
}

/* Light profile view: clean white professional profile, scoped only to profile page. */
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro{
  background:#ffffff!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-head.rp168-jp-head-pro{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 60%,#eef4fa 100%)!important;
  border-bottom:1px solid #dbe3ef!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-avatar{
  background:#eef4fa!important;
  color:#3e5675!important;
  border-color:#d6b62f!important;
  box-shadow:0 0 0 4px rgba(214,182,47,.12),0 10px 22px rgba(15,23,42,.08)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-head h2,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-card h3,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-stat strong,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-box strong{
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-head p,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-help,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-stat small,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-box span,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-return-hint,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-file-help{
  color:#64748b!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-theme-switch{
  background:#f1f5f9!important;
  border-color:#dbe3ef!important;
  box-shadow:none!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-theme-btn{
  color:#475569!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-card,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-seeker-profile-card,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-employer-profile-card,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-account-type-card{
  background:#ffffff!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-account-type-card{
  background:#fbfffc!important;
  border-color:#cfead6!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-role-lock-note{
  background:#f1f5f9!important;
  border-color:#dbe3ef!important;
  color:#475569!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-role-select label{
  background:#f8fafc!important;
  border-color:#dbe3ef!important;
  color:#334155!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-role-select label:hover,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-role-select label:has(input:checked){
  background:#fff8d9!important;
  border-color:#d6b62f!important;
  color:#0f172a!important;
  box-shadow:0 0 0 3px rgba(214,182,47,.15)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid label{
  color:#334155!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid input,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid textarea,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid select{
  background:#f8fafc!important;
  border-color:#dbe3ef!important;
  color:#0f172a!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.035)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid input::placeholder,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid textarea::placeholder{
  color:#94a3b8!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid input:focus,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid textarea:focus,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid select:focus{
  background:#ffffff!important;
  border-color:#3e5675!important;
  box-shadow:0 0 0 3px rgba(62,86,117,.12)!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid select option{
  background:#ffffff!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-stat,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-box{
  background:#ffffff!important;
  border-color:#dbe3ef!important;
  color:#334155!important;
  box-shadow:0 10px 22px rgba(15,23,42,.04)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-stat span{
  background:#eef4fa!important;
  border-color:#dbe3ef!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-box:hover{
  background:#f8fafc!important;
  border-color:#d6b62f!important;
  color:#0f172a!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-jp-note{
  background:#fff8d9!important;
  border-color:#ecd26a!important;
  color:#5a4b04!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-actions .btn-sec,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-ai-summary-btn,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-seeker-return-btn{
  background:#f8fafc!important;
  color:#334155!important;
  border-color:#dbe3ef!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-actions .btn-sec:hover,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-ai-summary-btn:hover,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-seeker-return-btn:hover{
  background:#eef4fa!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-profile-save-message{
  background:#ecfdf3!important;
  border-color:#bbf7d0!important;
  color:#166534!important;
}
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-head-actions{width:100%!important;justify-content:flex-start!important;}
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-switch{width:100%!important;justify-content:center!important;}
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-theme-btn{flex:1!important;text-align:center!important;}
}
/* ===== END V81 Profile White / Black View Switch ===== */


/* ===== V82 Company logo + professional profile field case ===== */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid label,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel .rp168-company-profile-grid label{
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-weight:500!important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid textarea,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid select{
  font-weight:400!important;
}
.rp168-jobs-plugin .rp168-company-logo-field input[type="file"]{
  padding:9px 12px!important;
  cursor:pointer!important;
}
.rp168-company-logo-preview-wrap{
  margin-top:4px;
  align-items:center;
  gap:8px;
}
.rp168-company-logo-preview-wrap img{
  width:56px;
  height:56px;
  border-radius:14px;
  object-fit:cover;
  border:1px solid rgba(214,182,47,.45);
  background:#fff;
  box-shadow:0 8px 18px rgba(13,27,42,.16);
}
.rp168-employer-title{
  display:flex;
  align-items:center;
  gap:10px;
}
.rp168-employer-logo{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  border:1px solid #dbe3ef;
  background:#fff;
}


/* ===== V83: company logo avatar + profile city dropdown + white theme select fix ===== */
.rp168-jobs-plugin .rp168-jp-avatar{overflow:hidden;position:relative;flex:0 0 auto;}
.rp168-jobs-plugin .rp168-jp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.rp168-jobs-plugin .rp168-jp-avatar .rp168-jp-avatar-icon{display:block;line-height:1;}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel select,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel select:focus{
  color-scheme:light!important;
  background-color:#ffffff!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel select option,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel select optgroup{
  background:#ffffff!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel #jp_city,
.rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel #jp_state{
  background:#ffffff!important;
}


/* ===== V86: Job Seeker Chinese AI label, Malaysia state dropdown, mobile profile polish ===== */
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-company-profile-grid select{
  width:100%!important;
  min-height:42px!important;
  border:1px solid #cfd8e3!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#172033!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.45!important;
  padding:9px 12px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
}
.rp168-jobs-plugin .rp168-seeker-profile-card .rp168-company-profile-grid select:focus{
  outline:none!important;
  border-color:#3e5675!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(62,86,117,.14),0 1px 2px rgba(15,23,42,.04)!important;
}
.rp168-jobs-plugin .rp168-ai-summary-btn{
  white-space:normal!important;
  text-align:center!important;
}
@media(max-width:680px){
  .rp168-jobs-plugin{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;}
  /* In profile/dashboard view, let the page hug its content instead of filling the whole screen — removes the grey gap below. */
  .rp168-jobs-plugin.rp168-profile-mode{min-height:auto!important;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;}
  .rp168-jobs-plugin .rp168-jobs-profile-panel{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:10px!important;
    margin-top:14px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-card.rp168-jp-pro{
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head.rp168-jp-head-pro{
    padding:18px 14px!important;
    gap:12px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-user{
    width:100%!important;
    align-items:flex-start!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-avatar{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head h2{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-jp-head p{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select{gap:8px!important;}
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-role-select label{padding:10px 12px!important;font-size:12.5px!important;}
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-card{
    margin:14px 0!important;
    padding:16px 14px!important;
    border-radius:16px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-card h3{
    font-size:18px!important;
    line-height:1.25!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid{
    gap:12px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid label{
    font-size:12.8px!important;
    line-height:1.3!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid input,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid textarea,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-company-profile-grid select{
    min-height:42px!important;
    font-size:13.5px!important;
    padding:9px 11px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-ai-summary-field textarea{
    min-height:140px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-file-help,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-return-hint{
    font-size:11.8px!important;
    line-height:1.45!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions-split{
    gap:9px!important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions-split .btn-sec,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-actions-split .btn-prim{
    min-height:40px!important;
    font-size:13px!important;
    padding:9px 12px!important;
  }
}
/* ===== END V86 ===== */


/* ===== V87: hide employer dashboard on Job Seeker + dark select polish ===== */
/* Admin users should still see only the current selected profile mode.
   When Job Seeker is selected, employer stats / quick boxes stay hidden. */

.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-seeker-profile-card .rp168-company-profile-grid select{
  color-scheme:dark!important;
  background:#182f35!important;
  color:#e8f3f5!important;
  border-color:rgba(148,163,184,.24)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-seeker-profile-card .rp168-company-profile-grid select:focus{
  background:#1b3840!important;
  color:#ffffff!important;
  border-color:#d6b62f!important;
  box-shadow:0 0 0 3px rgba(214,182,47,.18),inset 0 1px 2px rgba(0,0,0,.18)!important;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-seeker-profile-card .rp168-company-profile-grid select option,
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-seeker-profile-card .rp168-company-profile-grid select optgroup{
  background:#182f35!important;
  color:#e8f3f5!important;
}
/* White view keeps the clean white dropdown from v83/v86. */
.rp168-jobs-plugin.rp168-profile-light .rp168-seeker-profile-card .rp168-company-profile-grid select,
.rp168-jobs-plugin.rp168-profile-light .rp168-seeker-profile-card .rp168-company-profile-grid select:focus{
  color-scheme:light!important;
  background:#ffffff!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-seeker-profile-card .rp168-company-profile-grid select option,
.rp168-jobs-plugin.rp168-profile-light .rp168-seeker-profile-card .rp168-company-profile-grid select optgroup{
  background:#ffffff!important;
  color:#0f172a!important;
}
/* ===== END V87 ===== */


/* V89: hard lock profile dashboard by selected role. Job Seeker must not see employer insights/stats/actions. */
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-only{display:none!important;}
.rp168-jobs-plugin.rp168-account-employer .rp168-seeker-profile-card,
.rp168-jobs-plugin.rp168-account-employer .rp168-seeker-only{display:none!important;}
.rp168-jobs-plugin.rp168-account-seeker .rp168-profile-stats-insights,
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-shortcuts{display:none!important;}


/* === v91: wider employer job editor + simple rich text controls === */
.rp168-jobs-plugin #pmod .mod{
  width:min(860px,96vw)!important;
  max-width:860px!important;
}
.rp168-jobs-plugin #pmod .mbd{
  max-height:calc(88vh - 132px)!important;
}
.rp168-jobs-plugin #pmod .post-field textarea#preq,
.rp168-jobs-plugin #pmod .post-field textarea#pd{
  min-height:190px!important;
  line-height:1.65!important;
  resize:vertical!important;
}
.rp168-jobs-plugin #pmod .post-field textarea#pd{
  min-height:250px!important;
}
.rp168-jobs-plugin .rp168-editor-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
.rp168-jobs-plugin .rp168-editor-toolbar button{
  border:1px solid #dbe3ef!important;
  background:#f8fafc!important;
  color:#334155!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.rp168-jobs-plugin .rp168-editor-toolbar button:hover{
  background:#eef4fb!important;
  border-color:#b8c8dc!important;
}
.rp168-jobs-plugin .dtext,
.rp168-jobs-plugin .jdesc{
  white-space:normal!important;
}
.rp168-jobs-plugin .dtext strong,
.rp168-jobs-plugin .jdesc strong{
  font-weight:800!important;
  color:#0f172a!important;
}
.rp168-jobs-plugin .rp168-line-bullet{
  display:block!important;
  margin:4px 0!important;
  padding-left:2px!important;
}
.rp168-jobs-plugin .rp168-highlight{
  display:inline!important;
  padding:1px 5px!important;
  border-radius:6px!important;
  background:#fff7cc!important;
  color:#713f12!important;
}
@media(max-width:700px){
  .rp168-jobs-plugin #pmod .mod{width:96vw!important;max-width:96vw!important;}
  .rp168-jobs-plugin #pmod .post-field textarea#preq,
  .rp168-jobs-plugin #pmod .post-field textarea#pd{min-height:170px!important;}
  .rp168-jobs-plugin .rp168-editor-toolbar button{flex:1 1 auto!important;}
}


/* === v92: seeker language dropdown + saved jobs shortcut/list === */
.rp168-jobs-plugin.rp168-account-seeker .rp168-seeker-only{display:grid!important;}
.rp168-jobs-plugin.rp168-account-employer .rp168-seeker-only{display:none!important;}
.rp168-jobs-plugin .rp168-saved-list{
  display:grid;
  gap:12px;
  margin:18px 0;
}
/* My Applications list */
.rp168-jobs-plugin .rp168-apps-list{
  display:grid;
  gap:12px;
  margin:18px 0;
}
.rp168-jobs-plugin .rp168-app-item{
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  padding:16px 18px;
  background:rgba(255,255,255,.85);
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-app-item{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.1);
}
.rp168-jobs-plugin .rp168-app-main{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:10px;
}
.rp168-jobs-plugin .rp168-app-main strong{font-size:15px;color:#1e293b;}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-app-main strong{color:#e2e8f0;}
.rp168-jobs-plugin .rp168-app-co{font-size:13px;color:#64748b;}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-app-co{color:#94a3b8;}
.rp168-jobs-plugin .rp168-app-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.rp168-jobs-plugin .rp168-app-meta span{
  font-size:11.5px;
  font-weight:600;
  padding:3px 10px;
  border-radius:99px;
  background:#f1f5f9;
  color:#475569;
}
.rp168-jobs-plugin .rp168-app-status{
  background:#dcfce7!important;
  color:#16a34a!important;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-app-meta span{
  background:rgba(255,255,255,.06);
  color:#94a3b8;
}
.rp168-jobs-plugin .rp168-app-actions .btn-sec{
  font-size:12px;
  padding:7px 14px;
}
.rp168-jobs-plugin .rp168-apps-empty{
  text-align:center;
  padding:40px 20px;
  color:#94a3b8;
  font-size:14px;
  line-height:1.8;
}
.rp168-jobs-plugin .rp168-saved-job{
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  padding:14px 16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-saved-job{
  background:rgba(15,34,42,.88);
  border-color:rgba(214,182,47,.24);
}
.rp168-jobs-plugin .rp168-saved-job strong{display:block;font-size:16px;margin-bottom:5px;}
.rp168-jobs-plugin .rp168-saved-job span{display:block;color:#64748b;font-size:13px;}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-saved-job span{color:#9fb4bf;}
.rp168-jobs-plugin .rp168-saved-job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.rp168-jobs-plugin .rp168-saved-empty{
  border:1px dashed rgba(148,163,184,.38);
  border-radius:16px;
  padding:18px;
  text-align:center;
  color:#64748b;
}
@media (max-width:760px){
  .rp168-jobs-plugin .rp168-saved-job-actions .btn-sec{width:100%;justify-content:center;text-align:center;}
}
/* === END v92 === */


/* === v93: multi-language checkboxes + final Job Seeker dashboard lock === */
.rp168-jobs-plugin .rp168-language-checks{
  border:0!important;
  padding:0!important;
  margin:0!important;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.rp168-jobs-plugin .rp168-language-checks legend{
  grid-column:1/-1;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  color:inherit;
  margin-bottom:4px;
}
.rp168-jobs-plugin .rp168-language-checks label{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  gap:8px;
  min-height:38px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:10px;
  padding:8px 12px!important;
  background:rgba(255,255,255,.04);
  font-weight:500!important;
  font-size:13px!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label{
  background:#fff!important;
  border-color:#dfe7f2!important;
  color:#27364a!important;
}
.rp168-jobs-plugin .rp168-language-checks input{
  width:auto!important;
  min-height:auto!important;
  padding:0!important;
  margin:0!important;
}
.rp168-jobs-plugin .rp168-language-checks small{grid-column:1/-1;}
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-only,
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-shortcuts,
.rp168-jobs-plugin.rp168-account-seeker .rp168-profile-stats-insights{
  display:none!important;
  visibility:hidden!important;
}
.rp168-jobs-plugin.rp168-account-seeker .rp168-seeker-only{display:grid!important;visibility:visible!important;}



/* === v95: Insights is company/employer only. Never show in Job Seeker mode. === */
.rp168-jobs-plugin.rp168-account-seeker .rp168-insights-link,
.rp168-jobs-plugin.rp168-account-seeker a[href*="rp168_view=insights"],
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-only,
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-shortcuts,
.rp168-jobs-plugin.rp168-account-seeker .rp168-profile-stats-insights{
  display:none!important;
  visibility:hidden!important;
}
.rp168-jobs-plugin.rp168-account-seeker .rp168-seeker-only{
  display:grid!important;
  visibility:visible!important;
}
/* === END v95 === */


/* === v96: seeker saved jobs visible + apply send button easier to find === */
.rp168-jobs-plugin.rp168-account-seeker .rp168-employer-shortcuts,
.rp168-jobs-plugin.rp168-account-seeker .rp168-insights-link,
.rp168-jobs-plugin.rp168-account-seeker a[href*="rp168_view=insights"]{
  display:none!important;
  visibility:hidden!important;
}
.rp168-jobs-plugin.rp168-account-seeker .rp168-seeker-only{
  display:grid!important;
  visibility:visible!important;
}
.rp168-jobs-plugin .rp168-modal-save-btn.sv,
.rp168-jobs-plugin .bsave.sv{
  background:#fff7cc!important;
  color:#713f12!important;
  border-color:#d4af37!important;
}
.rp168-jobs-plugin .rp168-submit-apply-inline{
  width:100%!important;
  justify-content:center!important;
  margin-top:4px!important;
  min-height:46px!important;
}
.rp168-jobs-plugin .rp168-apply-modal .mft{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px)!important;
}
@media(max-width:640px){
  .rp168-jobs-plugin .rp168-apply-modal .mft .btn-apply,
  .rp168-jobs-plugin .rp168-apply-modal .mft .btn-sec{
    width:100%!important;
    justify-content:center!important;
  }
}
/* === END v96 === */


/* ============================================================
   v97: Profile Dashboard Sidebar Layout
   Desktop: left 240px sidebar + right content
   Mobile:  hamburger toggle + full-width stacked
   Integrates with existing role-lock classes & theme switch
   ============================================================ */

/* --- Hide legacy top pill nav in profile mode (sidebar replaces it) --- */
.rp168-profile-mode .rp168-member-dashboard .rp168-menu-profile,
.rp168-profile-mode .rp168-member-dashboard .rp168-menu-post,
.rp168-profile-mode .rp168-member-dashboard .rp168-menu-myjobs,
.rp168-profile-mode .rp168-member-dashboard .rp168-back-home-small {
  display: none !important;
}

/* --- Profile panel: reset to block, layout is handled inside --- */
.rp168-jobs-profile-panel {
  display: block;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 12px 40px;
}

/* --- Mobile toggle button (shown on mobile only) --- */
.rp168-sidebar-mobile-toggle {
  display: none;
  width: 100%;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #3e5675;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  box-shadow: 0 4px 12px rgba(13,27,42,.06);
}
.rp168-sidebar-mobile-toggle:hover { background: #eef4fa; }
.rp168-sidebar-toggle-icon { font-size: 18px; }

/* --- Two-column flex layout: sidebar + content --- */
.rp168-profile-layout {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* ===== LEFT SIDEBAR ===== */
.rp168-profile-sidebar {
  flex: 0 0 228px;
  min-width: 0;
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 18px;
  padding: 18px 12px;
  box-shadow: 0 10px 28px rgba(13,27,42,.07);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Avatar + name block */
.rp168-sidebar-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 6px 12px;
  border-bottom: 1px solid #eef2f7;
  margin-bottom: 4px;
}
.rp168-sidebar-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  font-size: 22px !important;
  flex-shrink: 0;
}
.rp168-sidebar-user-info { min-width: 0; }
.rp168-sidebar-user-info strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: #0d1b2a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 128px;
}
.rp168-sidebar-role-badge {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  color: #3e5675;
  background: #eef4fa;
  border-radius: 6px;
  padding: 2px 7px;
  margin-top: 3px;
  white-space: nowrap;
  max-width: 100%;
}
.rp168-sidebar-role-badge[data-role="employer"] {
  color: #5a3800;
  background: #fff7e0;
}

/* Theme switch inside sidebar */
.rp168-sidebar-theme {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding: 8px 4px !important;
  border-bottom: 1px solid #eef2f7 !important;
  margin-bottom: 4px !important;
}
.rp168-sidebar-theme .rp168-profile-theme-btn {
  flex: 1;
  min-width: 60px;
  font-size: 12px !important;
  padding: 5px 8px !important;
}

/* Profile sidebar language switcher (EN / BM / 中文) */
.rp168-jobs-plugin .rp168-profile-lang-switch {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  padding: 8px 4px 10px !important;
  border-bottom: 1px solid #eef2f7 !important;
  margin-bottom: 4px !important;
}
.rp168-jobs-plugin .rp168-profile-lang-switch .rp168-lang-mini {
  flex: 1;
  min-width: 56px;
  font-size: 12px !important;
  font-weight: 800;
  padding: 5px 8px !important;
  border-radius: 8px !important;
  white-space: nowrap;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #334155;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.rp168-jobs-plugin .rp168-profile-lang-switch .rp168-lang-mini:hover {
  background: #e2e8f0;
  transform: none;
}
.rp168-jobs-plugin .rp168-profile-lang-switch .rp168-lang-mini.active {
  background: var(--gold);
  border-color: var(--gold);
  color: #102033;
}
/* Dark profile theme variant */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-profile-lang-switch {
  border-bottom-color: #1e2d3f !important;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-profile-lang-switch .rp168-lang-mini {
  background: #16263a;
  border-color: #24364c;
  color: #cbd5e1;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-profile-lang-switch .rp168-lang-mini:hover {
  background: #1e3047;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-profile-lang-switch .rp168-lang-mini.active {
  background: var(--gold);
  border-color: var(--gold);
  color: #102033;
}

/* Section labels */
.rp168-sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rp168-sidebar-section-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
  padding: 8px 10px 4px;
}

/* Sidebar nav items */
.rp168-sidebar-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #3e5675;
  text-decoration: none !important;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background .12s, color .12s;
  line-height: 1.4;
}
.rp168-sidebar-item:hover {
  background: #eef4fa;
  color: #102033;
}
.rp168-sidebar-item.rp168-sidebar-active {
  background: #3e5675;
  color: #fff !important;
}
.rp168-sidebar-item.rp168-sidebar-active .rp168-sidebar-icon { color: #fff; }
.rp168-sidebar-icon {
  flex-shrink: 0;
  font-size: 16px;
  width: 22px;
  text-align: center;
}

/* Footer items (back / logout) */
.rp168-sidebar-footer {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #eef2f7;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rp168-sidebar-item-back  { color: #64748b; }
.rp168-sidebar-item-logout { color: #c0392b; }
.rp168-sidebar-item-logout:hover { background: #fef2f2; color: #991b1b; }

/* ===== RIGHT CONTENT PANEL ===== */
.rp168-profile-content {
  flex: 1;
  min-width: 0;
}

/* Keep existing jp-card styles but remove outer max-width constraint in sidebar layout */
.rp168-profile-layout .rp168-jp-card.rp168-jp-pro {
  margin: 0;
}

/* ===== DARK THEME SIDEBAR ===== */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-profile-sidebar {
  background: #141f2e;
  border-color: #1e2d3f;
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-user {
  border-bottom-color: #1e2d3f;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-user-info strong { color: #e2eaf4; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-role-badge { background: #1e2d3f; color: #9fb4bf; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-role-badge[data-role="employer"] { background: #2a1e00; color: #e8b84b; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-section-label { color: #4a6380; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-item { color: #9fb4bf; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-item:hover { background: #1e2d3f; color: #e2eaf4; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-item.rp168-sidebar-active { background: #3e5675; color: #fff !important; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-footer { border-top-color: #1e2d3f; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-item-back { color: #4a6380; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-item-logout { color: #e05252; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-theme { border-bottom-color: #1e2d3f !important; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-mobile-toggle { background: #141f2e; border-color: #1e2d3f; color: #9fb4bf; }
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-sidebar-mobile-toggle:hover { background: #1e2d3f; }

/* ===== ROLE LOCK: existing classes still work ===== */
/* Sidebar seeker items hidden for employers (extends v89 lock) */
.rp168-jobs-plugin.rp168-account-employer .rp168-sidebar-section.rp168-seeker-only { display: none !important; }
.rp168-jobs-plugin.rp168-account-seeker  .rp168-sidebar-section.rp168-employer-only { display: none !important; }
.rp168-jobs-plugin.rp168-account-employer .rp168-sidebar-section[aria-label="Job Seeker Menu"] { display: none !important; }
.rp168-jobs-plugin.rp168-account-seeker  .rp168-sidebar-section[aria-label="Employer Menu"] { display: none !important; }
/* Seeker must never see insights or employer-only items in sidebar */
.rp168-jobs-plugin.rp168-account-seeker  .rp168-sidebar-item.rp168-insights-link { display: none !important; }

/* ===== MOBILE ===== */
@media (max-width: 760px) {
  .rp168-sidebar-mobile-toggle { display: flex !important; }

  .rp168-profile-layout {
    flex-direction: column;
    gap: 0;
  }

  .rp168-profile-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 72vw;
    max-width: 280px;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0 18px 18px 0;
    z-index: 9900;
    transform: translateX(-110%);
    transition: transform .22s cubic-bezier(.4,0,.2,1);
    box-shadow: 4px 0 32px rgba(13,27,42,.18);
    overflow-y: auto;
  }
  .rp168-profile-sidebar.rp168-sidebar-open {
    transform: translateX(0);
  }

  .rp168-profile-content {
    width: 100%;
  }

  /* Overlay when sidebar open */
  .rp168-profile-sidebar.rp168-sidebar-open::before {
    content: '';
    position: fixed;
    inset: 0;
    left: 100%;
    width: 100vw;
    background: rgba(0,0,0,.35);
    z-index: -1;
  }
}

@media (max-width: 520px) {
  .rp168-profile-sidebar { width: 88vw; max-width: 320px; }
}

/* Ensure hidden employer sidebar items don't show on seeker (belt-and-suspenders) */
.rp168-jobs-plugin.rp168-account-seeker .rp168-sidebar-section[aria-label="Employer Menu"] { display: none !important; }
.rp168-jobs-plugin.rp168-account-employer .rp168-sidebar-section[aria-label="Job Seeker Menu"] { display: none !important; }


/* ============================================================
   v98: Fix white theme sidebar items + language checkboxes
   ============================================================ */

/* --- FIX 1: Sidebar items in WHITE (light) theme --- */
.rp168-jobs-plugin.rp168-profile-light .rp168-profile-sidebar {
  background: #fff;
  border-color: #dbe3ef;
  box-shadow: 0 10px 28px rgba(13,27,42,.07);
}
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-user {
  border-bottom-color: #eef2f7;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-user-info strong { color: #0d1b2a; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-role-badge { background: #eef4fa; color: #3e5675; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-role-badge[data-role="employer"] { background: #fff7e0; color: #5a3800; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-section-label { color: #94a3b8; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item { color: #3e5675 !important; background: transparent; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item:hover { background: #eef4fa !important; color: #102033 !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item.rp168-sidebar-active { background: #3e5675 !important; color: #fff !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-footer { border-top-color: #eef2f7; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item-back { color: #64748b !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item-logout { color: #c0392b !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-item-logout:hover { background: #fef2f2 !important; color: #991b1b !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-theme { border-bottom-color: #eef2f7 !important; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-mobile-toggle { background: #fff; border-color: #dbe3ef; color: #3e5675; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-mobile-toggle:hover { background: #eef4fa; }
.rp168-jobs-plugin.rp168-profile-light .rp168-sidebar-section-label { color: #94a3b8; }

/* --- FIX 2: Language checkboxes in WHITE theme — full fix --- */
/* Default (dark) language labels already styled in v93; light theme override: */
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label {
  background: #f8fafc !important;
  border-color: #dbe3ef !important;
  color: #27364a !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label:hover {
  background: #eef4fa !important;
  border-color: #3e5675 !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label:has(input:checked) {
  background: #dbeafe !important;
  border-color: #3b82f6 !important;
  color: #1d3557 !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks legend {
  color: #3e5675 !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks small {
  color: #64748b !important;
}
/* Dark theme — ensure checked state is visible */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-language-checks label:has(input:checked) {
  background: rgba(59,130,246,.18) !important;
  border-color: #3b82f6 !important;
  color: #e2eaf4 !important;
}


/* ============================================================
   v98: Go Apply CTA after AI summary + Saved Resume notice
   ============================================================ */

/* Saved resume notice in apply modal */
.rp168-apply-saved-resume-note {
  display: none;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  color: #0c4a6e;
  margin-top: 6px;
  line-height: 1.5;
}
.rp168-apply-saved-resume-note a {
  color: #0369a1;
  font-weight: 700;
  text-decoration: underline;
}
.rp168-apply-saved-resume-note small { color: #64748b; }


/* ============================================================
   v99: Language checkbox layout fix — checkbox left-aligned
   ============================================================ */

/* Override previous grid style with proper inline checkbox+label */
/* 2 columns on all screens (multi-select checkboxes). */
.rp168-jobs-plugin .rp168-language-checks {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.rp168-jobs-plugin .rp168-language-checks legend {
  grid-column: 1 / -1;
  font-size: 13px;
  font-weight: 700;
  color: inherit;
  margin-bottom: 6px;
}
.rp168-jobs-plugin .rp168-language-checks label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;  /* centered checkbox + text in each column */
  gap: 8px !important;
  padding: 10px 8px !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  border: 1.5px solid rgba(148,163,184,.25) !important;
  background: rgba(255,255,255,.05) !important;
  transition: background .12s, border-color .12s;
  white-space: nowrap !important;
}
.rp168-jobs-plugin .rp168-language-checks input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #3b82f6;
  cursor: pointer;
}
.rp168-jobs-plugin .rp168-language-checks label:hover {
  border-color: rgba(148,163,184,.5) !important;
  background: rgba(255,255,255,.08) !important;
}
.rp168-jobs-plugin .rp168-language-checks label:has(input:checked) {
  border-color: #3b82f6 !important;
  background: rgba(59,130,246,.15) !important;
}
/* Light theme */
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label {
  border-color: #dbe3ef !important;
  background: #f8fafc !important;
  color: #27364a !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label:hover {
  border-color: #94a3b8 !important;
  background: #eef4fa !important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-language-checks label:has(input:checked) {
  border-color: #3b82f6 !important;
  background: #dbeafe !important;
  color: #1d3557 !important;
}
/* Tablet (641-900px): drop from 4 columns to 2 so text isn't cramped. */
@media (max-width: 900px) and (min-width: 641px) {
  .rp168-jobs-plugin .rp168-language-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Mobile (≤640px): 2 columns. Comes after the 4-column desktop base rule, so it wins on phones. */
@media (max-width: 640px) {
  .rp168-jobs-plugin .rp168-language-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .rp168-jobs-plugin .rp168-language-checks label {
    padding: 8px 10px !important;
    min-height: 36px !important;
    font-size: 12.5px !important;
    gap: 7px !important;
  }
  .rp168-jobs-plugin .rp168-language-checks input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
  }
}


/* ============================================================
   v99: Apply modal — include photo option + toggle switch
        Seeker photo field in profile
   ============================================================ */

/* Seeker photo preview wrap */
.rp168-seeker-photo-field { position: relative; }
.rp168-seeker-photo-preview-wrap {
  display: inline-flex !important;
  margin-top: 8px;
}
.rp168-seeker-photo-preview-wrap img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #dbe3ef;
}

/* Apply photo row */
.rp168-apply-photo-row {
  margin: 8px 0;
}
.rp168-apply-photo-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  background: #f8fafc !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 12px !important;
  cursor: default !important;
  min-height: unset !important;
  flex-wrap: wrap !important;
}
.rp168-apply-photo-thumb {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #dbe3ef !important;
  flex-shrink: 0 !important;
}
.rp168-apply-photo-info {
  flex: 1;
  min-width: 0;
}
.rp168-apply-photo-info strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0d1b2a;
  margin-bottom: 2px;
}
.rp168-apply-photo-info span {
  font-size: 12px;
  color: #64748b;
}
.rp168-apply-photo-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: #3e5675;
}

/* Toggle switch */
.rp168-toggle-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  flex-shrink: 0;
}
.rp168-toggle-switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.rp168-toggle-slider {
  position: absolute;
  inset: 0;
  background: #cbd5e1;
  border-radius: 24px;
  cursor: pointer;
  transition: background .2s;
}
.rp168-toggle-slider::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  left: 3px;
  top: 3px;
  transition: transform .2s;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.rp168-toggle-switch input:checked + .rp168-toggle-slider { background: #3b82f6; }
.rp168-toggle-switch input:checked + .rp168-toggle-slider::before { transform: translateX(18px); }

/* === v100: compact employer Insights cards === */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-width: 980px !important;
  margin: 14px 0 18px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat{
  min-height: 112px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  gap: 8px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat span{
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  font-size: 18px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat small{
  font-size: 12px !important;
  letter-spacing: .04em !important;
  line-height: 1.25 !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat strong{
  font-size: 30px !important;
  line-height: 1 !important;
  word-break: break-word !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights #rp168ProfileCountries{
  font-size: 24px !important;
  letter-spacing: .02em !important;
}
@media(max-width:900px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
}
@media(max-width:560px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights{
    grid-template-columns: 1fr !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat{
    min-height: 96px !important;
    padding: 14px 16px !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat strong{
    font-size: 26px !important;
  }
}

/* === v101: extra compact employer Insights numbers === */
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights{
  gap: 10px !important;
  max-width: 820px !important;
  margin: 10px 0 14px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat{
  min-height: 82px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  gap: 6px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat span{
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat small{
  font-size: 11px !important;
  letter-spacing: .025em !important;
  line-height: 1.15 !important;
}
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat strong,
.rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights #rp168ProfileCountries{
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
  word-break: break-word !important;
}
@media(max-width:900px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights{
    max-width: none !important;
  }
}
@media(max-width:560px){
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat{
    min-height: 74px !important;
    padding: 10px 12px !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat strong,
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights #rp168ProfileCountries{
    font-size: 18px !important;
  }
}

/* V103: Keep Job Seeker / Employer role choices, hide only the explanation wording */
.rp168-account-type-card {
  display: block !important;
  padding: 10px 12px !important;
}
.rp168-account-type-card > h3,
.rp168-account-type-card > .rp168-profile-help,
.rp168-role-lock-note {
  display: none !important;
}
.rp168-account-type-card .rp168-role-select {
  margin-top: 0 !important;
}


/* ===== V104: remove duplicate logo preview + compact role buttons ===== */
.rp168-jobs-plugin .rp168-company-logo-preview-wrap,
.rp168-jobs-plugin #jp_company_logo_preview_wrap,
.rp168-jobs-plugin #jp_company_logo_preview{
  display:none!important;
}
.rp168-jobs-plugin .rp168-account-type-card{
  padding:14px 16px!important;
  margin:16px 0 18px!important;
}
.rp168-jobs-plugin .rp168-account-type-lock{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.rp168-jobs-plugin .rp168-account-type-label{
  font-size:12px;
  font-weight:700;
  color:#64748b;
  letter-spacing:.01em;
}
.rp168-jobs-plugin .rp168-account-type-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  background:#eef4fa;
  color:#3e5675;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.rp168-jobs-plugin .rp168-account-type-value[data-i18n="pf_badge_employer"]{
  background:#fff7e0;
  color:#5a3800;
}
.rp168-jobs-plugin .rp168-account-type-card h3,
.rp168-jobs-plugin .rp168-account-type-card > .rp168-profile-help,
.rp168-jobs-plugin .rp168-account-type-card > .rp168-role-lock-note{
  display:none!important;
}
.rp168-jobs-plugin .rp168-account-type-card .rp168-role-select{
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.rp168-jobs-plugin .rp168-profile-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
@media(max-width:760px){
  .rp168-jobs-plugin .rp168-account-type-card .rp168-role-select{grid-template-columns:1fr!important;}
}


/* ===== v105: remove duplicate job seeker inline photo preview + AI summary step flow ===== */
.rp168-jobs-plugin .rp168-seeker-photo-preview-wrap,
.rp168-jobs-plugin #jp_seeker_photo_preview_wrap,
.rp168-jobs-plugin #jp_seeker_photo_preview{
  display:none!important;
}
/* =====================================================
   v106c+ Premium AI Application Preview Panel
   ===================================================== */

/* — Panel shell — */
.rp168-jobs-plugin .rp168-application-preview-panel{
  display:none;
  margin:20px 0 4px;
  border-radius:20px;
  border:1.5px solid rgba(212,175,55,.45);
  background:#fff;
  box-shadow:0 8px 40px rgba(15,23,42,.09);
  overflow:hidden;
  scroll-margin-top:16px;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-application-preview-panel{
  background:#0f1e22;
  border-color:rgba(212,175,55,.4);
  box-shadow:0 12px 48px rgba(0,0,0,.3);
}

/* — Header bar with label + stepper — */
.rp168-jobs-plugin .rp168-apv-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px 12px;
  border-bottom:1px solid rgba(212,175,55,.22);
  background:linear-gradient(135deg,rgba(212,175,55,.07) 0%,rgba(212,175,55,.02) 100%);
  flex-wrap:wrap;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-header{
  border-bottom-color:rgba(212,175,55,.18);
  background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,rgba(0,0,0,0) 100%);
}
.rp168-jobs-plugin .rp168-apv-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#9aab8a;
  white-space:nowrap;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-label{color:#6b8c7a;}


/* — Body sections — */
.rp168-jobs-plugin .rp168-apv-body{
  padding:0;
}
.rp168-jobs-plugin .rp168-apv-preview-section{
  background:#f8fafc;
  margin:0 20px;
  margin-top:16px;
  border-radius:12px;
  border:1px solid #eef2f7;
  padding:16px 18px;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-preview-section{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
}

/* — Preview text — */
.rp168-jobs-plugin .rp168-apv-pre{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  font-size:13.5px;
  line-height:1.65;
  color:#1e293b;
  font-family:inherit;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-pre{color:#dce8f0;}

/* — Hint text — */
.rp168-jobs-plugin .rp168-apv-hint{
  margin:0;
  font-size:13px;
  color:#64748b;
  line-height:1.5;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-hint{color:#7a9aaa;}

/* — Apply button — */
.rp168-jobs-plugin .rp168-apv-apply-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  border-radius:99px;
  background:#1e3a4a;
  color:#fff !important;
  font-size:14px;
  font-weight:700;
  text-decoration:none !important;
  border:none;
  cursor:pointer;
  transition:background .18s,transform .12s,box-shadow .18s;
  box-shadow:0 4px 14px rgba(30,58,74,.25);
}
.rp168-jobs-plugin .rp168-apv-apply-btn:hover{
  background:#15303f;
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(30,58,74,.32);
}
.rp168-jobs-plugin .rp168-apv-apply-btn svg{
  flex-shrink:0;
  opacity:.85;
}
.rp168-jobs-plugin .rp168-apv-btn-zh{
  font-size:12px;
  font-weight:500;
  opacity:.8;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-apply-btn{
  background:#d4af37;
  color:#0f172a !important;
  box-shadow:0 4px 14px rgba(212,175,55,.25);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-apply-btn:hover{
  background:#c9a52e;
  box-shadow:0 6px 20px rgba(212,175,55,.35);
}

/* — Ready badge — */
.rp168-jobs-plugin .rp168-apv-ready-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 11px;
  border-radius:99px;
  background:rgba(34,197,94,.12);
  color:#16a34a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.rp168-jobs-plugin .rp168-apv-ready-badge::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#16a34a;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-ready-badge{
  background:rgba(74,222,128,.14);
  color:#4ade80;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-ready-badge::before{background:#4ade80;}

/* — Action button row — */
.rp168-jobs-plugin .rp168-apv-actions{
  display:flex;
  gap:10px;
  padding:14px 20px 4px;
  flex-wrap:wrap;
}

/* — Preview & Edit button (primary action) — */
.rp168-jobs-plugin .rp168-apv-edit-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  border-radius:99px;
  background:#d4af37;
  color:#0f172a;
  font-size:14px;
  font-weight:700;
  border:none;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s,transform .12s,box-shadow .18s;
  box-shadow:0 4px 14px rgba(212,175,55,.28);
}
.rp168-jobs-plugin .rp168-apv-edit-btn:hover{
  background:#c9a52e;
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(212,175,55,.38);
}
.rp168-jobs-plugin .rp168-apv-edit-btn svg{flex-shrink:0;opacity:.8;}

/* — Apply button becomes secondary (outline) in this layout — */
.rp168-jobs-plugin .rp168-apv-actions .rp168-apv-apply-btn{
  background:transparent;
  color:#1e3a4a !important;
  border:1.5px solid #cbd5e1;
  box-shadow:none;
}
.rp168-jobs-plugin .rp168-apv-actions .rp168-apv-apply-btn:hover{
  background:#f1f5f9;
  border-color:#94a3b8;
  box-shadow:none;
  transform:translateY(-1px);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-actions .rp168-apv-apply-btn{
  background:transparent;
  color:#dce8f0 !important;
  border-color:rgba(255,255,255,.18);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-apv-actions .rp168-apv-apply-btn:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.3);
}

/* — Mobile — */
@media(max-width:680px){
  .rp168-jobs-plugin .rp168-apv-header{flex-direction:row;align-items:center;gap:10px;}
  .rp168-jobs-plugin .rp168-apv-actions{flex-direction:column;}
  .rp168-jobs-plugin .rp168-apv-edit-btn,
  .rp168-jobs-plugin .rp168-apv-actions .rp168-apv-apply-btn{
    width:100%;
    justify-content:center;
    font-size:13px;
    padding:11px 16px;
    flex-wrap:wrap;
    text-align:center;
    line-height:1.3;
  }
  .rp168-jobs-plugin .rp168-apv-btn-zh{display:block;width:100%;font-size:11px;}
}

/* =====================================================
   Preview & Edit Modal  — rp168 v106d+
   ===================================================== */
.rp168-preview-modal-overlay{
  position:fixed;
  inset:0;
  z-index:999990;
  background:rgba(10,18,30,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  animation:rp168ModalIn .18s ease;
}
.rp168-preview-modal-overlay.rp168-pvm-closing{
  animation:rp168ModalOut .18s ease forwards;
}
@keyframes rp168ModalIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@keyframes rp168ModalOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}

.rp168-preview-modal{
  width:100%;
  max-width:620px;
  max-height:90vh;
  display:flex;
  flex-direction:column;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 80px rgba(10,18,30,.28);
  overflow:hidden;
  border:1.5px solid rgba(212,175,55,.3);
}

/* Header */
.rp168-pvm-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:20px 22px 16px;
  border-bottom:1px solid #f0f0f0;
  background:linear-gradient(135deg,rgba(212,175,55,.06) 0%,rgba(255,255,255,0) 100%);
  flex-shrink:0;
}
.rp168-pvm-title{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.rp168-pvm-eyebrow{
  font-size:13px;
  font-weight:800;
  color:#1e293b;
  letter-spacing:.01em;
}
.rp168-pvm-subtitle{
  font-size:12px;
  color:#94a3b8;
  font-weight:500;
}
.rp168-pvm-close{
  width:32px;
  height:32px;
  border-radius:50%;
  border:1.5px solid #e2e8f0;
  background:#f8fafc;
  color:#64748b;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  flex-shrink:0;
  transition:background .15s,border-color .15s,color .15s;
  padding:0;
}
.rp168-pvm-close:hover{
  background:#fee2e2;
  border-color:#fca5a5;
  color:#dc2626;
}

/* Body */
.rp168-pvm-body{
  flex:1;
  overflow-y:auto;
  padding:18px 22px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.rp168-pvm-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#d4af37;
}
.rp168-pvm-textarea{
  width:100%;
  min-height:220px;
  resize:vertical;
  border:1.5px solid #e2e8f0;
  border-radius:12px;
  padding:14px;
  font-size:13.5px;
  line-height:1.65;
  color:#1e293b;
  font-family:inherit;
  background:#f9fafb;
  transition:border-color .15s,box-shadow .15s;
  box-sizing:border-box;
}
.rp168-pvm-textarea:focus{
  outline:none;
  border-color:#d4af37;
  background:#fff;
  box-shadow:0 0 0 3px rgba(212,175,55,.12);
}
.rp168-pvm-charcount{
  margin:6px 2px 0;
  font-size:11px;
  color:#94a3b8;
  text-align:right;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-charcount{color:#5a7484;}

/* — Field "Write" button (opens editor) — */
.rp168-jobs-plugin .rp168-field-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.rp168-jobs-plugin .rp168-field-write-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 12px;
  border-radius:99px;
  border:1.5px solid rgba(212,175,55,.5);
  background:rgba(212,175,55,.08);
  color:#a07d1e;
  font-size:11.5px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,border-color .15s,transform .12s;
  white-space:nowrap;
  flex-shrink:0;
}
.rp168-jobs-plugin .rp168-field-write-btn:hover{
  background:rgba(212,175,55,.16);
  border-color:#d4af37;
  transform:translateY(-1px);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-field-write-btn{
  background:rgba(212,175,55,.1);
  border-color:rgba(212,175,55,.4);
  color:#d4af37;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-field-write-btn:hover{
  background:rgba(212,175,55,.18);
}

/* — Read-only field preview (click to open Write popup) — */
.rp168-jobs-plugin .rp168-field-readonly{
  cursor:pointer!important;
  caret-color:transparent;
  transition:border-color .15s,background .15s,box-shadow .15s;
}
.rp168-jobs-plugin .rp168-field-readonly:hover{
  border-color:rgba(212,175,55,.6)!important;
  background:rgba(212,175,55,.05)!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.08)!important;
}
.rp168-jobs-plugin .rp168-field-readonly:focus{
  outline:none!important;
  border-color:rgba(212,175,55,.7)!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.12)!important;
}
.rp168-jobs-plugin.rp168-profile-light .rp168-field-readonly:hover{
  background:#fffbea!important;
  border-color:#d4af37!important;
}

/* Footer */
.rp168-pvm-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:14px 22px;
  border-top:1px solid #f0f0f0;
  background:#fafafa;
  flex-shrink:0;
}
.rp168-pvm-btn-cancel{
  padding:9px 18px;
  border-radius:99px;
  border:1.5px solid #e2e8f0;
  background:#fff;
  color:#64748b;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,border-color .15s;
}
.rp168-pvm-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;}
.rp168-pvm-btn-clean{
  margin-right:auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:9px 16px;
  border-radius:99px;
  border:1.5px solid rgba(139,92,246,.4);
  background:rgba(139,92,246,.08);
  color:#7c3aed;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,border-color .15s,transform .12s;
}
.rp168-pvm-btn-clean:hover{
  background:rgba(139,92,246,.16);
  border-color:#8b5cf6;
  transform:translateY(-1px);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-btn-clean{
  background:rgba(167,139,250,.12);
  border-color:rgba(167,139,250,.4);
  color:#a78bfa;
}
@media(max-width:600px){
  .rp168-pvm-footer{flex-wrap:wrap;}
  .rp168-pvm-btn-clean{margin-right:0;width:100%;justify-content:center;order:3;}
  .rp168-pvm-btn-cancel{flex:1;}
  .rp168-pvm-btn-save{flex:1;}
}
.rp168-pvm-btn-save{
  padding:9px 22px;
  border-radius:99px;
  border:none;
  background:#d4af37;
  color:#0f172a;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s,transform .12s,box-shadow .15s;
  box-shadow:0 4px 12px rgba(212,175,55,.3);
}
.rp168-pvm-btn-save:hover{
  background:#c9a52e;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(212,175,55,.38);
}

/* Dark mode modal */
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-preview-modal{
  background:#0f1e22;
  border-color:rgba(212,175,55,.35);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-header{
  border-bottom-color:rgba(255,255,255,.07);
  background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,transparent 100%);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-eyebrow{color:#dce8f0;}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-close{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
  color:#7a9aaa;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-textarea{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.12);
  color:#dce8f0;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-textarea:focus{
  border-color:#d4af37;
  background:rgba(255,255,255,.06);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-footer{
  background:rgba(0,0,0,.15);
  border-top-color:rgba(255,255,255,.07);
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-pvm-btn-cancel{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
  color:#7a9aaa;
}

/* Mobile */
@media(max-width:600px){
  .rp168-preview-modal-overlay{padding:0;align-items:flex-end;}
  .rp168-preview-modal{max-width:100%;border-radius:22px 22px 0 0;max-height:92vh;}
}

/* v110: list-only views and My Applications delete button */
.rp168-jobs-plugin .rp168-app-delete-btn{
  border-color:rgba(239,68,68,.35)!important;
  color:#b91c1c!important;
  background:rgba(254,226,226,.9)!important;
}
.rp168-jobs-plugin .rp168-app-delete-btn:hover{
  background:#fee2e2!important;
  border-color:#ef4444!important;
}
.rp168-jobs-plugin:not(.rp168-profile-light) .rp168-app-delete-btn{
  color:#fecaca!important;
  background:rgba(127,29,29,.35)!important;
  border-color:rgba(248,113,113,.35)!important;
}


/* v111: Saved Jobs / My Applications are list-only pages. Hide the profile form below even after JS refills profile UI. */
.rp168-list-only-view .rp168-account-type-card,
.rp168-list-only-view .rp168-seeker-profile-card,
.rp168-list-only-view .rp168-employer-profile-card,
.rp168-list-only-view .rp168-company-profile-card:not(.rp168-jp-card),
.rp168-list-only-view .rp168-profile-actions,
.rp168-list-only-view .rp168-req-legend,
.rp168-list-only-view .rp168-profile-stats,
.rp168-list-only-view .rp168-employer-shortcuts,
.rp168-list-only-view .rp168-jp-note{
  display:none!important;
}
.rp168-list-only-view .rp168-apps-list,
.rp168-list-only-view .rp168-saved-list{
  display:block!important;
}

/* ---- Translatable file inputs ---- */
.rp168-fi-wrap{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(120,120,140,.28);
  border-radius:8px;
  padding:4px 4px 4px 10px;
  background:rgba(255,255,255,.5);
  font-size:14px;
  max-width:100%;
  cursor:pointer;
  transition: border-color .15s, background .15s;
}
.rp168-fi-wrap:hover{ border-color:#d4a017; background:rgba(255,255,255,.85); }
.rp168-fi-btn{
  display:inline-block;
  padding:6px 12px;
  border-radius:6px;
  background:#eef2f7;
  border:1px solid rgba(120,120,140,.18);
  color:#1f2937;
  font-weight:600;
  font-size:13px;
  white-space:nowrap;
  user-select:none;
}
.rp168-fi-wrap:hover .rp168-fi-btn{ background:#fff7e0; border-color:#d4a017; }
.rp168-fi-name{
  color:#6b7280;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  flex:1 1 auto;
  min-width:80px;
}
.rp168-fi-name.rp168-fi-has-file{ color:#1f2937; font-weight:500; }
.rp168-fi-wrap > input[type="file"]{
  position:absolute !important;
  width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important;
  overflow:hidden;
}
/* dark theme variant */
[data-rp168-theme="dark"] .rp168-fi-wrap{
  background:rgba(20,30,50,.5);
  border-color:rgba(255,255,255,.18);
}
[data-rp168-theme="dark"] .rp168-fi-wrap:hover{ background:rgba(20,30,50,.85); border-color:#d4a017; }
[data-rp168-theme="dark"] .rp168-fi-btn{
  background:#1f2937;
  color:#f3f4f6;
  border-color:rgba(255,255,255,.16);
}
[data-rp168-theme="dark"] .rp168-fi-wrap:hover .rp168-fi-btn{ background:#3a2f0a; border-color:#d4a017; }
[data-rp168-theme="dark"] .rp168-fi-name{ color:#9ca3af; }
[data-rp168-theme="dark"] .rp168-fi-name.rp168-fi-has-file{ color:#f3f4f6; }

/* v131: compact professional listing card typography only */
.rp168-jobs-plugin .jcard{
  padding:16px!important;
  font-size:13px!important;
}
.rp168-jobs-plugin .jcard .jtop{
  gap:10px!important;
  margin-bottom:7px!important;
}
.rp168-jobs-plugin .jcard .jtitle{
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.35!important;
  margin-bottom:1px!important;
}
.rp168-jobs-plugin .jcard .jco{
  font-size:13px!important;
  line-height:1.35!important;
  color:#344054!important;
  margin-top:0!important;
}
.rp168-jobs-plugin .jcard .jtags{
  gap:6px!important;
  margin-bottom:8px!important;
}
.rp168-jobs-plugin .jcard .jt{
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  padding:6px 10px!important;
  border-radius:999px!important;
}
.rp168-jobs-plugin .jcard .jdesc{
  font-size:13px!important;
  line-height:1.45!important;
  color:#344054!important;
  margin-bottom:10px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.rp168-jobs-plugin .jcard .jfoot{
  gap:10px!important;
}
.rp168-jobs-plugin .jcard .jsal{
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.rp168-jobs-plugin .jcard .jpost{
  font-size:13px!important;
  line-height:1.35!important;
  color:#344054!important;
  margin-top:1px!important;
}
.rp168-jobs-plugin .jcard .jbtns{
  gap:6px!important;
}
.rp168-jobs-plugin .jcard .jbtns button,
.rp168-jobs-plugin .jcard .jbtns a,
.rp168-jobs-plugin .jcard .bmanage{
  font-size:13px!important;
  line-height:1.2!important;
  padding:8px 12px!important;
  min-height:auto!important;
  height:auto!important;
}
@media(max-width:600px){
  .rp168-jobs-plugin .jcard{
    padding:14px!important;
  }
  .rp168-jobs-plugin .jcard .jtitle{
    font-size:14px!important;
  }
  .rp168-jobs-plugin .jcard .jco,
  .rp168-jobs-plugin .jcard .jt,
  .rp168-jobs-plugin .jcard .jdesc,
  .rp168-jobs-plugin .jcard .jsal,
  .rp168-jobs-plugin .jcard .jpost,
  .rp168-jobs-plugin .jcard .jbtns button,
  .rp168-jobs-plugin .jcard .jbtns a,
  .rp168-jobs-plugin .jcard .bmanage{
    font-size:13px!important;
  }
  .rp168-jobs-plugin .jcard .jtags{
    gap:6px!important;
  }
  .rp168-jobs-plugin .jcard .jbtns{
    gap:6px!important;
  }
}

/* ============================================================
   v141: searchable premium business-category dropdown.
   Native select stays hidden for storage/submission only.
   ============================================================ */
.rp168-jobs-plugin .rp168-business-native,
.rp168-auth-card .rp168-business-native{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
}
.rp168-jobs-plugin .rp168-business-select,
.rp168-auth-card .rp168-business-select{
  position:relative!important;
  width:100%!important;
  margin-top:6px!important;
  box-sizing:border-box!important;
}
.rp168-jobs-plugin .rp168-business-select-btn,
.rp168-auth-card .rp168-business-select-btn{
  width:100%!important;
  min-height:48px!important;
  border:1px solid #d8c7a6!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#13223b!important;
  padding:12px 42px 12px 14px!important;
  text-align:left!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.3!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  position:relative!important;
}
.rp168-jobs-plugin .rp168-business-select-btn:after,
.rp168-auth-card .rp168-business-select-btn:after{
  content:""!important;
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  border-right:2px solid #13223b!important;
  border-bottom:2px solid #13223b!important;
  transform:translateY(-65%) rotate(45deg)!important;
}
.rp168-jobs-plugin .rp168-business-select.is-open .rp168-business-select-btn,
.rp168-jobs-plugin .rp168-business-select-btn:focus,
.rp168-auth-card .rp168-business-select.is-open .rp168-business-select-btn,
.rp168-auth-card .rp168-business-select-btn:focus{
  outline:none!important;
  border-color:#b9893c!important;
  box-shadow:0 0 0 3px rgba(185,137,60,.18)!important;
}
.rp168-jobs-plugin .rp168-business-panel,
.rp168-auth-card .rp168-business-panel{
  display:none!important;
  position:absolute!important;
  z-index:100020!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  background:#fff!important;
  border:1px solid #dcd4bd!important;
  border-radius:14px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.18)!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.rp168-jobs-plugin .rp168-business-select.is-open .rp168-business-panel,
.rp168-auth-card .rp168-business-select.is-open .rp168-business-panel{display:block!important}
.rp168-jobs-plugin .rp168-business-search,
.rp168-auth-card .rp168-business-search{
  width:100%!important;
  height:40px!important;
  border:1px solid #dcd4bd!important;
  border-radius:12px!important;
  padding:0 12px!important;
  margin:0 0 8px!important;
  font-size:14px!important;
  color:#13223b!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.rp168-jobs-plugin .rp168-business-search:focus,
.rp168-auth-card .rp168-business-search:focus{
  outline:none!important;
  border-color:#b9893c!important;
  box-shadow:0 0 0 3px rgba(185,137,60,.14)!important;
}
.rp168-jobs-plugin .rp168-business-options,
.rp168-auth-card .rp168-business-options{
  max-height:250px!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.rp168-jobs-plugin .rp168-business-option,
.rp168-auth-card .rp168-business-option{
  border:0!important;
  background:#fff!important;
  color:#13223b!important;
  border-radius:10px!important;
  padding:10px 11px!important;
  text-align:left!important;
  font-size:14px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.rp168-jobs-plugin .rp168-business-option:hover,
.rp168-jobs-plugin .rp168-business-option.is-active,
.rp168-auth-card .rp168-business-option:hover,
.rp168-auth-card .rp168-business-option.is-active{
  background:#fffaf1!important;
  color:#241a08!important;
}
@media(max-width:600px){
  .rp168-jobs-plugin .rp168-business-panel,
  .rp168-auth-card .rp168-business-panel{position:relative!important;top:8px!important;margin-bottom:8px!important}
  .rp168-jobs-plugin .rp168-business-options,
  .rp168-auth-card .rp168-business-options{max-height:220px!important}
}




/* === Site Feedback floating button + modal (v153b) === */
.rp168-feedback-fab{position:fixed;bottom:22px;right:22px;z-index:2147483000;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:22px;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(29,78,216,.38);display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s;font-family:inherit}
.rp168-feedback-fab:hover{transform:scale(1.10) translateY(-2px);box-shadow:0 14px 34px rgba(29,78,216,.45)}
.rp168-comment-overlay{position:fixed;inset:0;background:rgba(15,23,42,.60);display:flex;align-items:center;justify-content:center;padding:14px;z-index:2147483100;opacity:0;pointer-events:none;transition:opacity .18s ease}
.rp168-comment-overlay.op{opacity:1;pointer-events:auto}
.rp168-comment-modal{width:min(100%,500px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.38)}
.rp168-comment-header{background:linear-gradient(135deg,#1d4ed8,#3b82f6);padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.rp168-comment-title{color:#fff;font-size:18px;font-weight:900;line-height:1.2;font-family:'Open Sans','Noto Sans SC',sans-serif}
.rp168-comment-subtitle{color:rgba(255,255,255,.8);font-size:12px;margin-top:3px;font-family:'Open Sans','Noto Sans SC',sans-serif}
.rp168-comment-close{width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 30px}
.rp168-comment-close:hover{background:rgba(255,255,255,.28)}
.rp168-comment-body{padding:20px 24px}
.rp168-comment-desc{font-size:13px;color:#475569;margin-bottom:14px;line-height:1.55}
.rp168-fb-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.rp168-fb-cat{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#334155;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Open Sans','Noto Sans SC',sans-serif;transition:background .13s,border-color .13s,color .13s;white-space:nowrap}
.rp168-fb-cat:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
.rp168-fb-cat.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px rgba(29,78,216,.22)}
.rp168-comment-grid{display:flex;flex-direction:column;gap:11px}
.rp168-comment-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#334155;font-family:'Open Sans','Noto Sans SC',sans-serif}
.rp168-comment-grid input,.rp168-comment-grid textarea{padding:9px 12px;border:1.5px solid #dbe3ef;border-radius:10px;font-size:13px;font-family:'Open Sans','Noto Sans SC',sans-serif;background:#f8fafc;outline:none;resize:vertical;color:#0f172a}
.rp168-comment-grid input:focus,.rp168-comment-grid textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.rp168-comment-chars{font-size:11px;color:#94a3b8;text-align:right;margin-top:3px}
.rp168-comment-status{margin-top:10px;font-size:13px;padding:9px 13px;border-radius:9px;display:none;line-height:1.45}
.rp168-comment-status.is-ok{display:block;background:#f0faf3;color:#166534;border:1px solid #bbf7d0}
.rp168-comment-status.is-error{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.rp168-comment-footer{padding:14px 24px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;background:#f8fafc;border-radius:0 0 20px 20px;flex-wrap:wrap}
.rp168-comment-cancel{background:#fff;color:#334155;border:1px solid #dbe3ef;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Open Sans','Noto Sans SC',sans-serif}
.rp168-comment-cancel:hover{border-color:#1d4ed8;color:#1d4ed8}
.btn-comment-submit{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;border:none;padding:9px 22px;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Open Sans','Noto Sans SC',sans-serif;box-shadow:0 6px 18px rgba(59,130,246,.28)}
.btn-comment-submit:hover{filter:brightness(1.07)}
.btn-comment-submit:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:600px){.rp168-feedback-fab{bottom:16px;right:16px;width:48px;height:48px;font-size:20px}.rp168-comment-modal{width:calc(100% - 20px);border-radius:16px}.rp168-comment-header{padding:16px 18px}.rp168-comment-body{padding:16px 18px}.rp168-comment-footer{flex-direction:column;padding:12px 18px}.rp168-comment-cancel,.btn-comment-submit{width:100%}.rp168-fb-cats{gap:6px}.rp168-fb-cat{font-size:11px;padding:6px 10px}}


/* ===== Mobile: no sidebar, friendly card buttons, Filter drawer (v158) ===== */

/* ── 1. Ensure left sidebar is hidden on mobile ── */
@media(max-width:800px){
  .rp168-jobs-plugin .sidebar{ display:none!important; }
  .rp168-jobs-plugin .wrap{ grid-template-columns:1fr!important; gap:0!important; padding:12px 10px!important; }
}

/* ── 2. Mobile card layout + action buttons ── */
@media(max-width:760px){

  /* Job card overall */
  .rp168-jobs-plugin .jcard{ padding:12px 13px!important; border-radius:14px!important; }

  /* Smaller logo on mobile */
  .rp168-jobs-plugin .jlogo{ width:34px!important; height:34px!important; font-size:16px!important; border-radius:8px!important; }
  .rp168-jobs-plugin .jcard-inner{ gap:10px!important; }

  /* Title */
  .rp168-jobs-plugin .jtitle{ font-size:14px!important; }

  /* Company + location: 1 column, allow wrap */
  .rp168-jobs-plugin .jco{
    white-space:normal!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    margin-bottom:6px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  /* Tags: 2-column grid */
  .rp168-jobs-plugin .jtags{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    margin-bottom:8px!important;
  }
  .rp168-jobs-plugin .jt{
    text-align:center!important;
    padding:4px 6px!important;
    font-size:10.5px!important;
    border-radius:7px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Footer: salary full width top, buttons below */
  .rp168-jobs-plugin .jcard .jfoot{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .rp168-jobs-plugin .jfoot-left{ width:100%!important; }

  /* Salary */
  .rp168-jobs-plugin .jsal{ font-size:14px!important; font-weight:900!important; }
  .rp168-jobs-plugin .jpost{ font-size:11px!important; }

  /* Buttons: full-width row */
  .rp168-jobs-plugin .jbtns{
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    width:100%!important;
  }

  /* All buttons: equal share, pill shape */
  .rp168-jobs-plugin .jbtns button,
  .rp168-jobs-plugin .jbtns a{
    flex:1!important;
    min-height:36px!important;
    height:36px!important;
    font-size:12px!important;
    font-weight:700!important;
    border-radius:20px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  /* Manage dropdown shouldn't stretch */
  .rp168-jobs-plugin .jbtns .rp168-manage-wrap{ flex:0 0 auto!important; }
  .rp168-jobs-plugin .jbtns .bmanage{ width:100%!important; }
}

/* ── 3. Floating Filter button (mobile only) ── */
.rp168-mobile-filter-fab{
  display:none;
  position:fixed;
  bottom:84px; /* above feedback button */
  left:18px;
  z-index:2147482900;
  background:linear-gradient(135deg,#3e5675,#627a94);
  color:#fff;
  border:none;
  border-radius:999px;
  padding:11px 18px;
  font-size:13px;
  font-weight:900;
  font-family:'Open Sans','Noto Sans SC',sans-serif;
  box-shadow:0 8px 22px rgba(62,86,117,.36);
  cursor:pointer;
  gap:6px;
  align-items:center;
}
@media(max-width:800px){
  .rp168-mobile-filter-fab{ display:flex!important; }
}
.rp168-mobile-filter-fab:hover{ filter:brightness(1.08); transform:translateY(-1px); }

/* Filter drawer overlay */
.rp168-filter-drawer-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(13,27,42,.52);
  z-index:2147482950;
}
.rp168-filter-drawer-overlay.open{ display:block; }

/* Drawer panel slides up from bottom */
.rp168-filter-drawer{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:2147482960;
  background:#f6f8fb;
  border-radius:22px 22px 0 0;
  max-height:82vh;
  overflow-y:auto;
  transform:translateY(100%);
  transition:transform .28s cubic-bezier(.22,.68,0,1.2);
  padding:0 0 env(safe-area-inset-bottom,0);
}
.rp168-filter-drawer.open{ transform:translateY(0); }
.rp168-filter-drawer-handle{
  width:40px; height:4px; background:#cbd5e1;
  border-radius:2px; margin:12px auto 0; display:block;
}
.rp168-filter-drawer-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px 10px;
  font-size:15px; font-weight:900; color:#0f172a;
}
.rp168-filter-drawer-close{
  background:none; border:none; font-size:20px; color:#64748b;
  cursor:pointer; line-height:1; padding:4px;
}
.rp168-filter-drawer-body{
  padding:0 14px 24px;
}
/* Re-use existing .sb styles inside drawer */
.rp168-filter-drawer-body .sb{
  background:#fff; border:1px solid #dbe3ef; border-radius:14px;
  padding:13px 14px; margin-bottom:10px;
  box-shadow:0 6px 16px rgba(13,27,42,.04);
}
.rp168-filter-drawer-body .sb-t{
  font-size:11px; font-weight:700; color:#475569;
  text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px;
}
.rp168-filter-drawer-apply{
  position:sticky; bottom:0; background:#f6f8fb;
  padding:12px 14px; display:flex; gap:8px;
  border-top:1px solid #e2e8f0;
}
.rp168-filter-drawer-apply .btn-apply-filters{
  flex:1; background:#3e5675; color:#fff; border:none;
  border-radius:12px; padding:13px; font-size:14px; font-weight:800;
  font-family:'Open Sans','Noto Sans SC',sans-serif; cursor:pointer;
}
.rp168-filter-drawer-apply .btn-clear-filters{
  background:#fff; color:#64748b; border:1px solid #dbe3ef;
  border-radius:12px; padding:13px 16px; font-size:14px; font-weight:700;
  font-family:'Open Sans','Noto Sans SC',sans-serif; cursor:pointer;
}


/* ===== v167 fixes ===== */

/* 1. Email Applicant link — style like a button */
.rp168-app-actions a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #cbd5e1;
  background: #fff;
  border-radius: 10px;
  padding: 8px 10px;
  font-weight: 800;
  font-size: 13px;
  color: #334155;
  text-decoration: none !important;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.rp168-app-actions a:hover { background: #f1f5f9; color: #0f172a; }

/* 2. Company profile 2-col stays on mobile */
@media (max-width: 680px) {
  .rp168-jobs-plugin .rp168-company-profile-grid,
  .rp168-employer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .rp168-jobs-plugin .rp168-company-profile-grid .rp168-wide,
  .rp168-employer-grid .rp168-wide {
    grid-column: 1 / -1;
  }
}
@media (max-width: 400px) {
  .rp168-jobs-plugin .rp168-company-profile-grid,
  .rp168-employer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 3. Mobile dashboard toggle — more prominent + "Job Listings" shortcut */
@media (max-width: 760px) {
  .rp168-sidebar-mobile-toggle {
    background: #3e5675 !important;
    color: #fff !important;
    border-color: #3e5675 !important;
    font-size: 15px !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(62,86,117,.22) !important;
  }
  .rp168-sidebar-toggle-icon { color: #fff; }
}

/* Mobile dashboard top bar */
.rp168-mobile-dash-bar {
  display: none;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
@media (max-width: 760px) {
  .rp168-mobile-dash-bar { display: flex !important; }
  .rp168-mobile-dash-bar .rp168-sidebar-mobile-toggle {
    flex: 1;
    margin-bottom: 0 !important;
  }
}
.rp168-mobile-back-btn {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 800;
  color: #3e5675;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(13,27,42,.06);
}
.rp168-mobile-back-btn:hover { background: #eef4fa; }


/* ===== v168 fixes ===== */

/* 1. Insights — 2 col on mobile, smaller text */
@media (max-width: 760px) {
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats.rp168-profile-stats-insights {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat {
    min-height: 88px !important;
    padding: 12px 10px !important;
    border-radius: 14px !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat strong {
    font-size: 20px !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat small {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  .rp168-jobs-plugin .rp168-jobs-profile-panel .rp168-profile-stats-insights .rp168-profile-stat span {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
  }
}

/* 2. Desktop Email Applicant — ensure pointer-events and z-index */
.rp168-applicants-box .rp168-app-actions a,
.rp168-applicants-box .rp168-app-actions button {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
}
.rp168-applicants-box .rp168-app-actions a {
  color: #1d4ed8 !important;
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}
.rp168-applicants-box .rp168-app-actions a:hover {
  background: #dbeafe !important;
}

/* 3. Mobile profile — APP SETTINGS look */
@media (max-width: 760px) {
  /* On mobile: sidebar IS the home screen, always visible, full width */
  .rp168-profile-layout {
    flex-direction: column !important;
    gap: 0 !important;
  }

  /* Sidebar: normal flow (not fixed drawer) in app mode */
  .rp168-profile-sidebar {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(13,27,42,.14) !important;
    overflow: visible !important;
    display: block !important;
    margin-bottom: 16px;
  }

  /* Sidebar sections = app-settings card rows */
  .rp168-sidebar-section {
    padding: 4px 0 !important;
  }
  .rp168-sidebar-section-label {
    font-size: 10px !important;
    letter-spacing: .1em !important;
    padding: 10px 16px 4px !important;
    opacity: .6;
  }
  .rp168-sidebar-item {
    padding: 14px 16px !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .rp168-sidebar-item:last-child { border-bottom: none !important; }
  .rp168-sidebar-icon { font-size: 20px !important; width: 28px !important; text-align: center; }

  /* Footer items */
  .rp168-sidebar-footer {
    border-top: 1px solid rgba(255,255,255,.1) !important;
    padding: 4px 0 !important;
    margin-top: 4px !important;
  }

  /* Hide hamburger toggle — sidebar is always visible */
  .rp168-sidebar-mobile-toggle { display: none !important; }
  .rp168-mobile-dash-bar .rp168-sidebar-mobile-toggle { display: none !important; }
  .rp168-mobile-dash-bar {
    justify-content: flex-start !important;
    margin-bottom: 14px !important;
  }
  .rp168-mobile-back-btn {
    flex: 1 !important;
    justify-content: center !important;
  }

  /* Profile content always visible below */
  .rp168-profile-content {
    width: 100% !important;
  }

  /* Sidebar user card — more compact */
  .rp168-sidebar-user {
    padding: 16px !important;
  }
  .rp168-sidebar-user-name { font-size: 16px !important; }
}


/* ===== v169 fixes ===== */

/* 1. Remove mobile Filter FAB */
.rp168-mobile-filter-fab { display: none !important; }
.rp168-filter-drawer-overlay,
.rp168-filter-drawer { display: none !important; }

/* 2. Profile page mobile background — use 168job dark colour, block theme image */
@media (max-width: 760px) {
  .rp168-jobs-profile-panel {
    background: #0d1b2a !important;
    min-height: 100vh;
    padding: 12px 12px 40px !important;
  }
  /* Back button: match dark theme */
  .rp168-mobile-back-btn {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #e2e8f0 !important;
    border-radius: 12px !important;
  }
  .rp168-mobile-back-btn:hover {
    background: rgba(255,255,255,.14) !important;
  }
  /* Mobile dash bar — no extra white box, just the back button */
  .rp168-mobile-dash-bar {
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* 3. Light theme on mobile — use white background instead */
@media (max-width: 760px) {
  .rp168-jobs-plugin.rp168-profile-light .rp168-jobs-profile-panel {
    background: #f1f5f9 !important;
  }
  .rp168-jobs-plugin.rp168-profile-light .rp168-mobile-back-btn {
    background: #fff !important;
    border-color: #dbe3ef !important;
    color: #3e5675 !important;
  }
}


/* ===== v170: remove white column in profile mode ===== */
.rp168-profile-mode.rp168-jobs-plugin,
.rp168-profile-mode .rp168-jobs-plugin {
  background: transparent !important;
  padding-top: 0 !important;
  min-height: unset !important;
}
/* The profile panel itself provides the background */
.rp168-profile-mode .rp168-jobs-profile-panel {
  margin-top: 0 !important;
}


/* ===== v171: Bottom Nav + Bottom Sheet Modals ===== */

/* ── Bottom Nav: hidden by default, visible on mobile ── */
.rp168-bottom-nav {
  display: none;
}
@media (max-width: 760px) {
  .rp168-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 9999;
    background: #0d1b2a;
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
    justify-content: space-around;
    align-items: stretch;
    box-shadow: 0 -4px 24px rgba(0,0,0,.28);
  }
  .rp168-bn-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 3px;
    padding: 6px 4px;
    background: none;
    border: none;
    color: rgba(255,255,255,.45);
    text-decoration: none !important;
    font-family: 'Open Sans','Noto Sans SC',sans-serif;
    cursor: pointer;
    border-radius: 12px;
    margin: 2px;
    transition: color .15s, background .15s;
    min-height: 52px;
  }
  .rp168-bn-item:hover,
  .rp168-bn-item.rp168-bn-active {
    color: #d6b62f;
    background: rgba(214,182,47,.1);
  }
  .rp168-bn-icon { font-size: 20px; line-height: 1; }
  .rp168-bn-label { font-size: 11px; font-weight: 700; letter-spacing: .01em; color: rgba(255,255,255,.8); display: block; white-space: nowrap; overflow: visible; }
  .rp168-bn-item.rp168-bn-active .rp168-bn-label,
  .rp168-bn-item:hover .rp168-bn-label { color: #d6b62f; }

  /* Logged-in users always see bottom nav; remove any legacy hide rules */
  .is-logged-in .rp168-bottom-nav { display: flex !important; }
  .is-guest .rp168-bottom-nav { display: flex !important; }

  /* Push page content above bottom nav */
  .rp168-jobs-plugin { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }

  /* Move feedback FAB above bottom nav */
  .rp168-feedback-fab { bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ── Bottom Sheet Modals (mobile only) ── */
@media (max-width: 760px) {
  /* Overlay anchors to bottom */
  .rp168-jobs-plugin .ov {
    align-items: flex-end !important;
    padding: 0 !important;
  }
  /* Modal box becomes a bottom sheet */
  .rp168-jobs-plugin .mod,
  .rp168-jobs-plugin .jbox {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: 92vh !important;
    margin: 0 !important;
    transform: translateY(40px);
    opacity: 0;
    transition: transform .28s cubic-bezier(.22,.68,0,1.2), opacity .2s;
  }
  .rp168-jobs-plugin .ov.op .mod,
  .rp168-jobs-plugin .ov.op .jbox {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  /* Drag handle at top of sheet */
  .rp168-jobs-plugin .mod::before,
  .rp168-jobs-plugin .jbox::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(255,255,255,.25);
    border-radius: 2px;
    margin: 10px auto -4px;
  }
  /* Applicants modal as bottom sheet */
  .rp168-applicants-modal {
    align-items: flex-end !important;
    padding: 0 !important;
  }
  .rp168-applicants-box {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: 92vh !important;
    transform: translateY(40px);
    opacity: 0;
    transition: transform .28s cubic-bezier(.22,.68,0,1.2), opacity .2s;
  }
  .rp168-applicants-modal.op .rp168-applicants-box {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  .rp168-applicants-box::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(0,0,0,.15);
    border-radius: 2px;
    margin: 10px auto -4px;
  }
}


/* ===== v172: bottom nav guest view + remove old class selectors ===== */
/* Guest bottom nav is always shown (4 tabs) */
.is-guest .rp168-bottom-nav { display: flex !important; }
/* Remove leftover class-based hide rules since PHP now renders correct tabs */
.rp168-account-employer .rp168-seeker-only,
.rp168-account-seeker  .rp168-employer-only { display: none !important; }

/* Profile mode: remove any remaining top padding/margin on plugin wrapper */
.rp168-profile-mode.rp168-jobs-plugin {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.rp168-profile-mode .rp168-jobs-profile-panel {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ============================================================
   v178 — 6 mobile APP fixes
   ============================================================ */

/* ── FIX 1: Hide top nav bar on mobile (bottom nav replaces it) ── */
@media (max-width: 760px) {
  /* Target the sticky top nav wrapper — NOT the bottom nav (which is also a <nav>) */
  .rp168-jobs-plugin > nav:not(.rp168-bottom-nav),
  .rp168-jobs-plugin .nav-in { display: none !important; }
}

/* ── FIX 2: Sticky close button on job detail modal (bottom sheet) ── */
@media (max-width: 760px) {
  /* Header stays fixed at top of sheet */
  .rp168-jobs-plugin .mod { display: flex !important; flex-direction: column !important; }
  .rp168-jobs-plugin .mhd { flex-shrink: 0 !important; position: sticky !important; top: 0 !important; z-index: 10 !important; }
  .rp168-jobs-plugin .mbd { flex: 1 !important; overflow-y: auto !important; max-height: none !important; -webkit-overflow-scrolling: touch !important; }
  /* Footer action buttons sticky at bottom */
  .rp168-jobs-plugin .mft {
    flex-shrink: 0 !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    background: var(--sf) !important;
    padding: 10px 14px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    border-radius: 0 !important;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .rp168-jobs-plugin .mft button,
  .rp168-jobs-plugin .mft a {
    flex: 1 !important;
    min-height: 42px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
    justify-content: center !important;
  }
  /* Close × button: always visible top-right */
  .rp168-jobs-plugin .mcl {
    min-width: 34px !important;
    min-height: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.2) !important;
    border: none !important;
    color: #fff !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
  /* Modal body font size larger on mobile */
  .rp168-jobs-plugin .mbd { font-size: 14px !important; padding: 14px 16px !important; }
  .rp168-jobs-plugin .dtable td { font-size: 13px !important; padding: 7px 8px !important; }
  .rp168-jobs-plugin .dtext { font-size: 13.5px !important; line-height: 1.7 !important; }
}

/* ── FIX 3: Post Job form — 1-col on mobile + clears bottom nav ── */
@media (max-width: 760px) {
  .rp168-jobs-plugin .post-grid { grid-template-columns: 1fr !important; }
  /* pmod overlay must not overlap bottom nav */
  .rp168-jobs-plugin #pmod {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
    align-items: flex-start !important;
  }
  .rp168-jobs-plugin #pmod .mod {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: calc(100vh - 70px - env(safe-area-inset-bottom, 0px)) !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .rp168-jobs-plugin #pmod .mbd { flex: 1 !important; overflow-y: auto !important; max-height: none !important; }
  .rp168-jobs-plugin #pmod .mft { position: sticky !important; bottom: 0 !important; background: var(--sf) !important; z-index: 5 !important; flex-shrink: 0 !important; }
  /* Rich text editor min-height */
  .rp168-jobs-plugin #pd, .rp168-jobs-plugin #preq { min-height: 120px !important; font-size: 14px !important; }
  /* All form inputs bigger tap targets */
  .rp168-jobs-plugin #pmod input, .rp168-jobs-plugin #pmod select, .rp168-jobs-plugin #pmod textarea { min-height: 44px !important; font-size: 14px !important; }
}

/* ── FIX 4: Seeker profile — app-style sidebar + avatar ── */
@media (max-width: 760px) {
  /* Avatar: centered, larger */
  .rp168-jobs-plugin .rp168-sidebar-user { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 20px 16px 14px !important; }
  .rp168-jobs-plugin .rp168-sidebar-avatar,
  .rp168-jobs-plugin .rp168-jp-avatar.rp168-sidebar-avatar { width: 64px !important; height: 64px !important; font-size: 28px !important; border-radius: 50% !important; margin-bottom: 10px !important; }
  .rp168-jobs-plugin .rp168-sidebar-user-name { font-size: 17px !important; font-weight: 700 !important; }
  .rp168-jobs-plugin .rp168-sidebar-role-badge { margin-top: 4px !important; display: inline-block !important; }
  /* Theme + language switches inline row */
  .rp168-jobs-plugin .rp168-sidebar-theme,
  .rp168-jobs-plugin .rp168-profile-lang-switch { justify-content: center !important; }
  /* Seeker sidebar section labels match employer */
  .rp168-jobs-plugin .rp168-sidebar-section-label { font-size: 10px !important; letter-spacing: .08em !important; text-transform: uppercase !important; opacity: .55 !important; padding: 10px 16px 3px !important; }
  /* Profile content form inputs: larger on mobile */
  .rp168-jobs-plugin .rp168-profile-content input,
  .rp168-jobs-plugin .rp168-profile-content select,
  .rp168-jobs-plugin .rp168-profile-content textarea { font-size: 14px !important; min-height: 44px !important; }
}

/* ── FIX 5: Sticky Apply/WhatsApp in apply modal on mobile ── */
@media (max-width: 760px) {
  #rp168ApplyModal .rp168-apply-box,
  #rp168NoEmailApplyModal .rp168-no-email-box {
    display: flex !important;
    flex-direction: column !important;
    max-height: 88vh !important;
  }
  #rp168ApplyModal .mbd,
  #rp168NoEmailApplyModal .mbd { flex: 1 !important; overflow-y: auto !important; max-height: none !important; }
  #rp168ApplyModal .mft,
  #rp168NoEmailApplyModal .mft {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    background: #fff !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 12px 16px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    gap: 8px !important;
  }
  #rp168ApplyModal .mft button,
  #rp168NoEmailApplyModal .mft button { flex: 1 !important; min-height: 44px !important; border-radius: 12px !important; font-size: 14px !important; }
  /* File upload tap target */
  #rp168ApplyModal input[type="file"] { min-height: 56px !important; padding: 14px !important; }
}

/* ── FIX 6: Empty state screens (Saved Jobs / My Applications) ── */
.rp168-saved-empty,
.rp168-apps-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 20px !important;
  text-align: center !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  gap: 14px !important;
}
.rp168-saved-empty::before { content: '⭐'; font-size: 44px; display: block; }
.rp168-apps-empty::before { content: '📨'; font-size: 44px; display: block; }
.rp168-saved-empty a,
.rp168-apps-empty a {
  display: inline-block !important;
  margin-top: 6px !important;
  background: var(--g) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
/* Also improve saved job item cards */
.rp168-saved-job {
  background: var(--sf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}
.rp168-saved-job strong { font-size: 14px !important; color: var(--tx) !important; }
.rp168-saved-job span { font-size: 12px !important; color: #475569 !important; }
.rp168-saved-job-actions { display: flex !important; gap: 8px !important; margin-top: 8px !important; }
.rp168-saved-job-actions a, .rp168-saved-job-actions button { flex: 1 !important; text-align: center !important; min-height: 36px !important; border-radius: 10px !important; font-size: 12px !important; justify-content: center !important; display: inline-flex !important; align-items: center !important; }
/* Application items */
.rp168-app-item {
  background: var(--sf) !important;
  border: 1px solid var(--bd) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
}
.rp168-app-item .rp168-app-main { margin-bottom: 6px !important; }
.rp168-app-item .rp168-app-main strong { font-size: 14px !important; display: block !important; margin-bottom: 3px !important; }
.rp168-app-item .rp168-app-meta { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; margin-bottom: 10px !important; }
.rp168-app-status { background: #e0f2fe !important; color: #075985 !important; border-radius: 999px !important; padding: 3px 10px !important; font-size: 11px !important; font-weight: 700 !important; }
.rp168-app-date, .rp168-app-resume { font-size: 11px !important; color: #64748b !important; }
.rp168-app-actions { display: flex !important; gap: 8px !important; }
.rp168-app-actions a, .rp168-app-actions button { flex: 1 !important; min-height: 36px !important; border-radius: 10px !important; font-size: 12px !important; justify-content: center !important; display: inline-flex !important; align-items: center !important; }

/* === v181: mobile card location — state only === */
.rp168-jobs-plugin .jloc-state{display:none}
@media(max-width:680px){
  .rp168-jobs-plugin .jloc-full{display:none}
  .rp168-jobs-plugin .jloc-state{display:inline}
}

/* Job safety reminder (red) at the top of the job pop-up */
.rp168-safety-note{background:#fef2f2;border:1.5px solid #dc2626;border-left-width:5px;color:#991b1b;border-radius:12px;padding:11px 14px;margin:0 0 14px;font-size:13.5px;line-height:1.5}
.rp168-safety-note b{color:#b91c1c}
.rp168-safety-note a{color:#b91c1c!important;font-weight:800;text-decoration:underline;white-space:nowrap}

.rp168-jobs-plugin .rp168-ctry-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.rp168-jobs-plugin .rp168-ctry-btn{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:800;cursor:pointer;transition:.15s}
.rp168-jobs-plugin .rp168-ctry-btn:hover{background:rgba(255,255,255,.22)}
.rp168-jobs-plugin .rp168-ctry-btn.on{background:#d6b62f;border-color:#d6b62f;color:#0d1b2a}
/* the site header already has the language switcher: hide the duplicate row in the hero */
.rp168-jobs-plugin .rp168-lang-view-row{display:none}
.rp168-jobs-plugin a.rp168-ctry-btn{text-decoration:none;display:inline-block}
html.rp168-sg-page .rp168-jobs-plugin #loc,html.rp168-sg-page .rp168-jobs-plugin .sb:not(.rp168-sg-areas) .fg:has(input[name="state"]){display:none}

/* ===== Premium polish (home) ===== */
.rp168-jobs-plugin .jlogo.ini{background:linear-gradient(135deg,hsl(var(--h),62%,46%),hsl(calc(var(--h) + 28),62%,36%));color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em;border:0;box-shadow:0 4px 12px hsla(var(--h),60%,30%,.35)}
.rp168-jobs-plugin .jcard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rp168-jobs-plugin .jcard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.18);border-color:rgba(214,182,47,.55)}
.rp168-jobs-plugin .jcard.urg{border-left:4px solid #ef4444}
.rp168-jobs-plugin .jcard.feat{border-left:4px solid #d6b62f}
.rp168-jobs-plugin .jsal{display:inline-block;background:rgba(22,163,74,.12);color:#15803d;padding:3px 10px;border-radius:999px;font-size:13.5px}
html[data-theme="dark"] .rp168-jobs-plugin .jsal{background:rgba(34,197,94,.16);color:#4ade80}
.rp168-jobs-plugin .jtitle{font-size:17px;font-weight:800;letter-spacing:-.01em}
.rp168-jobs-plugin .sbox{box-shadow:0 18px 50px rgba(0,0,0,.28);border-radius:20px}
@media(min-width:980px){.rp168-jobs-plugin .rp168-filter-col,.rp168-jobs-plugin aside.sidebar{position:sticky;top:96px;align-self:start}}
@media(prefers-reduced-motion:reduce){.rp168-jobs-plugin .jcard{transition:none}.rp168-jobs-plugin .jcard:hover{transform:none}}
html.rp168-sg-page .rp168-jobs-plugin .sb:not(.rp168-sg-areas):has(input[name="state"]){display:none}
.rp168-jobs-plugin .sb.rp168-sg-areas{display:none}
html.rp168-sg-page .rp168-jobs-plugin .sb.rp168-sg-areas{display:block}
html.rp168-sg-page .rp168-jobs-plugin .sb.rp168-sg-areas .fg{display:block}

/* Trust strip under the hero */
.rp168-trust{max-width:1180px;margin:-26px auto 6px;padding:0 16px;position:relative;z-index:3}
.rp168-trust__in{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rp168-trust__c{background:var(--sf,#fff);border:1px solid var(--bd,rgba(148,163,184,.3));border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.rp168-trust__c span{grid-row:1/3;font-size:24px;text-align:center}
.rp168-trust__c b{font-size:14px;line-height:1.25}
.rp168-trust__c small{color:#64748b;font-size:12.5px;line-height:1.35;margin-top:2px}
@media(max-width:900px){.rp168-trust__in{grid-template-columns:repeat(2,1fr)}.rp168-trust{margin-top:-14px}}
@media(max-width:520px){.rp168-trust__in{grid-template-columns:1fr}}

.rp168-jobs-plugin .ftag{display:inline-block;background:linear-gradient(135deg,#f5d76e,#d6b62f);color:#3b2f00;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 9px;border-radius:999px;margin-right:6px}