:root{
  --hmqd-accent:#b8394b;
  --hmqd-bg:#ffffff;
  --hmqd-border:#b35261;
  --hmqd-shadow:0 10px 30px rgba(184,57,75,.18);

  --hmqd-radius:18px;
  --hmqd-gap:10px;
  --hmqd-icon:48px;
  --hmqd-panel-w:72px;
  --hmqd-glyph-color:#ffffff;
}

/* Ρίζα dock (χωρίς tab) */
#hmqd-dock{
  position: fixed;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  pointer-events: none;
}

/* Panel */
#hmqd-dock .hmqd-panel{
  width: var(--hmqd-panel-w);
  background: var(--hmqd-bg);
  border:1px solid var(--hmqd-border);
  box-shadow: var(--hmqd-shadow);
  border-radius: var(--hmqd-radius);
  padding: 10px;
  pointer-events: auto;
  overflow: hidden;
}

#hmqd-dock .hmqd-icons{
  display:flex; flex-direction: column;
  gap: var(--hmqd-gap);
  align-items:center; justify-content:center;
}

/* Κουμπί-εικονίδιο */
#hmqd-dock .hmqd-icon{
  width:var(--hmqd-icon); height:var(--hmqd-icon);
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px;
  border:1px solid var(--hmqd-border);
  background: var(--hmqd-accent);
  text-decoration:none; position:relative;
  box-shadow: 0 8px 20px rgba(184,57,75,.12);
  overflow:hidden;
  color: var(--hmqd-glyph-color);
  transition: box-shadow .18s ease, transform .18s ease, filter .18s ease;
}
#hmqd-dock .hmqd-icon:hover{
  filter: brightness(1.04);
  box-shadow:
    0 0 0 2px rgba(184,57,75,.22),
    0 12px 26px rgba(147,46,60,.28);
}

/* Glyph με CSS mask -> μονόχρωμο */
.hmqd-glyph{
  width:72%; height:72%;
  display:block;
  background: currentColor;
  -webkit-mask: var(--hmqd-glyph) center / contain no-repeat;
          mask: var(--hmqd-glyph) center / contain no-repeat;
}

/* Fallback image */
#hmqd-dock .hmqd-icon img{ width:72%; height:72%; object-fit:contain; display:block; }
@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  #hmqd-dock .hmqd-icon img{ display:none; }
}

/* Tooltip */
#hmqd-dock .hmqd-icon .hmqd-tooltip{
  position:absolute; right:50%; top:calc(100% + 8px);
  transform: translateX(50%);
  background:#2a0d12; color:#fff; font-size:12px; padding:4px 8px; border-radius:8px;
  white-space:nowrap; opacity:0; transition:opacity .15s ease, transform .15s ease;
  pointer-events:none;
  box-shadow: 0 0 0 1px rgba(184,57,75,.25);
}
#hmqd-dock .hmqd-icon:hover .hmqd-tooltip{
  opacity:1; transform: translateX(50%) translateY(2px);
}

/* Μόνο desktop */
@media (max-width: 1024px){
  #hmqd-dock { display:none !important; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #hmqd-dock, #hmqd-dock .hmqd-icon, #hmqd-dock .hmqd-icon .hmqd-tooltip{
    transition: none !important;
  }
}