/* css/admin/base/admin_base.css */
:root {
    --color-background-content: #f0f3f6;
    --color-available: #27ae60;
    --color-unavailable: #e74c3c;
    --color-out-service: #f39c12;
    --color-out-system: #9b59b6;
    --color-primary: #3498db;
    --border-radius: 12px;
}

body {
    background-color: var(--color-background);
    min-height: 100vh;
}

.container {
    max-width: 1200px;
    margin: 10px auto;
    width: 100%;
}

.panel {
    background-color: var(--color-background-content);
    border-radius: var(--border-radius);
    padding: 12px;
    margin-bottom: 15px;
}

.hidden {
    display: none !important;
}

/* Responsive Design */
@media (min-width: 768px) {

    .container {
        margin: 20px auto;
    }

    .panel {
        padding: 16px;
        margin-bottom: 20px;
    }
}