body.jak-modern { --jak-forest:#163c2e; --jak-gold:#c8a75d; }
.jak-modern main { scroll-behavior:smooth; }
.jak-modern main .premium-card { border-radius:16px; box-shadow:0 4px 18px #163c2e08; }
.jak-modern input,.jak-modern textarea,.jak-modern select { accent-color:var(--jak-forest); }
.jak-modern :is(button,a,input,textarea,select):focus-visible { outline:2px solid #b18936; outline-offset:3px; }
.jak-dashboard-art { position:relative; border-radius:20px; overflow:hidden; margin:0 0 24px; min-height:170px; background:#163c2e; }
.jak-dashboard-art img { display:block; width:100%; height:200px; object-fit:cover; object-position:center; }
.jak-dashboard-art figcaption { position:absolute; left:28px; top:50%; transform:translateY(-50%); max-width:48%; color:#fff9e8; font-size:clamp(20px,2vw,30px); line-height:1.3; font-weight:600; }
.jak-dashboard-art figcaption small { display:block; margin-bottom:10px; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#e4ce9b; }
.jak-modern [data-jak-login] { background:linear-gradient(90deg,#102e23d9,#102e2380),url('/assets/studio-betawi-20260910.png') center/cover fixed!important; }
.jak-sync-status { position:fixed; bottom:12px; right:16px; z-index:30; padding:6px 10px; border:1px solid #d6e4da; border-radius:20px; background:#f6faf7; color:#2f5e42; font:11px/1.4 system-ui,sans-serif; box-shadow:0 2px 8px #00000008; pointer-events:none; }
.jak-sync-status[data-pending='true'] { color:#795716; background:#fff9e9; border-color:#e7d39d; }
.high-contrast .jak-dashboard-art figcaption { background:#102e23; padding:12px; border-radius:8px; }
@media(max-width:640px){ .jak-dashboard-art img{height:170px;object-position:65% center}.jak-dashboard-art figcaption{left:18px;max-width:55%;font-size:19px}.jak-sync-status{bottom:70px;font-size:10px} }
@media(prefers-reduced-motion:reduce){.jak-modern main{scroll-behavior:auto}}
@media print{.jak-dashboard-art,.jak-sync-status{display:none!important}}