/* Layout contract for the local Studio overview: 48px fields, 40px actions,
   consistent 24px panel insets (16px on a narrow content area). */
html[data-foxy-design=studio] .foxy-ui {
  --fx-field-height:48px;
  --fx-action-height:40px;
  --fx-panel-inset:24px;
}
html[data-foxy-design=studio] .foxy-ui .fx-page-heading { align-items:center; gap:16px; min-height:48px; }
html[data-foxy-design=studio] .foxy-ui .foxy-report-button { min-height:40px; padding:9px 14px; border-radius:10px; }
html[data-foxy-design=studio] .foxy-ui .fxo-viewbar { align-items:center; gap:16px 24px; margin-bottom:32px; }
html[data-foxy-design=studio] .foxy-ui .fxo-viewbar>div:first-child { min-width:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-viewbar p { margin:4px 0 0; line-height:1.5; }
html[data-foxy-design=studio] .foxy-ui .fxo-role-switch { align-items:stretch; padding:4px; border:1px solid var(--fx-line); gap:4px; }
html[data-foxy-design=studio] .foxy-ui .fxo-role-switch button { display:flex; justify-content:center; align-items:center; min-height:38px; height:auto; padding:8px 14px; margin:0; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxa-heading { align-items:flex-start; margin-bottom:24px; }
html[data-foxy-design=studio] .foxy-ui .fxa-heading .fxo-connection { margin:0; align-self:center; }
html[data-foxy-design=studio] .foxy-ui .fxa-controls { gap:16px; margin:0 0 24px; align-items:flex-end; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-filter { display:flex; flex-direction:column; gap:8px; width:320px; min-width:0; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-filter>span:not(.fx-select-control) { margin:0; font-size:14px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-filter>.fx-select-control { display:block; margin:0; width:100%; }
html[data-foxy-design=studio] .foxy-ui .fxa-person-filter .fx-select-trigger { height:48px; min-height:48px; margin:0; padding:0 14px; line-height:20px; box-sizing:border-box; }
html[data-foxy-design=studio] .foxy-ui .fxa-period { height:48px; min-height:48px; padding:4px; gap:4px; box-sizing:border-box; }
html[data-foxy-design=studio] .foxy-ui .fxa-period>button { display:flex; align-items:center; justify-content:center; width:auto; height:38px; min-height:38px; margin:0; padding:0 14px; line-height:20px; white-space:nowrap; }
html[data-foxy-design=studio] .foxy-ui .fxa-reset-person { height:48px; min-height:48px; margin:0; padding:0 16px; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics { gap:12px; margin-bottom:24px; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric { padding:20px; min-height:192px; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>div { min-height:40px; align-items:center; gap:12px; font-size:14px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>div>.fxo-icon { flex:none; }
html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>strong { margin:16px 0; font-size:40px; line-height:44px; font-variant-numeric:tabular-nums; }
html[data-foxy-design=studio] .foxy-ui .fxa-more-button { min-height:40px!important; height:auto; padding:9px 12px; line-height:20px; border-radius:10px; }
html[data-foxy-design=studio] .foxy-ui .fxa-charts { gap:24px; margin-bottom:24px; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart { padding:24px; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; align-items:center; margin:0 0 20px; min-height:44px; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart-head h3 { grid-column:1; margin:0; min-width:0; font-size:18px; line-height:24px; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart-head h3::before { flex:none; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart-head>span { grid-column:1; font-size:13px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxa-chart-head>.fxa-more-button { grid-column:2; grid-row:1 / span 2; margin:0; justify-self:end; }
html[data-foxy-design=studio] .foxy-ui .fxa-distribution-content { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:24px; min-height:180px; }
html[data-foxy-design=studio] .foxy-ui .fxa-type-list { flex:1 1 180px; max-width:none; width:auto; }
html[data-foxy-design=studio] .foxy-ui .fxa-type-list li { min-height:40px; padding:6px 0; gap:10px; }
html[data-foxy-design=studio] .foxy-ui .fxa-type-list .fxa-type-details { flex:none; width:auto; min-width:56px; max-width:none; min-height:36px!important; height:36px; padding:0 8px; white-space:nowrap; overflow-wrap:normal; word-break:normal; font-variant-numeric:tabular-nums; }
html[data-foxy-design=studio] .foxy-ui .fxa-materials { margin-bottom:24px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-heading { padding:20px 24px; gap:16px; align-items:center; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-heading h3 { margin:0; line-height:28px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-toolbar { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr); align-items:end; gap:16px; min-width:0; padding:0 24px 20px; border-bottom:1px solid var(--fx-line); }
html[data-foxy-design=studio] .foxy-ui :is(.fxo-material-search,.fxo-material-sort) { display:flex; flex-direction:column; gap:8px; width:auto; min-width:0; margin:0; }
html[data-foxy-design=studio] .foxy-ui :is(.fxo-material-search>label,.fxo-material-sort>span:not(.fx-select-control)) { margin:0; color:var(--fx-muted); font-size:13px; line-height:20px; text-align:start; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-field { display:flex; align-items:center; gap:8px; min-width:0; min-height:48px; padding-inline:12px 4px; border:1px solid var(--fx-line); border-radius:10px; background:var(--fx-surface); box-sizing:border-box; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-field>.fxo-icon { width:18px; height:18px; flex:none; color:var(--fx-muted); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search input { flex:1 1 0; width:100%; min-width:0; height:44px; min-height:0; margin:0; padding:10px 0; border:0; border-radius:0; outline:0; box-shadow:none; background:transparent; color:var(--fx-text); font:inherit; font-size:15px; line-height:22px; text-align:start; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search input::placeholder { color:var(--fx-muted); opacity:1; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search input::-webkit-search-cancel-button { display:none; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-field:focus-within { outline:2px solid var(--fx-accent); outline-offset:2px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search input:focus { outline:none!important; box-shadow:none!important; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-clear { display:grid; place-items:center; flex:0 0 40px; width:40px; min-width:40px; height:40px; min-height:40px; margin:0; padding:8px; border:0; border-radius:8px; background:transparent; color:var(--fx-muted); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-clear[hidden] { display:none; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-search-clear:hover { background:var(--fx-subtle); color:var(--fx-text); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-sort>.fx-select-control { display:block; width:100%; min-width:0; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-sort :is(.fx-select-trigger,select:not([data-fx-select])) { width:100%; min-width:0; min-height:48px; height:auto; margin:0; padding:12px 14px; border:1px solid var(--fx-line); border-radius:10px; background:var(--fx-surface); color:var(--fx-text); font:inherit; font-size:15px; line-height:22px; text-align:start; box-sizing:border-box; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-sort .fx-select-value { white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-compact { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-width:0; min-height:48px; margin:0; padding:12px; border:1px solid var(--fx-line); border-radius:10px; background:var(--fx-surface); color:var(--fx-text); font-size:14px; line-height:22px; white-space:normal; overflow-wrap:anywhere; text-align:center; box-sizing:border-box; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-compact>.fxo-icon { flex:none; width:18px; height:18px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-compact[aria-pressed=true] { border-color:var(--fx-accent); background:var(--fx-tint); color:var(--fx-accent-ink); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-toolbar button:focus-visible { outline:2px solid var(--fx-accent); outline-offset:2px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record { display:grid; grid-template-columns:48px minmax(0,1fr) 116px 100px auto; align-items:center; gap:16px; padding:20px 24px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record-icon { grid-column:1; grid-row:1; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxo-material-copy { min-width:0; grid-column:2; grid-row:1; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record strong { display:block; font-size:16px; line-height:24px; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; min-width:0; margin-top:8px; color:var(--fx-muted); font-size:13px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-meta>:is(time,.fxo-material-owner) { display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-meta .fxo-icon { width:14px; height:14px; flex:none; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-kind { display:inline-flex; align-items:center; min-height:24px; max-width:100%; padding:2px 8px; border:1px solid var(--fx-line); border-radius:6px; color:var(--fx-text); background:var(--fx-subtle); font-size:12px; font-weight:650; line-height:18px; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-static-label { padding-inline-start:10px; border-inline-start:1px solid var(--fx-line); font-size:12px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record:is([data-material-kind=pdf],[data-material-kind=svg])>.fxo-own-record-icon { background:var(--fx-tint); color:var(--fx-accent-ink); }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record>:is(.fxo-material-visits,.fxo-material-state) { min-width:0; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-visits { grid-column:3; grid-row:1; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-state { grid-column:4; grid-row:1; }
html[data-foxy-design=studio] .foxy-ui :is(.fxo-material-visits,.fxo-material-state)>dt { margin:0; color:var(--fx-muted); font-size:12px; font-weight:500; line-height:18px; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui :is(.fxo-material-visits,.fxo-material-state)>dd { min-width:0; margin:5px 0 0; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-visits strong { font-size:23px; font-weight:650; line-height:28px; font-variant-numeric:tabular-nums; letter-spacing:-.3px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-visits-static strong { color:var(--fx-muted); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-state .fxo-role-badge { display:inline-flex; align-items:center; gap:6px; min-height:28px; max-width:100%; width:fit-content; padding:4px 8px; border:1px solid var(--fx-line); background:var(--fx-surface); color:var(--fx-text); white-space:normal; overflow-wrap:anywhere; font-size:12px; line-height:18px; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-state .fxo-role-badge::before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:var(--fx-muted); }
html[data-foxy-design=studio] .foxy-ui .fxo-material-state .fxo-material-status-active::before { background:var(--fx-accent); }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxa-more-button { grid-column:5; grid-row:1; margin:0; width:auto; justify-self:end; }
html[data-foxy-design=studio] .foxy-ui .fxo-material-static-note { margin:20px 0 0; padding:12px 14px; border:1px solid var(--fx-line); border-radius:10px; color:var(--fx-muted); background:var(--fx-surface); font-size:14px; line-height:21px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-pager { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:16px 24px; margin:0; padding:20px 24px; border-top:1px solid var(--fx-line); }
html[data-foxy-design=studio] .foxy-ui .fxo-page-count { color:var(--fx-muted); font-size:13px; line-height:20px; font-variant-numeric:tabular-nums; white-space:nowrap; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-nav { display:flex; align-items:center; justify-content:flex-start; flex:0 1 auto; width:auto; gap:12px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-nav>button { height:40px; min-height:40px; min-width:76px; margin:0; padding:0 12px; font-size:14px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-status { min-width:132px; line-height:20px; text-align:center; font-size:14px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-size { display:flex; align-items:center; flex:none; gap:12px; width:auto; margin:0 0 0 auto; font-size:14px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-size>span:not(.fx-select-control) { margin:0; white-space:nowrap; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-size>.fx-select-control { flex:0 0 88px; width:88px; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-size .fx-select-trigger { height:40px; min-height:40px; padding:0 12px; margin:0; line-height:20px; font-size:14px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-size>select:not([data-fx-select]) { width:88px; min-width:88px; height:40px; min-height:40px; margin:0; padding:0 12px; border:1px solid var(--fx-line); border-radius:10px; color:var(--fx-text); background:var(--fx-surface); font-size:14px; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-nav>button:disabled { cursor:default; opacity:.45; }
html[data-foxy-design=studio] .foxy-ui .fxo-page-status { font-variant-numeric:tabular-nums; }
html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary { margin-bottom:24px; border:1px solid var(--fx-line); }
html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary .fxa-heat-footer { align-items:flex-start; gap:12px 24px; padding-top:12px; }
html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary .fxa-heat-footer>p { flex:1 1 240px; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary .fxa-heat-legend { flex:none; margin:0; min-height:20px; font-size:13px; }
html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary .fxa-heat-legend i { width:16px; height:16px; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-heading>span { color:var(--fx-muted); font-size:14px; font-variant-numeric:tabular-nums; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-heading h3::before { flex:none; }
html[data-foxy-design=studio] .foxy-ui .fxo-own-record:focus-within { background:var(--fx-subtle); }
html[data-foxy-design=studio] .foxy-ui :is(.fxa-details-body,.fxa-record-event-list) { min-width:0; container:foxy-detail-pages / inline-size; }
html[data-foxy-design=studio] .foxy-ui .fxa-record-event-list { margin-top:12px; }
html[data-foxy-design=studio] .foxy-ui .fxa-details-pager { margin-top:20px; padding:16px 0 0; }
html[data-foxy-design=studio] .foxy-ui .fxa-details-pager .fxo-page-size { gap:8px; }
html[data-foxy-design=studio] .foxy-ui :is(.fxa-page-items,.fxa-event-title,.fxa-details-note) { min-width:0; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fxo-toolbar { align-items:center; gap:16px; padding:20px 24px; }
html[data-foxy-design=studio] .foxy-ui .fxo-toolbar .fx-select-control { margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-toolbar .fx-select-trigger { height:48px; min-height:48px; padding:0 14px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui .fxo-activity-filters label { display:flex; flex-direction:column; gap:8px; }
html[data-foxy-design=studio] .foxy-ui .fxo-activity-filters label>span { margin:0; }
html[data-foxy-design=studio] .foxy-ui .fxo-activity-filters .fx-select-trigger { height:48px; min-height:48px; padding:0 14px; }
@container foxy-overview (max-width:900px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-material-toolbar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-search { grid-column:1/-1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record { grid-template-columns:48px minmax(0,1fr) 100px auto; gap:12px 16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxo-material-copy { grid-column:2/-1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-visits { grid-column:2; grid-row:2; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-state { grid-column:3; grid-row:2; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxa-more-button { grid-column:4; grid-row:2; }
}
@container foxy-overview (max-width:720px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-viewbar { flex-direction:column; align-items:stretch; }
  html[data-foxy-design=studio] .foxy-ui .fxo-role-switch { width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxo-role-switch>button { flex:1; }
  html[data-foxy-design=studio] .foxy-ui .fxa-person-filter { width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxa-period { width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxa-period>button { flex:1; padding-inline:8px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-pager { grid-template-columns:minmax(0,1fr) auto; gap:16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-count { grid-column:1; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-nav { display:grid; grid-template-columns:auto minmax(0,1fr) auto; width:100%; gap:8px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-pager>.fxo-page-nav { grid-column:1/-1; grid-row:2; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-status { min-width:0; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-nav>button { min-width:0; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-size { grid-column:2; grid-row:1; margin:0; }
}
@container foxy-overview (max-width:520px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-material-toolbar { grid-template-columns:minmax(0,1fr); gap:12px; padding:0 16px 16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-search { grid-column:auto; }
  html[data-foxy-design=studio] .foxy-ui :is(.fxa-chart,.fxo-own-heading,.fxo-own-pager,.fxo-toolbar) { padding:16px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-charts { gap:16px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-visits-summary { margin-bottom:16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-pager { grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-count { grid-column:1; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-size { grid-column:1; grid-row:3; justify-content:space-between; width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric { padding:16px 12px; min-height:184px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-metrics .fxo-metric>strong { font-size:36px; line-height:40px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-chart-head { grid-template-columns:minmax(0,1fr); gap:8px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-chart-head>.fxa-more-button { grid-column:1; grid-row:auto; justify-self:start; }
  html[data-foxy-design=studio] .foxy-ui .fxa-distribution-content { flex-direction:row; }
  html[data-foxy-design=studio] .foxy-ui .fxa-type-list { flex-basis:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record { grid-template-columns:40px minmax(0,1fr) minmax(0,1fr); gap:16px 12px; padding:16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record-icon { display:grid; width:40px; height:40px; grid-column:1; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxo-material-copy { grid-column:2/-1; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-meta { gap:6px 10px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-static-label { padding-inline-start:0; border:0; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-visits { grid-column:1/3; grid-row:2; }
  html[data-foxy-design=studio] .foxy-ui .fxo-material-state { grid-column:3; grid-row:2; }
  html[data-foxy-design=studio] .foxy-ui .fxo-own-record>.fxa-more-button { grid-column:1/-1; grid-row:3; width:100%; justify-self:stretch; }
}
@container foxy-overview (max-width:360px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-page-nav { gap:6px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-nav>button { padding-inline:8px; font-size:13px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-page-status { font-size:13px; white-space:normal; }
}
/* Dialog width can be narrower than the overview containing the top layer. */
@container foxy-detail-pages (max-width:720px) {
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager>.fxo-page-count { grid-column:1; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager>.fxo-page-size { grid-column:2; grid-row:1; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager>.fxo-page-nav { display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-column:1/-1; grid-row:2; gap:8px; width:100%; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager .fxo-page-status { min-width:0; white-space:normal; }
}
@container foxy-detail-pages (max-width:420px) {
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager { grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager>.fxo-page-size { grid-column:1; grid-row:3; width:100%; justify-content:space-between; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager .fxo-page-nav>button { min-width:0; padding-inline:8px; font-size:13px; }
  html[data-foxy-design=studio] .foxy-ui .fxa-details-pager .fxo-page-status { font-size:13px; }
}
/* Density changes preserve titles, metadata, counters and 40px actions. */
html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-own-record { grid-template-columns:36px minmax(0,1fr) 116px 100px auto; gap:12px; padding-block:12px; }
html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-own-record-icon { width:36px; height:36px; border-radius:10px; }
html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-material-title { font-size:15px; line-height:22px; }
html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-material-meta { margin-top:4px; gap:4px 10px; }
html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-material-visits strong { font-size:20px; line-height:24px; }
@container foxy-overview (max-width:900px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-own-record { grid-template-columns:36px minmax(0,1fr) 100px auto; gap:10px 12px; }
}
@container foxy-overview (max-width:520px) {
  html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-own-record { grid-template-columns:32px minmax(0,1fr) minmax(0,1fr); gap:10px; padding:12px 16px; }
  html[data-foxy-design=studio] .foxy-ui .fxo-materials-compact .fxo-own-record-icon { width:32px; height:32px; border-radius:8px; }
}