/* companion-dock.css — shared site-wide companion (Nipsey) styles.
 * He is transparently ON the screen: no window, no panel, no chrome —
 * just Nipsey, floating over the page. Self-contained via var() fallbacks
 * so it works on any page. */

.companion {
  position: fixed; z-index: 60;
  right: 22px; bottom: 22px; /* JS switches to left/top once positioned */
  width: 148px;
  transition: opacity .25s ease, transform .25s ease;
}
.companion.hidden { opacity: 0; transform: scale(.7) translateY(10px); pointer-events: none; }
.companion .dock {
  position: relative;
  background: transparent; border: none; border-radius: 0; padding: 0; box-shadow: none;
  cursor: grab; touch-action: none;
  -webkit-user-select: none; user-select: none;
}
.companion .dock.dragging { cursor: grabbing; }
.companion canvas { width: 136px; height: 122px; display: block; margin: 0 auto; }
.companion .name { display: none; } /* status is shown through behavior, not a label */
.companion .dismiss {
  position: absolute; top: -8px; right: -4px;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--graphite, #2B2B30); color: var(--pearl, #EDE6D6);
  border: 1px solid rgba(237,230,214,0.2);
  font-size: 14px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: .45; transition: opacity .2s ease, background .2s ease;
}
.companion .dismiss:hover { opacity: 1; background: var(--graphite-2, #34343b); }

.paw-back {
  position: fixed; z-index: 60; right: 22px; bottom: 22px;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--graphite, #2B2B30); border: 1px solid rgba(237,230,214,0.2);
  font-size: 24px; cursor: pointer; display: none;
  align-items: center; justify-content: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.paw-back.show { display: flex; }
.paw-back:hover { background: var(--graphite-2, #34343b); }