/* metrics/assets/index.css */
:root{--fg:#0f172a;--muted:#64748b;--panel:#ffffff;--border:rgba(15,23,42,0.12);--shadow:0 10px 30px rgba(2,6,23,0.08);}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f6f5f2;color:var(--fg);}
.wrap{max-width:1200px;margin:0 auto;padding:18px;}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;}
.title{font-size:28px;font-weight:900;line-height:1.1}
.sub{color:var(--muted);font-size:13px}
.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
input,select{font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,0.18);background:white}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.card{border:1px solid rgba(15,23,42,0.12);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:white;display:flex;flex-direction:column}
.cardHead{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,0.12);display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cardTitle{font-weight:900;font-size:18px;line-height:1.2}
.cardRegion{color:var(--muted);font-size:12px;margin-top:4px}
.cardBody{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.qline{font-size:14px;line-height:1.35}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,0.65);border:1px solid rgba(15,23,42,0.12);padding:6px 10px;border-radius:999px;font-size:12px}
.wx{display:flex;gap:8px;align-items:center}
.ic{display:flex;gap:6px;align-items:center}
a.cardLink{color:inherit;text-decoration:none;display:block;border-radius:18px;transition:transform 0.18s ease;}
a.cardLink:hover{transform:translateY(-5px);}
a.cardLink:hover .card{box-shadow:0 20px 48px rgba(2,6,23,0.14);}
.card{transition:box-shadow 0.18s ease;}
.small{color:var(--muted);font-size:12px}