/* === PATCH v5.7 // head hitbox + sidebar interactions + folder meta target === */

/* Head is visible but not clickable by its transparent/spiky PNG area */
.hero-side-art {
  pointer-events: none !important;
}

/* Event layer: when alpha hit-test is active, JS matches this to the head img box. On canvas failure, this remains the rectangular fallback. */
.head-hitbox {
  position: absolute;
  z-index: 6;
  width: 200px;
  height: 230px;
  top: 210px;
  right: 96px;
  pointer-events: none !important;
  cursor: default;
  background: transparent;
}

/* Finger cursor when JS detects opaque head pixel and no blocking UI above */
html.head-alpha-hot,
html.head-alpha-hot body,
html.head-alpha-hot * {
  cursor: url("../../refs/New-Cursor-Finger.png") 8 1, pointer !important;
}

/* keep responsive with the current head placement */
@media (max-width: 1200px) {
  .head-hitbox {
    width: 175px;
    height: 205px;
    top: 198px;
    right: 72px;
  }
}
@media (max-width: 900px) {
  .head-hitbox { display: none; }
}

/* Folder meta block: move right, keep inside terminal */
.folder-row {
  grid-template-columns: 22px minmax(200px, .58fr) minmax(520px, 1.9fr) 86px !important;
  column-gap: 12px !important;
  padding-right: 8px !important;
}
.folder-row .meta {
  text-align: right !important;
  justify-self: stretch !important;
}
.folder-row .size {
  min-width: 86px !important;
  justify-self: end !important;
  text-align: right !important;
}
.folder-list {
  width: 100% !important;
}

/* Sidebar buttons get same denied-style glitch */
.sidebar .icon-btn,
.icon-btn {
  cursor: url("../../refs/New-Cursor-Finger.png") 8 1, pointer;
}
.sidebar .icon-btn.side-glitch,
.icon-btn.side-glitch {
  color: #7fd7ff !important;
  text-shadow: 2px 0 #2a6dff, -2px 0 #00eaff !important;
  animation: menu-glitch-reset .46s steps(2) 1;
}

/* Floating rate/access window */
.side-feedback {
  position: fixed;
  z-index: 420;
  width: max-content;
  max-width: min(92vw, 440px);
  min-width: min(240px, 100%);
  border: 1px solid var(--warn);
  background: rgba(8,10,14,.97);
  color: var(--warn);
  font-family: "Departure Mono", monospace !important;
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 0 18px rgba(255,51,112,.18);
  pointer-events: none;
  animation: side-feedback-pop-v57 .18s steps(2);
}
.side-feedback.blue {
  border-color: #00eaff;
  color: #7fd7ff;
  box-shadow: 0 0 18px rgba(0,234,255,.16);
}
.side-feedback .head {
  padding: 5px 8px;
  font-size: 8px;
  background: #111822;
  border-bottom: 1px solid rgba(255,255,255,.12);
  letter-spacing: .7px;
}
.side-feedback .body {
  padding: 9px 10px 10px;
}
.side-feedback.vanish {
  animation: side-feedback-out-v57 .18s steps(2) forwards;
}
@keyframes side-feedback-pop-v57 {
  0% { opacity: 0; transform: translate(2px,-2px); filter: contrast(2); }
  100% { opacity: 1; transform: translate(0,0); }
}
@keyframes side-feedback-out-v57 {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-4px); }
}