/* Shared, accessible refresh control for desktop and mobile. Header in native RTL. */
body:not(.role-guest) .topbar .sfe-global-refresh-trigger{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;
  width:38px;height:38px;min-width:38px;padding:0;border:1px solid transparent;
  color:#264763;background:transparent;border-radius:50%;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background-color .15s ease;
}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger:hover,
body:not(.role-guest) .topbar .sfe-global-refresh-trigger:focus-visible{background:#eaf2f8;border-color:#d8e5ee}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger:focus-visible{outline:2px solid #387dad;outline-offset:2px}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger.is-running svg{animation:sfe-refresh-spin 1.4s linear infinite}
@keyframes sfe-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body:not(.role-guest) .topbar .sfe-global-refresh-trigger.is-running svg{animation:none}}
/* The notification stays at the absolute left edge of the workspace header. */
@media(min-width:1100px){
 body:not(.role-guest) .topbar .sfe-global-refresh-trigger{order:8;margin-inline-start:auto}
 body:not(.role-guest) .topbar .topbar-bell{order:9;margin-inline-start:0!important;margin-inline-end:0!important}
}
@media(max-width:1099px){
 body:not(.role-guest) .topbar{display:flex!important;direction:rtl;align-items:center!important;gap:5px!important;justify-content:flex-start!important;min-height:58px}
 body:not(.role-guest) .topbar .topbar-menu-trigger{display:inline-flex!important;order:-9;flex:0 0 42px;width:42px;min-width:42px;height:42px;margin:0!important}
 body:not(.role-guest) .topbar .topbar-brand-mobile{order:-8;min-width:0;flex:0 1 auto;margin:0!important}
 body:not(.role-guest) .topbar .sfe-ui03-location{order:-7;flex:0 1 auto;min-width:0}
 body:not(.role-guest) .topbar .sfe-global-refresh-trigger{order:8;margin-inline-start:auto!important;margin-inline-end:0!important;flex:0 0 38px}
 body:not(.role-guest) .topbar .topbar-bell{order:9;flex:0 0 38px!important;min-width:38px!important;margin:0!important}
}
@media(max-width:590px){
 body:not(.role-guest) .topbar .sfe-ui03-location{display:none!important}
 body:not(.role-guest) .topbar .sfe-logo-link{min-width:0;max-width:calc(100vw - 164px);flex:0 1 auto}
 body:not(.role-guest) .topbar .sfe-logo-wordmark{font-size:12px!important;line-height:1.3}
}
@media(max-width:345px){
 body:not(.role-guest) .topbar{gap:2px!important}
 body:not(.role-guest) .topbar .topbar-menu-trigger{flex-basis:36px;width:36px;min-width:36px}
 body:not(.role-guest) .topbar .sfe-global-refresh-trigger,body:not(.role-guest) .topbar .topbar-bell{flex-basis:36px!important;width:36px;min-width:36px!important}
 body:not(.role-guest) .topbar .sfe-logo-mark{width:25px;height:25px}
}
.sfe-refresh-panel[hidden]{display:none!important}
.sfe-refresh-panel{
 position:fixed;z-index:200;inset-block-start:70px;inset-inline-end:12px;
 width:min(385px,calc(100vw - 24px));max-height:min(76dvh,625px);overflow-y:auto;
 padding:13px;border:1px solid #d6e3ee;border-radius:16px;background:#fff;
 box-shadow:0 18px 56px #172e4530;color:#19344c;direction:rtl;
}
.sfe-refresh-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.sfe-refresh-panel-close{border:0;background:transparent;border-radius:8px;font-size:24px;color:#4b6073;cursor:pointer;width:34px;height:34px}
.sfe-refresh-summary{margin:8px 0 12px;color:#5b7286;font-size:12px;line-height:1.8}
.sfe-refresh-progress{height:4px;border-radius:10px;background:#e8f0f7;overflow:hidden}
.sfe-refresh-progress>div{height:100%;width:0%;background:#2c6b9b;transition:width .16s ease}
.sfe-refresh-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}
.sfe-refresh-list li{padding:8px 10px;border:1px solid #edf1f5;border-radius:9px;font-size:12px;min-width:0}
.sfe-refresh-row-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.sfe-refresh-row-head span{font-size:11px;color:#658098;white-space:nowrap}
.sfe-refresh-list li[data-state="ok"] .sfe-refresh-row-head span{color:#216957}
.sfe-refresh-list li[data-state="failed"] .sfe-refresh-row-head span{color:#a34747}
.sfe-refresh-list li small{display:block;line-height:1.7;color:#718293;margin-top:2px;overflow-wrap:anywhere}
.sfe-refresh-reload{display:block;width:100%;min-height:42px;border:0;border-radius:10px;background:#184b7a;color:#fff;font-weight:700;padding:8px 12px;cursor:pointer}
.sfe-refresh-reload[hidden]{display:none!important}
@media(max-width:590px){.sfe-refresh-panel{inset-block-start:62px;inset-inline-end:8px;width:calc(100vw - 16px);max-height:73dvh}}

/* V4.0.15 visual refinement: tiny, quiet dot centered in the refresh icon.
   This alters presentation ONLY; JavaScript and refresh state logic are untouched. */
body:not(.role-guest) .topbar .sfe-global-refresh-trigger{
  position:relative;overflow:visible;
}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger::after{
  content:"";position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  inline-size:8px;block-size:8px;
  box-sizing:border-box;border:1px solid rgba(255,255,255,.82);
  border-radius:50%;background:#a5b8c2;
  box-shadow:none;pointer-events:none;
}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger[data-refresh-health="ok"]::after{
  background:#91d9b7;
}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger[data-refresh-health="failed"]::after{
  background:#e8a1a1;
}
body:not(.role-guest) .topbar .sfe-global-refresh-trigger[data-refresh-health="running"]::after{
  background:#a6d0eb;
}
.sfe-refresh-list li[data-state="skipped"] .sfe-refresh-row-head span{color:#697c8a}