/* Shared finishing pass for the three approved screens only. */
.main:has(.finance-month,.eo-overview,.feedback-action){--mh-border:#dce6f1;--mh-hover:#f0f7ff;padding-bottom:120px}
:is(.finance-month,.eo-overview,.feedback-action) :is(button,a,select,input){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
:is(.finance-month,.eo-overview,.feedback-action) button:not(:disabled),:is(.finance-month,.eo-overview,.feedback-action) select{cursor:pointer}
:is(.finance-month,.eo-overview,.feedback-action) :is(button,a,select,input):focus-visible{outline:3px solid #1687ed;outline-offset:3px}
:is(.finance-month,.eo-overview,.feedback-action) button:disabled{cursor:not-allowed}
:is(.finance-month,.eo-overview,.feedback-action) :is(button,a):active{transform:translateY(1px)}
:is(.fm-card,.eo-card,.fa-card,.eo-filters){box-shadow:0 3px 14px #123b6205}
.fm-toolbar select{text-transform:none;max-width:100%;min-height:24px}
.fm-toolbar label:focus-within,.eo-filters label:focus-within{border-color:#1687ed;box-shadow:0 0 0 3px #1687ed15}
.fm-grid{grid-template-columns:1.2fr 1fr;gap:18px}
.fm-summary{padding:25px 28px;margin-bottom:22px}
.fm-summary>div{padding:0 20px;min-width:0}.fm-summary strong{font-size:clamp(22px,2vw,28px);white-space:nowrap}
.fm-row{min-height:98px;padding:19px 20px}.fm-row>span{min-width:0}.fm-row strong,.fm-row small{overflow-wrap:anywhere}
.fm-bars{height:190px}.fm-chart-note{font-size:10px;margin:7px 0 0}.fm-history .fm-row{min-height:88px}
.eo-band button{min-height:38px;padding:8px 12px;border-radius:7px}.eo-band a{padding:8px;border-radius:7px}
.eo-history a{border-radius:8px;padding-left:8px;padding-right:8px}.eo-history a:not(:last-child):before{left:12px}
.eo-tabs button{min-height:42px;padding-left:6px;padding-right:6px}.eo-history em{white-space:nowrap}
.fa-card footer .btn{min-height:42px}.fa-banner button{min-height:40px}.fa-card header time{font-size:11px}
.fa-mobile-tabs{display:none}
@media(hover:hover){
 .fm-row:hover,.eo-history a:hover{background:var(--mh-hover,#f0f7ff)}
 :is(.finance-month,.eo-overview,.feedback-action) .btn:hover{border-color:#85bbee;background:#eaf4ff;box-shadow:0 4px 12px #00366710}
 :is(.finance-month,.eo-overview,.feedback-action) .btn.primary:hover,.fm-shortcuts button:first-child:hover{background:#074780;color:white;border-color:#074780;box-shadow:0 5px 14px #002b5825}
 .fm-shortcuts button:hover,.eo-tabs button:hover,.fa-mobile-tabs button:hover{background:#eaf4ff;color:#006bd6}
 .eo-band button:not(:disabled):hover,.eo-band a:hover{background:#ffffff18}
 .fa-banner button:hover{background:#e1f1ff;box-shadow:0 4px 12px #001a3825}
 .fm-toolbar label:hover,.eo-filters label:hover,.fa-tools select:hover{border-color:#9ebfdf}
}
@media(min-width:1200px){
 .main:has(.finance-month){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:start}
 .main:has(.finance-month)>.page-heading{grid-column:1;grid-row:1;padding-right:0;margin-bottom:24px;min-height:84px}
 #finance-board{display:contents}.finance-month{display:contents}
 .fm-toolbar{grid-column:2;grid-row:1;margin:30px 0 24px;align-self:start}
 .main:has(.finance-month)>:is(.demo-note,footer),.fm-summary,.fm-grid,.fm-history,.fm-note{grid-column:1/-1}
 .fm-grid{margin:0}.fm-history{margin-top:20px}
}
@media(max-width:1023px) and (min-width:761px){.fm-summary{padding:22px 18px}.fm-summary>div{padding:0 12px;gap:10px}.fm-summary svg{width:23px}.fm-grid{grid-template-columns:1fr 1fr}.fa-card header{flex-wrap:wrap}.fa-card time{margin-left:auto}}
@media(max-width:760px){
 .main:has(.finance-month,.eo-overview,.feedback-action){padding:20px 16px 115px}
 .main:has(.finance-month) .page-heading h1{font-size:25px;line-height:1.2;letter-spacing:-.7px}
 .main:has(.finance-month) .page-heading .eyebrow{display:none}.main:has(.finance-month) .page-heading .description{font-size:12px;line-height:1.6}
 .fm-summary{padding:0 16px;margin-bottom:14px}.fm-summary>div,.fm-summary>div:first-child{padding:13px 0;gap:12px}.fm-summary strong{font-size:18px}.fm-summary p{font-size:10px;line-height:1.4}
 .fm-grid{grid-template-columns:1fr;gap:14px}.fm-card header{padding:14px 16px}.fm-bars{height:158px}.fm-chart{padding:14px 12px 5px}.fm-bars i{max-height:115px}.fm-bars b{font-size:10px}.fm-shortcuts button{min-height:42px}
 .fm-row{padding:16px 14px;min-height:94px}.fm-value{flex-shrink:0}.fm-row small{font-size:10px}.fm-chart-note{padding:0 14px 12px;line-height:1.45}
 .fa-mobile-tabs{display:flex;border:1px solid #dce6f1;border-radius:9px;background:white;padding:3px;gap:3px;margin:14px 0 0}
 .fa-mobile-tabs button{flex:1;min-height:38px;border:0;border-radius:6px;background:none;color:#526e8c;font:inherit;font-size:12px}.fa-mobile-tabs button[aria-pressed=true]{background:#e3f2ff;color:#006bd6}
 .fa-columns:has(.fa-group:nth-child(2)) .fa-group:nth-child(2){display:none}
 .feedback-action:has([data-fa-mobile="answered"][aria-pressed=true]) .fa-columns .fa-group{display:none}
 .feedback-action:has([data-fa-mobile="answered"][aria-pressed=true]) .fa-columns .fa-group:last-child{display:block}
 .fa-card header time{font-size:9px}.fa-card footer{flex-direction:column;gap:7px}.fa-card footer .btn{width:100%;min-height:38px}
 .fa-banner strong{font-size:14px}.fa-banner p{line-height:1.5}.fa-tools{margin:10px 0 16px}
 .eo-band button{border-radius:0}.eo-history a{padding-top:16px;padding-bottom:16px}
}
@media(prefers-reduced-motion:reduce){:is(.finance-month,.eo-overview,.feedback-action) :is(button,a,select,input){transition:none;transform:none!important}html{scroll-behavior:auto}}
.fa-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.fa-group,.fa-card{min-width:0}.fa-card footer{flex-wrap:wrap}.fa-tools label{min-width:0}.fa-quote,.fa-reply{overflow-wrap:anywhere}@media(max-width:1023px){.fa-columns{grid-template-columns:minmax(0,1fr)}}