/* Expenditure page: small additions. Load after state-budget.css (shared filter/row styles). */
.expenditure-section .exp-unavailable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  padding: 8px 12px;
  border: 1px dashed var(--c3);
  border-radius: 4px;
  color: var(--rhythm);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  white-space: nowrap;
}
.doc-icon{
  margin-right: 1rem;
}


/* Scoped, so other pages that use .doc-icon are not affected */
.expenditure-section .doc-icon { margin-right: 1rem; }

/* Tablet / phone: stack each row as a small card */
@media (max-width: 991.5px) {
  .expenditure-section .tableheader { display: none !important; }

  .expenditure-section .announcementbox {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    column-gap: 12px;
    row-gap: 8px;
    align-items: center;
    padding: 16px;
  }
  .expenditure-section .announcementbox .doc-icon  { grid-column: 1;     grid-row: 1; margin-right: 0; }
  .expenditure-section .announcementbox .col-title { grid-column: 2 / 4; grid-row: 1; min-width: 0; }
  .expenditure-section .announcementbox .col-year  { grid-column: 2;     grid-row: 2; }
  .expenditure-section .announcementbox .col-type  { grid-column: 3;     grid-row: 2; justify-self: end; }
  .expenditure-section .announcementbox .col-act   { grid-column: 2 / 4; grid-row: 3; text-align: left; }
  .expenditure-section .col-type:empty { display: none; }

  .expenditure-section .col-act .download-btn,
  .expenditure-section .col-act .exp-unavailable { display: flex; width: 100%; }
}