/* HostingRakyat portal (T-132, owner 30/10 21:08: rombak total ikut gaya web HR). Dimuat paling akhir, setelah rakyat.css dari hostingrakyat.my. */
:root{--blue:#CC0001;--blue-d:#A30001;--blue-soft:#FFF1F1;--ink:#0A0F4D;--ink-2:#141A66;--fog:#F7F5EF;--line:#E4E1D6}
body{font-family:Manrope,system-ui,sans-serif;background:#FFFBF0}
h1,h2,h3,h4,.ph h1{font-family:'Bricolage Grotesque',system-ui,sans-serif}
/* kartu & panel portal: sudut tegas + garis tebal, hover bayangan padat ala web HR */
.card,.c-item,.tile,.stat,.ca-kartu,.sdak-kartu,.tk-kartu{border-radius:12px!important}
.card{border-width:2px!important}
.card:hover{box-shadow:6px 6px 0 #FFCC00}
.pill,.badge,.tag{border-radius:6px!important}
/* hero dashboard & judul halaman */
.ca-hero,.ca-hd,.ph-hero{background:radial-gradient(60% 70% at 85% 20%,rgba(204,0,1,.42),transparent 65%),radial-gradient(40% 50% at 95% 95%,rgba(255,204,0,.22),transparent 70%),linear-gradient(160deg,#010066 0%,#06126F 55%,#020748 100%)!important}
/* halaman masuk: video diganti panel biru bendera + tulisan sambutan bergantian */
.masuk-kiri.masuk-sapa{position:relative;overflow:hidden;background:radial-gradient(55% 60% at 80% 18%,rgba(204,0,1,.5),transparent 65%),radial-gradient(45% 50% at 10% 95%,rgba(255,204,0,.28),transparent 70%),linear-gradient(160deg,#010066 0%,#0A1A8F 60%,#020748 100%)!important}
.masuk-kiri.masuk-sapa::before{background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 22px,transparent 22px 44px)!important}
.hr-jalur{position:absolute;left:0;right:0;top:0;height:8px;z-index:2;background:repeating-linear-gradient(90deg,#CC0001 0 28px,#fff 28px 56px)}
.masuk-kiri.masuk-sapa .sapa,.masuk-kiri.masuk-sapa .sapa-kata{font-family:'Bricolage Grotesque',system-ui,sans-serif;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff}
.masuk-kiri.masuk-sapa .sapa-sub{color:#FFCC00!important;font-weight:600}
.masuk-vid{display:none!important}
@media (max-width:760px){.masuk-kiri.masuk-sapa{min-height:180px}}

/* font HR menang atas aturan tema Samudra (body.sd-t pakai Outfit) */
body.sd-t,body.sd-t input,body.sd-t button,body.sd-t select,body.sd-t textarea{font-family:Manrope,system-ui,sans-serif}
body.sd-t h1,body.sd-t h2,body.sd-t h3,body.sd-t h4,body.sd-t .sapa,body.sd-t .sapa-kata{font-family:'Bricolage Grotesque',system-ui,sans-serif}