/*10302026 start pat RegVisuals*/
:root{--sp:cubic-bezier(.34,1.56,.64,1)}
@keyframes rgPop2{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes rgBadge{from{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes rgNum{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes rgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rgDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,18px)}}
@keyframes rgRing{0%{box-shadow:0 0 0 0 rgba(52,86,156,.45)}70%,100%{box-shadow:0 0 0 12px rgba(52,86,156,0)}}
@keyframes rgShake{0%,100%{transform:none}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@keyframes rgStep{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
:is(.doc-reg,.min-h-screen.bg-gradient-to-br){position:relative;isolation:isolate;background-image:linear-gradient(160deg,#3a5fa8,#2b4682)!important}
:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::before,:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::after{content:"";position:fixed;z-index:-1;border-radius:9999px;pointer-events:none}
:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::before{width:24rem;height:24rem;bottom:-8rem;right:-8rem;background:rgba(255,255,255,.08);animation:rgDrift 10s ease-in-out infinite}
:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::after{width:18rem;height:18rem;top:-6rem;left:-6rem;background:rgba(255,255,255,.06);animation:rgDrift 13s ease-in-out infinite reverse}
:is(.doc-reg,.min-h-screen) .rg-card{border-radius:2rem!important;background-color:#fff!important;box-shadow:0 30px 70px -20px rgba(15,23,42,.5)!important}
.rg-card .w-20.h-20.rounded-2xl{animation:rgBadge .6s var(--sp) backwards,rgFloat 4s ease-in-out .8s infinite}
.rg-card :is(h1,h2){animation:rgPop2 .55s var(--sp) .12s backwards}
.rg-card :is(h1,h2)+p{animation:rgPop2 .55s var(--sp) .2s backwards}
.rg-card .h-full.from-blue-500{transition:width .6s var(--sp)!important}
.rg-card .scale-110.from-blue-500{animation:rgRing 1.8s ease-out infinite}
.rg-card .scale-110 span{animation:rgNum .4s var(--sp)}
.rg-card form :is(.grid,.space-y-4,.space-y-5,.space-y-6)>*{animation:rgPop2 .5s var(--sp) .3s backwards}
.rg-card form :is(.grid,.space-y-4,.space-y-5,.space-y-6)>*:nth-child(2){animation-delay:.36s}
.rg-card form :is(.grid,.space-y-4,.space-y-5,.space-y-6)>*:nth-child(3){animation-delay:.42s}
.rg-card form :is(.grid,.space-y-4,.space-y-5,.space-y-6)>*:nth-child(4){animation-delay:.48s}
.rg-card form :is(.grid,.space-y-4,.space-y-5,.space-y-6)>*:nth-child(n+5){animation-delay:.54s}
.form-step{animation:rgStep .45s var(--sp) backwards}
.rg-card :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select){border-radius:1rem!important;transition:transform .25s var(--sp),border-color .2s,box-shadow .2s}
.rg-card :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select):focus{transform:scale(1.015);border-color:#34569c!important;box-shadow:0 0 0 4px rgba(52,86,156,.18)!important}
.rg-card .relative:focus-within svg{color:var(--c-accent-tx)}
.rg-card :is(button.next-step,button.prev-step,button.group.overflow-hidden,button.sq-act.px-10,button.sq-act.px-6,button[type=submit]){border-radius:9999px!important;transition:transform .3s var(--sp),box-shadow .2s,background .2s}
.rg-card :is(button.next-step,button.prev-step,button.group.overflow-hidden,button.sq-act.px-10,button.sq-act.px-6,button[type=submit]):hover{transform:translateY(-2px) scale(1.02)}
.rg-card :is(button.next-step,button.prev-step,button.group.overflow-hidden,button.sq-act.px-10,button.sq-act.px-6,button[type=submit]):active{transform:scale(.96)}
.rg-card p.text-red-600,.rg-card .bk-alert-error{animation:rgShake .4s ease-in-out}
.rg-card :is(input,select):user-invalid{animation:rgShake .4s ease-in-out}
.rg-foot{transition:transform .3s var(--sp),box-shadow .2s}
.rg-foot:hover{transform:translateY(-2px) scale(1.03)}
[x-data="registrationForm()"],[x-data="secForm()"],.doc-reg>.max-w-4xl.mx-auto{max-width:80rem!important}
.rg-card .overflow-y-auto>label[data-dept]{border:1px solid transparent;border-radius:1rem!important;animation:rgPop2 .45s var(--sp) backwards;transition:transform .25s var(--sp),background-color .2s,border-color .2s,box-shadow .2s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(2){animation-delay:.05s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(3){animation-delay:.1s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(4){animation-delay:.15s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(5){animation-delay:.2s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(6){animation-delay:.25s}
.rg-card .overflow-y-auto>label[data-dept]:nth-child(n+7){animation-delay:.3s}
.rg-card .overflow-y-auto>label[data-dept]:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 18px rgba(52,86,156,.14)}
.rg-card .overflow-y-auto>label[data-dept]:active{transform:scale(.98)}
.rg-card .overflow-y-auto>label[data-dept]:has(input:checked){background:var(--c-tint);border-color:var(--c-line-blue-2)}
.rg-card .overflow-y-auto>label[data-dept] input:checked{animation:rgNum .35s var(--sp)}
.rg-card :is(.relative.mt-1,.relative.w-full.min-w-0)>button{border-radius:1rem!important;transition:transform .25s var(--sp),border-color .2s,box-shadow .2s,background-color .2s}
.rg-card :is(.relative.mt-1,.relative.w-full.min-w-0)>button:hover{border-color:#93c5fd}
.rg-card :is(.relative.mt-1,.relative.w-full.min-w-0)>button:active{transform:scale(.98)}
.rg-card :is(.relative.mt-1,.relative.w-full.min-w-0)>button:focus-visible{outline:none;border-color:#34569c;box-shadow:0 0 0 4px rgba(52,86,156,.18)}
.rg-card select[data-dd]:not(:has(option[value=""]:checked))+.relative>button{border-color:var(--c-line-blue-2);background-color:var(--c-tint);color:var(--c-link);font-weight:600}
@keyframes rgMenu{from{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}
.bk-filter-menu:not(.hidden){transform-origin:top;animation:rgMenu .3s var(--sp) backwards;border-radius:1rem!important;box-shadow:0 14px 34px rgba(15,23,42,.18)!important}
.bk-filter-menu button.bk-filter-choice{position:relative;border-radius:.75rem!important;transition:transform .18s var(--sp),background-color .18s,color .18s}
.bk-filter-menu button.bk-filter-choice:hover{transform:translateX(2px)}
.rg-card div:has(>p[x-show^="errors."]:not([style*="display: none"])) :is(input:not([type=checkbox]):not([type=radio]),.relative>button){border-color:#f87171!important;box-shadow:0 0 0 3px rgba(248,113,113,.18)!important}
.rg-card div:has(>p[x-show^="errors."]:not([style*="display: none"])) .relative>button{animation:rgShake .4s ease-in-out}
@media (prefers-reduced-motion:reduce){.bk-filter-menu,.bk-filter-menu *{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::before,:is(.doc-reg,.min-h-screen.bg-gradient-to-br)::after,.rg-card,.rg-card *,.form-step{animation:none!important}}
:is([x-data="registrationForm()"],[x-data="secForm()"]) [x-show="step === 1"]{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media (min-width:768px){:is([x-data="registrationForm()"],[x-data="secForm()"]) [x-show="step === 1"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
:is([x-data="registrationForm()"],[x-data="secForm()"]) [x-show="step === 1"]>*{margin-top:0!important}
:is([x-data="registrationForm()"],[x-data="secForm()"]) [x-show="step === 1"]>:is(.grid:first-child,p,:last-child){grid-column:1/-1}
:is([x-data="registrationForm()"],[x-data="secForm()"]) [x-show="step === 1"]>.grid:nth-child(2){display:contents}
.rg-card :is(.relative.mt-1,.relative.w-full.min-w-0)>button{min-height:3.125rem;padding:.75rem 1rem;font-size:1rem}
.doc-reg .form-step :is(.relative.mt-1,.relative.w-full.min-w-0)>button,.doc-reg .form-group>.relative>button{min-height:3.125rem;padding:.75rem 1rem;font-size:1rem;background:#fff}
.doc-reg .form-step :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea){min-height:3.125rem;background-color:#fff!important;font-size:1rem}
:is([x-data="secForm()"],.doc-reg) input:is([name=firstname],[name=middlename],[name=lastname],[name=username]){--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input[name=emailaddress]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input:is([name=phonenumber],[name=poc_secretaryphonenumber]){--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 8V5z'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 8V5z'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input:is([name=password],[name=password_confirmation]){--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input:is([name=streetblklotbldg],[name=zipcode]){--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0zM15 11a3 3 0 11-6 0 3 3 0 016 0z'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0zM15 11a3 3 0 11-6 0 3 3 0 016 0z'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input[name=prc_number]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2'/></svg>");--icf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2'/></svg>")}
:is([x-data="secForm()"],.doc-reg) input:is([name=firstname],[name=middlename],[name=lastname],[name=username],[name=emailaddress],[name=phonenumber],[name=poc_secretaryphonenumber],[name=password],[name=password_confirmation],[name=streetblklotbldg],[name=zipcode],[name=prc_number]){background-image:var(--ic)!important;background-repeat:no-repeat!important;background-position:.9rem 50%!important;background-size:1.25rem!important;padding-left:2.75rem!important}
:is([x-data="secForm()"],.doc-reg) input:is([name=firstname],[name=middlename],[name=lastname],[name=username],[name=emailaddress],[name=phonenumber],[name=poc_secretaryphonenumber],[name=password],[name=password_confirmation],[name=streetblklotbldg],[name=zipcode],[name=prc_number]):focus{background-image:var(--icf)!important}
.doc-reg>.max-w-4xl.mx-auto{filter:drop-shadow(0 30px 35px rgba(15,23,42,.3))}
.doc-reg>.max-w-4xl.mx-auto>.rg-card{margin-bottom:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.doc-reg>.max-w-4xl.mx-auto>header.rg-card{border-radius:2rem 2rem 0 0!important;padding:1.5rem 1.5rem .5rem!important}
.doc-reg>.max-w-4xl.mx-auto>div.rg-card:not(.rg-frame):last-of-type{border-radius:0 0 2rem 2rem!important}
.doc-reg #progress-bar{height:.5rem;background-image:linear-gradient(90deg,#3a5fa8,#2b4682);transition:width .6s var(--sp)!important}
.doc-reg .flex-1.h-1.bg-gray-200{height:.5rem}
.doc-reg .flex.justify-between.mt-2 .w-8.h-8{width:2.75rem;height:2.75rem;font-size:1rem;transition:transform .3s var(--sp),background-color .3s}
.doc-reg .flex.justify-between.mt-2 .w-8.h-8.bg-green-600{background-image:linear-gradient(135deg,#3a5fa8,#2b4682);box-shadow:0 4px 10px rgba(52,86,156,.35);transform:scale(1.08)}
.doc-reg .flex.justify-between.mt-2 p{font-size:.875rem}
.doc-reg .form-step :is(button[type=button].bg-green-600,button[type=submit].bg-green-600,button.bg-green-700){border-radius:9999px!important;padding-left:1.75rem;padding-right:1.75rem}
.doc-reg .form-step input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):is([name=firstname],[name=middlename],[name=lastname],[name=emailaddress],[name=phonenumber],[name=poc_secretaryphonenumber],[name=streetblklotbldg],[name=zipcode],[name=prc_number],[name=username],[name=password],[name=password_confirmation]){padding-left:2.75rem!important}
.doc-reg [x-data="hospitalDropdown()"]>div>button{min-height:3.125rem;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem!important;background-color:var(--c-card)!important;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 9l-7 7-7-7'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem}
.doc-reg .form-step label{font-size:.875rem;font-weight:600;color:var(--c-text-2)}
.doc-reg>.max-w-4xl.mx-auto>header.rg-card p{margin-top:.5rem;font-size:1rem;color:var(--c-neutral-tx)}
.rg-card select[data-dd]:not([x-model="dept"]):has(option[value=""]:checked)+.relative>button{color:var(--c-faint)}
/*11102026 end pat RegVisuals*/
/*11062026 start pat RegCompactHead*/
.rg-card .rg-hd{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;text-align:left}
.rg-card .rg-hd .rg-ic{width:3.5rem;height:3.5rem;margin:0;flex:none}
.rg-card .rg-hd .rg-ic svg{width:1.75rem!important;height:1.75rem!important}
.rg-card .rg-hd :is(h1,h2){font-size:1.5rem;line-height:2rem;text-align:left}
.rg-card .rg-hd p{margin:.125rem 0 0;font-size:.875rem;line-height:1.25rem;text-align:left;color:#4b5563}
.rg-card button.bt.bt-lg{border-radius:9999px}
.doc-reg>.max-w-4xl.mx-auto>.rg-card.rg-frame{border-radius:1.5rem!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.2)!important}
/*11062026 end pat RegCompactHead*/