/* ═══ Diarta Interior ERP — shared styles ═══ */
[x-cloak]{display:none!important}
html{scroll-behavior:smooth}
body{font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-tap-highlight-color:transparent}
::selection{background:#ea580c;color:#fff}

.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* thin styled scrollbar for desktop panels */
.nice-scroll::-webkit-scrollbar{width:8px;height:8px}
.nice-scroll::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:99px}
.nice-scroll::-webkit-scrollbar-thumb:hover{background:#d4d4d8}

@keyframes floatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.float-in{animation:floatIn .5s cubic-bezier(.21,.9,.36,1) both}

@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.pulse-dot{animation:pulseDot 1.6s ease-in-out infinite}

/* grain texture for dark hero panels */
.grain{position:relative}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");}

/* page fade-in */
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.page-in{animation:pageIn .35s ease both}

/* ═══ PRINT: cetak hanya dokumen SPH ═══ */
@media print{
  body *{visibility:hidden}
  #sph-doc, #sph-doc *{visibility:visible}
  #sph-doc{
    position:absolute; left:0; top:0; width:100%;
    border:none !important; box-shadow:none !important; border-radius:0 !important;
  }
  @page{ size:A4; margin:12mm }
}