/* ChatFox UI refinements 2026-11-04.
   Sidebar import popover + uniform controls; CSS-only presentation. */

/* Import action lives immediately above the footer; the original handler stays attached. */
#root .dolphin-sidebar > .cf-import-dock {
  box-sizing:border-box!important;
  position:relative!important;
  z-index:15!important;
  flex:0 0 auto!important;
  width:calc(100% - 16px)!important;
  max-width:calc(100% - 16px)!important;
  min-width:0!important;
  margin:6px 8px 8px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #dbe7f3!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;min-width:0!important;
  margin:7px 0 0!important;padding:9px 12px!important;
  min-height:42px!important;max-height:45px!important;
  box-sizing:border-box!important;
  border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:#52718e!important;
  font-size:13px!important;font-weight:650!important;
}
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle:hover,
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle[aria-expanded="true"]{
  background:#e7f2ff!important;
  border-color:#c8dfef!important;
  color:#1c70bd!important;
}
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle:focus-visible{
  outline:2px solid #288be0!important;outline-offset:2px!important;
}
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle::after{
  content:"";margin-left:auto;flex:0 0 8px;width:8px;height:8px;
  border:solid #7394b3;border-width:0 2px 2px 0;
  transform:rotate(225deg) translateY(-2px);
  transition:transform .15s;
}
#root .dolphin-sidebar > .cf-import-dock > #cf-profile-import-toggle[aria-expanded="true"]::after{
  transform:rotate(45deg) translateY(1px);
}
#root .dolphin-sidebar > .cf-import-dock > #blocked-import-widget{
  position:fixed!important;
  box-sizing:border-box!important;
  display:block!important;
  z-index:99996!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(100vh - 120px)!important;
  width:394px;
  background:#fff!important;
  border:1px solid #d3e1f0!important;
  padding:12px!important;
  border-radius:12px!important;
  box-shadow:0 12px 34px rgba(26,69,114,.2)!important;
}
#root .dolphin-sidebar > .cf-import-dock > #blocked-import-widget[hidden]{
  display:none!important;
}
/* Existing four rows stay readable when the import panel is wider than sidebar. */
#root .dolphin-sidebar > .cf-import-dock > #blocked-import-widget > div[style*="grid-template-columns"]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
#root .dolphin-sidebar > .cf-import-dock > #blocked-import-widget .cf-folder-picker-toggle{
  box-sizing:border-box!important;
  min-width:0!important;
}
#root .dolphin-sidebar > .cf-import-dock > #blocked-import-widget > div[style*="grid-template-columns"] > button:not(.cf-folder-picker-toggle){
  min-width:118px!important;
  min-height:38px!important;
  height:38px!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
#root .dolphin-sidebar.w-14 > .cf-import-dock {
  width:48px!important;max-width:48px!important;margin:7px 4px!important;
  border-top-color:#dce7f2!important;
}
#root .dolphin-sidebar.w-14 > .cf-import-dock > #cf-profile-import-toggle{
  display:flex!important;justify-content:center!important;
  width:44px!important;height:44px!important;min-height:44px!important;
  margin:5px 0 0!important;padding:0!important;gap:0!important;
}
#root .dolphin-sidebar.w-14 > .cf-import-dock > #cf-profile-import-toggle > svg{
  flex:0 0 19px!important;width:19px!important;height:19px!important;
}
#root .dolphin-sidebar.w-14 > .cf-import-dock > #cf-profile-import-toggle > span,
#root .dolphin-sidebar.w-14 > .cf-import-dock > #cf-profile-import-toggle::after{
  display:none!important;
}

/* Info button: same size, border and restrained blue styling as neighbouring actions. */
#root [data-testid="profiles-table"] .cf-info-in-actions{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;min-width:24px!important;
  flex:0 0 24px!important;margin:0!important;padding:0!important;
  box-sizing:border-box!important;
  border-radius:6px!important;
  border:1px solid #b4d1ef!important;
  color:#467ba8!important;background:#e9f3ff!important;
  box-shadow:none!important;
}
#root [data-testid="profiles-table"] .cf-info-in-actions:hover{
  background:#dcecff!important;color:#1d6cbb!important;border-color:#8bb9e8!important;
}
#root [data-testid="profiles-table"] .cf-info-in-actions svg{width:15px!important;height:15px!important}

/* Neutral, coherent height for labels and buttons in table rows. */
#root [data-testid="profiles-table"] .status-badge{
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:28px!important;height:28px!important;
  padding:0 9px!important;line-height:1!important;border-radius:7px!important;
  white-space:nowrap!important;
}
#root [data-testid="profiles-table"] [data-testid^="status-trigger-"]{
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;
  min-height:28px!important;height:28px!important;gap:4px!important;
}
#root [data-testid="profiles-table"] :is(.cf-block-value,.cf-block-button){
  box-sizing:border-box!important;
  height:28px!important;min-height:28px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
#root [data-testid="profiles-table"] .cf-template-value{
  box-sizing:border-box!important;
  min-height:28px!important;
  display:inline-flex!important;align-items:center!important;
}
#root [data-testid="profiles-table"] td:nth-child(10) :is(.slp-btn,.apl-auto-btn){
  box-sizing:border-box!important;min-height:28px!important;height:28px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
