/* /volunteer_ui/static/src/css/volunteer_theme.css */
 .vol-theme, #pd-checkin-modal{--vol-accent: var(--o-color-1, var(--bs-primary, #009c93)); --vol-accent-deep: #006f6d; --vol-accent-soft: #e1f5f1; --vol-accent-border: #b8e3dc; --vol-accent-ring: rgba(0, 156, 147, .18); --vol-accent-glow: rgba(0, 156, 147, .25); --vol-navy: #073b62; --vol-navy-shadow: rgba(7, 59, 98, .08);}@supports (color: color-mix(in srgb, red, blue)){.vol-theme, #pd-checkin-modal{--vol-accent-deep: color-mix(in srgb, var(--vol-accent) 70%, black); --vol-accent-soft: color-mix(in srgb, var(--vol-accent) 12%, white); --vol-accent-border: color-mix(in srgb, var(--vol-accent) 30%, white); --vol-accent-ring: color-mix(in srgb, var(--vol-accent) 18%, transparent); --vol-accent-glow: color-mix(in srgb, var(--vol-accent) 25%, transparent); --vol-navy: color-mix(in srgb, var(--vol-accent) 35%, #0b1f2e); --vol-navy-shadow: color-mix(in srgb, var(--vol-navy) 8%, transparent);}}.vol-theme, #pd-checkin-modal{--pc-teal: var(--vol-accent); --pc-teal-deep: var(--vol-accent-deep); --pc-teal-soft: var(--vol-accent-soft); --pc-navy: var(--vol-navy); --pv-teal: var(--vol-accent); --pv-teal-deep: var(--vol-accent-deep); --pv-teal-soft: var(--vol-accent-soft); --pv-navy: var(--vol-navy);}

/* /volunteer_ui/static/src/css/volunteer_register.css */
 .vr-page{background: #f6f7f6; min-height: 60vh;}.vr-page[data-mode="group"] .vr-only-individual, .vr-page[data-mode="individual"] .vr-only-group{display: none !important;}.vr-main{padding: 40px 0 0;}.vr-layout{display: grid; grid-template-columns: 1fr; gap: 32px; align-items: start;}@media (min-width: 992px){.vr-layout{grid-template-columns: .76fr 1.24fr;}}.vr-page .vr-layout[hidden]{display: none;}.vr-aside{background: var(--pc-navy); color: #fff; border-radius: 16px; padding: 24px;}@media (min-width: 992px){.vr-aside{position: sticky; top: 88px;}}.vr-pill{display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}.vr-aside h1{margin-top: 24px; font-size: 38px; line-height: .98; color: #fff;}.vr-aside__lead{margin-top: 20px; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.78);}.vr-aside__note{margin-top: 40px; font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.6);}.vr-interest{margin-top: 28px; padding: 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.1);}.vr-interest__eyebrow{font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: rgba(255,255,255,.7);}.vr-interest__title{margin-top: 8px; font-size: 14px; font-weight: 600;}.vr-interest__kind{margin-top: 4px; font-size: 12px; color: rgba(255,255,255,.7);}.vr-steps{margin-top: 32px; display: flex; flex-direction: column; gap: 8px;}.vr-page a.vr-steps__item{display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; font-size: 14px; color: #fff; text-decoration: none; transition: background-color .15s;}.vr-page a.vr-steps__item:hover{background: rgba(255,255,255,.1); color: #fff;}.vr-steps__num{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none; border-radius: 50%; background: rgba(255,255,255,.15); font-size: 12px; font-weight: 700;}.vr-form{background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 20px 40px var(--vol-navy-shadow, rgba(7, 59, 98, .08));}@media (min-width: 640px){.vr-form{padding: 32px;}}.vr-alert{margin-bottom: 20px; padding: 10px 12px; border-radius: 8px; font-size: 13px;}.vr-alert[hidden]{display: none;}.vr-alert--error{background: #fdecee; border: 1px solid #f5c2c8; color: #a52a38;}.vr-alert--info{background: var(--pc-teal-soft); border: 1px solid var(--vol-accent-border, #b8e3dc); color: var(--pc-teal-deep);}.vr-callout{display: flex; gap: 12px; align-items: flex-start; margin-bottom: 32px; padding: 16px; border-radius: 12px; border: 1px solid var(--pc-border); background: #fdfcfa;}.vr-callout__icon{color: var(--pc-teal); margin-top: 2px;}.vr-callout__title{font-size: 14px; font-weight: 600;}.vr-callout__text{margin-top: 4px; font-size: 12px; line-height: 1.6; color: var(--pc-muted);}.vr-section--divided{margin-top: 40px; padding-top: 40px; border-top: 1px solid var(--pc-border);}.vr-section{scroll-margin-top: 88px;}.vr-heading{display: flex; gap: 12px; margin-bottom: 24px;}.vr-heading__num{display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 8px; background: var(--pc-teal); color: #fff; font-size: 12px; font-weight: 700;}.vr-heading h2{font-size: 26px; line-height: 1.1;}.vr-heading p{margin-top: 4px; font-size: 14px; line-height: 1.6; color: var(--pc-muted);}.vr-mode{display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 12px; background: var(--pc-surface);}.vr-mode__opt{position: relative; margin: 0; cursor: pointer;}.vr-mode__opt input{position: absolute; opacity: 0; pointer-events: none;}.vr-mode__opt span{display: block; padding: 10px 12px; border-radius: 8px; text-align: center; font-size: 14px; font-weight: 600; color: #6b6e66; transition: background-color .15s, color .15s;}.vr-mode__opt input:checked + span{background: #fff; color: var(--pc-navy); box-shadow: 0 1px 3px rgba(0,0,0,.08);}.vr-mode__opt input:focus-visible + span{outline: 2px solid var(--pc-teal); outline-offset: 2px;}.vr-grid{display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 24px;}@media (min-width: 640px){.vr-grid{grid-template-columns: 1fr 1fr;}.vr-field--full{grid-column: 1 / -1;}}.vr-label{display: block; margin: 0 0 6px; padding: 0; border: 0; font-size: 14px; font-weight: 600; color: var(--pc-navy);}.vr-hint{margin: -2px 0 0; font-size: 12px; color: var(--pc-muted);}.vr-page .vr-input{display: block; width: 100%; height: 38px; padding: 0 12px; font-size: 14px; line-height: 1.4; border: 1px solid var(--pc-border); border-radius: 8px; background: #fff; color: var(--pc-navy); box-shadow: 0 1px 2px rgba(0,0,0,.04); outline: none; transition: border-color .15s, box-shadow .15s;}.vr-page .vr-input::placeholder{color: #8aa0a6;}.vr-page .vr-input:focus{border-color: var(--pc-teal); box-shadow: 0 0 0 3px var(--vol-accent-ring, rgba(0,156,147,.18));}.vr-page .vr-textarea{height: auto; min-height: 96px; padding: 10px 12px; resize: vertical;}.vr-page .vr-select{padding-right: 8px;}.vr-page .vr-input.is-invalid{border-color: var(--pc-red); box-shadow: 0 0 0 3px rgba(229,56,74,.14);}.vr-block{margin-top: 24px;}.vr-stack{display: flex; flex-direction: column; gap: 28px;}.vr-chips{margin: 0; padding: 0; border: 0; min-width: 0;}.vr-chips__list{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}.vr-chip{position: relative; margin: 0; cursor: pointer;}.vr-chip input{position: absolute; opacity: 0; pointer-events: none;}.vr-chip__face{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--pc-border); background: #fff; color: #4a4741; font-size: 12px; font-weight: 600; line-height: 1.3; transition: background-color .15s, border-color .15s, color .15s;}.vr-chip:hover .vr-chip__face{border-color: var(--pc-teal);}.vr-chip input:checked + .vr-chip__face{background: var(--pc-teal); border-color: var(--pc-teal); color: #fff;}.vr-chip input:focus-visible + .vr-chip__face{outline: 2px solid var(--pc-teal); outline-offset: 2px;}.vr-chips.is-invalid .vr-chip__face{border-color: var(--pc-red);}.vr-group{margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--pc-border);}.vr-group__title{display: flex; align-items: center; gap: 8px; color: var(--pc-teal);}.vr-group__title h3{font-size: 18px; color: var(--pc-navy);}.vr-group .vr-grid{margin-top: 16px;}.vr-consent{margin-top: 32px; display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 12px; border: 1px solid var(--pc-border); background: var(--pc-surface);}.vr-consent__row{display: flex; gap: 12px; align-items: flex-start;}.vr-consent__row input{margin-top: 4px; accent-color: var(--pc-teal); flex: none;}.vr-consent__row label{margin: 0; font-size: 14px; line-height: 1.6;}.vr-consent__row.is-invalid label{color: #a52a38;}.vr-page .vr-linkbtn{padding: 0; border: 0; background: none; font-weight: 600; text-decoration: underline; color: var(--pc-teal);}.vr-page .vr-linkbtn:hover{color: var(--pc-teal-deep);}.vr-note{margin-top: 24px; display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: 12px; background: var(--pc-teal-soft);}.vr-note__icon{color: var(--pc-teal); margin-top: 2px;}.vr-note p{font-size: 12px; line-height: 1.6; color: var(--pc-teal-deep);}.vr-actions{margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--pc-border); display: flex; flex-direction: column-reverse; gap: 12px;}@media (min-width: 640px){.vr-actions{flex-direction: row; align-items: center; justify-content: space-between;}}.vr-page a.vr-back{display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--pc-muted);}.vr-page a.vr-back:hover{color: var(--pc-navy);}@media (min-width: 640px){.vr-submit{min-width: 208px;}}.vr-success{max-width: 768px; margin: 24px auto 0; padding: 32px; text-align: center; background: #fff; border-radius: 16px; box-shadow: 0 20px 40px var(--vol-navy-shadow, rgba(7, 59, 98, .08));}@media (min-width: 640px){.vr-success{padding: 48px;}}.vr-success[hidden]{display: none;}.vr-success__icon{display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: var(--pc-teal); color: #fff;}.vr-page .vr-success__icon svg.pc-i{width: 30px; height: 30px;}.vr-success__eyebrow{margin-top: 24px; font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--pc-teal);}.vr-success h1{margin-top: 8px; font-size: 40px; line-height: 1.05;}.vr-success__text{max-width: 36rem; margin: 16px auto 0; font-size: 14px; line-height: 1.7; color: var(--pc-muted);}.vr-success__actions{margin-top: 32px; display: flex; flex-direction: column; gap: 12px; justify-content: center;}@media (min-width: 640px){.vr-success__actions{flex-direction: row;}}.vr-under16{margin: 0 0 0 28px; padding: 16px; border-radius: 12px; border: 1px solid var(--vol-accent-border, #b8e3dc); background: var(--pc-teal-soft); color: var(--pc-teal-deep);}.vr-under16[hidden]{display: none;}.vr-under16__title{margin: 0 0 8px; font-size: 15px; font-weight: 700; color: var(--pc-navy);}.vr-under16 p{margin: 0 0 8px; font-size: 14px; line-height: 1.6;}.vr-under16 p:last-child{margin-bottom: 0;}.vr-subsection{margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--pc-border);}.vr-subsection__title{margin: 0; font-size: 18px; color: var(--pc-navy);}.vr-subsection .vr-hint{margin: 4px 0 0;}.vr-subsection .vr-grid{margin-top: 16px;}.vr-subsection .vr-grid[hidden]{display: none;}.vr-page .vr-subsection .vr-hint + .vr-field, .vr-page .vr-field > .vr-hint{margin-top: 8px;}.vr-check{display: flex; align-items: center; gap: 12px; margin: 16px 0 0; padding: 14px 16px; cursor: pointer; border: 1px solid var(--pc-border); border-radius: 10px; background: #fff; font-size: 14px; color: var(--pc-navy);}.vr-check input{flex: none; margin: 0; accent-color: var(--pc-teal);}.vr-check:hover{border-color: var(--pc-teal);}.vr-check.is-invalid{border-color: var(--pc-red);}.vr-page .vr-input[readonly]{background: var(--pc-surface); color: #6b6e66; cursor: not-allowed;}