/* ==========================================================================
   APPLICATION STYLES
   Lightweight overrides on top of Bootstrap 5.3.
   No images, icons or fonts are referenced.
   ========================================================================== */

:root {
    --app-radius: 0.75rem;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Rounded cards */
.card {
    border-radius: var(--app-radius);
}

/* Subtle card hover elevation */
.card.shadow-sm {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card.shadow-sm:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}

/* Sidebar */
.sidebar {
    min-height: calc(100vh - 56px);
}

.sidebar .nav-link {
    color: #495057;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
}

.sidebar .nav-link:hover {
    background-color: #f1f3f5;
}

/* Content wrapper spacing */
.content-wrapper {
    min-height: 60vh;
}

/* Live clock emphasis */
#liveClock {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.5px;
}