@import url("/assets/mobile/css/app.theme-light.css");

html[data-adjaf-scale="compact"] .mobile-shell {
    max-width: 600px;
    padding-left: 12px;
    padding-right: 12px;
}

html[data-adjaf-scale="compact"] .quick-card {
    min-height: 96px;
    padding: 10px 6px;
}

html[data-adjaf-scale="large"] .mobile-shell {
    max-width: 720px;
}

html[data-adjaf-scale="large"] .home-greeting h1 {
    font-size: 36px;
    line-height: 40px;
}

html[data-adjaf-scale="large"] .home-section h2,
html[data-adjaf-scale="large"] .panel-title span {
    font-size: 21px;
    line-height: 27px;
}

html[data-adjaf-scale="large"] .quick-card span,
html[data-adjaf-scale="large"] .publication-body strong,
html[data-adjaf-scale="large"] .event-row strong,
html[data-adjaf-scale="large"] .mobile-profile-form input,
html[data-adjaf-scale="large"] .mobile-profile-form select,
html[data-adjaf-scale="large"] .mobile-profile-form textarea {
    font-size: 16px;
}

.app-local-settings-form {
    display: grid;
    gap: 14px;
}

.app-local-card {
    border: 1px solid var(--mobile-border);
    border-radius: 14px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 10px;
}

.app-local-card > strong {
    color: var(--mobile-primary);
    font-size: 14px;
}

.app-local-card > small {
    color: var(--mobile-muted);
    font-size: 12px;
    line-height: 16px;
    margin-top: -5px;
}

.app-option-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.app-option-card {
    border: 1px solid var(--mobile-border);
    border-radius: 14px;
    background: #fff;
    color: var(--mobile-text);
    display: grid !important;
    grid-template-columns: 28px 1fr 18px;
    align-items: center;
    gap: 9px;
    margin: 0 !important;
    padding: 10px !important;
    font-size: 12px !important;
}

.app-option-card i {
    color: var(--mobile-primary);
    font-size: 18px;
}

.app-option-card input {
    accent-color: var(--mobile-primary);
}

.app-limit-note {
    color: var(--mobile-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 15px;
}

.app-local-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.app-local-actions button {
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    font-weight: 850;
}

.app-local-actions button[type="submit"] {
    background: var(--mobile-primary);
    color: #fff;
}

.app-local-actions [data-reset-app-settings] {
    background: #f1f5f9;
    color: var(--mobile-primary);
}

@media (max-width: 380px) {
    .app-option-grid,
    .app-local-actions {
        grid-template-columns: 1fr;
    }
}