/* アカウントバー (SaasStore.mountBar) — 製品CSSに依存しない自己完結スタイル */
.saas-accountbar {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 8px 14px; font-size: 12px; line-height: 18px;
  background: var(--surface, #fff);
  border-bottom: 1px solid var(--border, #D8DCE2);
  color: var(--text-secondary, #4A5462);
  font-family: var(--font-ui, "Inter", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif);
}
.saas-accountbar .sab-spacer { flex: 1 1 auto; }
.saas-accountbar .sab-state {
  font-weight: 600; padding: 2px 8px; border-radius: 100px; border: 1px solid transparent;
}
.saas-accountbar .sab-local {
  color: var(--st-warn, #B45309); background: var(--st-warn-bg, #FBF0E0);
  border-color: var(--st-warn-bd, #EBCB9A);
}
.saas-accountbar .sab-cloud {
  color: var(--st-done, #15803D); background: var(--st-done-bg, #E8F5EC);
  border-color: var(--st-done-bd, #A7D7B5);
}
.saas-accountbar .sab-org { font-weight: 600; color: var(--text-primary, #10151F); }
.saas-accountbar .sab-link { color: var(--text-secondary, #4A5462); font-weight: 600; }
.saas-accountbar .sab-btn {
  height: 26px; padding: 0 10px; font-size: 12px; font-weight: 600; cursor: pointer;
  border-radius: var(--r-control, 4px);
  border: 1px solid var(--border-strong, #B6BCC6);
  background: var(--surface, #fff); color: var(--text-primary, #10151F);
  font-family: inherit;
}
.saas-accountbar .sab-btn:hover { background: var(--surface-sunken, #EEF0F3); }
.saas-accountbar .sab-primary {
  background: var(--brand, #1F3A8A); color: var(--brand-on, #fff); border-color: var(--brand, #1F3A8A);
}