/* Penyesuaian kecil di atas tema Soft UI Dashboard (dipakai bersama dari /crm/assets). */
body { font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; }
.brand-logo { box-shadow: 0 2px 6px rgba(0,0,0,.12); }
.sidenav .nav-link .icon { background:#f0f2f5; border-radius:8px; width:30px; height:30px; }
.sidenav .nav-link.active .icon { background:linear-gradient(310deg,#5e72e4,#825ee4); color:#fff; }
.stat-card { border:none; box-shadow:0 4px 18px rgba(20,20,50,.08); }
.stat-card .stat-num { font-size:1.6rem; font-weight:700; line-height:1; }
.mini-bar { background:#e9ecef; border-radius:6px; height:10px; overflow:hidden; }
.mini-bar > span { display:block; height:100%; background:linear-gradient(310deg,#2dce89,#2dcecc); }
.table td, .table th { white-space:nowrap; }
.chip { display:inline-block; background:#f0f2f5; border-radius:20px; padding:2px 10px; font-size:.75rem; margin:2px 2px 2px 0; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .g-sidenav-show .sidenav { transform: translateX(0) !important; }
  .g-sidenav-show .sidenav.fixed-start ~ .main-content { margin-left: 17.125rem !important; }
  #iconNavbarSidenav { display: none !important; }
}
@media (min-width: 992px) {
  .sidenav { height: calc(100vh - 2rem) !important; }
  .sidenav .navbar-collapse { height: auto !important; flex: 1 1 auto; overflow-y: auto; }
}

/* ---- Live chat console ---- */
.chat-wrap { display:flex; gap:0; height:calc(100vh - 190px); min-height:460px; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(20,20,50,.08); background:#fff; }
.chat-threads { width:320px; border-right:1px solid #eef0f4; overflow-y:auto; }
.chat-thread { padding:12px 14px; border-bottom:1px solid #f2f3f7; cursor:pointer; text-decoration:none; color:inherit; display:block; }
.chat-thread:hover, .chat-thread.active { background:#f6f7fb; }
.chat-thread .nm { font-weight:600; font-size:.86rem; }
.chat-thread .pv { font-size:.76rem; color:#8a90a6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-main { flex:1; display:flex; flex-direction:column; min-width:0; }
.chat-log { flex:1; overflow-y:auto; padding:16px; background:#f7f8fb; }
.chat-msg { max-width:74%; margin-bottom:10px; padding:9px 13px; border-radius:13px; font-size:.87rem; }
.chat-msg.guest { background:#fff; border:1px solid #e5e7eb; }
.chat-msg.agent { background:#5e72e4; color:#fff; margin-left:auto; }
.chat-msg .meta { font-size:.68rem; opacity:.7; margin-top:3px; }

/* ---- Public page ---- */
.pub-body { font-family:'Inter',sans-serif; color:#1a1f36; background:#fff; }
.pub-hero { background:linear-gradient(135deg,#141727,#3a416f 60%,#5e72e4); color:#fff; padding:3rem 0 3.5rem; }
.pub-logo { width:74px; height:74px; border-radius:16px; object-fit:cover; border:3px solid #fff; background:#fff; }
.pub-section { padding:2.75rem 0; }
.pub-section.alt { background:#f7f8fb; }
.pub-card { border:1px solid #eef0f4; border-radius:16px; background:#fff; }
.mcs-widget-btn { position:fixed; right:20px; bottom:20px; z-index:60; border:none; border-radius:50px; padding:12px 20px; font-weight:600; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.25); cursor:pointer; }
.mcs-widget-panel { position:fixed; right:20px; bottom:20px; z-index:61; width:340px; max-width:92vw; background:#fff; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.3); overflow:hidden; display:none; }
.mcs-widget-panel.open { display:block; }
.mcs-widget-head { padding:14px 16px; color:#fff; }
.mcs-widget-log { height:300px; overflow-y:auto; padding:12px; background:#f7f8fb; }
.mcs-widget-msg { margin-bottom:8px; max-width:82%; padding:8px 12px; border-radius:12px; font-size:.85rem; }
.mcs-widget-msg.guest { background:#5e72e4; color:#fff; margin-left:auto; }
.mcs-widget-msg.agent { background:#fff; border:1px solid #e5e7eb; }