/* Eagle Panel — Global UI Overrides */

/* ── Scrollbar ─────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(99,102,241,.35); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(99,102,241,.6); }

/* ── Text selection ────────────────────────────────────────── */
::selection { background: rgba(99,102,241,.2); color: inherit; }

/* ── Font rendering ────────────────────────────────────────── */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ── Smooth focus rings ────────────────────────────────────── */
*:focus-visible { outline: 2px solid rgba(99,102,241,.6); outline-offset: 2px; }

/* ── Naive UI component polish ─────────────────────────────── */
/* Card radius */
.n-card { border-radius: 10px !important; }

/* Button subtle lift on hover */
.n-button:not(:disabled):hover { transform: translateY(-1px); transition: transform .15s ease, box-shadow .15s ease; }
.n-button:not(:disabled):active { transform: translateY(0); }

/* Input focus glow */
.n-input:focus-within .n-input__border,
.n-input--focus .n-input__border { box-shadow: 0 0 0 2px rgba(99,102,241,.15) !important; }

/* Table row hover */
.n-data-table-tr:hover .n-data-table-td { background: rgba(99,102,241,.04) !important; }

/* Tag border-radius */
.n-tag { border-radius: 6px !important; }

/* Modal shadow */
.n-modal { box-shadow: 0 20px 60px rgba(0,0,0,.18) !important; border-radius: 12px !important; }

/* Tooltip */
.n-tooltip { border-radius: 6px !important; }

/* Menu item active indicator */
.n-menu-item-content--selected::before { border-radius: 0 4px 4px 0 !important; }

/* Tabs card active */
.n-tabs .n-tab--active { font-weight: 600; }

/* ── Dark mode adjustments ─────────────────────────────────── */
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(148,163,184,.25); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,.45); }
[data-theme="dark"] .n-data-table-tr:hover .n-data-table-td { background: rgba(255,255,255,.04) !important; }