/* Final presentation rules for the isolated study copy. */
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric {
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  min-width:0; gap:0; height:auto;
}
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>div { min-width:0; align-items:flex-start; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>strong { margin:16px 0; line-height:1.15; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxa-more-button { width:100%!important; max-width:100%; margin-top:auto; min-height:40px!important; white-space:normal; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-actions { min-width:0; width:100%; gap:8px; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-actions .fxa-statistics-button { min-width:0; white-space:normal; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-actions .fxo-detail-button { width:44px!important; min-width:44px; max-width:44px; flex:0 0 44px; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-actions .fxo-detail-label { display:none; }
.foxy-ui :is(.fx-page-heading,.fx-card-heading,.fx-button-row) { flex-wrap:wrap; }
.foxy-ui :is(.fx-page-heading,.fx-card-heading)>div { min-width:0; }
.foxy-ui :is(.fxo-own-row,.fx-data-item,.fx-session-name,.fxo-person,.fxa-type-list li)>:is(div,span,strong) { min-width:0; overflow-wrap:anywhere; }
.foxy-ui :is(.fxa-chart,.fxo-own-list,.fxo-own-row,.fx-full-intro,.fx-section-heading) { min-width:0; }
.foxy-ui :is(.fxa-type-list,.fxo-own-row,.fx-session-row,.fx-full-intro,.fxa-chart-head) { overflow-wrap:anywhere; }
.foxy-ui .fxa-type-list li>span { min-width:0; }
.foxy-ui .fxa-type-list li>strong { flex:none; }
.foxy-ui .fxo-page-nav { display:grid; grid-template-columns:auto minmax(0,1fr) auto; width:100%; gap:8px; }
.foxy-ui .fxo-page-status { min-width:0; overflow-wrap:anywhere; }
.foxy-ui .fxo-own-pager button { height:auto; min-height:40px; padding:8px 10px; white-space:normal; }
.foxy-ui .fx-chart-scroll { width:100%; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; padding-bottom:6px; }
.foxy-ui .fx-chart-scroll>svg { min-width:480px; width:100%; height:auto; min-height:0; display:block; }
.foxy-ui .fx-full-analytics #root .doughnut-div:not(.fx-chart-expanded) .doughnut-analytics { width:min(210px,100%)!important; height:auto!important; aspect-ratio:1; flex:none; }
.foxy-ui .fx-full-analytics #root canvas { max-width:100%; }
.foxy-ui .fx-full-analytics #root .admin-overview-line>.line-analytics { position:relative; display:block; min-width:0; padding:0!important; border:0; box-shadow:none; }
.foxy-ui .fx-full-analytics :is(#root,.fx-section-analytics) .fx-chart-expanded { height:90dvh!important; }
.foxy-ui .fx-chart-expanded>:is(p,.admin-overview-chart-title) { align-self:stretch; padding-inline-end:40px; }
.foxy-ui :is(.fxa-heatmap-scroll,.click-heatmap__scroll,.fx-full-data-scroll) { overscroll-behavior-inline:contain; scrollbar-gutter:stable; }
.foxy-ui :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--fx-accent); outline-offset:3px; }
html[data-theme=dark] .foxy-ui .fxa-heat-1 { --fxa-cell:#523923; }
html[data-theme=dark] .foxy-ui .fxa-heat-2 { --fxa-cell:#925125; }
html[data-theme=dark] .foxy-ui .fxa-heat-3 { --fxa-cell:#d5721c; }
html[data-theme=dark] .foxy-ui .fxa-heat-4 { --fxa-cell:#ff9c46; }
/* Switch to cards based on available content width, including a wide sidebar. */
@container foxy-overview (max-width:1100px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-table-wrap { overflow:visible; }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table { display:block; width:100%; min-width:0; }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table tbody { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:14px; padding:0 16px 16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; padding:18px; border:1px solid var(--fx-line); border-radius:14px; min-width:0; background:var(--fx-subtle); }
  html[data-foxy-design=studio] .foxy-ui .fxo-table-wrap .fxo-people-table td { display:block; padding:0; border:0; min-width:0; }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table td:is(:first-child,:nth-child(2),:last-child) { grid-column:1/-1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-people-table td[data-label]::before { content:attr(data-label); display:block; color:var(--fx-muted); font-size:13px; margin-bottom:6px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-person { min-width:0; align-items:flex-start; }
  html[data-foxy-design=studio] .foxy-ui .fxo-person>div { min-width:0; }
  html[data-foxy-design=studio] .foxy-ui :is(.fxo-person strong,.fxo-person>div>span,.fxo-role-badge,.fxo-missing) { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxa-person-actions { flex-wrap:nowrap; justify-content:flex-start; }
  html[data-foxy-design=studio] .foxy-ui .fxa-person-actions>button:first-child { flex:1; }
}
@media(max-width:650px) {
  .foxy-ui .fx-chart-scroll .fxa-axis-text { font-size:16px; }
  html[data-foxy-design=studio] .foxy-ui :is(.fx-settings-nav,.fx-proxy-tabs) { display:flex; flex-wrap:wrap; gap:8px; overflow:visible; }
  html[data-foxy-design=studio] .foxy-ui :is(.fx-settings-nav,.fx-proxy-tabs)>button { flex:1 1 120px; min-width:0; max-width:100%; height:auto; min-height:44px; padding:10px 12px; white-space:normal; }
  html[data-foxy-design=studio] .foxy-ui .fxa-metrics { gap:10px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric { padding:16px 12px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-person-actions>button:first-child { flex:1; }
  .foxy-ui .fxa-distribution-content { flex-direction:column; align-items:stretch; }
  .foxy-ui .fxa-distribution-content .fxa-donut { align-self:center; width:142px; height:142px; }
  .foxy-ui .fxa-type-list { width:100%; }
  .foxy-ui .fx-full-analytics #root .admin-overview-card { display:flex; flex-direction:column; min-width:0; overflow-wrap:anywhere; }
  .foxy-ui .fx-full-analytics #root button.fx-full-card-details { margin-top:auto; max-width:100%; white-space:normal; }
  .foxy-ui .fx-full-analytics :is(#root,.fx-section-analytics) .fx-chart-expanded { height:96dvh!important; }
  .foxy-ui .fx-full-intro>span { display:none; }
  .foxy-ui .fx-page-heading { gap:12px; }
}
@media(max-width:360px) {
  html[data-foxy-design=studio] .foxy-ui .fxa-metrics { grid-template-columns:minmax(0,1fr); }
  .foxy-ui .fx-full-analytics #root .admin-overview-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  .foxy-ui *, .foxy-ui *::before, .foxy-ui *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; }
}