.card {
    box-shadow: 0px 0px 16px #00000012;
}
.datagrid {
    --tblr-datagrid-item-width: 8rem !important;
}
.input-group:has(input[readonly]),
.mb-3:has(input[readonly]),
.input-group:has(select[readonly]),
.mb-3:has(select[readonly])
 {
    opacity: 85%;
    filter: contrast(0.9);
    pointer-events: none;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.nav-link-title:has(> .material-symbols-outlined),
h5:has(> .material-symbols-outlined),
h2:has(> .material-symbols-outlined),
h3:has(> .material-symbols-outlined)
{
    &:not(.no-space) {
        gap: .5rem;
    }
    display: flex;
    flex-direction: row;
    align-items: center;
}
.datagrid-content .badge {
    font-size: 14px;
}
.status {
    user-select: none;
    white-space: nowrap;
}
td {
    white-space: nowrap;
}
aside .container-fluid {
    padding-top: calc(var(--tblr-gutter-x)* .5);
    padding-bottom: calc(var(--tblr-gutter-x)* .5);
}

.pagination {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    .btn-list {
        justify-content: center;
        align-items: center;
    }
}

td:not(:has(input)) {
    /* pointer-events: none; */
    user-select: none;
}

.dropdown-menu.show {
    z-index: 9999;
}

a[disabled="true"] {
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(1) contrast(0);
}

.nav-item.active .nav-link{
    color: var(--tblr-primary);
}
.modal-backdrop {
    --tblr-backdrop-bg: black;
    --tblr-backdrop-opacity: 0.5;
}

/* Definindo o tamanho do modal */
.modal-dialog {
    --tblr-modal-width: 50rem !important;
}


a[target="_blank"]:has(.material-symbols-outlined) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: text-top;
    span {
        font-size: 16px;
    }
}

body {
    background: linear-gradient(transparent, var(--tblr-primary));
    background-size: 100vw 900vh;
    &[data-bs-theme="dark"] {
        background: linear-gradient(#151f2c, var(--tblr-primary));
        background-size: 100vw 900vh;
    }
}

body.index {
    b {
        font-weight: 700;
    }
    nav {
        border: none;
        outline: none;
        box-shadow: none;
    }
}

body.modal-open {
    padding-right: 0px !important;
}
.modal.show[role="dialog"] {
    padding-right: 0px !important;
}
.text-sm {
    font-size: 16px;
}
pre {
    white-space: break-spaces;
}
._alert .icon {
  width: 25px;  
  height: 25px; 
}

._alert .btn-close {
    padding: 18px;
}

._alert {
  position: relative;
  padding: 0.75rem 2rem 0.75rem 1.35rem; 
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;

  border-radius: 5px; 

  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 300px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._alert .d-flex {
  align-items: center;
}