/* Presentation only: live mandates, fees and action handlers remain authoritative. */
#autopayPage{color:#07194e;font-family:Arial,sans-serif}#autopayPage .management-head h2{font-size:30px;color:#07194e}#autopayBody{--pay-muted:#526c99;--pay-ink:#07194e;--pay-line:#d0e3fa;color:#07194e}#autopayBody h3{font-size:21px;color:#07194e}#autopayBody article{border:1px solid #d0e3fa;border-radius:13px;box-shadow:0 3px 12px #0a365309;background:white}#autopayBody .autopay-toolbar{margin-bottom:14px;gap:15px}#autopayBody .autopay-toolbar p{color:#526c99}#autopayBody button{background:linear-gradient(135deg,#0044ad,#001f64);border:1px solid #06499e;color:white;border-radius:9px;font-weight:600}#autopayBody button.secondary{color:#07318b;background:linear-gradient(#fff,#eff7ff);border:1px solid #b7d7fc}#autopayBody .pay-hero{position:relative;overflow:hidden;border-radius:13px;padding:22px 28px;margin-bottom:14px;background:linear-gradient(125deg,#003597,#0052c5 55%,#001c58);isolation:isolate}#autopayBody .pay-hero:after{content:'';position:absolute;right:-8%;bottom:-30px;width:55%;height:70px;background:linear-gradient(90deg,#b67510,#ffe4a0,#d59a28,#ffedbe);transform:rotate(-13deg);border-radius:50%;z-index:-1}#autopayBody .pay-hero h2{font-size:34px;color:white;letter-spacing:-.7px;margin:0 0 6px}#autopayBody .pay-hero p{color:white;max-width:850px;font-size:16px}#autopayBody .pay-hero .pay-eyebrow{display:none}#autopayBody .pay-hero-side{position:relative;z-index:1}#autopayBody .pay-metrics{gap:14px;margin-bottom:14px}#autopayBody .pay-metrics article{padding:15px 18px 15px 84px;position:relative}#autopayBody .pay-metrics article:before{content:'♙';display:grid;place-items:center;position:absolute;left:17px;top:18px;width:53px;height:53px;border-radius:50%;background:#edf7ff;color:#0064ff;font-size:32px}#autopayBody .pay-metrics article:nth-child(2):before{content:'▤'}#autopayBody .pay-metrics article:nth-child(3):before{content:'◷';color:#dc9700;background:#fff5dd}#autopayBody .pay-metrics small{font-size:14px;color:#0a235c}#autopayBody .pay-metrics strong{font-size:30px;margin:5px 0;line-height:1}#autopayBody .pay-metrics span{font-size:11px;color:#526c99}#autopayBody .pay-create-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:14px}#autopayBody .pay-create-grid article{padding:20px 24px}#autopayBody .pay-create-grid h3{margin:0 0 8px}#autopayBody .pay-create-grid p{color:#526c99;font-size:14px}#autopayBody .pay-create-grid .pay-eyebrow{display:none}#autopayBody .billing-form{gap:9px}#autopayBody .billing-form label{font-size:14px;font-weight:600;color:#10295f}#autopayBody input,#autopayBody select{background:#fff;border:1px solid #aac7ed;border-radius:7px;color:#0d295f;min-height:37px}#autopayBody .pay-check{font-weight:400!important;font-size:13px!important;line-height:1.5}#autopayBody .pay-check input{min-height:20px;accent-color:#0055db}#autopayBody .pay-guide li:before{background:#e1f0ff;color:#004edc}#autopayBody .pay-info{background:#e5f2ff;border-color:#cce2ff;color:#0058e8;padding:12px;border-radius:10px}#autopayBody .pay-info b{color:#0058e8}#autopayBody .pay-records{padding:18px!important}#autopayBody .pay-heading{gap:15px}#autopayBody .pay-heading p{font-size:13px;color:#526c99}#autopayBody .tablewrap{border:1px solid #d0e3f8;border-radius:9px}#autopayBody th{background:#eff4f9;color:#3a578b;font-size:11px}#autopayBody td{padding:12px;font-size:13px;border-color:#e2edf9}#autopayBody td small{color:#526c99;font-size:11px}#autopayBody .pay-actions{display:flex;flex-wrap:wrap;gap:6px}#autopayBody .pay-actions button{padding:7px 10px;font-size:11px;white-space:nowrap}#autopayBody .pay-footer{margin-top:12px;background:#f0f6fd;color:#526c99;padding:10px;border-radius:9px;font-size:12px}#autopayBody .pay-service{padding:13px 17px;border:1px solid #d0e3fa;border-radius:10px;margin-top:12px;color:#072a6f}#autopayBody .approved-collapse{border:0;padding:0;margin:0}#autopayBody .approved-collapse>summary{display:none}.approved-portal:has(#autopayPage:not(.hidden)){background:#f3f8fd}
@media(max-width:1000px){#autopayBody .pay-create-grid{grid-template-columns:1fr}#autopayBody .pay-hero h2{font-size:29px}}
@media(max-width:700px){#autopayPage .management-head h2{font-size:25px}#autopayBody .autopay-toolbar{flex-direction:column;align-items:stretch}#autopayBody .autopay-toolbar>div{display:flex;gap:8px}#autopayBody .autopay-toolbar button{flex:1;font-size:12px;padding:10px}#autopayBody .pay-hero{padding:18px;border-radius:11px;gap:12px}#autopayBody .pay-hero h2{font-size:24px}#autopayBody .pay-hero p{font-size:13px}#autopayBody .pay-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#autopayBody .pay-metrics article{display:block;padding:10px;min-width:0;padding-top:43px}#autopayBody .pay-metrics article:before{width:25px;height:25px;left:10px;top:10px;font-size:22px}#autopayBody .pay-metrics small{font-size:11px;line-height:1.25}#autopayBody .pay-metrics strong{font-size:25px;margin:6px 0}#autopayBody .pay-metrics span{font-size:9px;line-height:1.3}#autopayBody .pay-create-grid article{padding:14px}#autopayBody h3{font-size:18px}#autopayBody .approved-collapse>summary{display:flex;font-weight:700;justify-content:space-between;padding:2px 0 12px;cursor:pointer;font-size:18px;color:#05276f}#autopayBody .approved-collapse>summary:after{content:'⌄'}#autopayBody .approved-collapse[open]>summary:after{content:'⌃'}#autopayBody .approved-collapse[open]>h3{display:none}#autopayBody .pay-records{padding:12px!important}#autopayBody .pay-heading{flex-direction:column;align-items:stretch}#autopayBody .pay-heading label{width:100%;font-size:12px}#autopayBody .pay-records .tablewrap{border:0;overflow:visible}#autopayBody .pay-records table,#autopayBody .pay-records tbody{display:block;width:100%}#autopayBody .pay-records thead{display:none}#autopayBody .pay-records tr{display:block;padding:12px;border:1px solid #d0e3fa;border-radius:10px;background:white;margin:9px 0}#autopayBody .pay-records tr[hidden]{display:none}#autopayBody .pay-records td{display:block;border:0;padding:5px 0;text-align:left;overflow-wrap:anywhere}#autopayBody .pay-records td[data-label]:before{content:attr(data-label) ': ';color:#526c99;font-size:11px}#autopayBody .pay-records td:first-child:before,#autopayBody .pay-records td:last-child:before{display:none}#autopayBody .pay-actions{gap:5px}#autopayBody .pay-actions button{flex:1;font-size:10px;padding:8px 5px}#autopayBody .mandate-filters{display:flex;flex-wrap:wrap;gap:5px}#autopayBody .mandate-filters button{padding:7px;font-size:11px}#autopayBody .pay-service summary{font-size:14px}}