/* /srv/neuraweb/shared/footer/footer.css */

.nwsf {

    background: var(--nw-surface, #f8fafc);

    color: var(--nw-text-muted, #475569);

    border-top: 1px solid var(--nw-border, #e2e8f0);

    font-family: "inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    font-size: 13px;

    line-height: 1.5;

    margin-top: 64px;

}

.nwsf-inner {

    max-width: 1200px;

    margin: 0 auto;

    padding: 32px 24px 24px;

}

.nwsf-row { display: flex; flex-wrap: wrap; gap: 24px; }



.nwsf-row-primary {

    align-items: center;

    justify-content: space-between;

    padding-bottom: 24px;

    border-bottom: 1px solid var(--nw-border, #e2e8f0);

    margin-bottom: 24px;

}

.nwsf-brand { display: flex; flex-direction: column; gap: 2px; }

.nwsf-brand-mark { font-weight: 600; font-size: 14px; color: var(--nw-text, #0f172a); letter-spacing: -0.01em; }

.nwsf-brand-tagline { font-size: 12px; color: var(--nw-text-subtle, #94a3b8); font-style: italic; }



.nwsf-state { display: flex; align-items: center; gap: 8px; font-size: 12px; }

.nwsf-state-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; }

.nwsf-state-ok       { background: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.15); }

.nwsf-state-degraded { background: #ca8a04; box-shadow: 0 0 0 3px rgba(202,138,4,.15); }

.nwsf-state-down     { background: #dc2626; box-shadow: 0 0 0 3px rgba(220,38,38,.15); }

.nwsf-state-label   { font-weight: 500; color: var(--nw-text, #0f172a); }

.nwsf-state-version { color: var(--nw-text-subtle, #94a3b8); font-family: "jetbrains-mono", ui-monospace, monospace; }



.nwsf-row-links {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 24px;

    padding-bottom: 24px;

    border-bottom: 1px solid var(--nw-border, #e2e8f0);

    margin-bottom: 16px;

}

.nwsf-col-head {

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: var(--nw-text, #0f172a);

    margin-bottom: 12px;

}

.nwsf-list { list-style: none; padding: 0; margin: 0; }

.nwsf-list li { margin: 0 0 6px; }

.nwsf-list a {

    color: var(--nw-text-muted, #475569);

    text-decoration: none;

    font-size: 13px;

    transition: color .15s;

}

.nwsf-list a:hover { color: var(--nw-accent, #2563eb); }



.nwsf-row-foot {

    align-items: center;

    justify-content: space-between;

    font-size: 12px;

    color: var(--nw-text-subtle, #94a3b8);

}

.nwsf-meta { font-style: italic; }



@media (max-width: 768px) {

    .nwsf-row-links { grid-template-columns: repeat(2, 1fr); }

    .nwsf-row-primary, .nwsf-row-foot { flex-direction: column; align-items: flex-start; gap: 12px; }

}