/* =========================================================
   Dwamna Saudi Exclusive Smart Theme - Vision 2030 Light
   Applied globally without changing business logic
   ========================================================= */
:root{
  --navy:#06385f!important;
  --navy2:#0b3d2e!important;
  --blue:#197b45!important;
  --blue-dark:#116c42!important;
  --green:#35b84b!important;
  --green-dark:#06385f!important;
  --green-light:#ecfdf5!important;
  --bg:#f5fbf8!important;
  --card:#ffffff!important;
  --text:#10251d!important;
  --muted:#64756e!important;
  --line:#dcebe5!important;
  --shadow-sm:0 6px 18px rgba(6,78,59,.08)!important;
  --shadow-md:0 18px 45px rgba(6,78,59,.10)!important;
  --shadow-lg:0 30px 80px rgba(6,78,59,.16)!important;
}
html,body{background:radial-gradient(circle at top right,rgba(12,155,96,.16),transparent 30%),linear-gradient(180deg,#f7fffb,#eef8f3)!important;color:var(--text)!important;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,rgba(6,78,59,.04),transparent 38%),radial-gradient(circle at 8% 12%,rgba(15,118,110,.10),transparent 22%);}
.topbar,.phone-head,.brand-panel,.login-overlay{background:linear-gradient(135deg,#062745 0%,#0d7243 48%,#35b84b 100%)!important;color:#fff!important;box-shadow:0 14px 38px rgba(6,78,59,.22)!important;}
.topbar{border-bottom:1px solid rgba(255,255,255,.12)!important;}
.top-brand .icon,.brand-logo,.phone-head .circle{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;}
.top-brand h1:empty:before{content:"داومنا"}.top-brand p:empty:before{content:"منصة الحضور والانصراف الذكية"}
.sidebar{background:linear-gradient(180deg,#06385f 0%,#062745 100%)!important;border-left:0!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 60px rgba(6,78,59,.24)!important;color:#fff!important;}
.side-title{color:rgba(255,255,255,.62)!important;}
.nav-btn{background:transparent!important;color:rgba(255,255,255,.86)!important;border:1px solid transparent!important;}
.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important;}
.nav-btn i{color:#9df0c3!important;}
.main,.content{background:transparent!important;}
.panel,.stat,.form-card,.fcard,.login-card,.phone-card,.employee-qr{background:rgba(255,255,255,.92)!important;border:1px solid rgba(198,224,214,.86)!important;box-shadow:0 18px 45px rgba(6,78,59,.10)!important;backdrop-filter:blur(12px);}
.panel,.stat,.form-card,.fcard{border-radius:24px!important;}
.panel-title,.ptitle,.form-card h3,.fcard h3,.login-form h2,.login-card h2,.mobile-title{color:#062745!important;}
.stat:after{content:"";position:absolute;inset:auto -20px -30px auto;width:120px;height:120px;background:radial-gradient(circle,rgba(11,143,90,.12),transparent 60%);border-radius:50%;}
.stat h2{color:#062745!important;letter-spacing:-.5px;}
.stat p,.mobile-sub,.login-form .sub{color:#64756e!important;}
.stat i{color:#35b84b!important;opacity:.12!important;}
thead,.report-tab-btn.active{background:linear-gradient(135deg,#06385f,#1c9348)!important;color:#fff!important;}
th{font-weight:900!important;}
tbody tr:hover{background:#f0fbf5!important;}
.table-wrap{border-color:#d6e9df!important;box-shadow:0 8px 22px rgba(6,78,59,.06)!important;}
.primary,.login-btn,.btn.blue,.btn.green,.tbtn.blue,.mini-btn.blue,.mbtn.blue,.mbtn.green,.reply-close-btn{background:linear-gradient(135deg,#35b84b,#06385f)!important;color:#fff!important;box-shadow:0 12px 24px rgba(11,143,90,.22)!important;}
.btn,.tbtn,.logout,.mini-btn,.mbtn{border-radius:14px!important;}
.btn.orange,.badge.orange{background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important;}
.btn.red,.tbtn.red,.mini-btn.red,.mbtn.red{background:linear-gradient(135deg,#dc2626,#991b1b)!important;}
input,select,textarea,.toolbar input,.toolbar select,.fi input,.fi select,.form-item input,.form-item select,.form-item textarea,.lfield input{border-color:#cfe4da!important;background:#fff!important;color:#10251d!important;}
input:focus,select:focus,textarea:focus,.fi input:focus,.fi select:focus,.lfield input:focus{border-color:#35b84b!important;box-shadow:0 0 0 5px rgba(11,143,90,.12)!important;}
.badge.green{background:#dff8ea!important;color:#05603a!important;border:1px solid #b9ecd0!important;}.badge.blue{background:#e6f7f4!important;color:#197b45!important;border:1px solid #bde9e1!important;}.badge.gray{background:#f3f8f6!important;color:#456158!important;}.badge.red{background:#fee2e2!important;color:#991b1b!important;}
.alert.ok,.msg.ok{background:#e2f8ea!important;color:#05603a!important;border-color:#b8eacb!important}.alert.info,.msg.info{background:#e6f7f4!important;color:#197b45!important;border-color:#bfe9e2!important}.note{background:#f7fbf8!important;border-color:#d5e8df!important;color:#06385f!important;}
.report-tab-btn{background:#e8f6ef!important;color:#06385f!important;border:1px solid #cfe9dc!important;}
.in-btn{background:linear-gradient(135deg,#0ba261,#057a45)!important}.out-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}
.clock,.tbadge{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.2)!important;color:#eafff3!important;}
.toolbar{background:rgba(255,255,255,.82)!important;border-color:#d6e9df!important;}
pre{background:#06382d!important;color:#d8fff0!important;}
.nav-link:hover{background:#06385f!important;color:#fff!important;}
.modal-box{border:1px solid #d6e9df!important;box-shadow:0 30px 90px rgba(6,78,59,.24)!important;}
/* Saudi pattern touch */
.panel:before,.stat:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(11,143,90,.07),transparent 38%);}
.panel,.stat{position:relative;overflow:hidden;}
@media print{body{background:#fff!important}.sidebar,.topbar,.no-print{display:none!important}.panel,.stat{box-shadow:none!important;backdrop-filter:none!important}}


/* =========================================================
   Dwamna Official Logo Palette Lock
   Colors extracted from the supplied Dwamna / داومنا logo
   Navy: #062745 | Green: #35B84B
   ========================================================= */
:root{
  --dwamna-navy:#062745!important;
  --dwamna-navy-deep:#031f3a!important;
  --dwamna-green:#35b84b!important;
  --dwamna-green-dark:#1d8f45!important;
  --dwamna-green-soft:#eefbf1!important;
  --navy:#062745!important;--navy2:#031f3a!important;--blue:#35b84b!important;--blue-dark:#1d8f45!important;
  --green:#35b84b!important;--green-dark:#1d8f45!important;--green-light:#eefbf1!important;
  --bg:#f7fbf8!important;--text:#062745!important;--muted:#687b72!important;--line:#dceee1!important;
}
body{background:radial-gradient(circle at top left,rgba(53,184,75,.12),transparent 28%),linear-gradient(180deg,#ffffff 0%,#f4fbf6 100%)!important;color:#062745!important;}
.topbar,.phone-head,.brand-panel,.login-overlay{background:linear-gradient(135deg,#031f3a 0%,#062745 52%,#1d8f45 100%)!important;color:#fff!important;}
.sidebar{background:linear-gradient(180deg,#031f3a 0%,#062745 54%,#0f5f3d 100%)!important;color:#fff!important;}
.primary,.login-btn,.btn.blue,.btn.green,.tbtn.blue,.mini-btn.blue,.mbtn.blue,.mbtn.green,.reply-close-btn{background:linear-gradient(135deg,#35b84b 0%,#1d8f45 100%)!important;color:#fff!important;}
.nav-btn:hover,.nav-btn.active{background:linear-gradient(135deg,rgba(53,184,75,.22),rgba(255,255,255,.10))!important;border-color:rgba(53,184,75,.35)!important;}
thead,.report-tab-btn.active{background:linear-gradient(135deg,#062745,#1d8f45)!important;color:#fff!important;}
.panel-title,.ptitle,.form-card h3,.fcard h3,.login-form h2,.login-card h2,.mobile-title,.stat h2{color:#062745!important;}
input:focus,select:focus,textarea:focus,.fi input:focus,.fi select:focus,.lfield input:focus{border-color:#35b84b!important;box-shadow:0 0 0 5px rgba(53,184,75,.14)!important;}
.badge.green{background:#e7f9eb!important;color:#167a3f!important;border-color:#bdecc7!important}.badge.blue{background:#eefbf1!important;color:#062745!important;border-color:#bdecc7!important;}
/* Logo application */
.brand-logo,.top-brand .icon,.phone-head .circle{
  background:rgba(255,255,255,.96) url('/assets/dwamna-mark.png') center/82% no-repeat!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 12px 30px rgba(3,31,58,.18)!important;
  overflow:hidden!important;
}
.brand-logo i,.top-brand .icon i,.phone-head .circle i{display:none!important;}
.brand-panel .brand-logo{width:112px!important;height:112px!important;border-radius:30px!important;margin-bottom:20px!important;background-size:86%!important;}
.top-brand .icon{width:58px!important;height:58px!important;border-radius:18px!important;flex:0 0 58px!important;}
.top-brand h1{color:#fff!important;font-weight:900!important;letter-spacing:.2px!important;}
.top-brand h1:empty:before{content:'داومنا'}
.brand-panel h1{font-size:40px!important;}
.brand-panel h1:before{content:'داومنا';}
.brand-panel h1{font-size:0!important;}
.brand-panel h1:before{font-size:40px!important;}
.brand-panel p{font-size:0!important;}
.brand-panel p:before{content:'منصة ذكية لإدارة الحضور والانصراف';font-size:17px!important;color:rgba(255,255,255,.86)!important;}
.sidebar:before{
  content:'';display:block;width:140px;height:58px;margin:0 auto 18px auto;
  background:rgba(255,255,255,.96) url('/assets/dwamna-logo.png') center/contain no-repeat;
  border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.5);
}
.side-title{color:rgba(255,255,255,.66)!important;}
.stat,.panel,.form-card,.fcard,.login-card,.phone-card,.employee-qr{border-color:#dceee1!important;box-shadow:0 16px 42px rgba(6,39,69,.10)!important;}
.stat:before,.panel:before{background:linear-gradient(135deg,rgba(53,184,75,.08),transparent 42%)!important;}
pre{background:#031f3a!important;color:#e9fff0!important;}
@media print{.sidebar:before{display:none!important}.top-brand .icon,.brand-logo{box-shadow:none!important}}

/* Dwamna premium logo harmonization - final */
.sidebar:before{display:none!important;content:none!important;}
.dwamna-side-brand{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;min-height:76px!important;margin:2px auto 18px!important;padding:10px 8px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.14)!important;
}
.dwamna-side-mark{
  width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:17px!important;
  background:transparent url('/assets/dwamna-mark.png') center/contain no-repeat!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
.dwamna-side-text{display:flex!important;flex-direction:column!important;line-height:1.05!important;align-items:flex-start!important;min-width:0!important;}
.dwamna-side-text b{font-size:19px!important;font-weight:1000!important;letter-spacing:.2px!important;color:#fff!important;}
.dwamna-side-text strong{font-size:18px!important;font-weight:1000!important;color:#35b84b!important;margin-top:3px!important;}
.dwamna-side-text small{font-size:9px!important;font-weight:800!important;color:rgba(255,255,255,.68)!important;margin-top:5px!important;white-space:nowrap!important;}
.top-brand .icon,.brand-logo,.phone-head .circle{
  background:transparent url('/assets/dwamna-mark.png') center/contain no-repeat!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
.top-brand .icon{width:52px!important;height:52px!important;flex:0 0 52px!important;}
.nav-btn.active{background:linear-gradient(135deg,rgba(53,184,75,.25),rgba(53,184,75,.11))!important;border:1px solid rgba(53,184,75,.50)!important;box-shadow:0 12px 28px rgba(53,184,75,.14)!important;}
.nav-btn i{color:#9ff3b0!important;}
.nav-btn.active i{color:#fff!important;}
.stat,.panel,.form-card,.fcard{border:1px solid rgba(53,184,75,.16)!important;}
@media(max-width:900px){.dwamna-side-brand{max-width:360px!important;margin-inline:auto!important}}
@media print{.dwamna-side-brand{display:none!important}}