/* FOXY 2026: readable type, consistent controls and surfaces. Local modern UI only. */
html.foxy-design {
  --fx-sidebar:252px; --fx-bg:#f5f6f8; --fx-surface:#fff; --fx-subtle:#f8f9fb;
  --fx-text:#192e3b; --fx-muted:#5f7080; --fx-line:#dfe6ed; --fx-accent:#ff7800;
  --fx-accent-ink:#a84400; --fx-accent-hover:#f06c00; --fx-accent-soft:#ffad62;
  --fx-tint:#fff1e5; --fx-hover:#edf2f6; --fx-ring:#ff780022;
  --accent-secondary:var(--fx-accent-soft) !important; --accent-hover:var(--fx-accent-hover) !important;
  --text-secondary:var(--fx-muted) !important; --text-tertiary:var(--fx-muted) !important;
  --font-family-base:"Segoe UI",Arial,sans-serif; --font-size-base:16px; --font-size-sm:14px;
  --font-size-lg:20px; --font-size-xl:26px; --height-input:46px; --height-button:44px;
  --fx-shadow:0 3px 12px #20374a06; --fx-on-accent:#162a36; --btn-text:var(--fx-on-accent) !important;
}
html.foxy-design[data-theme=dark],html.foxy-design[data-theme=space] {
  --fx-bg:#121820; --fx-surface:#1b2430; --fx-subtle:#202b38; --fx-text:#edf1f7;
  --fx-muted:#aebdca; --fx-line:#354553; --fx-accent:#ff8a24; --fx-accent-ink:#ffb56b;
  --fx-accent-hover:#ff9b43; --fx-accent-soft:#ffad62; --fx-tint:#35291f; --fx-hover:#293846; --fx-on-accent:#162a36;
}
body.foxy-ui { font-size:16px !important; line-height:1.6 !important; }
.foxy-ui :is(button,a,input,select,textarea) { -webkit-tap-highlight-color:transparent; }
.foxy-ui :is(button,input,select,textarea) { font-size:15px; }
.foxy-ui :focus-visible { outline:3px solid var(--fx-accent); outline-offset:3px; }
.foxy-ui .fx-sidebar { width:var(--fx-sidebar); max-width:calc(100vw - 44px); padding:24px 18px 20px; box-shadow:1px 0 0 var(--fx-line); border:0; overflow-y:auto; }
.foxy-ui .fx-brand { gap:12px; min-height:108px; padding:12px 8px; margin:0 0 26px; border-bottom:1px solid var(--fx-line); }
.foxy-ui .fx-brand img { width:76px; height:84px; object-fit:contain; flex:none; filter:drop-shadow(0 4px 7px #17374b22); }
.foxy-ui .fx-brand>span { font-size:30px; letter-spacing:1.5px; font-weight:750; }
.foxy-ui .fx-sidebar nav { gap:7px; }
.foxy-ui .fx-sidebar nav a,.foxy-ui .fx-settings-link { min-height:48px; padding:12px 14px; border-radius:10px; font-size:15px; font-weight:500; gap:12px; color:var(--fx-muted); }
.foxy-ui .fx-sidebar nav a[aria-current=page],.foxy-ui .fx-settings-link[aria-current=page] { color:var(--fx-accent-ink); }
.foxy-ui .fx-sidebar nav a[aria-current=page],.foxy-ui .fx-settings-link[aria-current=page] { box-shadow:inset 3px 0 var(--fx-accent); }
.foxy-ui .fx-sidebar nav .fx-icon,.foxy-ui .fx-settings-link>.fx-icon { width:21px; height:21px; }
.foxy-ui .fx-nav-count { font-size:12px; min-width:22px; }
.foxy-ui .fx-profile { padding:16px 10px 0; font-size:14px; gap:10px; }
.foxy-ui .fx-profile small { font-size:13px; }
.foxy-ui .fx-avatar { width:38px; height:38px; font-size:16px; flex:none; }
.foxy-ui .fx-topbar { height:76px; padding:0 36px; border-bottom:1px solid var(--fx-line); background:var(--fx-surface); gap:16px; }
.foxy-ui .fx-server-address,.foxy-ui .fx-server-address code { font-size:14px; }
.foxy-ui .fx-design-switch { min-height:38px; height:auto; font-size:13px; padding:8px 13px; color:var(--fx-muted); background:var(--fx-subtle); }
.foxy-ui .fx-mobile-brand { display:none; }
.foxy-ui .fx-content { max-width:1560px; padding:34px 36px 48px; }
.foxy-ui .fx-page-heading { margin-bottom:28px; gap:18px; }
.foxy-ui .fx-page-heading h1 { font-size:34px; font-weight:700; letter-spacing:-.9px; line-height:1.25; }
.foxy-ui .fx-button { min-height:44px; height:auto; padding:10px 17px; font-size:15px; border-radius:10px; gap:9px; }
.foxy-ui .fx-button.fx-primary { color:var(--fx-on-accent); }
.foxy-ui .react-datepicker__day--selected,.foxy-ui .react-datepicker__day--in-range { color:var(--fx-on-accent) !important; }
.foxy-ui .fx-icon-button { width:40px; height:40px; border-radius:9px; }
.foxy-ui .fx-text-button { min-height:36px; font-size:14px; white-space:normal; }
.foxy-ui .fx-card,.foxy-ui .fx-metric { border-radius:16px; box-shadow:var(--fx-shadow); }
.foxy-ui .fx-card h2 { font-size:19px; line-height:1.4; }
.foxy-ui .fx-card-heading { padding:24px; gap:16px; }
.foxy-ui .fx-card-heading p,.foxy-ui .fx-compact-card p { font-size:14px; line-height:1.6; }
.foxy-ui .fx-count { font-size:13px; padding:2px 7px; }
.foxy-ui .fx-metrics { gap:18px; }
.foxy-ui .fx-metric { padding:23px; }
.foxy-ui .fx-metric>div { font-size:14px; gap:12px; }
.foxy-ui .fx-metric>strong { font-size:36px; font-weight:650; margin:14px 0 5px; }
.foxy-ui .fx-metric>small { font-size:13px; line-height:1.5; }
.foxy-ui .fx-proxy-tabs { gap:28px; margin-bottom:26px; }
.foxy-ui .fx-proxy-tabs>button { height:49px; font-size:15px; padding-bottom:13px; }
.foxy-ui .fx-proxy-tabs>button span { font-size:12px; padding:2px 6px; }
.foxy-ui .fx-session-tools { padding:0 24px 22px; gap:12px; }
.foxy-ui .fx-session-tools>.fx-select-control { width:170px; }
.foxy-ui .fx-search input { height:44px !important; font-size:14px !important; padding-left:38px !important; border-radius:9px !important; }
.foxy-ui .fx-search>.fx-icon { left:12px; width:18px; height:18px; }
.foxy-ui .fx-table-head { font-size:12px; letter-spacing:.7px; padding:12px 24px; }
.foxy-ui .fx-table-head,.foxy-ui .fx-session-row { grid-template-columns:minmax(0,1fr) 100px 115px; gap:16px; }
.foxy-ui .fx-session-row { padding:20px 24px; }
.foxy-ui .fx-session-row>.fx-text-button { grid-column:auto; }
.foxy-ui .fx-session-name strong { font-size:15px; }
.foxy-ui .fx-session-name small { font-size:13px; margin-top:4px; }
.foxy-ui .fx-session-symbol { width:44px; height:44px; }
.foxy-ui .fx-badge { font-size:13px; padding:5px 9px; gap:6px; }
.foxy-ui .fx-table-footer { font-size:13px; padding:18px 24px; }
.foxy-ui .fx-connection-card { padding:24px; }
.foxy-ui .fx-eyebrow { font-size:12px; line-height:1.5; letter-spacing:.8px; }
.foxy-ui .fx-connection-card p,.foxy-ui .fx-connection-card>div { font-size:14px; }
.foxy-ui .fx-compact-card { padding:24px; gap:16px; }
.foxy-ui .fx-compact-card .fx-text-button { font-size:14px; }
.foxy-ui .fx-compact-icon { width:44px; height:44px; }
.foxy-ui .fx-field { font-size:15px; line-height:1.5; gap:9px; }
.foxy-ui .fx-field textarea { font-size:16px; padding:14px; border-radius:10px; }
.foxy-ui .fx-compose-footer,.foxy-ui .fx-recipients p,.foxy-ui .fx-telegram>p,.foxy-ui .fx-telegram-info>div { font-size:14px; }
.foxy-ui .fx-recipients h3,.foxy-ui .fx-telegram h2 { font-size:20px; }
.foxy-ui .fx-inline-status { font-size:14px; }
.foxy-ui .fx-search-empty { padding:38px 24px; font-size:15px; }
.foxy-ui .fx-native-empty { padding:48px 24px; border-radius:16px; }
.foxy-ui .fx-native-empty h2 { font-size:20px; }
.foxy-ui .fx-native-empty p { font-size:15px; }

/* Existing screens receive the same scale, including content outside the React root. */
.foxy-ui #root,.foxy-ui .Modal { font-size:16px; line-height:1.6; }
.foxy-ui #root :is(label,.proxy-optional-title),.foxy-ui .Modal label { font-size:14px !important; line-height:1.5; }
.foxy-ui #root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select),.foxy-ui .Modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select) {
  min-height:46px; padding:11px 14px !important; font-size:15px !important; line-height:1.5;
  background-color:var(--fx-subtle) !important; border-radius:10px !important;
}
.foxy-ui #root :is(input:not([type=checkbox]):not([type=radio]),textarea):focus-visible,.foxy-ui .Modal :is(input,textarea):focus-visible { outline:2px solid var(--fx-accent) !important; outline-offset:2px; }
.foxy-ui .Modal :is(input[type=checkbox],input[type=radio]) { width:20px; height:20px; min-height:20px; margin:0; padding:0 !important; accent-color:var(--fx-accent); vertical-align:middle; }
.foxy-ui #root input::placeholder,.foxy-ui #root textarea::placeholder,.foxy-ui .Modal input::placeholder { font-size:14px; color:var(--fx-muted) !important; opacity:.8; }
.foxy-ui #root button,.foxy-ui .Modal button { font-size:15px; min-height:44px; height:auto; padding:10px 16px; border-radius:10px; line-height:1.5; }
.foxy-ui #root :is(.page-title,.spoiler-title),.foxy-ui .Modal .spoiler-title { font-size:18px; font-weight:600; line-height:1.5; }
.foxy-ui #root :is(.redirect-comment,.pages-comment,.call-comment,.choose-domen-or-ip,.redirect-info,.pages-info,.call-info,.domen-info) { padding:26px; border-radius:16px; box-shadow:var(--fx-shadow); }
.foxy-ui #root :is(.redirect-info-comment,.pages-info-comment,.proxy-session-name) { font-size:17px; font-weight:600; }
.foxy-ui #root :is(.redirect-info-date,.pages-info-date,.call-info-date,.proxy-session-id) { font-size:13px; line-height:1.5; }
.foxy-ui #root .red-btn { width:38px; min-width:38px; height:38px; min-height:38px; padding:10px; }
.foxy-ui #root .red-btn svg { width:17px; height:17px; }
.foxy-ui #root :is(.divider>span,.inner-label) { font-size:14px; }
.foxy-ui #root .divider { margin:25px 0 16px; }
.foxy-ui #root .fx-link-group>.inner-label { font-size:15px; margin-bottom:12px; }
.foxy-ui #root .fx-origin-summary { padding:16px 18px; border-radius:12px; }
.foxy-ui #root .fx-origin-summary th { font-size:13px; }
.foxy-ui #root .fx-origin-summary td,.foxy-ui #root .proxy-original-link { font-size:15px; }
.foxy-ui #root .proxy-original-link strong { font-size:13px; }
.foxy-ui #root .fx-link-group .buttons-qr { border-radius:12px; }
.foxy-ui #root .fx-link-group .btn-link { min-height:78px; padding:15px 18px; font-size:15px; gap:5px; }
.foxy-ui #root .fx-link-group .btn-link::after { font-size:13px; }
.foxy-ui #root .fx-link-group .qr-btn { width:60px; }
.foxy-ui #root .links-buttons-redirect::before { font-size:14px; }
.foxy-ui #root .links-buttons-redirect>button { min-height:40px; padding:8px 16px; font-size:14px; }
.foxy-ui #root :is(td,th) { padding:14px 16px; font-size:14px; line-height:1.55; }
.foxy-ui #root th { font-weight:600; }
.foxy-ui #root .fx-filter-panel { padding:18px; border-radius:14px; }
.foxy-ui #root .fx-filter-panel>.spoiler-header { top:18px; right:18px; height:46px; min-width:122px; padding:12px 16px; border-radius:10px; }
.foxy-ui .fx-filter-label { font-size:14px; }
.foxy-ui #root .fx-filter-panel .search-inputs>div:first-child { width:calc(100% - 138px); }
.foxy-ui #root .fx-filter-panel .search-inputs>div:first-child input { height:46px; }
.foxy-ui #root .fx-filter-panel :is(select,input) { height:46px; }
.foxy-ui #root .fx-filter-panel .select-inputs { gap:20px; padding-top:22px; margin-top:22px; }
.foxy-ui #root :is(.file-name-label,.svg-image-upload__hint,.pages-addition,.invalid-p) { font-size:13px; }
.foxy-ui #root .svg-image-upload__label { font-size:15px; }
.foxy-ui #root .f-buttons { gap:8px; background:var(--fx-subtle); padding:7px; border:1px solid var(--fx-line); border-radius:12px; }
.foxy-ui #root .f-buttons button { min-height:44px; padding:9px 15px; font-size:14px; border-radius:8px; background:transparent; color:var(--fx-muted); }
.foxy-ui #root .f-buttons .f-btn-active { background:var(--fx-surface); color:var(--fx-accent); box-shadow:0 2px 6px #24344b0a; }
.foxy-ui #root .specific p { font-size:15px; padding-bottom:14px; }
.foxy-ui #root .admin-overview-card { border-radius:16px; padding:24px; }
.foxy-ui #root .admin-overview-card-label,.foxy-ui #root .admin-overview-chart-title { font-size:15px; }
.foxy-ui #root .admin-overview-card-value { font-size:36px; }
.foxy-ui #root .admin-overview-card-sub { font-size:13px; }
.foxy-ui #root .admin-info p { font-size:14px; }
.foxy-ui #root .admin-info>.admin-info-name { font-size:18px; }
.foxy-ui #root .admin-info svg { width:18px; height:18px; }
.foxy-ui #root .admin-card { padding:22px; border-radius:13px; }
.foxy-ui #root .info-head p { font-size:13px; }
.foxy-ui #root .admin-select-inputs { gap:18px; }
.foxy-ui #root .admin-info>button { font-size:14px; }
.foxy-ui .fx-select-trigger,.foxy-ui #root .fx-select-trigger,.foxy-ui .Modal .fx-select-trigger { min-height:46px; font-size:15px; padding:11px 14px; border-radius:10px; }
.foxy-ui .fx-session-tools .fx-select-trigger { min-height:44px; height:44px; padding:10px 12px; font-size:14px; }
.foxy-ui .fx-select-menu { font-size:15px; padding:7px; border-radius:13px; }
.foxy-ui .fx-select-option { min-height:44px; padding:10px 12px; border-radius:8px; }
.foxy-ui .fx-select-menu .fx-select-search,.foxy-ui .Modal .fx-select-menu .fx-select-search { min-height:44px; height:44px; font-size:15px; padding:10px 12px; }
.foxy-ui .fx-select-empty,.foxy-ui .fx-option-group { font-size:13px; }

/* Settings and modal forms share the same readable hierarchy. */
.foxy-ui .fx-settings-layout { grid-template-columns:190px minmax(0,1fr); gap:26px; }
.foxy-ui .fx-settings-nav button { font-size:15px; padding:13px 14px; min-height:48px; gap:10px; }
.foxy-ui .fx-settings-heading h2 { font-size:22px; }
.foxy-ui .fx-settings-heading p { font-size:15px; line-height:1.6; }
.foxy-ui .fx-settings-profile>div strong { font-size:17px; }
.foxy-ui .fx-settings-profile>div span { font-size:14px; }
.foxy-ui .fx-account-role { font-size:13px; }
.foxy-ui .fx-settings-surface #root .spoiler-title { font-size:16px; }
.foxy-ui .fx-settings-surface #root .spoiler-header[data-description]::after { font-size:14px; line-height:1.6; }
.foxy-ui .fx-settings-surface #root .security-section__hint,.foxy-ui .fx-settings-surface #root .fx-integration-offline .spoiler-inner-content::after { font-size:14px; line-height:1.6; }
.foxy-ui .fx-settings-surface #root [data-settings-section=general] { grid-template-columns:minmax(0,1fr) minmax(200px,260px); min-height:114px; }
.foxy-ui .fx-settings-surface #root .admin-head { gap:18px; }
.foxy-ui .Overlay { backdrop-filter:blur(5px); background:#1422356b; }
.foxy-ui .Modal { max-height:calc(100dvh - 48px); max-width:calc(100vw - 48px); padding:30px; border-radius:20px; box-shadow:0 28px 90px #0f203533; }
.foxy-ui .Modal h2 { font-size:24px; font-weight:650; line-height:1.3; margin-bottom:24px; }
.foxy-ui .Modal>p { font-size:16px; }
.foxy-ui .Modal:has(.user-create-form):not(.statistics-modlal):not(.country-edit-modal) { width:480px; }
.foxy-ui .Modal .user-create-form { width:100%; max-width:none; }
.foxy-ui .Modal .user-create-form>div { width:100%; max-width:none; margin-bottom:18px; }
.foxy-ui .Modal .user-create-form :is(input:not([type=checkbox]):not([type=radio]),textarea) { width:100%; }
.foxy-ui .Modal .modal-btns { gap:12px; padding-top:22px; }
.foxy-ui .Modal .modal-btns button { min-width:100px; }
.foxy-ui .fx-session-dialog { width:680px; border-radius:18px; }
.foxy-ui .fx-dialog-head h2 { font-size:22px; }
.foxy-ui .fx-dialog-head p,.foxy-ui .fx-detail-content p { font-size:14px; }
.foxy-ui .fx-detail-tabs button { font-size:15px; min-height:48px; }
.foxy-ui .fx-detail-content dl>div { font-size:15px; gap:20px; }
.foxy-ui .fx-detail-empty { font-size:15px; }
.foxy-ui .fx-detail-content h3 { font-size:18px; }
.foxy-ui .fx-camera-screen { font-size:15px; }
.foxy-ui .react-datepicker { font-size:14px; }
.foxy-ui .react-datepicker__current-month { font-size:15px; }
.foxy-ui .react-datepicker__day-name,.foxy-ui .react-datepicker__day { width:2rem; line-height:2rem; }
.foxy-ui #lab-notice { font-size:14px; border-radius:12px; }

@media(max-width:1200px) {
  .foxy-ui .fx-content { padding:28px; }
  .foxy-ui .fx-topbar { padding-inline:28px; }
  .foxy-ui .fx-settings-layout { grid-template-columns:1fr; gap:20px; }
  .foxy-ui .fx-settings-nav { flex-direction:row; overflow:auto; padding-bottom:5px; }
  .foxy-ui .fx-settings-nav button { flex:none; width:auto; white-space:nowrap; }
  .foxy-ui .fx-settings-nav button>.fx-icon:last-child { display:none; }
  .foxy-ui .fx-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .foxy-ui .fx-topbar { height:auto; min-height:80px; padding:14px 20px; flex-wrap:wrap; gap:12px; }
  .foxy-ui .fx-menu-button { width:42px; height:42px; border-radius:10px; }
  .foxy-ui .fx-mobile-brand { display:flex; align-items:center; gap:7px; font-size:21px; font-weight:750; letter-spacing:1px; color:var(--fx-text); text-decoration:none; margin-right:auto; }
  .foxy-ui .fx-mobile-brand img { width:43px; height:48px; object-fit:contain; }
  .foxy-ui .fx-topbar .fx-server-address { margin:0; }
  .foxy-ui .fx-topbar .fx-design-switch { min-height:36px; flex-basis:auto; margin:0 0 0 auto; font-size:13px; }
  .foxy-ui .fx-page-heading h1 { font-size:30px; }
  .foxy-ui .fx-content { padding:28px 20px 40px; }
}
@media(max-width:600px) {
  .foxy-ui .fx-topbar { padding:10px 16px 14px; gap:8px 12px; }
  .foxy-ui .fx-topbar .fx-server-address { flex-basis:calc(100% - 10px); font-size:13px; justify-content:space-between; order:3; padding-top:10px; border-top:1px solid var(--fx-line); }
  .foxy-ui .fx-topbar .fx-design-switch { font-size:12px; padding:7px 10px; max-width:112px; line-height:1.35; white-space:normal; }
  .foxy-ui .fx-mobile-brand { font-size:18px; gap:4px; }
  .foxy-ui .fx-mobile-brand img { width:43px; height:48px; }
  .foxy-ui .fx-content { padding:24px 16px 32px; }
  .foxy-ui .fx-page-heading { align-items:flex-start; flex-wrap:wrap; gap:15px; }
  .foxy-ui .fx-page-heading h1 { font-size:28px; }
  .foxy-ui .fx-metrics { gap:12px; }
  .foxy-ui .fx-metric { padding:18px; }
  .foxy-ui .fx-metric>div { font-size:13px; }
  .foxy-ui .fx-metric>strong { font-size:32px; }
  .foxy-ui .fx-metric>small { font-size:13px; }
  .foxy-ui .fx-card-heading { padding:20px; }
  .foxy-ui .fx-card h2 { font-size:18px; }
  .foxy-ui .fx-session-tools { flex-direction:column; padding:0 20px 20px; }
  .foxy-ui .fx-session-tools>.fx-select-control { width:100%; }
  .foxy-ui .fx-table-head,.foxy-ui .fx-session-row { grid-template-columns:minmax(0,1fr) 86px; gap:12px; }
  .foxy-ui .fx-session-row { padding:18px; }
  .foxy-ui .fx-table-head { padding-inline:18px; }
  .foxy-ui .fx-table-head>span:last-child { display:none; }
  .foxy-ui .fx-session-row>.fx-text-button { grid-column:1/-1; justify-self:end; }
  .foxy-ui .fx-table-footer { padding:16px 18px; }
  .foxy-ui .fx-proxy-tabs { gap:23px; }
  .foxy-ui .fx-proxy-tabs>button { font-size:14px; }
  .foxy-ui .fx-settings-heading h2 { font-size:20px; }
  .foxy-ui .fx-settings-profile { flex-wrap:wrap; }
  .foxy-ui .fx-settings-profile>div strong { font-size:16px; }
  .foxy-ui .fx-settings-surface #root [data-settings-section=general] { grid-template-columns:1fr; gap:18px; }
  .foxy-ui .fx-settings-nav button { font-size:14px; padding:11px 12px; }
  .foxy-ui #root :is(.redirect-comment,.pages-comment,.call-comment,.choose-domen-or-ip,.redirect-info,.pages-info,.call-info,.domen-info) { padding:20px; border-radius:14px; }
  .foxy-ui #root :is(.redirect-info-comment,.pages-info-comment) { font-size:16px; }
  .foxy-ui #root .fx-filter-panel { padding:14px; }
  .foxy-ui #root .fx-filter-panel>.spoiler-header { top:14px; right:14px; width:46px; min-width:46px; padding:14px; }
  .foxy-ui #root .fx-filter-label { font-size:0; }
  .foxy-ui #root .fx-filter-panel .search-inputs>div:first-child { width:calc(100% - 58px); }
  .foxy-ui #root .fx-origin-summary { padding:14px; }
  .foxy-ui #root .fx-origin-summary td,.foxy-ui #root .proxy-original-link { font-size:14px; }
  .foxy-ui #root .fx-link-group .btn-link { padding:14px; }
  .foxy-ui #root .links-buttons-redirect { gap:8px; }
  .foxy-ui #root .links-buttons-redirect::before { flex-basis:100%; margin-bottom:3px; }
  .foxy-ui .Modal { padding:22px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:16px; }
  .foxy-ui .Modal h2 { font-size:22px; }
  .foxy-ui .Modal .modal-btns { flex-direction:row; }
  .foxy-ui .Modal .modal-btns button { min-width:0; flex:1; }
}
/* Shared finishing pass: the fox orange is a fill; its darker tone is readable text. */
.foxy-ui :focus-visible { outline-color:var(--fx-accent-ink); }
.foxy-ui .fx-brand { width:100%; border-bottom:0; padding:6px 8px; margin-bottom:28px; }
.foxy-ui .fx-sidebar nav a[aria-current=page] .fx-icon,
.foxy-ui .fx-settings-link[aria-current=page]>.fx-icon { color:var(--fx-accent-ink); }
.foxy-ui .fx-settings-nav button[aria-pressed=true] { background:var(--fx-tint); color:var(--fx-accent-ink); box-shadow:none; }
.foxy-ui :is(.fx-text-button,.fx-settings-profile>.fx-avatar),
.foxy-ui .fx-proxy-tabs button[aria-selected=true],
.foxy-ui .fx-detail-tabs button[aria-selected=true] { color:var(--fx-accent-ink); }
.foxy-ui .fx-button.fx-primary:hover:not(:disabled) { background:var(--fx-accent-hover); border-color:var(--fx-accent-hover); }
.foxy-ui .fx-button.fx-primary .fx-icon { color:var(--fx-on-accent) !important; }
.foxy-ui :is(.fx-card,.fx-settings-surface,.fx-native-empty) { box-shadow:var(--fx-shadow); }
.foxy-ui .fx-native-empty { background:var(--fx-surface); border-style:solid; }
.foxy-ui .fx-native-empty>.fx-icon { width:54px; height:54px; padding:15px; border-radius:16px; color:var(--fx-accent-ink); background:var(--fx-tint); }
.foxy-ui .fx-native-empty h2 { margin-top:18px; }
.foxy-ui .fx-native-empty p { max-width:440px; margin-inline:auto; }
.foxy-ui #root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea),
.foxy-ui .Modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea) { background-color:var(--fx-surface) !important; }
.foxy-ui #root :is(input:not([type=checkbox]):not([type=radio]),textarea):hover:not(:disabled),
.foxy-ui .Modal :is(input:not([type=checkbox]):not([type=radio]),textarea):hover:not(:disabled) { border-color:var(--fx-muted) !important; }
.foxy-ui .fx-select-trigger { background:var(--fx-surface); }
.foxy-ui .fx-select-trigger:focus-visible { box-shadow:0 0 0 4px var(--fx-ring); }
.foxy-ui :is(input[type=checkbox],input[type=radio],input[type=range]) { accent-color:var(--fx-accent); }
.foxy-ui #root input[type=checkbox]::before { border-color:var(--fx-on-accent); }
.foxy-ui #root input[type=radio]:checked::before { background:var(--fx-on-accent); }
.foxy-ui .Modal input[type=checkbox] { appearance:none; display:inline-grid; place-content:center; border:1.5px solid var(--fx-muted); border-radius:5px; background:var(--fx-surface); flex:none; cursor:pointer; }
.foxy-ui .Modal input[type=checkbox]:checked { background:var(--fx-accent); border-color:var(--fx-accent-ink); }
.foxy-ui .Modal input[type=checkbox]:checked::before { content:''; width:9px; height:5px; border-left:2px solid var(--fx-on-accent); border-bottom:2px solid var(--fx-on-accent); transform:translateY(-1px) rotate(-45deg); }
.foxy-ui #root :is(.link-card-date,.proxy-session-status,.call-info-date) { font-size:13px; line-height:1.5; }
.foxy-ui #root .call-info-comment { font-size:17px; font-weight:600; }
.foxy-ui #root .specific p.specific-active { color:var(--fx-accent-ink) !important; }
.foxy-ui #root .f-buttons { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; padding:6px; }
.foxy-ui #root .f-buttons button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:100%; min-width:0; min-height:76px; padding:10px 6px !important; font-size:14px !important; }
.foxy-ui #root .f-buttons .fx-category-caption { font-size:14px; font-weight:500; line-height:1.3; }
.foxy-ui #root .f-buttons button svg { width:20px; height:20px; }
.foxy-ui #root .f-buttons .f-btn-active { color:var(--fx-accent-ink) !important; background:var(--fx-tint) !important; box-shadow:none; }
.foxy-ui #root .f-buttons .f-btn-active :is(svg,path) { color:var(--fx-accent-ink) !important; }
.foxy-ui #root .pages-preview-panel { overflow:hidden; border-radius:14px; }
.foxy-ui #root .pages-preview-header { font-size:14px; font-weight:600; padding:18px; border-bottom:1px solid var(--fx-line); }
.foxy-ui #root .pages-preview-empty { font-size:15px; line-height:1.65; max-width:360px; margin:auto; }
.foxy-ui #root .pages-preview-body { min-height:340px; background:var(--fx-subtle); }
.foxy-ui #root .fx-filter-panel>.spoiler-header[aria-expanded=true] { color:var(--fx-accent-ink); }
.foxy-ui #root .admin-list { overscroll-behavior:contain; scrollbar-gutter:stable; }
.foxy-ui #root .admin-card { box-shadow:none; }
.foxy-ui #root .admin-info>button { color:var(--fx-accent-ink); background:var(--fx-tint); border-color:transparent; }
.foxy-ui .Modal .user-create-head { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--fx-line); }
.foxy-ui .Modal .user-create-head h2 { margin-bottom:0; }
.foxy-ui .Modal.country-edit-modal { width:min(1100px,calc(100vw - 64px)); }
.foxy-ui .Modal.country-edit-modal .user-create-form { overflow-y:auto; }
.foxy-ui .country-panels-grid { gap:20px; }
.foxy-ui .country-panel { padding:20px; background:var(--fx-subtle); box-shadow:none; border-radius:14px; }
.foxy-ui .country-panel-header h4 { font-size:17px; }
.foxy-ui .country-panel-header p,.foxy-ui .country-panel-item-main small { font-size:13px; line-height:1.5; }
.foxy-ui .country-panel-item { min-height:52px; background:var(--fx-surface); }
.foxy-ui .country-panel-item:hover { transform:none; }
.foxy-ui .country-panel-item.active { background:var(--fx-tint); border-color:var(--fx-accent); box-shadow:none; }
.foxy-ui .Modal .country-panel-item input[type=checkbox] { width:20px; height:20px; min-width:20px; flex:none; }
.foxy-ui .fx-session-dialog .fx-detail-content dl>div { align-items:start; }
.foxy-ui .fx-session-dialog .fx-detail-content dd { overflow-wrap:anywhere; }
@media(max-width:1100px) {
  .foxy-ui #root .pages-main-panels { grid-template-columns:minmax(0,1fr); }
  .foxy-ui #root .pages-preview-body { height:300px; min-height:300px; }
}
@media(max-width:600px) {
  .foxy-ui #root .f-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .foxy-ui .fx-native-empty { padding:32px 20px; }
  .foxy-ui .Modal { width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; max-height:calc(100dvh - 24px) !important; padding:22px !important; }
  .foxy-ui .Modal.fx-statistics { padding:0 !important; }
  .foxy-ui .Modal.country-edit-modal .country-panels-grid { grid-template-columns:1fr; }
  .foxy-ui .country-panel { padding:16px; }
}
@media(max-width:400px) {
  .foxy-ui #root .f-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .foxy-ui .fx-topbar { column-gap:8px; }
  .foxy-ui .fx-mobile-brand { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) { .foxy-ui *, .foxy-ui *::before, .foxy-ui *::after { scroll-behavior:auto !important; transition:none !important; } }