@import 'tailwindcss';

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

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

@layer base {
    html {
        font-family: var(--font-sans);
    }

    body {
        min-height: 100vh;
        background:
            radial-gradient(circle at 7% 95%, rgba(204, 239, 229, 0.85), transparent 28%),
            radial-gradient(circle at 92% 4%, rgba(213, 229, 244, 0.95), transparent 34%),
            #f7fafc;
        color: #1f252c;
    }
}

@layer components {
    .auth-input-shadow {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    }

    .auth-button-shadow {
        box-shadow: 0 10px 18px rgba(0, 83, 164, 0.22);
    }

    .dashboard-shell :where(h1, h2, h3, p, span, a, td, th, div, button) {
        caret-color: transparent;
    }

    .dashboard-shell [contenteditable="true"] {
        caret-color: transparent;
    }
}

@media (min-width: 1024px) and (max-height: 900px) {
    .dashboard-content {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .dashboard-heading {
        padding-top: 6px;
    }

    .dashboard-table-header {
        height: 56px;
    }

    .dashboard-table-head-row {
        height: 40px;
    }

    .dashboard-patient-cell {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .dashboard-table-footer {
        height: 48px;
    }

    .dashboard-info-panel {
        height: 150px;
    }

    .dashboard-info-panel-copy {
        margin-top: 10px;
        line-height: 1.42;
    }

    .dashboard-activity-badges {
        margin-right: 70px;
    }
}