/* SMART ABSEN FAJRI V11.2 — FRESH ZERO */
:root{
  --bg:#eef2f6;
  --surface:#ffffff;
  --line:#cfd8e3;
  --line-strong:#b7c4d3;
  --text:#16324f;
  --muted:#607489;
  --navy:#163b68;
  --navy-2:#0f2f57;
  --teal:#0f8b8d;
  --green:#14885d;
  --green-2:#0f6f4d;
  --blue:#2b6cf0;
  --purple:#7b55e7;
  --orange:#f59e0b;
  --red:#e25d50;
  --shadow:0 10px 22px rgba(15,47,87,.08);
}
html,body{background:var(--bg)!important;}
body.soft-refresh{
  color:var(--text)!important;
  background:linear-gradient(180deg,#f4f7fb 0%,#edf2f7 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.soft-refresh::before,body.soft-refresh::after{display:none!important;}
body.soft-refresh > header{
  margin:12px 14px 0;
  padding:16px 18px!important;
  border-radius:20px;
  background:linear-gradient(135deg,var(--navy),var(--navy-2))!important;
  border:1px solid #214a78!important;
  box-shadow:0 16px 34px rgba(15,47,87,.18)!important;
}
body.soft-refresh > header::after{display:none!important;}
body.soft-refresh > header > div:first-child > div:first-child{
  background:#1e5386!important;border:1px solid #2d6499!important;border-radius:14px!important;
}
body.soft-refresh > header h1{color:#fff!important;letter-spacing:-.02em;}
body.soft-refresh > header p{color:#d6e6f7!important;}
#labelPerangkat{background:#244f7e!important;border:1px solid #31628f!important;color:#fff!important;border-radius:999px!important;}
#btnLogout{background:linear-gradient(135deg,#ff6b5f,#eb4d40)!important;border-radius:14px!important;}
body.soft-refresh main{padding-top:14px!important;z-index:1;}

#setupView > div,
#absenView > div:first-child,
#ownerView [id^="panel-"],
#panel-karyawan > div > div,
#panel-kasbon > div > div,
#panel-pengaturan > div{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
}
#setupView > div:first-child::before{
  content:"V11.2 • FRESH ZERO";
  display:block;width:max-content;margin:0 auto 12px;padding:6px 12px;border-radius:999px;
  background:#e8f0fb;color:var(--navy);font-size:10px;font-weight:900;letter-spacing:.12em;
}
#setupView h2,#displayNama{color:var(--navy)!important;}
body.soft-refresh input,body.soft-refresh select,body.soft-refresh textarea{
  background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:12px!important;box-shadow:none!important;
}
body.soft-refresh input:focus,body.soft-refresh select:focus,body.soft-refresh textarea:focus{
  border-color:#70a0d3!important;box-shadow:0 0 0 3px rgba(43,108,240,.12)!important;outline:none!important;
}
#displayTipe{background:#edf4ff!important;color:#2358a1!important;border:1px solid #cdddf8!important;border-radius:999px!important;}
#absenView > .relative{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--shadow)!important;overflow:hidden;}
#kameraStatus{background:rgba(15,47,87,.8)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:999px!important;}
#liveJam{color:#b7f4dc!important;} #liveJarak{color:#ffe0a1!important;}
#btnPagi,#btnSetengah,#btnPulang,#btnKunjungan,#btnIzin{
  border:0!important;border-radius:16px!important;min-height:72px;color:#fff!important;box-shadow:0 10px 18px rgba(15,47,87,.12)!important;
}
#btnPagi{background:linear-gradient(135deg,#2d7cf6,#245fd9)!important;}
#btnSetengah{background:linear-gradient(135deg,#f5b335,#e59400)!important;}
#btnPulang{background:linear-gradient(135deg,#ec6659,#d84a3c)!important;}
#btnKunjungan{background:linear-gradient(135deg,#12a39b,#0f8b8d)!important;}
#btnIzin{background:linear-gradient(135deg,#8a63f3,#6f4ce1)!important;}

#ownerView > div:first-child{
  position:relative;overflow:hidden;padding:18px 20px!important;border-radius:20px!important;
  background:linear-gradient(135deg,var(--navy),#1b4b7d)!important;border:1px solid #214a78!important;box-shadow:0 16px 34px rgba(15,47,87,.18)!important;
}
#ownerView > div:first-child::before{
  content:"V11.2 • FRESH ZERO";position:absolute;right:98px;top:16px;padding:5px 10px;border-radius:999px;background:#1e5386;color:#fff;border:1px solid #2d6499;font-size:9px;font-weight:900;letter-spacing:.12em;
}
#ownerView > div:first-child p{color:#d6e6f7!important;}
#ownerView > div:first-child .text-yellow-400{color:#ffe08a!important;}
#ownerView > div:first-child button{border-radius:12px!important;border:1px solid rgba(255,255,255,.14)!important;}
#ownerView > div:first-child button:first-child{background:#275cae!important;}
#ownerView > div:first-child button:last-child{background:linear-gradient(135deg,#ff6b5f,#eb4d40)!important;}
#ownerView > div:nth-child(2){background:#f8fbff!important;border:1px solid var(--line)!important;padding:5px!important;border-radius:16px!important;box-shadow:var(--shadow)!important;}
#ownerView .tab-btn{border-radius:12px!important;color:var(--muted)!important;min-height:40px;font-weight:700;}
#ownerView .tab-btn.bg-white{background:#fff!important;color:var(--navy)!important;box-shadow:0 6px 14px rgba(15,47,87,.06)!important;position:relative;}
#ownerView .tab-btn.bg-white::after{content:"";position:absolute;left:22%;right:22%;bottom:4px;height:3px;border-radius:999px;background:var(--teal);}

#panel-monitoring > div:first-child,#panel-rekap > div:first-child,#panel-karyawan .bg-gray-100,#panel-pengaturan h3{background:#f8fbff!important;border-color:#e2e9f0!important;}
#panel-rekap > div:first-child{padding:14px 16px!important;}
#panel-rekap > div:nth-child(2){background:#fbfdff!important;border-color:#e3eaf2!important;color:var(--muted)!important;padding:8px 12px!important;}
#panel-rekap > div:nth-child(2) .bg-red-500{background:#fbe5e2!important;color:#bf4c3f!important;}
#ownerView button{transition:transform .16s ease,filter .16s ease!important;}
#ownerView button:active{transform:scale(.98);}
#btnEditPintas{background:#66778c!important;border-color:#66778c!important;}
#panel-rekap button.bg-purple-600{background:linear-gradient(135deg,#8a63f3,#6f4ce1)!important;border-color:#6f4ce1!important;}
#panel-rekap button.bg-blue-600{background:linear-gradient(135deg,#2d7cf6,#245fd9)!important;border-color:#245fd9!important;}
#panel-karyawan button.bg-emerald-600,#panel-pengaturan button.bg-emerald-600{background:linear-gradient(135deg,var(--green),var(--green-2))!important;}
#panel-kasbon button.bg-red-500{background:linear-gradient(135deg,#ec6659,#d84a3c)!important;}
#panel-kasbon button.bg-orange-500{background:linear-gradient(135deg,#f5b335,#e59400)!important;}
#panel-kasbon button.bg-green-500{background:linear-gradient(135deg,var(--green),var(--green-2))!important;}

body.soft-refresh table,body.soft-refresh th,body.soft-refresh td{border-color:var(--line-strong)!important;}
#panel-monitoring thead tr,#panel-karyawan thead{background:#f5f9fe!important;}
#headerRekapBulanan th{background:#eef4fb!important;color:#37516d!important;border-color:var(--line-strong)!important;position:sticky;top:0;z-index:2;font-weight:800!important;}
#headerRekapBulanan th.bg-emerald-200{background:#d8ece7!important;color:#166456!important;}
#headerRekapBulanan th.bg-blue-200{background:#deebfb!important;color:#2358a1!important;}
#tableRekapBulanan tr:hover{background:#f9fbfd!important;}
#tableRekapBulanan td{border-color:var(--line-strong)!important;background:#fff!important;}
#tableRekapBulanan td.bg-green-50{background:#eef8f2!important;color:#14744d!important;font-weight:700!important;}
#tableRekapBulanan td.bg-red-50{background:#fff1ef!important;color:#cf5143!important;font-weight:700!important;}
#tableRekapBulanan td.bg-blue-50{background:#eef4ff!important;color:#285ba7!important;font-weight:700!important;}
#tableRekapBulanan td.bg-purple-50{background:#f3efff!important;color:#6f4ce1!important;font-weight:700!important;}
#tableRekapBulanan td.bg-orange-50{background:#fff5e5!important;color:#d88b00!important;font-weight:700!important;}
#tableRekapBulanan td.bg-red-600,#tableRekapBulanan td.bg-red-500{background:#efd6d2!important;color:#af4b40!important;}
#tableRekapBulanan td.bg-emerald-50\/30{background:#ffffff!important;}
#tableRekapBulanan td.bg-blue-50.text-blue-900{background:#edf4ff!important;color:#214f92!important;font-weight:800!important;}
#tableRekapBulanan td.bg-red-50.text-red-700{background:#ffefed!important;color:#b84d41!important;font-weight:800!important;}
#tableRekapBulanan button.bg-emerald-600{background:linear-gradient(135deg,var(--green),var(--green-2))!important;border-radius:999px!important;box-shadow:none!important;}
#tableRekapBulanan button.bg-orange-500{background:linear-gradient(135deg,#f5b335,#e59400)!important;border-radius:999px!important;box-shadow:none!important;}
#tableRekapBulanan tr.bg-gray-800 td,#tableRekapBulanan tr.bg-gray-800{background:linear-gradient(135deg,#15355d,#0f2f57)!important;border-color:#22466f!important;color:#fff!important;font-weight:800!important;}
#tableRekapBulanan tr.bg-gray-800 .text-emerald-300,#tableRekapBulanan tr.bg-gray-800 .text-emerald-400{color:#d9fff1!important;}
.scrollbar-thin::-webkit-scrollbar{height:7px;width:7px;}
.scrollbar-thin::-webkit-scrollbar-track{background:#edf2f7!important;}
.scrollbar-thin::-webkit-scrollbar-thumb{background:#7f96b1!important;border-radius:999px!important;}
.swal2-popup{border-radius:18px!important;border:1px solid var(--line)!important;box-shadow:0 24px 60px rgba(15,47,87,.16)!important;color:var(--text)!important;}
.swal2-title{color:var(--navy)!important;font-weight:900!important;} .swal2-html-container{color:var(--muted)!important;}
.swal2-confirm{background:linear-gradient(135deg,var(--green),var(--green-2))!important;border-radius:12px!important;box-shadow:none!important;}
.swal2-cancel{background:#66778c!important;border-radius:12px!important;box-shadow:none!important;}
.swal2-deny{background:linear-gradient(135deg,#ec6659,#d84a3c)!important;border-radius:12px!important;box-shadow:none!important;}
#absenBusyOverlay > div{border-radius:18px!important;box-shadow:var(--shadow)!important;}

@media (max-width:1024px){body.soft-refresh>header{margin:10px 10px 0;border-radius:18px;}#ownerView>div:first-child::before{right:84px;}}
@media (max-width:768px){body.soft-refresh>header{padding:13px 14px!important;}body.soft-refresh>header h1{font-size:1.05rem!important;}body.soft-refresh>header p{font-size:.72rem!important;}body.soft-refresh main{padding:10px!important;}#ownerView>div:first-child{padding:15px!important;border-radius:18px!important;}#ownerView>div:first-child::before{display:none;}#ownerView>div:nth-child(2){position:sticky;top:6px;z-index:35;}#ownerView .tab-btn{min-width:96px;font-size:11px!important;}#btnPagi,#btnSetengah,#btnPulang,#btnKunjungan,#btnIzin{min-height:68px;}#panel-rekap>div:first-child{flex-direction:column!important;align-items:flex-start!important;}#panel-rekap>div:first-child>span{width:100%;font-size:1rem!important;}#panel-rekap>div:first-child>div{width:100%;flex-wrap:wrap!important;gap:8px!important;}#panel-rekap>div:first-child button{flex:1 1 calc(50% - 8px);min-width:140px;}#panel-karyawan table,#panel-monitoring table,#panel-rekap table{min-width:max-content;}}
@media (max-width:640px){body.soft-refresh>header{margin:8px 8px 0;border-radius:16px;}#labelPerangkat{font-size:.62rem!important;}#absenView>div:first-child{padding:12px!important;border-radius:15px!important;}#absenView>.relative{border-radius:16px!important;}#ownerView>div:nth-child(2){border-radius:14px!important;padding:5px!important;overflow-x:auto;}#ownerView .tab-btn{min-width:86px;font-size:10px!important;}#panel-rekap>div:nth-child(2){font-size:.6rem!important;gap:6px!important;}#panel-rekap>div:first-child button{font-size:.68rem!important;padding:.55rem .7rem!important;min-width:unset;}#panel-rekap select{font-size:.72rem!important;}#headerRekapBulanan th{min-height:28px;font-size:.62rem!important;}#tableRekapBulanan td{height:30px!important;font-size:.72rem!important;}#tableRekapBulanan button{font-size:.66rem!important;padding:.35rem .55rem!important;}#panel-karyawan thead th,#panel-karyawan tbody td{font-size:.7rem!important;}.swal2-popup{width:92vw!important;border-radius:16px!important;}}
@media (max-width:420px){body.soft-refresh main{padding:8px!important;}body.soft-refresh>header h1{font-size:.95rem!important;}body.soft-refresh>header p{font-size:.66rem!important;}#btnPagi,#btnSetengah,#btnPulang,#btnKunjungan,#btnIzin{min-height:64px;}#panel-rekap>div:first-child button{flex:1 1 100%;}#panel-rekap>div:first-child .flex.border{width:100%;}#panel-rekap>div:first-child .flex.border select{flex:1 1 50%;}}
@media (min-width:768px){#ownerView{max-width:1180px!important;}}
@media print{body.soft-refresh{background:#fff!important;}}