/* Buddhadesk theme: content styling only. Navigation geometry comes from shared CSS. */
.app-body {
    background-color: #f4f7f6;
}

.app-body main .card,
.app-body .modal-content {
    border: 1px solid #e0e8e4 !important;
    border-radius: .65rem;
    box-shadow: 0 3px 14px rgb(49 75 62 / 5%) !important;
}

.app-body main .card-header,
.app-body .modal-header {
    background: #f0f5f2;
    border-bottom-color: #dfe8e2;
}

.app-body main .form-control,
.app-body main .form-select,
.app-body .modal .form-control,
.app-body .modal .form-select {
    min-height: 32px;
    padding: .3rem .65rem;
    font-size: .825rem;
    line-height: 1.45;
    border-color: #d6e0d9;
    border-radius: .4rem;
    background-color: #fff;
}

.app-body main .form-select,
.app-body .modal .form-select {
    padding-right: 2rem;
}

.app-body main textarea.form-control,
.app-body .modal textarea.form-control {
    min-height: 70px;
}

.app-body main .form-control:focus,
.app-body main .form-select:focus,
.app-body .modal .form-control:focus,
.app-body .modal .form-select:focus {
    border-color: #92aa9a;
    box-shadow: 0 0 0 .18rem rgb(117 137 124 / 15%);
}

.app-body main .form-control[readonly],
.app-body main .form-control:disabled {
    background-color: #f0f3f1;
}

.app-body main .form-label,
.app-body .modal .form-label {
    margin-bottom: .3rem;
    font-size: .8rem;
    font-weight: 600;
    color: #475c50;
}

.app-body main .form-text,
.app-body .modal .form-text {
    font-size: .73rem;
    color: #718076;
}

.app-body main .btn,
.app-body .modal .btn {
    padding: .32rem .75rem;
    font-size: .8rem;
    line-height: 1.45;
    border-radius: .4rem;
    font-weight: 500;
}

.app-body main .btn-sm,
.app-body .modal .btn-sm {
    padding: .24rem .5rem;
    font-size: .75rem;
}

.app-body main .btn-primary,
.app-body .modal .btn-primary {
    background-color: #bf630b;
    border-color: #bf630b;
    color: white;
}

.app-body main .btn-primary:hover,
.app-body .modal .btn-primary:hover {
    background-color: #a95104;
    border-color: #a95104;
}

.app-body main .btn-outline-primary,
.app-body .modal .btn-outline-primary {
    color: #a95104;
    border-color: #e5bb91;
    background-color: #fff8f0;
}

.app-body main .btn-outline-primary:hover,
.app-body .modal .btn-outline-primary:hover {
    color: #7c3c00;
    background-color: #ffebd6;
}

.app-body main .btn-outline-secondary {
    border-color: #cddbd2;
    color: #4d6958;
}

.app-body main .table {
    --bs-table-hover-bg: #f1f7f3;
    font-size: .83rem;
}

.app-body main .table > thead {
    background-color: #edf4ef;
    color: #4a6453;
}

.app-body main .table > :not(caption) > * > * {
    padding: .5rem .65rem;
    border-bottom-color: #e5ece7;
}

.app-body main .progress {
    background-color: #e8eee9;
}

.app-body main h1,
.app-body main h2 {
    color: #344d3e;
}

.app-body main .nav-pills .nav-link.active {
    color: #805019;
    background-color: #ffebd3;
}

/* Preserve menu height, width, logo and icon sizing: no navigation selectors here. */