/* Final attachment interaction contract. This loads after all historical
   table and glass layers so file controls never collapse in active views. */
.attachment-cell {
  display: grid;
  width: 112px;
  min-width: 112px;
  max-width: none;
  align-content: start;
  gap: 6px;
}

.attachment-add {
  display: inline-flex;
  min-width: 110px;
  min-height: 34px;
  visibility: visible;
  white-space: nowrap;
}

.attachment-add input[type="file"] {
  display: block;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  visibility: visible;
  opacity: 0;
}

#budgetLedger td:has(> .attachment-cell),
#departmentPurchaseLedger td:has(> .attachment-cell),
#regularPurchaseLedger td:has(> .attachment-cell),
.asset-license-ledger td:has(> .attachment-cell) {
  width: 132px;
  min-width: 132px;
}

#budgetLedger th:nth-child(6),
#regularPurchaseLedger th:nth-child(6),
.asset-license-ledger th:nth-child(6) {
  width: 132px !important;
}

#departmentPurchaseLedger th:nth-child(5) {
  width: 132px !important;
}

.asset-license-ledger {
  overflow-x: auto;
}

.asset-license-ledger table {
  min-width: 1068px;
}

/* Keep icon-only actions optically centered across legacy button variants. */
button.icon-btn,
button.icon-button,
.top-actions .icon-btn,
.row-actions .icon-btn,
.account-actions .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

button.icon-btn > svg,
button.icon-button > svg,
button.icon-btn > i,
button.icon-button > i {
  display: block;
  flex: 0 0 auto;
  margin: 0;
}

/* The batch action belongs to the same light-glass action group as the
   single-row action; outrank the historical solid-teal selector. */
#budgetView .budget-ledger-actions .purchase-batch-btn,
#departmentPurchasesView .budget-ledger-actions .purchase-batch-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  color: #08758a !important;
  background: rgba(27, 177, 200, .12) !important;
  border: 1px solid rgba(27, 177, 200, .34) !important;
  box-shadow: 0 6px 18px rgba(27, 177, 200, .12), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 0 rgba(8, 117, 138, .08) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1), background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
#budgetView .budget-ledger-actions .purchase-batch-btn:hover,
#departmentPurchasesView .budget-ledger-actions .purchase-batch-btn:hover {
  background: rgba(27, 177, 200, .20) !important;
  border-color: rgba(27, 177, 200, .50) !important;
  box-shadow: 0 10px 22px rgba(27, 177, 200, .16), inset 0 1px 0 rgba(255, 255, 255, .86), inset 0 -1px 0 rgba(8, 117, 138, .10) !important;
  transform: translateY(-1px) !important;
}
#budgetView .budget-ledger-actions .purchase-batch-btn > svg,
#budgetView .budget-ledger-actions .purchase-batch-btn > i,
#departmentPurchasesView .budget-ledger-actions .purchase-batch-btn > svg,
#departmentPurchasesView .budget-ledger-actions .purchase-batch-btn > i {
  color: currentColor !important;
  stroke: currentColor !important;
  margin: 0 6px 0 0 !important;
}

/* Record-entry actions use one shared glass treatment across overview,
   call-sheet, budget, department and payment surfaces. */
.main-content #openNoticeBtn,
.main-content #openNoticeBtn2,
.main-content #openNoticeBtn3,
.main-content #addBudgetRow,
.main-content #addRegularPurchaseBottom,
.main-content #addExternalPaymentBottom {
  color: #08758a !important;
  background: rgba(27, 177, 200, .12) !important;
  border: 1px solid rgba(27, 177, 200, .34) !important;
  box-shadow: 0 6px 18px rgba(27, 177, 200, .12), inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 0 rgba(8, 117, 138, .08) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}
.main-content #openNoticeBtn:hover,
.main-content #openNoticeBtn2:hover,
.main-content #openNoticeBtn3:hover,
.main-content #addBudgetRow:hover,
.main-content #addRegularPurchaseBottom:hover,
.main-content #addExternalPaymentBottom:hover {
  color: #08758a !important;
  background: rgba(27, 177, 200, .20) !important;
  border-color: rgba(27, 177, 200, .50) !important;
  box-shadow: 0 10px 22px rgba(27, 177, 200, .16), inset 0 1px 0 rgba(255, 255, 255, .86), inset 0 -1px 0 rgba(8, 117, 138, .10) !important;
  transform: translateY(-1px) !important;
}
.main-content #openNoticeBtn > svg,
.main-content #openNoticeBtn2 > svg,
.main-content #openNoticeBtn3 > svg,
.main-content #addBudgetRow > svg,
.main-content #addRegularPurchaseBottom > svg,
.main-content #addExternalPaymentBottom > svg {
  color: currentColor !important;
  stroke: currentColor !important;
}