/* ==========================================================
   Portal DKM v6.0.1 — Prayer Contrast Polish
   Layer ini sengaja dimuat setelah style.css v5.2 agar fitur lama tetap stabil.
   ========================================================== */
:root{
  --v6-navy:#061f46;--v6-navy-deep:#03142e;--v6-blue:#0a5aa8;--v6-cyan:#12a6b8;
  --v6-teal:#0f8b78;--v6-gold:#e2b84c;--v6-gold-soft:#f6dd8b;--v6-sky:#eaf5ff;
  --v6-mint:#e9f8f3;--v6-lilac:#f3efff;--v6-warm:#fff8e7;--v6-ink:#12243a;
  --v6-shadow:0 18px 48px rgba(5,37,79,.11);--v6-shadow-soft:0 10px 30px rgba(5,37,79,.075)
}
body.portal-v6{background:
  radial-gradient(circle at 8% 10%,rgba(18,166,184,.10),transparent 24%),
  radial-gradient(circle at 92% 17%,rgba(226,184,76,.13),transparent 22%),
  linear-gradient(180deg,#f7fbff 0%,#eef6ff 28%,#fbfdff 56%,#f2f8f6 82%,#f9fbff 100%);
  color:var(--v6-ink)}
.portal-v6 main{position:relative;overflow:hidden}.portal-v6 main:before,.portal-v6 main:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px);z-index:0}.portal-v6 main:before{width:520px;height:520px;left:-350px;top:560px;background:radial-gradient(circle,rgba(10,90,168,.08),rgba(18,166,184,.03) 54%,transparent 72%)}.portal-v6 main:after{width:600px;height:600px;right:-400px;top:1320px;background:radial-gradient(circle,rgba(226,184,76,.12),rgba(15,139,120,.035) 48%,transparent 72%)}
.portal-v6 main>section{position:relative;z-index:1}
.portal-v6 .gov-strip{background:linear-gradient(90deg,#021127,#052955 55%,#06386c);border-bottom-color:rgba(255,255,255,.12)}
.portal-v6 .institution-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,45,98,.07)}
.portal-v6 .institution-logo,.portal-v6 .institution-emblem{box-shadow:0 12px 30px rgba(6,45,98,.14)}
.portal-v6 .institution-kicker{color:#08758f}.portal-v6 .institution-copy strong{color:var(--v6-navy)}
.portal-v6 .main-nav{height:56px;background:linear-gradient(90deg,#041b3b 0%,#062e60 52%,#073e70 100%);border:0;border-bottom:3px solid var(--v6-gold);box-shadow:0 10px 26px rgba(3,28,63,.18)}
.portal-v6 .nav-links a{color:#dce9f6;font-size:11px}.portal-v6 .nav-links a:hover,.portal-v6 .nav-links a.is-active{color:#fff;background:rgba(255,255,255,.07)}.portal-v6 .nav-links a:after{bottom:3px;background:transparent}.portal-v6 .nav-links a:hover:after,.portal-v6 .nav-links a.is-active:after{background:var(--v6-gold)}
.portal-v6 .menu-toggle{color:#fff}.portal-v6 .admin-link{background:var(--v6-gold);color:#142037}.portal-v6 .display-link{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);color:#fff}
.portal-v6 .prayer-ticker{background:linear-gradient(90deg,#031733,#073a6c 52%,#0b6077);border-bottom-color:var(--v6-gold)}.portal-v6 .ticker-label{background:#03152e}.portal-v6 .ticker-countdown{background:linear-gradient(135deg,var(--v6-gold),#f0d47c)}
.portal-v6 .notice-marquee{background:linear-gradient(90deg,#fffaf0,#f7fbff,#edf9f5)}.portal-v6 .notice-label{background:#f1e5bd;color:#5a4610;border-right-color:#dfcf99}
.portal-v6 .hero-slider{background:linear-gradient(135deg,#03142e,#073766 58%,#087084);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.portal-v6 .slider-shell,.portal-v6 .slider-track,.portal-v6 .hero-slide,.portal-v6 .slide-content{min-height:560px}
.portal-v6 .hero-slide.no-image{background:
  radial-gradient(circle at 82% 22%,rgba(19,175,184,.32),transparent 26%),
  radial-gradient(circle at 67% 82%,rgba(226,184,76,.16),transparent 22%),
  linear-gradient(120deg,#03142e,#073766 58%,#087084)}
.portal-v6 .slide-overlay{background:linear-gradient(90deg,rgba(2,14,34,.94) 0%,rgba(5,36,75,.80) 40%,rgba(3,39,66,.34) 70%,rgba(2,23,47,.25) 100%)}
.portal-v6 .hero-badge{border-color:rgba(246,221,139,.30);background:rgba(255,255,255,.09);color:#edf6ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.portal-v6 .slide-copy h1{font-size:50px;max-width:760px;text-wrap:balance}.portal-v6 .slide-copy p{font-size:16px;color:#d8e7f4}.portal-v6 .btn{border-radius:9px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.portal-v6 .btn:hover{transform:translateY(-2px)}.portal-v6 .btn-gold{background:linear-gradient(135deg,#e5ba4e,#f3d984);box-shadow:0 10px 25px rgba(226,184,76,.22)}.portal-v6 .btn-ghost{background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.portal-v6 .slider-service-panel{border-radius:16px;border-top:0;border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.91);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.portal-v6 .clock{background:linear-gradient(90deg,#062d62,#0a75a0);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-v6 .next-prayer{border-radius:10px;background:linear-gradient(135deg,#edf7ff,#eefaf5);border-color:#d8e8ed}.portal-v6 .live-badge{border-radius:999px}
.portal-v6 .slider-arrow{width:48px;height:48px;background:rgba(2,20,46,.70);backdrop-filter:blur(9px);box-shadow:0 12px 28px rgba(0,0,0,.15)}.portal-v6 .slider-dot{height:8px;width:8px}.portal-v6 .slider-dot.active{width:34px;background:linear-gradient(90deg,var(--v6-gold),#f7db84)}
.portal-v6 .quick-services{background:transparent;border:0;position:relative;z-index:7;margin-top:-28px}.portal-v6 .quick-grid{gap:12px}.portal-v6 .quick-card{min-height:96px;border:1px solid rgba(197,217,236,.8)!important;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:var(--v6-shadow-soft);padding:18px;transition:.25s ease}.portal-v6 .quick-card:hover{transform:translateY(-5px);background:#fff;box-shadow:var(--v6-shadow)}.portal-v6 .quick-icon{width:42px;height:42px;flex-basis:42px;border-radius:11px;border:0;background:linear-gradient(145deg,var(--v6-navy),#0a5fa6);box-shadow:inset 0 -3px 0 var(--v6-gold)}.portal-v6 .quick-card strong{font-size:13px}.portal-v6 .quick-card small{font-size:10px}
.portal-v6 .section{padding:66px 0}.portal-v6 .section-soft{background:linear-gradient(135deg,rgba(235,246,255,.82),rgba(242,251,247,.82));border-top:1px solid rgba(178,209,230,.38);border-bottom:1px solid rgba(178,209,230,.38)}.portal-v6 .mading-section{background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(240,248,255,.78) 62%,rgba(239,250,246,.70))}.portal-v6 .prayer-section{background:radial-gradient(circle at 5% 15%,rgba(18,166,184,.10),transparent 22%),radial-gradient(circle at 95% 75%,rgba(226,184,76,.12),transparent 22%),rgba(255,255,255,.78)}
.portal-v6 .section-heading{margin-bottom:30px}.portal-v6 .section-index{width:46px;height:46px;flex-basis:46px;border-radius:12px;background:linear-gradient(145deg,var(--v6-navy),#0a5fa6);border-bottom:0;box-shadow:inset 0 -4px 0 var(--v6-gold),0 8px 20px rgba(6,45,98,.12)}.portal-v6 .section-eyebrow{color:#07829b}.portal-v6 .section-heading h2{font-size:30px;color:var(--v6-navy)}.portal-v6 .section-chip{border-radius:999px;background:#e9f5ff;border-color:#cfe3f5}
.portal-v6 .card,.portal-v6 .mading-feature,.portal-v6 .mading-latest,.portal-v6 .gallery-item,.portal-v6 .prayer-card,.portal-v6 .imam-card{border-radius:14px;border-color:rgba(205,220,234,.9);box-shadow:var(--v6-shadow-soft);overflow:hidden}.portal-v6 .card{background:rgba(255,255,255,.93);backdrop-filter:blur(8px)}.portal-v6 .card:hover,.portal-v6 .gallery-item:hover{transform:translateY(-4px);box-shadow:var(--v6-shadow);transition:.25s ease}
.portal-v6 .mading-feature{background:linear-gradient(145deg,#fff,#f7fbff)}.portal-v6 .feature-copy{background:linear-gradient(145deg,#fff,#fbfdff)}.portal-v6 .latest-head{background:linear-gradient(90deg,#f4f8fd,#edf8f5)}
.portal-v6 .prayer-dashboard{gap:14px}.portal-v6 .prayer-card{position:relative;background:linear-gradient(160deg,#fff,#f4f9ff);padding:18px}.portal-v6 .prayer-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0a5aa8,#12a6b8)}.portal-v6 .prayer-card.active{background:linear-gradient(145deg,#052a5a,#07627a);color:#fff;border-color:#0b7285;transform:translateY(-5px);box-shadow:0 20px 44px rgba(6,60,99,.20)}.portal-v6 .prayer-card.active:before{background:linear-gradient(90deg,#e2b84c,#f6dd8b)}.portal-v6 .prayer-card.active .prayer-name,.portal-v6 .prayer-card.active .prayer-time,.portal-v6 .prayer-card.active .prayer-imam strong{color:#fff}.portal-v6 .prayer-card.active .prayer-card-head,.portal-v6 .prayer-card.active .prayer-imam small{color:#c6dbe9}.portal-v6 .prayer-card.active .prayer-imam{border-top-color:rgba(255,255,255,.14)}
.portal-v6 .official-note{border-radius:12px;background:linear-gradient(90deg,#f0f8ff,#f1fbf7);border-color:#cfe6ea}.portal-v6 .imam-strip{gap:14px}.portal-v6 .imam-card{background:linear-gradient(145deg,#fff,#f7fbff)}
.portal-v6 .friday-panel{border-radius:18px;overflow:hidden;box-shadow:var(--v6-shadow);border-color:rgba(207,221,235,.9)}.portal-v6 .friday-intro{background:linear-gradient(145deg,#f8fbff,#eef8f5)}
.portal-v6 .agenda-card{border-top:4px solid #0a6c92}.portal-v6 .agenda-date{background:linear-gradient(145deg,#082f64,#0a7181);border-radius:10px;color:#fff}.portal-v6 .agenda-date span,.portal-v6 .agenda-date small{color:#fff}
.portal-v6 .finance-section{background:
  radial-gradient(circle at 8% 10%,rgba(20,164,169,.15),transparent 22%),
  radial-gradient(circle at 95% 80%,rgba(226,184,76,.16),transparent 25%),
  linear-gradient(135deg,#03142e,#063766 55%,#075f70)}.portal-v6 .finance-card{border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.portal-v6 .finance-card.highlight{background:linear-gradient(145deg,#e2b84c,#f1d475);border-color:#f4df96}
.portal-v6 .committee-card .avatar{box-shadow:0 10px 26px rgba(6,45,98,.18)}.portal-v6 .gallery-item img{transition:transform .45s ease}.portal-v6 .gallery-item:hover img{transform:scale(1.045)}
.portal-v6 .footer{background:linear-gradient(135deg,#021127,#052b54 62%,#074968);border-top-color:var(--v6-gold)}.portal-v6 .footer-bottom{background:rgba(0,0,0,.18)}
.portal-v6 .article-page{background:linear-gradient(180deg,#edf6ff,#f8fbff 34%,#f1f8f5)}.portal-v6 .article-header{background:linear-gradient(120deg,#03142e,#063968 58%,#087084)}.portal-v6 .article-content,.portal-v6 .side-card{border-radius:14px;box-shadow:var(--v6-shadow-soft)}
/* Slider artwork penuh: judul kosong = gambar dipakai apa adanya tanpa overlay teks. */
.portal-v6 .hero-slide.artwork-slide .slide-overlay{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.07))}.portal-v6 .hero-slide.artwork-slide .slide-content{display:none}.portal-v6 .hero-slide.artwork-slide{background-position:center;background-size:cover}
/* Reveal halus */
.portal-v6 [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.portal-v6 [data-reveal].is-visible{opacity:1;transform:none}
.v6-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#e2b84c,#12a6b8);z-index:120;box-shadow:0 0 10px rgba(18,166,184,.45)}
.v6-backtop{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(145deg,#052a5a,#087084);color:#fff;box-shadow:0 12px 28px rgba(5,42,90,.22);cursor:pointer;z-index:80;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;font-weight:900}.v6-backtop.show{opacity:1;pointer-events:auto;transform:none}.v6-backtop:hover{background:linear-gradient(145deg,#0a5aa8,#0f8b78)}
.v6-version-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);font-size:8px;font-weight:900;color:#dbe9f7}
@media(max-width:1050px){.portal-v6 .slider-shell,.portal-v6 .slider-track,.portal-v6 .hero-slide,.portal-v6 .slide-content{min-height:500px}.portal-v6 .quick-services{margin-top:-18px}}
@media(max-width:850px){.portal-v6 .nav-links{background:linear-gradient(180deg,#052a59,#073d70);border-color:rgba(255,255,255,.12)}.portal-v6 .nav-links a{border-bottom-color:rgba(255,255,255,.08)}.portal-v6 .admin-link{margin-left:auto}.portal-v6 .quick-services{margin-top:0;padding-top:14px}}
@media(max-width:640px){.portal-v6 .section{padding:46px 0}.portal-v6 .slide-copy h1{font-size:34px}.portal-v6 .slider-shell,.portal-v6 .slider-track,.portal-v6 .hero-slide,.portal-v6 .slide-content{min-height:450px}.portal-v6 .quick-card{min-height:82px}.portal-v6 .section-heading h2{font-size:24px}.v6-backtop{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.portal-v6 [data-reveal]{opacity:1;transform:none;transition:none}.portal-v6 .gallery-item img,.portal-v6 .card,.portal-v6 .quick-card{transition:none}}
.portal-v6.article-page{background:linear-gradient(180deg,#edf6ff,#f8fbff 34%,#f1f8f5)}
@media(max-width:850px){.portal-v6 .nav-links{top:56px}}


/* =============================================================
   v6.0.1 — Prayer Card Contrast Polish
   Fokus: kontras teks, pemisahan card, panel imam, dan state berikutnya.
   ============================================================= */
.portal-v6 .prayer-section{
  background:
    radial-gradient(circle at 4% 18%,rgba(0,133,181,.14),transparent 24%),
    radial-gradient(circle at 96% 82%,rgba(226,184,76,.16),transparent 26%),
    linear-gradient(180deg,#f8fcff 0%,#eef6fb 52%,#f7fbff 100%);
}
.portal-v6 .prayer-dashboard{gap:16px}
.portal-v6 .prayer-card{
  position:relative;
  isolation:isolate;
  background:#ffffff;
  border:1px solid #b9cfe2;
  border-top:5px solid #0a5aa8;
  border-radius:15px;
  padding:19px 18px 0;
  box-shadow:0 12px 30px rgba(5,42,90,.10);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.portal-v6 .prayer-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:5px;
  border-radius:15px 15px 0 0;
  background:linear-gradient(90deg,#075ca8,#08a2b8);
}
.portal-v6 .prayer-card:hover{
  transform:translateY(-3px);
  border-color:#8fb6d4;
  box-shadow:0 17px 38px rgba(5,42,90,.14);
}
.portal-v6 .prayer-card-head{
  color:#4f6983;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.portal-v6 .prayer-name{
  color:#052a5a;
  font-size:16px;
  font-weight:900;
  margin-top:9px;
}
.portal-v6 .prayer-time{
  color:#075ca8;
  font-size:36px;
  font-weight:950;
  letter-spacing:-1.5px;
  margin:2px 0 14px;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
.portal-v6 .prayer-imam{
  margin:0 -18px;
  padding:12px 18px 13px;
  min-height:59px;
  background:linear-gradient(180deg,#edf4f9,#e6f0f7);
  border-top:1px solid #c6d8e6;
}
.portal-v6 .prayer-imam small{
  color:#49647e;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.portal-v6 .prayer-imam strong{
  color:#082b5c;
  font-size:11px;
  font-weight:900;
  margin-top:3px;
}
.portal-v6 .prayer-status{
  display:none;
  position:absolute;
  right:14px;
  bottom:67px;
  z-index:3;
  padding:5px 8px;
  border-radius:999px;
  background:#e2b84c;
  color:#142038;
  font-size:7px;
  font-weight:950;
  letter-spacing:.75px;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.portal-v6 .prayer-card.active{
  background:linear-gradient(145deg,#052a5a 0%,#07507b 58%,#076c78 100%);
  color:#fff;
  border-color:#0b6f83;
  border-top-color:#e2b84c;
  transform:translateY(-6px);
  box-shadow:0 22px 46px rgba(5,42,90,.27);
}
.portal-v6 .prayer-card.active:before{
  background:linear-gradient(90deg,#d6a92d,#f6dd8b,#d6a92d);
}
.portal-v6 .prayer-card.active .prayer-status{display:inline-flex}
.portal-v6 .prayer-card.active .prayer-card-head{color:#d7e7f1}
.portal-v6 .prayer-card.active .prayer-card-head span:last-child{color:#f5df92}
.portal-v6 .prayer-card.active .prayer-name{color:#fff}
.portal-v6 .prayer-card.active .prayer-time{
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}
.portal-v6 .prayer-card.active .prayer-imam{
  background:rgba(1,25,51,.42);
  border-top-color:rgba(255,255,255,.20);
}
.portal-v6 .prayer-card.active .prayer-imam small{color:#bcd9e7}
.portal-v6 .prayer-card.active .prayer-imam strong{color:#fff}
.portal-v6 .official-note{
  background:#eef6fb;
  border-color:#c7dbe9;
  border-left-color:#075ca8;
  color:#3d5872;
  box-shadow:0 8px 22px rgba(5,42,90,.06);
}
@media(max-width:1050px){
  .portal-v6 .prayer-dashboard{gap:14px}
  .portal-v6 .prayer-status{bottom:66px}
}
@media(max-width:640px){
  .portal-v6 .prayer-card{padding:18px 17px 0}
  .portal-v6 .prayer-imam{margin:0 -17px;padding:12px 17px 13px}
  .portal-v6 .prayer-time{font-size:38px}
  .portal-v6 .prayer-status{right:13px;bottom:67px}
}