/* FOXY Studio: an additive dashboard skin. No data or role behavior changes. */
html[data-foxy-design="studio"] .foxy-ui .fxo-overview { font-size:16px; padding-bottom:24px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-viewbar { margin:0 0 28px; padding:0; border:0; gap:16px 24px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-overline { font-size:16px; font-weight:650; letter-spacing:-.2px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-viewbar p { font-size:14px; margin-top:5px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch { border:0; background:var(--fx-hover); border-radius:14px; padding:5px; gap:3px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch button { min-height:42px; padding:9px 15px; border-radius:10px; font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch button[aria-pressed="true"] { color:var(--fx-text); background:var(--fx-surface); box-shadow:0 2px 5px #0000000c,inset 0 0 0 1px #00000004; }
html[data-foxy-design="studio"] .foxy-ui .fxo-intro { margin-bottom:16px; gap:10px 20px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-intro p { display:flex; align-items:center; gap:12px; font-size:18px; font-weight:650; letter-spacing:-.35px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-intro p::before { content:""; flex:none; width:5px; height:24px; border-radius:3px; background:var(--fx-accent); }
html[data-foxy-design="studio"] .foxy-ui .fxo-connection { padding:6px 10px; border-radius:8px; font-size:13px; background:var(--fx-surface); }
html[data-foxy-design="studio"] .foxy-ui .fxo-connection::before { width:6px; height:6px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-metrics { padding:12px; gap:8px; margin-bottom:28px; border-radius:20px; background:var(--fx-surface); }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric { min-height:158px; padding:24px; border:0; border-radius:13px; background:var(--fx-subtle); }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric:first-child { background:var(--fx-tint); }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric>div { font-size:15px; font-weight:550; color:var(--fx-muted); gap:10px; align-items:center; }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric>div .fxo-icon { width:38px; height:38px; padding:9px; margin:-6px -4px -6px 0; border-radius:50%; background:var(--fx-surface); color:var(--fx-text); }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric:first-child>div .fxo-icon { color:var(--fx-accent-ink); }
html[data-foxy-design="studio"] .foxy-ui .fxo-metric strong { margin-top:21px; font-size:52px; line-height:1; font-weight:650; letter-spacing:-2.4px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-workspace { border:0; border-radius:20px; box-shadow:0 2px 4px #00000002; }
html[data-foxy-design="studio"] .foxy-ui .fxo-workspace-heading { padding:20px 24px; gap:12px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-tabs { gap:5px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-tabs button { padding:10px 14px; min-height:44px; border:0; border-radius:10px; font-size:16px; letter-spacing:-.25px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-tabs button[aria-selected="true"] { background:var(--fx-hover); color:var(--fx-text); }
html[data-foxy-design="studio"] .foxy-ui .fxo-tabs button:hover { background:var(--fx-subtle); }
html[data-foxy-design="studio"] .foxy-ui .fxo-tabs button[aria-selected="true"]:hover { background:var(--fx-hover); }
html[data-foxy-design="studio"] .foxy-ui .fxo-people-count { color:var(--fx-accent-ink); background:var(--fx-tint); min-width:24px; border-radius:6px; font-weight:650; }
html[data-foxy-design="studio"] .foxy-ui .fxo-journal-status { font-size:13px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-toolbar { padding:24px; gap:16px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-search { width:380px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-search input { min-height:48px; height:48px; padding-left:44px; border-color:transparent; border-radius:12px; background:var(--fx-subtle); font-size:16px!important; }
html[data-foxy-design="studio"] .foxy-ui .fxo-search>.fxo-icon { top:15px; left:15px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-search input:focus-visible { border-color:var(--fx-accent); outline:3px solid var(--fx-ring); outline-offset:1px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-role-filter .fx-select-trigger,
html[data-foxy-design="studio"] .foxy-ui .fxo-activity-filters .fx-select-trigger { min-height:48px; font-size:16px!important; border-radius:12px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-empty { min-height:260px; padding:30px 24px 44px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-empty>.fxo-icon { width:64px; height:64px; padding:18px; border-radius:20px; background:var(--fx-subtle); color:var(--fx-muted); margin-bottom:22px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-empty h3 { font-size:23px; line-height:1.35; letter-spacing:-.6px; font-weight:650; }
html[data-foxy-design="studio"] .foxy-ui .fxo-empty p { font-size:16px; line-height:1.6; max-width:430px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-empty .fxo-link-button { min-height:44px; padding:11px 18px; border-radius:10px; font-size:15px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-people-table { font-size:16px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-people-table th { background:var(--fx-surface); font-size:14px; font-weight:500; padding:15px 20px; border-top:0; }
html[data-foxy-design="studio"] .foxy-ui .fxo-people-table td { padding:24px 20px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-avatar { width:46px; height:46px; border-radius:50%; background:var(--fx-tint); font-size:19px; font-weight:650; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person strong { font-size:17px; letter-spacing:-.2px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person>div>span { font-size:14px; margin-top:4px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-role-badge { font-size:14px; border-radius:7px; background:var(--fx-subtle); padding:6px 10px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-missing { font-size:15px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-record-number { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:34px; border-radius:9px; background:var(--fx-tint); color:var(--fx-accent-ink); font-size:17px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-detail-button { width:44px!important; min-height:44px!important; background:var(--fx-subtle); border:0!important; border-radius:11px; color:var(--fx-text); }
html[data-foxy-design="studio"] .foxy-ui .fxo-detail-button:hover { background:var(--fx-tint); color:var(--fx-accent-ink); }
html[data-foxy-design="studio"] .foxy-ui .fxo-table-foot { padding:18px 24px; font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-activity-intro { padding-top:24px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-activity-intro p { font-size:16px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-activity-filters { gap:20px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-activity-filters label>span { font-size:14px; font-weight:550; margin-bottom:9px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-audit-columns { background:var(--fx-surface); font-size:14px; padding-block:16px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-bottom-note { margin-top:20px; gap:9px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-bottom-note p { font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-heading { padding:24px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-heading h3 { display:flex; align-items:center; gap:12px; font-size:20px; font-weight:650; letter-spacing:-.45px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-heading h3::before { content:""; width:5px; height:23px; border-radius:3px; background:var(--fx-accent); }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-record { padding:24px; gap:18px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-record-icon { width:48px; height:48px; border-radius:14px; background:var(--fx-subtle); color:var(--fx-text); }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-record strong { font-size:17px; letter-spacing:-.2px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-own-record>div>span { font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog { width:min(620px,calc(100vw - 32px)); padding:32px; border:0; border-radius:24px; box-shadow:0 32px 110px #00000030; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog::backdrop { background:#15171966; backdrop-filter:blur(6px); }
html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-identity>.fxo-avatar { width:64px; height:64px; border-radius:20px; font-size:28px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-head .fxo-overline { font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-head h2 { font-size:32px; line-height:1.25; letter-spacing:-.9px; margin:3px 0 4px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-role { font-size:15px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-description { font-size:14px; margin:24px 0; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog .fxo-dialog-close { width:44px; height:44px; min-height:44px; border-radius:50%; background:var(--fx-subtle); color:var(--fx-text); }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts { border:0; padding:0; gap:12px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts>div { background:var(--fx-subtle); padding:18px; border-radius:13px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts dt { font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts dd { font-size:17px; font-weight:600; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts .fxo-person-total { background:var(--fx-tint); }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-total dd { font-size:30px; letter-spacing:-1px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-history { margin-top:24px; padding:22px 0 0; border-radius:0; border-top:1px solid var(--fx-line); background:transparent; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-history h3 { font-size:18px; letter-spacing:-.3px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-history h3 .fxo-status { font-size:13px; padding:4px 7px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-history-facts { gap:12px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-history-facts dt,
html[data-foxy-design="studio"] .foxy-ui .fxo-history-facts dd { font-size:15px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-history p { margin-top:16px; font-size:14px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog .fxo-dialog-done { min-height:46px; border-radius:12px; padding:12px 26px; font-size:16px; }
html[data-foxy-design="studio"] .foxy-ui .fxo-overview button:focus-visible,
html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog button:focus-visible,
html[data-foxy-design="studio"] .foxy-ui .fxo-own-record:focus-visible { outline:3px solid var(--fx-accent); outline-offset:3px; }

@container foxy-overview (max-width:850px) {
  html[data-foxy-design="studio"] .foxy-ui .fxo-viewbar { align-items:flex-start; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric { padding:20px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric>div { font-size:14px; }
}
@container foxy-overview (max-width:720px) {
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics { grid-template-columns:1fr; gap:8px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric { min-height:88px; padding:20px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric>div { flex-direction:row-reverse; justify-content:flex-end; gap:14px; font-size:15px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric>div .fxo-icon { margin:0; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric strong { margin:0; font-size:38px; letter-spacing:-1.6px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-workspace-heading { gap:10px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-journal-status { padding:0; margin:0 0 0 14px; }
}
@media(max-width:650px) {
  html[data-foxy-design="studio"] .foxy-ui .fxo-viewbar { gap:14px; margin-bottom:24px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-viewbar p { font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch { width:100%; padding:4px; gap:2px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch button { flex:1; min-width:0; padding:10px 7px; font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-intro { margin-bottom:14px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-intro p { align-items:flex-start; font-size:17px; gap:10px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-intro p::before { margin-top:1px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-connection { margin-left:15px; padding:3px 0; background:transparent; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metrics { padding:8px; gap:8px; margin-bottom:22px; border-radius:17px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric { padding:17px 14px; min-height:124px; border-radius:11px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric>div { font-size:14px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric strong { font-size:40px; margin-top:18px; letter-spacing:-1.8px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric { padding:15px 14px; min-height:76px; gap:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric>div { font-size:15px; gap:10px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric>div>.fxo-icon { display:block; width:32px; height:32px; padding:8px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-service-metrics .fxo-metric strong { font-size:34px; letter-spacing:-1.3px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-workspace { border-radius:17px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-workspace-heading { padding:16px; gap:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-tabs { gap:3px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-tabs button { font-size:15px; gap:7px; padding:10px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-journal-status { margin-left:10px; font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-toolbar { padding:18px 16px; gap:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-search { width:100%; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-empty { padding:24px 20px 34px; min-height:240px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-empty>.fxo-icon { width:56px; height:56px; padding:16px; border-radius:17px; margin-bottom:18px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-empty h3 { font-size:21px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-empty p { font-size:15px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-people-table tbody { padding:0 16px 16px; gap:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-people-table tbody tr { padding:18px; border:0; border-radius:14px; background:var(--fx-subtle); gap:20px 12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-table-wrap .fxo-people-table td { padding:0; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-people-table td[data-label]::before { font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person>div>span { font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-missing { font-size:14px; white-space:normal; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-people-table .fxo-role-badge { padding:6px 9px; background:var(--fx-surface); }
  html[data-foxy-design="studio"] .foxy-ui .fxo-detail-button { width:100%!important; background:var(--fx-surface); font-size:15px!important; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-table-foot { padding:17px 16px; font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-activity-intro { padding:20px 18px 0; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-activity-intro p { font-size:15px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-activity-filters { padding:20px 18px; gap:16px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-bottom-note p { font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-own-heading { padding:20px 18px; flex-wrap:wrap; gap:9px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-own-heading h3 { font-size:19px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-own-record { display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px 14px; padding:20px 18px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-own-record-icon { width:44px; height:44px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-own-record>.fxo-role-badge { display:inline-block; grid-column:2; width:fit-content; margin-left:0; font-size:13px; white-space:normal; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person-dialog { padding:22px; border-radius:20px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-identity { gap:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-identity>.fxo-avatar { width:48px; height:48px; border-radius:14px; font-size:22px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-head .fxo-overline { font-size:12px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-head h2 { font-size:26px; letter-spacing:-.6px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-dialog-role { font-size:13px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts { gap:10px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person-facts>div { padding:16px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person-history h3 { font-size:17px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-person-history h3 .fxo-status { margin-left:0; }
}
@media(max-width:360px) {
  html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch { display:grid; grid-template-columns:1fr; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-role-switch button { font-size:14px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric { min-height:76px; }
  html[data-foxy-design="studio"] .foxy-ui .fxo-metric strong { margin-top:0; font-size:34px; }
}