body { background: #f8fafc; font-family: Arial, sans-serif; }
.login-bg { background: linear-gradient(135deg, #4f46e5, #06b6d4); }
.dash-card { color:#fff; padding:25px; border-radius:22px; box-shadow:0 10px 25px rgba(0,0,0,.12); }
.dash-card h3 { font-size:36px; font-weight:800; margin:0; }
.dash-card p { margin:5px 0 0; opacity:.9; }
.bg-gradient-blue { background:linear-gradient(135deg,#4f46e5,#2563eb); }
.bg-gradient-green { background:linear-gradient(135deg,#16a34a,#22c55e); }
.bg-gradient-orange { background:linear-gradient(135deg,#f59e0b,#ef4444); }
.card { border-radius:20px!important; }
.chat-box { height:360px; overflow-y:auto; background:#f1f5f9; border-radius:15px; padding:15px; }
.chat-msg { max-width:75%; padding:10px 14px; border-radius:15px; margin-bottom:10px; clear:both; }
.chat-msg small { display:block; font-size:11px; opacity:.7; margin-top:4px; }
.chat-me { background:#4f46e5; color:#fff; float:right; }
.chat-other { background:#fff; color:#111827; float:left; border:1px solid #e5e7eb; }

.device-badge {
    display: inline-block;
    background: #eef2ff;
    color: #4338ca;
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 10px;
    cursor: help;
    white-space: nowrap;
}

.navbar .navbar-brand, .navbar a.nav-link { color:#fff !important; }

@media (max-width: 767px) {
    .navbar .text-white { margin-top: 10px; display:block; }
    .container-fluid.p-4 { padding: 1rem !important; }
    .dash-card h3 { font-size: 28px; }
}

.alert { border:0; }
button:disabled { opacity: .7; cursor: not-allowed; }
.spinner-border-sm { width:1rem; height:1rem; }