/* PPDO MIS Intelligent National Seasonal Login Theme — 2026-08-03 v3 — official Buwan ng Wika 2026 correction
   Permanent PPDO identity + restrained current-observance atmosphere.
   Presentation only. Authentication and registration behavior are untouched. */

body:has(.ppdo-login-professional.ppdo-login-theme){
  --ppdo-brand-blue:#087eae;
  --ppdo-brand-navy:#123b62;
  --ppdo-brand-deep:#082d4b;
  --ppdo-brand-gold:#e9b83c;
  --ppdo-brand-surface:#ffffff;
  --ppdo-brand-page:#edf4f8;
  background:
    radial-gradient(circle at 13% 12%,rgba(8,126,174,.10),transparent 29%),
    radial-gradient(circle at 88% 86%,rgba(18,59,98,.11),transparent 31%),
    linear-gradient(145deg,#eef5f8 0%,#e8f0f4 55%,#f5f8fa 100%)!important;
}
body:has(.ppdo-login-professional.ppdo-login-theme)::before{
  background-image:
    linear-gradient(rgba(8,126,174,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,126,174,.022) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  opacity:.68!important;
}

/* Main card and permanent PPDO visual identity */
.ppdo-login-professional.ppdo-login-theme .ppdo-login-card{
  border:1px solid color-mix(in srgb,var(--ppdo-theme-accent) 20%,#d5e2ea)!important;
  border-top:2px solid color-mix(in srgb,var(--ppdo-theme-accent) 72%,var(--ppdo-brand-gold))!important;
  box-shadow:0 30px 78px rgba(7,39,62,.22),0 8px 24px rgba(7,39,62,.10)!important;
  isolation:isolate!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-visual{background-position:center 52%!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-visual::before{
  background:
    linear-gradient(180deg,rgba(5,31,52,.14) 0%,rgba(5,31,52,.08) 31%,rgba(5,31,52,.36) 61%,rgba(5,26,45,.82) 100%),
    linear-gradient(90deg,color-mix(in srgb,var(--ppdo-theme-secondary) 18%,transparent) 0%,transparent 72%)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-theme-decoration{display:none!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-event-ribbon{display:none!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-system-pill{
  border-color:color-mix(in srgb,var(--ppdo-theme-accent) 42%,rgba(255,255,255,.30))!important;
  background:rgba(7,37,60,.46)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
.ppdo-login-professional.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-professional.ppdo-login-theme .login-system-title{
  max-width:570px!important;
  margin:0 0 15px!important;
  font-size:clamp(42px,4.15vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
.ppdo-login-professional.ppdo-login-theme .login-system-title .ppdo-title-line{display:block!important;}
.ppdo-login-professional.ppdo-login-theme .login-system-title .ppdo-title-line:last-child{color:#fff!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-visual-copy>p{
  max-width:570px!important;
  font-size:16px!important;
  line-height:1.48!important;
  color:rgba(255,255,255,.88)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-eyebrow{margin-bottom:14px!important;color:rgba(255,255,255,.94)!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-eyebrow::before{background:var(--ppdo-theme-accent)!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-capabilities span{
  background:rgba(5,28,46,.46)!important;
  border-color:rgba(255,255,255,.24)!important;
}

/* Right panel becomes the seasonal canvas, while the form stays readable. */
.ppdo-login-professional.ppdo-login-theme .ppdo-login-panel{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.965),color-mix(in srgb,var(--ppdo-theme-surface) 34%,#fff))!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-panel::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  z-index:5!important;
  background:linear-gradient(90deg,var(--ppdo-brand-blue),var(--ppdo-theme-accent),var(--ppdo-brand-navy))!important;
  opacity:.92!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-form-shell{
  position:relative!important;
  z-index:3!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  opacity:1!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-backdrop::before{
  content:"";
  position:absolute;
  width:370px;
  height:370px;
  right:-165px;
  top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--ppdo-theme-primary) 13%,transparent),transparent 67%);
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-backdrop::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  left:-190px;
  bottom:-185px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--ppdo-theme-accent) 22%,transparent);
  box-shadow:0 0 0 34px color-mix(in srgb,var(--ppdo-theme-primary) 4%,transparent),0 0 0 68px color-mix(in srgb,var(--ppdo-theme-secondary) 3%,transparent);
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-motif{
  position:absolute;
  inset:0;
  opacity:.18;
  color:var(--ppdo-theme-primary);
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-shape{position:absolute;display:block;}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark{
  position:absolute;
  right:23px;
  bottom:22px;
  max-width:250px;
  padding:12px 14px 11px;
  border-right:3px solid color-mix(in srgb,var(--ppdo-theme-accent) 72%,#fff);
  text-align:right;
  opacity:.22;
  color:var(--ppdo-theme-secondary);
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark span,
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark strong,
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark small{display:block;}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark span{
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark strong{
  margin-top:4px;
  font-size:19px;
  line-height:1.04;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark small{
  margin-top:5px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.ppdo-login-professional.ppdo-login-theme:not(.ppdo-has-current-activity) .ppdo-seasonal-watermark{display:none!important;}

/* Form hierarchy and contrast */
.ppdo-login-professional.ppdo-login-theme .ppdo-login-brand,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-form,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-account-help,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-new-user,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-reminder,
.ppdo-login-professional.ppdo-login-theme .flash,
.ppdo-login-professional.ppdo-login-theme .employee-submission-receipt{
  position:relative!important;
  z-index:2!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-portal-label{color:var(--ppdo-brand-blue)!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-brand-copy h2{color:var(--ppdo-brand-deep)!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-brand-logo,
.ppdo-login-professional.ppdo-login-theme .ppdo-login-brand-fallback{
  box-shadow:0 12px 25px rgba(9,55,91,.10)!important;
  border-color:color-mix(in srgb,var(--ppdo-theme-accent) 24%,#d6e3eb)!important;
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(8px)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-input-wrap{
  background:rgba(248,251,253,.94)!important;
  border-color:#c8d9e5!important;
  backdrop-filter:blur(5px)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-input-wrap:focus-within{
  border-color:var(--ppdo-brand-blue)!important;
  box-shadow:0 0 0 4px rgba(8,126,174,.12)!important;
  background:#fff!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-submit.btn-primary{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--ppdo-brand-navy),var(--ppdo-brand-blue))!important;
  box-shadow:0 11px 22px rgba(8,78,119,.20)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-submit.btn-primary::after{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:3px!important;
  background:var(--ppdo-theme-accent)!important;
  opacity:.92!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-submit.btn-primary:hover{
  filter:none!important;
  background:linear-gradient(135deg,#0d3458,#0876a7)!important;
  transform:translateY(-1px)!important;
}
.ppdo-login-professional.ppdo-login-theme .employee-register-open{
  background:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(7px)!important;
}
.ppdo-login-professional.ppdo-login-theme .employee-register-open:hover{
  border-color:var(--ppdo-brand-blue)!important;
  color:var(--ppdo-brand-deep)!important;
  background:#f4fafe!important;
}

/* Current activity card */
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  padding:13px 14px!important;
  border-color:color-mix(in srgb,var(--ppdo-theme-primary) 24%,#d8e4eb)!important;
  border-left:4px solid var(--ppdo-theme-primary)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ppdo-theme-primary) 7%,rgba(255,255,255,.94)),rgba(255,255,255,.88))!important;
  box-shadow:0 8px 22px rgba(9,55,91,.05)!important;
  backdrop-filter:blur(10px)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note>div::before{
  content:"Current National Activity"!important;
  display:block!important;
  margin-bottom:3px!important;
  color:var(--ppdo-theme-primary)!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.ppdo-login-professional.ppdo-login-theme[data-login-theme-source="manual"] .ppdo-login-theme-note>div::before,
.ppdo-login-professional.ppdo-login-theme[data-login-theme-source="local"] .ppdo-login-theme-note>div::before{content:"Current Office Activity"!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note-icon{
  background:color-mix(in srgb,var(--ppdo-theme-primary) 10%,#fff)!important;
  color:var(--ppdo-theme-primary)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note strong{color:var(--ppdo-brand-deep)!important;font-size:12px!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note small{color:var(--ppdo-theme-primary)!important;}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-reminder{
  border-color:#dbe7ee!important;
  background:rgba(247,251,253,.84)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-reminder-icon{color:var(--ppdo-brand-blue)!important;background:#fff!important;}

/* DEFAULT PPDO: quiet planning/data grid */
.ppdo-login-professional.ppdo-login-theme-default .ppdo-seasonal-motif{
  background-image:linear-gradient(color-mix(in srgb,var(--ppdo-brand-blue) 32%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ppdo-brand-blue) 32%,transparent) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(135deg,transparent 5%,#000 70%,transparent 100%);
}
.ppdo-login-professional.ppdo-login-theme-default .ppdo-seasonal-shape-1{right:38px;top:80px;width:150px;height:90px;border:2px solid currentColor;border-radius:80% 30% 70% 35%;transform:rotate(-12deg);}
.ppdo-login-professional.ppdo-login-theme-default .ppdo-seasonal-shape-2{right:75px;top:120px;width:105px;height:62px;border:1px solid currentColor;border-radius:70% 35% 60% 40%;}

/* JANUARY — circular economy and recovery rings */
.ppdo-login-professional.ppdo-login-theme-zero-waste .ppdo-seasonal-motif{opacity:.20;}
.ppdo-login-professional.ppdo-login-theme-zero-waste .ppdo-seasonal-shape-1{right:-52px;top:62px;width:235px;height:235px;border:18px solid currentColor;border-left-color:transparent;border-radius:50%;transform:rotate(22deg);}
.ppdo-login-professional.ppdo-login-theme-zero-waste .ppdo-seasonal-shape-2{right:15px;top:130px;width:100px;height:100px;border:10px solid var(--ppdo-theme-secondary);border-right-color:transparent;border-radius:50%;transform:rotate(-20deg);}
.ppdo-login-professional.ppdo-login-theme-zero-waste .ppdo-seasonal-shape-3{left:28px;bottom:120px;width:78px;height:42px;border:2px solid currentColor;border-radius:80% 10% 80% 10%;transform:rotate(-35deg);}
.ppdo-login-professional.ppdo-login-theme-zero-waste .ppdo-seasonal-shape-4{left:58px;bottom:95px;width:78px;height:42px;border:2px solid currentColor;border-radius:10% 80% 10% 80%;transform:rotate(30deg);}

/* FEBRUARY — layered creative forms */
.ppdo-login-professional.ppdo-login-theme-arts-month .ppdo-seasonal-shape-1{right:-95px;top:-35px;width:270px;height:270px;border-radius:50%;background:conic-gradient(from 10deg,var(--ppdo-theme-accent),transparent 30%,var(--ppdo-theme-primary),transparent 72%);filter:blur(.2px);}
.ppdo-login-professional.ppdo-login-theme-arts-month .ppdo-seasonal-shape-2{right:34px;top:115px;width:142px;height:26px;border-radius:999px;background:var(--ppdo-theme-primary);transform:rotate(-31deg);}
.ppdo-login-professional.ppdo-login-theme-arts-month .ppdo-seasonal-shape-3{right:20px;top:165px;width:170px;height:18px;border-radius:999px;background:var(--ppdo-theme-accent);transform:rotate(-16deg);}
.ppdo-login-professional.ppdo-login-theme-arts-month .ppdo-seasonal-shape-4{left:26px;bottom:85px;width:64px;height:64px;border-radius:50%;border:13px solid var(--ppdo-theme-primary);}
.ppdo-login-professional.ppdo-login-theme-arts-month .ppdo-seasonal-shape-5{left:76px;bottom:52px;width:42px;height:42px;border-radius:50%;background:var(--ppdo-theme-accent);}

/* MARCH — leadership ribbon and balanced circles */
.ppdo-login-professional.ppdo-login-theme-women-month .ppdo-seasonal-shape-1{right:-30px;top:20px;width:230px;height:300px;border:18px solid currentColor;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(28deg);}
.ppdo-login-professional.ppdo-login-theme-women-month .ppdo-seasonal-shape-2{right:85px;top:75px;width:94px;height:94px;border-radius:50%;border:3px solid var(--ppdo-theme-accent);}
.ppdo-login-professional.ppdo-login-theme-women-month .ppdo-seasonal-shape-3{right:112px;top:102px;width:40px;height:40px;border-radius:50%;background:var(--ppdo-theme-primary);}
.ppdo-login-professional.ppdo-login-theme-women-month .ppdo-seasonal-shape-4{left:34px;bottom:72px;width:130px;height:2px;background:var(--ppdo-theme-primary);box-shadow:0 12px 0 var(--ppdo-theme-accent),0 24px 0 var(--ppdo-theme-primary);}

/* APRIL — plate, grains, and farm-to-table geometry */
.ppdo-login-professional.ppdo-login-theme-food-month .ppdo-seasonal-shape-1{right:-40px;top:45px;width:230px;height:230px;border-radius:50%;border:2px solid currentColor;box-shadow:inset 0 0 0 26px color-mix(in srgb,var(--ppdo-theme-primary) 15%,transparent),inset 0 0 0 52px color-mix(in srgb,var(--ppdo-theme-accent) 14%,transparent);}
.ppdo-login-professional.ppdo-login-theme-food-month .ppdo-seasonal-shape-2{right:45px;top:140px;width:22px;height:10px;border:2px solid var(--ppdo-theme-secondary);border-radius:100% 0 100% 0;transform:rotate(28deg);box-shadow:28px -28px 0 -2px var(--ppdo-theme-accent),55px 2px 0 -2px var(--ppdo-theme-primary),18px 42px 0 -2px var(--ppdo-theme-secondary);}
.ppdo-login-professional.ppdo-login-theme-food-month .ppdo-seasonal-shape-3{left:28px;bottom:83px;width:140px;height:70px;border-bottom:3px solid currentColor;border-radius:0 0 70% 70%;}

/* MAY — woven heritage geometry */
.ppdo-login-professional.ppdo-login-theme-heritage-month .ppdo-seasonal-motif{
  background-image:linear-gradient(45deg,transparent 44%,currentColor 45%,currentColor 48%,transparent 49%),linear-gradient(-45deg,transparent 44%,var(--ppdo-theme-accent) 45%,var(--ppdo-theme-accent) 48%,transparent 49%);
  background-size:44px 44px;
  mask-image:linear-gradient(135deg,transparent 10%,#000 72%,transparent 100%);
}
.ppdo-login-professional.ppdo-login-theme-heritage-month .ppdo-seasonal-shape-1{right:-72px;top:80px;width:250px;height:250px;border:2px solid currentColor;transform:rotate(45deg);border-radius:22%;box-shadow:0 0 0 24px color-mix(in srgb,var(--ppdo-theme-accent) 22%,transparent);}

/* JUNE — environment leaves and coastal waves */
.ppdo-login-professional.ppdo-login-theme-environment-month .ppdo-seasonal-shape-1{right:-45px;top:35px;width:220px;height:150px;border:3px solid currentColor;border-radius:100% 0 100% 0;transform:rotate(-20deg);}
.ppdo-login-professional.ppdo-login-theme-environment-month .ppdo-seasonal-shape-2{right:75px;top:120px;width:120px;height:80px;border:2px solid var(--ppdo-theme-secondary);border-radius:0 100% 0 100%;transform:rotate(18deg);}
.ppdo-login-professional.ppdo-login-theme-environment-month .ppdo-seasonal-shape-3{left:-20px;bottom:92px;width:250px;height:55px;border-top:3px solid currentColor;border-radius:50%;box-shadow:0 -14px 0 -12px var(--ppdo-theme-secondary),0 -28px 0 -25px var(--ppdo-theme-accent);}

/* JUNE 12 — restrained sun rays and national colors */
.ppdo-login-professional.ppdo-login-theme-independence-day .ppdo-seasonal-shape-1{right:-75px;top:-75px;width:250px;height:250px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ppdo-theme-accent) 0 6deg,transparent 6deg 18deg);}
.ppdo-login-professional.ppdo-login-theme-independence-day .ppdo-seasonal-shape-2{right:26px;top:25px;width:52px;height:52px;border-radius:50%;background:var(--ppdo-theme-accent);}
.ppdo-login-professional.ppdo-login-theme-independence-day .ppdo-seasonal-shape-3{left:18px;bottom:85px;width:185px;height:3px;background:var(--ppdo-theme-primary);box-shadow:0 11px 0 var(--ppdo-theme-secondary),0 22px 0 var(--ppdo-theme-accent);transform:skewX(-28deg);}

/* JULY — resilience rings and preparedness shield */
.ppdo-login-professional.ppdo-login-theme-resilience-month .ppdo-seasonal-shape-1{right:-74px;top:28px;width:250px;height:250px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 0 20px color-mix(in srgb,var(--ppdo-theme-primary) 18%,transparent),0 0 0 42px color-mix(in srgb,var(--ppdo-theme-secondary) 13%,transparent);}
.ppdo-login-professional.ppdo-login-theme-resilience-month .ppdo-seasonal-shape-2{right:45px;top:105px;width:86px;height:105px;border:3px solid var(--ppdo-theme-secondary);border-radius:45% 45% 55% 55%/28% 28% 70% 70%;clip-path:polygon(50% 0,100% 18%,88% 73%,50% 100%,12% 73%,0 18%);}
.ppdo-login-professional.ppdo-login-theme-resilience-month .ppdo-seasonal-shape-3{left:30px;bottom:76px;width:160px;height:36px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 17px);transform:skewX(-18deg);}

/* JULY 17–23 — inclusive connected arcs */
.ppdo-login-professional.ppdo-login-theme-disability-rights .ppdo-seasonal-shape-1{right:-30px;top:50px;width:215px;height:215px;border:16px solid currentColor;border-right-color:var(--ppdo-theme-accent);border-bottom-color:var(--ppdo-theme-secondary);border-radius:50%;}
.ppdo-login-professional.ppdo-login-theme-disability-rights .ppdo-seasonal-shape-2{right:54px;top:134px;width:46px;height:46px;border-radius:50%;background:var(--ppdo-theme-primary);}
.ppdo-login-professional.ppdo-login-theme-disability-rights .ppdo-seasonal-shape-3{left:30px;bottom:72px;width:145px;height:2px;background:currentColor;box-shadow:0 14px 0 var(--ppdo-theme-secondary),0 28px 0 var(--ppdo-theme-accent);}
.ppdo-login-professional.ppdo-login-theme-disability-rights .ppdo-seasonal-shape-4{left:58px;bottom:58px;width:12px;height:42px;border-radius:999px;background:var(--ppdo-theme-accent);box-shadow:38px -8px 0 var(--ppdo-theme-primary),76px 4px 0 var(--ppdo-theme-secondary);}

/* AUGUST — Filipino textile-inspired weave + digital knowledge nodes */
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-motif{
  opacity:.21;
  background-image:
    linear-gradient(135deg,transparent 0 42%,currentColor 42% 47%,transparent 47% 100%),
    linear-gradient(45deg,transparent 0 42%,var(--ppdo-theme-accent) 42% 47%,transparent 47% 100%);
  background-size:34px 34px;
  mask-image:linear-gradient(145deg,transparent 5%,#000 60%,transparent 98%);
}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-shape-1{right:-76px;top:58px;width:245px;height:245px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 0 20px color-mix(in srgb,var(--ppdo-theme-accent) 20%,transparent),0 0 0 41px color-mix(in srgb,var(--ppdo-theme-secondary) 12%,transparent);}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-shape-2{right:33px;top:112px;width:11px;height:11px;border-radius:50%;background:var(--ppdo-theme-accent);box-shadow:45px 25px 0 var(--ppdo-theme-primary),13px 73px 0 var(--ppdo-theme-secondary),75px 88px 0 var(--ppdo-theme-accent);}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-shape-3{right:44px;top:123px;width:76px;height:1px;background:currentColor;transform:rotate(28deg);box-shadow:13px 44px 0 var(--ppdo-theme-secondary);}

/* SEPTEMBER — civil-service seal and orderly public-service lines */
.ppdo-login-professional.ppdo-login-theme-civil-service .ppdo-seasonal-shape-1{right:-78px;top:20px;width:260px;height:260px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 0 24px color-mix(in srgb,var(--ppdo-theme-primary) 16%,transparent),0 0 0 50px color-mix(in srgb,var(--ppdo-theme-accent) 12%,transparent);}
.ppdo-login-professional.ppdo-login-theme-civil-service .ppdo-seasonal-shape-2{right:40px;top:92px;width:90px;height:90px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ppdo-theme-accent) 0 4deg,transparent 4deg 20deg);}
.ppdo-login-professional.ppdo-login-theme-civil-service .ppdo-seasonal-shape-3{right:71px;top:123px;width:28px;height:28px;border-radius:50%;background:var(--ppdo-theme-primary);}
.ppdo-login-professional.ppdo-login-theme-civil-service .ppdo-seasonal-shape-4{left:28px;bottom:76px;width:150px;height:2px;background:currentColor;box-shadow:0 13px 0 currentColor,0 26px 0 var(--ppdo-theme-accent);}

/* OCTOBER — data grid, bars, and trend line */
.ppdo-login-professional.ppdo-login-theme-statistics-month .ppdo-seasonal-motif{
  background-image:radial-gradient(circle,currentColor 1.3px,transparent 1.6px);
  background-size:20px 20px;
  mask-image:linear-gradient(135deg,transparent 8%,#000 70%,transparent 100%);
}
.ppdo-login-professional.ppdo-login-theme-statistics-month .ppdo-seasonal-shape-1{right:28px;top:72px;width:170px;height:145px;background:linear-gradient(to top,var(--ppdo-theme-accent) 0 34%,transparent 34%) 0 100%/28px 42% no-repeat,linear-gradient(to top,var(--ppdo-theme-primary) 0 58%,transparent 58%) 45px 100%/28px 68% no-repeat,linear-gradient(to top,var(--ppdo-theme-accent) 0 78%,transparent 78%) 90px 100%/28px 88% no-repeat,linear-gradient(to top,var(--ppdo-theme-primary) 0 48%,transparent 48%) 135px 100%/28px 58% no-repeat;}
.ppdo-login-professional.ppdo-login-theme-statistics-month .ppdo-seasonal-shape-2{right:34px;top:88px;width:160px;height:88px;border-top:3px solid var(--ppdo-theme-secondary);transform:skewY(-18deg);}

/* NOVEMBER — safe, child-centered playful geometry */
.ppdo-login-professional.ppdo-login-theme-children-month .ppdo-seasonal-shape-1{right:-35px;top:30px;width:205px;height:205px;border-radius:42% 58% 54% 46%;background:color-mix(in srgb,var(--ppdo-theme-primary) 24%,transparent);transform:rotate(18deg);}
.ppdo-login-professional.ppdo-login-theme-children-month .ppdo-seasonal-shape-2{right:55px;top:92px;width:64px;height:64px;background:var(--ppdo-theme-accent);clip-path:polygon(50% 0,61% 35%,100% 38%,69% 60%,80% 100%,50% 76%,20% 100%,31% 60%,0 38%,39% 35%);}
.ppdo-login-professional.ppdo-login-theme-children-month .ppdo-seasonal-shape-3{left:32px;bottom:72px;width:24px;height:24px;border-radius:8px;background:var(--ppdo-theme-primary);box-shadow:38px -12px 0 var(--ppdo-theme-accent),78px 6px 0 var(--ppdo-theme-secondary),118px -8px 0 color-mix(in srgb,var(--ppdo-theme-primary) 60%,#fff);transform:rotate(12deg);}

/* DECEMBER — bayanihan network and volunteer connection */
.ppdo-login-professional.ppdo-login-theme-volunteer-month .ppdo-seasonal-shape-1{right:-62px;top:22px;width:240px;height:240px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 0 22px color-mix(in srgb,var(--ppdo-theme-primary) 14%,transparent),0 0 0 45px color-mix(in srgb,var(--ppdo-theme-secondary) 10%,transparent);}
.ppdo-login-professional.ppdo-login-theme-volunteer-month .ppdo-seasonal-shape-2{right:46px;top:96px;width:22px;height:22px;border-radius:50%;background:var(--ppdo-theme-accent);box-shadow:58px -14px 0 var(--ppdo-theme-primary),80px 45px 0 var(--ppdo-theme-secondary),22px 78px 0 var(--ppdo-theme-accent);}
.ppdo-login-professional.ppdo-login-theme-volunteer-month .ppdo-seasonal-shape-3{right:52px;top:109px;width:112px;height:1px;background:currentColor;transform:rotate(-14deg);box-shadow:12px 58px 0 var(--ppdo-theme-secondary);}
.ppdo-login-professional.ppdo-login-theme-volunteer-month .ppdo-seasonal-shape-4{left:32px;bottom:70px;width:130px;height:58px;border:3px solid currentColor;border-top:0;border-radius:0 0 65px 65px;transform:rotate(-3deg);}

/* Optional manual Christmas preset */
.ppdo-login-professional.ppdo-login-theme-christmas .ppdo-seasonal-shape-1{right:-50px;top:20px;width:210px;height:260px;background:linear-gradient(145deg,transparent 0 20%,currentColor 21% 28%,transparent 29% 42%,var(--ppdo-theme-secondary) 43% 51%,transparent 52% 64%,var(--ppdo-theme-accent) 65% 72%,transparent 73%);clip-path:polygon(50% 0,100% 100%,0 100%);}
.ppdo-login-professional.ppdo-login-theme-christmas .ppdo-seasonal-shape-2{right:49px;top:40px;width:36px;height:36px;background:var(--ppdo-theme-accent);clip-path:polygon(50% 0,61% 35%,100% 38%,69% 60%,80% 100%,50% 76%,20% 100%,31% 60%,0 38%,39% 35%);}

@media(max-width:1100px){
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark{display:none!important;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-motif{opacity:.12;}
}
@media(max-width:980px){
  .ppdo-login-professional.ppdo-login-theme .login-system-title{font-size:clamp(38px,5.4vw,54px)!important;}
}
@media(max-width:780px){
  .ppdo-login-professional.ppdo-login-theme .login-system-title{font-size:clamp(34px,9vw,48px)!important;line-height:1.02!important;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-visual-copy>p{font-size:14px!important;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-system-pill{max-width:58%!important;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note{grid-template-columns:38px minmax(0,1fr)!important;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-backdrop{opacity:.62!important;}
}
@media(max-width:560px){
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-backdrop::before{width:250px;height:250px;right:-140px;top:-100px;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-motif{opacity:.09;}
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note>div::before{font-size:7px!important;}
}
@media(prefers-reduced-motion:reduce){
  .ppdo-login-professional.ppdo-login-theme *{animation:none!important;transition:none!important;}
}


/* Official Buwan ng Wikang Pambansa 2026 correction:
   Filipino textile language heritage + responsible AI / information network. */
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark-theme{
  display:block!important;
  max-width:285px!important;
  margin-top:7px!important;
  color:color-mix(in srgb,var(--ppdo-theme-secondary) 82%,#263849)!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.45!important;
  text-wrap:balance!important;
}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-login-theme-note{
  border-color:color-mix(in srgb,var(--ppdo-theme-primary) 24%,#d7e1e8)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--ppdo-theme-surface) 78%,#fff))!important;
}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-login-theme-note strong::after{
  content:'OFFICIAL 2026 THEME';
  display:inline-flex;
  margin-left:7px;
  padding:3px 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ppdo-theme-accent) 22%,#fff);
  color:var(--ppdo-theme-primary);
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  vertical-align:middle;
}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-shape-4{
  right:30px;top:218px;width:118px;height:70px;
  background:
    radial-gradient(circle at 8% 50%,var(--ppdo-theme-accent) 0 4px,transparent 5px),
    radial-gradient(circle at 50% 8%,var(--ppdo-theme-primary) 0 4px,transparent 5px),
    radial-gradient(circle at 92% 50%,var(--ppdo-theme-secondary) 0 4px,transparent 5px),
    radial-gradient(circle at 50% 92%,var(--ppdo-theme-accent) 0 4px,transparent 5px),
    linear-gradient(27deg,transparent 48%,currentColor 49% 51%,transparent 52%),
    linear-gradient(-27deg,transparent 48%,currentColor 49% 51%,transparent 52%);
  opacity:.72;
}
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-shape-5{
  left:28px;bottom:70px;width:185px;height:40px;
  background:repeating-linear-gradient(90deg,var(--ppdo-theme-primary) 0 3px,transparent 3px 13px);
  mask-image:linear-gradient(90deg,#000,transparent);
  transform:skewX(-18deg);
  opacity:.40;
}
@media(max-width:760px){
  .ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark-theme{max-width:230px!important;font-size:10px!important;}
  .ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-login-theme-note strong::after{display:none;}
}

/* Login visual-balance hotfix — 2026-08-03 v4
   Fixes the oversized hero title and removes duplicate/ghost seasonal copy
   behind the Daily Reminder while retaining the seasonal decorative motif. */
@media (min-width:1041px){
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-visual-copy.login-left-content{
    width:min(610px,100%)!important;
    max-width:610px!important;
  }
  .ppdo-login-professional.ppdo-login-theme .login-system-title{
    max-width:610px!important;
    margin:0 0 13px!important;
    font-size:clamp(40px,3.15vw,50px)!important;
    line-height:1.015!important;
    letter-spacing:-.038em!important;
  }
  .ppdo-login-professional.ppdo-login-theme .login-system-title .ppdo-title-line{
    display:block!important;
    white-space:nowrap!important;
  }
  .ppdo-login-professional.ppdo-login-theme .ppdo-login-visual-copy>p{
    max-width:555px!important;
    font-size:15px!important;
    line-height:1.48!important;
  }
}

/* The activity card already contains the official title, theme, and dates.
   Hide the secondary watermark copy so it cannot overlap the reminder card. */
.ppdo-login-professional.ppdo-login-theme .ppdo-seasonal-watermark{
  display:none!important;
}

/* Keep the seasonal artwork visible but quieter around the form controls. */
.ppdo-login-professional.ppdo-login-theme-buwan-wika .ppdo-seasonal-motif{
  opacity:.14!important;
  mask-image:linear-gradient(145deg,#000 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.58) 100%)!important;
  -webkit-mask-image:linear-gradient(145deg,#000 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.58) 100%)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-reminder{
  position:relative!important;
  z-index:4!important;
  background:rgba(248,252,254,.96)!important;
  border-color:#d6e5ee!important;
  box-shadow:0 7px 18px rgba(8,55,88,.05)!important;
}
.ppdo-login-professional.ppdo-login-theme .ppdo-login-theme-note{
  position:relative!important;
  z-index:4!important;
}

@media (max-width:1040px){
  .ppdo-login-professional.ppdo-login-theme .login-system-title .ppdo-title-line{
    white-space:normal!important;
  }
}