@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

@layer base {
    html {
        -webkit-text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden;
    }
}

@layer components {
    dialog.management-dialog {
        width: min(calc(100vw - 2rem), 100%);
    }
}

@media (max-width: 640px) {
    main input,
    main select,
    main textarea {
        font-size: 16px !important;
    }

    main table th,
    main table td {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    dialog.management-dialog {
        width: calc(100vw - 1rem) !important;
        max-height: calc(100dvh - 1rem);
    }
}