/* Lunetrix v2.4.0 panel.css — ЗАПРЕЩЕНЫ: эмодзи, анимация поднятия, анимация увеличения.
   Только fade/opacity переходы. SVG иконки инлайнятся в компонентах. */
:root { --bg: #0e1116; --card: #171c24; --fg: #e8ecf1; --mut: #9aa4b2; --acc: #6ea8fe; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: Inter, system-ui, sans-serif; }
.shell { display: grid; grid-template-columns: 200px 1fr; min-height: 100vh; }
.sidebar { background: #12161d; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.sidebar button { background: transparent; border: 1px solid #2a3342; color: var(--fg); padding: 10px; border-radius: 8px; cursor: pointer; transition: opacity .15s ease, background .15s ease; }
.sidebar button.active, .sidebar button:hover { background: var(--card); opacity: 1; }
.content { padding: 24px; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.card { background: var(--card); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 12px; }
.row { display: flex; gap: 8px; align-items: center; margin: 8px 0; flex-wrap: wrap; }
input { background: #0e1116; border: 1px solid #2a3342; color: var(--fg); padding: 8px 10px; border-radius: 8px; }
button { background: var(--acc); border: 0; color: #0b0e13; padding: 8px 14px; border-radius: 8px; cursor: pointer; transition: opacity .15s ease; }
button:hover { opacity: .85; }
.logs { background: #000; padding: 12px; border-radius: 8px; max-height: 300px; overflow: auto; font-size: 12px; }
.login { display: grid; place-content: center; height: 100vh; text-align: center; }
.embed { padding: 16px; }