/* PCM KÈO PHỦI Mobile First V2 – loaded only for public index.php, not admin */
:root{--app:#0b1020;--panel:#171f35;--panel2:#10182a;--edge:#2d3c5b;--teal:#12bd90;--mint:#51c39c;--gold:#ffc83d;--pale:#f7f9ff;--muted:#a5b1c7}
html{scroll-padding-top:84px}body.capkeo-v2{color:var(--pale);background:var(--app);font-size:14px;color-scheme:dark}body.capkeo-v2 :focus-visible{outline:3px solid var(--gold);outline-offset:3px}body.capkeo-v2 button,body.capkeo-v2 select{touch-action:manipulation}
.capkeo-v2 .topbar{position:sticky;top:0;z-index:45;background:#0d1425f6;border-bottom:1px solid #253250;box-shadow:0 5px 20px #02040d70;height:74px}.capkeo-v2 .brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#19263b;box-shadow:0 0 20px #12bd901b}.capkeo-v2 .brand strong{font-size:20px;letter-spacing:.2px;line-height:1.1}.capkeo-v2 .brand small{font-size:10px;letter-spacing:1.1px;color:#52c99a;white-space:nowrap}.presence-dot,.live-marker{display:inline-block;width:9px;height:9px;background:#18c88c;border-radius:50%;box-shadow:0 0 10px #14dc90}.presence-dot{margin-right:6px}.capkeo-v2 .top-account{background:var(--gold);color:#08101a;font-size:12px;min-height:42px;display:flex;align-items:center;gap:6px;border-radius:999px;padding:0 15px;font-weight:900}.capkeo-v2 .top-account:hover{background:#ffe174}.capkeo-v2 .desktop-link{color:#bfd2d4}
.capkeo-v2 .container{max-width:1120px}.capkeo-v2 .hero{min-height:230px;border:1px solid #2c465a;border-radius:22px;background:radial-gradient(ellipse at 75% 64%,#21704370 0,transparent 60%),linear-gradient(130deg,#102a26 0%,#111a34 62%,#07121d 100%);box-shadow:none}.capkeo-v2 .hero-main{padding:34px 30px}.capkeo-v2 .hero h1{font-size:clamp(27px,3.5vw,42px);margin:9px 0 4px}.capkeo-v2 .hero h1 em{color:var(--gold)}.capkeo-v2 .hero h2{font-size:18px;line-height:1.3;letter-spacing:.2px;margin:6px 0 9px}.capkeo-v2 .hero p{max-width:580px;font-size:13px;color:#d0d9d8;line-height:1.65;margin-bottom:14px}.capkeo-v2 .eyebrow{color:#20c89b;font-size:11px;letter-spacing:1px}.capkeo-v2 .hero .eyebrow{color:#b1ffdc}.capkeo-v2 .hero-note{color:#bed7c9}.capkeo-v2 .hero-actions{gap:10px}.capkeo-v2 .pitch-visual{flex:1;position:relative;align-self:stretch;opacity:.8;min-width:220px;border-left:2px solid #9ee8c148;transform:skew(-9deg) translateX(13px);background:repeating-linear-gradient(90deg,transparent 0,transparent 58px,#ffffff08 59px,#ffffff08 60px)}.pitch-ring{position:absolute;left:17%;top:14%;width:68%;height:72%;border:3px solid #b4f8b454;border-radius:8px}.pitch-ring:before{content:'';position:absolute;top:50%;left:0;right:0;border-top:3px solid #b4f8b454}.pitch-ring:after{content:'';position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);border:3px solid #b4f8b454;border-radius:50%}.capkeo-v2 .btn.primary{background:var(--gold);color:#0d1425;box-shadow:none}.capkeo-v2 .btn.teal{background:var(--teal);color:#091322}.capkeo-v2 .btn.ghost,.capkeo-v2 .btn.outline{border:1px solid #426477;background:#15273c;color:#e8f7ef}.capkeo-v2 .btn{font-size:13px}
.capkeo-v2 .quick-filter{margin:22px 0 14px;padding:18px 22px;background:#151e33;border:1px solid #216a63;border-radius:21px}.filter-head{display:flex;gap:10px;align-items:center;padding:0 0 14px;border-bottom:1px solid #2a3552;margin-bottom:16px}.filter-head h2{margin:0;font-size:18px;letter-spacing:.2px}.heading-icon{font-size:24px;color:var(--teal)}.filter-reset{margin-left:auto;background:transparent;border:none;color:#a8d2d0;font-size:12px;padding:8px}.capkeo-v2 .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0}.capkeo-v2 label{font-size:11px;color:#46c8a4;letter-spacing:.2px}.capkeo-v2 input,.capkeo-v2 select,.capkeo-v2 textarea{background:#0b1121;border:1px solid #334363;border-radius:11px;color:#edf5ff;padding:12px 13px;font-weight:700;font-size:13px;min-height:45px;appearance:auto}.capkeo-v2 input::placeholder{color:#788ba6}.capkeo-v2 .filters .filter-text{grid-column:span 3}.capkeo-v2 .filters .filter-date{grid-column:span 1}.capkeo-v2 input:focus,.capkeo-v2 select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #10b98c3d}.capkeo-v2 .quick-chips{display:flex;gap:8px;overflow-x:auto;margin-top:15px;padding-bottom:3px;scrollbar-width:none}.capkeo-v2 .quick-chips button{flex:0 0 auto;min-height:38px;border-radius:999px;background:#202c46;color:#d1ddf0;border:1px solid #3a4b69;padding:7px 14px;font-size:12px;font-weight:800}.capkeo-v2 .quick-chips button.active{background:#0b765d;border-color:#23c5a0;color:white}
.capkeo-v2 .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 26px}.capkeo-v2 .category-tile{min-height:88px;border:1px solid #2d3c61;background:var(--panel);border-radius:16px;color:#e8edf8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative}.capkeo-v2 .category-tile.selected{border-color:#1fa786;background:#12382f}.capkeo-v2 .category-tile>span{font-size:23px}.capkeo-v2 .category-tile b{font-size:13px}.capkeo-v2 .category-tile small{font-size:9px;color:#9faec5;position:absolute;bottom:4px}
.capkeo-v2 .results{scroll-margin-top:90px}.capkeo-v2 .section-heading{margin:0 0 14px;align-items:center}.capkeo-v2 .section-heading h2{font-size:20px;margin:6px 0}.capkeo-v2 .section-heading p{color:var(--muted);font-size:12px;line-height:1.55}.capkeo-v2 .icon-refresh{background:#1c2a44;border:1px solid #394964;border-radius:12px;color:#d5e1ee;font-size:26px;width:44px;height:44px;flex:0 0 auto}.capkeo-v2 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 14px}.capkeo-v2 .stats>div{min-height:62px;background:#131c31;border:1px solid #283653;border-radius:14px}.capkeo-v2 .stats strong{font-size:22px;color:var(--gold)}.capkeo-v2 .stats span{font-size:10px;color:#aab9ce;letter-spacing:0}.capkeo-v2 .listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.capkeo-v2 .listing{background:var(--panel);border:1px solid #304160;border-left:4px solid var(--teal);border-radius:17px;padding:20px;gap:12px;box-shadow:none}.capkeo-v2 .listing h3{font-size:17px;line-height:1.35;color:var(--pale);margin:0}.capkeo-v2 .listing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.capkeo-v2 .listing-title{display:block;flex:1}.capkeo-v2 .status-badge{font-size:11px;padding:7px 9px;border-radius:7px;border:1px solid #1d8266;background:#12504090;color:#4de0ac;font-weight:800;flex-shrink:0;white-space:nowrap}.capkeo-v2 .status-badge.confirmed{border-color:#a78a28;background:#53451a;color:#ffdb6c}.capkeo-v2 .status-badge.awaiting{border-color:#37739f;background:#153a62;color:#8ccdfd}.capkeo-v2 .listing-time{font-size:13px;font-weight:850;display:flex;align-items:center;gap:8px;line-height:1.6}.capkeo-v2 .listing-time svg{color:var(--gold);flex-shrink:0}.capkeo-v2 .time-yellow{color:var(--gold)}.capkeo-v2 .time-date{color:#eff2fa}.capkeo-v2 .listing-venue{font-size:13px;color:#a5b1c7;display:flex;gap:8px;line-height:1.5;align-items:flex-start}.capkeo-v2 .listing-venue>span:first-child{flex:0 0 auto}.capkeo-v2 .chiprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.capkeo-v2 .chip{border-radius:6px;padding:6px 9px;font-size:11px;background:#172d3b;color:#67d5ad;border:1px solid #2e6559}.capkeo-v2 .chip.blue{border-color:#245777;background:#14304a;color:#65c5f1}.capkeo-v2 .chip.gold{background:#5d431d;border-color:#9e781f;color:#ffde71}.capkeo-v2 .chip.gray{background:#262f44;border-color:#46516d;color:#bbc7d9}.capkeo-v2 .listing-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.capkeo-v2 .listing footer{margin:0}.capkeo-v2 .listing footer button{background:var(--teal);color:#061527;border-radius:10px;padding:10px 14px;min-width:112px;min-height:43px;font-size:13px}.capkeo-v2 .listing footer button:disabled{background:#263550;color:#aebdd2;opacity:1}.capkeo-v2 .listing-card-actions{display:flex;gap:6px;align-items:center}.capkeo-v2 .mini-action{width:39px;height:39px;display:grid;place-items:center;border:1px solid #334564;background:#172239;color:#d7e3f7;border-radius:10px;font-size:19px}.capkeo-v2 .mini-action.saved{color:#ffdb64}.capkeo-v2 .listing-extras{font-size:11px;color:#8197b2;margin:0}.capkeo-v2 .hint{font-size:12px;color:#aab9cb;margin:6px 0 12px}.capkeo-v2 .empty{background:var(--panel);color:#c8d4e3;border:1px dashed #3c4d69;grid-column:1/-1}
.capkeo-v2 .pagebar{display:flex;gap:8px;align-items:center;justify-content:center;margin:20px 0 30px;flex-wrap:wrap}.capkeo-v2 .pagebar button{background:#19233b;color:#c7d5e9;border:1px solid #344563;border-radius:11px;padding:10px 13px;min-width:43px;min-height:43px;font-weight:800}.capkeo-v2 .pagebar button.current{background:var(--teal);color:#0c1625;border-color:var(--teal)}.capkeo-v2 .pagebar button:disabled{opacity:.4}
.capkeo-v2 .directory-block{margin:34px 0;scroll-margin-top:95px}.capkeo-v2 .directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.capkeo-v2 .directory-card,.capkeo-v2 .upcoming-card{background:#171f35;border:1px solid #304161;border-radius:16px;padding:17px}.capkeo-v2 .directory-card{display:flex;flex-direction:column;gap:7px}.capkeo-v2 .directory-card h3{font-size:14px;line-height:1.4;margin:0}.capkeo-v2 .directory-card p{font-size:12px;color:#a9b8d0;margin:0}.capkeo-v2 .directory-card .text-link{align-self:start;color:#7de2ba;font-weight:800;background:transparent;border:0;padding:9px 0;font-size:12px}.capkeo-v2 .upcoming-card{display:flex;align-items:center;gap:15px}.capkeo-v2 .upcoming-icon{font-size:33px}.capkeo-v2 .upcoming-card h3{margin:0 0 5px;font-size:15px}.capkeo-v2 .upcoming-card p{margin:0;color:#b6c4d7;line-height:1.7;font-size:12px}.capkeo-v2 .upcoming-card .btn{flex:0 0 auto}.capkeo-v2 .mypanel{background:#131b30;border-color:#334463;scroll-margin-top:95px}.capkeo-v2 .my-item,.capkeo-v2 .request{background:#19243a;border-color:#354965}.capkeo-v2 .my-item .dim{color:#b5c1d5}.capkeo-v2 .how .steps>div{background:#171f35;border-color:#30415c}.capkeo-v2 .how .steps p{color:#b5c5d7}.capkeo-v2 main.container > footer{border-top:1px solid #2b3953;padding:20px 0 0;color:#9caec6}
.capkeo-v2 dialog{background:#121b2e;border:1px solid #506485;color:#f5f9ff;z-index:120}.capkeo-v2 dialog::backdrop{background:#050812df}.capkeo-v2 .dialog-head h2{color:#ffe27a}.capkeo-v2 .form-note{background:#172d39;color:#aee7d3}.capkeo-v2 .xbtn{background:#253551;color:white;min-width:44px;min-height:44px}.capkeo-v2 .toast{background:#1c3042;color:#eefbff;border-color:#e2bd57;bottom:110px;z-index:130}
.capkeo-v2 .bottom-nav{display:none}
@media(max-width:800px){.capkeo-v2 .listing-grid{grid-template-columns:1fr}.capkeo-v2 .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capkeo-v2 .pitch-visual{display:none}}
@media(max-width:650px){html{scroll-padding-top:76px}.capkeo-v2 .topbar{height:70px;padding:0 16px}.capkeo-v2 .brand strong{font-size:20px}.capkeo-v2 .brand small{font-size:9px;letter-spacing:.4px}.capkeo-v2 .toplinks .desktop-link{display:none}.capkeo-v2 .top-account{border-radius:24px;width:43px;height:43px;justify-content:center;font-size:23px;padding:0}.capkeo-v2 .top-account span{display:none}.capkeo-v2 .container{padding:14px 14px calc(182px + env(safe-area-inset-bottom))}.capkeo-v2 .hero{min-height:165px;border-radius:19px;margin-bottom:16px}.capkeo-v2 .hero-main{padding:23px 19px}.capkeo-v2 .hero h1{font-size:24px;margin:9px 0 4px}.capkeo-v2 .hero h2{font-size:15px}.capkeo-v2 .hero p{font-size:12px;line-height:1.6;margin:7px 0}.capkeo-v2 .hero-actions{display:none}.capkeo-v2 .hero-note{font-size:10px;margin-top:10px}.capkeo-v2 .quick-filter{margin:15px 0 12px;padding:17px 15px;border-radius:19px}.capkeo-v2 .filter-head h2{font-size:16px}.capkeo-v2 .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.capkeo-v2 .filters .filter-text,.capkeo-v2 .filters .filter-date{grid-column:span 2}.capkeo-v2 .filters label{font-size:11px}.capkeo-v2 .filters select,.capkeo-v2 .filters input{font-size:14px;min-height:47px;padding:11px 10px;margin-top:9px}.capkeo-v2 .category-grid{gap:9px;margin:13px 0 24px}.capkeo-v2 .category-tile{min-height:82px}.capkeo-v2 .category-tile b{font-size:12px}.capkeo-v2 .section-heading h2{font-size:19px}.capkeo-v2 .section-heading p{font-size:11px}.capkeo-v2 .section-heading .eyebrow{font-size:10px}.capkeo-v2 .stats>div{min-height:59px}.capkeo-v2 .stats strong{font-size:19px}.capkeo-v2 .stats span{font-size:8px}.capkeo-v2 .listing-grid{grid-template-columns:1fr;gap:13px}.capkeo-v2 .listing{padding:17px 14px 15px;gap:14px}.capkeo-v2 .listing h3{font-size:16px}.capkeo-v2 .listing-time{font-size:12px}.capkeo-v2 .listing-venue{font-size:12px}.capkeo-v2 .status-badge{font-size:10px;padding:6px 7px}.capkeo-v2 .listing footer button{min-width:103px;font-size:12px;padding:9px}.capkeo-v2 .directory-grid{grid-template-columns:1fr}.capkeo-v2 .upcoming-card{align-items:flex-start;flex-wrap:wrap}.capkeo-v2 .upcoming-card .btn{width:100%}.capkeo-v2 .mypanel{padding:17px 13px}.capkeo-v2 .mypanel .my-grid{grid-template-columns:1fr}.capkeo-v2 .how{padding:14px 0}.capkeo-v2 .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:62;background:#10182afa;border-top:1px solid #273755;box-shadow:0 -8px 30px #0009;padding:9px 8px calc(8px + env(safe-area-inset-bottom));gap:0;justify-content:space-between}.capkeo-v2 .bottom-nav a{color:#96a4bd;text-align:center;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:57px;font-size:10px;font-weight:800;white-space:nowrap;border-radius:12px}.capkeo-v2 .bottom-nav a.active{color:#49cea3}.capkeo-v2 .navicon{font-size:27px;line-height:31px}.capkeo-v2 .mobile-action{display:flex;position:fixed;z-index:61;left:auto;right:14px;bottom:calc(77px + env(safe-area-inset-bottom));padding:0;background:none;pointer-events:none}.capkeo-v2 .mobile-action .btn{pointer-events:auto;min-height:48px;width:auto;font-size:13px;border-radius:999px;padding:12px 20px;box-shadow:0 7px 24px #000a}.capkeo-v2 .mobile-action[hidden]{display:none!important}.capkeo-v2:has(input:focus) .mobile-action,.capkeo-v2:has(textarea:focus) .mobile-action{display:none}.capkeo-v2 .toast{bottom:calc(140px + env(safe-area-inset-bottom))}.capkeo-v2 dialog{position:fixed;max-height:min(87dvh,800px);margin:auto 0 0;border-radius:20px 20px 0 0;max-width:100%;width:100%;bottom:0;left:0;right:0}.capkeo-v2 .dialog-inner{max-height:min(87dvh,800px);padding:20px 17px calc(18px + env(safe-area-inset-bottom))}.capkeo-v2 .dialog-head{position:sticky;top:0;z-index:2;background:#121b2e;padding:6px 0 10px}.capkeo-v2 .dialog-head h2{font-size:17px}.capkeo-v2 .form-grid{grid-template-columns:1fr}.capkeo-v2 .form-grid .span2{grid-column:span 1}}
@media(max-width:350px){.capkeo-v2 .container{padding-left:10px;padding-right:10px}.capkeo-v2 .brand strong{font-size:17px}.capkeo-v2 .brand small{font-size:8px}.capkeo-v2 .filter-head h2{font-size:14px}.capkeo-v2 .category-tile b{font-size:11px}.capkeo-v2 .status-badge{max-width:98px;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.capkeo-v2 *{scroll-behavior:auto!important;transition:none!important}}