/* Dashboard - Seiten-CSS (ausgelagert aus index.html) */
.wrap{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:58px 24px 72px}
  .hero{text-align:center;margin-bottom:48px;position:relative}
  .hero::before{content:"";position:absolute;left:50%;top:-50px;transform:translateX(-50%);width:640px;max-width:96vw;height:330px;background:radial-gradient(ellipse 58% 72% at 50% 40%,rgba(255,255,255,.075),transparent 70%);pointer-events:none;z-index:-1}
  .hero-ico{font-size:56px;line-height:1;filter:drop-shadow(0 14px 34px rgba(255,255,255,.16))}
  .hero h1{font-size:clamp(34px,6vw,54px);font-weight:800;letter-spacing:-1.5px;margin-top:10px;filter:drop-shadow(0 0 26px rgba(255,255,255,.14))}
  .hero h1 .grad{background:linear-gradient(105deg,#ffffff 0%,#d7dae6 28%,#9197b0 50%,#d7dae6 72%,#ffffff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s ease-in-out infinite alternate}
  .hero .sub{color:var(--muted);font-size:16px;margin:12px auto 18px;max-width:500px;line-height:1.5}
  .addr{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--border);padding:7px 16px;border-radius:999px;font-weight:600;transition:.2s}
  .addr:hover{color:var(--text);border-color:rgba(255,255,255,.45)}
  .addr .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
  .label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin:0 0 16px}
  .label::after{content:"";flex:1;height:1px;background:var(--border)}
  .section{margin-bottom:36px}
  .grid{display:grid;gap:28px}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  @media(max-width:640px){.grid-2{grid-template-columns:1fr}}
  .tile{position:relative;display:block;text-decoration:none;color:inherit;border-radius:16px;padding:22px 24px;background:#0d0d11;border:1px solid rgba(255,255,255,.07);transition:transform .2s ease,border-color .2s ease,background .2s ease}
  .tile:hover,.tile:focus-visible{transform:translateY(-2px);border-color:var(--ac);background:#101016;outline:none}
  .tile-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:0}
  .ico{order:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--ac);flex-shrink:0;transition:color .2s} .ico svg{width:25px;height:25px}
  
  .tile h3{order:3;flex-basis:100%;font-size:17px;font-weight:700;letter-spacing:-.2px;margin-top:16px}
  .tile .arrow{order:2;color:#4a4a55;font-size:18px;flex-shrink:0;transition:color .2s,transform .2s}
  .tile:hover .arrow{color:var(--ac);transform:translateX(3px)}
  .tile p{color:var(--muted);font-size:13.5px;line-height:1.55;margin-top:6px}
  .api-badge{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,80,80,.12);border:1px solid rgba(255,120,120,.42);color:#ff9b9b;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 9px;border-radius:999px}
  .api-badge .d{width:6px;height:6px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}
  .tile.api-down{opacity:.85}
  .tile.api-down .arrow{display:none}
  @media(prefers-reduced-motion:reduce){.tile,.ico,.arrow{transition:none}.tile:hover{transform:none}}
  footer{text-align:center;color:var(--muted);font-size:13px;padding-top:20px}
  .metarow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 34px}
  .chip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13.5px;color:var(--muted);font-weight:600}
  .chip b{color:var(--text);font-weight:800}
  .pcdot{width:8px;height:8px;border-radius:50%;background:#5bd99a;box-shadow:0 0 8px #5bd99a;flex:none}
  .acdot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:none}

/* --- dash-center-fix (war <style id="dashCenterFix">) --- */
.metarow{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;}
#authChip{grid-column:1;justify-self:start;position:relative;cursor:pointer;}
.metarow > .chip.pc-center{grid-column:2;}
#acChip{display:none !important;}
.ac-pop{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:#12141a;border:1px solid #2a2f3a;border-radius:10px;padding:7px 12px;white-space:nowrap;font-size:12.5px;color:#c9cdd6;box-shadow:0 10px 28px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:60;}
.ac-pop b{color:#fff;}
.ac-pop::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#2a2f3a;}
#authChip:hover .ac-pop,#authChip.pop-open .ac-pop{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}