/* layout.css - Core Layout Styles */

/* ==========================================================================
   STICKY APP HEADER
   ========================================================================== */
#app-header {
    position: sticky;
    top: 0;
    z-index: 100;
    /* Ensure this matches --z-sticky or is sufficient */
    background: var(--color-bg);
    /* Fix: Use proper token for background */
    width: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--color-border);
    /* Ensure border is visible */
    transition: background-color var(--transition-normal);
}

[data-theme="dark"] #app-header {
    background: var(--color-bg);
    border-bottom-color: var(--color-border);
}