@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
    display: none !important;
}

@layer utilities {
    @media print {
        .no-print {
            display: none !important;
        }

        body {
            background: white !important;
        }

        .report-print-area {
            box-shadow: none !important;
            border: 1px solid #e5e7eb !important;
        }

        main {
            padding: 0 !important;
        }

        .max-w-\[1600px\] {
            max-width: none !important;
        }
    }
}

@layer components {
    .grave-zone-idle {
        background: rgba(15, 61, 46, 0.08);
        border: 2px solid rgba(15, 61, 46, 0.35);
    }

    .grave-zone-idle:hover {
        background: rgba(212, 175, 55, 0.12);
        border-color: rgba(212, 175, 55, 0.75);
    }

    .grave-zone-active {
        background: rgba(212, 175, 55, 0.18);
        border: 3px solid rgba(212, 175, 55, 0.95);
        box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.12);
    }
}