#app .offline-workspace-notice {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex:0 0 auto;box-sizing:border-box;width:100%;min-width:0;min-height:44px;
  margin:0;padding:0 16px;border:0;border-bottom:1px solid var(--line,#cfe0db);
  background:var(--paper,#fcfefd);color:var(--muted,#4d6a65);
  font-family:var(--user-font-family,'Vazirmatn',Tahoma,sans-serif);font-size:12px;font-weight:400;line-height:1.7;
  direction:rtl;box-shadow:none;
}
#app .offline-workspace-label { display:flex;align-items:center;gap:7px;min-width:0; }
#app .offline-workspace-label svg { width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
#app .offline-workspace-retry {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:auto;min-width:88px;min-height:44px;margin:0;padding:4px 8px;
  border:0;border-radius:8px;background:transparent;color:var(--brand,#147b67);
  font:inherit;font-size:12px;font-weight:500;line-height:1.7;box-shadow:none;cursor:pointer;
}
#app .offline-workspace-retry:hover { background:var(--mf-soft,var(--sm-mint-soft,rgba(127,127,127,.1))); }
#app .offline-workspace-retry:focus-visible { outline:2px solid currentColor;outline-offset:-3px; }
#app .offline-workspace-retry:disabled { color:var(--muted,#4d6a65);opacity:1;cursor:wait; }
body.offline-workspace-visible #chatHeader::after { display:none!important; }
@media(min-width:701px) { #app .offline-workspace-sidebar { display:none; } }
@media(max-width:700px) {
  #app .offline-workspace-notice { padding-inline:12px; }
  #app .offline-workspace-sidebar { order:-1; }
}