/* tabasco-cat-home-server branding: heavier NetBird overlay */
:root {
  --tc-bg: #020814;
  --tc-panel: #071426;
  --tc-cyan: #18f0f5;
  --tc-teal: #1de0c8;
  --tc-blue: #1686ff;
  --tc-purple: #a64cff;
  --tc-magenta: #ef48ff;
  --tc-text: #eafcff;
  --tc-muted: #8bb7c8;
}
html, body { background: radial-gradient(circle at top left, rgba(24,240,245,.18), transparent 30%), radial-gradient(circle at top right, rgba(239,72,255,.14), transparent 34%), var(--tc-bg) !important; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; background: linear-gradient(120deg, rgba(2,8,20,.92), rgba(7,20,38,.76)), url('/tabasco-cat/background.webp') center/cover no-repeat; opacity: .28; }
body > * { position: relative; z-index: 1; }
.fill-netbird { fill: var(--tc-cyan) !important; filter: drop-shadow(0 0 12px rgba(24,240,245,.65)); }
.tc-loading-brand { position: fixed; left: 50%; top: calc(50% + 74px); transform: translateX(-50%); display: flex; align-items: center; gap: 12px; padding: 10px 16px; border: 1px solid rgba(24,240,245,.35); border-radius: 999px; background: rgba(7,20,38,.82); color: var(--tc-text); box-shadow: 0 0 28px rgba(24,240,245,.18); font: 600 14px/1.2 Inter, system-ui, sans-serif; white-space: nowrap; }
.tc-loading-brand img { width: 34px; height: 34px; border-radius: 999px; box-shadow: 0 0 16px rgba(239,72,255,.42); }
.tc-brand-ribbon { position: fixed; right: 18px; bottom: 18px; z-index: 2147483647; display: flex; align-items: center; gap: 10px; padding: 9px 13px; border: 1px solid rgba(24,240,245,.35); border-radius: 999px; background: rgba(2,8,20,.72); backdrop-filter: blur(8px); color: var(--tc-text); font: 600 12px/1.2 Inter, system-ui, sans-serif; box-shadow: 0 0 24px rgba(24,240,245,.13); opacity: .82; }
.tc-brand-ribbon img { width: 26px; height: 26px; border-radius: 999px; }
.tc-brand-ribbon small { color: var(--tc-muted); display: block; font-weight: 500; }
button, [role="button"], a { accent-color: var(--tc-cyan); }

/* tabasco-cat-home-server branding: center identity label */
body::after {
  content: "Tabasco Cat Home Server  •  NetBird";
  position: fixed;
  left: 50%;
  top: calc(50% + 72px);
  transform: translateX(-50%);
  z-index: 2147483646;
  padding: 12px 18px 12px 58px;
  min-height: 34px;
  border: 1px solid rgba(24,240,245,.42);
  border-radius: 999px;
  background: rgba(2,8,20,.74) url('/tabasco-cat/tiger-head.png') 14px center/34px 34px no-repeat;
  color: #eafcff;
  font: 700 14px/34px Inter, system-ui, sans-serif;
  letter-spacing: .02em;
  box-shadow: 0 0 34px rgba(24,240,245,.20), inset 0 0 18px rgba(239,72,255,.10);
  backdrop-filter: blur(8px);
  pointer-events: none;
}