/* Phủi Cà Mau – Kèo Phủi V4 mobile-first. Styles isolated from main admin website. */
:root{--kp-bg:#0b1020;--kp-panel:#171e35;--kp-border:#2b3a62;--kp-mint:#11bd8e;--kp-green:#50bf96;--kp-yellow:#ffc83f;--kp-white:#f4f6fc;--kp-muted:#a2afc7}
body.capkeo-v2{background:var(--kp-bg);color:var(--kp-white);font-family:'Be Vietnam Pro',Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.capkeo-v2 .topbar{background:#0f1526;border-bottom:1px solid #232b47;box-shadow:0 4px 25px #03061244}
.capkeo-v2 .brand strong{font-weight:950;letter-spacing:.15px}
.capkeo-v2 .brand small{color:#46c69d;letter-spacing:.75px;font-weight:750}
.capkeo-v2 .bell-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;background:transparent;color:#48be99;padding:9px;cursor:pointer}
.capkeo-v2 .bell-button svg{width:31px;height:31px;filter:drop-shadow(0 0 7px #15bb8666)}
.capkeo-v2 .top-account{border:0!important;background:#ffca42!important;color:#12192a!important;border-radius:999px!important;min-height:44px;font-size:13px;font-weight:900!important;box-shadow:0 5px 14px #0005;display:flex;justify-content:center;align-items:center;gap:9px}
.capkeo-v2 .top-account .account-avatar{border-color:#f8e2a5;background:#112035}
.capkeo-v2 .hero{background:linear-gradient(90deg,#0c1528cc,#0b102052),url('stadium-v4.svg') center 53%/cover no-repeat!important;min-height:250px;border-color:#2b4566;border-radius:18px;box-shadow:none}
.capkeo-v2 .hero-main{max-width:100%;padding:24px 30px}
.capkeo-v2 .hero .eyebrow{display:inline-flex;align-items:center;gap:5px;color:#061e23!important;background:#18be8e;border-radius:40px;padding:6px 13px;letter-spacing:.3px;font-weight:950;font-size:12px}
.capkeo-v2 .hero h1{color:#fff!important;font-size:clamp(22px,3vw,37px);margin:8px 0 8px;font-weight:950;max-width:880px;text-shadow:0 2px 14px #000d}
.capkeo-v2 .hero h1 em{color:#fff!important}
.capkeo-v2 .hero h2{display:none}
.capkeo-v2 .hero p{color:#ecf2fa;text-shadow:0 2px 8px #000c;margin-bottom:13px;font-weight:580}
.capkeo-v2 .hero-note{display:none}
.capkeo-v2 .hero-actions{justify-content:flex-start}
.capkeo-v2 .quick-filter{border-color:#19574b;background:#171f36;border-radius:21px;box-shadow:0 0 0 1px #0d705d15}
.capkeo-v2 .filter-head{border-bottom:1px solid #293758;padding-bottom:16px;margin-bottom:20px}
.capkeo-v2 .filter-head h2{font-size:19px;letter-spacing:.2px;color:#e9edf9}
.capkeo-v2 .heading-icon{color:#11bf93;font-size:25px}
.capkeo-v2 .filters{align-items:end}
.capkeo-v2 .filters label{color:#1abc90;font-size:12px;letter-spacing:0;font-weight:850}
.capkeo-v2 .filters select,.capkeo-v2 .filters input{background:#070e20;border:1px solid #303e63;border-radius:13px;color:#e9edfa;min-height:52px;font-weight:730;font-size:15px;padding:12px 13px}
.capkeo-v2 .filters input:focus,.capkeo-v2 .filters select:focus{border-color:#16c89a;box-shadow:0 0 0 3px #16c89a24}
.capkeo-v2 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.capkeo-v2 .category-tile{background:#171e35;border:1px solid #304167;border-radius:17px;min-height:86px;color:#ecf4fe;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.capkeo-v2 .category-tile.selected{background:#17253d;border-color:#429b8e;box-shadow:0 0 0 1px #12b58f33}
.capkeo-v2 .category-tile span{font-size:29px;line-height:1.2}
.capkeo-v2 .category-tile b{font-size:13px;letter-spacing:-.2px}
.capkeo-v2 .category-tile small{display:none}
.capkeo-v2 .results .section-heading,.capkeo-v2 .recruiting .section-heading{align-items:center}
.capkeo-v2 .results .section-heading h2,.capkeo-v2 .recruiting .section-heading h2{color:#f2f4fc;letter-spacing:-.2px;font-weight:950}
.capkeo-v2 .results .section-heading .eyebrow,.capkeo-v2 .recruiting .section-heading .eyebrow{font-size:11px;letter-spacing:.6px;color:#13b98a}
.capkeo-v2 #resultsSummary{color:#aebbd1}
.capkeo-v2 .pcm-post-action{background:#15bc8d;color:#021925;font-weight:900;border-radius:999px;white-space:nowrap;padding:11px 14px;min-height:43px}
.capkeo-v2 .results-head-actions{display:flex;align-items:center;gap:8px}
.capkeo-v2 .listing,.capkeo-v2 .recruit-card{background:#171d33;border:1px solid #2f4063;border-left:4px solid #12b98f;border-radius:18px;padding:18px;box-shadow:none;display:flex;flex-direction:column;gap:13px}
.capkeo-v2 .listing h3,.capkeo-v2 .recruit-card h3{font-size:17px;font-weight:900;color:#f1f4fc;line-height:1.32}
.capkeo-v2 .status-badge{border:1px solid #166d57;background:#0c514440;color:#45c99a;border-radius:7px;font-size:11px;font-weight:850;padding:7px 9px}
.capkeo-v2 .listing-time{color:#eef1fa;font-size:14px;font-weight:900}
.capkeo-v2 .listing-time svg{color:#ffd343}
.capkeo-v2 .listing-time .time-yellow{color:#ffd342}
.capkeo-v2 .listing-venue{color:#a7b3c8;font-weight:600;font-size:13px}
.capkeo-v2 .listing-bottom .chiprow{gap:6px}
.capkeo-v2 .chip{padding:7px 9px;background:#18333d;color:#65d5af;border:1px solid #2c6860;border-radius:6px;font-size:11px}
.capkeo-v2 .chip.blue{background:#172b43;color:#74c9fb;border-color:#245b89}
.capkeo-v2 .listing footer button,.capkeo-v2 .recruit-join-btn{background:#15bb8d;color:#07152a;border:0;border-radius:11px;padding:10px 13px;min-height:43px;font-weight:950;letter-spacing:.2px;cursor:pointer}
.capkeo-v2 .listing footer button:disabled{background:#333c52;color:#a8b2c3}
.capkeo-v2 .recruiting{scroll-margin-top:94px}
.capkeo-v2 .recruiting .section-heading{margin-bottom:12px}
.capkeo-v2 .recruit-count{font-size:.67em;color:#ffc83d}
.capkeo-v2 .recruit-button{background:linear-gradient(120deg,#ffdc53,#f7ad2a);color:#1b1827;border:0;border-radius:999px;white-space:nowrap;font-weight:900;padding:11px 13px}
.capkeo-v2 .recruit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.capkeo-v2 .recruit-card{border-left:1px solid #2f4063;padding:20px}
.capkeo-v2 .recruit-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.capkeo-v2 .recruit-card-top>b{color:#ffdc57;font-weight:900;white-space:nowrap}
.capkeo-v2 .recruit-label{background:#4e411f;color:#ffd43f;border:1px solid #926e22;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:900}
.capkeo-v2 .recruit-team{display:flex;align-items:center;gap:10px}
.capkeo-v2 .recruit-team h3{margin:0}
.capkeo-v2 .position-line{color:#9daec8;font-size:13px;margin:1px 0 0}
.capkeo-v2 .position-line b{color:#ffcc43}
.capkeo-v2 .recruit-note{font-size:12px;color:#b4c3d4;margin:0;line-height:1.5}
.capkeo-v2 .recruit-card .listing-bottom{margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.capkeo-v2 .recruit-card .recruit-join-btn{background:#ffc941}
.capkeo-v2 .recruit-empty{grid-column:1/-1;border:1px dashed #364665;border-radius:14px;padding:20px;color:#adbbd1;text-align:center}
.capkeo-v2 .utility-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.capkeo-v2 .utility-cards>a,.capkeo-v2 .utility-cards>button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid #314563;background:#182138;color:#eef5fa;text-align:left;min-height:110px;padding:16px;border-radius:14px;font-size:19px}
.capkeo-v2 .utility-cards b{font-size:13px}.capkeo-v2 .utility-cards small{font-size:11px;color:#acbcd0}
.capkeo-v2 .my-recruit-header{margin:24px 0 12px;font-size:17px;font-weight:900;color:#ffd655}
.capkeo-v2 .bottom-nav a svg{height:27px;width:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.capkeo-v2 .filter-advanced-button{display:none}
@media (max-width:860px){.capkeo-v2 .recruit-grid{grid-template-columns:1fr}}
@media (max-width:650px){
 html{scroll-padding-top:77px}
 .capkeo-v2 .topbar{height:67px;padding:0 13px;gap:5px}
 .capkeo-v2 .brand{gap:8px;min-width:0}
 .capkeo-v2 .brand-mark img{width:37px;height:37px}
 .capkeo-v2 .brand strong{font-size:19px;line-height:1.2}
 .capkeo-v2 .brand small{font-size:8px;letter-spacing:0;white-space:nowrap}
 .capkeo-v2 .toplinks{gap:5px;flex:none}
 .capkeo-v2 .bell-button{width:38px;height:42px;padding:7px}
 .capkeo-v2 .bell-button svg{width:29px;height:29px}
 .capkeo-v2 .top-account{width:auto;height:40px;min-width:103px;max-width:145px;min-height:40px;gap:5px;font-size:12px;padding:9px 12px}
 .capkeo-v2 .top-account span:not(.account-avatar){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:83px}
 .capkeo-v2 .top-account .account-avatar{width:25px;height:25px;flex-basis:25px}
 .capkeo-v2 .container{padding:16px 15px calc(123px + env(safe-area-inset-bottom))}
 .capkeo-v2 .hero{min-height:137px;margin:0 0 15px;border-radius:15px;background-position:center center}
 .capkeo-v2 .hero-main{padding:16px;max-width:100%}
 .capkeo-v2 .hero .eyebrow{font-size:10px;padding:5px 8px;letter-spacing:0}
 .capkeo-v2 .hero h1{font-size:17px;line-height:1.3;margin:7px 0 5px;max-width:310px}
 .capkeo-v2 .hero p{font-size:11px;line-height:1.35;color:#dae4ed;max-width:320px;margin:0}
 .capkeo-v2 #authStrip{display:none!important}
 .capkeo-v2 .quick-filter{padding:16px 15px 13px;border-radius:17px;margin:16px 0 14px}
 .capkeo-v2 .filter-head{margin:0 0 18px;padding:0 0 14px}
 .capkeo-v2 .filter-head h2{font-size:16px;letter-spacing:.1px}
 .capkeo-v2 .heading-icon{font-size:22px}
 .capkeo-v2 .filter-reset{font-size:11px}
 .capkeo-v2 .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;margin:0}
 .capkeo-v2 .filters label{font-size:11px;letter-spacing:0}
 .capkeo-v2 .filters select,.capkeo-v2 .filters input{border-radius:9px;height:45px;min-height:45px;font-size:13px;margin-top:7px;padding:9px 10px}
 .capkeo-v2 .filter-status-extra,.capkeo-v2 .filter-text,.capkeo-v2 .filter-date{display:none}
 .capkeo-v2 .filters.is-expanded .filter-status-extra,.capkeo-v2 .filters.is-expanded .filter-text,.capkeo-v2 .filters.is-expanded .filter-date{display:block}
 .capkeo-v2 .filters .filter-text,.capkeo-v2 .filters .filter-date{grid-column:span 2}
 .capkeo-v2 .quick-chips{display:none}
 .capkeo-v2 .filter-advanced-button{display:block;margin:10px 0 0 auto;background:transparent;color:#81cbb7;border:0;font-size:11px;font-weight:750;padding:6px 0}
 .capkeo-v2 .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 21px}
 .capkeo-v2 .category-tile{min-height:72px;padding:9px 3px;gap:4px;border-radius:13px}
 .capkeo-v2 .category-tile span{font-size:22px}
 .capkeo-v2 .category-tile b{font-size:11px;line-height:1.15}
 .capkeo-v2 .results .section-heading,.capkeo-v2 .recruiting .section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:6px;margin-bottom:12px}
 .capkeo-v2 .results .section-heading>div:first-child,.capkeo-v2 .recruiting .section-heading>div:first-child{min-width:0}
 .capkeo-v2 .results .section-heading h2,.capkeo-v2 .recruiting .section-heading h2{font-size:17px;margin:4px 0 5px;white-space:normal;line-height:1.3}
 .capkeo-v2 .results .section-heading .eyebrow,.capkeo-v2 .recruiting .section-heading .eyebrow{font-size:9px;letter-spacing:0}
 .capkeo-v2 #resultsSummary{font-size:11px;line-height:1.4}
 .capkeo-v2 .results-head-actions{gap:4px;align-self:flex-start}
 .capkeo-v2 .pcm-post-action{font-size:10px;min-height:37px;padding:9px 11px}
 .capkeo-v2 .icon-refresh{width:33px;height:37px;font-size:20px;border-radius:9px}
 .capkeo-v2 .stats{display:none}
 .capkeo-v2 .listing-grid{grid-template-columns:1fr;gap:13px}
 .capkeo-v2 .listing{padding:16px 13px;gap:12px;border-radius:14px;min-height:166px}
 .capkeo-v2 .listing-top{gap:7px}
 .capkeo-v2 .listing-title{gap:8px;min-width:0}
 .capkeo-v2 .listing h3,.capkeo-v2 .recruit-card h3{font-size:14px;line-height:1.4;letter-spacing:-.1px}
 .capkeo-v2 .status-badge{font-size:9px;padding:6px 7px;white-space:nowrap}
 .capkeo-v2 .listing-time{font-size:12px;gap:7px;line-height:1.4}
 .capkeo-v2 .listing-time svg{width:17px;height:17px}
 .capkeo-v2 .listing-venue{font-size:11px;line-height:1.45;gap:7px}
 .capkeo-v2 .listing-bottom{margin-top:auto;gap:7px}
 .capkeo-v2 .listing .chip{font-size:10px;padding:6px 7px}
 .capkeo-v2 .listing footer{margin:-1px 0 0;display:flex;justify-content:flex-end;min-height:37px;align-items:center}
 .capkeo-v2 .listing footer button{font-size:11px;min-height:36px;min-width:99px;padding:8px 12px;border-radius:9px}
 .capkeo-v2 .listing-extras{font-size:10px;margin-right:auto;max-width:60%;line-height:1.35}
 .capkeo-v2 .listing-card-actions .mini-action{width:29px;height:29px;font-size:16px;padding:2px;border-radius:8px}
 .capkeo-v2 .pagebar{gap:5px;margin:16px 0 28px}.capkeo-v2 .pagebar button{min-width:37px;min-height:38px;padding:7px 8px}
 .capkeo-v2 .recruiting{margin-top:25px}.capkeo-v2 .recruiting .section-heading h2{font-size:15px}
 .capkeo-v2 .recruit-button{font-size:10px;min-height:37px;padding:9px 10px}
 .capkeo-v2 .recruit-grid{display:grid;grid-template-columns:1fr;gap:13px}
 .capkeo-v2 .recruit-card{padding:15px 13px;border-radius:14px;gap:11px}
 .capkeo-v2 .recruit-card-top>b,.capkeo-v2 .recruit-label{font-size:10px}
 .capkeo-v2 .recruit-card .listing-bottom{margin-top:0}
 .capkeo-v2 .recruit-card .chip{padding:6px 8px;font-size:10px}
 .capkeo-v2 .recruit-join-btn{min-height:36px;font-size:11px}
 .capkeo-v2 .directory-block{margin:26px 0}
 .capkeo-v2 .utility-cards{grid-template-columns:1fr}
 .capkeo-v2 .utility-cards>a,.capkeo-v2 .utility-cards>button{min-height:73px}
 .capkeo-v2 .bottom-nav{background:#111729;border-top:1px solid #27334d;box-shadow:0 -7px 23px #02040e77;padding:9px 6px calc(8px + env(safe-area-inset-bottom));height:auto;min-height:73px}
 .capkeo-v2 .bottom-nav a{color:#96a1b8;gap:5px;font-size:10px;font-weight:800;min-height:55px}
 .capkeo-v2 .bottom-nav a.active{color:#4abd96}
 .capkeo-v2 .bottom-nav a svg{width:25px;height:25px;stroke-width:1.8}
 .capkeo-v2 .mobile-action{display:none!important} /* On-screen CTAs are already prominently placed in the content */
 .capkeo-v2 .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
 .capkeo-v2 dialog{border-top:1px solid #64759b}
 .capkeo-v2 .mypanel .my-item{padding:13px}
}
@media(max-width:355px){.capkeo-v2 .top-account{min-width:93px;padding:8px 9px}.capkeo-v2 .brand strong{font-size:17px}.capkeo-v2 .brand small{font-size:7px}.capkeo-v2 .container{padding-left:10px;padding-right:10px}.capkeo-v2 .hero h1{font-size:15px}.capkeo-v2 .recruit-button,.capkeo-v2 .pcm-post-action{font-size:9px;padding:7px}}