﻿/* ===== OAA Quotas pages — UI partilhada (sem lógica de negócio) ===== */
/* Wrapper: .oaa-quotas-page em todas as secções Div_* das páginas do menu Quotas */

.oaa-quotas-page .card {
  border: 0;
  border-radius: 0.65rem;
  box-shadow: 0 6px 22px rgba(10, 10, 10, 0.07);
  overflow: hidden;
}

.oaa-quotas-page .card .card {
  box-shadow: none;
  border: 1px solid var(--oaa-border, #E8E8E6);
}

.oaa-quotas-page .card > .card-header {
  background: #fff;
  border-bottom: 2px solid var(--oaa-yellow, #FCDD06);
  font-weight: 600;
  color: var(--oaa-slate-dark, #0A0A0A);
}

.oaa-quotas-page .card.card-info > .card-header {
  background: #0A0A0A;
  color: #fff;
  border-bottom: 3px solid var(--oaa-yellow, #FCDD06);
  padding: 0.55rem 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.oaa-quotas-page .card.card-info > .card-header .card-title {
  color: #fff !important;
  font-weight: 600;
}

.oaa-quotas-page .card.card-info > .card-header .btn-tool {
  color: var(--oaa-yellow, #FCDD06);
}

.oaa-quotas-page .card-header .nav-tabs {
  border-bottom: 0;
}

.oaa-quotas-page .card-header .nav-tabs .nav-link {
  color: #fff;
  border: 0;
  font-weight: 600;
  background: transparent;
}

.oaa-quotas-page .card-header .nav-tabs .nav-link.active {
  color: var(--oaa-yellow, #FCDD06);
  border-bottom: 2px solid var(--oaa-yellow, #FCDD06);
}

.oaa-quotas-page label.small,
.oaa-quotas-page label.form-label {
  display: block;
  font-weight: 600;
  color: #39485B !important;
  margin-bottom: 0.2rem;
}

.oaa-quotas-page .input-group {
  flex-wrap: nowrap;
}

.oaa-quotas-page .input-group-prepend {
  display: flex;
}

/* Ícones de campo — claros (#FFF9D6 + #39485B), nunca pretos */
.oaa-quotas-page .input-group-prepend .input-group-text,
.oaa-quotas-page .input-group > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #FFF9D6 !important;
  border-color: var(--oaa-border, #E8E8E6);
  color: #39485B !important;
  min-width: 2.5rem;
  justify-content: center;
}

.oaa-quotas-page .input-group-prepend .input-group-text i,
.oaa-quotas-page .input-group > .input-group-text i {
  width: 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: #39485B !important;
}

.oaa-quotas-page .input-group > .form-control,
.oaa-quotas-page .input-group > .form-select {
  min-width: 0;
  flex: 1 1 auto;
}

/* Select2 — anti-duplicação de bordas */
.oaa-quotas-page .input-group > .select2-container {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
  max-width: 100%;
}

.oaa-quotas-page .input-group .select2-selection--single {
  height: calc(2.35rem + 2px) !important;
  min-height: calc(2.35rem + 2px) !important;
  border-color: var(--oaa-border, #E8E8E6);
  border-radius: 0 0.375rem 0.375rem 0 !important;
}

.oaa-quotas-page .input-group .select2-selection__rendered {
  line-height: calc(2.35rem + 2px) !important;
  padding-left: 0.75rem;
  font-size: 0.875rem;
}

.oaa-quotas-page .input-group .select2-selection__arrow {
  height: calc(2.35rem + 2px) !important;
}

.oaa-quotas-page .input-group > .select2-container ~ .select2-container {
  display: none !important;
}

.oaa-quotas-page .input-group > select:not(.select2-hidden-accessible) + .select2-container {
  display: none !important;
}

.oaa-quotas-page .oaa-js-error {
  display: block;
  width: 100%;
  margin-top: 0.2rem;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--oaa-danger, #DC3545);
}

.oaa-quotas-page .form-control.is-invalid,
.oaa-quotas-page .form-select.is-invalid {
  border-color: var(--oaa-danger, #DC3545);
}

.oaa-quotas-page .oaa-btn-with-icon {
  background-repeat: no-repeat;
  background-position: 0.6rem 50%;
  background-size: 0.85rem 0.85rem;
  padding-left: 1.95rem;
}

.oaa-quotas-page .oaa-btn-brand {
  background-color: var(--oaa-yellow, #FCDD06);
  border-color: #E3C705;
  color: #0A0A0A;
  font-weight: 600;
}

.oaa-quotas-page .oaa-btn-brand:hover,
.oaa-quotas-page .oaa-btn-brand:focus {
  background-color: #E3C705;
  border-color: #CBB204;
  color: #0A0A0A;
}

.oaa-quotas-page .oaa-i-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230A0A0A'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}

.oaa-quotas-page .oaa-i-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 288 480 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-370.7 0 105.4-105.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
}

.oaa-quotas-page .oaa-i-print {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230A0A0A'%3E%3Cpath d='M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM64 192c-35.3 0-64 28.7-64 64v112c0 8.8 7.2 16 16 16H80V320H48V256c0-8.8 7.2-16 16-16H448c8.8 0 16 7.2 16 16v64H432v64H496c8.8 0 16-7.2 16-16V256c0-35.3-28.7-64-64-64H64zM384 320v128c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V320H384zM192 352v96h128V352H192z'/%3E%3C/svg%3E");
}

.oaa-quotas-page .oaa-i-excel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23ffffff'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM155.7 250.2L192 302.1l36.3-51.9c7.6-10.9 22.6-13.5 33.4-5.9s13.5 22.6 5.9 33.4L221.3 320l46.4 66.2c7.6 10.9 5 25.8-5.9 33.4s-25.8 5-33.4-5.9L192 361.9l-36.3 51.9c-7.6 10.9-22.6 13.5-33.4 5.9s-13.5-22.6-5.9-33.4L162.7 320l-46.4-66.2c-7.6-10.9-5-25.8 5.9-33.4s25.8-5 33.4 5.9z'/%3E%3C/svg%3E");
}

.oaa-quotas-page .oaa-i-save {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V173.3c0-17-6.7-33.3-18.7-45.3L322.7 18.7C310.7 6.7 294.5 0 277.3 0H64zM336 352c0 8.8-7.2 16-16 16H128c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16H320c8.8 0 16 7.2 16 16V352z'/%3E%3C/svg%3E");
}

.oaa-quotas-page .btn-default {
  background: #fff;
  border: 1px solid var(--oaa-border, #E8E8E6);
  color: #0A0A0A;
}

.oaa-quotas-page .btn-default:hover {
  background: var(--oaa-yellow, #FCDD06);
  border-color: #E3C705;
  color: #0A0A0A;
}

.oaa-quotas-page .btn-xs {
  padding: 0.15rem 0.45rem;
  font-size: 0.78rem;
  border-radius: 0.35rem;
}

/* Grelha */
.oaa-quotas-page .oaa-grid-wrap {
  width: 100%;
  overflow: auto;
  max-height: 70vh;
}

.oaa-quotas-page .oaa-grid-wrap table.table {
  margin-bottom: 0;
  font-size: 0.84rem;
  border-collapse: separate;
  border-spacing: 0;
  --bs-table-bg: #fff;
  --bs-table-color: #212529;
  --bs-table-striped-color: #212529;
  background: #fff;
  color: #212529;
}

.oaa-quotas-page .oaa-grid-wrap table.table th {
  background: #0A0A0A;
  color: #fff;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid var(--oaa-yellow, #FCDD06);
  padding: 0.55rem 0.65rem;
  position: sticky;
  top: 0;
  z-index: 2;
  white-space: nowrap;
  vertical-align: middle;
}

.oaa-quotas-page .oaa-grid-wrap table.table th a {
  color: var(--oaa-yellow, #FCDD06);
  text-decoration: none;
}

.oaa-quotas-page .oaa-grid-wrap table.table td {
  vertical-align: middle;
  padding: 0.4rem 0.65rem;
  border-bottom: 1px solid #f0f0ee;
  background: #fff;
  color: #212529;
}

.oaa-quotas-page .oaa-grid-wrap table.table tbody td {
  color: #212529;
}

.oaa-quotas-page .oaa-grid-wrap table.table tbody tr {
  transition: background 0.15s ease;
}

.oaa-quotas-page .oaa-grid-wrap table.table > tbody > tr:hover > td {
  background: #FFFBEA !important;
}

.oaa-quotas-page .oaa-grid-wrap table.table.table-striped > tbody > tr:nth-of-type(odd) > td {
  --bs-table-bg-type: transparent;
  background: #fafafa;
}

.oaa-quotas-page .oaa-grid-wrap table.table.table-striped > tbody > tr:nth-of-type(odd):hover > td {
  background: #FFFBEA !important;
}

.oaa-quotas-page .oaa-grid-actions {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.28rem;
}

.oaa-quotas-page .oaa-grid-actions .btn {
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  line-height: 1;
}

.oaa-quotas-page .oaa-grid-actions .btn i {
  font-size: 0.78rem;
  margin: 0;
}

.oaa-quotas-page .oaa-grid-actions .btn-view:hover { background: #0A0A0A; border-color: #0A0A0A; color: #FCDD06; }
.oaa-quotas-page .oaa-grid-actions .btn-print:hover { background: #39485B; border-color: #39485B; color: #fff; }
.oaa-quotas-page .oaa-grid-actions .btn-edit:hover { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.oaa-quotas-page .oaa-grid-actions .btn-state:hover { background: #198754; border-color: #198754; color: #fff; }
.oaa-quotas-page .oaa-grid-actions .btn-docs:hover { background: #E3C705; border-color: #E3C705; color: #0A0A0A; }
.oaa-quotas-page .oaa-grid-actions .btn-pay:hover { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.oaa-quotas-page .oaa-grid-actions .btn-danger-action:hover { background: #A61B28; border-color: #A61B28; color: #fff; }

/* Badges BS4 do backend (Estilo*) — tornar visíveis no BS5 */
.oaa-quotas-page .oaa-grid-wrap .badge,
.oaa-quotas-page .badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 4.5rem;
  padding: 0.28rem 0.55rem !important;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  background: #F1F2F4;
  color: #5A6575 !important;
  border: 1px solid #DADFE5;
  width: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.oaa-quotas-page .badge.badge-success {
  background: #E8F8EF !important;
  color: #0F6B3C !important;
  border-color: #B7E5C9 !important;
}

.oaa-quotas-page .badge.badge-warning {
  background: #FFF4D6 !important;
  color: #8A6A00 !important;
  border-color: #F5D76E !important;
}

.oaa-quotas-page .badge.badge-danger {
  background: #FDE8EA !important;
  color: #A61B28 !important;
  border-color: #F1B4BA !important;
}

.oaa-quotas-page .badge.badge-secondary {
  background: #F1F2F4 !important;
  color: #5A6575 !important;
  border-color: #DADFE5 !important;
}

.oaa-quotas-page .badge.badge-info,
.oaa-quotas-page .badge.badge-primary {
  background: #E8F1FB !important;
  color: #1B4F9C !important;
  border-color: #B7D0F0 !important;
}

/* Tooltip OAA */
.tooltip.oaa-tooltip {
  --bs-tooltip-zindex: 1090;
  z-index: 1090 !important;
  opacity: 1 !important;
}

.tooltip.oaa-tooltip .tooltip-inner {
  max-width: 240px;
  background: #0A0A0A;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
  padding: 0.45rem 0.7rem;
  border-radius: 0.45rem;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(252, 221, 6, 0.35);
  border-bottom: 3px solid var(--oaa-yellow, #FCDD06);
  text-align: center;
}

.tooltip.oaa-tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.oaa-tooltip[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: #0A0A0A !important;
}

.tooltip.oaa-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.oaa-tooltip[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: #0A0A0A !important;
}

/* Paginação */
.oaa-quotas-page .bs-pagination td {
  padding: 0.4rem 0.5rem;
}

.oaa-quotas-page .bs-pagination a,
.oaa-quotas-page .bs-pagination span {
  display: inline-block;
  min-width: 1.8rem;
  padding: 0.2rem 0.5rem;
  margin: 0 0.12rem;
  border: 1px solid var(--oaa-border, #E8E8E6);
  border-radius: 0.35rem;
  text-align: center;
  color: #0A0A0A;
  text-decoration: none;
  font-size: 0.8rem;
  background: #fff;
}

.oaa-quotas-page .bs-pagination span {
  background: var(--oaa-yellow, #FCDD06);
  border-color: #E3C705;
  font-weight: 700;
}

.oaa-quotas-page .bs-pagination a:hover {
  background: #FFF9D6;
}

/* Detalhes (listas) */
.oaa-quotas-page .oaa-detalhes-card > .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.oaa-quotas-page .oaa-detalhes-list .list-group-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.84rem;
  padding: 0.55rem 0.85rem;
  border-color: #f0f0ee;
  background: #fff;
}

.oaa-quotas-page .oaa-detalhes-list .list-group-item .float-right {
  float: none !important;
  margin-left: auto;
  text-align: right;
  font-weight: 600;
  color: #0A0A0A;
  max-width: 58%;
  word-break: break-word;
}

.oaa-quotas-page .oaa-detalhes-ico {
  flex: 0 0 auto;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFF9D6;
  color: #39485B !important;
  font-size: 0.78rem;
}

.oaa-quotas-page .oaa-detalhes-label {
  color: #5a6575;
  font-weight: 500;
  white-space: nowrap;
}

.oaa-quotas-page div[align="center"] .btn {
  margin: 0.2rem 0.3rem;
  min-width: 9rem;
}

.oaa-quotas-page embed {
  max-width: 100%;
}

/* PDF / mobile extras already partially in oaa-adminlte4; page-specific stack */
.oaa-quotas-page .oaa-pdf-embed {
  width: 100%;
  max-width: 100%;
  min-height: 70vh;
  height: 800px;
  border: 0;
}

@media (max-width: 767.98px) {
  .oaa-quotas-page .oaa-pdf-embed {
    height: 70vh;
    min-height: 360px;
  }

  .oaa-quotas-page .oaa-ref-table .select2-container {
    max-width: 100%;
  }

  .oaa-quotas-page .oaa-ddl-meses-nativo,
  .oaa-quotas-page .oaa-ddl-nativo-mobile {
    max-width: 100%;
    min-height: 2.5rem;
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .oaa-quotas-page div[align="center"] .btn {
    width: 100%;
    margin: 0.2rem 0;
  }
}
