.app-content {
    min-height: calc(100vh - 130px);
}

.debug-output {
    max-height: 180px;
    overflow: auto;
    padding: 0.75rem;
    border-radius: 0.375rem;
    background: #212529;
    color: #d1e7dd;
    font-size: 0.8rem;
    white-space: pre-wrap;
}

.small-box .small-box-icon {
    font-size: 4rem;
    opacity: 0.25;
}

/* Debug layout: colored borders around sections */
.debug-layout-border#layout-navbar {
    outline: 3px solid #e74c3c; /* red */
    outline-offset: -3px;
}

.debug-layout-border#layout-sidebar {
    outline: 3px solid #3498db; /* blue */
    outline-offset: -3px;
}

.debug-layout-border#layout-header {
    outline: 3px solid #2ecc71; /* green */
    outline-offset: -3px;
}

.debug-layout-border#layout-content {
    outline: 3px solid #f39c12; /* orange */
    outline-offset: -3px;
}

.debug-layout-border#layout-footer {
    outline: 3px solid #9b59b6; /* purple */
    outline-offset: -3px;
}