/* assets/fun1-dashboard.css */
.fun1-app { --bg:#0b0f14; --fg:#e7ecf3; --muted:#9bb1c9; --card:#131a22; --acc:#52d6ff; color:var(--fg); }
.fun1-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.fun1-tabs button { background:var(--card); border:none; padding:.6rem .9rem; border-radius:.7rem; color:var(--fg); cursor:pointer; }
.fun1-panel { background:var(--card); padding:1rem; border-radius:1rem; }
.fun1-card { background:#0f151d; padding:1rem; border-radius:1rem; margin:.75rem 0; }
.fun1-btn { background:var(--acc); color:#001018; border:none; padding:.6rem .9rem; border-radius:.7rem; cursor:pointer; }
.fun1-list .fun1-row { display:grid; grid-template-columns:1fr auto; padding:.6rem .8rem; border-bottom:1px solid #1b2531; cursor:pointer; }
.fun1-row.is-active { background:#0f1b26; }
.fun1-grid2 { display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; }
.fun1-form label { display:block; margin:.4rem 0; }
.fun1-form input, .fun1-form select { width:100%; padding:.5rem; border-radius:.5rem; border:1px solid #203040; background:#0c1218; color:var(--fg); }
.fun1-table { width:100%; border-collapse:collapse; }
.fun1-table th, .fun1-table td { padding:.5rem .6rem; border-bottom:1px solid #1b2531; text-align:left; }
.fun1-preview { width:100%; height:280px; border:0; border-radius:.7rem; background:#000; }
.muted { color:var(--muted); font-size:.9em; }
@media (max-width: 900px) { .fun1-grid2 { grid-template-columns:1fr; } }