/* Ikon header premium — satu tema dengan nav-glyph di footer (SVG stroke 1.7, sudut 12px) */
.header-actions{display:flex;align-items:center;gap:8px}
.header-icon{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;text-decoration:none;color:var(--deep);
  background:linear-gradient(160deg,#ffffff 0%,#f2faf7 100%);border:1px solid rgba(13,107,88,.14);
  box-shadow:0 4px 12px rgba(13,74,60,.08),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .2s,box-shadow .2s,border-color .2s,color .2s}
.header-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
.header-icon:hover{transform:translateY(-2px);border-color:rgba(13,107,88,.34);color:#075a49;box-shadow:0 8px 18px rgba(13,74,60,.16)}
.header-icon:active{transform:translateY(0) scale(.96)}
/* Titik notifikasi */
.header-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;
  background:linear-gradient(145deg,#ff8a6b,#ef5d43);box-shadow:0 0 0 2.5px #fff,0 2px 6px rgba(239,93,67,.55);
  animation:hdrPulse 2.2s ease-in-out infinite}
@keyframes hdrPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.72}}
/* Halaman gelap / marketplace header */
.market-header .header-icon{background:linear-gradient(160deg,#ffffff 0%,#f4fbf8 100%)}
@media(max-width:420px){.header-icon{width:36px;height:36px;border-radius:11px}.header-icon svg{width:19px;height:19px}.header-actions{gap:6px}}
@media (prefers-reduced-motion:reduce){.header-dot{animation:none}}