/* === Global adjustments: logo centered and logout button in red === */
.sidebar .brand {
	justify-content: center;
	flex-direction: column;
}

.sidebar .brand img {
	width: 80px !important;
	height: 80px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}

/* Título abaixo da logo, centralizado */
.sidebar .brand .title {
	margin-top: 8px;
	text-align: center;
}

.sidebar nav a[href="logout.php"] {
	background: #dc3545;
	color: #fff !important;
}

:root{--bg:#0f1115;--glass:#151823cc;--glass-strong:#1b1f27cc;--text:#e6e8ec;--muted:#a6aab3;--primary:#7fd34e;--shadow:0 10px 30px rgba(0,0,0,.25);--radius:16px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at -10% -10%, #1e2230 0%, #0f1115 60%), radial-gradient(1400px 800px at 110% 10%, #1a1e29 0%, #0f1115 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;overflow-x:hidden}

.main{display:flex;min-height:100vh}
.content{flex:1;padding:20px;margin-left:260px;transition:margin-left .25s ease}

.sidebar{width:260px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg, var(--glass), var(--glass-strong));border-right:1px solid rgba(255,255,255,.08);color:#e5e7eb;min-height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .25s ease;z-index:1000}
.sidebar .brand{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar .brand img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.25))}
.sidebar .brand .title{font-weight:700;font-size:1.06rem;color:#fff}
.sidebar nav{padding:10px 8px 18px;overflow-y:auto;flex:1}
.sidebar .group-title{margin:14px 12px 8px;font-size:.8rem;letter-spacing:.3px;color:#9ca3af;text-transform:uppercase}
.sidebar a.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 8px;border-radius:12px;text-decoration:none;color:#e5e7eb;transition:background .15s ease,transform .12s ease}
.sidebar a.nav-item:hover{background:rgba(255,255,255,.08);transform:translateX(2px)}
.sidebar a.nav-item.active{background:rgba(127,211,78,.22);color:#fff}
.sidebar .user-box{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;color:#9ca3af}
.card.card-open{background:linear-gradient(135deg, #0d6efd, #0a58ca);color:#fff;border:none}
.card.card-critical{background:linear-gradient(135deg, #dc3545, #b02a37);color:#fff;border:none}
.card.card-resolved{background:linear-gradient(135deg, #198754, #146c43);color:#fff;border:none}
.card.card-pending{background:linear-gradient(135deg, #ffc107, #dfa503);color:#212529;border:none}

.topbar{position:sticky;top:0;z-index:2;margin-left:260px;padding:10px 16px;display:flex;align-items:center;gap:10px}
.toggle-sidebar-btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.toggle-sidebar-btn:hover{background:rgba(255,255,255,.12)}

.card{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:16px}
.table{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.table th{background-color:rgba(127,211,78,.25);color:#fff}

/* Collapsed state */
body.sidebar-collapsed .sidebar{transform:translateX(-270px)}
body.sidebar-collapsed .content{margin-left:0}
body.sidebar-collapsed .topbar{margin-left:0}

/* Mobile */
@media (max-width: 991px){
	.content{margin-left:0}
	.topbar{margin-left:0}
	.sidebar{transform:translateX(-270px)}
	body.sidebar-open .sidebar{transform:none}
}

/* Mobile Card Styles */
.glass-card {
	background: linear-gradient(135deg, rgba(30, 34, 48, 0.95), rgba(21, 24, 35, 0.95));
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
	color: #ffffff;
}

.glass-card .card-title {
	color: #ffffff;
	font-weight: 600;
}

.glass-card .card-text {
	color: #e5e7eb !important;
}

.glass-card .text-muted {
	color: #9ca3af !important;
}

.glass-card .fw-bold {
	color: #ffffff;
}

/* Footer */
.footer {
	text-align: center;
	padding: 20px;
	color: #9ca3af;
	font-size: 0.9rem;
}