/* MetaCore Premium Dock v1 — SVG icons + premium bar */
:root{
  --mc-dock-h:64px;
  --mc-dock-ink:#173451;
  --mc-dock-muted:#5d738c;
  --mc-dock-active:#0e63d4;
  --mc-dock-pill:#eaf3ff;
  --acp-bottom-nav-h:64px;
}
.mc-premium-dock{
  display:grid;
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:2147479000;
  height:calc(var(--mc-dock-h) + env(safe-area-inset-bottom,0px));
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
  margin:0;
  box-sizing:border-box;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:4px;
  border-top:1px solid rgba(226,235,244,.95);
  background:rgba(255,255,255,.92);
  box-shadow:0 -12px 32px rgba(22,58,99,.1);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.mc-premium-dock:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,rgba(14,99,212,.15),rgba(23,104,223,.45),rgba(22,127,114,.35),rgba(114,81,160,.28));
  pointer-events:none;
}
.mc-premium-dock a{
  min-width:0;
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:5px 2px;
  border-radius:16px;
  color:var(--mc-dock-muted);
  text-decoration:none;
  font-size:9px;
  font-weight:740;
  letter-spacing:.01em;
  line-height:1.05;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
  transition:background .16s ease, color .16s ease, transform .16s ease;
}
.mc-premium-dock a .mc-premium-dock__mark{
  width:26px;height:26px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#f3f7fc;
  border:1px solid #dde8f3;
  color:#365474;
  line-height:0;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.mc-premium-dock a .mc-premium-dock__mark svg{
  width:15px;height:15px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round;
}
.mc-premium-dock a .mc-premium-dock__label{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mc-premium-dock a:hover{
  color:var(--mc-dock-ink);
  background:rgba(234,243,255,.7);
}
.mc-premium-dock a:hover .mc-premium-dock__mark{
  transform:translateY(-1px);
  box-shadow:0 6px 12px rgba(22,58,99,.1);
}
.mc-premium-dock a.is-active,
.mc-premium-dock a[aria-current="page"]{
  color:var(--mc-dock-active);
  background:var(--mc-dock-pill);
}
.mc-premium-dock a.is-active .mc-premium-dock__mark,
.mc-premium-dock a[aria-current="page"] .mc-premium-dock__mark{
  background:#e4efff;
  border-color:#c7dcfa;
  color:var(--mc-dock-active);
  box-shadow:0 0 0 3px rgba(14,99,212,.08);
}
.mc-premium-dock a:nth-child(1) .mc-premium-dock__mark{color:#0e63d4;background:#e7f1ff}
.mc-premium-dock a:nth-child(2) .mc-premium-dock__mark{color:#7251a0;background:#f4efff}
.mc-premium-dock a:nth-child(3) .mc-premium-dock__mark{color:#1768df;background:#eaf3ff}
.mc-premium-dock a:nth-child(4) .mc-premium-dock__mark{color:#9b7022;background:#fff8e8}
.mc-premium-dock a:nth-child(5) .mc-premium-dock__mark{color:#6254ad;background:#f3efff}
.mc-premium-dock a:nth-child(6) .mc-premium-dock__mark{color:#167f72;background:#eafaf6}
.mc-premium-dock a:nth-child(7) .mc-premium-dock__mark{color:#0d748d;background:#eafafb}
.mc-premium-dock a:nth-child(8) .mc-premium-dock__mark{color:#b45309;background:#fff4e8}
body.mc-has-premium-dock{
  padding-bottom:calc(var(--mc-dock-h) + env(safe-area-inset-bottom,0px) + 8px)!important;
}
body.mc-has-premium-dock .mc-analytics-settings,
body:has(.mc-premium-dock) .mc-analytics-settings{
  bottom:calc(var(--mc-dock-h) + env(safe-area-inset-bottom,0px) + 14px)!important;
}
body.mc-has-premium-dock .mc-analytics-consent,
body:has(.mc-premium-dock) .mc-analytics-consent{
  bottom:calc(var(--mc-dock-h) + env(safe-area-inset-bottom,0px) + 18px)!important;
}
@media(min-width:1041px){
  .mc-premium-dock{
    height:calc(var(--mc-dock-h) + 6px);
    padding:8px 28px;
    gap:8px;
  }
  .mc-premium-dock a{font-size:11px;min-height:56px;gap:5px}
  .mc-premium-dock a .mc-premium-dock__mark{width:30px;height:30px}
  .mc-premium-dock a .mc-premium-dock__mark svg{width:16px;height:16px}
}
@media(max-width:380px){
  .mc-premium-dock a{font-size:7.5px;gap:2px;padding:3px 0}
  .mc-premium-dock a .mc-premium-dock__mark{width:22px;height:22px}
  .mc-premium-dock a .mc-premium-dock__mark svg{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){
  .mc-premium-dock a,.mc-premium-dock a .mc-premium-dock__mark{transition:none}
}

/* dock8: eight start modules */
@media(max-width:420px){
  .mc-premium-dock{gap:2px;padding-left:4px;padding-right:4px}
  .mc-premium-dock a{font-size:8px;padding:4px 1px;gap:3px}
  .mc-premium-dock a .mc-premium-dock__mark{width:24px;height:24px}
  .mc-premium-dock a .mc-premium-dock__mark svg{width:14px;height:14px}
}