/* Presentation only: consistent form, settings and offline-session geometry. */
/* The active panel reuses the native main element; only inactive native siblings are hidden. */
#root [data-fx-page-tab-hidden] { display:none!important; }
#root .fx-pages-workspace { min-width:0; margin:0 0 24px; }
#root .fx-pages-tabs { display:flex; align-items:stretch; flex-wrap:wrap; gap:8px; width:fit-content; max-width:100%; padding:6px; border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:14px; background:var(--fx-subtle,var(--bg-secondary,#f8f9fb)); }
html #root .fx-pages-tabs>button {
  display:flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:0; min-height:44px; height:auto;
  margin:0; padding:10px 16px; border:1px solid transparent; border-radius:10px; background:transparent;
  color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:15px; font-weight:600; line-height:22px; white-space:normal;
}
html #root .fx-pages-tabs>button[aria-selected=true] { border-color:var(--fx-line,var(--border-color,#dfe6ed)); background:var(--fx-surface,var(--bg-primary,#fff)); color:var(--fx-text,var(--text-primary,#192e3b)); box-shadow:0 2px 5px #00000008; }
#root .fx-pages-tab-count { flex:none; min-width:26px; padding:1px 7px; border-radius:6px; background:var(--fx-hover,var(--bg-tertiary,#edf2f6)); color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:12px; font-weight:600; line-height:20px; text-align:center; }
#root .fx-pages-tab-count[hidden] { display:none; }
#root .fx-pages-description { margin:12px 0 0; color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:14px; line-height:22px; }
#root .fx-record-clicks { display:inline-flex; align-items:center; align-self:flex-start; width:fit-content; max-width:100%; box-sizing:border-box; padding:3px 9px; border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:7px; background:var(--fx-subtle,var(--bg-secondary,#f8f9fb)); color:var(--fx-text,var(--text-primary,#192e3b)); font-size:12px; font-weight:500; line-height:18px; overflow-wrap:anywhere; }
#root .fx-record-clicks.is-unknown { color:var(--fx-muted,var(--text-secondary,#5f7080)); }
@media(max-width:500px) {
  #root .fx-pages-tabs { width:100%; box-sizing:border-box; gap:4px; padding:4px; }
  html #root .fx-pages-tabs>button { flex:1 1 0; gap:6px; padding:9px 8px; font-size:14px; }
  #root .fx-pages-tab-count { padding-inline:5px; min-width:22px; }
}

/* Local synthetic lists: native cards keep their DOM position and disclosure state. */
#root [data-fx-list-hidden], #root [data-fx-native-pager] { display:none!important; }
/* CSS ordering is enabled only when reading-flow also preserves keyboard and reading order. */
#root main.fx-files-sort-flow { display:flex; flex-direction:column; reading-flow:flex-visual; }
#root main.fx-files-sort-flow>* { flex:none; min-width:0; }
#root main.fx-files-sort-flow>.fx-list-toolbar[data-fx-list-key=files] { order:1; }
#root main.fx-files-sort-flow>.fx-list-empty-files { order:1000000; }
#root main.fx-files-sort-flow>.fx-list-pagination:has(#fx-list-size-files) { order:1000001; }
#root .fx-list-toolbar {
  display:flex; flex-wrap:wrap; align-items:end; justify-content:flex-end; gap:16px;
  width:100%; min-width:0; box-sizing:border-box; margin:0 0 20px; padding:16px;
  border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:14px;
  background:var(--fx-surface,var(--bg-secondary,#fff)); color:var(--fx-text,var(--text-primary,#192e3b));
}
#root .fx-list-toolbar[data-fx-list-key=files] { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,240px) minmax(120px,auto); }
#root .fx-file-search, #root .fx-file-sort { display:flex; flex-direction:column; gap:8px; min-width:0; }
#root .fx-list-toolbar label { margin:0; color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:14px!important; line-height:20px; overflow-wrap:anywhere; }
#root .fx-file-search-field { position:relative; min-width:0; }
html[data-foxy-design=studio] .foxy-ui #root .fx-list-toolbar input[type=search],
html[data-foxy-design=studio] .foxy-ui #root .fx-list-toolbar select,
html[data-foxy-design=studio] .foxy-ui #root .fx-list-toolbar .fx-select-trigger {
  box-sizing:border-box; width:100%; min-width:0; min-height:44px; height:44px; margin:0;
  padding:0 14px!important; border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:10px;
  background:var(--fx-subtle,var(--bg-tertiary,#f8f9fb)); color:var(--fx-text,var(--text-primary,#192e3b)); font-size:14px!important; line-height:22px!important;
}
html[data-foxy-design=studio] .foxy-ui #root .fx-list-toolbar input[type=search] { padding-inline-end:48px!important; }
#root .fx-file-search input::-webkit-search-cancel-button { appearance:none; }
#root .fx-file-sort>.fx-select-control { width:100%; min-width:0; margin:0; }
html #root .fx-list-toolbar button.fx-file-search-clear {
  position:absolute; inset-inline-end:3px; inset-block:3px; display:grid; place-items:center;
  width:38px; min-width:38px; min-height:38px; height:38px; margin:0; padding:0;
  border:0; border-radius:8px; background:transparent; color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:24px; line-height:1;
}
#root .fx-file-search-clear[hidden] { display:none!important; }
#root .fx-file-sort-note { color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:12px; line-height:18px; }
html #root .fx-list-toolbar button.fx-list-compact {
  box-sizing:border-box; width:auto; min-width:0; min-height:44px; height:auto; margin:0; padding:10px 14px;
  border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:10px;
  background:var(--fx-subtle,var(--bg-tertiary,#f8f9fb)); color:var(--fx-text,var(--text-primary,#192e3b));
  font-size:14px!important; font-weight:500; line-height:22px!important; white-space:normal; overflow-wrap:anywhere;
}
html #root .fx-list-toolbar button.fx-list-compact[aria-pressed=true],
html #root .fx-list-toolbar button.fx-list-compact[aria-pressed=true]:is(:hover,:focus-visible) {
  border-color:var(--fx-accent,#db7428)!important;
  background:var(--fx-tint,var(--fx-subtle,#fff1e8))!important;
  color:var(--fx-text,var(--text-primary,#192e3b))!important;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info,.pages-info)[data-fx-list-compact] { padding:16px 20px; margin-bottom:10px; border-radius:14px; }
html[data-foxy-design=studio] .foxy-ui #root [data-fx-list-compact] :is(.redirect-info-title,.redirect-info-title-label) { gap:12px; }
html[data-foxy-design=studio] .foxy-ui #root [data-fx-list-compact] :is(.redirect-info-header,.pages-info-header) { gap:4px; }
html[data-foxy-design=studio] .foxy-ui #root [data-fx-list-compact] :is(.redirect-info-comment,.pages-info-comment) { font-size:16px; line-height:23px; letter-spacing:0; }
html[data-foxy-design=studio] .foxy-ui #root [data-fx-list-compact] :is(.redirect-info-date,.pages-info-date) { font-size:13px; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui #root [data-fx-list-compact].link-inner-active .redirect-info-hide { margin-top:16px; padding-top:16px; }
html[lang=ar] #root :is(.fx-list-toolbar,.fx-list-pagination) { direction:rtl; text-align:start; }
@media(max-width:900px) {
  #root .fx-list-toolbar[data-fx-list-key=files] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #root .fx-list-toolbar .fx-file-search { grid-column:1/-1; }
}
@media(max-width:500px) {
  #root .fx-list-toolbar[data-fx-list-key=files] { grid-template-columns:minmax(0,1fr); gap:14px; }
  #root .fx-list-toolbar { padding:14px; margin-bottom:16px; }
  html #root .fx-list-toolbar button.fx-list-compact { width:100%; }
  html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info,.pages-info)[data-fx-list-compact] { padding:14px; }
}
#root .fx-list-pagination {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:20px; width:100%; min-width:0; box-sizing:border-box;
  margin:20px 0 28px; padding:20px 24px;
  border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:16px;
  background:var(--fx-surface,var(--bg-secondary,#fff)); color:var(--fx-text,var(--text-primary,#192e3b));
}
#root .fx-list-summary { display:flex; flex-direction:column; gap:5px; min-width:0; }
#root .fx-list-summary strong { margin:0; font-size:14px; line-height:20px; font-weight:600; overflow-wrap:anywhere; }
#root .fx-list-range { color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:13px; line-height:20px; }
#root .fx-list-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:16px 24px; min-width:0; }
#root .fx-list-size { display:flex; align-items:center; gap:10px; min-width:0; }
#root .fx-list-size>label { margin:0; color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:13px!important; line-height:20px; white-space:nowrap; }
#root .fx-list-size>select, #root .fx-list-size>.fx-select-control { width:84px; min-width:0; flex:none; margin:0; }
#root .fx-list-size>.fx-select-control>.fx-select-trigger,
#root .fx-list-size>select {
  box-sizing:border-box; min-height:40px; height:40px; margin:0; padding:0 12px!important;
  border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:10px;
  background:var(--fx-subtle,var(--bg-tertiary,#f8f9fb)); color:var(--fx-text,var(--text-primary,#192e3b));
  font-size:14px!important; line-height:20px!important;
}
#root .fx-list-page-nav { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; }
#root .fx-list-page-status { min-width:0; text-align:center; color:var(--fx-muted,var(--text-secondary,#5f7080)); font-size:13px; line-height:20px; }
#root .fx-list-page-nav>button {
  box-sizing:border-box; width:auto; min-width:70px; min-height:40px; height:auto; margin:0; padding:8px 12px;
  border:1px solid var(--fx-line,var(--border-color,#dfe6ed)); border-radius:10px;
  background:var(--fx-subtle,var(--bg-tertiary,#f8f9fb)); color:var(--fx-text,var(--text-primary,#192e3b));
  font-size:14px!important; line-height:20px!important; white-space:normal; overflow-wrap:anywhere;
}
#root .fx-list-page-nav>button:disabled { cursor:not-allowed; color:var(--fx-muted,var(--text-secondary,#5f7080)); opacity:.65; }
#root .fx-list-empty { padding:28px 20px; margin:0; color:var(--fx-muted,var(--text-secondary,#5f7080)); text-align:center; font-size:15px; line-height:24px; }
#root .fx-list-empty[hidden] { display:none!important; }
.foxy-ui .fx-study-badge { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; font-size:13px; line-height:20px; color:var(--fx-muted); }
.foxy-ui .fx-study-badge>span:first-child { color:var(--fx-text); font-weight:600; }
@media(max-width:900px) {
  #root .fx-list-pagination { align-items:stretch; }
  #root .fx-list-controls { flex:1 1 100%; justify-content:space-between; }
}
@media(max-width:650px) {
  #root .fx-list-pagination { gap:16px; padding:16px; border-radius:14px; }
  #root .fx-list-controls { gap:16px; }
  #root .fx-list-page-nav { flex:1 1 100%; width:100%; gap:8px; }
  #root .fx-list-page-nav>button { min-width:64px; padding-inline:10px; }
  #root .fx-list-size { width:100%; justify-content:space-between; }
  .foxy-ui .fx-topbar .fx-study-badge { flex-basis:100%; order:3; border-top:1px solid var(--fx-line); padding-top:10px; }
}

html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment form,.call-comment form,.choose-domen-or-ip form,.settings-spoiler-form,.settings-spoiler-form form,.f-div)>div:has(>label):not(.proxy-optional-section) {
  display:flex; flex-direction:column; align-items:stretch; gap:8px;
  min-width:0; max-width:100%;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip,.settings-spoiler-form,.f-div) label:not(.button) {
  display:block; margin:0; font-size:14px!important; line-height:20px;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip,.settings-spoiler-form,.f-div) label:empty { display:none; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip,.settings-spoiler-form,.f-div,.fx-filter-panel,.fx-admin-pane .admin-head) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
  box-sizing:border-box; width:100%; min-width:0; height:48px; min-height:48px; margin-block:0;
  padding:0 14px!important; line-height:22px!important;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip,.settings-spoiler-form,.f-div) .fx-select-control {
  min-width:0; margin:0; padding:0;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip,.settings-spoiler-form,.f-div,.fx-filter-panel,.fx-admin-pane .admin-head) .fx-select-control>.fx-select-trigger {
  box-sizing:border-box; min-height:48px; height:48px; margin:0; padding:0 14px!important; line-height:22px!important;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment form,.call-comment form,.choose-domen-or-ip form,.settings-spoiler-form form) >button,
html[data-foxy-design=studio] .foxy-ui #root .f-all>button {
  min-width:0; max-width:100%; min-height:48px; height:auto; margin:0;
  padding:12px 20px; line-height:22px; white-space:normal; overflow-wrap:anywhere;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.call-comment,.choose-domen-or-ip):has(>.page-title:not(.fx-duplicate-title)) form {
  margin-top:20px;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment,.call-comment,.choose-domen-or-ip):has(>.fx-duplicate-title) form {
  margin-top:0;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.call-comment,.choose-domen-or-ip) form {
  gap:16px; align-items:flex-end;
}
html[data-foxy-design=studio] .foxy-ui #root .redirect-comment form { gap:24px; }
html[data-foxy-design=studio] .foxy-ui #root .invalid-p { margin:0; line-height:20px; }

/* A filter icon and its search input share one 48px baseline. */
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel>.spoiler-header { min-height:48px; height:48px; }
/* The imported bundle adds 12px !important to every disclosure body. */
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel>.spoiler-content>.spoiler-inner-content { padding:0!important; }
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel .search-inputs>div:first-child input {
  height:48px; min-height:48px;
}
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel .select-inputs {
  align-items:start; gap:20px; margin-top:24px; padding-top:24px;
}
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel .search-input {
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
  gap:8px; margin:0; padding:0;
}
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel label { margin:0; font-size:14px!important; line-height:20px; }
html[data-foxy-design=studio] .foxy-ui #root .fx-filter-panel .fx-select-control { margin:0; }

/* Select menus may be portaled to body or hosted inside a modal. */
html[data-foxy-design=studio] .fx-select-menu input.fx-select-search,
html[data-foxy-design=studio] .foxy-ui :is(#root,.Modal) .fx-select-menu input.fx-select-search:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
  box-sizing:border-box; height:44px; min-height:44px;
  padding:0 12px!important; font-size:15px!important; line-height:22px!important;
}

/* Record headings and editor controls keep their own columns as text wraps. */
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-main,.pages-info-main) { display:flex; flex-direction:column; min-width:0; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-main,.pages-info-main)>* { order:2; min-width:0; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-main,.pages-info-main)>:is(.fx-origin-summary,.proxy-original-link) { order:-1; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-main,.pages-info-main)>.fx-visits-heading { order:0; margin:8px 0 12px!important; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-main,.pages-info-main)>.fx-record-visits { order:1; margin-top:0!important; }
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-header,.pages-info-header) {
  min-width:0; gap:6px; overflow-wrap:anywhere;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-comment,.pages-info-comment,.call-info-comment) {
  margin:0; line-height:1.4; overflow-wrap:anywhere;
}
html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-info-date,.pages-info-date,.call-info-date) { margin:0; line-height:1.5; }
html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title>.red-btn { flex:none; align-self:flex-start; margin:0; }
html[data-foxy-design=studio] .foxy-ui #root .f-buttons { flex-wrap:wrap; align-items:stretch; }
html[data-foxy-design=studio] .foxy-ui #root .f-buttons>button { display:grid; place-items:center; flex:1 1 44px; min-width:44px; min-height:44px; margin:0; }
html[data-foxy-design=studio] .foxy-ui #root .pages-main-panels { align-items:start; gap:24px; }
html[data-foxy-design=studio] .foxy-ui #root .pages-preview-header { line-height:1.5; }
html[data-foxy-design=studio] .foxy-ui #root .pages-preview-body { min-width:0; overflow:auto; }
html[data-foxy-design=studio] .foxy-ui #root .links-buttons-redirect { align-items:center; gap:10px; }
html[data-foxy-design=studio] .foxy-ui #root .links-buttons-redirect>button { min-width:0; min-height:40px; height:auto; white-space:normal; }
html[data-foxy-design=studio] .foxy-ui #root .domen-info :is(th,td) { vertical-align:top; }
html[data-foxy-design=studio] .foxy-ui #root .domen-info th { width:30%; }

@media(max-width:500px) {
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title {
    display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px 12px;
  }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title>.redirect-info-title-label {
    grid-column:1/-1; grid-row:1; width:100%; min-width:0; align-items:flex-start; gap:12px;
  }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title-label>:is(.redirect-info-header,.pages-info-header) { flex:1; min-width:0; }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title>.fx-switch { grid-column:1; grid-row:2; align-self:center; justify-self:start; }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title>.red-btn {
    grid-column:2; grid-row:2; align-self:center; justify-self:end; width:40px; min-width:40px; min-height:40px; padding:9px;
  }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-info-title-label>.fx-record-chevron { flex:none; margin-top:2px; }
}

/* Settings: one inset and two columns for identity, rather than competing flex widths. */
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface { --fx-settings-inset:32px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-heading { padding:24px var(--fx-settings-inset); }
html[data-foxy-design=studio] .foxy-ui .fx-settings-heading h2 { line-height:1.35; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-heading p { line-height:1.55; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-profile {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px; margin:0 var(--fx-settings-inset); padding:24px 0;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-profile[hidden] { display:none; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-profile>div { min-width:0; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fx-account-role { margin:0; max-width:100%; line-height:20px; white-space:normal; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .spoiler-container {
  padding:24px var(--fx-settings-inset);
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root [data-settings-section=general] {
  min-height:112px; gap:24px; align-items:center;
}
/* Keep settings fields on the heading's inset despite the imported disclosure padding. */
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root [data-settings-section=general]>.spoiler-content>.spoiler-inner-content {
  padding:0!important;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root :is([data-settings-section=security],[data-settings-section=integrations])>.spoiler-content>.spoiler-inner-content {
  padding:20px 0 0!important;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root :is(.fx-admin-pane,.fx-help-section)>.spoiler-content>.spoiler-inner-content {
  padding:0!important;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .spoiler-header[data-description]::after { line-height:1.55; }
html[data-foxy-design=studio] .foxy-ui :is(.fx-settings-nav,.fx-proxy-tabs) {
  flex-wrap:wrap; align-items:stretch; overflow:visible;
}
html[data-foxy-design=studio] .foxy-ui :is(.fx-settings-nav,.fx-proxy-tabs)>button {
  min-width:0; height:auto; min-height:44px; white-space:normal; line-height:22px;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-nav button>span { min-width:0; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-nav button>.fx-icon { flex:none; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .security-panel { gap:20px; margin-top:0; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .security-section { gap:12px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .security-section__actions { gap:12px; margin-top:4px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .security-section__actions>button {
  min-width:0; max-width:100%; white-space:normal; line-height:22px;
}
html[data-foxy-design=studio] .foxy-ui .fx-admin-navigation { padding:20px var(--fx-settings-inset); gap:8px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-select-inputs {
  grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr)); gap:16px;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-select-inputs>div { gap:8px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-head :is(input,.fx-select-trigger) { min-height:48px; height:48px; }
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-info>.fx-admin-fields {
  grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr)); gap:16px 24px;
}
html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-info>button {
  max-width:100%; white-space:normal;
}
html[data-foxy-design=studio] .foxy-ui .fx-telethon { padding:24px var(--fx-settings-inset); }
html[data-foxy-design=studio] .foxy-ui .fx-telethon-header { flex-wrap:wrap; }

/* Offline session lists: aligned search controls, readable values and bounded actions. */
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-metric { min-width:0; }
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-metric>div { align-items:flex-start; }
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-metric>div>span { min-width:0; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-metric .fx-icon { flex:none; }
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-card-heading { align-items:flex-start; }
html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-card-heading>.fx-icon-button { flex:none; }
html[data-foxy-design=studio] .foxy-ui .fx-session-tools { display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; gap:16px; }
html[data-foxy-design=studio] .foxy-ui .fx-session-tools>.fx-select-control { width:100%; min-width:0; margin:0; }
html[data-foxy-design=studio] .foxy-ui .fx-session-tools .fx-select-trigger { height:48px; min-height:48px; padding-block:11px; }
html[data-foxy-design=studio] .foxy-ui :is(.fx-table-head,.fx-session-row) { grid-template-columns:minmax(0,1fr) 108px 120px; gap:16px; }
html[data-foxy-design=studio] .foxy-ui .fx-session-row>.fx-text-button { justify-content:center; width:100%; min-height:40px; line-height:20px; text-align:center; }
html[data-foxy-design=studio] .foxy-ui .fx-session-row .fx-badge { max-width:100%; white-space:normal; }
html[data-foxy-design=studio] .foxy-ui .fx-session-name { align-items:flex-start; }
html[data-foxy-design=studio] .foxy-ui .fx-session-name>div { min-width:0; }
html[data-foxy-design=studio] .foxy-ui .fx-session-name :is(strong,small) { line-height:1.5; overflow-wrap:anywhere; }
html[data-foxy-design=studio] .foxy-ui .fx-compact-card { flex-wrap:wrap; align-content:flex-start; gap:16px; }
html[data-foxy-design=studio] .foxy-ui .fx-compact-card>div { flex:1; min-width:0; }
html[data-foxy-design=studio] .foxy-ui .fx-compact-card>.fx-text-button { min-height:40px; max-width:100%; margin-left:0; }
html[data-foxy-design=studio] .foxy-ui .fx-compose-footer { flex-wrap:wrap; align-items:center; gap:16px; }
html[data-foxy-design=studio] .foxy-ui .fx-compose-footer>span { flex:1 1 180px; min-width:0; }
html[data-foxy-design=studio] .foxy-ui .fx-compose-footer>.fx-button { flex:none; }

@media(max-width:760px) {
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface { --fx-settings-inset:24px; }
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root [data-settings-section=general] { gap:16px; }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-comment form { grid-template-columns:minmax(0,1fr); gap:20px; }
  html[data-foxy-design=studio] .foxy-ui #root .redirect-comment .proxy-optional-section { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:650px) {
  html[data-foxy-design=studio] .foxy-ui .fx-session-tools { grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui :is(.fx-table-head,.fx-session-row) { grid-template-columns:minmax(0,1fr) auto; gap:16px 12px; }
  html[data-foxy-design=studio] .foxy-ui .fx-table-head>span:last-child { display:none; }
  html[data-foxy-design=studio] .foxy-ui .fx-session-row>.fx-text-button { grid-column:1/-1; width:auto; justify-self:end; }
  html[data-foxy-design=studio] .foxy-ui .fx-compact-card>.fx-text-button { flex-basis:100%; justify-content:flex-start; }
}
@media(max-width:600px) {
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface { --fx-settings-inset:20px; }
  html[data-foxy-design=studio] .foxy-ui .fx-settings-profile { grid-template-columns:auto minmax(0,1fr); gap:12px; }
  html[data-foxy-design=studio] .foxy-ui .fx-settings-profile>.fx-account-role { grid-column:2; justify-self:start; }
  html[data-foxy-design=studio] .foxy-ui #root :is(.redirect-comment form,.call-comment form,.choose-domen-or-ip form,.settings-spoiler-form form)>button,
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root [data-setting=telegramId] form>button {
    width:100%; justify-self:stretch; align-self:stretch;
  }
  html[data-foxy-design=studio] .foxy-ui #root :is(.call-comment,.choose-domen-or-ip) form { align-items:stretch; }
  html[data-foxy-design=studio] .foxy-ui #root .links-buttons-redirect::before { flex-basis:100%; margin:0; }
  html[data-foxy-design=studio] .foxy-ui #root .links-buttons-redirect>button { flex:1 1 90px; }
  html[data-foxy-design=studio] .foxy-ui #root .domen-info :is(tr,th,td) { display:block; width:100%; }
  html[data-foxy-design=studio] .foxy-ui #root .domen-info tr { padding:12px 0; border-bottom:1px solid var(--fx-line); }
  html[data-foxy-design=studio] .foxy-ui #root .domen-info tr:last-child { border-bottom:0; }
  html[data-foxy-design=studio] .foxy-ui #root .domen-info :is(th,td) { padding:0; border:0; background:none; }
  html[data-foxy-design=studio] .foxy-ui #root .domen-info th { margin-bottom:6px; }
  html[data-foxy-design=studio] .foxy-ui .fx-admin-navigation { flex-wrap:wrap; overflow:visible; padding:16px var(--fx-settings-inset); }
  html[data-foxy-design=studio] .foxy-ui .fx-admin-navigation>button { flex:1 1 110px; min-width:0; white-space:normal; }
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface #root .fx-admin-pane .admin-select-inputs { grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fx-compose-footer { align-items:stretch; }
  html[data-foxy-design=studio] .foxy-ui .fx-compose-footer>span { flex:0 1 auto; }
  html[data-foxy-design=studio] .foxy-ui .fx-compose-footer>.fx-button { width:100%; }
}
@media(max-width:360px) {
  html[data-foxy-design=studio] .foxy-ui .fx-settings-surface { --fx-settings-inset:16px; }
  html[data-foxy-design=studio] .foxy-ui[data-page=proxy] .fx-metrics { grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fx-session-symbol { width:36px; height:36px; border-radius:10px; }
  html[data-foxy-design=studio] .foxy-ui .fx-session-name { gap:10px; }
  html[data-foxy-design=studio] .foxy-ui .fx-session-name strong { font-size:14px; }
  html[data-foxy-design=studio] .foxy-ui .fx-session-row { padding-inline:16px; }
  html[data-foxy-design=studio] .foxy-ui .fx-table-head { padding-inline:16px; }
}
@media(max-width:340px) {
  html[data-foxy-design=studio] .foxy-ui .fx-settings-nav { display:grid; grid-template-columns:minmax(0,1fr); }
  html[data-foxy-design=studio] .foxy-ui .fx-settings-nav>button { width:100%; }
}