/* jadwal-live.css — "Angkatan Terdekat" & detail tambahan panel status
   (diisi oleh assets/jadwal-live.js dari data internal app). */

.kuota-mode-copy .jl-info{color:#0B6E4A;font-weight:700;}
.kuota-row.is-full .kuota-mode-copy .jl-info{color:#68746E;}
.jl-pengumuman{border-color:rgba(255,231,130,.4)!important;background:rgba(255,231,130,.12)!important;color:#FFF3C4!important;}
.jl-pengumuman span{color:#FFF3C4;font-weight:700;}

.jl-angkatan{max-width:1080px;margin:0 auto 28px;}
.jl-head{text-align:center;max-width:640px;margin:0 auto 22px;}
.jl-kicker-up{display:inline-flex;align-items:center;gap:8px;color:var(--emerald);font-family:'Outfit',sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.jl-kicker-up .live-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 5px rgba(14,166,114,.14);}
.jl-head h2{margin:8px 0 6px;color:var(--navy);font-size:clamp(24px,2.6vw,32px);line-height:1.1;}
.jl-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;}

.jl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,320px));justify-content:center;gap:16px;}
.jl-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid rgba(43,46,131,.1);border-radius:22px;
  background:linear-gradient(160deg,#fff,#F8FAFA);box-shadow:0 18px 40px rgba(31,34,93,.08),inset 0 1px 0 #fff;transition:transform .22s ease,box-shadow .22s ease;}
.jl-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(31,34,93,.13);}
.jl-card::before{content:'';position:absolute;inset:18px auto 18px 0;width:3px;border-radius:0 99px 99px 0;background:var(--emerald);}
.jl-card.is-urgent::before{background:#D2493F;}
.jl-card.is-full{opacity:.72;}
.jl-card.is-full::before{background:#8D9692;}
.jl-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.jl-format{font-family:'Outfit',sans-serif;font-size:10.5px;font-weight:800;color:var(--navy);background:rgba(43,46,131,.07);border-radius:99px;padding:5px 10px;}
.jl-seat{font-family:'Outfit',sans-serif;font-size:10.5px;font-weight:800;color:#087A52;background:#EAF8F2;border-radius:99px;padding:5px 10px;}
.jl-seat b{font-size:13px;}
.jl-card.is-urgent .jl-seat{color:#AD342B;background:#FFE9E7;}
.jl-card.is-full .jl-seat{color:#626B67;background:#E7EAE9;}
.jl-card h3{margin:0;color:var(--navy);font-size:20px;line-height:1.15;}
.jl-card h3 small{display:block;margin-top:3px;color:var(--gold-dark);font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;}
.jl-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink);}
.jl-meta li{display:flex;align-items:flex-start;gap:8px;line-height:1.45;}
.jl-meta svg{flex:0 0 auto;margin-top:1px;color:var(--gold-dark);}
.jl-bar{height:6px;border-radius:99px;background:#E8ECE9;overflow:hidden;}
.jl-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--emerald),#2BD696);}
.jl-card.is-urgent .jl-bar i{background:#D2493F;}
.jl-price{font-size:13px;color:var(--muted);}
.jl-price b{font-family:'Outfit',sans-serif;font-size:18px;color:var(--navy);}
.jl-price s{margin-left:4px;}
.jl-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;}
.jl-actions .btn{width:100%;justify-content:center;text-align:center;}

@media(max-width:620px){
  .jl-card{padding:17px;border-radius:18px;}
  .jl-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.jl-card{transition:none;}.jl-card:hover{transform:none;}}