/* Shared panel styles that Filament's compiled CSS does not cover (no Tailwind build needed). */
.pp-row-below-cost,
.pp-row-below-cost > td {
    background-color: rgb(254 226 226) !important;
}

.dark .pp-row-below-cost,
.dark .pp-row-below-cost > td {
    background-color: rgb(127 29 29 / 0.35) !important;
}

.pp-fetching {
    padding: 12px 16px;
    border-radius: 12px;
    background: rgb(204 251 241);
    color: rgb(17 94 89);
    font-weight: 600;
}

.pp-quick-add { display: flex; flex-direction: column; gap: 16px; }
.pp-quick-add-save { width: 100%; min-height: 52px; }

@media (min-width: 768px) {
    .pp-quick-add-save { width: auto; align-self: flex-start; }
}
.pp-row-voided td { text-decoration: line-through; opacity: .55; }
/* Phase 4 detail pages (trip, count, pay period). */
.pp-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.pp-table th, .pp-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgb(229 231 235); vertical-align: top; }
.pp-table td.num, .pp-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.pp-table tfoot th, .pp-table tfoot td { border-bottom: 0; }
.pp-muted { color: rgb(107 114 128); font-size: .85em; }
.pp-link { color: rgb(13 148 136); text-decoration: underline; }
.pp-flag { color: rgb(180 83 9); font-weight: 600; }
.pp-void { text-decoration: line-through; opacity: .6; }
.pp-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pp-photos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.dark .pp-table th, .dark .pp-table td { border-color: rgb(55 65 81); }