/* ============================================================
   ATLAS — Main Entry Point
   Imports all CSS modules
   ============================================================ */

/* tokens.css */
/* typography.css */
/* layout.css */
/* sidebar.css */
/* cards.css */
/* dashboard.css */
/* explorer.css */
/* runtime.css */
/* reports.css */

/* ============================================================
   ADDITIONAL UTILITIES
   ============================================================ */

/* Search Bar */
.search-bar {
    position: relative;
    max-width: 480px;
    margin: 0 auto 40px;
}
.search-bar input {
    width: 100%;
    padding: 14px 20px 14px 46px;
    font-family: var(--f-head);
    font-size: 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--bg-surface);
    color: var(--txt);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.search-bar input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-l);
}
.search-bar i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--txt3);
    font-size: 16px;
}

/* Footer */
.page-footer {
    border-top: 1px solid var(--border);
    padding: 32px 40px;
    max-width: 1200px;
    margin: 0 auto;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}
.footer-link {
    font-family: var(--f-head);
    font-size: 13px;
    color: var(--txt3);
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.15s;
}
.footer-link:hover { color: var(--accent); }
.footer-copy {
    font-family: var(--f-head);
    font-size: 12px;
    color: var(--txt3);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--txt3); }