* ====== FILE PATH: /opt/printhub/server/app/static/superadmin/superadmin.css ============ */

body {
    background: #f4f6f8;
    font-family: 'Segoe UI', sans-serif;
}

.stat-card {
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.stat-card h6 {
    color: #6c757d;
    font-weight: 600;
}

.stat-card h2 {
    margin-top: 10px;
    font-weight: bold;
}

/* ===============================
   RATE MODAL (SUPERADMIN)
================================ */

.rate-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    max-width: 95%;
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #ddd;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    z-index: 2000;
}

.rate-modal h5 {
    margin-bottom: 15px;
    font-weight: 600;
}

.rate-modal .row {
    align-items: center;
}

.rate-modal input {
    text-align: right;
}

.rate-modal .btn {
    min-width: 100px;
}

.rate-modal-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1500;
}


/* =========================================
   PRINTER GROUP COLORS (NEW)
========================================= */

.group-1 {
    background-color: #f8f9fa;
}

.group-2 {
    background-color: #e3f2fd;
}

.group-3 {
    background-color: #e8f5e9;
}

.group-4 {
    background-color: #fff3e0;
}

.group-5 {
    background-color: #fce4ec;
}

.group-6 {
    background-color: #ede7f6;
}

/* ===============================
   PRINTER TABLE IMPROVEMENT
================================ */

/* smooth hover effect */
#printerTable tr:hover {
    filter: brightness(95%);
    transition: 0.2s;
}

/* make group number bold and visible */
#printerTable td:nth-child(4) {
    font-weight: 600;
    color: #333;
}