@charset "UTF-8";
:root {
  --header-height: 4.5rem;
  --sidebar-width: 4.5rem;
  --sidebar-width__open: 250px;
}

.login-screen {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100vh;
  margin: 0;
  padding: 0;
}
.login-screen #form-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-screen #form-wrapper .ph-spinner {
  font-size: 2.5rem;
  animation: spinner 3s infinite linear;
}
.login-screen #form-wrapper #copyright-text {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  font-weight: 500;
}
.login-screen .illustration-panel {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://gestao.ectare.com.br/assets/brand/background_ecex.png);
}
.login-screen .illustration-panel #copyright-text {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--white);
}

@keyframes spinner {
  to {
    rotate: 0deg;
  }
  from {
    rotate: -360deg;
  }
}
header {
  position: fixed;
  top: 0;
  height: var(--header-height);
  width: 100%;
  border-bottom: var(--border);
}
header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 2rem;
  margin: 0 auto;
}
header .header-content img {
  height: 25%;
}
header .header-content button {
  border: none;
}
header .header-content button:hover {
  background-color: var(--green-500);
  color: var(--white);
}

[data-theme=dark] header .header-content img {
  content: url("/assets/images/ectare-logo-branco.png");
}

/* ================================================== */
/* SIDEBAR */
aside#sidebar {
  position: fixed;
  z-index: 1100;
  display: flex;
}
aside#sidebar .sidebar-content {
  display: flex;
  flex-direction: column;
  width: var(--sidebar-width);
  height: 100vh;
  background-color: var(--bg-primary);
  transition: width 300ms ease;
}
aside#sidebar .sidebar-header {
  padding: 1rem;
  border-bottom: var(--border);
}
aside#sidebar .sidebar-header .sidebar-item {
  gap: 0;
}
aside#sidebar .sidebar-header .sidebar-item:hover {
  background-color: transparent;
}
aside#sidebar .sidebar-header .sidebar-item .item-icon {
  padding-left: 0;
  background-image: url("/assets/images/ectare-image.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
aside#sidebar .sidebar-header .sidebar-item .item-text {
  background-image: url("/assets/images/ectare-text-verde.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: auto 50%;
}
aside#sidebar .sidebar-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  overflow: auto;
}
aside#sidebar .sidebar-footer {
  margin-top: auto;
  padding: 0.75rem;
  border-top: var(--border);
}
aside#sidebar .sidebar-footer .sidebar-item {
  cursor: pointer;
  height: 3.3rem;
  padding: 0.5rem 0 0.5rem 0.3rem;
  transition: height 300ms ease, padding 300ms ease;
}
aside#sidebar .sidebar-footer .sidebar-item:hover {
  background-color: transparent;
}
aside#sidebar .sidebar-footer .sidebar-item .item-icon {
  padding-left: 0;
  min-width: auto;
}
aside#sidebar .sidebar-footer .sidebar-item .item-icon #user-image {
  display: grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  color: var(--text-brand-secondary);
  background-color: var(--bg-brand-trans);
}
aside#sidebar .sidebar-footer .sidebar-item .item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;
}
aside#sidebar .sidebar-footer .sidebar-item .item-text #user-email {
  color: var(--text-tertiary);
  font-size: 0.75rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 154px;
}
aside#sidebar .sidebar-footer .dropdown .dropdown-menu {
  position: fixed;
  bottom: 1px;
  z-index: 50;
  left: calc(var(--sidebar-width) - 5px);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content {
  display: flex;
  flex-direction: column;
  min-width: 220px;
  padding: 0.25rem;
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .sidebar-dropdown-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding-right: 0.5rem;
  border-radius: calc(var(--border-radius) - 4px);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .sidebar-dropdown-item .sidebar-dropdown-item-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 100%;
  font-size: 1.25rem;
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .sidebar-dropdown-item .sidebar-dropdown-item-text {
  font-size: 0.875rem;
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .sidebar-dropdown-item:hover {
  background-color: var(--brand-500);
  color: var(--gray-100);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .sidebar-dropdown-item:hover .sidebar-dropdown-item-icon {
  color: var(--gray-100);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .dropdown-separator {
  height: 1px;
  margin: 0.25rem -0.25rem;
  background-color: var(--gray-200);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .btn-sign-out {
  color: var(--red-500);
}
aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .btn-sign-out .sidebar-dropdown-item-icon {
  color: var(--red-500);
}
aside#sidebar .sidebar-item {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.3rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
}
aside#sidebar .sidebar-item .item-icon {
  display: grid;
  place-items: center;
  min-width: 2rem;
  height: 100%;
  padding-left: 5px;
  font-size: 1.25rem;
}
aside#sidebar .sidebar-item .item-text {
  display: grid;
  place-items: center left;
  width: 100%;
  height: 100%;
  padding-right: 0.75rem;
  font-weight: 500;
  opacity: 0;
  transition: opacity 300ms ease;
}
aside#sidebar .sidebar-item:hover {
  background-color: var(--gray-200);
}
aside#sidebar .sidebar-item.active {
  background-color: var(--green-500);
}
aside#sidebar .sidebar-item.active .item-icon,
aside#sidebar .sidebar-item.active .item-text {
  color: var(--white);
}
aside#sidebar .accordion {
  user-select: none;
}
aside#sidebar .accordion .accordion-header .sidebar-item {
  position: relative;
  padding-right: 1.5rem;
}
aside#sidebar .accordion .accordion-header .sidebar-item::after {
  content: "";
  position: absolute;
  inset: 0 0 auto auto;
  width: 1.5rem;
  height: 2.3rem;
  margin-right: 5px;
  background-image: var(--select-bg-img);
  background-size: 16px 10px;
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
  opacity: 0;
  transform: rotate(-90deg);
  transition: transform 0.6s ease, opacity 200ms ease;
}
aside#sidebar .accordion .accordion-header .active {
  background-color: var(--gray-200);
}
aside#sidebar .accordion .accordion-header .active .item-icon {
  color: var(--text-primary);
}
aside#sidebar .accordion .accordion-header .active .item-text {
  color: var(--text-primary);
}
aside#sidebar .accordion .accordion-body .accordion-item {
  padding: 0.125rem 0;
  margin-left: 1.2rem;
}
aside#sidebar .accordion .accordion-body .accordion-item:first-child {
  padding-top: 0.25rem;
}
aside#sidebar .accordion .accordion-body .accordion-item:last-child {
  padding-bottom: 0.25rem;
}
aside#sidebar .accordion[open] .accordion-header .sidebar-item::after {
  transform: rotate(0);
}
aside#sidebar[open] .sidebar-content {
  width: var(--sidebar-width__open);
}
aside#sidebar[open] .sidebar-footer .sidebar-item {
  padding: 0.5rem;
  gap: 0.75rem;
}
aside#sidebar[open] .sidebar-footer .sidebar-item:hover {
  background-color: var(--gray-200);
}
aside#sidebar[open] .sidebar-footer .dropdown .dropdown-menu {
  left: calc(var(--sidebar-width__open) - 5px);
}
aside#sidebar[open] .item-text {
  opacity: 1;
}
aside#sidebar[open] .accordion-header .sidebar-item::after {
  opacity: 1;
}
aside#sidebar .sidebar-rail {
  position: relative;
  width: 1px;
  height: 100vh;
  background-color: var(--border-color);
}
aside#sidebar .sidebar-rail::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  width: 8px;
  height: 100vh;
}
aside#sidebar .sidebar-rail:hover {
  cursor: ew-resize;
}

[data-theme=dark] aside#sidebar .sidebar-content {
  background-color: var(--bg-secondary);
}
[data-theme=dark] aside#sidebar .sidebar-header .item-text {
  background-image: url("/assets/images/ectare-text-branco.png");
}
[data-theme=dark] aside#sidebar .sidebar-footer .sidebar-item .item-icon #user-image {
  color: var(--green-500);
}
[data-theme=dark] aside#sidebar .sidebar-footer .sidebar-item:hover {
  background-color: var(--gray-700);
}
[data-theme=dark] aside#sidebar .sidebar-footer .dropdown .sidebar-dropdown-content .dropdown-separator {
  background-color: var(--gray-700);
}
[data-theme=dark] aside#sidebar .sidebar-item .item-icon {
  color: var(--gray-50);
}
[data-theme=dark] aside#sidebar .sidebar-item:hover {
  background-color: var(--gray-700);
}
[data-theme=dark] aside#sidebar .accordion .accordion-header .active {
  background-color: var(--gray-700);
}

main {
  padding: 2rem;
  transition: margin 300ms ease;
}
main.h-full {
  height: 100dvh;
}
main section {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
main section .section-header {
  display: flex;
  justify-content: space-between;
}
main section .section-header .section-header-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

body:has(header#header) main {
  margin-top: var(--header-height);
}
body:has(header#header) main.h-full {
  height: calc(100dvh - var(--header-height));
}
body:has(aside#sidebar) main {
  margin-left: var(--sidebar-width);
}
body:has(aside#sidebar[open]) main {
  margin-left: var(--sidebar-width__open);
}

#empresas-container {
  width: 70%;
}
#empresas-container .card-empresas {
  position: relative;
  cursor: pointer;
  height: 100%;
}
#empresas-container .card-empresas:hover {
  border-color: var(--border-color-brand);
}
#empresas-container .card-empresas:hover .card-settings {
  display: flex;
}
#empresas-container .card-empresas:hover .card-content .card-header .icon-badge {
  background-color: var(--bg-brand-trans_hover);
}
#empresas-container .card-empresas .card-content {
  user-select: none;
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}
#empresas-container .card-empresas .card-content .card-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#empresas-container .card-empresas .card-content .card-header .icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius);
  color: var(--text-brand-secondary);
  background-color: var(--bg-brand-trans);
}
#empresas-container .card-empresas .card-content .card-header .icon-badge i {
  font-size: 1.5rem;
}
#empresas-container .card-empresas .card-content h1.title {
  font-size: 1.1rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#empresas-container .card-empresas .card-content h2.subtitle {
  font-size: 0.75rem;
}
#empresas-container .card-empresas .card-settings {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--border-radius-md);
  color: var(--text-brand-secondary);
}
#empresas-container .card-empresas .card-settings:hover {
  background-color: var(--bg-brand);
}
#empresas-container .card-empresas.nova-empresa {
  border-style: dashed;
}
#empresas-container .card-empresas.nova-empresa .card-header .icon-badge {
  color: var(--gray-500);
  background-color: var(--bg-tertiary);
}
#empresas-container .card-empresas.nova-empresa h1.title,
#empresas-container .card-empresas.nova-empresa h2.subtitle {
  color: var(--gray-500);
}

[data-theme=dark] #empresas-container .card.card-empresas {
  background-color: var(--bg-secondary);
}
[data-theme=dark] #empresas-container .card.card-empresas:hover .card-content .card-header .icon-badge {
  background-color: rgba(0, 168, 129, 0.2);
}
[data-theme=dark] #empresas-container .card.card-empresas .card-content .card-header .icon-badge {
  background-color: rgba(0, 168, 129, 0.1);
  color: var(--green-500);
}
[data-theme=dark] #empresas-container .card.card-empresas.nova-empresa .card-header .icon-badge {
  background-color: var(--gray-700);
  color: var(--gray-400);
}
[data-theme=dark] #empresas-container .card.card-empresas.nova-empresa h1.title,
[data-theme=dark] #empresas-container .card.card-empresas.nova-empresa h2.subtitle {
  color: var(--gray-400);
}

/* ================================================== */
/* HOMEPAGE */
#homepage .message {
  min-height: 50vh;
}
#homepage .message .title {
  font-size: 1.5rem;
}
#homepage .message .description {
  color: var(--text-tertiary);
}

/* ================================================== */
.form-error {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  margin-top: 0.375rem;
  color: var(--text-error);
  font-size: 0.875rem;
}
.form-error i {
  font-size: 1rem;
}

.container,
.form-container,
.table-container {
  padding: 1rem;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
  background-color: var(--bg-primary);
}
.container .container-header,
.container .table-container-header,
.form-container .container-header,
.form-container .table-container-header,
.table-container .container-header,
.table-container .table-container-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.container .container-header h1.title,
.container .table-container-header h1.title,
.form-container .container-header h1.title,
.form-container .table-container-header h1.title,
.table-container .container-header h1.title,
.table-container .table-container-header h1.title {
  font-size: 1.125rem;
}
.container .container-header h2.subtitle,
.container .table-container-header h2.subtitle,
.form-container .container-header h2.subtitle,
.form-container .table-container-header h2.subtitle,
.table-container .container-header h2.subtitle,
.table-container .table-container-header h2.subtitle {
  font-size: 1rem;
}
.container .container-footer,
.container .form-container-footer,
.form-container .container-footer,
.form-container .form-container-footer,
.table-container .container-footer,
.table-container .form-container-footer {
  display: flex;
  justify-content: end;
  margin-top: 1rem;
}
.container .container-loader,
.form-container .container-loader,
.table-container .container-loader {
  display: grid;
  place-items: center;
  padding: 2rem;
}
.container .container-loader .ph-spinner,
.form-container .container-loader .ph-spinner,
.table-container .container-loader .ph-spinner {
  font-size: 3rem;
  animation: spinner 2s ease-in-out infinite;
}

[data-theme=dark] .container,
[data-theme=dark] .form-container,
[data-theme=dark] .table-container {
  background-color: var(--bg-secondary);
}

span.campos-obrigatorios {
  font-size: 1rem;
}
span.campos-obrigatorios::after {
  content: " *";
  color: var(--text-error);
}
span.campos-obrigatorios::before {
  content: "Campos obrigatórios";
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100dvh;
  background-color: var(--bg-secondary);
  transition: width 300ms ease, left 300ms ease;
}
#loader .ph-spinner {
  font-size: 3rem;
  animation: spinner 2s ease-in-out infinite;
}

[data-theme=dark] #loader {
  background-color: var(--bg-primary);
}

#result-form-taxa {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
#result-form-taxa label {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  font-weight: 400;
}

.limite-container h2.subtitle {
  font-size: 0.75rem;
}
.limite-container h1.title {
  font-size: 1.125rem;
}

.progress {
  overflow: hidden;
  width: 100%;
  height: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--bg-quaternary);
}
.progress .progress-bar {
  width: 0%;
  height: 100%;
  background-color: var(--bg-brand-solid);
}

.tipo-parcela {
  width: 100%;
  padding: 0.75rem;
  border: var(--border-secondary);
  border-radius: var(--border-radius-md);
}
.tipo-parcela h1.title {
  font-size: 0.875rem;
}
.tipo-parcela h2.subtitle {
  font-size: 0.75rem;
}
.tipo-parcela input[type=radio] {
  display: none;
}
.tipo-parcela:hover {
  background-color: var(--gray-hover);
}
.tipo-parcela:has(:checked) {
  border-color: var(--border-color-brand);
}

#container-contexto-financeiro .container-header i.ph-trend-down,
#container-impacto-financeiro .container-header i.ph-trend-down {
  color: var(--text-success);
}
#container-contexto-financeiro .container-header h1.title,
#container-impacto-financeiro .container-header h1.title {
  font-size: 1rem;
}

#container-contexto-financeiro .container-body label {
  color: var(--text-tertiary);
  font-weight: 400;
}

#container-impacto-financeiro #resumo-impacto-financeiro {
  color: var(--brand-600);
}
#container-impacto-financeiro .progress {
  height: 0.75rem;
}
#container-impacto-financeiro h2.subtitle {
  font-size: 0.875rem;
}
#container-impacto-financeiro .badge {
  display: none;
}
#container-impacto-financeiro {
  border-color: var(--bg-brand-solid);
}
#container-impacto-financeiro.invalid {
  border-color: var(--border-color-error);
}
#container-impacto-financeiro.invalid #resumo-impacto-financeiro {
  color: var(--text-error);
}
#container-impacto-financeiro.invalid .progress-bar {
  background-color: var(--text-error);
}
#container-impacto-financeiro.invalid .badge {
  display: block;
}

.card-garantias {
  user-select: none;
  display: flex;
  gap: 0.75rem;
  height: 100%;
  margin: 0;
}
.card-garantias .card-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.card-garantias .card-content i.ph-warning {
  font-size: 1.25rem;
  color: var(--badge-text-warning);
}
.card-garantias .card-content h1.title {
  font-size: 1rem;
}
.card-garantias .card-content h2.subtitle {
  font-size: 1rem;
}
.card-garantias:hover {
  background-color: var(--gray-hover) !important;
}
.card-garantias:has([type=checkbox]:checked) {
  border-color: var(--border-color-brand);
}
.card-garantias:has([type=checkbox]:checked):has(i.ph-warning) {
  border-color: var(--badge-border-color-warning-solid);
}
.card-garantias:has([type=checkbox]:disabled) {
  background-color: var(--bg-disabled);
}
.card-garantias:has([type=checkbox]:disabled) h1.title,
.card-garantias:has([type=checkbox]:disabled) h2.subtitle {
  color: var(--text-disabled);
}

[data-theme=dark] .card-garantias {
  background-color: var(--bg-secondary);
}

#stepper {
  display: flex;
  margin-bottom: 1rem;
}
#stepper .step {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#stepper .step .circle {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--bg-quaternary);
  border-radius: 50%;
  color: var(--text-quaternary);
  font-weight: 500;
}
#stepper .step h1.title {
  font-size: 1rem;
  color: var(--text-quaternary);
}
#stepper .step .line {
  position: absolute;
  top: calc(1rem - 1px);
  right: 0;
  width: calc(100% - 2rem - 0.75rem);
  height: 2px;
  background-color: var(--bg-quaternary);
}
#stepper .step:last-child {
  width: fit-content;
}
#stepper .step:last-child .line {
  display: none;
}
#stepper .step.active .circle {
  color: var(--brand-600);
  border-color: var(--brand-600);
}
#stepper .step.active h1.title {
  color: var(--text-primary);
}
#stepper .step.complete .circle {
  border-color: transparent;
  color: var(--white);
  background-color: var(--brand-600);
}
#stepper .step.complete h1.title {
  color: var(--text-primary);
}
#stepper .step.complete .line {
  background-color: var(--brand-600);
}

#alert-container {
  z-index: 1300;
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 0.25rem;
  max-width: 25%;
}
#alert-container .alert {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  border: var(--border);
  border-radius: var(--border-radius-xl);
  animation: alert-fade 5s linear;
}
#alert-container .alert i {
  font-size: 1.25rem;
}
#alert-container .alert.alert-success {
  color: var(--badge-text-success);
  border-color: var(--badge-border-color-success);
  background-color: var(--badge-bg-success);
}
#alert-container .alert.alert-warning {
  color: var(--badge-text-warning);
  border-color: var(--badge-border-color-warning);
  background-color: var(--badge-bg-warning);
}
#alert-container .alert.alert-danger {
  color: var(--badge-text-danger);
  border-color: var(--badge-border-color-danger);
  background-color: var(--badge-bg-danger);
}

@keyframes alert-fade {
  90% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}
#container-signatarios {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#container-signatarios .grupo-signatarios {
  display: flex;
  gap: 2rem;
}
#container-signatarios .grupo-signatarios .grupo-signatarios-header {
  display: flex;
  align-items: center;
  width: 5rem;
}
#container-signatarios .grupo-signatarios .grupo-signatarios-header h1.title {
  font-size: 1.125rem;
  font-weight: 400;
  text-wrap: nowrap;
}
#container-signatarios .grupo-signatarios .grupo-signatarios-body {
  width: 100%;
  min-height: 3rem;
  display: flex;
  flex-direction: column;
}
#container-signatarios .grupo-signatarios .grupo-signatarios-body:not(:has(*)) {
  background-color: var(--bg-tertiary);
}
#container-signatarios .signatario-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3rem;
  padding: 0.5rem;
  border: var(--border);
  border-left: 3px solid var(--brand-600);
}
#container-signatarios .signatario-item:not(:first-child) {
  border-top: none;
}
#container-signatarios .signatario-item.dragging {
  border-top: var(--border);
}
#container-signatarios .signatario-item .ph-dots-six-vertical {
  display: grid;
  place-items: center;
  width: 2rem;
  font-size: 2rem;
}
#container-signatarios .signatario-item:has(.ph-dots-six-vertical) {
  cursor: grab;
}
#container-signatarios .signatario-item:not(:has(.ph-dots-six-vertical)) {
  padding-left: 3.5rem;
}
#container-signatarios .signatario-item .ph-user {
  color: var(--brand-600);
  font-size: 1.25rem;
}
#container-signatarios .signatario-item .signatario-name {
  font-weight: 600;
}
#container-signatarios .signatario-item .signatario-type {
  color: var(--text-tertiary);
}
#container-signatarios .signatario-item .ph-trash-simple {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  border-radius: var(--border-radius);
  font-size: 1rem;
}
#container-signatarios .signatario-item .ph-trash-simple:hover {
  cursor: pointer;
  background-color: var(--gray-hover);
  color: var(--text-error);
}

.container-anexos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.container-anexos .anexos-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: var(--border);
  border-radius: var(--border-radius);
}
.container-anexos .anexos-item .anexos-icon {
  font-size: 1.5rem;
}
.container-anexos .anexos-item .anexos-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.container-anexos .anexos-item .anexos-info h1.title {
  font-size: 1rem;
}
.container-anexos .anexos-item .anexos-info h2.subtitle {
  font-size: 0.75rem;
}
.container-anexos .anexos-item .anexos-actions {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}

.empty-container {
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem 0;
  border: 1px dashed var(--border-color);
  border-radius: var(--border-radius-xxl);
}
.empty-container .icon-wrapper {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: var(--badge-text-success);
  background-color: var(--badge-bg-success);
}
.empty-container i {
  font-size: 2rem;
}
.empty-container h1.title {
  font-size: 1.125rem;
}
.empty-container h2.subtitle {
  font-size: 1rem;
}
.empty-container h2.subtitle i {
  font-size: 1rem;
}

.card-parcelas {
  display: grid;
  place-items: center;
  height: 100%;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-secondary);
}
.card-parcelas h2.subtitle {
  font-size: 0.875rem;
}
.card-parcelas h1.title {
  font-size: 1rem;
}
.card-parcelas.card-parcelas-success {
  background-color: var(--badge-bg-success) !important;
}
.card-parcelas.card-parcelas-success h1.title {
  color: var(--badge-text-success);
}

[data-theme=dark] .card-parcelas {
  background-color: var(--bg-tertiary);
}

.pagination-container {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.pagination-info {
  font-size: 14px;
  color: var(--text-tertiary);
}
.pagination-info strong {
  color: var(--text-primary);
}

.pagination {
  display: flex;
  gap: 0.25rem;
  font-size: 12px;
}
.pagination .pagination-item {
  all: unset;
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--border-radius);
}
.pagination .pagination-item:hover {
  background-color: var(--gray-hover);
}
.pagination .pagination-item.active {
  background-color: var(--gray-hover);
}
.pagination .pagination-item:disabled {
  cursor: default;
  color: var(--text-disabled);
  background-color: transparent;
}

#tableTomadores td {
  height: 3rem;
}

#container-taxa-limite-global {
  margin-top: 0.375rem;
  border-color: var(--badge-border-color-success);
  background-color: var(--badge-bg-success);
}
#container-taxa-limite-global .container-header {
  overflow: hidden;
}
#container-taxa-limite-global .container-header i.ph-trend-up {
  color: var(--brand-600);
}
#container-taxa-limite-global .container-header h1.title {
  font-size: 1rem;
  text-wrap: nowrap;
}
#container-taxa-limite-global .container-body {
  font-size: 0.875rem;
}
#container-taxa-limite-global .container-body i {
  color: var(--text-tertiary);
  font-size: 1rem;
}

.modal .container {
  padding: 0;
  border: none;
}

#fundos-produtor {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.visualizar-cprf-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 14px;
}
.visualizar-cprf-container h1.title {
  margin-bottom: 0.25rem;
  color: var(--text-tertiary);
  font-size: 1em;
  text-transform: uppercase;
}
.visualizar-cprf-container .ph-check {
  color: var(--brand-600);
}
.visualizar-cprf-container #container-valores-visualizar {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 0.25rem 0;
  margin-top: 0.25rem;
}
.visualizar-cprf-container #container-valores-visualizar hr {
  margin: 0.25rem 0;
}
.visualizar-cprf-container #container-valores-visualizar #nominal-visualizar {
  color: var(--brand-600);
}
.visualizar-cprf-container #container-valores-visualizar > :nth-child(odd) {
  padding-right: 1.5rem;
}
.visualizar-cprf-container #container-valores-visualizar > :nth-child(even) {
  padding-left: 1.5rem;
  text-align: end;
}
.visualizar-cprf-container #container-garantias-visualizar {
  display: flex;
  gap: 0.5rem;
}
.visualizar-cprf-container #container-signatarios-visualizar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#georreferenciamento-tab-pane.show {
  display: flex !important;
  flex-direction: column;
  gap: 0.5rem;
}
#georreferenciamento-tab-pane .georref-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-brand);
  font-size: 0.8125rem;
  color: var(--text-brand-secondary);
}
#georreferenciamento-tab-pane .georref-alert i {
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.0625rem;
}
#georreferenciamento-tab-pane .georref-layout {
  display: flex;
  gap: 0.75rem;
  padding-top: 0.5rem;
}
#georreferenciamento-tab-pane .georref-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
#georreferenciamento-tab-pane .georref-map-wrapper {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 35rem;
  border-radius: var(--border-radius-xxl);
  overflow: hidden;
  border: var(--border);
}
#georreferenciamento-tab-pane .georref-map-wrapper #georref-map {
  width: 100%;
  height: 100%;
  min-height: 340px;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-map-controls {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  font-size: 0.75rem;
  color: #fff;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend .georref-legend-title {
  font-weight: 600;
  margin-bottom: 0.125rem;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend .georref-legend-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend .georref-legend-color {
  display: inline-block;
  width: 16px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend .georref-legend-color.georref-legend-propriedade {
  background-color: rgba(59, 130, 246, 0.4);
  border: 2px solid #3b82f6;
}
#georreferenciamento-tab-pane .georref-map-wrapper .georref-legend .georref-legend-color.georref-legend-talhao {
  background-color: rgba(234, 179, 8, 0.4);
  border: 2px solid #ca8a04;
}
#georreferenciamento-tab-pane .georref-ctrl-btn {
  background-color: rgba(255, 255, 255, 0.92);
}
#georreferenciamento-tab-pane .georref-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex-shrink: 0;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
#georreferenciamento-tab-pane .georref-sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 21.5rem;
  overflow-y: auto;
  padding: 0.75rem;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
  background-color: var(--bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#georreferenciamento-tab-pane .georref-sidebar-header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
}
#georreferenciamento-tab-pane .georref-sidebar-header i {
  font-size: 1rem;
  color: var(--text-tertiary);
}
#georreferenciamento-tab-pane .georref-talhoes-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  height: 14rem;
  overflow-y: auto;
}
#georreferenciamento-tab-pane .georref-talhao-card {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background-color: var(--bg-primary);
  margin-bottom: 5px;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
}
#georreferenciamento-tab-pane .georref-talhao-card-status {
  background-color: transparent;
  border: var(--border);
  color: var(--text-primary);
  font-weight: normal;
  font-size: 0.75rem;
  border-radius: 12px;
  padding: 2px 8px;
}
#georreferenciamento-tab-pane .georref-talhao-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  border: var(--border);
}
#georreferenciamento-tab-pane .georref-talhao-item .georref-talhao-name {
  font-size: 0.8125rem;
  font-weight: 600;
}
#georreferenciamento-tab-pane .georref-talhao-item .georref-talhao-cultura {
  font-size: 0.75rem;
  color: var(--text-brand-secondary);
}
#georreferenciamento-tab-pane .georref-talhao-item .georref-talhao-area {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--badge-text-warning);
}
#georreferenciamento-tab-pane .georref-talhao-item .georref-talhao-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--badge-bg-success);
  color: var(--badge-text-success);
  border: 1px solid var(--badge-border-color-success);
  width: fit-content;
}
#georreferenciamento-tab-pane .georref-talhao-item .georref-talhao-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#georreferenciamento-tab-pane .georref-talhao-empty,
#georreferenciamento-tab-pane .georref-preservacao-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem 0;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  text-align: center;
}
#georreferenciamento-tab-pane .georref-talhao-empty i,
#georreferenciamento-tab-pane .georref-preservacao-empty i {
  font-size: 1.5rem;
}
#georreferenciamento-tab-pane .georref-stats-table {
  display: flex;
  flex-direction: column;
  border-top: var(--border);
  margin-top: 0.25rem;
  padding-top: 0.375rem;
}
#georreferenciamento-tab-pane .georref-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}
#georreferenciamento-tab-pane .georref-stat-row:not(:last-child) {
  border-bottom: var(--border);
}
#georreferenciamento-tab-pane .georref-stat-label {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}
#georreferenciamento-tab-pane .georref-stat-value {
  font-size: 0.8125rem;
  font-weight: 600;
}
#georreferenciamento-tab-pane .georref-footer {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  height: 6rem;
  overflow: hidden;
}
#georreferenciamento-tab-pane .georref-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  height: 4rem;
  flex: 1;
  padding: 0.75rem;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
#georreferenciamento-tab-pane .georref-metric i {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  margin-bottom: 0.0625rem;
}
#georreferenciamento-tab-pane .georref-metric .georref-metric-label {
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  font-weight: 400;
  padding-left: 0.4rem;
}
#georreferenciamento-tab-pane .georref-metric .georref-metric-value {
  font-size: 0.875rem;
  font-weight: 600;
}

[data-theme=dark] #georreferenciamento-tab-pane .georref-sidebar-section {
  background-color: var(--bg-secondary);
}
[data-theme=dark] #georreferenciamento-tab-pane .georref-ctrl-btn {
  background-color: rgba(30, 34, 42, 0.92);
  color: var(--text-primary);
}
[data-theme=dark] #georreferenciamento-tab-pane .georref-ctrl-btn:hover {
  background-color: rgb(40, 45, 56);
}
[data-theme=dark] #georreferenciamento-tab-pane .georref-ctrl-btn.georref-ctrl-danger {
  color: var(--text-error);
}
[data-theme=dark] #georreferenciamento-tab-pane .georref-ctrl-btn.georref-ctrl-danger:hover {
  background-color: rgba(85, 22, 12, 0.6);
}
[data-theme=dark] #georreferenciamento-tab-pane .georref-alert {
  background-color: var(--bg-primary);
  color: var(--text-brand-secondary);
}
[data-theme=dark].show {
  display: flex;
}
[data-theme=dark] .georref-alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-primary);
  font-size: 0.8125rem;
  color: var(--text-brand-secondary);
}
[data-theme=dark] .georref-alert i {
  font-size: 1rem;
  flex-shrink: 0;
}
[data-theme=dark] .georref-layout {
  display: flex;
  gap: 0.75rem;
  flex: 1;
  min-height: 0;
  height: 100%;
}
[data-theme=dark] .georref-map-wrapper {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 35rem;
  border-radius: var(--border-radius-xxl);
  overflow: hidden;
  border: var(--border);
}
[data-theme=dark] .georref-map-wrapper #georref-map {
  width: 100%;
  height: 100%;
  min-height: 340px;
}
[data-theme=dark] .georref-map-wrapper .georref-map-controls {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
[data-theme=dark] .georref-map-wrapper .georref-legend {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  font-size: 0.75rem;
  color: #fff;
}
[data-theme=dark] .georref-map-wrapper .georref-legend .georref-legend-title {
  font-weight: 600;
  margin-bottom: 0.125rem;
}
[data-theme=dark] .georref-map-wrapper .georref-legend .georref-legend-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
[data-theme=dark] .georref-map-wrapper .georref-legend .georref-legend-color {
  display: inline-block;
  width: 16px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}
[data-theme=dark] .georref-map-wrapper .georref-legend .georref-legend-color.georref-legend-propriedade {
  background-color: rgba(59, 130, 246, 0.5);
  border: 2px solid #3b82f6;
}
[data-theme=dark] .georref-map-wrapper .georref-legend .georref-legend-color.georref-legend-talhao {
  background-color: rgba(234, 179, 8, 0.5);
  border: 2px solid #ca8a04;
}
[data-theme=dark] .georref-ctrl-btn {
  background-color: rgba(255, 255, 255, 0.92);
}
[data-theme=dark] .georref-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex-shrink: 0;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
[data-theme=dark] .georref-sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 21.5rem;
  overflow-y: auto;
  padding: 0.75rem;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
  background-color: var(--bg-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .georref-sidebar-header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
}
[data-theme=dark] .georref-sidebar-header i {
  font-size: 1rem;
  color: var(--text-tertiary);
}
[data-theme=dark] .georref-talhoes-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  height: 14rem;
  overflow-y: auto;
}
[data-theme=dark] .georref-talhao-card {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background-color: var(--secondary-bg, #1f2937);
  margin-bottom: 5px;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
}
[data-theme=dark] .georref-talhao-card-status {
  background-color: transparent;
  border: var(--border);
  color: #e2e8f0;
  font-weight: normal;
  font-size: 0.75rem;
  border-radius: 12px;
  padding: 2px 8px;
}
[data-theme=dark] .georref-talhao-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  border: var(--border);
}
[data-theme=dark] .georref-talhao-item .georref-talhao-name {
  font-size: 0.8125rem;
  font-weight: 600;
}
[data-theme=dark] .georref-talhao-item .georref-talhao-cultura {
  font-size: 0.75rem;
  color: var(--text-brand-secondary);
}
[data-theme=dark] .georref-talhao-item .georref-talhao-area {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--badge-text-warning);
}
[data-theme=dark] .georref-talhao-item .georref-talhao-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  border-radius: var(--border-radius-sm);
  background-color: var(--badge-bg-success);
  color: var(--badge-text-success);
  border: 1px solid var(--badge-border-color-success);
  width: fit-content;
}
[data-theme=dark] .georref-talhao-item .georref-talhao-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-theme=dark] .georref-talhao-empty,
[data-theme=dark] .georref-preservacao-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 1rem 0;
  color: var(--text-tertiary);
  font-size: 0.75rem;
  text-align: center;
}
[data-theme=dark] .georref-talhao-empty i,
[data-theme=dark] .georref-preservacao-empty i {
  font-size: 1.5rem;
}
[data-theme=dark] .georref-stats-table {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: var(--border);
  margin-top: 0.25rem;
  padding-top: 0.5rem;
}
[data-theme=dark] .georref-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
}
[data-theme=dark] .georref-stat-row:not(:last-child) {
  border-bottom: var(--border);
}
[data-theme=dark] .georref-stat-label {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}
[data-theme=dark] .georref-stat-value {
  font-size: 0.8125rem;
  font-weight: 600;
}
[data-theme=dark] .georref-footer {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  height: 6rem;
  overflow: hidden;
}
[data-theme=dark] .georref-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  height: 4rem;
  flex: 1;
  padding: 0.75rem;
  border: var(--border);
  border-radius: var(--border-radius-xxl);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .georref-metric i {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  margin-bottom: 0.125rem;
}
[data-theme=dark] .georref-metric .georref-metric-label {
  font-size: 0.6875rem;
  color: var(--text-tertiary);
  font-weight: 400;
  padding-left: 0.4rem;
}
[data-theme=dark] .georref-metric .georref-metric-value {
  font-size: 0.875rem;
  font-weight: 600;
}

#formTalhoes .talhao-info {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-brand);
  border: var(--border);
  font-size: 0.8125rem;
  color: var(--text-brand-secondary);
}
#formTalhoes .talhao-info .d-flex {
  align-items: center;
  gap: 0.375rem;
}
#formTalhoes .talhao-info .d-flex i {
  font-size: 1rem;
  flex-shrink: 0;
}
#formTalhoes .talhao-info span {
  line-height: 1.4;
}
#formTalhoes .talhao-info #txtInfoTalhao {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-left: 1.5rem;
}
#formTalhoes .georref-map-wrapper {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 35rem;
  border-radius: var(--border-radius-xxl);
  overflow: hidden;
  border: var(--border);
}
#formTalhoes .georref-map-wrapper #talhao-map {
  width: 100%;
  height: 100%;
  z-index: 1;
}
#formTalhoes #btnMinhaLocalizacaoTalhao {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-secondary);
  border: var(--border);
  color: var(--text-primary);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
#formTalhoes #btnMinhaLocalizacaoTalhao:hover {
  background-color: var(--bg-primary);
}
#formTalhoes #btnMinhaLocalizacaoTalhao i {
  font-size: 1.125rem;
  color: var(--text-tertiary);
}
#formTalhoes .talhao-legenda-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#formTalhoes .talhao-legenda-item .talhao-legenda-color {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
#formTalhoes .talhao-legenda-item .talhao-legenda-color.talhao-atual {
  border: 2px solid rgb(34, 197, 94);
  background-color: rgba(34, 197, 94, 0.3);
}
#formTalhoes .talhao-legenda-item .talhao-legenda-color.limite-propriedade {
  border: 2px dashed #3b82f6;
  background-color: rgba(59, 130, 246, 0.3);
}
#formTalhoes .talhao-legenda-item .talhao-legenda-color.outros-talhoes {
  border: 2px solid #eab308;
  background-color: rgba(234, 179, 8, 0.3);
}
#formTalhoes .talhao-legenda-item .talhao-legenda-text {
  font-size: 0.8125rem;
}
#formTalhoes .talhao-metric-card {
  padding: 0.75rem;
  width: 100%;
  background-color: var(--bg-secondary);
  border-radius: var(--border-radius-md);
}
#formTalhoes .talhao-metric-card .talhao-metric-label {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
#formTalhoes .talhao-metric-card .talhao-metric-input-area-manual {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#formTalhoes .talhao-metric-card .talhao-metric-value-container {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
#formTalhoes .talhao-metric-card .talhao-metric-value-container .talhao-metric-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
}
#formTalhoes .talhao-metric-card .talhao-metric-value-container .talhao-metric-unit {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}

[data-theme=dark] #formTalhoes .talhao-info {
  background-color: #0B4A6F;
  border-color: #175CD3;
  color: #84CAFF;
}
[data-theme=dark] #formTalhoes #btnMinhaLocalizacaoTalhao {
  background-color: var(--bg-primary);
}
[data-theme=dark] #formTalhoes #btnMinhaLocalizacaoTalhao:hover {
  background-color: var(--bg-secondary);
}

#modulos-produto {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.produto-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem;
  border: var(--border);
}
.produto-item .produto-item-header {
  display: flex;
  justify-content: space-between;
}
.produto-item .produto-item-header h1.title {
  font-size: 1rem;
}
.produto-item .produto-item-description {
  color: var(--text-tertiary);
  font-size: 0.875rem;
}
.produto-item .produto-item-req {
  display: grid;
  place-items: center;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius);
  background-color: var(--bg-primary);
}

.nav-body {
  background-color: var(--bg-secondary);
  border-radius: var(--border-radius-xxl);
  padding: 1.25rem;
  border: var(--border);
}