/*
 * Final app-wide control pass.
 * Loaded after page styles so fields and buttons keep one rounded shape.
 */

:root {
    --app-control-height: 44px;
    --app-control-height-sm: 36px;
    --app-control-height-lg: 52px;
    --app-control-radius: 14px;
    --app-control-radius-sm: 12px;
}

.btn,
.form-control,
.form-select,
.input-group-text,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select,
textarea {
    border-radius: var(--app-control-radius) !important;
}

.btn,
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select {
    min-height: var(--app-control-height) !important;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.btn-sm,
.form-control-sm,
.form-select-sm {
    min-height: var(--app-control-height-sm) !important;
    border-radius: var(--app-control-radius-sm) !important;
}

.btn-lg,
.form-control-lg,
.form-select-lg {
    min-height: var(--app-control-height-lg) !important;
}

textarea,
textarea.form-control {
    min-height: calc(var(--app-control-height) * 2) !important;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .input-group-text,
.input-group > .btn {
    min-height: var(--app-control-height) !important;
}

.app-mainnav__search input,
.app-mainnav__add-button,
.app-search-overlay__form input,
.app-search-overlay__submit,
.app-search-overlay__close,
.contacts-search .form-control,
.contacts-filter,
.contacts-filter .form-select,
.contacts-index .btn {
    border-radius: var(--app-control-radius) !important;
}

.app-mainnav__search input,
.app-mainnav__add-button,
.app-search-overlay__form input,
.app-search-overlay__submit,
.app-search-overlay__close,
.contacts-search .form-control,
.contacts-filter .form-select,
.contacts-index .btn {
    min-height: var(--app-control-height) !important;
}