/* =========================================================
   ATAS — layout específico
   ========================================================= */
.minutes-page {
  background: #f4faff;
  color: #17345d;
}


.minutes-content {
  padding: 28px 0 68px;
  background: #f4faff;
}

.minutes-container {
  width: min(100% - 44px, 1280px);
  max-width: 1280px;
}

.minutes-filters {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(240px,310px);
  align-items: center;
  gap: 22px 15px;
  margin-bottom: 21px;
  padding: 16px 16px;
  border: 1px solid rgba(13,79,141,.08);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(24,59,90,.08);
}

.minutes-search {
  position: relative;
  display: block;
  min-width: 0;
}

.minutes-search svg {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #173f6e;
  stroke-width: 1.8;
  stroke-linecap: round;
  transform: translateY(-50%);
  pointer-events: none;
}

.minutes-search input,
.minutes-year-filter select {
  width: 100%;
  min-height: 46px;
  border: 1px solid #c8d8e7;
  border-radius: 9px;
  background: #fff;
  color: #183b61;
  font: 500 .93rem "Montserrat",sans-serif;
  outline: none;
}

.minutes-search input {
  padding: 10px 16px 10px 45px;
}

.minutes-search input::placeholder {
  color: #8191a5;
  opacity: 1;
}

.minutes-search input:focus,
.minutes-year-filter select:focus {
  border-color: #4d93c5;
  box-shadow: 0 0 0 3px rgba(49,132,190,.12);
}

.minutes-year-filter {
  grid-column: 2 / 4;
  display: grid;
  grid-template-columns: auto minmax(240px,310px);
  align-items: center;
  gap: 13px;
}

.minutes-year-filter label {
  color: #17345d;
  font: 800 .9rem "Montserrat",sans-serif;
}

.minutes-year-filter select {
  padding: 9px 37px 9px 14px;
}

.minutes-years {
  display: grid;
  gap: 13px;
}

.minutes-year {
  overflow: hidden;
  border: 1px solid #dbe6ee;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(24,59,90,.06);
}

.minutes-year[hidden] {
  display: none !important;
}

.minutes-year-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  min-height: 68px;
  padding: 13px 19px;
  border: 0;
  background: transparent;
  color: #123b6a;
  text-align: left;
  cursor: pointer;
}

.minutes-year-toggle:focus-visible {
  outline: 3px solid rgba(24,115,177,.25);
  outline-offset: -3px;
}

.minutes-year-heading {
  display: flex;
  align-items: center;
  gap: 17px;
}

.minutes-year-heading > svg {
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  fill: none;
  stroke: #0d4f8d;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.minutes-year-heading > span {
  display: grid;
  gap: 3px;
}

.minutes-year-heading strong {
  font: 800 1.42rem/1 "Montserrat",sans-serif;
}

.minutes-year-heading small {
  color: #607796;
  font: 700 .75rem/1.25 "Montserrat",sans-serif;
}

.minutes-chevron {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #0d4f8d;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .18s ease;
}

.minutes-year-toggle[aria-expanded="true"] .minutes-chevron {
  transform: rotate(180deg);
}

.minutes-year-panel {
  padding: 0 13px 14px;
}

.minutes-year-panel[hidden] {
  display: none !important;
}

.minutes-table-wrap {
  overflow: hidden;
  border: 1px solid #d8e4ec;
  border-radius: 9px;
}

.minutes-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

.minutes-table th {
  padding: 12px 16px;
  background: #eef4f8;
  color: #243241;
  font: 800 .76rem/1.25 "Montserrat",sans-serif;
  text-align: left;
}

.minutes-table th:nth-child(1) { width: 36%; }
.minutes-table th:nth-child(2) { width: 22%; }
.minutes-table th:nth-child(3) { width: 26%; }
.minutes-table th:nth-child(4) { width: 16%; text-align: center; }

.minutes-table td {
  padding: 11px 16px;
  border-top: 1px solid #e0e8ee;
  color: #294969;
  vertical-align: middle;
  font-size: .85rem;
}

.minutes-table td:last-child {
  text-align: center;
}

.minutes-table tr[hidden] {
  display: none;
}

.minutes-document {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #143f71;
  text-decoration: none;
}

.minutes-document:hover strong {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.minutes-document strong {
  font: 800 .9rem/1.35 "Montserrat",sans-serif;
}

.minutes-pdf-icon {
  position: relative;
  display: grid;
  place-items: end center;
  flex: 0 0 auto;
  width: 30px;
  height: 34px;
  padding-bottom: 5px;
  border: 1.7px solid #ff2538;
  border-radius: 2px;
  color: #ff2538;
  background: #fff;
  font: 800 .46rem/1 "Montserrat",sans-serif;
}

.minutes-pdf-icon::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  border-bottom: 1.7px solid #ff2538;
  border-left: 1.7px solid #ff2538;
  background: #fff;
  transform: skew(0deg);
}

.minutes-date {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.minutes-date svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: #234d77;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.minutes-badge {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 5px 12px;
  border-radius: 999px;
  font: 800 .68rem/1.15 "Montserrat",sans-serif;
  white-space: nowrap;
}

.minutes-badge--ordinaria {
  background: #d8eaff;
  color: #0d61ad;
}

.minutes-badge--extraordinaria {
  background: #dcefe0;
  color: #277241;
}

.minutes-badge--outra,
.minutes-badge--other {
  background: #edf0f3;
  color: #536678;
}

.minutes-meeting-empty {
  color: #8291a1;
}

.minutes-pdf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 113px;
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 5px;
  background: #075f3e;
  color: #fff;
  box-shadow: 0 4px 12px rgba(3,72,46,.18);
  font: 800 .76rem/1 "Montserrat",sans-serif;
  text-decoration: none;
  transition: transform .16s ease, background-color .16s ease;
}

.minutes-pdf-button:hover,
.minutes-pdf-button:focus-visible {
  background: #064d34;
  color: #fff;
  transform: translateY(-1px);
  outline: none;
}

.minutes-pdf-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(7,95,62,.18);
}

.minutes-pdf-button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.minutes-year-empty,
.minutes-global-empty,
.minutes-empty {
  margin: 16px 0 0;
  color: #64798c;
  text-align: center;
  font-weight: 650;
}

.minutes-global-empty {
  padding: 24px;
  border: 1px solid #dbe6ee;
  border-radius: 12px;
  background: #fff;
}

.minutes-info-grid {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 16px;
  margin-top: 19px;
}

.minutes-info-card {
  display: flex;
  align-items: center;
  gap: 17px;
  min-height: 101px;
  padding: 19px 18px;
  border: 1px solid;
  border-radius: 11px;
}

.minutes-info-card strong {
  display: block;
  margin-bottom: 6px;
  color: #123c6d;
  font: 800 .8rem/1.35 "Montserrat",sans-serif;
}

.minutes-info-card p {
  margin: 0;
  color: #55708e;
  font-size: .75rem;
  line-height: 1.45;
}

.minutes-info-card--pdf {
  border-color: #b8dcfb;
  background: #eaf5ff;
}

.minutes-info-card--help {
  border-color: #bfdfc5;
  background: #eef8ef;
}

.minutes-info-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1484cb;
  color: #fff;
  font: 800 1.2rem/1 "Montserrat",sans-serif;
}

.minutes-headset {
  flex: 0 0 auto;
  width: 39px;
  height: 39px;
  fill: none;
  stroke: #056345;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.minutes-help-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.minutes-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex: 0 0 auto;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #076040;
  border-radius: 6px;
  background: rgba(255,255,255,.55);
  color: #075d3e;
  font: 800 .7rem/1 "Montserrat",sans-serif;
  text-decoration: none;
}

.minutes-help-button:hover,
.minutes-help-button:focus-visible {
  background: #fff;
  color: #064c34;
  outline: none;
}

@media (max-width: 900px) {
  .minutes-container {
    width: min(100% - 28px, 1280px);
  }

  .minutes-filters {
    grid-template-columns: 1fr;
  }

  .minutes-year-filter {
    grid-column: auto;
    grid-template-columns: auto 1fr;
  }

  .minutes-table {
    table-layout: auto;
  }

  .minutes-table th:nth-child(n) {
    width: auto;
  }

  .minutes-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .minutes-content {
    padding-top: 18px;
  }

  .minutes-filters {
    padding: 13px;
  }

  .minutes-year-filter {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .minutes-year-toggle {
    min-height: 64px;
    padding-inline: 15px;
  }

  .minutes-year-panel {
    padding-inline: 10px;
  }

  .minutes-table-wrap {
    overflow: visible;
    border: 0;
  }

  .minutes-table,
  .minutes-table tbody {
    display: block;
  }

  .minutes-table thead {
    display: none;
  }

  .minutes-table tr {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid #dbe6ee;
    border-radius: 9px;
    background: #fff;
  }

  .minutes-table tr + tr {
    margin-top: 9px;
  }

  .minutes-table td {
    display: grid;
    grid-template-columns: minmax(92px, 34%) 1fr;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    text-align: left !important;
  }

  .minutes-table td::before {
    content: attr(data-label);
    color: #6a7c8d;
    font: 800 .67rem/1.2 "Montserrat",sans-serif;
  }

  .minutes-table td:first-child {
    grid-template-columns: 1fr;
  }

  .minutes-table td:first-child::before {
    display: none;
  }

  .minutes-pdf-button {
    justify-self: start;
  }

  .minutes-info-card {
    align-items: flex-start;
  }

  .minutes-info-card--help {
    flex-wrap: wrap;
  }

  .minutes-help-button {
    width: 100%;
  }
}


/* v0.21.1 — animações dos botões, aproximadas ao HTML de referência */
.minutes-pdf-button,
.minutes-help-button {
  position: relative;
  transition:
    transform .22s cubic-bezier(.2,.75,.25,1),
    background-color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}

.minutes-pdf-button:hover,
.minutes-pdf-button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(3,72,46,.24);
}

.minutes-pdf-button:active,
.minutes-help-button:active {
  transform: translateY(0) scale(.985);
}

.minutes-pdf-button svg {
  transition: transform .22s cubic-bezier(.2,.75,.25,1);
}

.minutes-pdf-button:hover svg,
.minutes-pdf-button:focus-visible svg {
  transform: translate(2px,-2px);
}

.minutes-help-button:hover,
.minutes-help-button:focus-visible {
  transform: translateY(-2px);
  border-color: #075d3e;
  background: #075d3e;
  color: #fff;
  box-shadow: 0 7px 17px rgba(7,93,62,.18);
}

.minutes-help-button > span[aria-hidden="true"] {
  display: inline-block;
  transition: transform .22s cubic-bezier(.2,.75,.25,1);
}

.minutes-help-button:hover > span[aria-hidden="true"],
.minutes-help-button:focus-visible > span[aria-hidden="true"] {
  transform: translateX(4px);
}

.minutes-year-toggle {
  transition: background-color .18s ease;
}

.minutes-year-toggle:hover {
  background: #fbfdff;
}

.minutes-year-toggle .minutes-chevron {
  transition:
    transform .22s cubic-bezier(.2,.75,.25,1),
    stroke .18s ease;
}

.minutes-year-toggle:hover .minutes-chevron {
  stroke: #0875bb;
}

.minutes-search svg {
  transition: transform .18s ease, stroke .18s ease;
}

.minutes-search:focus-within svg {
  stroke: #0875bb;
  transform: translateY(-50%) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .minutes-pdf-button,
  .minutes-help-button,
  .minutes-pdf-button svg,
  .minutes-help-button > span[aria-hidden="true"],
  .minutes-year-toggle,
  .minutes-year-toggle .minutes-chevron,
  .minutes-search svg {
    transition: none !important;
  }

  .minutes-pdf-button:hover,
  .minutes-pdf-button:focus-visible,
  .minutes-help-button:hover,
  .minutes-help-button:focus-visible,
  .minutes-pdf-button:active,
  .minutes-help-button:active {
    transform: none;
  }
}