/* PPDO MIS Smart Login Themes — scoped to the login page only. */
.ppdo-login-theme{
    --ppdo-theme-primary:#0b6fa5;
    --ppdo-theme-secondary:#103f66;
    --ppdo-theme-accent:#f3c54b;
    --ppdo-theme-surface:#fff;
    --ppdo-theme-hero-overlay:rgba(4,27,48,.78);
}
body:has(.ppdo-login-theme){
    background:
        radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--ppdo-theme-accent) 22%,transparent),transparent 28%),
        radial-gradient(circle at 88% 90%,color-mix(in srgb,var(--ppdo-theme-secondary) 30%,transparent),transparent 34%),
        linear-gradient(135deg,var(--ppdo-theme-primary),var(--ppdo-theme-secondary))!important;
}
.ppdo-login-theme .ppdo-login-card{border-color:color-mix(in srgb,var(--ppdo-theme-accent) 32%,#fff)!important}
.ppdo-login-theme .ppdo-login-visual::before{
    background:
        linear-gradient(180deg,color-mix(in srgb,var(--ppdo-theme-secondary) 26%,transparent) 0%,rgba(4,27,48,.12) 38%,var(--ppdo-theme-hero-overlay) 100%),
        linear-gradient(90deg,color-mix(in srgb,var(--ppdo-theme-primary) 40%,transparent),transparent 68%)!important;
}
.ppdo-login-theme .ppdo-login-eyebrow::before{background:var(--ppdo-theme-accent)!important;box-shadow:0 1px 8px color-mix(in srgb,var(--ppdo-theme-accent) 55%,transparent)!important}
.ppdo-login-theme .ppdo-login-system-pill::before{background:var(--ppdo-theme-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ppdo-theme-accent) 22%,transparent)!important}
.ppdo-login-theme .ppdo-login-portal-label{color:var(--ppdo-theme-primary)!important}
.ppdo-login-theme .ppdo-login-brand-copy h2{color:var(--ppdo-theme-secondary)!important}
.ppdo-login-theme .ppdo-login-submit.btn-primary{background:linear-gradient(135deg,var(--ppdo-theme-secondary),var(--ppdo-theme-primary))!important}
.ppdo-login-theme .ppdo-login-submit.btn-primary:hover{filter:brightness(1.06)}
.ppdo-login-theme .ppdo-input-wrap:focus-within{border-color:var(--ppdo-theme-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ppdo-theme-primary) 14%,transparent)!important}
.ppdo-login-theme .employee-register-open:hover{border-color:var(--ppdo-theme-primary)!important;color:var(--ppdo-theme-secondary)!important}
.ppdo-login-event-ribbon{
    display:inline-flex!important;align-items:center!important;gap:9px!important;max-width:100%!important;
    margin:0 0 16px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.28)!important;
    border-radius:12px!important;background:rgba(4,27,48,.36)!important;color:#fff!important;
    backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
    font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;
}
.ppdo-login-event-ribbon::before{content:"";width:9px;height:9px;border-radius:3px;transform:rotate(45deg);background:var(--ppdo-theme-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ppdo-theme-accent) 18%,transparent)}
.ppdo-login-theme-note{
    display:grid!important;grid-template-columns:42px 1fr!important;gap:11px!important;align-items:center!important;
    margin:12px 0 0!important;padding:12px 13px!important;border-radius:14px!important;
    border:1px solid color-mix(in srgb,var(--ppdo-theme-primary) 22%,#dce6ef)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--ppdo-theme-primary) 7%,#fff),#fff)!important;
}
.ppdo-login-theme-note-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--ppdo-theme-primary) 11%,#fff);color:var(--ppdo-theme-primary)}
.ppdo-login-theme-note-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ppdo-login-theme-note strong{display:block;color:var(--ppdo-theme-secondary);font-size:12px;line-height:1.25}
.ppdo-login-theme-note span{display:block;margin-top:3px;color:#64748b;font-size:10px;line-height:1.35}
.ppdo-login-theme-note small{display:block;margin-top:4px;color:var(--ppdo-theme-primary);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ppdo-theme-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ppdo-theme-decoration span{position:absolute;display:block;opacity:.26}

/* Filipino weaving-inspired, restrained professional treatment. */
.ppdo-login-theme-buwan-wika .ppdo-theme-decoration::before,
.ppdo-login-theme-buwan-wika .ppdo-theme-decoration::after{
    content:"";position:absolute;left:0;right:0;height:18px;opacity:.68;
    background:
      linear-gradient(45deg,transparent 35%,var(--ppdo-theme-accent) 35% 48%,transparent 48% 52%,var(--ppdo-theme-primary) 52% 65%,transparent 65%) 0 0/36px 18px repeat-x;
}
.ppdo-login-theme-buwan-wika .ppdo-theme-decoration::before{top:0}.ppdo-login-theme-buwan-wika .ppdo-theme-decoration::after{bottom:0;transform:rotate(180deg)}
.ppdo-login-theme-buwan-wika .ppdo-login-visual::after{inset:auto -70px -90px auto!important;width:290px!important;height:290px!important;border-radius:18%!important;transform:rotate(45deg)!important;border:2px solid color-mix(in srgb,var(--ppdo-theme-accent) 38%,transparent)!important;box-shadow:0 0 0 28px color-mix(in srgb,var(--ppdo-theme-primary) 12%,transparent),0 0 0 56px color-mix(in srgb,var(--ppdo-theme-accent) 7%,transparent)!important}

.ppdo-login-theme-nutrition-month .ppdo-theme-decoration::before{content:"";position:absolute;width:330px;height:330px;right:-100px;bottom:-130px;border-radius:54% 46% 60% 40%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--ppdo-theme-accent) 42%,transparent),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--ppdo-theme-primary) 30%,transparent),transparent)}
.ppdo-login-theme-nutrition-month .ppdo-theme-decoration::after{content:"";position:absolute;width:150px;height:80px;right:120px;top:80px;border:2px solid color-mix(in srgb,var(--ppdo-theme-accent) 38%,transparent);border-radius:100% 0 100% 0;transform:rotate(-24deg)}

.ppdo-login-theme-disability-rights .ppdo-theme-decoration{background:radial-gradient(circle at 86% 18%,transparent 0 42px,color-mix(in srgb,var(--ppdo-theme-accent) 36%,transparent) 43px 47px,transparent 48px 70px,color-mix(in srgb,var(--ppdo-theme-primary) 30%,transparent) 71px 75px,transparent 76px)}
.ppdo-login-theme-disability-rights .ppdo-login-card{outline:3px solid color-mix(in srgb,var(--ppdo-theme-accent) 16%,transparent);outline-offset:3px}

.ppdo-login-theme-women-month .ppdo-theme-decoration::before{content:"";position:absolute;right:-80px;bottom:-95px;width:310px;height:310px;border-radius:50%;background:conic-gradient(from 20deg,color-mix(in srgb,var(--ppdo-theme-accent) 40%,transparent),transparent 28%,color-mix(in srgb,var(--ppdo-theme-primary) 38%,transparent),transparent 68%)}
.ppdo-login-theme-women-month .ppdo-theme-decoration::after{content:"";position:absolute;right:110px;bottom:80px;width:56px;height:56px;border:4px solid color-mix(in srgb,var(--ppdo-theme-accent) 62%,#fff);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--ppdo-theme-primary) 12%,transparent)}

.ppdo-login-theme-independence-day .ppdo-theme-decoration::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 72%,color-mix(in srgb,#b91c1c 22%,transparent) 72% 82%,transparent 82%),linear-gradient(35deg,transparent 0 78%,color-mix(in srgb,#0756a3 24%,transparent) 78% 88%,transparent 88%)}
.ppdo-login-theme-independence-day .ppdo-theme-decoration::after{content:"✦";position:absolute;right:56px;top:88px;color:var(--ppdo-theme-accent);font-size:64px;text-shadow:0 0 24px color-mix(in srgb,var(--ppdo-theme-accent) 56%,transparent)}

.ppdo-login-theme-christmas .ppdo-theme-decoration{background-image:radial-gradient(circle,color-mix(in srgb,var(--ppdo-theme-accent) 68%,#fff) 1.2px,transparent 1.8px);background-size:43px 43px}
.ppdo-login-theme-christmas .ppdo-theme-decoration::before{content:"";position:absolute;right:-75px;bottom:-110px;width:310px;height:310px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ppdo-theme-accent) 38%,transparent);box-shadow:0 0 0 35px color-mix(in srgb,var(--ppdo-theme-primary) 11%,transparent),0 0 0 70px color-mix(in srgb,var(--ppdo-theme-secondary) 10%,transparent)}

.ppdo-login-theme-masbate-local .ppdo-theme-decoration::before,
.ppdo-login-theme-custom .ppdo-theme-decoration::before{content:"";position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;border-radius:42% 58% 48% 52%;background:linear-gradient(145deg,color-mix(in srgb,var(--ppdo-theme-accent) 22%,transparent),color-mix(in srgb,var(--ppdo-theme-primary) 22%,transparent));transform:rotate(22deg)}

@media(max-width:780px){
  .ppdo-login-event-ribbon{font-size:10px!important;margin-bottom:10px!important}
  .ppdo-login-theme-note{grid-template-columns:36px 1fr!important;padding:10px!important}
  .ppdo-login-theme-note-icon{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.ppdo-login-theme *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.ppdo-login-theme .ppdo-login-system-pill{max-width:52%;justify-content:flex-end;text-align:right;line-height:1.2!important}
@media(max-width:780px){.ppdo-login-theme .ppdo-login-system-pill{max-width:55%;white-space:normal!important}}