/* Keep navigation, reports and forms within the viewport without scaling the page. */
html{scrollbar-gutter:stable;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;max-width:100%;overflow-wrap:break-word}
main,#app,header,.heading,.heading>div,.header-account,.account-actions,.panel,.report-panel,.metrics-grid>* ,.report-grid>*,.detail-summary>div,.form-layout>*{min-width:0}
main{width:calc(100% - 224px)}
aside{overflow-y:auto}
.nav{position:relative}
.heading{align-items:flex-start;flex-wrap:wrap}
.heading>div:first-child{flex:1 1 240px}
.heading .actions{flex:0 1 auto;flex-wrap:wrap}
header{gap:16px;min-height:68px;height:auto;padding-top:12px;padding-bottom:12px}
#breadcrumb{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-account{max-width:65%;flex:0 1 auto}
.account-actions{max-width:100%}
.account-actions small{display:block;min-width:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-actions .btn{flex:0 0 auto}
.metrics-grid{align-items:stretch}
.metric-card{display:flex;flex-direction:column;height:100%;overflow-wrap:anywhere}
.metric-label{min-height:36px}
.metric-value{font-variant-numeric:tabular-nums;line-height:1.2;white-space:normal}
.metric-bottom{flex-wrap:wrap;min-height:38px}
.metric-link-hint{margin-top:auto}
.metric-link,.metric-link:hover,.motion-tilt,.motion-tilt:hover{transform:none!important;transition:border-color .15s,background-color .15s}
.report-controls,.metric-switcher,.range-nav,.overview-context{min-width:0;flex-wrap:wrap}
.segmented{min-width:0;max-width:100%;flex-wrap:wrap}
.report-date-row label{min-width:0;flex-wrap:wrap}
.table-wrap,.individual-chart{max-width:100%;overscroll-behavior-x:contain}
.trend-chart{min-width:0;overflow:hidden}
.trend-chart svg{display:block;width:100%;height:auto;aspect-ratio:820/230}
.detail-summary{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
.detail-summary strong{max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
dialog{max-height:calc(100dvh - 32px);max-width:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain}
.fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.fields label,.fields input,.fields select,.fields textarea{min-width:0;max-width:100%}
#account-screen{box-sizing:border-box;min-height:100svh}
.auth-card{min-width:0;box-sizing:border-box}
@media(max-width:1150px){main{width:calc(100% - 205px)}}
@media(max-width:700px){
 main{width:100%;margin-left:0}
 aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;width:100%;padding:16px 12px 0;gap:0 4px}
 aside>.brand{grid-column:1/-1;width:auto}
 aside>.nav{width:100%;min-width:0;margin:4px 0 0;padding:12px 4px;justify-content:center;white-space:nowrap}
 aside>.nav span{min-width:0;font-size:11px}
 header{min-height:64px;gap:8px;padding:12px 17px;flex-wrap:wrap}
 #breadcrumb{flex-basis:100%;font-size:11px}
 .header-account{max-width:100%;width:100%}
 .account-actions{width:100%;gap:8px}
 .account-actions small{max-width:none;flex:1}
 .heading>div:first-child{flex-basis:100%}
 .heading .actions{flex-direction:row;flex-wrap:wrap;width:100%;align-items:center}
 .heading p{max-width:none}
 input,select,textarea,label input,label select,label textarea,.toolbar input,.toolbar select,.report-date-row input,.metric-switcher select,.source-select{font-size:16px!important}
 .segmented{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
 .segmented button{min-width:0;padding:10px 2px;font-size:10px;white-space:nowrap}
 .report-controls .source-select{max-width:100%;width:100%;margin:0}
 .toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%;width:100%}.toolbar select{max-width:100%}
 .report-date-row input{width:160px}
 .attention-strip .btn{margin-left:0}
 .panel-head{flex-wrap:wrap}
}
@media(max-width:550px){.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.metric-value{font-size:clamp(21px,6vw,27px)}.auth-card{padding:26px 22px}.auth-card .brand{width:auto}}