/* Summary cards are full-size keyboard and touch targets; brand styles are preserved. */
button.summary-action,.stats>button.stat{font:inherit;text-align:left;color:inherit;cursor:pointer;min-width:0;max-width:100%;height:auto;white-space:normal;touch-action:manipulation}
button.summary-action:hover{border-color:var(--turq);box-shadow:0 0 0 1px var(--turq)}
button.summary-action:focus-visible,.stats>button.stat:focus-visible{outline:3px solid var(--turq);outline-offset:3px}
.sa-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}
.sa-kpi,.sa-stat,.stat,.sa-panel,.sa-hero>div{min-width:0;overflow-wrap:anywhere}
.sa-kpi span,.sa-stat span,.stat span{line-height:1.4;white-space:normal}
.sa-kpi strong,.sa-stat strong,.stat strong{line-height:1.2;overflow-wrap:anywhere}
.sa-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.summary-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;min-width:0;margin:10px 0}
.summary-filter .select{min-width:0;max-width:100%;width:auto}
.sa-top{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.sa-brand{flex:1 1 260px;max-width:100%}
.sa-brand>div{min-width:0;overflow-wrap:anywhere}
.sa-brand .arrelvia-logo-signature{flex:0 0 132px;width:132px;max-width:42%}
.sa-brand .arrelvia-logo-signature img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.sa-top-actions{min-width:0;max-width:100%;flex:0 1 auto}
.sa-top-actions>button{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}
#superadminPage :is(.sa-toolbar,.sa-panel,.sa-table),#page :is(.summary-filter,.panel){scroll-margin-top:150px}
[hidden]{display:none!important}
@media(max-width:720px){
 .sa-kpi-strip,.sa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sa-top{position:relative;gap:12px;align-items:flex-start}
 .sa-brand{flex-basis:100%}
 .sa-brand .arrelvia-logo-signature{flex-basis:132px;max-width:50%}
 .sa-top-actions{flex:1 1 100%;display:flex;gap:8px}
 .sa-top-actions>button{flex:1 1 130px;min-width:0}
 .sa-hero,.section-head{min-width:0;flex-wrap:wrap}
 .sa-hero .primary{max-width:100%;white-space:normal}
 .summary-filter{align-items:flex-start;flex-direction:column}
 .summary-filter .select{width:100%}
}
@media(max-width:359px){.sa-kpi-strip,.sa-stats{grid-template-columns:minmax(0,1fr)}}

.sa-top>button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:44px}
@media(max-width:720px){.sa-top-actions .secondary{display:inline-flex}}