/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps.
 * You can still include application-wide styles in this file, but keep in mind
 * that CSS precedence will follow the standard cascading order, meaning styles
 * declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* DaisyUI Application styles */
body {
    background-color: oklch(var(--b2));
}

.app-navbar {
    background-color: oklch(var(--b1));
    border-bottom: 1px solid oklch(var(--b3));
    height: 64px;
}

.app-sidebar {
    border-right: 1px solid oklch(var(--b3));
    background-color: oklch(var(--b1));
    width: 250px;
    min-height: calc(100vh - 64px);
}

.menu-item {
    border-bottom: 1px solid oklch(var(--b3));
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.menu-item:hover {
    background-color: oklch(var(--b2));
}

.menu-item.active {
    background-color: oklch(var(--p));
    color: oklch(var(--pc));
}

.dashboard-card {
    background-color: oklch(var(--b1));
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    margin-bottom: 16px;
    border: 1px solid oklch(var(--b3));
}

/* Logo theme switching */
.logo-dark {
    display: none;
}

[data-theme="business"] .logo-light {
    display: none;
}

[data-theme="business"] .logo-dark {
    display: block;
}

/* Tab underline effect for radio button tabs */
input[type="radio"]:checked + label {
    border-bottom-color: oklch(var(--p));
    color: oklch(var(--pc) / 1);
    font-weight: 500;
}

/* Ensure drawer sidebar appears above sticky navbar */
.drawer-side {
    z-index: 50;
}