/* ============================================================
   ATLAS v3.0 - stylesheet hub + app-level styles
   ============================================================ */

@import url('tokens.css');
@import url('typography.css');
@import url('layout.css');
@import url('sidebar.css');
@import url('cards.css');
@import url('dashboard.css');
@import url('explorer.css');
@import url('graph.css');
@import url('runtime.css');
@import url('knowledge.css');
@import url('workspace.css');
@import url('console.css');
@import url('footer.css');
@import url('assistant.css');
@import url('command-palette.css');
@import url('universal-search.css');
@import url('notification.css');
@import url('explain-actions.css');
@import url('audit-timeline.css');
@import url('system-catalog.css');
@import url('event-store.css');
@import url('ledger.css');
@import url('decision.css');
@import url('moat.css');

/* -- App shell -- */
.app-content { min-height: 60vh; }

.breadcrumb {
    padding: 14px 0 0;
    font-family: var(--f-head);
    font-size: 13px;
    color: var(--txt3);
}
.breadcrumb a { color: var(--accent); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span { margin: 0 4px; }

.loading-spinner {
    padding: 32px;
    font-family: var(--f-head);
    color: var(--txt3);
}

.search-bar { margin: 20px 0; }
.search-bar input {
    width: 100%;
    max-width: 480px;
    padding: 12px 16px;
    font-family: var(--f-head);
    font-size: 15px;
    color: var(--txt);
    background: var(--bg-surface);
    border: 1px solid var(--border2);
    border-radius: var(--radius);
    outline: none;
    transition: var(--transition);
}
.search-bar input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-l); }

.btn {
    padding: 10px 18px;
    font-family: var(--f-head);
    font-weight: 600;
    font-size: 14px;
    color: var(--accent);
    background: var(--accent-l);
    border: 1px solid var(--accent);
    border-radius: var(--radius);
    cursor: pointer;
    transition: var(--transition);
}
.btn:hover { background: var(--accent); color: #fff; }
.btn.primary { background: var(--accent); color: #fff; }
.btn.primary:hover { background: var(--accent-dark); }

.search-hit { cursor: pointer; margin-bottom: 12px; }
.search-hit:hover { box-shadow: var(--shadow-md); }