/* FOXY UI fixes: buttons, settings actions, map. */
.foxy-ui .fx-button,
.foxy-ui button.fx-primary,
.foxy-ui .fx-button-row > button {
  min-height: 38px;
  min-width: 92px;
  padding-inline: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

.foxy-ui .fx-button-row {
  flex-wrap: wrap;
  gap: 10px;
}

/* Кнопки в настройках/интеграциях: «Изменить» и подобные не должны обрезаться */
.foxy-ui .fx-settings-surface .fx-button,
.foxy-ui .fx-settings-surface .admin-head button,
.foxy-ui .fx-settings-surface button[data-action] {
  min-width: 112px;
  padding-inline: 18px;
  white-space: nowrap;
}

.foxy-ui .admin-head {
  flex-wrap: wrap;
  gap: 12px;
}

.foxy-ui .admin-head button {
  min-height: 38px;
  padding: 8px 16px;
  white-space: nowrap;
}

/* Кнопки на странице звонков */
.foxy-ui .call-info button,
.foxy-ui .call-info .fx-button,
.foxy-ui [class*="call-"] .fx-button {
  min-width: 96px;
  padding-inline: 16px;
}

/* Точечно: «Изменить» и похожие кнопки — шире, без обрезки текста */
.fx-btn-wide {
  min-width: 112px !important;
  padding-inline: 18px !important;
  white-space: nowrap !important;
}

/* --- Карта: по центру и раскрытие --- */
.foxy-ui .leaflet-container {
  margin-inline: auto;
}

.fx-map-host {
  position: relative;
}

.fx-map-expand {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
  padding: 6px 12px;
  border: 1px solid var(--fx-line, #e5e7eb);
  border-radius: 8px;
  background: var(--fx-surface, #fff);
  color: var(--fx-text, #1f2937);
  font: 600 12px/1.2 var(--font-family-base, "Segoe UI", sans-serif);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.fx-map-expand:hover {
  border-color: var(--fx-accent, #ff850c);
}

.leaflet-container.fx-map-expanded {
  position: fixed !important;
  inset: 16px !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483000 !important;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

/* Keep "Clicks and visits" at the top of the card in every design.
   Structural selectors survive React re-renders that reset className. */
.foxy-ui #root :is(.redirect-info-main,.pages-info-main){display:flex;flex-direction:column;min-width:0}
.foxy-ui #root :is(.redirect-info-main,.pages-info-main)>*{order:2;min-width:0}
.foxy-ui #root :is(.redirect-info-main,.pages-info-main)>:is(.fx-origin-summary,.proxy-original-link,table:first-child){order:-1}
.foxy-ui #root :is(.redirect-info-main,.pages-info-main)>.divider:has(+.inner-div:not(:has(.links-buttons))){order:0;margin:8px 0 12px!important}
.foxy-ui #root :is(.redirect-info-main,.pages-info-main)>.inner-div:not(:has(.links-buttons)){order:1;margin-top:0!important}

/* Production cleanup: study chrome, compact toggle and dead full-analytics tab */
.fx-study-badge,.fxo-connection,.fx-list-compact{display:none!important}

/* Activity rows */
.foxy-ui .fxo-audit-list{display:flex;flex-direction:column}
.foxy-ui .fxo-audit-row{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:20px;padding:14px 24px;border-top:1px solid var(--fx-line);font-size:14px;align-items:center}
.foxy-ui .fxo-audit-row .fxo-audit-actor{font-weight:600;min-width:0;overflow-wrap:anywhere}
.foxy-ui .fxo-audit-row .fxo-audit-action{min-width:0;overflow-wrap:anywhere}
.foxy-ui .fxo-audit-row .fxo-audit-time{text-align:right;color:var(--fx-muted);white-space:nowrap}
@media(max-width:700px){.foxy-ui .fxo-audit-row{grid-template-columns:1fr;gap:6px}.foxy-ui .fxo-audit-row .fxo-audit-time{text-align:left;white-space:normal}}

/* Studio only: hide the legacy demo switch */
.fx-design-switch{display:flex!important}

/* Compact click/visit rows */
.fx-visit-summary{font-weight:600;margin:4px 0 8px;font-size:14px}
.fx-visit-list{display:flex;flex-direction:column}
.fx-visit-row{display:grid;grid-template-columns:170px 1fr;gap:4px 16px;padding:10px 0;border-top:1px solid var(--fx-line,#e5e7eb);font-size:13px;line-height:1.45}
.fx-visit-time{color:var(--fx-muted);white-space:nowrap}
.fx-visit-main{display:flex;flex-wrap:wrap;gap:4px 14px;min-width:0}
.fx-visit-ip{font-weight:600;white-space:nowrap}
.fx-visit-provider{color:var(--fx-muted);overflow-wrap:anywhere}
.fx-visit-toggle{margin-top:10px;padding:8px 14px;border:1px solid var(--fx-line);border-radius:10px;background:var(--fx-surface);color:var(--fx-text);font:inherit;cursor:pointer}
.fx-visit-empty{margin:8px 0;color:var(--fx-muted);font-size:14px}
@media(max-width:640px){.fx-visit-row{grid-template-columns:1fr;gap:2px}.fx-visit-time{white-space:normal}}

/* Hidden empty click blocks (native list uses flex) */
.fx-record-visits .pages-info-inner-list[hidden]{display:none!important}

/* Soft SPA navigation */
.fxo-overview[hidden],#fx-full-nav[hidden]{display:none!important}

/* Country flags use the bundled flag font; text symbols become masked SVG marks. */
html .fx-country-icon { display:block; width:26px; height:21px; flex:none; color:var(--fx-accent,currentColor); }
html .Modal[data-fx-country-picker] .fx-country-flag { display:flex; align-items:center; justify-content:center; width:28px; min-width:28px; }
html .fx-option-country { display:inline-flex; align-items:center; flex:none; }
html .admin-controll button.fx-edit-symbol { position:relative; font-size:0!important; }
html .admin-controll button.fx-edit-symbol::before { content:""; position:absolute; inset:50% auto auto 50%; width:16px; height:16px; transform:translate(-50%,-50%); background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 20 4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 20 4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Z'/%3E%3C/svg%3E") center/contain no-repeat; }
html .spoiler-arrow { position:relative; display:inline-block; width:16px; height:16px; font-size:0!important; }
html .spoiler-arrow::before { content:""; position:absolute; inset:0; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; }
html .country-dropdown-item.fx-country-option { display:flex; align-items:center; gap:10px; }
html .country-dropdown-item .fx-country-flag { display:flex; align-items:center; width:26px; min-width:26px; flex:none; }
html .country-dropdown-item .fx-country-name { min-width:0; overflow-wrap:anywhere; }
html .fx-full-card-details::after { content:""; display:inline-block; width:6px; height:9px; margin-left:7px; vertical-align:-1px; background:currentColor; clip-path:polygon(0 0, 32% 0, 100% 50%, 32% 100%, 0 100%, 68% 50%); }

/* p13: sessions list pagination, same compact rhythm as the rest of the proxy panel. */
.foxy-ui .fx-table-footer { flex-wrap:wrap; gap:12px; }
.foxy-ui .fx-session-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-inline-start:auto; min-width:0; }
.foxy-ui .fx-session-page-size { display:flex; align-items:center; gap:7px; margin:0; color:var(--fx-muted); font-size:12px; line-height:1.4; white-space:nowrap; }
.foxy-ui .fx-session-page-size select { width:auto; min-width:62px; min-height:32px; height:32px; margin:0; padding:4px 8px; border:1px solid var(--fx-line); border-radius:8px; background:var(--fx-surface); color:var(--fx-text); font:12px/1.4 system-ui,sans-serif; }
.foxy-ui .fx-session-page-nav { display:flex; align-items:center; gap:6px; min-width:0; }
.foxy-ui .fx-session-page-nav .fx-text-button { min-height:32px; height:auto; margin:0; padding:5px 9px; border:1px solid var(--fx-line); border-radius:8px; background:var(--fx-subtle); font-size:12px; line-height:1.4; }
.foxy-ui .fx-session-page-nav .fx-text-button:disabled { opacity:.5; cursor:default; }
.foxy-ui .fx-session-page-status { min-width:104px; color:var(--fx-muted); font-size:12px; line-height:1.4; text-align:center; }
@media(max-width:700px) {
  .foxy-ui .fx-session-pagination { width:100%; margin-inline-start:0; justify-content:space-between; }
  .foxy-ui .fx-session-page-nav { flex:1 1 100%; justify-content:space-between; }
  .foxy-ui .fx-session-page-status { min-width:0; }
}