/* Vendor Portal: mobile-friendly layout tweaks. Scoped via .vendor-portal on (see templates/vendor/base.html). */ /* Ensure clickable rows have pointer cursor */ .vendor-portal .clickable-row { cursor: pointer; transition: background 0.15s ease; } .vendor-portal .clickable-row:hover { background: rgba(0, 51, 102, 0.03); } /* Mobile-first responsive tweaks */ @media (max-width: 768px) { /* Tenant shell already has good mobile padding, but ensure it's applied */ .vendor-portal .tenant-shell { padding: 24px 14px; } /* Portal header adjustments */ .vendor-portal .tenant-portal-header { padding: 24px 18px; } .vendor-portal .tenant-portal-header-top { flex-direction: column; align-items: flex-start; gap: 12px; } .vendor-portal .tenant-portal-logo-title { font-size: 1.3rem; } .vendor-portal .tenant-portal-actions { width: 100%; } .vendor-portal .btn-white-outline { width: 100%; justify-content: center; } /* Section headers */ .vendor-portal .tenant-section-header { flex-direction: column; align-items: flex-start; gap: 12px; } .vendor-portal .tenant-section-title { font-size: 1.4rem; line-height: 1.2; } /* Tables on mobile */ .vendor-portal .table-responsive { font-size: 0.85rem; } .vendor-portal .table thead th { padding: 8px 6px; font-size: 0.75rem; } .vendor-portal .table tbody td { padding: 10px 6px; } /* Hide less critical columns on very small screens */ @media (max-width: 576px) { /* For current work orders, hide Stage column on tiny screens */ .vendor-portal .table thead th:nth-child(4), .vendor-portal .table tbody td:nth-child(4) { display: none; } } /* Chat thread: keep space for composer on phones */ .vendor-portal .tenant-chat-thread { max-height: 320px; } /* Contact cards stack better on mobile */ .vendor-portal .row.g-3 { gap: 12px !important; } } /* Very small phones */ @media (max-width: 400px) { .vendor-portal .tenant-shell { padding: 20px 10px; } .vendor-portal .tenant-portal-header { padding: 20px 14px; } .vendor-portal .tenant-card { padding: 16px; } .vendor-portal .tenant-section-title { font-size: 1.25rem; } }