.neon-home { max-width: var(--neon-page-max-width, 1060px); margin: 0 auto; }
.neon-home .neon-agent { padding: 20px; margin: 0 0 20px; overflow: visible; }
.neon-home .bot-info-content { padding: 0; width: 100%; }
.neon-home .bot-info-header { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; }
.neon-home .bot-avatar-large {
    width: 64px; height: 64px; border: 2px solid #3ee8ff; border-radius: 50%;
    box-shadow: 0 0 0 5px #18aaff12, 0 0 22px #00ccff55;
    background: linear-gradient(140deg, #0b93b4, #234888); overflow: hidden;
}
.neon-home .bot-avatar-large img { width: 100%; height: 100%; object-fit: cover; }
.neon-home .bot-info-details { min-width: 0; }
.neon-home .bot-selector-button {
    min-height: 44px; padding: 0; border: 0; border-radius: 10px; background: none;
    gap: 8px; font-size: 24px; font-weight: 720; letter-spacing: -.5px; color: #f1faff;
}
.neon-home .bot-selector-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.neon-home .bot-selector-caret { font-size: 14px; color: #88cbe7; }
.neon-home .bot-info-status { color: #84dfc8; font-size: 13px; margin-top: 3px; gap: 7px; }
.neon-home .bot-status-indicator { width: 8px; height: 8px; box-shadow: 0 0 10px currentColor; }
.neon-home .bot-info-actions { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 10px; margin: 3px 0 0; }
.neon-home .session-type-button, .neon-home .mode-toggle.compact {
    min-height: 42px; padding: 8px 12px; border-radius: 14px; border: 1px solid #7bcaff3b;
    background: #052a4b66; color: #e8f8ff; font-size: 12px; gap: 8px;
}
.neon-home .mode-toggle-label { white-space: normal; }
.neon-home .mode-toggle-switch { width: 34px; height: 21px; flex: 0 0 34px; }
.neon-home .mode-toggle-knob { width: 15px; height: 15px; top: 3px; left: 3px; }
.neon-home .mode-toggle-switch.active { background: #12d992; box-shadow: 0 0 14px #00eb8a40; }
.neon-home .mode-toggle-switch.active .mode-toggle-knob { transform: translateX(13px); }
.neon-agent-description { margin: 16px 0; color: var(--neon-muted); font-size: 13px; line-height: 1.55; max-width: 55ch; }
.neon-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 15px 0; border: 1px solid #6ccfff29; border-radius: 16px; background: #03244855; }
.neon-metric { display: grid; grid-template-columns: 22px 1fr; align-content: start; gap: 4px 7px; padding: 0 12px; }
.neon-metric + .neon-metric { border-left: 1px solid #6ccfff29; }
.neon-metric strong { font-size: 24px; font-weight: 700; line-height: 1; }
.neon-metric > span, .neon-metric > small { grid-column: 1 / -1; font-size: 11px; color: #afc9e1; line-height: 1.35; }
.neon-metric > small { color: #78d4e4; font-size: 10px; margin-top: 5px; }
.neon-home .session-filter { display: flex; gap: 7px; border: 0; padding: 0; margin: 0 0 14px; overflow-x: auto; scrollbar-width: none; }
.neon-home .filter-btn { display: inline-flex; align-items: center; justify-content: center; flex: 1 0 auto; min-height: 42px; padding: 8px 12px; color: #b8d3e7; border: 1px solid #337cad6b; border-radius: 13px; background: #103b604f; font-size: 12px; white-space: nowrap; }
.neon-home .filter-btn.active { color: #fff; background: linear-gradient(110deg, #047bbf, #1355bb); border-color: #4acfff; box-shadow: 0 0 16px #00a6ff29; }
.neon-home .neon-future-filter { gap: 5px; opacity: .65; }
.neon-future-filter small { font-size: 9px; }
.neon-home .session-list { display: grid; gap: 10px; }
.neon-home .session-item {
    display: grid; grid-template-columns: 44px minmax(0, 1fr) auto 8px;
    align-items: center; gap: 8px 10px; width: 100%; text-align: start;
    padding: 15px 12px; border-radius: 19px; border: 1px solid #4380b178;
    background: linear-gradient(110deg, #0b416380, #142d577d); color: #edf8ff;
    box-shadow: inset 0 1px 0 #d5f2ff0a; animation: neon-reveal .3s ease both;
    min-height: 110px; margin: 0;
}
.neon-home .session-item.has-unread { border-color: #27c6fa9e; box-shadow: inset 0 0 22px #099cff0d, 0 0 16px #059dff10; }
.neon-home .session-item.closed { opacity: .8; }
.neon-home .session-avatar { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #8ad8f170; grid-row: 1 / 3; font-size: 19px; }
.neon-home .session-content { min-width: 0; width: auto; }
.neon-home .session-header { display: flex; gap: 7px; min-width: 0; margin-bottom: 6px; }
.neon-home .session-username { font-size: 14px; font-weight: 650; min-width: 0; flex: 1; }
.neon-home .session-time { font-size: 10px; color: #91b6d1; flex: 0 0 auto; }
.neon-home .session-preview { color: #b9cfe2; font-size: 12px; line-height: 1.5; }
.neon-home .session-meta { grid-column: 3; grid-row: 1 / 3; justify-content: center; gap: 8px; }
.neon-home .session-unread-badge { background: #26d9f6; color: #033557; box-shadow: 0 0 15px #25d8fc2b; width: auto; min-width: 22px; height: 22px; font-size: 11px; font-weight: 750; }
.neon-home .session-status-badge { font-size: 9px; padding: 4px 6px; color: #b0c9dd; background: #35567552; border: 1px solid #93c4e32b; }
.neon-home .session-status-badge.active { color: #78e3c5; background: #0c6c603b; border-color: #3cd0b02b; }
.neon-lead-preview { grid-column: 2; display: flex; align-items: center; gap: 6px; color: #9dbedc; font-size: 10px; }
.neon-lead-preview small { color: #708faa; margin-left: 5px; }
.neon-score-ring { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; border: 2px solid #4c82b263; border-top-color: #62c8eb; font-size: 10px; }
.neon-card-arrow { grid-column: 4; grid-row: 1 / 3; color: #8cd9f2; font-size: 22px; }
.neon-home .empty-state { border: 1px dashed #4185b655; border-radius: 20px; padding: 45px 20px; }
.neon-home :is(.bot-selector-dropdown, .session-type-list) { background: #0b2848; border: 1px solid #4b9fc9; box-shadow: 0 15px 40px #0008; z-index: 30; }
.neon-home .bot-selector-item { color: #e3f5ff; }
@media (hover: hover) {
    .neon-home .session-item:hover { transform: translateY(-2px); border-color: #47d9ff; background: linear-gradient(110deg, #105778aa, #1c3970aa); box-shadow: 0 6px 22px #0492f426; }
}
@media (min-width: 768px) {
    .neon-home .bot-info-header { grid-template-columns: 72px minmax(0, 1fr) auto; }
    .neon-home .bot-info-actions { grid-column: 3; grid-row: 1; }
    .neon-home .neon-agent { padding: 26px; }
    .neon-metric { padding: 2px 22px; grid-template-columns: 26px 1fr; }
    .neon-metric > span, .neon-metric > small { grid-column: 2; }
    .neon-home .session-item { grid-template-columns: 52px minmax(0, 1fr) 140px 68px 12px; padding: 19px; min-height: 100px; }
    .neon-home .session-avatar { width: 52px; height: 52px; grid-row: 1; }
    .neon-home .session-meta { grid-column: 4; grid-row: 1; }
    .neon-home .session-username { font-size: 16px; }
    .neon-home .session-preview { font-size: 14px; }
    .neon-lead-preview { grid-column: 3; grid-row: 1; }
    .neon-score-ring { width: 38px; height: 38px; }
    .neon-card-arrow { grid-column: 5; grid-row: 1; }
}
@media (max-width: 359px) {
    .neon-home .neon-agent { padding: 14px; }
    .neon-home .bot-info-header { grid-template-columns: 50px minmax(0, 1fr); }
    .neon-home .bot-avatar-large { width: 50px; height: 50px; }
    .neon-home .bot-selector-button { font-size: 21px; }
    .neon-home .session-type-button, .neon-home .mode-toggle.compact { padding: 7px; font-size: 11px; }
    .neon-metric { padding: 0 8px; }
}