/* Agent Hub v0.8.1 OpenRouter dashboard */
.openrouter-button{color:#d8baff!important;border-color:#b279ff55!important;background:#b279ff12!important}
.openrouter-panel{position:absolute;z-index:7;top:139px;right:0;bottom:0;width:min(760px,100%);padding:24px;background:radial-gradient(circle at 90% 0,#6d3ab733,transparent 40%),linear-gradient(155deg,#170d29fa,#07101efa 64%);border-left:1px solid #b279ff77;box-shadow:-26px 0 80px #000b;overflow:auto;backdrop-filter:blur(18px)}
.openrouter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.openrouter-head h2{margin:0;font-size:28px}.openrouter-head p:last-child{margin:7px 0;color:var(--muted);font-size:12px}.openrouter-head>button{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:22px;cursor:pointer}
.openrouter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.openrouter-toolbar>span{color:#c9a4fa;font-size:10px}.openrouter-toolbar>div{display:flex;gap:7px;align-items:center}.openrouter-toolbar button,.openrouter-toolbar a{padding:8px 10px;border:1px solid #b279ff55;border-radius:9px;background:#b279ff12;color:#d8baff;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}
.openrouter-dashboard{display:grid;gap:12px}.openrouter-hero{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #b279ff55;border-radius:18px;background:linear-gradient(135deg,#291445,#10162a)}.openrouter-hero>div{display:flex;align-items:center;gap:12px}.openrouter-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6230a8,#c17dff);color:#fff;font-weight:900}.openrouter-hero>div>span:last-child{display:grid;gap:3px}.openrouter-hero small{color:#a98bc9;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.openrouter-hero strong{font-size:14px}.openrouter-hero>b{padding:6px 9px;border-radius:999px;background:#62e0af1c;color:#7ce6c7;font-size:10px}
.openrouter-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.openrouter-metrics article{display:grid;gap:4px;padding:14px;border:1px solid #b279ff2b;border-radius:15px;background:#0f1628}.openrouter-metrics small{color:#a98bc9;font-size:9px;text-transform:uppercase}.openrouter-metrics strong{color:#d5b6ff;font-size:20px}.openrouter-metrics span{color:var(--muted);font-size:9px}
.openrouter-budget{padding:15px;border:1px solid #b279ff2b;border-radius:15px;background:#0d1526}.openrouter-budget>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px}.openrouter-budget span{color:var(--muted)}.openrouter-budget i{display:block;height:8px;border-radius:999px;background:#251939;overflow:hidden}.openrouter-budget i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7946be,#d28fff)}
.openrouter-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.openrouter-details>div{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #ffffff0d;border-radius:12px;background:#0b1422}.openrouter-details span{color:var(--muted);font-size:10px}.openrouter-details strong{font-size:10px}.openrouter-security{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid #50cba744;border-radius:14px;background:#12322955}.openrouter-security>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#50cba722;color:#7ce6c7}.openrouter-security div{display:grid;gap:3px}.openrouter-security strong{font-size:11px}.openrouter-security p{margin:0;color:var(--muted);font-size:9px}.openrouter-security button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}
@media(max-width:760px){.openrouter-panel{top:123px;padding:17px}.openrouter-toolbar{align-items:flex-start;flex-direction:column}.openrouter-toolbar>div{width:100%;flex-wrap:wrap}.openrouter-metrics{grid-template-columns:1fr 1fr}.openrouter-details{grid-template-columns:1fr}.openrouter-security{grid-template-columns:auto 1fr}.openrouter-security button{grid-column:1/-1}.openrouter-metrics strong{font-size:17px}}