.pu-dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-top: 1rem;
}
@media (max-width: 768px) {
    .pu-dashboard-grid { grid-template-columns: 1fr; }
}
.pu-dashboard-section {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem 1.25rem;
}
.pu-dashboard-section__header {
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: .5rem; margin-bottom: .75rem;
}
.pu-dashboard-section__header h3 {
    font-size: 1rem; margin: 0;
}
.pu-dashboard-section__empty { color: #9ca3af; font-size: .875rem; }
.pu-table-mini { width: 100%; border-collapse: collapse; font-size: .9rem; table-layout: auto; }
.pu-table-mini td { padding: .35rem .5rem; border-bottom: 1px solid #f3f4f6; vertical-align: middle; }
.pu-link-show-all { font-size: .85rem; }

/* Inline action cell (dashboard mini-tables). The TD must stay a table-cell
   so it participates in the row; the inner contents flow with whitespace
   nowrap so the action button + Detail link stay on one line. Previous
   `display:flex` on the TD broke the row in some browsers and forced the
   form/link to wrap to new lines below. */
.pu-v3 .pu-table-mini .pu-actions {
    text-align: right;
    white-space: nowrap;
}
.pu-v3 .pu-table-mini .pu-actions form {
    margin: 0;
    display: inline-flex;
    vertical-align: middle;
}
.pu-v3 .pu-table-mini .pu-actions .pu-btn { margin-left: 6px; }
.pu-v3 .pu-table-mini .pu-actions .pu-btn:first-child { margin-left: 0; }