/* ============================================
   Show Runna - Custom Styles
   ============================================ */

/* --- Status Badges --- */
.badge-confirmed {
    background-color: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.2);
}
.badge-pending {
    background-color: rgba(250, 204, 21, 0.1);
    color: #ca8a04;
    border: 1px solid rgba(250, 204, 21, 0.2);
}
.badge-cancelled {
    background-color: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}
.badge-draft {
    background-color: rgba(156, 163, 175, 0.1);
    color: #6b7280;
    border: 1px solid rgba(156, 163, 175, 0.2);
}
.badge-hold {
    background-color: rgba(168, 85, 247, 0.1);
    color: #9333ea;
    border: 1px solid rgba(168, 85, 247, 0.2);
}

/* --- Sidebar Transitions --- */
aside {
    transition: width 200ms ease-in-out, transform 200ms ease-in-out;
}

/* --- Custom Scrollbar --- */
.sidebar-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.sidebar-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.4);
    border-radius: 9999px;
}
.sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.6);
}

/* General scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f9fafb;
}
::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 9999px;
    border: 2px solid #f9fafb;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #9ca3af;
}

/* --- Safe Area for Mobile Bottom Nav --- */
.safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* --- HTMX Loading Indicator --- */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: inline-block;
}

/* --- Print Styles --- */
@media print {
    /* Hide UI chrome */
    header, footer, nav, aside,
    .no-print,
    button, [x-data] {
        display: none !important;
    }

    /* Reset backgrounds for printing */
    body, html {
        background: white !important;
        color: black !important;
    }

    /* Reset layout */
    main {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Remove shadows and borders for cleaner print */
    * {
        box-shadow: none !important;
    }

    /* Force page breaks between day sheets */
    .day-sheet {
        page-break-after: always;
    }

    /* Ensure tables don't split awkwardly */
    table, tr, td, th {
        page-break-inside: avoid;
    }

    /* Print-friendly badges */
    .badge-confirmed, .badge-pending, .badge-cancelled, .badge-draft, .badge-hold {
        border: 1px solid #999 !important;
        color: #333 !important;
        background: transparent !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}