/*
 * SIMAK — Custom CSS
 *
 * DEVELOPMENT: Tailwind utilities are loaded via the CDN Play Script in layout files.
 * This file contains only project-specific overrides and custom utilities
 * that cannot be expressed as Tailwind classes.
 *
 * PRODUCTION SWITCH:
 *   1. Remove <script src="https://cdn.tailwindcss.com"> from layouts/auth.php and layouts/app.php
 *   2. Add <link rel="stylesheet" href="/assets/css/app.css"> instead
 *   3. Compile with:
 *        npx tailwindcss -i resources/css/app.css -o public/assets/css/app.css --minify
 *
 * Until compiled, the CDN version handles all Tailwind utilities.
 * The rules below are always active (CDN or compiled).
 */

/* ============================================================
   Base
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Smooth font rendering on macOS / high-DPI screens */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   Sidebar scrollbar (webkit only)
   ============================================================ */
#sidebar-nav::-webkit-scrollbar {
    width: 4px;
}
#sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}
#sidebar-nav::-webkit-scrollbar-thumb {
    background-color: #374151;
    border-radius: 2px;
}

/* ============================================================
   Form input focus ring — consistent cross-browser
   ============================================================ */
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

/* ============================================================
   Print — hide sidebar and header
   ============================================================ */
@media print {
    aside, header { display: none !important; }
    main { padding: 0 !important; }
}