/* V18.21 Global context bridge: admin-only technical context, public/client/partner clean. */
body:not([data-admin-debug-ui="true"]) .abc-admin-context-panel-v18-21,
body:not([data-admin-debug-ui="true"]) [data-abc-admin-context-panel="v18-21"] { display: none !important; }
.abc-admin-context-panel-v18-21 {
  width: min(100%, calc(100vw - clamp(16px, 3vw, 42px)));
  margin: 6px auto 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid rgba(28, 185, 108, .32);
  border-radius: 14px;
  background: rgba(6, 18, 24, .76);
  color: rgba(238, 255, 247, .88);
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
}
.abc-admin-context-panel-v18-21 strong { color: #a8ffd1; margin-right: 4px; font-size: 11px; }
.abc-admin-context-panel-v18-21 span { display: inline-flex; max-width: 100%; min-width: 0; padding: 3px 7px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.035); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-abc-runtime-context-field="true"] { display: none !important; }
.auth-card, .auth-panel-card, .auth-content-panel, .profile-dashboard-shell, .client_dashboard-panel-shell, .partner_dashboard-panel-shell { outline-color: transparent !important; }
.auth-card[style*="red"], .auth-panel-card[style*="red"], .auth-content-panel[style*="red"] { border-color: rgba(255,255,255,.12) !important; }
@media (max-width: 720px) { .abc-admin-context-panel-v18-21 { font-size: 10px; padding: 6px 8px; gap: 5px; } .abc-admin-context-panel-v18-21 span { max-width: 100%; white-space: normal; } }