/* SIGAP v0.8 — direct attendance dashboard, settings-only drawer and stronger branding */
:root{--sigap-red:#d60812;--sigap-dark:#202226;--sigap-soft:#f4f5f7;--sigap-line:#e5e7eb}
.topbar-brand-btn,.topbar-logo,#homeBtn,.mobile-nav,#mobileNav{display:none!important}
.sigap-topbar{gap:12px}.sigap-topbar .topbar-copy{flex:1}
.sigap-sidebar-brand{min-height:78px}.sigap-sidebar-logo{width:108px!important;height:46px!important;object-fit:contain!important;background:#fff;border-radius:10px;padding:4px}.sigap-sidebar-brand>div{min-width:0}.sigap-sidebar-brand strong{font-size:14px}.sigap-nav-label{padding:14px 14px 6px;color:#8e949d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}

.sigap-login-tagline{margin:8px auto 14px;max-width:520px;text-align:center;color:var(--sigap-red);font-size:18px;font-weight:900;line-height:1.3;letter-spacing:.015em}.sigap-login-card h1{margin-top:4px}.sigap-full-logo{display:block;object-fit:contain}.sigap-login-card .login-logo{width:min(430px,92%);max-height:210px;margin:0 auto 6px}.sigap-login-card{border-top-color:var(--sigap-red)}

.sigap-dashboard-v08{display:grid;gap:16px;max-width:1240px;margin:0 auto}.sigap-clock-card{overflow:hidden;position:relative;border-radius:26px;padding:22px;background:linear-gradient(140deg,#202226 0%,#34373c 58%,#7f0007 100%);color:#fff;box-shadow:0 16px 38px rgba(29,31,35,.20)}.sigap-clock-card:after{content:"";position:absolute;right:-74px;top:-90px;width:245px;height:245px;border-radius:50%;background:rgba(214,8,18,.70)}.sigap-clock-head,.sigap-clock-main,.sigap-attendance-actions,.sigap-readiness{position:relative;z-index:1}.sigap-clock-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.sigap-clock-logo{width:190px;height:62px;background:#fff;border-radius:14px;padding:7px 12px}.sigap-status-pill{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.sigap-clock-main{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin:22px 0}.sigap-kicker{display:block;color:#d8dadd;font-size:13px;font-weight:700;margin-bottom:7px}.sigap-clock-main>div:first-child>strong{display:block;font-size:48px;line-height:1;font-weight:900;letter-spacing:.02em}.sigap-clock-main>div:first-child>small{display:block;margin-top:10px;color:#e4e5e7;font-size:14px}.sigap-clock-times{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px}.sigap-clock-times>div{padding:13px 15px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.08)}.sigap-clock-times span,.sigap-clock-times strong{display:block}.sigap-clock-times span{font-size:11px;color:#cfd1d4}.sigap-clock-times strong{font-size:24px;margin-top:3px}.sigap-attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sigap-attendance-actions .btn{min-height:58px;border-radius:17px;font-size:18px}.sigap-readiness{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}.sigap-readiness>div{display:flex;align-items:center;gap:10px;min-width:0}.sigap-readiness>div>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#f0a519;color:#fff;font-weight:900}.sigap-readiness.ready>div>span{background:#168447}.sigap-readiness p,.sigap-readiness strong,.sigap-readiness small{margin:0;display:block}.sigap-readiness small{color:#d6d8db;margin-top:2px}.sigap-readiness button{border:0;border-radius:12px;padding:10px 15px;background:#fff;color:#282a2f;font-weight:900}

.sigap-quick-card,.sigap-history-card{background:#fff;border:1px solid var(--sigap-line);border-radius:24px;padding:19px;box-shadow:0 9px 28px rgba(28,30,34,.07)}.sigap-section-title{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:15px}.sigap-section-title h3,.sigap-section-title p{margin:0}.sigap-section-title h3{font-size:20px}.sigap-section-title p{font-size:12px;color:#747982;margin-top:4px}.sigap-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.sigap-quick-item{min-width:0;text-align:left;border:1px solid #e9ebee;border-radius:18px;padding:15px;background:#fafbfc;transition:.15s ease}.sigap-quick-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,33,37,.08)}.sigap-quick-item>span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#fff0f1;font-size:22px}.sigap-quick-item strong,.sigap-quick-item small{display:block}.sigap-quick-item strong{margin-top:10px;color:#282a2f;font-size:14px}.sigap-quick-item small{margin-top:3px;color:#7a7f87;font-size:11px;line-height:1.3}.sigap-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sigap-summary-grid article{background:#fff;border:1px solid var(--sigap-line);border-radius:20px;padding:17px}.sigap-summary-grid span,.sigap-summary-grid strong{display:block}.sigap-summary-grid span{font-size:12px;color:#7b8088}.sigap-summary-grid strong{margin-top:7px;font-size:23px;color:#24262a}.sigap-recent-list{display:grid;gap:0}.sigap-recent-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #eceef1}.sigap-recent-row:last-child{border-bottom:0}.sigap-recent-row strong,.sigap-recent-row small{display:block}.sigap-recent-row small{color:#7a7f87;margin-top:3px}.sigap-recent-time{display:flex;align-items:center;gap:8px;font-weight:800}

.sigap-settings-page{display:grid;gap:15px;max-width:900px;margin:0 auto}.sigap-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:25px;background:linear-gradient(135deg,#24262a,#4a4d53);color:#fff}.sigap-settings-hero h3{margin:5px 0 7px;font-size:26px}.sigap-settings-hero p{margin:0;color:#d5d7da}.sigap-security-score{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#8d1d23;border:7px solid rgba(255,255,255,.18);font-weight:900}.sigap-security-score.ready{background:#168447}.sigap-settings-card{padding:8px 20px 20px}.sigap-setting-row{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #eceef1}.sigap-setting-row strong,.sigap-setting-row small{display:block}.sigap-setting-row small{margin-top:4px;color:#7a7f87}.sigap-setting-row>span{font-weight:900}.sigap-setting-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.sigap-setting-actions .btn{min-height:48px}

@media(max-width:1024px){
  .sigap-topbar{height:70px;min-height:70px;padding:9px 14px}.sigap-topbar .topbar-copy h2{font-size:22px}.sigap-sidebar-logo{width:118px!important}
  .sigap-login-tagline{font-size:17px;line-height:1.35;padding:0 10px}.sigap-login-card .login-logo{width:min(410px,94vw);max-height:190px}
  .sigap-dashboard-v08{gap:12px}.sigap-clock-card{padding:17px;border-radius:23px}.sigap-clock-logo{width:155px;height:52px}.sigap-status-pill{font-size:10px;padding:7px 10px}.sigap-clock-main{display:block;margin:18px 0}.sigap-clock-main>div:first-child>strong{font-size:43px}.sigap-clock-times{margin-top:15px}.sigap-clock-times>div{padding:10px 12px}.sigap-clock-times strong{font-size:21px}.sigap-attendance-actions{gap:9px}.sigap-attendance-actions .btn{min-height:54px;font-size:16px}.sigap-readiness{align-items:flex-start}.sigap-readiness button{align-self:center}.sigap-readiness small{font-size:10px}
  .sigap-quick-card,.sigap-history-card{padding:16px;border-radius:22px}.sigap-section-title h3{font-size:18px}.sigap-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sigap-quick-item{padding:12px}.sigap-quick-item>span{width:42px;height:42px}.sigap-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sigap-summary-grid article{padding:14px;border-radius:18px}.sigap-summary-grid strong{font-size:19px}.sigap-recent-row{grid-template-columns:1fr auto;gap:10px}.sigap-recent-row>div:last-child{grid-column:1/-1}.sigap-recent-time{font-size:13px}.sigap-settings-hero{padding:18px}.sigap-security-score{width:70px;height:70px;border-width:5px;font-size:12px}.sigap-setting-actions{grid-template-columns:1fr}.content{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){.sigap-clock-logo{width:135px}.sigap-clock-main>div:first-child>strong{font-size:39px}.sigap-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sigap-quick-item strong{font-size:12px}.sigap-quick-item small{font-size:9.5px}.sigap-login-tagline{font-size:16px}.sigap-attendance-actions{grid-template-columns:1fr 1fr}}

/* SIGAP v1.9.8 — iOS status-bar, current logo and compact mobile header */
.sigap-app-avatar{
  overflow:hidden;
  padding:0!important;
  background:#fff!important;
  border:1px solid #ead4d6;
  box-shadow:0 5px 14px rgba(116,9,18,.14)!important;
}
.sigap-app-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:1024px){
  .sigap-topbar{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:70px!important;
    padding:9px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))!important;
    gap:10px!important;
  }
  html.is-ios.is-standalone .sigap-topbar{
    height:calc(70px + env(safe-area-inset-top))!important;
    min-height:calc(70px + env(safe-area-inset-top))!important;
    padding-top:calc(9px + env(safe-area-inset-top))!important;
  }
  .sigap-topbar .menu-trigger{flex:0 0 42px!important;width:42px!important;height:42px!important}
  .sigap-topbar .topbar-copy{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
  .sigap-topbar .topbar-copy h2{font-size:21px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sigap-topbar .user-box{flex:0 0 auto!important;margin-left:auto!important}
  .sigap-topbar .avatar{width:42px!important;height:42px!important;min-width:42px!important}
}
@media(max-width:390px){
  .sigap-topbar{gap:8px!important}
  .sigap-topbar .topbar-copy h2{font-size:19px!important}
  .sigap-topbar .menu-trigger{flex-basis:40px!important;width:40px!important;height:40px!important}
  .sigap-topbar .avatar{width:40px!important;height:40px!important;min-width:40px!important}
}