/* Global base styles shared across pages */

:root {
    --navbar-height: 56px;
    --bg-dark: #212529;
    --panel-dark: #343a40;
    --panel-border: #495057;
    --panel-accent: #2b3035;
    --text-light: #f8f9fa;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding-top: var(--navbar-height); /* account for fixed navbar */
    background-color: var(--bg-dark);
    color: var(--text-light);
    overflow: hidden; /* page-level scrolling off; sections manage their own scroll */
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* Utilities */
.scroll-y {
    overflow-y: auto;
}
.full-height {
    height: 100%;
}

/* Customer name link styling */
.customer-name-link:hover {
    color: #4dabf7 !important;
    text-decoration: none !important;
}

/* Container badges styling */
.badge.me-1 {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.25rem;
}

/* Customer info display */
#customerInfoDisplay {
    line-height: 1.8;
}