/* STREAMING_CHUNK: Styling font dasar dan body... */
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc;
}

/* STREAMING_CHUNK: Custom Scrollbar untuk seluruh website... */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.chat-scroll::-webkit-scrollbar { width: 6px; }
.chat-scroll::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.chat-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.chat-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

::-webkit-scrollbar { height: 6px; width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* STREAMING_CHUNK: Efek Masking & Animasi (Khusus Landing Page & Chatbot)... */
.bg-fade-mask {
mask-image: linear-gradient(to right, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
-webkit-mask-image: linear-gradient(to right, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
}

@keyframes soft-ping {
0% { transform: scale(1); opacity: 1; }
75% { transform: scale(1.2); opacity: 0; }
100% { transform: scale(1.2); opacity: 0; }
}
.animate-soft-ping { animation: soft-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite; }
body.modal-open { overflow: hidden; }

/* STREAMING_CHUNK: Efek Visual Kartu Layanan (Glowing & Kaca)... */
.package-card { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.package-hide { opacity: 0; transform: scale(0.9) translateY(20px); pointer-events: none; position: absolute; visibility: hidden; }

.glow-primary { box-shadow: 0 0 25px rgba(29, 78, 216, 0.5); }
.glow-amber { box-shadow: 0 0 20px rgba(245, 158, 11, 0.7); }
.glass-tab { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); }

/* STREAMING_CHUNK: Logika Collapse Sidebar (Khusus Admin & Klien)... */
.sidebar-collapsed { width: 4.5rem !important; }
.sidebar-collapsed .sidebar-text,
.sidebar-collapsed .sidebar-help-box,
.sidebar-collapsed .sidebar-header-text { display: none !important; }
.sidebar-collapsed .nav-button { justify-content: center; padding-left: 0; padding-right: 0; }
.sidebar-collapsed .nav-button i { margin-right: 0; font-size: 1.25rem; }