/* ==========================================================================
   GRIYA SAS RESIDENCE - SYNC THEME (loaded LAST, highest priority)
   Menyamakan tampilan dalam (sidebar, dashboard, tabel, notifikasi hapus &
   keluar) dengan halaman LOGIN: Emerald Deep + Amber Gold Luxe.
   Sidebar memakai MODEL KARTU asli (ikon + judul + keterangan + panah),
   dirapikan, teks tidak terpotong, brand atas disamakan dengan login.
   ========================================================================== */
:root{
  --gsr-em-950:#032b25; --gsr-em-900:#053f36; --gsr-em-800:#0a5f52;
  --gsr-em-700:#0f7f6c; --gsr-em-500:#10b981; --gsr-em-300:#6ee7b7; --gsr-em-100:#d1fae5;
  --gsr-gold-700:#a26a12; --gsr-gold-500:#d4a24b; --gsr-gold-400:#e6bf6a; --gsr-gold-200:#f7e2b0;
  --gsr-dk-1:#02100c; --gsr-dk-2:#052018; --gsr-dk-3:#08141f; --gsr-dk-4:#0b3a30; --gsr-dk-5:#0a2a24;
  --gsr-ink-900:#0b2b25; --gsr-ink-700:#1f3b34; --gsr-ink-500:#4b5a56;
  --gsr-surface:#ffffff; --gsr-mist:#f4f9f6; --gsr-mist-2:#eaf3ee; --gsr-line:#dcebe4;
}

/* =========================================================================
   1) LOGIN LOGO — dibuat lebih keren (glow + cincin berputar)
   ========================================================================= */
/* Logo login = sama seperti logo sidebar: ikon rumah di kotak emerald+gold.
   "GS" & cincin disembunyikan agar tidak ada elemen yang saling menimpa. */
@keyframes gsrLogoGlow{0%,100%{box-shadow:0 16px 34px rgba(6,60,46,.42),inset 0 1px 0 rgba(255,255,255,.3),0 0 18px rgba(212,162,75,.28);}50%{box-shadow:0 20px 40px rgba(6,60,46,.5),inset 0 1px 0 rgba(255,255,255,.34),0 0 30px rgba(16,185,129,.42);}}
#paneLoginGateway .login-clean-logo.gsr-logo{
  position:relative!important; width:64px!important; height:64px!important;
  margin:14px auto 13px!important; border-radius:20px!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  background:linear-gradient(135deg,#053f36 0%,#0f7f6c 50%,#d4a24b 100%)!important;
  color:#fff!important; overflow:hidden!important;
  border:1px solid rgba(255,255,255,.26)!important;
  animation:gsrLogoGlow 3.6s ease-in-out infinite!important;
}
#paneLoginGateway .login-clean-logo.gsr-logo::before{content:none!important; display:none!important;}
#paneLoginGateway .gsr-logo .gsr-logo-ring{display:none!important;}
#paneLoginGateway .gsr-logo .gsr-logo-mono{display:none!important;}
#paneLoginGateway .gsr-logo .gsr-logo-icon{
  position:relative!important; inset:auto!important; right:auto!important; bottom:auto!important;
  top:auto!important; left:auto!important; z-index:3!important; margin:0!important;
  width:auto!important; height:auto!important; min-width:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  font-size:1.55rem!important; line-height:1!important; border-radius:0!important;
  background:none!important; border:0!important; box-shadow:none!important;
  color:#ffffff!important; text-shadow:0 2px 8px rgba(0,0,0,.3)!important;
}

/* ---- Ikon Username & Kata Sandi: badge rapi, presisi di tengah ---- */
#paneLoginGateway .login-clean-input-wrap,
#paneLoginGateway.login-v57 .login-clean-input-wrap{
  display:flex!important; align-items:center!important; gap:12px!important;
  min-height:54px!important; padding:0 14px!important;
}
#paneLoginGateway .login-clean-input-wrap > i,
#paneLoginGateway.login-v57 .login-clean-input-wrap > i{
  position:static!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important;
  transform:none!important;
  flex:0 0 36px!important; width:36px!important; height:36px!important; min-width:36px!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  padding:0!important; margin:0!important; border-radius:11px!important;
  font-size:.95rem!important; line-height:1!important; text-align:center!important;
  background:rgba(16,185,129,.14)!important; color:#6ee7b7!important;
  border:1px solid rgba(212,162,75,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
#paneLoginGateway .login-clean-input-wrap:focus-within > i,
#paneLoginGateway.login-v57 .login-clean-input-wrap:focus-within > i{
  background:rgba(212,162,75,.2)!important; color:#f7e2b0!important; border-color:rgba(212,162,75,.45)!important;
}
#paneLoginGateway .login-clean-input-wrap .login-clean-input,
#paneLoginGateway.login-v57 .login-clean-input-wrap .login-clean-input{
  flex:1 1 auto!important; min-width:0!important; align-self:stretch!important;
  height:auto!important; min-height:50px!important; line-height:normal!important; padding:0!important;
}

/* =========================================================================
   2) SIDEBAR — MODEL KARTU asli (panah + keterangan), disinkron & dirapikan
   ========================================================================= */
#sidebarMainContainer{
  background:linear-gradient(180deg,#04241f 0%,#052018 52%,#08141f 100%)!important;
  border-right:1px solid rgba(212,162,75,.20)!important;
  padding:14px 12px 20px!important;
  /* Lebar sidebar dikunci + scrollbar disembunyikan agar teks tidak reflow
     (berubah ukuran/geser) saat submenu dibuka. */
  overflow-y:auto!important; overflow-x:hidden!important;
  scrollbar-width:none!important; -ms-overflow-style:none!important;
  scrollbar-gutter:stable!important;
}
#sidebarMainContainer::-webkit-scrollbar{width:0!important; height:0!important; display:none!important;}
#sidebarMainContainer .imp-menu-clean{gap:9px!important; padding:0!important; margin:0!important;}

/* ---- BRAND ATAS: disamakan dengan tampilan login ---- */
#sidebarMainContainer .imp-sidebar-brand-final{
  position:relative!important; overflow:hidden!important;
  display:flex!important; align-items:center!important; gap:12px!important;
  min-height:78px!important; box-sizing:border-box!important;
  padding:15px 14px!important; margin-bottom:14px!important; border-radius:20px!important;
  background:
    radial-gradient(circle at 86% 12%,rgba(212,162,75,.22),transparent 44%),
    radial-gradient(circle at 10% 94%,rgba(16,185,129,.26),transparent 48%),
    linear-gradient(160deg,#0b3a30 0%,#0a2a24 48%,#08141f 100%)!important;
  border:1px solid rgba(212,162,75,.32)!important;
  box-shadow:0 18px 44px rgba(2,20,15,.45),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#sidebarMainContainer .imp-sidebar-brand-final::after{
  content:""!important; position:absolute!important; left:14px!important; right:14px!important; top:0!important; height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(212,162,75,.8),rgba(16,185,129,.7),transparent)!important;
}
#sidebarMainContainer .imp-sidebar-logo-final{
  position:relative!important; width:46px!important; height:46px!important;
  min-width:46px!important; flex:0 0 46px!important;
  border-radius:14px!important; font-size:1.12rem!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  background:linear-gradient(135deg,#053f36 0%,#0f7f6c 50%,#d4a24b 100%)!important;
  color:#fff!important; border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 10px 22px rgba(6,60,46,.45),inset 0 1px 0 rgba(255,255,255,.26),0 0 16px rgba(212,162,75,.26)!important;
}
#sidebarMainContainer .imp-sidebar-title-final{
  flex:1 1 auto!important; min-width:0!important;
  font-family:'Space Grotesk',sans-serif!important; font-weight:900!important;
  font-size:.9rem!important; letter-spacing:.2px!important; line-height:1.18!important;
  /* Pembungkusan teks dibuat pasti (maks 2 baris) supaya tidak berubah
     ukuran / bergeser saat submenu dibuka. */
  white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important;
  display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important;
  overflow:hidden!important; text-overflow:clip!important; max-width:100%!important;
  background:linear-gradient(120deg,#ffffff 0%,#ffe9b8 58%,#ffd48a 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  color:transparent!important; -webkit-text-fill-color:transparent!important;
  transition:none!important; animation:none!important;
}
#sidebarMainContainer hr.imp-sidebar-line-final{
  border:0!important; height:1px!important; margin:6px 2px 12px!important;
  background:linear-gradient(90deg,transparent,rgba(212,162,75,.4),rgba(16,185,129,.35),transparent)!important;
}

/* ---- KARTU MENU UTAMA (Dashboard / Kuitansi / User) — pertahankan grid asli, ganti warna ---- */
#sidebarMainContainer .imp-side-top-link{
  background:linear-gradient(135deg,rgba(11,58,48,.92),rgba(8,20,31,.78))!important;
  border:1px solid rgba(212,162,75,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#sidebarMainContainer .imp-side-top-link i{
  background:rgba(16,185,129,.16)!important; color:var(--gsr-em-300)!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}
#sidebarMainContainer .imp-side-top-link span{
  color:#eafaf2!important; white-space:normal!important; overflow:visible!important;
  text-overflow:clip!important; word-break:normal!important; overflow-wrap:break-word!important;
}
#sidebarMainContainer .imp-side-top-link::after{color:var(--gsr-gold-400)!important; opacity:.9!important;}
#sidebarMainContainer .imp-user-link i{background:rgba(212,162,75,.18)!important; color:var(--gsr-gold-200)!important;}
#sidebarMainContainer .imp-user-link{border-color:rgba(212,162,75,.22)!important;}
#sidebarMainContainer .imp-side-top-link:hover{
  transform:translateY(-1px)!important; border-color:rgba(212,162,75,.4)!important;
  box-shadow:0 12px 26px rgba(6,60,46,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#sidebarMainContainer .imp-side-top-link.active,
#sidebarMainContainer .imp-dash-link.active{
  background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(212,162,75,.2))!important;
  border-color:rgba(212,162,75,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(212,162,75,.3)!important;
}
#sidebarMainContainer .imp-side-top-link.active i{background:rgba(16,185,129,.3)!important; color:#fff!important;}

/* ---- KARTU GRUP (Produksi / Keuangan / Marketing) dengan PANAH + keterangan ---- */
#sidebarMainContainer .imp-menu-parent{
  background:linear-gradient(145deg,rgba(11,58,48,.94),rgba(8,20,31,.8))!important;
  border:1px solid rgba(212,162,75,.2)!important;
  box-shadow:0 10px 24px rgba(2,20,15,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#sidebarMainContainer .imp-menu-parent::before{
  background:linear-gradient(180deg,var(--gsr-gold-400),var(--gsr-em-500))!important; opacity:1!important;
}
#sidebarMainContainer .imp-menu-parent::after{background:rgba(16,185,129,.1)!important;}
#sidebarMainContainer .imp-menu-parent span{
  color:#f4fbf7!important; white-space:normal!important; overflow-wrap:break-word!important;
}
#sidebarMainContainer .imp-menu-parent span > i:first-child{
  background:rgba(16,185,129,.18)!important; color:var(--gsr-em-300)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
}
#sidebarMainContainer .imp-menu-parent span::after{color:var(--gsr-gold-400)!important; opacity:.92!important;}
#sidebarMainContainer .imp-menu-caret{color:var(--gsr-gold-400)!important; transition:transform .22s ease!important;}
#sidebarMainContainer .imp-menu-parent.open .imp-menu-caret{transform:rotate(180deg)!important;}
#sidebarMainContainer .imp-menu-parent:hover,
#sidebarMainContainer .imp-menu-parent.open{
  transform:translateY(-1px)!important; border-color:rgba(212,162,75,.42)!important;
  box-shadow:0 14px 28px rgba(6,60,46,.2),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
/* Variasi aksen antar grup (tetap dalam tema emerald + gold) */
#sidebarMainContainer .imp-menu-parent[onclick*="produksi"]::before{background:linear-gradient(180deg,#6ee7b7,#10b981)!important;}
#sidebarMainContainer .imp-menu-parent[onclick*="produksi"] span > i:first-child{background:rgba(16,185,129,.2)!important; color:#6ee7b7!important;}
#sidebarMainContainer .imp-menu-parent[onclick*="keuangan"]::before{background:linear-gradient(180deg,#e6bf6a,#0f7f6c)!important;}
#sidebarMainContainer .imp-menu-parent[onclick*="keuangan"] span > i:first-child{background:rgba(212,162,75,.2)!important; color:var(--gsr-gold-200)!important;}
#sidebarMainContainer .imp-menu-parent[onclick*="marketing"]::before{background:linear-gradient(180deg,#d4a24b,#10b981)!important;}
#sidebarMainContainer .imp-menu-parent[onclick*="marketing"] span > i:first-child{background:rgba(15,127,108,.24)!important; color:#6ee7b7!important;}

/* ---- SUBMENU (item anak) ---- */
#sidebarMainContainer .imp-submenu{border-left:1px solid rgba(212,162,75,.24)!important;}
#sidebarMainContainer .imp-submenu .nav-link{
  min-height:31px!important; padding:7px 9px!important; margin:0 0 4px!important; border-radius:10px!important;
  font-size:.75rem!important; font-weight:700!important; line-height:1.2!important;
  background:rgba(5,32,24,.5)!important; border:1px solid rgba(212,162,75,.1)!important; color:#d5e8df!important;
  white-space:normal!important; overflow-wrap:break-word!important; display:flex!important; align-items:center!important; gap:8px!important;
}
#sidebarMainContainer .imp-submenu .nav-link i{width:16px!important; text-align:center!important; flex:0 0 auto!important;}
#sidebarMainContainer .imp-submenu .nav-link:hover,
#sidebarMainContainer .imp-submenu .nav-link.active{
  background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(212,162,75,.14))!important;
  border-color:rgba(212,162,75,.3)!important; color:#fff!important; padding-left:11px!important;
}
#sidebarMainContainer .imp-submenu .nav-link .badge-critical-pulse{
  background:linear-gradient(135deg,#b3541a,var(--gsr-gold-500))!important; color:#fff!important;
  font-weight:800!important; border-radius:999px!important; padding:2px 7px!important; font-size:.6rem!important; margin-left:auto!important;
}

/* =========================================================================
   3) DASHBOARD (imp29) — lebih keren & sinkron emerald+gold
   ========================================================================= */
.imp29-hero{
  border-radius:26px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(212,162,75,.30),transparent 40%),
    radial-gradient(circle at 12% 92%,rgba(16,185,129,.30),transparent 46%),
    linear-gradient(135deg,#02100c 0%,#052018 45%,#0b3a30 100%)!important;
  border:1px solid rgba(212,162,75,.28)!important;
  box-shadow:0 26px 60px rgba(2,20,15,.45)!important;
  position:relative!important; overflow:hidden!important;
}
.imp29-hero::after{
  content:""!important; position:absolute!important; left:0!important; right:0!important; top:0!important; height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(212,162,75,.8),rgba(16,185,129,.7),transparent)!important;
}
.imp29-hero h2{
  background:linear-gradient(120deg,#ffffff 0%,#ffe9b8 55%,#f4c766 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  color:transparent!important; -webkit-text-fill-color:transparent!important;
}
.imp29-hero p{color:rgba(234,250,242,.82)!important;}
.imp29-chip{
  background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(212,162,75,.20))!important;
  border:1px solid rgba(212,162,75,.38)!important; color:#f7e2b0!important;
}
.imp29-hero-mini div{
  background:rgba(255,255,255,.08)!important; border:1px solid rgba(212,162,75,.20)!important;
  border-radius:16px!important;
}
.imp29-hero-mini span{color:#f7e2b0!important;}
.imp29-hero-mini b{color:#fff!important;}
.imp29-kpi{
  background:linear-gradient(180deg,#ffffff,#f6fbf8)!important;
  border:1px solid var(--gsr-line)!important; border-radius:20px!important;
  box-shadow:0 14px 30px rgba(6,60,46,.07)!important;
}
.imp29-kpi:before{background:linear-gradient(var(--gsr-em-500),var(--gsr-gold-500))!important;}
.imp29-kpi b{color:var(--gsr-ink-900)!important;}
.imp29-kpi span{color:var(--gsr-em-800)!important;}
.imp29-kpi small{color:var(--gsr-ink-500)!important;}
.imp29-panel{
  background:#fff!important; border:1px solid var(--gsr-line)!important;
  border-radius:22px!important; box-shadow:0 14px 30px rgba(6,60,46,.06)!important;
}
.imp29-panel-head h4{color:var(--gsr-em-900)!important; font-family:'Space Grotesk',sans-serif!important;}
.imp29-panel-head span{
  color:var(--gsr-em-800)!important; background:rgba(16,185,129,.10)!important;
  border:1px solid rgba(212,162,75,.30)!important;
}
.imp29-feature{
  border:1px solid var(--gsr-line)!important;
  background:linear-gradient(135deg,#ffffff,#f4f9f6)!important; border-radius:16px!important;
}
.imp29-feature:hover{border-color:rgba(212,162,75,.45)!important; box-shadow:0 14px 26px rgba(16,185,129,.12)!important;}
.imp29-feature i{
  background:linear-gradient(135deg,var(--gsr-em-900),var(--gsr-em-700))!important;
  color:var(--gsr-gold-400)!important; border-radius:14px!important;
}
.imp29-feature b{color:var(--gsr-ink-900)!important;}
.imp29-feature p{color:var(--gsr-ink-500)!important;}
.imp29-bar-row span, .imp29-bar-row b{color:var(--gsr-ink-700)!important;}
.imp29-bar-row div{background:#e6f0ea!important;}
.imp29-bar-row em{background:linear-gradient(90deg,var(--gsr-em-500),var(--gsr-gold-500))!important;}
.imp29-empty{background:var(--gsr-mist)!important; border:1px dashed var(--gsr-line)!important; color:var(--gsr-ink-500)!important;}
.stream-log-item .imp29-log-clock{background:var(--gsr-mist)!important; border:1px solid var(--gsr-line)!important; color:var(--gsr-ink-700)!important;}
.stream-log-item .imp29-log-clock i{color:var(--gsr-em-500)!important;}
#impHeaderProfileV8, .header-user-badge{
  background:linear-gradient(135deg,#053f36,#0a5f52)!important;
  border:1px solid rgba(212,162,75,.30)!important;
}
.imp-profile-avatar-v8{background:linear-gradient(135deg,var(--gsr-em-500),var(--gsr-gold-500))!important;}
.imp-profile-meta-v8{color:#d1fae5!important;}
.imp-profile-meta-v8 i{color:var(--gsr-gold-400)!important;}

/* =========================================================================
   4) TABEL — warna sesuai tema login (TIDAK diubah dari permintaan sebelumnya)
   ========================================================================= */
.table-responsive-wrapper{
  background:linear-gradient(#ffffff,#ffffff) padding-box,
    linear-gradient(135deg,rgba(16,185,129,.45),rgba(212,162,75,.38),rgba(15,127,108,.40)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 18px 42px rgba(6,60,46,.09)!important;
}
.table-responsive-wrapper::before{
  background:linear-gradient(90deg,transparent,var(--gsr-gold-400),var(--gsr-em-500),transparent)!important;
}
.table thead th, .table th{
  background:linear-gradient(180deg,#053f36,#0a5f52)!important;
  color:#f7e2b0!important; border:none!important;
}
.table tfoot td{
  background:linear-gradient(180deg,#053f36,#032b25)!important;
  color:#f7e2b0!important; border-top:2px solid rgba(212,162,75,.35)!important;
}
.table td{color:var(--gsr-ink-700)!important; border-bottom:1px solid #eaf3ee!important;}
.table tbody tr:nth-child(even) td{background-color:#f6fbf8!important;}
.table tbody tr:hover{background-color:#eaf7f1!important;}
.table tbody tr:hover td{background-color:#eaf7f1!important;}
.table-code-chip{
  background:rgba(16,185,129,.12)!important; color:var(--gsr-em-800)!important;
  border:1px solid rgba(212,162,75,.28)!important;
}
#tableStokMain tbody td:nth-child(2), #bStokBody td:nth-child(2){color:var(--gsr-ink-900)!important;}

/* =========================================================================
   5) NOTIFIKASI HAPUS & KELUAR — sinkron, ringkas, tidak menimpa
   ========================================================================= */
.swal2-container{z-index:200000!important; padding:16px!important;}
.swal2-container.swal2-center{align-items:center!important;}
.swal2-popup.v41-confirm-popup,
.swal2-popup.premium-swal-popup,
.swal2-popup.v41-auto-popup{
  width:min(360px,92vw)!important; max-width:360px!important;
  padding:18px 18px 16px!important; border-radius:20px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(212,162,75,.20),transparent 42%),
    radial-gradient(circle at 10% 96%,rgba(16,185,129,.24),transparent 46%),
    linear-gradient(160deg,#0b3a30 0%,#0a2a24 48%,#08141f 100%)!important;
  border:1px solid rgba(212,162,75,.32)!important; color:#eafaf2!important;
  box-shadow:0 26px 70px rgba(2,20,15,.55),inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
}
.swal2-popup.v41-confirm-popup::before,
.swal2-popup.premium-swal-popup::before,
.swal2-popup.v41-auto-popup::before{
  content:""!important; position:absolute!important; top:0!important; left:22px!important; right:22px!important;
  height:2px!important; border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--gsr-gold-400),var(--gsr-em-500),transparent)!important;
  animation:none!important;
}
.swal2-popup.v41-confirm-popup .swal2-title,
.swal2-popup.premium-swal-popup .swal2-title{
  color:#ffffff!important; font-family:'Space Grotesk',sans-serif!important;
  font-size:1.08rem!important; font-weight:900!important; padding:2px 0 4px!important;
}
.swal2-popup.v41-confirm-popup .swal2-html-container,
.swal2-popup.premium-swal-popup .swal2-html-container{
  color:rgba(234,250,242,.85)!important; font-size:.83rem!important; margin:4px 4px 2px!important;
}
.swal2-popup.v41-confirm-popup .swal2-icon,
.swal2-popup.premium-swal-popup .swal2-icon{width:52px!important; height:52px!important; margin:6px auto 8px!important;}
.swal2-popup .swal2-icon .swal2-icon-content{font-size:1.7rem!important;}
.swal2-popup.v41-confirm-popup .swal2-actions,
.swal2-popup.premium-swal-popup .swal2-actions{gap:8px!important; margin-top:12px!important;}
.swal2-popup.v41-confirm-popup .swal2-confirm,
.swal2-popup.premium-swal-popup .swal2-confirm,
.swal2-popup.v41-confirm-popup .swal2-cancel,
.swal2-popup.premium-swal-popup .swal2-cancel{
  border-radius:11px!important; font-weight:800!important; font-size:.83rem!important;
  padding:9px 16px!important; box-shadow:0 10px 22px rgba(2,20,15,.35)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.swal2-popup.premium-swal-popup .swal2-confirm{
  background:linear-gradient(135deg,#d4a24b 0%,#10b981 55%,#0a5f52 100%)!important; color:#fff!important;
}
.swal2-popup .swal2-cancel{background:rgba(255,255,255,.10)!important; color:#eafaf2!important;}
.swal2-popup .swal2-cancel:hover{background:rgba(255,255,255,.16)!important;}
.v42-delete-box{
  border:1px solid rgba(212,162,75,.24)!important;
  background:rgba(2,20,15,.35)!important; border-radius:13px!important; padding:10px!important; margin-top:6px!important;
}
.v42-delete-note{
  border:1px solid rgba(212,162,75,.30)!important;
  background:rgba(212,162,75,.12)!important; color:var(--gsr-gold-200)!important;
  border-radius:10px!important; font-size:.73rem!important; margin-bottom:8px!important;
}
.v42-delete-grid b{color:var(--gsr-gold-200)!important;}
.v42-delete-grid span{color:#eafaf2!important;}
.swal2-popup.swal2-toast{
  background:linear-gradient(135deg,#0b3a30,#08141f)!important;
  border:1px solid rgba(212,162,75,.28)!important; color:#eafaf2!important;
  box-shadow:0 16px 40px rgba(2,20,15,.45)!important; border-radius:14px!important; padding:11px 13px!important;
}
.swal2-popup.swal2-toast .swal2-title{color:#fff!important; font-size:.86rem!important; font-weight:800!important;}
.swal2-popup.swal2-toast .swal2-html-container{color:rgba(234,250,242,.82)!important; font-size:.76rem!important;}
.swal2-timer-progress-bar{background:linear-gradient(90deg,var(--gsr-em-500),var(--gsr-gold-500))!important;}
.premium-workspace-header .btn-header-logout{
  background:linear-gradient(135deg,#b3541a,var(--gsr-gold-500))!important;
  border:none!important; border-radius:11px!important; color:#fff!important;
  font-weight:800!important; box-shadow:0 10px 20px rgba(163,90,17,.28)!important;
}

@media(max-width:480px){
  .swal2-popup.v41-confirm-popup,
  .swal2-popup.premium-swal-popup,
  .swal2-popup.v41-auto-popup{width:92vw!important; padding:16px 14px 14px!important; border-radius:18px!important;}
}
/* =========================================================================
   INPUT CARDS / MODALS — samakan warna dengan tema Emerald + Gold
   Override warna biru lama (#0ea5e9) pada input, select, textarea, dan
   kartu modal menjadi hijau emerald dengan aksen emas.
   ========================================================================= */

/* Border tepi kartu modal: sentuhan emerald + garis emas tipis di atas */
.modal-content {
  border: 1px solid rgba(15,127,108,.20) !important;
  box-shadow: 0 30px 80px rgba(2,16,12,.28) !important;
}

/* Ikon judul modal ikut warna emerald/gold, bukan biru */
.modal-header .modal-title i,
.modal-title i.text-primary { color: #0f7f6c !important; }

/* State normal input: border netral kehijauan lembut */
.quick-input-field,
.form-control, .form-select,
.search-magnifier-box, .cyber-date-wrapper,
.modal input, .modal select, .modal textarea {
  border-color: #cfe3dd !important;
}

/* Hover: emerald lembut */
.quick-input-field:hover,
.form-control:hover, .form-select:hover,
.search-magnifier-box:hover, .cyber-date-wrapper:hover,
.modal input:hover, .modal select:hover, .modal textarea:hover {
  border-color: rgba(15,127,108,.45) !important;
  box-shadow: 0 8px 20px rgba(2,16,12,.06) !important;
}

/* Focus: glow emerald + aksen emas (ganti total glow biru) */
.quick-input-field:focus,
.form-control:focus, .form-select:focus,
.search-magnifier-box:focus, .cyber-date-wrapper:focus-within,
.modal input:focus, .modal select:focus, .modal textarea:focus {
  border-color: #0f7f6c !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.16),
              0 0 0 4px rgba(212,162,75,.28),
              0 12px 24px rgba(2,16,12,.10) !important;
}

/* Placeholder sedikit kehijauan biar nyatu */
.modal input::placeholder,
.modal textarea::placeholder,
.form-control::placeholder { color: #7fa79c !important; }