/* Metronic supplies the components; these rules only arrange the app shell. */
:root { font-size: 14px; --bs-primary: #0759b9; --bs-primary-rgb: 7,89,185; --bs-primary-active: #064a9c; --bs-text-primary: #0759b9; --bs-text-gray-600: #56627a; --bs-gray-600: #56627a; --bs-warning: #805d00; --bs-success: #087448; --bs-danger: #b52640; }
.desk-sidebar { width: 245px; display: flex; flex-direction: column; }
.desk-main { min-width: 0; }
.desk-sidebar .menu-link.active { background: var(--bs-primary); }
.filter-control { width: 180px; }
.listing-name { overflow-wrap: anywhere; }
.listing-photo { width: 56px; height: 56px; object-fit: cover; flex-shrink: 0; }
.photo-thumbnail { width: 90px; height: 90px; object-fit: cover; }
body { font-size: 1.08rem; }
.form-label, .form-control, .form-select, .btn { font-size: 1.08rem; }
@media (min-width: 992px) { .desk-sidebar { position: fixed; inset: 0 auto 0 0; height: 100vh; } .desk-main { margin-left: 245px; } }
@media (max-width: 575px) { .filter-control { width: calc(50% - 8px); flex-grow: 1; } .listing-photo { display: none; } .table td:first-child { max-width: 150px; } .table th, .table td { padding-right: 6px; } .table .badge { white-space: normal; } }