/**
 * Responsive CSS
 * Styles for mobile and tablet responsiveness for the CR-RET Protocol plugin.
 */

@media (max-width: 900px) {
    .crret-dashboard {
        max-width: 100%;
        padding: 1.2em 0.5em 0.5em 0.5em;
    }
}

@media (max-width: 700px) {
    .crret-list {
        max-width: 100%;
        padding: 1.2em 0.5em 0.5em 0.5em;
    }
    .crret-dashboard {
        padding: 1.2em 0.5em 0.5em 0.5em;
    }
}

@media (max-width: 520px) {
    .crret-form,
    .crret-list,
    .crret-dashboard {
        padding: 0.7em 0.2em 0.2em 0.2em;
        border-radius: 0;
        box-shadow: none;
    }
    .crret-form h2,
    .crret-list h2,
    .crret-dashboard h2 {
        font-size: 1.1em;
    }
    .crret-form input,
    .crret-form button {
        font-size: 0.98em;
    }
    .crret-dashboard h3 {
        font-size: 1em;
    }
}