:root {
    --aky-radius: 14px;
}

body {
    min-height: 100vh;
}

.navbar-brand {
    letter-spacing: -.2px;
}

.card,
.form-control,
.form-select,
.btn,
.alert {
    border-radius: var(--aky-radius);
}

.card {
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .035);
}

.task-title-completed {
    text-decoration: line-through;
    opacity: .65;
}

.task-note {
    white-space: pre-line;
    color: #6c757d;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}

.action-form {
    display: inline;
}

@media (max-width: 767.98px) {
    .desktop-task-table {
        display: none;
    }

    .mobile-task-list {
        display: block;
    }

    .mobile-action-grid .btn,
    .mobile-action-grid form,
    .mobile-action-grid form .btn {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .mobile-task-list {
        display: none;
    }
}

.sql-textarea {
    min-height: 360px;
    font-size: .9rem;
    line-height: 1.55;
    tab-size: 4;
}

@media (max-width: 767.98px) {
    .sql-textarea {
        min-height: 300px;
        font-size: .82rem;
    }
}