:root { --brand: #075985; --soft: #e0f2fe; }
body { background: #f1f5f9; color: #0f172a; font-family: "Segoe UI", Tahoma, sans-serif; }
.login-page { align-items: center; display: flex; min-height: 100vh; padding: 1rem; }
.login-card { margin: auto; max-width: 440px; width: 100%; }
.dashboard { max-width: 960px; }
.eyebrow { color: var(--brand); font-size: .75rem; font-weight: 800; letter-spacing: .09em; }
.dashboard-card, .trip-card { border: 0; border-radius: 14px; box-shadow: 0 3px 14px rgba(15, 23, 42, .07); }
.trip-list { display: grid; gap: .75rem; }
.trip-card .card-body { padding: 1rem; }
.trip-top { display: flex; align-items: start; gap: .75rem; justify-content: space-between; }
.trip-number { color: var(--brand); font-size: .82rem; font-weight: 800; letter-spacing: .04em; }
.shop-name { font-size: 1.1rem; font-weight: 750; overflow-wrap: anywhere; }
.trip-meta { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e2e8f0; margin-top: .85rem; padding-top: .75rem; gap: .5rem; }
.meta-label { display: block; color: #64748b; font-size: .75rem; }
.meta-value { font-size: .95rem; font-weight: 700; }
.trip-actions { display: grid; grid-template-columns: 1fr; gap: .5rem; margin-top: .9rem; }
.empty-state { border: 1px dashed #94a3b8; border-radius: 14px; color: #475569; padding: 2.25rem 1rem; text-align: center; }
.detail-order { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: .75rem; }
.detail-order + .detail-order { margin-top: .75rem; }
.product-row { border-top: 1px solid #e2e8f0; margin-top: .65rem; padding-top: .65rem; }
.product-name { font-weight: 650; overflow-wrap: anywhere; }
@media (min-width: 576px) { .trip-actions { grid-template-columns: 1fr; max-width: 250px; margin-left: auto; } }