@import url(bootstrap.min.css);
@import url(style.css);

/* Tarja personalizada no menu lateral */
.tarja-top {
	border-radius: 6px;
	background: rgba(255,255,255,0.03);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.tarja-top .brand-link {
	color: #ffffff;
	text-decoration: none;
	font-size: 1.05rem;
}
.tarja-top .brand-link:hover {
	color: #f8f9fa;
	text-decoration: none;
}
.tarja-top .btn-outline-light {
	color: #ffffff;
	border-color: rgba(255,255,255,0.12);
	background-color: transparent;
}
.tarja-top .btn-outline-light:hover {
	color: #212529;
	background-color: rgba(255,255,255,0.9);
}

/* Sidebar layout adjustments */
.sidebar { padding-top: 0; }
.tarja-top { display: flex; flex-direction: column; align-items: stretch; gap: .25rem; }
.tarja-top .top-link { text-align: left; }
.tarja-top .brand-row { text-align: left; font-size: 1.1rem; }
.tarja-top .brand-link { font-weight: 700; }
.tarja-top .actions-row { display: flex; gap: .5rem; align-items: center; }
.sidebar-nav .nav-link { color: rgba(255,255,255,0.85); padding: .45rem 1rem; }
.sidebar-nav .nav-link.active { background: rgba(255,255,255,0.04); border-radius: 4px; }
.sidebar-nav .nav-link:hover { color: #ffffff; background: rgba(255,255,255,0.02); }
.tarja-top small { font-size: .85rem; color: rgba(255,255,255,0.9); }
.btn-sm { padding: .25rem .5rem; font-size: .85rem; }

/* Ensure sidebar content doesn't overflow */
.sidebar .p-3 { padding-top: 1rem; }

/* Ordem detalhe - modern look */
.ordem-card {
	border: 0;
	border-radius: 10px;
}
.ordem-card .card-body { padding: 1.5rem; }
.ordem-card h4 { font-weight: 700; letter-spacing: -0.2px; }
.ordem-card .badge { font-size: 0.85rem; padding: .45em .6em; }
.ordem-card .text-muted { color: #6b7280; }
.ordem-card dl dt { color: #6c757d; }
.ordem-card dl dd { font-weight: 600; margin-bottom: .75rem; }
.ordem-card .small.text-break { background: #fbfbfc; padding: .6rem; border-radius: 6px; }

/* Buttons */
.ordem-actions .btn { min-width: 80px; }

/* Responsive tweaks */
@media (max-width: 767px) {
	.ordem-card .row { gap: 1rem; }
	.ordem-card .col-md-6 { flex: 0 0 100%; max-width: 100%; }
}

/* subtle shadow */
.shadow-sm { box-shadow: 0 6px 18px rgba(23, 24, 32, 0.06) !important; }