/* =========================================================
   KEJUARAAN PENCAK SILAT — UI REDESIGN V3
   PHP 5.6 SAFE / Bootstrap 3 SAFE
   Presentation layer only. Do not modify application logic.
   ========================================================= */
:root{
 --navy:#07152f;
 --navy2:#0c2550;
 --blue:#1468e8;
 --gold:#ffbf18;
 --red:#cf1f2e;
 --green:#16a34a;
 --ink:#101b33;
 --muted:#64748b;
 --bg:#f4f7fb;
 --white:#fff;
 --line:#e5eaf2;
 --shadow:0 12px 35px rgba(7,21,47,.10);
 --shadow-lg:0 22px 60px rgba(7,21,47,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.6}
a{color:var(--blue);transition:.2s ease}a:hover{text-decoration:none;color:var(--red)}
h1,h2,h3,h4,h5{font-weight:800;color:var(--navy);letter-spacing:-.025em}
.container{max-width:1180px}

/* ---------- NAVBAR ---------- */
.navbar-inverse{background:rgba(7,21,47,.98);border:0;border-bottom:2px solid var(--gold);margin:0;min-height:68px;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.navbar-inverse .navbar-header{min-height:68px}
.navbar-inverse .navbar-brand{height:68px;line-height:68px;padding:0 15px;color:#fff;font-size:15px;font-weight:900;letter-spacing:.02em}
.navbar-inverse .navbar-brand:before{content:"⚡";display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:10px;border-radius:8px;background:var(--gold);color:var(--navy);font-size:16px;vertical-align:middle;line-height:1}
.navbar-inverse .navbar-brand span{color:var(--gold)}
.navbar-inverse .navbar-nav>li>a{height:68px;line-height:68px;padding:0 15px;color:#dce5f5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:var(--gold);background:transparent}
.navbar-inverse .navbar-nav>li:last-child>a.btn-daftar{height:auto;line-height:1;padding:11px 18px;margin:17px 0 0 8px;border-radius:9px;background:var(--gold);color:var(--navy)!important;font-weight:900;box-shadow:0 5px 15px rgba(255,191,24,.2)}
.navbar-inverse .navbar-nav>li:last-child>a.btn-daftar:hover{background:#ffd35d;transform:translateY(-1px)}
.navbar-inverse .navbar-toggle{margin-top:16px;border-color:rgba(255,255,255,.3);border-radius:8px}

/* ---------- HERO ---------- */
.hero-utama{position:relative;overflow:hidden;min-height:440px;padding:82px 0 108px;text-align:left;color:#fff;background:
 radial-gradient(circle at 82% 40%,rgba(207,31,46,.55),transparent 29%),
 radial-gradient(circle at 68% 55%,rgba(20,104,232,.38),transparent 30%),
 linear-gradient(120deg,#06132b 0%,#0b1f45 55%,#32172c 100%)}
.hero-utama:before{content:"";position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(135deg,transparent 0,transparent 38px,rgba(255,255,255,.035) 39px,transparent 40px)}
.hero-utama:after{content:"PENCAK SILAT";position:absolute;right:-40px;bottom:-30px;color:rgba(255,255,255,.035);font-size:110px;font-weight:900;letter-spacing:-.06em;transform:rotate(-8deg);white-space:nowrap}
.hero-utama .container{position:relative;z-index:2}
.hero-utama .eyebrow{display:inline-block;margin:0 0 17px;padding:7px 15px;border:1px solid rgba(255,191,24,.7);border-radius:99px;background:rgba(255,191,24,.08);color:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.hero-utama h1{max-width:700px;margin:0;color:#fff;font-size:58px;line-height:1.02;font-weight:900;text-shadow:0 6px 25px rgba(0,0,0,.18)}
.hero-utama h2.tahun{margin:2px 0 12px;color:var(--gold);font-size:39px;line-height:1;font-weight:900}
.hero-utama .meta{max-width:700px;margin:0 0 26px;color:#dbe5f5;font-size:14px}.hero-utama .meta b{color:#fff}.hero-utama .meta .sep{color:var(--gold);padding:0 8px}
.hero-utama .btn-hero{position:relative;display:inline-block;margin:0 7px 0 0;padding:13px 25px;border-radius:9px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.btn-hero-primary{background:var(--gold);border:1px solid var(--gold);color:var(--navy)}.btn-hero-primary:hover{background:#ffd45b;color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,191,24,.2)}
.btn-hero-secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.55);color:#fff}.btn-hero-secondary:hover{border-color:var(--gold);color:var(--gold);background:rgba(255,255,255,.06)}
.status-pendaftaran{display:inline-block;position:relative;margin-top:17px;padding:6px 13px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.status-pendaftaran.open{background:rgba(22,163,74,.16);border:1px solid #2bd66b;color:#70f19b}.status-pendaftaran.upcoming{background:rgba(255,191,24,.12);border:1px solid var(--gold);color:var(--gold)}.status-pendaftaran.closed{background:rgba(207,31,46,.15);border:1px solid #ff5968;color:#ff9da7}

/* visual panel without requiring a new image asset */
.hero-utama .container:after{content:"";position:absolute;right:0;top:25px;width:390px;height:330px;border-radius:34% 12% 34% 12%;background:linear-gradient(145deg,rgba(20,104,232,.16),rgba(207,31,46,.22));border:1px solid rgba(255,255,255,.08);transform:skewX(-8deg) rotate(-3deg);box-shadow:inset 0 0 80px rgba(255,255,255,.03)}

/* ---------- STATISTICS ---------- */
.stat-strip{position:relative;z-index:5;background:transparent;margin-top:-52px;padding:0}
.stat-strip .container{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}
.stat-strip .stat-item{padding:22px 12px;text-align:center;border-right:1px solid var(--line)}
.stat-strip .stat-item:last-child{border-right:0}.stat-strip .stat-num{font-size:31px;line-height:1;font-weight:900;color:var(--red)}.stat-strip .stat-label{margin-top:7px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

/* ---------- PUBLIC SECTIONS ---------- */
section.section-public{padding:72px 0;background:#fff}section.section-public.alt{background:#f4f7fb}
.section-head{margin-bottom:36px;text-align:center}.section-head .kicker{color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.section-head h2{margin:5px 0 9px;font-size:30px}.section-head p{max-width:650px;margin:0 auto;color:var(--muted);font-size:13px}

/* ---------- CARDS ---------- */
.card-modern{height:100%;padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px rgba(7,21,47,.06);transition:transform .2s,box-shadow .2s,border-color .2s}.card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d5deec}.card-modern .card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:13px;border-radius:13px;background:#fff4d1;color:#d89500;font-size:21px}.card-modern h4{margin:0 0 8px;font-size:17px}.card-modern p{margin-bottom:14px;color:var(--muted);font-size:13px}.card-modern .card-foot{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:var(--muted);font-size:12px}
.card-kategori{text-align:center;border-top:0}.card-kategori:before{content:"";display:block;height:4px;margin:-24px -24px 20px;border-radius:15px 15px 0 0;background:linear-gradient(90deg,var(--red),var(--gold))}.card-kategori .card-icon{background:#fff0f1;color:var(--red);font-size:24px}
.card-event{padding:0;overflow:hidden}.card-event .poster{height:135px;position:relative;background:radial-gradient(circle at 70% 35%,rgba(255,191,24,.32),transparent 20%),linear-gradient(135deg,#091734,#122f61 55%,#7d1524)}.card-event .poster:after{content:"KEJUARAAN";position:absolute;left:20px;bottom:12px;color:rgba(255,255,255,.11);font-size:38px;font-weight:900}.card-event .poster .badge-status{position:absolute;top:14px;right:14px;z-index:2}.card-event .body{padding:20px}.card-event .body h4{margin:0 0 10px}.card-event .body .meta-row{margin-bottom:5px;color:var(--muted);font-size:12px}.card-event .body .meta-row i{width:18px;color:var(--red)}

/* ---------- QUICK ACTIONS ---------- */
.section-public .btn-brand-red,.section-public .btn-brand-navy,.section-public .btn-brand-gold{border-radius:9px;padding:10px 17px;font-weight:800;border-width:1px}.btn-brand-red{background:var(--red);border-color:var(--red);color:#fff}.btn-brand-red:hover{background:#a91523;color:#fff}.btn-brand-navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn-brand-navy:hover{background:var(--blue);border-color:var(--blue);color:#fff}.btn-brand-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}

/* ---------- TABLE ---------- */
.table-modern{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 5px 20px rgba(7,21,47,.05)}.table-modern table{margin:0}.table-modern thead th{padding:13px 15px;background:var(--navy);color:#fff;border:0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.table-modern tbody td{padding:13px 15px;vertical-align:middle;border-color:var(--line);font-size:12.5px}.table-modern tbody tr:hover{background:#f8fafc}

/* ---------- FORMS ---------- */
.form-modern .form-group label{margin-bottom:6px;color:var(--navy);font-size:12px;font-weight:800}.form-modern .form-control{height:42px;padding:9px 12px;border:1px solid #d9e0eb;border-radius:9px;box-shadow:none;font-size:13px}.form-modern textarea.form-control{height:auto;min-height:110px}.form-modern .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,104,232,.10)}

/* ---------- ALERT / EMPTY ---------- */
.alert-modern{padding:14px 17px;border:0;border-radius:10px;font-size:13px}.empty-state{padding:55px 20px;text-align:center;color:var(--muted)}.empty-state .empty-icon{margin-bottom:13px;color:#cbd5e1;font-size:42px}.empty-state p{margin:0;font-size:13px}

/* ---------- FOOTER ---------- */
.footer-utama{margin-top:0;padding:42px 0 20px;background:#06122a;color:#aebbd0}.footer-utama h5{color:#fff;font-size:13px}.footer-utama a{color:#cbd5e1}.footer-utama a:hover{color:var(--gold)}.footer-utama .footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:25px;padding-top:16px;color:#72819a;font-size:11px;text-align:center}

/* ---------- ADMIN / PELATIH: preserve shell, modernize appearance ---------- */
.app-shell{display:flex;min-height:100vh;background:#f4f7fb}.app-sidebar{width:250px;flex-shrink:0;background:#07152f;color:#cbd5e1;box-shadow:8px 0 30px rgba(7,21,47,.08)}.app-sidebar .brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:900}.app-sidebar .nav-section-label{padding:17px 20px 7px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.app-sidebar a{display:block;padding:10px 20px;color:#b9c5d8;border-left:3px solid transparent;font-size:13px}.app-sidebar a:hover,.app-sidebar a.active{background:rgba(255,255,255,.06);border-left-color:var(--gold);color:#fff}.app-content{flex:1;padding:28px}.app-topbar{padding:14px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 15px rgba(7,21,47,.04)}.stat-card{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px rgba(7,21,47,.05)}.stat-card .stat-icon{border-radius:12px}.progress-modern{height:9px;border-radius:99px;background:#e8edf4}.progress-modern .progress-bar-modern{background:linear-gradient(90deg,var(--blue),var(--gold))}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){.hero-utama .container:after{right:15px;width:300px}.hero-utama h1{font-size:50px}.navbar-inverse .navbar-nav>li>a{padding:0 10px}}
@media(max-width:991px){.hero-utama{min-height:410px;padding:70px 0 100px}.hero-utama .container:after{opacity:.55;width:280px;height:250px}.hero-utama h1{max-width:580px;font-size:43px}.hero-utama h2.tahun{font-size:32px}.stat-strip .stat-item{border-bottom:1px solid var(--line)}section.section-public{padding:58px 0}}
@media(max-width:767px){.container{width:auto}.navbar-inverse .navbar-brand{height:60px;line-height:60px;font-size:12px}.navbar-inverse .navbar-header{min-height:60px}.navbar-inverse .navbar-toggle{margin-top:13px}.navbar-inverse .navbar-nav>li>a{height:auto;line-height:1.3;padding:12px 18px}.navbar-inverse .navbar-nav>li:last-child>a.btn-daftar{display:inline-block;margin:7px 18px 14px}.hero-utama{min-height:0;padding:55px 0 88px;text-align:left}.hero-utama:after{font-size:65px}.hero-utama .container:after{right:-55px;top:95px;width:240px;height:210px;opacity:.32}.hero-utama h1{max-width:100%;font-size:36px;line-height:1.04}.hero-utama h2.tahun{font-size:29px}.hero-utama .meta{font-size:12px;max-width:90%}.hero-utama .btn-hero{display:inline-block;margin:4px 5px 4px 0;padding:11px 15px}.stat-strip{margin-top:-35px}.stat-strip .container{border-radius:13px}.stat-strip .stat-item{padding:17px 5px}.stat-strip .stat-num{font-size:24px}.stat-strip .stat-label{font-size:8px}.section-head h2{font-size:25px}.card-modern{margin-bottom:15px}.app-shell{display:block}.app-sidebar{width:100%}.app-content{padding:18px}.table-modern{border-radius:10px}}
@media(max-width:430px){.hero-utama h1{font-size:31px}.hero-utama .meta .sep{display:none}.hero-utama .btn-hero{display:block;width:100%;margin:7px 0}.hero-utama .container:after{right:-100px}.stat-strip .stat-item{width:50%}.stat-strip .stat-item:nth-child(2){border-right:0}.stat-strip .stat-item:nth-child(3),.stat-strip .stat-item:nth-child(4){border-bottom:0}}
/* EVENT22 V5 homepage */
body{background:#061a3b}.navbar-event22{min-height:78px!important;background:#061733!important;border-bottom:2px solid #f8c51c!important;box-shadow:0 6px 24px rgba(0,0,0,.28)!important}.navbar-event22 .navbar-header{min-height:78px!important}.navbar-event22 .brand-event22{height:78px!important;line-height:78px!important;display:flex!important;align-items:center;padding:0 14px!important;gap:12px;color:#fff!important;font-size:18px!important}.navbar-event22 .brand-event22:before{display:none!important}.navbar-event22 .brand-event22 img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,205,65,.55))}.navbar-event22 .brand-event22 span{color:#fff!important;white-space:nowrap}.navbar-event22 .brand-event22 b{color:#ffc51c}.navbar-event22 .navbar-nav>li>a{height:78px!important;line-height:78px!important;padding:0 16px!important;color:#f2f5fb!important;font-size:12px!important;font-weight:900!important}.navbar-event22 .navbar-nav>li>a:hover{color:#ffc51c!important;background:transparent!important}.navbar-event22 .navbar-nav>li>a.btn-daftar{height:auto!important;line-height:1!important;margin:21px 0 0 10px!important;padding:14px 24px!important;border-radius:10px!important;background:#ffc51c!important;color:#071a3b!important}
.homepage-v5{background:#061a3b;overflow:hidden}.hero-event22{position:relative;min-height:600px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#04142e 0%,#06245a 53%,#210d2c 100%)}.hero-event22:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 47px,rgba(255,255,255,.035) 48px,transparent 49px)}.hero-event22:after{content:"PENCAK SILAT";position:absolute;right:-45px;bottom:-54px;color:rgba(255,255,255,.035);font-size:118px;font-weight:900;transform:rotate(-8deg);white-space:nowrap}.hero-container{position:relative;z-index:3;display:flex;align-items:center;min-height:600px}.hero-copy{position:relative;z-index:5;width:57%;padding:64px 0 88px}.eyebrow{display:inline-block;padding:8px 15px;border:1px solid #f5c318;border-radius:999px;background:rgba(255,197,28,.05);color:#ffc51c;font-size:12px;font-weight:900;letter-spacing:.08em}.hero-copy h1{margin:22px 0 0;color:#fff;font-size:61px;line-height:.98;font-weight:900;letter-spacing:-.035em;text-shadow:0 5px 18px rgba(0,0,0,.25)}.hero-year{margin:4px 0 14px;color:#ffc51c;font-size:54px;line-height:1;font-weight:900}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#e8eef8;font-size:14px;margin-bottom:28px}.hero-meta i{color:#fff;margin-right:7px}.meta-date{font-weight:800}.meta-separator{color:#ffc51c;font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-hero-v5{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:0 28px;border-radius:10px;font-size:13px;font-weight:900;text-transform:uppercase;transition:.2s}.btn-hero-v5:hover{text-decoration:none;transform:translateY(-2px)}.btn-hero-v5-primary{background:#ffc51c;color:#071a3b;box-shadow:0 10px 26px rgba(255,197,28,.18)}.btn-hero-v5-primary:hover{background:#ffd650;color:#071a3b}.btn-hero-v5-primary span{font-size:23px}.btn-hero-v5-secondary{border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.02);color:#fff}.btn-hero-v5-secondary:hover{border-color:#ffc51c;color:#ffc51c}.status-v5{display:inline-block;margin-top:16px;padding:7px 15px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.07em}.status-v5.open{color:#11f38b;border:1px solid #11f38b;background:rgba(17,243,139,.06)}.status-v5.upcoming{color:#ffc51c;border:1px solid #ffc51c}.status-v5.closed{color:#ff7581;border:1px solid #ff5362}.hero-visual{position:absolute;right:-35px;top:0;width:52%;height:100%;display:flex;align-items:center;justify-content:flex-end}.hero-visual-glow{position:absolute;right:10%;top:22%;width:470px;height:330px;background:radial-gradient(circle,rgba(31,111,255,.36),rgba(199,22,58,.22) 52%,transparent 72%);filter:blur(25px)}.hero-visual-panel{position:relative;width:690px;height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:42px 14px 42px 14px;transform:skewX(-5deg) rotate(-3deg);box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 0 90px rgba(255,255,255,.06)}.hero-visual-panel img{width:100%;height:100%;object-fit:cover;object-position:center;transform:skewX(5deg) rotate(3deg) scale(1.05)}.hero-light{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}.hero-light-blue{width:520px;height:380px;right:28%;top:10%;background:rgba(17,85,255,.22)}.hero-light-red{width:470px;height:390px;right:-5%;top:18%;background:rgba(231,28,57,.22)}.hero-motif{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(0,132,255,.14)}.hero-motif:before,.hero-motif:after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.07);border-radius:50%}.hero-motif:after{inset:58px;border-color:rgba(255,197,28,.09)}.hero-motif-left{left:-170px;top:190px}.hero-motif-right{right:-155px;top:35px;border-color:rgba(255,50,76,.16)}.stat-strip-v5{position:relative;z-index:10;margin-top:-75px}.stat-strip-v5 .container{padding:0}.stat-grid-v5{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.22)}.stat-item-v5{position:relative;min-height:112px;padding:18px 22px 18px 82px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e4e9f1}.stat-item-v5:last-child{border-right:0}.stat-icon-v5{position:absolute;left:24px;top:34px;font-size:36px}.stat-value-v5{color:#e5262f;font-size:31px;line-height:1;font-weight:900}.stat-label-v5{margin-top:7px;color:#667892;font-size:11px;font-weight:900}.stat-red .stat-icon-v5{color:#ed2939}.stat-blue .stat-icon-v5{color:#1468e8}.stat-green .stat-icon-v5{color:#13a34a}.stat-gold .stat-icon-v5{color:#efb510}.homepage-footer-v5{position:relative;padding:48px 0 34px;background:#061a3b;color:#fff}.footer-hashtags{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;color:#f6f8fb;font-size:13px;font-weight:900}.footer-hashtags span:before{content:"#";color:#ffc51c}.footer-hashtags span{font-size:0}.footer-hashtags span:after{font-size:13px}.footer-hashtags span:nth-child(1):after{content:"PELESTARI_BUDAYA_INDONESIA"}.footer-hashtags span:nth-child(2):after{content:"PELESTARI_PENCAK_SILAT"}.footer-hashtags span:nth-child(3):after{content:"PENJAGA_AJARAN"}.footer-credit{text-align:center;margin-top:22px;color:#aebbd0;font-size:14px}.footer-credit strong{color:#ffc51c;font-size:17px}
@media(max-width:1199px){.hero-copy h1{font-size:52px}.hero-year{font-size:46px}.hero-visual{right:-130px;width:57%}.hero-visual-panel{width:600px;height:400px}.navbar-event22 .navbar-nav>li>a{padding:0 11px!important}}@media(max-width:991px){.hero-event22,.hero-container{min-height:620px}.hero-copy{width:65%}.hero-copy h1{font-size:46px}.hero-visual{right:-245px;width:62%;opacity:.72}.stat-grid-v5{grid-template-columns:repeat(2,1fr)}.stat-item-v5:nth-child(2){border-right:0}.stat-item-v5:nth-child(-n+2){border-bottom:1px solid #e4e9f1}}@media(max-width:767px){.navbar-event22 .brand-event22{height:60px!important;line-height:60px!important;font-size:14px!important}.navbar-event22 .navbar-header{min-height:60px!important}.navbar-event22 .navbar-toggle{margin-top:13px}.navbar-event22 .navbar-nav>li>a{height:auto!important;line-height:1.3!important;padding:13px 18px!important}.navbar-event22 .navbar-nav>li>a.btn-daftar{display:inline-block;margin:7px 18px 14px!important}.hero-event22,.hero-container{min-height:690px}.hero-container{display:block}.hero-copy{width:100%;padding:58px 15px 150px}.hero-copy h1{font-size:39px}.hero-year{font-size:40px}.hero-meta{font-size:12px}.hero-visual{right:-165px;top:280px;width:88%;height:390px;opacity:.35}.hero-visual-panel{width:500px;height:310px}.stat-strip-v5{margin-top:-55px}.stat-item-v5{min-height:100px;padding-left:62px}.stat-icon-v5{left:17px;font-size:27px}.stat-value-v5{font-size:25px}.stat-label-v5{font-size:9px}}@media(max-width:430px){.navbar-event22 .brand-event22 img{width:40px;height:40px}.navbar-event22 .brand-event22 span{font-size:12px}.hero-copy h1{font-size:33px}.hero-year{font-size:35px}.hero-actions{display:block}.btn-hero-v5{width:100%;margin-bottom:8px}.hero-event22,.hero-container{min-height:720px}.stat-grid-v5{grid-template-columns:1fr 1fr}.stat-item-v5{padding-left:14px;text-align:center;align-items:center}.stat-icon-v5{position:static;margin-bottom:6px;font-size:24px}.stat-value-v5{font-size:22px}.stat-label-v5{font-size:8px}.footer-hashtags{display:block;text-align:center}.footer-hashtags span{display:block;margin:8px 0}}

/* V6 — CINEMATIC HOMEPAGE
   Visual layer only. Existing PHP/database/business logic is untouched.
   The supplied EVENT22 visual asset is used as the integrated hero artwork.
*/
.navbar-event22{height:78px!important;background:rgba(4,16,39,.97)!important;border-bottom:2px solid #ffc51c!important;box-shadow:0 8px 30px rgba(0,0,0,.22)!important;position:relative;z-index:50}
.navbar-event22 .container{height:78px!important}
.navbar-event22 .navbar-header{height:78px!important;display:flex;align-items:center}
.navbar-event22 .brand-event22{height:78px!important;line-height:78px!important;padding:0!important;display:flex!important;align-items:center;gap:13px;color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:.01em!important}
.navbar-event22 .brand-event22 img{width:48px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 0 4px rgba(255,205,55,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.45))!important}
.navbar-event22 .brand-event22 span{color:#fff!important;white-space:nowrap!important}
.navbar-event22 .brand-event22 b{color:#ffc51c!important}
.navbar-event22 .navbar-nav>li>a{height:78px!important;line-height:78px!important;padding:0 16px!important;color:#f4f7fb!important;font-size:12px!important;font-weight:900!important;letter-spacing:.025em!important}
.navbar-event22 .navbar-nav>li>a:hover,.navbar-event22 .navbar-nav>li>a:focus{color:#ffc51c!important;background:transparent!important}
.navbar-event22 .navbar-nav>li:last-child>a.btn-daftar{height:auto!important;line-height:1!important;margin:20px 0 0 10px!important;padding:14px 25px!important;border-radius:11px!important;background:#ffc51c!important;color:#061a3b!important;box-shadow:0 8px 22px rgba(255,197,28,.18)!important}

.homepage-v5{background:#061a3b!important;overflow:hidden!important}
.hero-event22{position:relative!important;min-height:605px!important;overflow:hidden!important;color:#fff!important;background:#04142e!important}
.hero-art-bg{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
.hero-art-bg img{position:absolute!important;right:0!important;top:0!important;width:78%!important;height:100%!important;object-fit:cover!important;object-position:left center!important;opacity:1!important;filter:saturate(1.08) contrast(1.04)!important}
.hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:
 linear-gradient(90deg,rgba(3,15,37,1) 0%,rgba(3,18,43,.97) 24%,rgba(3,25,57,.78) 44%,rgba(3,25,57,.24) 66%,rgba(25,7,31,.10) 100%),
 linear-gradient(180deg,rgba(3,15,37,.16) 0%,rgba(3,15,37,0) 52%,rgba(3,15,37,.36) 100%)!important;pointer-events:none!important}
.hero-event22:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:repeating-linear-gradient(135deg,transparent 0,transparent 48px,rgba(255,255,255,.025) 49px,transparent 50px)!important;pointer-events:none!important}
.hero-event22:after{content:"PENCAK SILAT"!important;position:absolute!important;z-index:2!important;right:-42px!important;bottom:-55px!important;color:rgba(255,255,255,.035)!important;font-size:118px!important;font-weight:900!important;letter-spacing:-.06em!important;transform:rotate(-8deg)!important;white-space:nowrap!important;pointer-events:none!important}
.hero-container{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;min-height:605px!important}
.hero-copy{position:relative!important;z-index:7!important;width:58%!important;padding:67px 0 88px!important}
.hero-copy .eyebrow{margin-bottom:3px!important;background:rgba(255,197,28,.04)!important;box-shadow:0 0 0 1px rgba(255,197,28,.04),0 6px 18px rgba(0,0,0,.16)!important}
.hero-copy h1{margin:23px 0 0!important;color:#fff!important;font-size:61px!important;line-height:.96!important;font-weight:900!important;letter-spacing:-.04em!important;text-shadow:0 4px 20px rgba(0,0,0,.45),0 0 22px rgba(255,255,255,.04)!important}
.hero-year{margin:5px 0 15px!important;color:#ffc51c!important;font-size:55px!important;line-height:1!important;font-weight:900!important;text-shadow:0 5px 18px rgba(255,197,28,.18)!important}
.hero-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;color:#eef4ff!important;font-size:14px!important;margin-bottom:27px!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important}
.hero-meta i{color:#fff!important;margin-right:7px!important}
.hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.btn-hero-v5{min-height:51px!important;padding:0 28px!important;border-radius:10px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.02em!important}
.btn-hero-v5-primary{background:#ffc51c!important;color:#071a3b!important;box-shadow:0 10px 28px rgba(255,197,28,.2)!important}
.btn-hero-v5-secondary{background:rgba(3,18,43,.28)!important;border:1px solid rgba(255,255,255,.78)!important;color:#fff!important;backdrop-filter:blur(3px)!important}
.status-v5{margin-top:16px!important;padding:7px 15px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.07em!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}
.hero-visual{position:absolute!important;z-index:4!important;right:0!important;top:0!important;width:63%!important;height:100%!important;pointer-events:none!important}
.hero-visual-glow{position:absolute!important;right:13%!important;top:20%!important;width:500px!important;height:360px!important;background:radial-gradient(circle,rgba(26,110,255,.26),rgba(207,25,58,.16) 52%,transparent 73%)!important;filter:blur(24px)!important}
.hero-visual-panel{display:none!important}
.hero-light,.hero-motif{z-index:3!important;pointer-events:none!important}
.hero-light-blue{width:550px!important;height:410px!important;right:27%!important;top:8%!important;background:rgba(16,94,255,.13)!important}
.hero-light-red{width:500px!important;height:420px!important;right:-4%!important;top:14%!important;background:rgba(231,28,57,.13)!important}
.hero-motif{opacity:.25!important}

.stat-strip-v5{position:relative!important;z-index:12!important;margin-top:-74px!important}
.stat-strip-v5 .container{padding:0!important}
.stat-grid-v5{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:hidden!important;background:#fff!important;border-radius:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.24)!important}
.stat-item-v5{min-height:112px!important;padding:18px 22px 18px 82px!important;background:#fff!important}
.stat-icon-v5{top:33px!important}
.stat-value-v5{font-size:31px!important}
.stat-label-v5{font-size:11px!important;letter-spacing:.01em!important}
.homepage-footer-v5{position:relative!important;z-index:5!important;padding:46px 0 32px!important;background:#061a3b!important;color:#fff!important}
.homepage-footer-v5:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#1d5cae,transparent)!important}
.footer-hashtags{display:flex!important;justify-content:center!important;gap:30px!important;flex-wrap:wrap!important;color:#f7f9fc!important;font-size:13px!important;font-weight:900!important}
.footer-hashtags span{font-size:13px!important}
.footer-hashtags span:before{content:"#"!important;color:#ffc51c!important;margin-right:0!important}
.footer-hashtags span:after{font-size:13px!important}
.footer-credit{text-align:center!important;margin-top:21px!important;color:#c1ccdc!important;font-size:14px!important}
.footer-credit strong{color:#ffc51c!important;font-size:17px!important}

@media(max-width:1199px){
 .navbar-event22 .navbar-nav>li>a{padding:0 11px!important}
 .hero-copy h1{font-size:53px!important}
 .hero-year{font-size:48px!important}
 .hero-copy{width:60%!important}
 .hero-art-bg img{width:84%!important}
 .hero-visual{width:68%!important}
}
@media(max-width:991px){
 .navbar-event22{height:68px!important}.navbar-event22 .container{height:68px!important}.navbar-event22 .navbar-header{height:68px!important}
 .navbar-event22 .brand-event22{height:68px!important;line-height:68px!important}
 .navbar-event22 .navbar-nav>li>a{height:auto!important;line-height:1.3!important;padding:13px 18px!important}
 .navbar-event22 .navbar-nav>li:last-child>a.btn-daftar{margin:7px 18px 14px!important;display:inline-block!important}
 .hero-event22,.hero-container{min-height:650px!important}
 .hero-copy{width:68%!important;padding:58px 0 120px!important}
 .hero-copy h1{font-size:46px!important}
 .hero-year{font-size:44px!important}
 .hero-art-bg img{width:100%!important;object-position:26% center!important;opacity:.68!important}
 .hero-overlay{background:linear-gradient(90deg,rgba(3,15,37,.98) 0%,rgba(3,18,43,.91) 42%,rgba(3,25,57,.38) 76%,rgba(25,7,31,.2) 100%)!important}
 .hero-visual{display:none!important}
 .stat-grid-v5{grid-template-columns:repeat(2,1fr)!important}
 .stat-item-v5:nth-child(2){border-right:0!important}.stat-item-v5:nth-child(-n+2){border-bottom:1px solid #e4e9f1!important}
}
@media(max-width:767px){
 .navbar-event22 .brand-event22 img{width:42px!important;height:50px!important}.navbar-event22 .brand-event22 span{font-size:14px!important}
 .hero-event22,.hero-container{min-height:700px!important}
 .hero-copy{width:100%!important;padding:56px 15px 145px!important}
 .hero-copy h1{font-size:39px!important}.hero-year{font-size:40px!important}
 .hero-meta{font-size:12px!important}
 .hero-art-bg img{width:150%!important;max-width:none!important;right:-24%!important;object-position:20% center!important;opacity:.38!important}
 .hero-overlay{background:linear-gradient(90deg,rgba(3,15,37,.99) 0%,rgba(3,18,43,.94) 58%,rgba(3,25,57,.56) 100%)!important}
 .stat-strip-v5{margin-top:-55px!important}.stat-item-v5{min-height:100px!important;padding-left:62px!important}.stat-icon-v5{left:17px!important;font-size:27px!important}.stat-value-v5{font-size:25px!important}.stat-label-v5{font-size:9px!important}
 .footer-hashtags{display:block!important;text-align:center!important}.footer-hashtags span{display:block!important;margin:8px 0!important}
}
@media(max-width:430px){
 .navbar-event22 .brand-event22 img{width:38px!important;height:45px!important}.navbar-event22 .brand-event22 span{font-size:12px!important}
 .hero-copy h1{font-size:33px!important}.hero-year{font-size:35px!important}.hero-actions{display:block!important}.btn-hero-v5{width:100%!important;margin-bottom:8px!important}
 .hero-event22,.hero-container{min-height:720px!important}.hero-art-bg img{width:190%!important;right:-42%!important;opacity:.27!important}
 .stat-grid-v5{grid-template-columns:1fr 1fr!important}.stat-item-v5{padding-left:14px!important;text-align:center!important;align-items:center!important}.stat-icon-v5{position:static!important;margin-bottom:6px!important;font-size:24px!important}.stat-value-v5{font-size:22px!important}.stat-label-v5{font-size:8px!important}
}

/* =========================================================
   V7 — FINAL HOMEPAGE VISUAL MATCH
   Presentation only. PHP/database logic untouched.
   ========================================================= */
.homepage-v5{background:#061a3b!important;overflow:hidden!important}

/* HEADER: logo + title only on the left */
.navbar-event22{height:76px!important;min-height:76px!important;background:#061733!important;border-bottom:2px solid #ffc51c!important;box-shadow:0 5px 22px rgba(0,0,0,.24)!important}
.navbar-event22 .container,.navbar-event22 .navbar-header{height:76px!important}
.navbar-event22 .brand-event22{height:76px!important;line-height:76px!important;padding:0!important;display:flex!important;align-items:center!important;gap:12px!important}
.navbar-event22 .brand-event22 img{width:50px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 0 7px rgba(255,211,75,.70)) drop-shadow(0 5px 10px rgba(0,0,0,.55))!important}
.navbar-event22 .brand-event22 span{font-size:17px!important;color:#fff!important;letter-spacing:.015em!important}
.navbar-event22 .brand-event22 b{color:#ffc51c!important}

/* FULL ARTWORK: the supplied Event22 visual is now the hero background itself */
.hero-event22{position:relative!important;min-height:605px!important;overflow:hidden!important;background:#031632!important}
.hero-art-bg{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;background:#031632!important}
.hero-art-bg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important;opacity:1!important;filter:saturate(1.08) contrast(1.05)!important}
.hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:
 linear-gradient(90deg,rgba(3,15,37,.98) 0%,rgba(3,18,43,.92) 23%,rgba(3,25,57,.72) 39%,rgba(3,25,57,.30) 58%,rgba(19,12,38,.08) 76%,rgba(19,4,28,.12) 100%),
 linear-gradient(180deg,rgba(0,0,0,.05),rgba(3,15,37,.30))!important;pointer-events:none!important}
.hero-event22:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.025) 48%,transparent 49%)!important;background-size:70px 70px!important;pointer-events:none!important}
.hero-event22:after{content:"PENCAK SILAT"!important;position:absolute!important;right:-55px!important;bottom:-45px!important;z-index:2!important;color:rgba(255,255,255,.045)!important;font-size:118px!important;font-weight:900!important;letter-spacing:-.06em!important;transform:rotate(-8deg)!important;white-space:nowrap!important;pointer-events:none!important}
.hero-container{position:relative!important;z-index:6!important;display:flex!important;align-items:center!important;min-height:605px!important}
.hero-copy{position:relative!important;z-index:8!important;width:56%!important;padding:62px 0 96px!important}
.hero-copy .eyebrow{margin-bottom:2px!important;padding:8px 15px!important;border-color:#ffc51c!important;background:rgba(255,197,28,.035)!important}
.hero-copy h1{margin:22px 0 0!important;color:#fff!important;font-size:61px!important;line-height:.95!important;font-weight:900!important;letter-spacing:-.045em!important;text-shadow:0 5px 22px rgba(0,0,0,.48)!important}
.hero-year{margin:5px 0 15px!important;color:#ffc51c!important;font-size:55px!important;line-height:1!important;font-weight:900!important;text-shadow:0 5px 20px rgba(255,197,28,.25)!important}
.hero-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:27px!important;color:#f1f5fb!important;font-size:14px!important;text-shadow:0 2px 7px rgba(0,0,0,.35)!important}
.hero-meta i{color:#fff!important}
.hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.btn-hero-v5{min-height:51px!important;padding:0 27px!important;border-radius:10px!important;font-size:13px!important;font-weight:900!important}
.btn-hero-v5-primary{background:#ffc51c!important;color:#071a3b!important;box-shadow:0 10px 28px rgba(255,197,28,.20)!important}
.btn-hero-v5-secondary{background:rgba(2,17,42,.32)!important;border:1px solid rgba(255,255,255,.82)!important;color:#fff!important}
.status-v5{margin-top:16px!important;padding:7px 15px!important}

/* Do not create a second panel over the artwork. */
.hero-visual,.hero-visual-glow{display:none!important}
.hero-light-blue,.hero-light-red{z-index:3!important;mix-blend-mode:screen!important}
.hero-motif{z-index:3!important;opacity:.18!important;border-color:rgba(255,255,255,.12)!important}

/* STATISTICS: image icons in inventory/img, matching the reference */
.stat-strip-v5{position:relative!important;z-index:12!important;margin-top:-75px!important}
.stat-grid-v5{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:hidden!important;background:#fff!important;border-radius:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.25)!important}
.stat-item-v5{min-height:112px!important;padding:18px 22px 18px 82px!important;background:#fff!important}
.stat-icon-v5{position:absolute!important;left:23px!important;top:30px!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.stat-icon-v5 img{display:block!important;width:43px!important;height:43px!important;object-fit:contain!important}
.stat-value-v5{font-size:31px!important;color:#e5262f!important}
.stat-label-v5{font-size:11px!important;color:#667892!important;font-weight:900!important}

/* FOOTER exactly contains hashtags + credit */
.homepage-footer-v5{position:relative!important;padding:46px 0 32px!important;background:#061a3b!important;color:#fff!important}
.homepage-footer-v5:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#245da6,transparent)!important}
.footer-hashtags{display:flex!important;justify-content:center!important;gap:30px!important;flex-wrap:wrap!important;color:#f7f9fc!important;font-size:13px!important;font-weight:900!important}
.footer-hashtags span{font-size:13px!important}
.footer-hashtags span:before{content:"#"!important;color:#ffc51c!important;margin-right:0!important}
.footer-hashtags span:after{font-size:13px!important}
.footer-credit{text-align:center!important;margin-top:20px!important;color:#c2ccdc!important;font-size:14px!important}
.footer-credit strong{color:#ffc51c!important;font-size:17px!important}

@media(max-width:1199px){
 .hero-copy{width:59%!important}
 .hero-copy h1{font-size:54px!important}
 .hero-year{font-size:48px!important}
}
@media(max-width:991px){
 .hero-event22,.hero-container{min-height:650px!important}
 .hero-copy{width:68%!important;padding:56px 0 125px!important}
 .hero-copy h1{font-size:47px!important}
 .hero-year{font-size:44px!important}
 .hero-art-bg img{object-fit:cover!important;object-position:58% center!important}
 .hero-overlay{background:linear-gradient(90deg,rgba(3,15,37,.98) 0%,rgba(3,18,43,.91) 45%,rgba(3,25,57,.48) 76%,rgba(25,7,31,.18) 100%)!important}
 .stat-grid-v5{grid-template-columns:repeat(2,1fr)!important}
 .stat-item-v5:nth-child(2){border-right:0!important}
 .stat-item-v5:nth-child(-n+2){border-bottom:1px solid #e4e9f1!important}
}
@media(max-width:767px){
 .navbar-event22,.navbar-event22 .container,.navbar-event22 .navbar-header{height:62px!important;min-height:62px!important}
 .navbar-event22 .brand-event22{height:62px!important;line-height:62px!important}
 .navbar-event22 .brand-event22 img{width:42px!important;height:48px!important}
 .navbar-event22 .brand-event22 span{font-size:14px!important}
 .hero-event22,.hero-container{min-height:700px!important}
 .hero-container{display:block!important}
 .hero-copy{width:100%!important;padding:54px 15px 150px!important}
 .hero-copy h1{font-size:39px!important}
 .hero-year{font-size:40px!important}
 .hero-meta{font-size:12px!important}
 .hero-art-bg img{object-fit:cover!important;object-position:62% center!important;opacity:.72!important}
 .hero-overlay{background:linear-gradient(90deg,rgba(3,15,37,.99) 0%,rgba(3,18,43,.95) 55%,rgba(3,25,57,.60) 100%)!important}
 .stat-strip-v5{margin-top:-56px!important}
 .stat-item-v5{min-height:102px!important;padding-left:62px!important}
 .stat-icon-v5{left:15px!important;width:38px!important;height:38px!important;top:29px!important}
 .stat-icon-v5 img{width:34px!important;height:34px!important}
 .stat-value-v5{font-size:25px!important}
 .stat-label-v5{font-size:9px!important}
 .footer-hashtags{display:block!important;text-align:center!important}
 .footer-hashtags span{display:block!important;margin:8px 0!important}
}
@media(max-width:430px){
 .navbar-event22 .brand-event22 img{width:38px!important;height:44px!important}
 .navbar-event22 .brand-event22 span{font-size:12px!important}
 .hero-copy h1{font-size:33px!important}
 .hero-year{font-size:35px!important}
 .hero-actions{display:block!important}
 .btn-hero-v5{width:100%!important;margin-bottom:8px!important}
 .hero-event22,.hero-container{min-height:720px!important}
 .stat-grid-v5{grid-template-columns:1fr 1fr!important}
 .stat-item-v5{padding-left:12px!important;text-align:center!important;align-items:center!important}
 .stat-icon-v5{position:static!important;margin-bottom:6px!important}
 .stat-value-v5{font-size:22px!important}
 .stat-label-v5{font-size:8px!important}
}

/* V7 decorative silat mark — subtle background only */
.hero-silat-mark{position:absolute!important;z-index:3!important;left:45%!important;top:13%!important;width:330px!important;height:430px!important;object-fit:contain!important;opacity:.055!important;filter:drop-shadow(0 0 22px rgba(35,125,255,.55))!important;transform:rotate(-8deg)!important;pointer-events:none!important}
@media(max-width:991px){.hero-silat-mark{left:52%!important;top:15%!important;width:260px!important;height:360px!important;opacity:.04!important}}
@media(max-width:767px){.hero-silat-mark{left:56%!important;top:24%!important;width:220px!important;height:310px!important;opacity:.035!important}}

/* =========================================================
   V9 — HOMEPAGE FINAL LAYOUT STABILIZATION
   Purpose: keep the Event22 artwork full-width and prevent
   Bootstrap/container rules from collapsing the hero.
   PHP/database/business logic: UNCHANGED.
   ========================================================= */
html, body { width:100% !important; min-width:0 !important; margin:0 !important; }
body { overflow-x:hidden !important; background:#061a3b !important; }
.homepage-v5 { width:100% !important; max-width:none !important; min-width:0 !important; display:block !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }

/* Header */
.navbar-event22 { width:100% !important; max-width:none !important; margin:0 !important; }
.navbar-event22 > .container { width:1180px !important; max-width:calc(100% - 30px) !important; margin-left:auto !important; margin-right:auto !important; }

/* Hero: full viewport width; artwork is the background, not a right panel. */
.hero-event22 {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  position:relative !important;
  display:block !important;
  min-height:605px !important;
  overflow:hidden !important;
  background:#031632 !important;
  isolation:isolate !important;
}
.hero-art-bg {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  z-index:0 !important;
  overflow:hidden !important;
  background:#031632 !important;
}
.hero-art-bg img {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  min-width:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  border:0 !important;
  filter:saturate(1.08) contrast(1.05) brightness(.94) !important;
}

/* Dark readable area on the left, while preserving blue/red artwork. */
.hero-overlay {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(3,15,37,.99) 0%,
      rgba(3,18,43,.96) 18%,
      rgba(3,22,48,.84) 33%,
      rgba(3,25,57,.48) 51%,
      rgba(13,12,35,.15) 72%,
      rgba(25,5,28,.18) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,15,37,.32));
}

.hero-container {
  position:relative !important;
  z-index:10 !important;
  width:1180px !important;
  max-width:calc(100% - 30px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  min-height:605px !important;
  display:flex !important;
  align-items:center !important;
}
.hero-copy {
  position:relative !important;
  z-index:12 !important;
  width:58% !important;
  max-width:700px !important;
  flex:0 0 58% !important;
  padding:62px 0 92px !important;
}
.hero-copy h1 { color:#fff !important; }
.hero-visual, .hero-visual-panel, .hero-visual-glow { display:none !important; }
.hero-silat-mark { z-index:3 !important; pointer-events:none !important; }

/* Integrated light and cultural ornament layers. */
.hero-light, .hero-motif, .hero-lines { pointer-events:none !important; }
.hero-light { z-index:2 !important; }
.hero-motif { z-index:3 !important; }
.hero-lines { z-index:3 !important; }

/* Statistics */
.stat-strip-v5 {
  width:100% !important;
  max-width:none !important;
  margin-top:-74px !important;
  position:relative !important;
  z-index:20 !important;
}
.stat-strip-v5 > .container {
  width:1180px !important;
  max-width:calc(100% - 30px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
}
.stat-grid-v5 { width:100% !important; max-width:none !important; }

/* Footer */
.homepage-footer-v5 { width:100% !important; max-width:none !important; margin:0 !important; }
.homepage-footer-v5 > .container {
  width:1180px !important;
  max-width:calc(100% - 30px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:1199px) {
  .navbar-event22 > .container,
  .hero-container,
  .stat-strip-v5 > .container,
  .homepage-footer-v5 > .container {
    width:970px !important;
    max-width:calc(100% - 30px) !important;
  }
  .hero-copy { width:61% !important; flex-basis:61% !important; }
}
@media (max-width:991px) {
  .navbar-event22 > .container,
  .hero-container,
  .stat-strip-v5 > .container,
  .homepage-footer-v5 > .container {
    width:750px !important;
    max-width:calc(100% - 30px) !important;
  }
  .hero-event22, .hero-container { min-height:650px !important; }
  .hero-copy { width:70% !important; flex-basis:70% !important; padding:58px 0 125px !important; }
  .hero-art-bg img { object-position:57% center !important; }
}
@media (max-width:767px) {
  .navbar-event22 > .container,
  .hero-container,
  .stat-strip-v5 > .container,
  .homepage-footer-v5 > .container {
    width:auto !important;
    max-width:calc(100% - 30px) !important;
  }
  .hero-event22, .hero-container { min-height:700px !important; }
  .hero-container { display:block !important; }
  .hero-copy { width:100% !important; max-width:none !important; flex:none !important; padding:55px 0 150px !important; }
  .hero-art-bg img { object-position:60% center !important; opacity:.72 !important; }
  .hero-overlay { background:linear-gradient(90deg,rgba(3,15,37,.99) 0%,rgba(3,18,43,.94) 54%,rgba(3,25,57,.55) 100%) !important; }
  .stat-strip-v5 { margin-top:-55px !important; }
}
@media (max-width:430px) {
  .hero-event22, .hero-container { min-height:720px !important; }
  .hero-copy { padding-top:50px !important; }
  .hero-art-bg img { object-position:60% center !important; opacity:.62 !important; }
}


/* V10 FIX: footer hashtags are rendered once from HTML; no pseudo-element duplication. */
.footer-hashtags span { font-size:13px !important; display:inline-block !important; }
.footer-hashtags span:before,
.footer-hashtags span:after { content:none !important; display:none !important; }
@media(max-width:430px){
  .footer-hashtags span { display:block !important; margin:8px 0 !important; }
}

/* =========================================================
   EVENT22 V11 — PUBLIC INNER PAGES
   Visual layer only; database/business logic remains intact.
   ========================================================= */
.public-page-hero{position:relative;min-height:265px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#061a3b;border-bottom:2px solid rgba(255,197,28,.85)}
.public-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,42,.98) 0%,rgba(5,36,91,.88) 48%,rgba(78,13,43,.90) 100%);z-index:1}
.public-page-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 48px,rgba(255,255,255,.035) 49px,transparent 50px);z-index:2}
.public-hero-art{position:absolute;inset:0;background-image:url('../img/hero-event22-visual.jpg');background-position:center 43%;background-size:cover;opacity:.52;filter:saturate(.9);z-index:0}
.public-page-hero .container{position:relative;z-index:3}
.page-kicker{display:inline-block;padding:7px 13px;border:1px solid rgba(255,197,28,.85);border-radius:999px;color:#ffc51c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,197,28,.06)}
.public-page-hero h1{margin:14px 0 8px;font-size:43px;line-height:1.05;font-weight:900;letter-spacing:-.03em}.public-page-hero p{margin:0;color:#dbe6f6;font-size:14px}
.public-page-section{padding:55px 0!important;background:#f4f7fb!important;height:auto!important;min-height:unset!important;box-sizing:border-box}.public-page-section:before{display:none}
.public-feature-card{position:relative;overflow:hidden;padding:34px;background:#fff;border:1px solid #e0e7f0;border-radius:20px;box-shadow:0 18px 50px rgba(7,21,47,.10)}.feature-accent{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#1468e8,#ffc51c,#d51f32)}
.public-feature-card h2{margin:7px 0 14px;color:#071a3b;font-size:28px;font-weight:900}.lead-public{color:#64748b;font-size:14px;line-height:1.75}.mini-label{display:block;color:#d51f32;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.info-stack{padding-left:25px;border-left:1px solid #e2e8f0}.info-stack>div{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #edf1f6}.info-stack>div:last-child{border-bottom:0;margin-bottom:0}.info-stack small{display:block;color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.info-stack strong{display:block;color:#071a3b;font-size:13px;line-height:1.45}
.public-info-grid,.download-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.public-mini-card,.download-card,.contact-card{background:#fff;border:1px solid #e0e7f0;border-radius:17px;padding:24px;box-shadow:0 8px 28px rgba(7,21,47,.06)}.public-mini-card{position:relative}.public-mini-card img{width:42px;height:42px;padding:8px;border-radius:12px;background:#eef5ff;margin-bottom:15px}.public-mini-card h4{margin:0 0 8px;color:#071a3b;font-size:17px;font-weight:900}.public-mini-card p,.download-card p,.contact-card p{color:#64748b;font-size:12.5px;line-height:1.65}.public-mini-card a,.download-link,.contact-card a{color:#1468e8;font-size:11px;font-weight:900;text-decoration:none}.public-mini-card a:hover,.download-link:hover,.contact-card a:hover{color:#d51f32}
.public-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-public-card{position:relative;overflow:hidden;padding:27px;background:#fff;border:1px solid #e0e7f0;border-radius:18px;box-shadow:0 9px 28px rgba(7,21,47,.06);min-height:205px}.category-public-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:135px;height:135px;border-radius:50%;border:20px solid rgba(20,104,232,.04)}.category-number{position:absolute;right:20px;top:18px;color:#dbe4ef;font-size:22px;font-weight:900}.category-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff0f1;border-radius:13px;margin-bottom:17px}.category-icon img{width:29px;height:29px}.category-public-card h3{margin:0 0 8px;color:#071a3b;font-size:17px;font-weight:900}.category-public-card p{margin:0;color:#64748b;font-size:12.5px;line-height:1.65}.category-line{width:45px;height:3px;margin-top:18px;border-radius:5px;background:linear-gradient(90deg,#d51f32,#ffc51c)}
.schedule-card{background:#fff;border:1px solid #e0e7f0;border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(7,21,47,.07)}.schedule-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.schedule-head h2{margin:5px 0 0;color:#071a3b;font-size:22px;font-weight:900}.public-table{box-shadow:none;border-radius:13px}.public-table thead th{background:#071a3b}.public-table tbody td{font-size:12px}.result-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;margin-bottom:18px;background:#fff;border:1px solid #e0e7f0;border-radius:17px;box-shadow:0 8px 28px rgba(7,21,47,.05)}.result-filter h3{margin:5px 0 0;color:#071a3b;font-size:19px;font-weight:900}.result-filter form{min-width:280px}.public-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900}.public-status.done{background:#e8fff2;color:#0a9b4c}.public-status.wait{background:#fff5d8;color:#a56b00}
.announcement-list{max-width:900px;margin:0 auto}.announcement-card{display:flex;gap:22px;padding:23px;margin-bottom:16px;background:#fff;border:1px solid #e0e7f0;border-radius:17px;box-shadow:0 8px 28px rgba(7,21,47,.05)}.announcement-date{width:68px;height:68px;flex:0 0 68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;background:#071a3b;color:#fff}.announcement-date strong{font-size:23px;line-height:1}.announcement-date span{margin-top:4px;color:#ffc51c;font-size:9px;font-weight:900;text-transform:uppercase}.announcement-body h3{margin:5px 0 8px;color:#071a3b;font-size:18px;font-weight:900}.announcement-body p{margin:0;color:#64748b;font-size:13px;line-height:1.7}
.download-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.download-card{display:flex;gap:17px;align-items:flex-start}.download-icon{width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#071a3b;color:#ffc51c;font-size:22px}.download-card h3{margin:5px 0 8px;color:#071a3b;font-size:18px;font-weight:900}.download-disabled{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:9px;font-weight:900}.download-link{display:inline-block;margin-top:4px}
.contact-grid{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}.contact-card{min-height:225px}.contact-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:17px;border-radius:14px;background:#071a3b;color:#ffc51c;font-size:20px}.contact-card h3{margin:5px 0 9px;color:#071a3b;font-size:17px;font-weight:900;word-break:break-word}.contact-wa{border-top:4px solid #19b85a}.public-footer-event22{padding:34px 0 22px;background:#061a3b;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.public-footer-event22 .footer-hashtags{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;font-size:11px;font-weight:900}.public-footer-event22 .footer-hashtags span{font-size:11px!important}.public-footer-event22 .footer-hashtags span:before{content:""!important}.public-footer-event22 .footer-hashtags span:after{content:none!important}.public-footer-event22 .footer-credit{text-align:center;margin-top:17px;color:#aebbd0;font-size:12px}.public-footer-event22 .footer-credit strong{color:#ffc51c;font-size:15px}.public-footer-event22 .footer-copy{text-align:center;margin-top:12px;color:#71829b;font-size:10px}
/* Keep the long public navigation compact on desktop */
.navbar-event22 .navbar-nav>li>a{padding-left:9px!important;padding-right:9px!important;font-size:10px!important}.navbar-event22 .navbar-nav>li>a.btn-daftar{padding:13px 19px!important;margin-left:7px!important}
@media(max-width:1100px){.navbar-event22 .brand-event22{font-size:14px!important}.navbar-event22 .brand-event22 img{width:42px!important}.navbar-event22 .navbar-nav>li>a{padding-left:6px!important;padding-right:6px!important;font-size:9px!important}.public-page-hero h1{font-size:38px}.public-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.navbar-event22 .navbar-header{float:none}.navbar-event22 .navbar-toggle{display:block}.navbar-event22 .navbar-collapse.collapse{display:none!important}.navbar-event22 .navbar-collapse.collapse.in{display:block!important}.navbar-event22 .navbar-nav{float:none!important;margin:0}.navbar-event22 .navbar-nav>li{float:none}.navbar-event22 .navbar-nav>li>a{height:auto!important;line-height:1.3!important;padding:12px 18px!important;font-size:11px!important}.navbar-event22 .navbar-nav>li>a.btn-daftar{margin:7px 18px 14px!important}.public-info-grid,.contact-grid{grid-template-columns:1fr}.public-feature-card .info-stack{padding-left:0;margin-top:25px;border-left:0;border-top:1px solid #e2e8f0;padding-top:22px}.result-filter{display:block}.result-filter form{min-width:0;margin-top:12px}.download-grid{grid-template-columns:1fr}.schedule-head{display:block}.schedule-head .btn{margin-top:12px}.public-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.public-page-hero{min-height:220px}.public-page-hero h1{font-size:31px}.public-page-section{padding:40px 0!important;height:auto!important;min-height:unset!important}.public-feature-card{padding:25px 20px}.public-feature-card h2{font-size:23px}.public-card-grid{grid-template-columns:1fr}.announcement-card{gap:14px}.announcement-date{width:58px;height:58px;flex-basis:58px}.announcement-date strong{font-size:19px}.footer-hashtags{gap:10px!important}.public-footer-event22 .footer-hashtags span{display:block}}
.public-access-hero{min-height:210px}.public-access-hero h1{font-size:36px}.public-access-hero + .section-public{padding-top:48px}
@media(max-width:767px){.public-access-hero{min-height:190px}.public-access-hero h1{font-size:30px}}

/* =========================================================
   EVENT22 V12 — PUBLIC PAGE HERO BACKGROUND
   The Event22 artwork is the actual background of every
   public inner-page hero. No separate right-side panel.
   ========================================================= */
.public-page-hero {
  position:relative !important;
  isolation:isolate !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:320px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  background-color:#061a3b !important;
  background-image:url('../img/hero-event22-visual.jpg') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  border-bottom:2px solid #ffc51c !important;
}

/* Readability layer: darkens only the left side where the copy sits. */
.public-page-hero:before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(4,18,43,.84) 0%,
    rgba(4,18,43,.66) 28%,
    rgba(4,18,43,.30) 52%,
    rgba(4,18,43,.08) 74%,
    rgba(4,18,43,.16) 100%) !important;
}

/* Very light texture only; it must never obscure text/artwork. */
.public-page-hero:after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 38%,rgba(255,255,255,.02)) !important;
}

/* The old separate artwork layer is no longer needed. */
.public-page-hero .public-hero-art {
  display:none !important;
}

.public-page-hero .container {
  position:relative !important;
  z-index:3 !important;
  width:1180px !important;
  max-width:calc(100% - 30px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:28px !important;
  padding-bottom:28px !important;
}

.public-page-hero .page-kicker,
.public-page-hero h1,
.public-page-hero p {
  position:relative !important;
  z-index:4 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.72) !important;
}

.public-page-hero .page-kicker {
  background:rgba(5,19,45,.42) !important;
  box-shadow:0 3px 14px rgba(0,0,0,.18) !important;
}

.public-page-hero h1 {
  max-width:760px !important;
  margin:15px 0 9px !important;
  color:#fff !important;
  font-size:48px !important;
  line-height:1.04 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

.public-page-hero p {
  max-width:700px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
}

@media(max-width:1199px){
  .public-page-hero .container{width:970px !important}
}
@media(max-width:991px){
  .public-page-hero{min-height:300px !important;background-position:center center !important}
  .public-page-hero .container{width:750px !important}
  .public-page-hero h1{font-size:41px !important}
}
@media(max-width:767px){
  .public-page-hero{min-height:260px !important;background-position:58% center !important}
  .public-page-hero .container{width:auto !important;max-width:calc(100% - 30px) !important;padding-top:24px !important;padding-bottom:24px !important}
  .public-page-hero h1{font-size:32px !important}
  .public-page-hero p{font-size:13px !important}
  .public-page-hero:before{background:linear-gradient(90deg,rgba(4,18,43,.84) 0%,rgba(4,18,43,.56) 58%,rgba(4,18,43,.18) 100%) !important}
}
@media(max-width:430px){
  .public-page-hero{min-height:240px !important;background-position:62% center !important}
  .public-page-hero h1{font-size:29px !important}
  .public-page-hero p{font-size:12px !important;line-height:1.55 !important}
}


/* V13: blok informasi terpadu untuk Kategori, Jadwal, Hasil, Pengumuman */
.info-block-public{margin-top:48px}.info-block-public + .info-block-public{padding-top:8px}.info-block-public .section-head{margin-bottom:20px}.info-block-public .section-head h2{margin:7px 0 0;color:#071a3b;font-size:28px;font-weight:900}.info-block-public .schedule-card{margin-top:0}.info-block-public .announcement-list{margin-top:0}.info-block-public .public-card-grid{margin-top:0}
@media(max-width:767px){.info-block-public{margin-top:36px}.info-block-public .section-head h2{font-size:23px}}

/* =========================================================
   EVENT22 V16 — CATEGORY GUIDE PAGES
   Editable HTML content; no screenshot/PDF used as page image.
   ========================================================= */
.category-detail-hero{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;min-height:300px;overflow:hidden;color:#fff;background:#061a3b url('../img/hero-event22-visual.jpg') center center/cover no-repeat;border-bottom:2px solid #ffc51c}
.category-detail-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,15,39,.88) 0%,rgba(4,25,63,.66) 42%,rgba(71,11,40,.25) 78%,rgba(5,16,39,.12) 100%);pointer-events:none}
.category-detail-hero .container{position:relative;z-index:2;width:1180px;max-width:calc(100% - 30px);margin:0 auto;padding:30px 0}
.category-detail-hero h1{margin:14px 0 8px;color:#fff;font-size:46px;line-height:1.05;font-weight:900;letter-spacing:-.035em;text-shadow:0 2px 9px rgba(0,0,0,.72)}
.category-detail-hero p{max-width:760px;margin:0;color:#fff;font-size:15px;line-height:1.65;font-weight:600;text-shadow:0 2px 7px rgba(0,0,0,.7)}
.category-guide-wrap,.category-detail-wrap{max-width:1180px;margin:0 auto}
.category-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.category-guide-card{position:relative;display:block;min-height:250px;padding:26px 24px 23px;background:#fff;border:1px solid #dde5ef;border-radius:20px;box-shadow:0 10px 32px rgba(7,21,47,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none!important}
.category-guide-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d91f2b,#ffc51c,#1674d1)}
.category-guide-card:after{content:"";position:absolute;width:125px;height:125px;right:-55px;bottom:-58px;border:24px solid #f2f6fb;border-radius:50%;pointer-events:none}
.category-guide-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px rgba(7,21,47,.12);border-color:#cbd8e8}
.guide-number{position:absolute;right:21px;top:18px;color:#dbe4ef;font-size:28px;line-height:1;font-weight:900}
.guide-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#fff0f1,#fff7db);margin-bottom:22px;position:relative;z-index:1}
.guide-icon img{width:28px;height:28px;filter:brightness(0) saturate(100%) invert(17%) sepia(78%) saturate(3631%) hue-rotate(342deg) brightness(88%) contrast(94%)}
.category-guide-card h2{position:relative;z-index:1;margin:0 0 9px;color:#071a3b;font-size:18px;line-height:1.25;font-weight:900}
.category-guide-card p{position:relative;z-index:1;min-height:42px;margin:0;color:#62748d;font-size:12px;line-height:1.65}
.guide-link{position:relative;z-index:1;display:inline-block;margin-top:18px;color:#d91f2b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.category-note{margin-top:28px;padding:17px 20px;border-left:4px solid #ffc51c;background:#fff;border-radius:12px;color:#60728a;font-size:12px;line-height:1.65;box-shadow:0 7px 25px rgba(7,21,47,.05)}
.category-note strong{color:#071a3b}
.detail-card{position:relative;margin-bottom:24px;padding:31px 34px;background:#fff;border:1px solid #dfe6ef;border-radius:20px;box-shadow:0 10px 34px rgba(7,21,47,.06);overflow:hidden}
.detail-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d91f2b,#ffc51c,#1674d1)}
.detail-card h2{margin:7px 0 18px;color:#071a3b;font-size:28px;font-weight:900}
.detail-label{display:inline-block;color:#d91f2b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.detail-intro{color:#62748d;font-size:15px;line-height:1.7}
.rule-list{margin:0;padding-left:24px;color:#334760;font-size:14px;line-height:1.8}.rule-list li{padding-left:7px;margin-bottom:9px}.rule-list strong{color:#071a3b}
.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.duration-item{position:relative;padding:23px 21px;background:#f7f9fc;border:1px solid #e0e7f0;border-radius:15px}.duration-no{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#071a3b;color:#ffc51c;font-size:11px;font-weight:900}.duration-item h3{margin:14px 0 12px;color:#071a3b;font-size:16px;line-height:1.35;font-weight:900}.duration-item p{margin:5px 0;color:#64748b;font-size:12px}.duration-item strong{color:#071a3b}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.criteria-grid>div{padding:25px 15px;text-align:center;background:#f7f9fc;border:1px solid #e1e8f0;border-radius:17px}.criteria-grid strong{display:block;color:#d91f2b;font-size:28px;font-weight:900}.criteria-grid span{display:block;margin-top:5px;color:#71839a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.centered-detail{text-align:center}.centered-detail .detail-intro{max-width:700px;margin:0 auto}.weight-table-wrap{overflow-x:auto}.category-weight-table{margin:0;border-collapse:separate;border-spacing:0;min-width:760px}.category-weight-table thead th{padding:13px 12px;background:#071a3b;color:#fff;border:0;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase}.category-weight-table tbody td{padding:10px 12px;border-top:1px solid #e6ebf2;color:#465b74;font-size:12px;text-align:center;vertical-align:middle}.category-weight-table tbody tr:nth-child(even) td{background:#f7f9fc}.category-weight-table tbody td:first-child{font-weight:900;color:#071a3b}.category-weight-table tbody td:nth-child(3){font-weight:900;color:#d91f2b}.seni-table,.seni-second-table{min-width:850px}.seni-second-table{margin-top:20px}.duration-inline{padding-top:25px}.duration-inline h2{font-size:22px;margin-bottom:8px}.duration-inline p{margin:0;color:#5f728a;font-size:13px;line-height:1.7}.duration-note{margin-top:20px;padding:16px 18px;border-radius:12px;background:#fff8e2;border:1px solid #f2dda0;color:#6e5b24;font-size:12px;line-height:1.7}.back-category{display:inline-block;margin:2px 0 10px;color:#071a3b!important;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-decoration:none!important}.back-category:hover{color:#d91f2b!important}
@media(max-width:1100px){.category-guide-grid{grid-template-columns:repeat(2,1fr)}.category-detail-hero h1{font-size:40px}.duration-grid{grid-template-columns:1fr}.category-detail-hero .container{width:970px}}
@media(max-width:767px){.category-guide-grid{grid-template-columns:1fr}.category-guide-card{min-height:220px}.category-detail-hero{min-height:250px;background-position:58% center}.category-detail-hero .container{width:auto;max-width:calc(100% - 30px);padding:24px 0}.category-detail-hero h1{font-size:31px}.category-detail-hero p{font-size:13px}.detail-card{padding:25px 21px}.detail-card h2{font-size:23px}.criteria-grid{grid-template-columns:1fr}.rule-list{font-size:13px;line-height:1.7}.public-page-section{padding-top:40px!important}}

/* V17 - Kartu panduan kategori pada halaman Informasi */
.information-category-grid{margin-top:18px}
.info-section-intro{margin:-4px 0 18px;color:#62748d;font-size:14px;line-height:1.7;max-width:820px}
.information-category-grid .category-guide-card{min-height:245px}
.information-category-grid .category-guide-card h2{font-size:17px}
@media(max-width:1100px){.information-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.information-category-grid{grid-template-columns:1fr}.information-category-grid .category-guide-card{min-height:220px}}

/* V18 - Kartu kategori Informasi: tepat 2 baris x 4 kolom pada desktop */
.information-category-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
}
.information-category-grid .category-guide-card{
    min-width:0;
}
@media(max-width:1100px){
    .information-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:767px){
    .information-category-grid{
        grid-template-columns:1fr !important;
    }
}

/* V21 - Peraturan Pertandingan framed rules */
.detail-card .rule-list{list-style:none;margin:0;padding:0;counter-reset:aturan;display:grid;gap:12px}
.detail-card .rule-list li{position:relative;margin:0;padding:15px 18px 15px 58px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 5px 16px rgba(7,21,47,.05);color:#334760;font-size:14px;line-height:1.75}
.detail-card .rule-list li:before{counter-increment:aturan;content:counter(aturan,decimal-leading-zero);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#071a3b,#123a72);color:#ffc51c;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(7,21,47,.12)}
.detail-card .rule-list li:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#d91f2b,#ffc51c,#1674d1)}
.detail-card .rule-list li:hover{border-color:#cbd8e8;box-shadow:0 9px 24px rgba(7,21,47,.09);transform:translateY(-1px)}
.detail-card .rule-list strong{color:#071a3b}
@media(max-width:767px){.detail-card .rule-list li{padding:14px 14px 14px 53px;font-size:13px;line-height:1.7}.detail-card .rule-list li:before{left:12px;width:30px;height:30px}.detail-card .rule-list li:after{top:9px;bottom:9px}}


/* V22 - Penegasan tabel Seni IPSI agar lebih mudah dibaca */
.seni-section-title{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:13px 16px;border:1px solid #d9e2ed;border-left:5px solid #d91f2b;border-radius:12px;background:#f8fafc}
.seni-section-title>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#071a3b;color:#ffc51c;font-size:12px;font-weight:900}
.seni-section-title strong{display:block;color:#071a3b;font-size:14px;line-height:1.2;letter-spacing:.04em}
.seni-section-title small{display:block;margin-top:4px;color:#6b7d93;font-size:11px;line-height:1.4}
.seni-section-title-second{margin-top:24px}
.seni-table,.seni-second-table .category-weight-table{min-width:900px}
.seni-table thead th,.seni-second-table .category-weight-table thead th{padding:14px 13px;background:#071a3b;color:#fff;border-right:1px solid rgba(255,255,255,.16);font-size:12px;line-height:1.25;white-space:nowrap}
.seni-table tbody td,.seni-second-table .category-weight-table tbody td{padding:14px 13px;border-top:1px solid #d8e0e9;color:#334760;font-size:14px;font-weight:600;line-height:1.35;min-height:48px}
.seni-table tbody tr:nth-child(even) td,.seni-second-table .category-weight-table tbody tr:nth-child(even) td{background:#f4f7fb}
.seni-table tbody td:first-child,.seni-second-table .category-weight-table tbody td:first-child{width:27%;font-weight:900;color:#071a3b;text-align:left;padding-left:18px}
.seni-table tbody td:not(:first-child),.seni-second-table .category-weight-table tbody td:not(:first-child){font-size:17px}
.seni-table tbody td:nth-child(2),.seni-table tbody td:nth-child(3),.seni-table tbody td:nth-child(4),.seni-table tbody td:nth-child(5),.seni-table tbody td:nth-child(6),.seni-second-table .category-weight-table tbody td:nth-child(2),.seni-second-table .category-weight-table tbody td:nth-child(3),.seni-second-table .category-weight-table tbody td:nth-child(4),.seni-second-table .category-weight-table tbody td:nth-child(5),.seni-second-table .category-weight-table tbody td:nth-child(6){font-weight:800}
.seni-table tbody td:nth-child(3),.seni-second-table .category-weight-table tbody td:nth-child(3){color:#d91f2b}
.seni-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:13px 0 3px;padding:11px 14px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#5c6f86;font-size:11px;font-weight:700}
.seni-legend span{display:inline-flex;align-items:center;gap:6px}.seni-legend b{font-size:16px}.legend-check{color:#1674d1}.legend-dash{color:#8797aa}.legend-text{color:#071a3b;font-size:11px!important}
@media(max-width:767px){.seni-section-title{align-items:flex-start;padding:11px 12px}.seni-section-title strong{font-size:12px}.seni-section-title small{font-size:10px}.seni-table,.seni-second-table .category-weight-table{min-width:820px}.seni-table tbody td,.seni-second-table .category-weight-table tbody td{font-size:12px;padding:12px 10px}.seni-table tbody td:not(:first-child),.seni-second-table .category-weight-table tbody td:not(:first-child){font-size:15px}.seni-legend{font-size:10px}}

/* V23 - Jadwal cards mengikuti desain Kategori */
.schedule-guide-section{margin-bottom:46px}
.schedule-guide-section-art{padding-top:4px}
.schedule-guide-heading{margin:0 0 22px}
.schedule-guide-heading .mini-label{display:inline-block;margin-bottom:5px;color:#d91f2b;font-weight:900;letter-spacing:1.2px;font-size:12px}
.schedule-guide-heading h2{margin:0 0 6px;color:#071a3b;font-size:28px;font-weight:900;line-height:1.2}
.schedule-guide-heading p{margin:0;color:#62748d;font-size:14px;line-height:1.6}
.schedule-guide-grid{grid-template-columns:repeat(4,1fr)}
.schedule-guide-grid .category-guide-card{min-height:230px}
.schedule-guide-grid .category-guide-card h2{font-size:17px}
.schedule-master-card{margin-top:8px}
@media(max-width:1100px){.schedule-guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.schedule-guide-grid{grid-template-columns:1fr}.schedule-guide-heading h2{font-size:24px}.schedule-guide-grid .category-guide-card{min-height:215px}}

/* =========================================================
   ADMIN V25 — COMPACT / EFFECTIVE WORKSPACE
   Presentation only. No backend/business logic changed.
   ========================================================= */
body.admin-page{background:#f3f6fa}
.admin-page .app-shell{min-height:100vh}
.admin-page .app-sidebar{width:220px}
.admin-page .app-sidebar .brand{padding:14px 16px;font-size:14px;line-height:1.2}
.admin-page .app-sidebar .nav-section-label{padding:11px 16px 4px;font-size:9px;letter-spacing:.08em}
.admin-page .app-sidebar a{padding:7px 14px;font-size:12px;line-height:1.35}
.admin-page .app-sidebar a.active{font-weight:800}
.admin-page .app-topbar{padding:9px 16px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-page .app-content{padding:18px 20px 24px;max-width:1500px;width:100%}
.admin-page .app-content>h2{margin:0 0 5px;font-size:24px;line-height:1.2}
.admin-page .app-content>.text-muted{margin:0 0 14px;font-size:12px}
.admin-page .row{margin-left:-7px;margin-right:-7px}
.admin-page .row>[class*="col-"]{padding-left:7px;padding-right:7px}
.admin-page .card-modern{padding:17px;margin-bottom:14px;border-radius:12px}
.admin-page .card-modern h4{font-size:15px;margin-bottom:11px}
.admin-page .stat-card{padding:12px 14px;margin-bottom:12px;min-height:70px;border-radius:11px}
.admin-page .stat-card .stat-value{font-size:22px}
.admin-page .stat-card .stat-label{font-size:10px}
.admin-page .stat-card .stat-icon{width:34px;height:34px;line-height:34px;margin-right:9px}
.admin-page .form-modern .form-group{margin-bottom:10px}
.admin-page .form-modern label{font-size:11px;margin-bottom:4px}
.admin-page .form-control{height:34px;padding:6px 9px;font-size:12px}
.admin-page textarea.form-control{height:auto}
.admin-page .btn{border-radius:7px}
.admin-page .btn-sm{padding:6px 10px;font-size:11px}
.admin-page .btn-xs{padding:4px 7px;font-size:10px;line-height:1.25}
.admin-page .table-modern .table{margin-bottom:0;font-size:12px}
.admin-page .table-modern .table>thead>tr>th{padding:8px 7px;font-size:10px}
.admin-page .table-modern .table>tbody>tr>td{padding:7px}
.admin-page .app-topbar .form-control{height:32px;padding:5px 9px;font-size:11px}
.admin-page .badge-status{font-size:9px;padding:4px 7px}

/* Compact toolbar / action areas */
.admin-page .admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.admin-page .admin-toolbar .toolbar-title{margin:0}
.admin-page .admin-toolbar .toolbar-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.admin-page .import-toolbar{margin-bottom:14px!important}
.admin-page .import-toolbar .import-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.admin-page .import-toolbar .import-head p{margin:2px 0 0;font-size:11px}
.admin-page .import-toolbar .import-routes{margin-top:9px!important;padding-top:8px;border-top:1px solid #e7ebf1}
.admin-page .import-toolbar .import-routes small{font-size:10px}
.admin-page .import-toolbar .route-group-title{display:block;margin:7px 0 4px;font-size:9px;font-weight:900;color:#718096;text-transform:uppercase;letter-spacing:.06em}
.admin-page .import-toolbar .route-buttons{display:flex;flex-wrap:wrap;gap:4px}
.admin-page .import-toolbar .route-buttons .btn{margin:0}

/* Make Bootstrap rows inside forms use less empty space */
.admin-page .form-modern .row{margin-left:-5px;margin-right:-5px}
.admin-page .form-modern .row>[class*="col-"]{padding-left:5px;padding-right:5px}
.admin-page .form-modern .btn-block{margin-top:4px}

@media(max-width:991px){
  .admin-page .app-sidebar{width:205px}
  .admin-page .app-content{padding:16px}
}
@media(max-width:767px){
  .admin-page .app-shell{display:block}
  .admin-page .app-sidebar{width:100%;box-shadow:none}
  .admin-page .app-sidebar .nav-section-label{padding-top:9px}
  .admin-page .app-sidebar a{display:inline-block;width:50%;vertical-align:top}
  .admin-page .app-topbar{min-height:auto;padding:9px 12px}
  .admin-page .app-content{padding:13px 11px 20px}
  .admin-page .stat-card{margin-bottom:9px}
}

/* =========================================================
   V27 — PERBAIKAN WORKSPACE JADWAL & IMPORT
   Presentation only. Backend/import logic tetap sama.
   ========================================================= */
.admin-page{overflow-x:hidden}
.admin-page .app-shell{width:100%;min-width:0}
.admin-page .app-shell>div[style*="flex:1"]{min-width:0;width:auto;flex:1 1 auto}
.admin-page .app-content{width:auto;max-width:none;min-width:0;overflow-x:hidden}
.admin-page .app-content>.card-modern,.admin-page .app-content>.row{max-width:100%;min-width:0}

/* Halaman Jadwal: toolbar import dibuat ringkas dan tidak memakan satu layar. */
.admin-page .import-toolbar{padding:13px 15px!important;margin-bottom:13px!important;overflow:visible}
.admin-page .import-toolbar .import-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.admin-page .import-toolbar .import-kicker{margin-bottom:2px;color:#d91f2b;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.admin-page .import-toolbar h4{margin:0!important;font-size:15px!important;line-height:1.25}
.admin-page .import-toolbar p{margin:3px 0 0!important;color:#6b7d93;font-size:10.5px;line-height:1.45}
.admin-page .import-route-panel{position:relative;flex:0 0 auto}
.admin-page .import-route-panel>summary{list-style:none;cursor:pointer;display:inline-flex!important;align-items:center;gap:7px;padding:8px 12px!important;font-size:11px!important;white-space:nowrap}
.admin-page .import-route-panel>summary::-webkit-details-marker{display:none}
.admin-page .route-chevron{font-size:14px;line-height:1;transition:transform .2s ease}
.admin-page .import-route-panel[open] .route-chevron{transform:rotate(180deg)}
.admin-page .import-route-panel .import-routes{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:min(820px,calc(100vw - 280px));padding:12px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(7,21,47,.16)}
.admin-page .import-route-panel .route-group+.route-group{margin-top:10px;padding-top:10px;border-top:1px solid #edf1f5}
.admin-page .import-route-panel .route-group-title{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#60728a;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.admin-page .import-route-panel .route-group-title:before{content:"";width:4px;height:14px;border-radius:4px;background:#d91f2b}
.admin-page .import-route-panel .route-group:nth-child(2) .route-group-title:before{background:#ffc51c}
.admin-page .import-route-panel .route-buttons{display:flex;flex-wrap:wrap;gap:5px}
.admin-page .import-route-panel .route-chip{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border:1px solid #dbe3ed;border-radius:7px;background:#f8fafc;color:#243853;font-size:10px;font-weight:800;text-decoration:none;transition:.18s ease}
.admin-page .import-route-panel .route-chip:hover{transform:translateY(-1px);background:#071a3b;border-color:#071a3b;color:#fff}
.admin-page .import-route-panel .route-chip-seni:hover{background:#a87900;border-color:#a87900}

/* Halaman import: target + format + upload dibuat sebagai workspace padat. */
.admin-page .import-workspace{width:100%;max-width:1180px;min-width:0}
.admin-page .import-target-card{padding:14px 16px!important;margin-bottom:12px!important}
.admin-page .import-target-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.admin-page .import-target-head>div{min-width:0}
.admin-page .import-target-head h4{margin:3px 0 5px!important;font-size:16px!important;line-height:1.25}
.admin-page .import-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:#6b7d93;font-size:10.5px}
.admin-page .import-meta span{display:inline-flex;gap:4px;align-items:center}
.admin-page .import-meta b{color:#071a3b}
.admin-page .import-info-strip{margin-top:9px;padding:8px 10px;border:1px solid #d8e8fb;border-radius:8px;background:#f4f9ff;color:#47627e;font-size:10.5px;line-height:1.45}
.admin-page .import-alert{margin:9px 0 0!important;padding:8px 10px!important;font-size:10.5px!important}
.admin-page .import-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.admin-page .import-form-grid .card-modern{min-width:0;height:auto;margin:0!important;padding:14px 15px!important}
.admin-page .import-format-card,.admin-page .import-upload-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-content:start}
.admin-page .import-step{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#071a3b;color:#ffc51c;font-size:10px;font-weight:900}
.admin-page .import-form-grid h4{margin:0 0 7px!important;font-size:14px!important}
.admin-page .import-form-grid p{margin:0 0 7px;color:#5f7188;font-size:10.5px;line-height:1.5}
.admin-page .import-code{max-width:100%;margin:7px 0 9px;padding:8px 9px;overflow:auto;border:1px solid #e0e6ee;border-radius:7px;background:#f7f9fc;white-space:nowrap}
.admin-page .import-code code{font-size:9.5px;color:#243853}
.admin-page .import-note{margin-bottom:9px!important}
.admin-page .import-form-grid .btn{margin-right:4px}
.admin-page .import-form-grid .form-group{margin-bottom:8px!important}
.admin-page .import-form-grid .form-control{height:35px}
.admin-page .import-upload-card .checkbox{margin:7px 0 9px;font-size:10px;line-height:1.4}
.admin-page .import-upload-card .checkbox label{font-size:10px;font-weight:600;color:#53677f}
.admin-page .import-upload-card .btn{font-size:11px}

@media(max-width:991px){
  .admin-page .import-route-panel .import-routes{width:min(700px,calc(100vw - 235px))}
  .admin-page .import-form-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .admin-page .import-toolbar .import-toolbar-main{align-items:flex-start;display:block}
  .admin-page .import-route-panel{display:block;margin-top:10px}
  .admin-page .import-route-panel>summary{width:100%;justify-content:center}
  .admin-page .import-route-panel .import-routes{position:relative;right:auto;top:auto;width:100%;margin-top:7px}
  .admin-page .import-target-head{align-items:flex-start}
  .admin-page .import-target-head .btn{flex:0 0 auto}
  .admin-page .import-form-grid{gap:9px}
}

/* =========================================================
   V28 — WORKSPACE IMPORT SEBELUM JALUR DIPILIH
   ========================================================= */
.admin-page .import-route-picker{
  max-width:980px;
  padding:16px 18px!important;
  margin-bottom:12px!important;
}
.admin-page .import-route-picker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:13px;
}
.admin-page .import-route-picker-head>div{min-width:0}
.admin-page .import-route-picker h4{
  margin:3px 0 4px!important;
  font-size:16px!important;
}
.admin-page .import-route-picker p{
  margin:0!important;
  max-width:760px;
  color:#667990;
  font-size:10.5px;
  line-height:1.5;
}
.admin-page .picker-groups{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
}
.admin-page .picker-group{
  min-width:0;
  padding:11px 12px;
  border:1px solid #e1e7ef;
  border-radius:10px;
  background:#fafbfd;
}
.admin-page .picker-title{
  margin-bottom:7px;
  padding-left:8px;
  border-left:4px solid #d91f2b;
  color:#51657d;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-page .picker-group:nth-child(2) .picker-title{border-left-color:#d9a900}
.admin-page .picker-buttons{display:flex;flex-wrap:wrap;gap:5px}
.admin-page .picker-buttons .route-chip{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#243853;font-size:10px;font-weight:800;text-decoration:none;transition:.18s ease}
.admin-page .picker-buttons .route-chip:hover{background:#071a3b;border-color:#071a3b;color:#fff;text-decoration:none;transform:translateY(-1px)}
.admin-page .picker-buttons .route-chip-seni:hover{background:#a87900;border-color:#a87900}

/* Pastikan seluruh komponen import tidak melebar keluar workspace. */
.admin-page .import-workspace,
.admin-page .import-form-grid,
.admin-page .import-route-picker,
.admin-page .import-target-card{box-sizing:border-box;max-width:100%;min-width:0}

@media(max-width:991px){
  .admin-page .picker-groups{grid-template-columns:1fr}
}
@media(max-width:767px){
  .admin-page .import-route-picker-head{display:block}
  .admin-page .import-route-picker-head .btn{margin-top:9px}
  .admin-page .picker-group{padding:10px}
}

/* =========================================================
   V29 — IMPORT JADWAL LEBIH SEDERHANA & KOMPAK
   ========================================================= */
.admin-page .import-workspace{
  width:100%;
  max-width:820px;
  margin-left:0;
}
.admin-page .import-route-picker,
.admin-page .import-simple-card{
  width:100%;
  max-width:820px;
  box-sizing:border-box;
  padding:13px 15px!important;
  margin-bottom:12px!important;
}
.admin-page .import-simple-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.admin-page .import-simple-head>div{min-width:0}
.admin-page .import-simple-head h4{
  margin:2px 0 3px!important;
  font-size:15px!important;
  line-height:1.25;
}
.admin-page .import-simple-head p{
  margin:0!important;
  color:#687a90;
  font-size:10px;
  line-height:1.4;
}
.admin-page .import-simple-head .btn{flex:0 0 auto}
.admin-page .import-route-picker .picker-groups{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.admin-page .import-route-picker .picker-group{
  padding:9px 10px;
  border:1px solid #e2e7ee;
  border-radius:8px;
  background:#fafbfd;
}
.admin-page .import-route-picker .picker-title{
  margin:0 0 6px;
  padding-left:7px;
  border-left:3px solid #d91f2b;
  font-size:9px;
  line-height:13px;
}
.admin-page .import-route-picker .picker-group:nth-child(2) .picker-title{border-left-color:#d9a900}
.admin-page .import-route-picker .picker-buttons{display:flex;flex-wrap:wrap;gap:4px}
.admin-page .import-route-picker .route-chip{
  min-height:26px;
  padding:5px 8px;
  border-radius:6px;
  font-size:9.5px;
}
.admin-page .import-simple-card .import-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 14px;
  color:#6b7d93;
  font-size:10px;
}
.admin-page .import-simple-card .import-meta b{color:#071a3b}
.admin-page .import-simple-body{
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:10px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid #edf1f5;
}
.admin-page .import-file-info,
.admin-page .import-upload-simple{
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-width:0;
}
.admin-page .import-step-mini{
  flex:0 0 26px;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#071a3b;
  color:#ffc51c;
  font-size:8px;
  font-weight:900;
}
.admin-page .import-file-info b{font-size:11px;color:#243853}
.admin-page .import-code-simple{
  max-width:100%;
  margin:4px 0;
  padding:6px 7px;
  overflow:auto;
  border:1px solid #e2e7ee;
  border-radius:5px;
  background:#f7f9fc;
  white-space:nowrap;
}
.admin-page .import-code-simple code{font-size:8.5px;color:#40546c}
.admin-page .import-file-info small{display:block;color:#718298;font-size:8.8px;line-height:1.35}
.admin-page .import-inline-form{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
}
.admin-page .import-file-control{flex:1 1 190px;min-width:150px}
.admin-page .import-file-control label{display:block;margin:0 0 3px;font-size:9px;color:#60728a}
.admin-page .import-file-control .form-control{height:32px;padding:5px 7px;font-size:9px}
.admin-page .import-check{margin:0 2px 7px 0!important;font-size:9px!important;white-space:nowrap;color:#53677f!important}
.admin-page .import-inline-form .btn{margin:0 0 0 auto;white-space:nowrap}
.admin-page .import-simple-footer{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #edf1f5;
  color:#78899d;
  font-size:9px;
}
@media(max-width:767px){
  .admin-page .import-workspace,
  .admin-page .import-route-picker,
  .admin-page .import-simple-card{max-width:100%}
  .admin-page .import-route-picker .picker-groups{grid-template-columns:1fr}
  .admin-page .import-simple-body{grid-template-columns:1fr}
  .admin-page .import-simple-footer{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   V30 — JADWAL: KOTAK IMPORT LEBIH RINGKAS
   Tujuan: tombol Tambah Jadwal naik lebih dekat, tetapi tetap
   berada tepat di bawah kotak Import Jadwal.
   ========================================================= */
.admin-page h2{margin-top:0!important;margin-bottom:10px!important}
.admin-page .import-toolbar{
  padding:7px 10px!important;
  margin-bottom:8px!important;
  min-height:0!important;
  border-radius:8px!important;
  overflow:visible!important;
}
.admin-page .import-toolbar .import-toolbar-main{
  min-height:0!important;
  gap:10px!important;
}
.admin-page .import-toolbar .import-kicker{
  display:inline-block;
  margin:0 6px 0 0!important;
  font-size:8px!important;
  line-height:1!important;
  vertical-align:middle;
}
.admin-page .import-toolbar h4{
  display:inline-block;
  margin:0!important;
  font-size:12px!important;
  line-height:18px!important;
  vertical-align:middle;
}
.admin-page .import-toolbar p{display:none!important}
.admin-page .import-route-panel>summary{
  padding:5px 9px!important;
  min-height:27px!important;
  border-radius:6px!important;
  font-size:9px!important;
}
.admin-page .import-route-panel .import-routes{
  top:calc(100% + 5px)!important;
  padding:9px!important;
  border-radius:9px!important;
}
.admin-page .import-route-panel .route-group+.route-group{
  margin-top:7px!important;
  padding-top:7px!important;
}
.admin-page .import-route-panel .route-group-title{margin-bottom:5px!important}
.admin-page .import-route-panel .route-chip{
  min-height:26px!important;
  padding:5px 8px!important;
  font-size:9px!important;
}

/* Kartu Tambah Jadwal langsung mengikuti kartu Import. */
.admin-page .import-toolbar + .row{
  margin-top:0!important;
}
.admin-page .import-toolbar + .row > [class*="col-"] > .card-modern{
  margin-top:0!important;
}

@media(max-width:767px){
  .admin-page .import-toolbar{padding:7px 9px!important;margin-bottom:7px!important}
  .admin-page .import-toolbar .import-toolbar-main{display:flex!important;align-items:center!important}
  .admin-page .import-toolbar .import-route-panel{display:block!important;margin-top:0!important}
  .admin-page .import-route-panel>summary{width:auto!important}
}

/* =========================================================
   V31 — IMPORT TOOLBAR EXTRA COMPACT
   Memendekkan tinggi card-modern.import-toolbar tanpa mengubah
   fungsi jalur import.
   ========================================================= */
.admin-page .card-modern.import-toolbar{
  padding:4px 8px!important;
  margin-bottom:5px!important;
  border-radius:7px!important;
}
.admin-page .card-modern.import-toolbar .import-toolbar-main{
  gap:7px!important;
  line-height:1!important;
}
.admin-page .card-modern.import-toolbar .import-kicker{
  font-size:7px!important;
  line-height:14px!important;
  margin-right:4px!important;
}
.admin-page .card-modern.import-toolbar h4{
  font-size:11px!important;
  line-height:14px!important;
}
.admin-page .card-modern.import-toolbar .import-route-panel>summary{
  padding:3px 7px!important;
  min-height:22px!important;
  line-height:16px!important;
  border-radius:5px!important;
  font-size:8px!important;
}
.admin-page .card-modern.import-toolbar .route-chevron{font-size:9px!important}

@media(max-width:767px){
  .admin-page .card-modern.import-toolbar{
    padding:4px 7px!important;
    margin-bottom:5px!important;
  }
  .admin-page .card-modern.import-toolbar .import-toolbar-main{
    gap:5px!important;
  }
  .admin-page .card-modern.import-toolbar .import-route-panel>summary{
    padding:3px 6px!important;
    min-height:22px!important;
  }
}

/* =========================================================
   V32 — IMPORT TOOLBAR: HILANGKAN TINGGI OTOMATIS CARD
   Card import harus mengikuti isi, bukan memenuhi tinggi parent.
   ========================================================= */
.admin-page .card-modern.import-toolbar{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:flex-start!important;
}
.admin-page .card-modern.import-toolbar .import-toolbar-main{
  height:auto!important;
  min-height:0!important;
}


/* V34 — stabilkan kontrol pilihan kategori/jalur agar tidak berkedip */
.admin-page .card-modern:hover{transform:none!important;}
.admin-page .form-control,
.admin-page select.form-control,
.admin-page input.form-control,
.admin-page textarea.form-control{transition:none!important;}
.admin-page select.form-control:focus{outline:none!important;box-shadow:0 0 0 2px rgba(20,104,232,.10)!important;}
.admin-page .picker-buttons .route-chip,
.admin-page .import-route-panel .route-chip{transform:none;}
.admin-page .picker-buttons .route-chip:hover,
.admin-page .import-route-panel .route-chip:hover{transform:none;}


/* V35 — format jadwal model partai: ringkas, jelas, responsif */
.schedule-match-table-wrap{overflow-x:auto!important;}
.schedule-match-table{min-width:980px!important;margin-bottom:0!important;}
.schedule-match-table thead th{white-space:nowrap;vertical-align:middle!important;}
.schedule-match-table thead th small{display:block;font-size:9px;font-weight:700;opacity:.78;margin-top:2px;}
.schedule-match-table tbody td{vertical-align:middle!important;}
.schedule-match-table .schedule-no{width:58px;text-align:center;}
.schedule-match-table td:nth-child(2){width:105px;text-align:center;}
.schedule-match-table td:nth-child(3){width:115px;}
.schedule-match-table td:nth-child(4){width:180px;}
.schedule-category-label{display:block;margin-top:3px;font-size:10px;color:#71829a;font-weight:700;text-transform:uppercase;letter-spacing:.3px;}
.corner-player{min-width:190px;padding:7px 10px;border-left:4px solid #d9e1ec;background:#f8fafc;border-radius:7px;}
.corner-player strong{display:block;color:#071a3b;font-size:12px;line-height:1.35;}
.corner-player span{display:block;margin-top:3px;color:#62748d;font-size:10px;line-height:1.35;}
.corner-blue{border-left-color:#1674d1;}
.corner-red{border-left-color:#d91f2b;}
.information-schedule-grid .category-guide-card{min-height:225px;}
@media(max-width:767px){.schedule-match-table{min-width:900px!important}.corner-player{min-width:175px}.information-schedule-grid .category-guide-card{min-height:215px;}}

/* V36 — format jadwal & import Tanding mengikuti struktur partai */
.schedule-match-table{width:100%;min-width:1120px!important;table-layout:auto;}
.schedule-match-table th,.schedule-match-table td{padding:10px 9px!important;}
.schedule-match-table thead th{font-size:10px!important;line-height:1.25;}
.schedule-match-table td:nth-child(1){width:58px;text-align:center;}
.schedule-match-table td:nth-child(2){width:110px;text-align:center;}
.schedule-match-table td:nth-child(3){width:115px;}
.schedule-match-table td:nth-child(4){width:190px;}
.schedule-match-table td:nth-child(5),.schedule-match-table td:nth-child(6){width:300px;}
.schedule-match-table .corner-player{min-width:0;width:100%;box-sizing:border-box;}
.admin-page .import-code-simple code{display:block;white-space:normal;line-height:1.5;}
@media(max-width:767px){.schedule-match-table{min-width:1000px!important;}}

/* =========================================================
   V37 — JADWAL PERTANDINGAN: FORMAT VISUAL SESUAI REFERENSI
   Struktur: NO. PARTAI | PARTAI | BABAK | KELAS | BIRU | MERAH
   ========================================================= */
.schedule-match-table-wrap{overflow-x:auto!important;border-radius:0 0 18px 18px;}
.schedule-match-table{
  width:100%!important;
  min-width:980px!important;
  margin:0!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  background:#fff;
}
.schedule-match-table thead th{
  background:#f2f5f9!important;
  color:#58708f!important;
  border:0!important;
  border-bottom:1px solid #e1e7ee!important;
  padding:13px 16px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
  vertical-align:middle!important;
}
.schedule-match-table tbody tr{background:#fff!important;}
.schedule-match-table tbody td{
  height:82px;
  padding:0 16px!important;
  border:0!important;
  border-bottom:1px solid #e3e8ee!important;
  color:#122640;
  font-size:14px;
  vertical-align:middle!important;
}
.schedule-match-table tbody tr:last-child td{border-bottom:0!important;}
.schedule-match-table th:nth-child(1),.schedule-match-table td:nth-child(1){width:12%;}
.schedule-match-table th:nth-child(2),.schedule-match-table td:nth-child(2){width:10%;}
.schedule-match-table th:nth-child(3),.schedule-match-table td:nth-child(3){width:12%;}
.schedule-match-table th:nth-child(4),.schedule-match-table td:nth-child(4){width:12%;}
.schedule-match-table th:nth-child(5),.schedule-match-table td:nth-child(5){width:27%;}
.schedule-match-table th:nth-child(6),.schedule-match-table td:nth-child(6){width:27%;}
.schedule-match-table .schedule-no{
  text-align:left!important;
  font-size:16px!important;
  color:#142943!important;
  font-weight:700;
}
.schedule-match-table td:nth-child(2) strong{
  font-size:16px;
  color:#132944;
  font-weight:800;
}
.schedule-match-table td:nth-child(3),.schedule-match-table td:nth-child(4){font-size:14px;color:#152941;}
.schedule-match-table td:nth-child(4) strong{font-weight:500;}
.schedule-match-table td:nth-child(5),.schedule-match-table td:nth-child(6){
  padding:0 18px!important;
  position:relative;
}
.schedule-match-table td:nth-child(5){
  background:#f2f8ff!important;
  border-left:6px solid #2d78c9!important;
}
.schedule-match-table td:nth-child(6){
  background:#fff3f3!important;
  border-left:6px solid #d63b3f!important;
}
.schedule-match-table .corner-player{
  min-width:0!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.schedule-match-table .corner-player strong{
  display:block;
  margin:0;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.schedule-match-table .corner-blue strong{color:#17558f!important;}
.schedule-match-table .corner-red strong{color:#ad2428!important;}
.schedule-match-table .corner-player span{
  display:block;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.schedule-match-table .corner-blue span{color:#2e6598!important;}
.schedule-match-table .corner-red span{color:#b02f32!important;}
.schedule-match-table .schedule-category-label{display:none!important;}

/* Card jadwal mengikuti komposisi referensi: judul ringkas, tabel menjadi fokus. */
.admin-page .schedule-match-table-wrap,
.public-page-section .schedule-match-table-wrap{margin-top:0!important;}
.admin-page .schedule-match-table-wrap .schedule-match-table,
.public-page-section .schedule-match-table-wrap .schedule-match-table{box-shadow:none!important;}

@media(max-width:767px){
  .schedule-match-table{min-width:920px!important;}
  .schedule-match-table thead th{padding:11px 12px!important;font-size:10px!important;}
  .schedule-match-table tbody td{padding:0 12px!important;height:76px;}
  .schedule-match-table td:nth-child(5),.schedule-match-table td:nth-child(6){padding:0 14px!important;}
  .schedule-match-table .corner-player strong{font-size:14px!important;}
  .schedule-match-table .corner-player span{font-size:10px!important;margin-top:6px!important;}
}


/* V38 — Nama pesilat selalu di atas, kontingen selalu di bawah */
.schedule-match-table .corner-player .corner-name{
  display:block!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:800!important;
  margin:0!important;
  white-space:normal!important;
}
.schedule-match-table .corner-player .corner-team{
  display:block!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.03em;
  white-space:normal!important;
}
.schedule-match-table .corner-blue .corner-name{color:#17558f!important;}
.schedule-match-table .corner-red .corner-name{color:#ad2428!important;}
.schedule-match-table .corner-blue .corner-team{color:#2e6598!important;}
.schedule-match-table .corner-red .corner-team{color:#b02f32!important;}
@media(max-width:767px){
 .schedule-match-table .corner-player .corner-name{font-size:14px!important;}
 .schedule-match-table .corner-player .corner-team{font-size:10px!important;margin-top:6px!important;}
}

/* V39 - Jadwal per Kategori: 2 kelompok utama dengan sub-kartu */
.schedule-category-groups{display:grid;grid-template-columns:1fr;gap:24px}
.schedule-category-group{background:#fff;border:1px solid #e3eaf3;border-radius:18px;padding:22px;box-shadow:0 10px 24px rgba(13,71,161,.06)}
.schedule-group-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #e7edf5;margin-bottom:18px}
.schedule-group-head .guide-number{position:static;flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d47a1;color:#fff;font-weight:800;font-size:14px}
.schedule-group-head .guide-icon{width:46px;height:46px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f2f6fb}
.schedule-group-head .guide-icon img{width:28px;height:28px}
.schedule-group-head h2{margin:3px 0 2px;font-size:24px;color:#102a4c}
.schedule-group-head p{margin:0;color:#667892;font-size:14px}
.schedule-subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.schedule-subcard{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:105px;padding:18px 18px 16px 52px;border:1px solid #e1e8f1;border-radius:14px;background:#fbfcfe;color:#173b68;text-decoration:none;transition:all .18s ease}
.schedule-subcard:hover{transform:translateY(-2px);border-color:#b8cce5;box-shadow:0 8px 18px rgba(13,71,161,.09);text-decoration:none;color:#173b68}
.schedule-subcard .sub-number{position:absolute;left:16px;top:17px;font-size:12px;font-weight:800;color:#d51f2e}
.schedule-subcard strong{font-size:15px;line-height:1.35;color:#173b68}
.schedule-subcard>span:last-child{margin-top:9px;font-size:12px;font-weight:700;color:#6b7d95}
@media(max-width:991px){.schedule-subgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.schedule-category-group{padding:16px}.schedule-group-head{align-items:flex-start}.schedule-group-head h2{font-size:20px}.schedule-subgrid{grid-template-columns:1fr}.schedule-subcard{min-height:90px}}

/* V40 - Halaman jadwal per kategori dibuat sederhana seperti halaman kategori */
.schedule-info-single-grid{grid-template-columns:minmax(280px,520px);justify-content:start}
.schedule-info-card{min-height:210px!important}
.schedule-category-simple-grid{display:grid;grid-template-columns:1fr;gap:24px}
.schedule-category-simple-card{background:#fff;border:1px solid #e3eaf3;border-radius:18px;padding:22px;box-shadow:0 10px 24px rgba(13,71,161,.06)}
.simple-card-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e7edf5}
.simple-card-head .guide-number{position:static;flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d47a1;color:#fff;font-weight:800;font-size:14px}
.simple-card-head .guide-icon{width:46px;height:46px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f2f6fb}
.simple-card-head .guide-icon img{width:28px;height:28px}
.simple-card-head h2{margin:3px 0 0;font-size:24px;color:#102a4c}
.simple-subgrid{grid-template-columns:repeat(3,1fr)}
.simple-subgrid .category-guide-card{min-height:190px}
@media(max-width:991px){.simple-subgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.schedule-info-single-grid{grid-template-columns:1fr}.simple-subgrid{grid-template-columns:1fr}.schedule-category-simple-card{padding:16px}.simple-card-head h2{font-size:20px}.simple-subgrid .category-guide-card{min-height:180px}}

/* V41 - Struktur Jadwal Informasi: dua kartu utama */
.schedule-info-two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.schedule-info-two-grid .schedule-info-card{min-height:220px}
.schedule-public-detail-card{padding:24px}
@media(max-width:767px){.schedule-info-two-grid{grid-template-columns:1fr}.schedule-info-two-grid .schedule-info-card{min-height:210px}.schedule-public-detail-card{padding:16px}}

/* V43 - context-aware back buttons for schedule pages */
.btn-back-page{display:inline-block;margin-bottom:8px;border-radius:7px;font-weight:600;padding:8px 14px;}
@media(max-width:767px){.btn-back-page{width:100%;text-align:center;}}

/* =========================================================
   V50 — PANEL PELATIH: SIMPLE, MODERN, RAMAH GAPTEK
   ========================================================= */
.profile-summary-card{background:#fff;border:1px solid #e5eaf2;border-radius:22px;padding:26px;box-shadow:0 12px 35px rgba(7,21,47,.07);margin-bottom:18px;overflow:hidden}
.summary-card-top{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #edf1f6}
.summary-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d47a1,#1468e8);color:#fff;font-size:23px;box-shadow:0 9px 22px rgba(20,104,232,.18)}
.summary-avatar.profile-avatar{background:linear-gradient(145deg,#07152f,#1c477f)}
.summary-title{flex:1;min-width:0}.summary-kicker{display:block;color:#7b8aa0;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}.summary-title h3{margin:0;color:#071a3b;font-size:24px;font-weight:900;line-height:1.15}.summary-title p{margin:5px 0 0;color:#718096;font-size:12px}.summary-status{margin-left:auto;white-space:nowrap}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:8px 0}.summary-grid>div{padding:14px 0;border-bottom:1px solid #eef2f6}.summary-grid>div:nth-last-child(-n+2){border-bottom:0}.summary-grid span{display:block;color:#8a98aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.summary-grid b{display:block;color:#173052;font-size:13px;line-height:1.55}.summary-grid .summary-full{grid-column:1/-1}.summary-grid .summary-full b{font-weight:600}.summary-actions{padding-top:16px;border-top:1px solid #edf1f6}.summary-note{margin:6px 0 0;padding:12px 14px;border-radius:12px;background:#f6f8fb;color:#69788c;font-size:11px}.summary-note i{margin-right:6px;color:#0d47a1}
.soft-card{border-radius:20px!important;box-shadow:0 10px 30px rgba(7,21,47,.055)!important}.simple-page-head{margin-bottom:18px}.simple-page-head h4{margin:2px 0 4px;font-size:20px;font-weight:900;color:#071a3b}.simple-page-head p{margin:0;color:#7b8798;font-size:12px}

/* Progress dashboard: kartu + persentase, tanpa progress bar */
.progress-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.progress-percent-card{position:relative;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px 15px;text-align:center;box-shadow:0 8px 25px rgba(7,21,47,.055);min-height:126px;overflow:hidden}.progress-percent-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:99px;background:#1468e8}.progress-percent-card:nth-child(2):after{background:#e2a600}.progress-percent-card:nth-child(3):after{background:#28a745}.progress-percent-card:nth-child(4):after{background:#8b5cf6}.progress-percent-icon{width:38px;height:38px;margin:0 auto 9px;border-radius:12px;background:#f0f5fc;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:16px}.progress-percent-card:nth-child(2) .progress-percent-icon{background:#fff8df;color:#b27b00}.progress-percent-card:nth-child(3) .progress-percent-icon{background:#eefaf1;color:#218838}.progress-percent-card:nth-child(4) .progress-percent-icon{background:#f5f0ff;color:#7044c5}.progress-percent{display:block;color:#071a3b;font-size:28px;font-weight:900;line-height:1}.progress-percent-label{display:block;margin-top:6px;color:#7b8798;font-size:11px;font-weight:800}

/* Tombol utama atlet */
.athlete-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.athlete-action-card{position:relative;display:flex;align-items:center;min-height:94px;padding:17px 18px;border-radius:18px;background:#fff;border:1px solid #e5eaf2;box-shadow:0 8px 25px rgba(7,21,47,.055);color:#071a3b;text-decoration:none!important;transition:all .2s}.athlete-action-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(7,21,47,.10);border-color:#d6dfeb;color:#071a3b}.athlete-action-icon{width:47px;height:47px;flex:0 0 47px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#0d47a1;font-size:18px}.action-import .athlete-action-icon{background:#fff7df;color:#a66f00}.action-recap .athlete-action-icon{background:#eefaf1;color:#218838}.athlete-action-text{display:flex;flex-direction:column;margin-left:13px;min-width:0}.athlete-action-text b{font-size:14px;font-weight:900}.athlete-action-text small{font-size:10px;color:#8190a3;margin-top:4px;line-height:1.4}.athlete-action-arrow{margin-left:auto;color:#a5b0bf;font-size:11px}.athlete-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.athlete-mini-stats>div{background:#f9fbfd;border:1px solid #e8edf3;border-radius:15px;padding:12px 14px}.athlete-mini-stats b{display:block;color:#071a3b;font-size:20px;font-weight:900}.athlete-mini-stats span{color:#8793a4;font-size:10px;font-weight:800}.section-inline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-inline-head h4{margin:2px 0 0;font-size:17px;font-weight:900;color:#071a3b}

/* Rekap atlet */
.recap-hero-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#07152f,#123d76);color:#fff;border-radius:22px;padding:24px 26px;margin-bottom:14px;box-shadow:0 14px 35px rgba(7,21,47,.16)}.recap-hero-card h3{margin:3px 0 4px;font-size:23px;font-weight:900}.recap-hero-card p{margin:0;color:#c7d4e8;font-size:11px}.recap-hero-card .summary-kicker{color:#9db3d2}.recap-total{text-align:center;min-width:100px;padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}.recap-total b{display:block;color:#ffc51c;font-size:38px;font-weight:900;line-height:1}.recap-total span{display:block;margin-top:4px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#d6e0ee}.recap-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.recap-stat-card{position:relative;background:#fff;border:1px solid #e5eaf2;border-radius:17px;padding:16px 14px 14px 59px;min-height:77px;box-shadow:0 7px 22px rgba(7,21,47,.05)}.recap-stat-icon{position:absolute;left:15px;top:18px;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:14px}.recap-stat-card b{display:block;color:#071a3b;font-size:22px;font-weight:900;line-height:1.1}.recap-stat-card>span:last-child{color:#7d8b9e;font-size:10px;font-weight:800}

/* Kelengkapan: satu pintu, langkah sederhana */
.simple-guide-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:20px 22px;margin-bottom:14px;box-shadow:0 9px 28px rgba(7,21,47,.055)}.simple-guide-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#eefaf1;color:#218838;display:flex;align-items:center;justify-content:center;font-size:20px}.simple-guide-card h3{margin:2px 0 4px;color:#071a3b;font-size:20px;font-weight:900}.simple-guide-card p{margin:0;color:#78879a;font-size:11px}.complete-step-list{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.complete-step{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:13px 15px;box-shadow:0 6px 20px rgba(7,21,47,.045)}.complete-step.is-done{border-color:#d9ebdf}.complete-number{width:35px;height:35px;flex:0 0 35px;border-radius:11px;background:#f1f4f8;color:#78879a;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.complete-step.is-done .complete-number{background:#eaf8ee;color:#218838}.complete-content{flex:1;min-width:0}.complete-content b{display:block;color:#173052;font-size:13px}.complete-content span{display:block;color:#8592a3;font-size:10px;margin-top:3px}.simple-verification-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.simple-verification-card h4{margin:2px 0 4px;font-size:16px;font-weight:900;color:#071a3b}.simple-verification-card p{margin:0;color:#7d8a9b;font-size:11px;max-width:700px}

@media(max-width:991px){.progress-card-grid{grid-template-columns:repeat(2,1fr)}.athlete-action-grid{grid-template-columns:1fr}.recap-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.summary-card-top{align-items:flex-start;flex-wrap:wrap}.summary-status{margin-left:73px;margin-top:-10px}.summary-grid{grid-template-columns:1fr}.summary-grid>div:nth-last-child(-n+2){border-bottom:1px solid #eef2f6}.summary-grid>div:last-child{border-bottom:0}.summary-grid .summary-full{grid-column:auto}.progress-card-grid{grid-template-columns:repeat(2,1fr);gap:9px}.progress-percent-card{min-height:115px;padding:16px 8px}.progress-percent{font-size:25px}.athlete-mini-stats{gap:7px}.athlete-mini-stats>div{text-align:center;padding:10px 5px}.recap-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.recap-hero-card{padding:19px}.recap-hero-card h3{font-size:18px}.recap-total{min-width:75px}.recap-total b{font-size:30px}.complete-step{padding:11px 10px}.complete-step .btn{font-size:10px}.simple-guide-card{align-items:flex-start}.simple-verification-card{display:block}.simple-verification-card .btn{margin-top:12px}}

/* V51 - Progress Pelatih mengikuti bentuk kartu Beranda EVENT22 */
.progress-dashboard-block{margin-bottom:18px}
.dashboard-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dashboard-progress-card{position:relative;display:block;min-height:190px;padding:26px 24px 23px;background:#fff;border:1px solid #dde5ef;border-radius:20px;box-shadow:0 10px 32px rgba(7,21,47,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.dashboard-progress-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d91f2b,#ffc51c,#1674d1)}
.dashboard-progress-card:after{content:"";position:absolute;width:125px;height:125px;right:-55px;bottom:-58px;border:24px solid #f2f6fb;border-radius:50%;pointer-events:none}
.dashboard-progress-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px rgba(7,21,47,.12);border-color:#cbd8e8}
.dashboard-progress-number{position:absolute;right:21px;top:18px;color:#dbe4ef;font-size:28px;line-height:1;font-weight:900}
.dashboard-progress-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#fff0f1,#fff7db);margin-bottom:18px;position:relative;z-index:1;color:#d91f2b;font-size:19px}
.dashboard-progress-card:nth-child(2) .dashboard-progress-icon{background:linear-gradient(135deg,#eef5ff,#fff7db);color:#0d47a1}
.dashboard-progress-card:nth-child(3) .dashboard-progress-icon{background:linear-gradient(135deg,#eefaf1,#fff7db);color:#218838}
.dashboard-progress-card:nth-child(4) .dashboard-progress-icon{background:linear-gradient(135deg,#f3efff,#fff7db);color:#7044c5}
.dashboard-progress-value{position:relative;z-index:1;display:block;color:#071a3b;font-size:32px;line-height:1;font-weight:900}
.dashboard-progress-label{position:relative;z-index:1;display:block;margin-top:8px;color:#62748d;font-size:12px;line-height:1.5;font-weight:800}
@media(max-width:991px){.dashboard-progress-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.dashboard-progress-grid{grid-template-columns:1fr 1fr;gap:12px}.dashboard-progress-card{min-height:160px;padding:20px 17px 18px}.dashboard-progress-number{right:15px;top:14px;font-size:23px}.dashboard-progress-icon{width:45px;height:45px;margin-bottom:14px}.dashboard-progress-value{font-size:28px}.dashboard-progress-label{font-size:11px}}
@media(max-width:430px){.dashboard-progress-grid{grid-template-columns:1fr}.dashboard-progress-card{min-height:145px}}

/* =========================================================
   V52 — PANEL PELATIH / DATA ATLET
   Fokus: sederhana untuk pengguna, visual profesional EVENT22.
   ========================================================= */
.app-sidebar{width:224px;background:linear-gradient(180deg,#061733 0%,#07152f 58%,#081b3d 100%);box-shadow:12px 0 35px rgba(7,21,47,.10)}
.app-sidebar .brand{height:62px;padding:0 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.03em}
.app-sidebar .brand:first-letter{font-size:18px}
.app-sidebar .nav-section-label{padding:20px 18px 7px;color:#6f86a7;font-size:9px;letter-spacing:.13em}
.app-sidebar a{margin:2px 9px;padding:10px 12px;border-left:0;border-radius:10px;color:#c3d0e4;font-size:12px;transition:all .18s ease}
.app-sidebar a:hover{background:rgba(255,255,255,.055);color:#fff}
.app-sidebar a.active{background:linear-gradient(90deg,rgba(255,197,28,.13),rgba(255,255,255,.055));border-left:3px solid #ffc51c;color:#fff;font-weight:800;box-shadow:inset 0 0 20px rgba(255,197,28,.025)}
.app-topbar{padding:11px 24px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf5;box-shadow:0 5px 20px rgba(7,21,47,.035)}
.app-content{padding:28px 30px 38px;max-width:1500px}

.athlete-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.athlete-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#0d47a1;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
.athlete-page-head h2{margin:0;color:#071a3b;font-size:30px;line-height:1.08;font-weight:900;letter-spacing:-.035em}
.athlete-page-head p{margin:7px 0 0;color:#7b899d;font-size:12px}
.athlete-head-badge{min-width:125px;padding:14px 18px;background:linear-gradient(135deg,#071a3b,#0e4b92);border-radius:17px;color:#fff;box-shadow:0 12px 28px rgba(7,21,47,.13);text-align:right}
.athlete-head-badge span{display:block;color:#aebfd7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.athlete-head-badge strong{display:block;color:#ffc51c;font-size:28px;line-height:1.1;margin-top:3px;font-weight:900}
.athlete-alert{border-radius:13px;border:0;box-shadow:0 7px 22px rgba(22,163,74,.08);font-size:12px}

.athlete-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:28px}
.athlete-overview-card{position:relative;display:flex;align-items:center;gap:13px;min-height:91px;padding:17px 19px;background:#fff;border:1px solid #e4eaf2;border-radius:18px;box-shadow:0 8px 27px rgba(7,21,47,.055);overflow:hidden}
.athlete-overview-card:after{content:"";position:absolute;right:-30px;bottom:-40px;width:105px;height:105px;border:21px solid #f3f6fa;border-radius:50%}
.overview-icon{position:relative;z-index:1;width:47px;height:47px;border-radius:14px;background:#edf4ff;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:18px}
.overview-putra .overview-icon{background:#eefaf1;color:#218838}.overview-putri .overview-icon{background:#fff0f3;color:#d91f4a}
.athlete-overview-card strong{display:block;position:relative;z-index:1;color:#071a3b;font-size:27px;line-height:1;font-weight:900}.athlete-overview-card span{display:block;position:relative;z-index:1;margin-top:5px;color:#8190a3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}

.athlete-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 12px}
.athlete-section-title>div>span{color:#8291a6;font-size:9px;font-weight:900;letter-spacing:.13em}.athlete-section-title h3{margin:3px 0 0;color:#071a3b;font-size:19px;font-weight:900}.athlete-section-title small{color:#9aa6b6;font-size:10px}
.athlete-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}
.athlete-command-card{position:relative;min-height:191px;padding:19px 20px 15px;border:1px solid #e1e8f1;border-radius:20px;background:#fff;color:#071a3b;text-decoration:none!important;box-shadow:0 9px 28px rgba(7,21,47,.055);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.athlete-command-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1468e8}.command-import:before{background:#e2a600}.command-recap:before{background:#218838}
.athlete-command-card:after{content:"";position:absolute;right:-52px;top:-55px;width:140px;height:140px;border:28px solid #f5f8fc;border-radius:50%}
.athlete-command-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px rgba(7,21,47,.11);border-color:#d0dbea;color:#071a3b}
.command-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:start}.command-index{color:#dbe3ee;font-size:27px;line-height:1;font-weight:900}.command-icon{width:45px;height:45px;border-radius:14px;background:#edf4ff;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:17px}.command-import .command-icon{background:#fff8e2;color:#a87500}.command-recap .command-icon{background:#eefaf1;color:#218838}
.command-body{position:relative;z-index:1;margin-top:22px}.command-body h4{margin:0;color:#071a3b;font-size:16px;font-weight:900}.command-body p{margin:5px 0 0;color:#8290a2;font-size:11px;line-height:1.55;max-width:270px}.command-foot{position:absolute;left:20px;right:20px;bottom:15px;padding-top:10px;border-top:1px solid #edf1f5;color:#7890aa;font-size:10px;font-weight:900;display:flex;justify-content:space-between}.command-foot i{font-size:10px;color:#a8b4c3}

.athlete-list-card{background:#fff;border:1px solid #e1e8f1;border-radius:21px;box-shadow:0 10px 32px rgba(7,21,47,.055);overflow:hidden}
.athlete-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 22px 17px;border-bottom:1px solid #edf1f5}.athlete-list-kicker{display:block;color:#8291a6;font-size:9px;font-weight:900;letter-spacing:.13em}.athlete-list-head h3{margin:3px 0 2px;color:#071a3b;font-size:18px;font-weight:900}.athlete-list-head p{margin:0;color:#8a97a8;font-size:10px}.athlete-outline-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe3ed;border-radius:10px;color:#0d47a1;background:#fff;font-size:10px;font-weight:900;text-decoration:none!important}.athlete-outline-btn:hover{background:#f4f8fd;border-color:#c8d7e8;color:#0d47a1}
.athlete-table-wrap{overflow-x:auto}.athlete-pro-table{margin:0;min-width:850px}.athlete-pro-table thead th{padding:11px 14px;background:#071a3b;color:#d9e3f1;border:0;font-size:8px;letter-spacing:.08em;font-weight:900}.athlete-pro-table tbody td{padding:12px 14px;border-top:1px solid #edf1f5;vertical-align:middle;color:#52647b;font-size:10px}.athlete-pro-table tbody tr:hover{background:#fbfcfe}.athlete-name-cell{display:flex;align-items:center;gap:10px;min-width:200px}.athlete-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:11px;background:#eef4fb;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:13px}.athlete-name-cell b{display:block;color:#172c4c;font-size:11px;font-weight:900}.athlete-name-cell small{display:block;margin-top:2px;color:#9aa6b6;font-size:8px}.athlete-soft-badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#f2f5f9;color:#65768c;font-size:8px;font-weight:900}.athlete-actions-cell{white-space:nowrap;text-align:right}.athlete-doc-btn,.athlete-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;text-decoration:none!important;font-size:10px;margin-left:3px}.athlete-doc-btn{background:#edf4ff;color:#0d47a1}.athlete-delete-btn{background:#fff0f1;color:#d91f2b}.athlete-doc-btn:hover,.athlete-delete-btn:hover{transform:translateY(-1px)}
.athlete-empty-state{text-align:center;padding:45px 20px}.athlete-empty-icon{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;background:#f1f5fa;color:#91a0b3;display:flex;align-items:center;justify-content:center;font-size:21px}.athlete-empty-state h4{margin:0;color:#173052;font-size:16px;font-weight:900}.athlete-empty-state p{margin:5px 0 16px;color:#8794a5;font-size:11px}
.athlete-help-strip{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 16px;border:1px solid #e4eaf2;border-radius:15px;background:#f9fbfd}.athlete-help-icon{width:31px;height:31px;border-radius:10px;background:#edf4ff;color:#0d47a1;display:flex;align-items:center;justify-content:center;font-size:13px}.athlete-help-strip strong{display:block;color:#27415f;font-size:10px}.athlete-help-strip span{display:block;color:#8794a5;font-size:9px;margin-top:2px}

@media(max-width:991px){.app-content{padding:22px 18px 30px}.athlete-command-grid{grid-template-columns:1fr}.athlete-command-card{min-height:175px}.athlete-overview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.app-sidebar{width:100%}.app-sidebar a{display:block}.app-topbar{padding:10px 13px;font-size:10px}.app-content{padding:18px 12px 26px}.athlete-page-head{align-items:flex-start}.athlete-page-head h2{font-size:25px}.athlete-head-badge{min-width:94px;padding:11px 13px}.athlete-head-badge strong{font-size:23px}.athlete-overview-grid{gap:8px}.athlete-overview-card{min-height:82px;padding:12px 9px;gap:8px}.overview-icon{width:38px;height:38px;border-radius:11px;font-size:14px}.athlete-overview-card strong{font-size:22px}.athlete-overview-card span{font-size:8px}.athlete-section-title{display:block}.athlete-section-title small{display:block;margin-top:5px}.athlete-list-head{align-items:flex-start;flex-direction:column}.athlete-outline-btn{align-self:stretch;justify-content:center}.athlete-help-strip{align-items:flex-start}}
@media(max-width:430px){.athlete-page-head{display:block}.athlete-head-badge{display:inline-block;margin-top:12px;text-align:left}.athlete-overview-grid{grid-template-columns:1fr}.athlete-overview-card{min-height:72px}.athlete-command-card{min-height:165px}.athlete-list-head{padding:17px 15px}.athlete-pro-table thead th,.athlete-pro-table tbody td{padding-left:10px;padding-right:10px}}

/* V57 - FIX KARTU PANEL: tinggi mengikuti isi, tidak memanjang memenuhi area */
.app-content .card-modern,
.app-content .soft-card{
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box;
}

/* Kartu langkah kelengkapan harus compact dan mengikuti isi */
.app-content .simple-guide-card,
.app-content .complete-step,
.app-content .simple-verification-card{
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box;
}

/* Kartu notifikasi tetap fleksibel: kosong kecil, banyak isi scroll di dalam */
.app-content .notification-card{
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.app-content .notification-list{
  max-height:280px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* Hindari kolom Bootstrap memaksa kartu mengikuti tinggi kolom */
.app-content .row > [class*="col-"] > .card-modern,
.app-content .row > [class*="col-"] > .soft-card{
  height:auto !important;
  min-height:0 !important;
}

@media(max-width:767px){
  .app-content .notification-list{max-height:260px !important}
}
/* V60 - Athlete master hierarchy & professional controls */
.athlete-admin-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}.athlete-admin-head h2{margin:4px 0 6px;font-weight:800}.athlete-admin-head p{margin:0;color:#667085}.athlete-filter-card{padding:18px 20px!important}.athlete-filter-card label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.athlete-bulk-card{padding:0!important;overflow:hidden}.bulk-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid #edf0f4}.bulk-head h4{margin:4px 0 0;font-weight:800}.athlete-bulk-card .table-responsive{margin:0}.athlete-bulk-card .table{margin:0}.athlete-bulk-card .table th{white-space:nowrap}.athlete-form-card{padding:24px!important}.athlete-form-card h4{font-weight:800;margin-top:0;margin-bottom:22px}.athlete-bulk-bar{padding:12px 16px;background:#f8fafc;border-bottom:1px solid #edf0f4}.athlete-soft-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#164194;font-weight:700;font-size:11px}.athlete-admin-head .btn,.bulk-head .btn{border-radius:10px}.athlete-bulk-card .btn-xs{border-radius:8px;margin:1px}.athlete-bulk-card td,.athlete-bulk-card th{vertical-align:middle!important}.athlete-bulk-card input[type=checkbox]{width:16px;height:16px}.athlete-pro-table small{color:#98a2b3}.athlete-pro-table strong{font-weight:750}.athlete-form-card select.form-control{font-weight:600}.athlete-form-card .form-control{border-radius:10px;min-height:40px}.athlete-form-card .form-group{margin-bottom:18px}
@media(max-width:767px){.athlete-admin-head{align-items:flex-start}.athlete-admin-head>div:last-child{width:100%}.athlete-admin-head>div:last-child .btn{margin-bottom:5px}.bulk-head>div:last-child{width:100%}.bulk-head .btn{margin-bottom:5px}.athlete-bulk-card{overflow-x:auto}.athlete-bulk-card .table{min-width:1150px}}

.corner-status{font-size:9px;font-weight:700;letter-spacing:.04em;margin-top:3px;text-transform:uppercase;opacity:.72;}

/* JADWAL FINAL - format partai + kop */
.schedule-print-card{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:18px;box-shadow:0 4px 16px rgba(10,31,68,.06)}
.schedule-print-head{display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 10px 14px;border-bottom:2px solid #0b2b5b}
.schedule-print-logo{width:82px;height:82px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e1ec;border-radius:8px;overflow:hidden;background:#f7f9fc;flex:0 0 82px}
.schedule-print-logo img{max-width:100%;max-height:100%;object-fit:contain}.schedule-print-logo span{font-size:12px;color:#8a96a8;font-weight:700}
.schedule-print-title{text-align:center}.schedule-print-title h3{margin:0;color:#092752;font-weight:800;text-transform:uppercase;font-size:21px}.schedule-print-title p{margin:6px 0 0;color:#5d6b7d;font-size:13px}
.schedule-print-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.schedule-print-meta span{display:inline-block;padding:7px 11px;border:1px solid #dbe3ed;border-radius:6px;background:#f7f9fc;color:#34445a;font-size:12px}.schedule-print-meta b{color:#092752;margin-right:4px}
.schedule-format-table table,.schedule-match-table-wrap table{min-width:760px}.schedule-format-table th,.schedule-match-table-wrap th{background:#f2f6fb;color:#27466d;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.schedule-format-table td,.schedule-match-table-wrap td{vertical-align:middle;padding:13px 12px}.schedule-format-table td:nth-child(1),.schedule-match-table-wrap td:nth-child(1){font-weight:800}.schedule-biru{border-left:4px solid #1976d2;background:#f5f9ff}.schedule-merah{border-left:4px solid #d84343;background:#fff7f7}.schedule-biru strong,.schedule-merah strong{display:block;color:#0d47a1}.schedule-merah strong{color:#b71c1c}
@media(max-width:767px){.schedule-print-head{gap:10px}.schedule-print-logo{width:62px;height:62px;flex-basis:62px}.schedule-print-title h3{font-size:16px}.schedule-print-meta{justify-content:flex-start}.schedule-print-card{padding:10px}}


/* FINAL LAYOUT OVERRIDE — public pages follow content height; no artificial footer gap. */
html, body {
  height:auto !important;
  min-height:0 !important;
}
body {
  display:block !important;
  overflow-x:hidden !important;
}
section.section-public.public-page-section {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding-top:32px !important;
  padding-bottom:24px !important;
}
.public-page-section > .container {
  height:auto !important;
  min-height:0 !important;
}
.public-footer-event22 {
  position:relative !important;
  display:block !important;
  clear:both !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding-top:24px !important;
  padding-bottom:18px !important;
}
.public-footer-event22 .container {
  height:auto !important;
  min-height:0 !important;
}

/* =========================================================
   V44 - Dokumen & Sponsorship: kartu mengikuti bentuk kotak tiap halaman
   Informasi/Jadwal = kartu panduan (sudut 20px, bar warna kiri)
   Kontak = kartu kontak (sudut 17px) | Beranda = petak sponsor bersudut bulat
   ========================================================= */
.dok-block .section-head{margin-bottom:20px}
.dok-block .dok-grid{margin-top:0}
.category-guide-card.dok-card{display:flex;flex-direction:column;min-width:0}
.category-guide-card.dok-card .guide-icon{flex:0 0 52px;margin-bottom:18px}
.category-guide-card.dok-card .guide-icon .glyphicon{font-size:22px;color:#cf1f2e;top:0}
.category-guide-card.dok-card .dok-kat,.contact-card.dok-card .mini-label{position:relative;z-index:1;display:block;margin:0 0 6px;color:#d91f2b;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.category-guide-card.dok-card h2{word-break:break-word}
.category-guide-card.dok-card p{flex:1 1 auto;min-height:0}
.dok-meta{position:relative;z-index:1;display:block;margin-top:12px;color:#8a99ae;font-size:11px;font-weight:700}
.category-guide-card.dok-card .guide-link{margin-top:10px}
.contact-card.dok-card{display:flex;flex-direction:column;min-width:0}
.contact-card.dok-card p{flex:1 1 auto;margin-bottom:0}
.contact-card.dok-card .dok-meta{margin:10px 0 12px}
.contact-card.dok-card a{margin-top:auto}
.contact-card.dok-card:not(:has(p)) .dok-meta{margin-top:auto}
.contact-card.dok-card:not(:has(p)) a{margin-top:0}

.sponsor-v5{position:relative;padding:34px 0 10px;background:#061a3b}
.sponsor-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.sponsor-head:before,.sponsor-head:after{content:"";flex:1 1 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,197,28,.55))}
.sponsor-head:after{background:linear-gradient(270deg,transparent,rgba(255,197,28,.55))}
.sponsor-head span{color:#ffc51c;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.sponsor-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}
.sponsor-marquee{overflow:hidden;padding:6px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.sponsor-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;width:max-content;gap:16px;padding-right:16px;animation:sponsorGeser 30s linear infinite}
.sponsor-marquee:hover .sponsor-track{animation-play-state:paused}
@keyframes sponsorGeser{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sponsor-tile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:190px;height:88px;margin:0;padding:12px 18px;background:#fff;border:0;border-radius:22px;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.6);text-align:center;text-decoration:none!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.sponsor-tile:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 34px rgba(0,0,0,.4),0 0 0 2px rgba(255,197,28,.55)}
.sponsor-tile img{display:block;height:60px;width:auto;max-width:100%;object-fit:contain}
.sponsor-tile .glyphicon{display:block;flex:0 0 auto;font-size:18px;line-height:1;color:#cf1f2e;top:0}
.sponsor-tile b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;color:#071a3b;font-size:11.5px;line-height:1.3;word-break:break-word}
/* Tablet: sedikit lebih kecil, tetap satu baris yang membungkus rapi */
@media(min-width:768px) and (max-width:991px){.sponsor-row{gap:14px}.sponsor-tile{width:160px;height:80px;border-radius:20px}.sponsor-tile img{height:54px}.sponsor-track{gap:14px;padding-right:14px}}
/* HP: 2 kolom fleksibel; marquee memakai kartu lebih kecil */
@media(max-width:767px){.sponsor-v5{padding-top:26px}.sponsor-head{gap:12px;margin-bottom:16px}.sponsor-row{gap:10px}.sponsor-row .sponsor-tile{width:calc(50% - 5px);height:80px;border-radius:18px}.sponsor-tile{width:150px;height:78px;border-radius:18px}.sponsor-tile img{height:50px}.sponsor-track{gap:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.sponsor-track{animation:none!important;width:auto;flex-wrap:wrap;justify-content:center}.sponsor-tile[aria-hidden="true"]{display:none}.sponsor-marquee{-webkit-mask-image:none;mask-image:none}}
@media(min-width:768px){.sponsor-v5>.container{padding-left:0;padding-right:0}}
@media(min-width:1200px){.sponsor-v5>.container{width:1180px;max-width:1180px}}