@media (max-width: 768px) {

    /* RESET LEVE */
    body {
        margin: 0;
        padding: 0;
    }

        /* LOGIN — remove apenas o card */
        body.bg-gray-50 .bg-white.border.rounded-lg.shadow-sm {
            background: transparent !important;
            box-shadow: none !important;
            border: none !important;
            padding: 0 !important;
        }

    /* INPUTS */
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        width: 100%;
        min-height: 48px;
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: auto;
        min-height: auto;
        transform: scale(1);
    }

    /* BOTÕES — só largura */
    button,
    .btn,
    a.btn,
    input[type="submit"] {
        width: 100%;
    }

        .btn + .btn {
            margin-top: 12px;
        }

    /* SERVIÇOS (Servicos.aspx) */

    /* Card do botão "+ Novo Serviço" */
    main > div.bg-white.rounded-lg.p-4.shadow-sm:first-of-type {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

        main > div.bg-white.rounded-lg.p-4.shadow-sm:first-of-type .bg-green-600 {
            width: 100%;
            display: block;
            text-align: center;
        }

    /* Lista de serviços */
    main > div.bg-white.rounded-lg.p-4.shadow-sm:not(:first-of-type) {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    /* SERVICOS EDIT (APENAS ESTA TELA) */

    /* Remove o card */
    main.max-w-3xl > .bg-white.p-5.rounded-lg.shadow-sm {
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

    /* Empilha ações */
    main.max-w-3xl .flex.gap-3.pt-4 {
        flex-direction: column !important;
        align-items: stretch !important;
    }

        /* Botões full width */
        main.max-w-3xl .flex.gap-3.pt-4 button,
        main.max-w-3xl .flex.gap-3.pt-4 a {
            width: 100%;
            text-align: center;
        }
}