body { background: #f4f5f7; font-family: Arial, Helvetica, sans-serif; }

.app-navbar {
    background: #1e3a5f;
    padding: .75rem 1.25rem;
}
.app-navbar-logo {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    margin-right: 8px;
}

.card { border: none; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }

.badge-status-nov      { background: #e53935; color: #fff; }
.badge-status-u_radu   { background: #fb8c00; color: #fff; }
.badge-status-resen    { background: #43a047; color: #fff; }
.badge-status-zatvoren { background: #9e9e9e; color: #fff; }

.badge-prioritet-nizak   { background: #e0e0e0; color: #444; }
.badge-prioritet-srednji { background: #fff3e0; color: #8a5a00; }
.badge-prioritet-visok   { background: #ffebee; color: #c62828; }

.ticket-row { cursor: pointer; }
.ticket-row:hover { background: #f8f9fa; }

.poruka-korisnik { background: #f4f5f7; border-radius: 10px; padding: 12px 16px; margin-bottom: 12px; }
.poruka-agent    { background: #e3f0ff; border-radius: 10px; padding: 12px 16px; margin-bottom: 12px; }
.poruka-meta     { font-size: .75rem; color: #888; margin-bottom: 4px; }

@media (max-width: 575.98px) {
    .app-navbar-logo { width: 24px; height: 24px; }
    .container-fluid { padding-left: .75rem; padding-right: .75rem; }
}