/* NAV napló a Beállítások oldalon */
.settings-nav .nav-log-settings-button{display:flex;align-items:center;gap:9px;width:100%;text-align:left}
.settings-nav .nav-log-menu-icon{display:inline-grid;place-items:center;width:19px;height:19px;font-size:18px;font-weight:800;transform:rotate(-45deg)}
.settings-content.nav-log-settings-active>[data-nav-log-hidden="1"]{display:none!important}
.nav-log-integrated-panel{display:block!important}
.nav-log-panel-head{align-items:flex-start;gap:14px}
.nav-log-panel-head .secondary-button{flex:0 0 auto}
.nav-log-connection{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line,#e0e5e1);border-radius:14px;padding:15px 16px;margin:0 0 14px;background:#f7f9f6}
.nav-log-connection>div{display:flex;align-items:center;gap:11px;min-width:0}
.nav-log-connection strong,.nav-log-connection small{display:block}.nav-log-connection small{margin-top:2px;color:#68736c}
.nav-log-connection.ok{background:#f4faee;border-color:#d5e8c5}.nav-log-connection.bad{background:#fff4f4;border-color:#efcfd2}
.nav-log-status-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;font-weight:900;font-size:18px;flex:0 0 auto}
.nav-log-env{font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:7px 9px;background:#18251e;color:#fff;white-space:nowrap}
.nav-log-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 15px}
.nav-log-metrics article{border:1px solid var(--line,#e0e5e1);border-radius:13px;padding:12px;background:#fff}.nav-log-metrics span{display:block;font-size:10px;color:#6c756f}.nav-log-metrics strong{display:block;font-size:18px;margin-top:4px}
.nav-log-section,.nav-log-alerts{border:1px solid var(--line,#e0e5e1);border-radius:14px;padding:14px;background:#fff;margin-top:12px}
.nav-log-section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.nav-log-section-head strong,.nav-log-section-head span{display:block}.nav-log-section-head span{font-size:11px;color:#6c756f;margin-top:2px}
.nav-log-timeline{display:grid;gap:8px}.nav-log-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:11px;align-items:start;border:1px solid #e4e8e5;border-radius:12px;padding:12px;background:#fbfcfb}
.nav-log-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;background:#b9c0bb}.nav-log-dot.ok{background:#639e38}.nav-log-dot.warn{background:#e0a01e}.nav-log-dot.bad{background:#d14d58}
.nav-log-item-main strong{font-size:13px}.nav-log-item-main p{font-size:11px;color:#68736c;line-height:1.5;margin:4px 0 0}.nav-log-error{color:#ae303b!important}
.nav-log-badge{font-size:9px;font-weight:850;padding:6px 8px;border-radius:999px;background:#f0f2f0;white-space:nowrap}.nav-log-badge.ok{background:#ecf6e7;color:#3e751f}.nav-log-badge.warn{background:#fff5d9;color:#8a5c00}.nav-log-badge.bad{background:#fff0f1;color:#aa2e39}
.nav-log-alert-list{display:grid;gap:8px}.nav-log-alert{border:1px solid #efd792;background:#fff8e4;border-radius:11px;padding:11px}.nav-log-alert strong,.nav-log-alert small{display:block}.nav-log-alert small{margin-top:4px;color:#776442}
.nav-log-empty{text-align:center;color:#6c756f;padding:25px 10px}
@media(max-width:760px){.nav-log-metrics{grid-template-columns:1fr 1fr}.nav-log-item{grid-template-columns:10px 1fr}.nav-log-badge{grid-column:2;justify-self:start}.nav-log-connection{align-items:flex-start}.nav-log-panel-head{flex-direction:column}.nav-log-panel-head .secondary-button{width:100%}}