html, body {
height: 100%;
}
body {
background-color: #f3f7fb;
display: flex;
flex-direction: column;
}
.page-content {
flex: 1 0 auto;
}
.navbar-brand .emblem {
width: 52px;
height: 52px;
border-radius: 50%;
background: radial-gradient(circle at 30% 30%, #d1e7f0, #90c2d3);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #c7dfe8;
}
.dashboard-card:hover {
transform: translateY(-2px);
box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.08);
}
.dashboard-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.info-panel {
max-height: 260px;
overflow-y: auto;
}
.info-panel::-webkit-scrollbar {
width: 8px;
}
.info-panel::-webkit-scrollbar-thumb {
background-color: rgba(0, 123, 255, 0.2);
border-radius: 4px;
}
.footer-note {
font-size: 0.92rem;
}
.barcode-wrapper {
width: 280px;
min-width: 280px;
max-width: 280px;
overflow-x: hidden;
padding: 0.35rem 0;
margin: 0 auto;
border: 1px solid #e9ecef;
border-radius: 6px;
background-color: #ffffff;
}
.barcode-cell {
width: 300px;
max-width: 300px;
min-width: 300px;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
.barcode-svg {
width: 100%;
height: 48px;
display: block;
}