.usage-follow-ups { min-width:0; animation:usage-follow-ups-enter 180ms ease-out; }
.usage-follow-ups button,.usage-follow-ups input,.usage-follow-ups select,.usage-follow-ups summary { min-height:40px; box-sizing:border-box; }
.usage-follow-ups :is(button,input,select,summary):focus-visible { outline:3px solid #078b91; outline-offset:3px; }
.usage-follow-ups .form-status.error { color:#a1322b; overflow-wrap:anywhere; }
.usage-follow-ups-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:20px; }
.usage-follow-ups-global .usage-follow-ups-summary { grid-template-columns:repeat(5,minmax(0,1fr)); }
.usage-follow-ups-metric { display:grid; gap:8px; min-width:0; padding:16px 20px; border:1px solid #d6e0e5; border-top:3px solid #078b91; border-radius:8px; background:#fff; text-align:left; color:#122330; cursor:pointer; transition:background-color 160ms ease; }
.usage-follow-ups-metric:hover:not(:disabled) { background:#f4f7f9; }
.usage-follow-ups-metric.is-closed { border-top-color:#657985; }
.usage-follow-ups-metric.is-overdue { border-top-color:#b87916; }
.usage-follow-ups-metric.is-dueSoon { border-top-color:#3b6fb6; }
.usage-follow-ups-metric > span { font-size:13px; font-weight:650; }
.usage-follow-ups-metric > strong { font-size:28px; font-weight:750; font-variant-numeric:tabular-nums; line-height:1.15; }
.usage-follow-ups-metric > small,.usage-follow-ups-caption { color:#536c7c; font-size:12px; line-height:1.6; }
.usage-follow-ups-metric:disabled { opacity:1; cursor:default; }
.usage-follow-ups-caption { margin:10px 0 20px; }
.usage-follow-ups-filters fieldset { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; border:0; margin:0; padding:16px 0; border-block:1px solid #d6e0e5; min-width:0; }
.usage-follow-ups-filters label { min-width:170px; flex:1; display:grid; gap:8px; color:#344a58; font-size:13px; }
.usage-follow-ups-filters .usage-follow-ups-search { flex:2; min-width:240px; }
.usage-follow-ups-filters :is(input,select) { width:100%; min-width:0; }
.usage-follow-ups-results > header { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding-block:8px 16px; }
.purchase-workspace .usage-follow-ups-results h3 { margin:0; font-size:18px; }
.usage-follow-ups-results > header > p { margin:0; color:#536c7c; font-size:13px; font-variant-numeric:tabular-nums; }
.usage-follow-ups-table { table-layout:fixed; width:100%; min-width:0; border-collapse:collapse; color:#122330; font-size:13px; }
.usage-follow-ups-table th,.usage-follow-ups-table td { box-sizing:border-box; }
.usage-follow-ups-table th { text-align:left; background:#f4f7f9; font-size:11px; color:#536c7c; line-height:1.5; padding:12px; }
.usage-follow-ups-table th:nth-child(1) { width:21%; }
.usage-follow-ups-table th:nth-child(2) { width:23%; }
.usage-follow-ups-table th:nth-child(3) { width:22%; }
.usage-follow-ups-table th:nth-child(4) { width:17%; }
.usage-follow-ups-table th:nth-child(5) { width:17%; }
.usage-follow-ups-table td { vertical-align:top; padding:16px 12px; border-bottom:1px solid #d6e0e5; overflow-wrap:anywhere; line-height:1.6; }
.usage-follow-ups-table td > :is(span,strong,small) { display:block; }
.usage-follow-ups-table td > small { color:#536c7c; font-size:12px; margin-top:5px; }
.usage-follow-ups-table tbody tr:hover { background:#f7f9fb; }
.usage-follow-ups-link { display:inline-flex; align-items:center; text-align:left; border:0; padding:0; background:none; color:#056a73; font-size:14px; font-weight:700; cursor:pointer; }
.usage-follow-ups-table summary { display:flex; align-items:center; color:#056a73; font-size:12px; cursor:pointer; }
.usage-follow-ups-prewrap { white-space:pre-wrap; overflow-wrap:anywhere; margin:4px 0; }
.usage-follow-ups-table .usage-follow-ups-state { display:inline-block; padding:3px 8px; border-radius:4px; color:#795018; background:#faf4e7; font-size:12px; font-weight:650; margin-bottom:8px; }
.usage-follow-ups-table .usage-follow-ups-state.is-closed { background:#eef2f4; color:#344a58; }
.usage-follow-ups-due { font-variant-numeric:tabular-nums; }
.usage-follow-ups-table .usage-follow-ups-urgency,.usage-follow-ups-due.is-overdue { color:#84540e; font-weight:650; }
.usage-follow-ups-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; }
.usage-follow-ups-pagination > p,.usage-follow-ups-boundary { color:#536c7c; font-size:12px; line-height:1.6; margin:0; }
.usage-follow-ups-boundary { padding-top:16px; border-top:1px solid #d6e0e5; }
.usage-follow-ups-empty { margin:0; padding:24px; border-block:1px solid #d6e0e5; background:#f7f9fb; line-height:1.6; color:#344a58; }
@media(max-width:1100px) { .usage-follow-ups-summary { gap:12px; }.usage-follow-ups-metric { padding:16px; }.usage-follow-ups-filters .usage-follow-ups-search { flex-basis:100%; } }
@media(max-width:1100px) { .usage-follow-ups-global .usage-follow-ups-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:850px) {
  .usage-follow-ups-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .usage-follow-ups-global .usage-follow-ups-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .usage-follow-ups-table thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
  .usage-follow-ups-table tbody { display:grid; gap:16px; }
  .usage-follow-ups-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; border:1px solid #d6e0e5; border-radius:8px; padding:16px; background:#fff; }
  .usage-follow-ups-table td { display:block; width:auto; min-width:0; padding:0; border:0; }
  .usage-follow-ups-table td:first-child { grid-column:1/-1; border-bottom:1px solid #d6e0e5; padding-bottom:8px; }
  .usage-follow-ups-table td::before { content:attr(data-label); display:block; color:#536c7c; font-size:11px; margin-bottom:4px; font-weight:650; }
  .usage-follow-ups-table td:first-child::before { display:none; }
  .usage-follow-ups-pagination { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
  .usage-follow-ups .purchase-heading { gap:16px; }
  .usage-follow-ups .purchase-heading .purchase-actions { display:grid; grid-template-columns:1fr; }
  .usage-follow-ups-metric { padding:12px; gap:6px; }
  .usage-follow-ups-metric > strong { font-size:25px; }
  .usage-follow-ups-filters :is(label,.usage-follow-ups-search) { flex-basis:100%; min-width:0; }
  .usage-follow-ups-filters button { flex:1; justify-content:center; }
  .usage-follow-ups-results > header { flex-direction:column; gap:8px; }
  .usage-follow-ups-table tr { grid-template-columns:1fr; }
  .usage-follow-ups-pagination .purchase-actions { width:100%; }
}
@keyframes usage-follow-ups-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .usage-follow-ups,.usage-follow-ups * { animation:none; transition:none; scroll-behavior:auto; } }