/* Floor Layout CSS - Printer Dashboard */

/* Pod background colors */
.bg-pod1 { background: rgba(230, 57, 70, 0.15); border-color: rgba(230, 57, 70, 0.3); }
.bg-pod2 { background: rgba(244, 162, 97, 0.15); border-color: rgba(244, 162, 97, 0.3); }
.bg-pod3 { background: rgba(233, 196, 106, 0.15); border-color: rgba(233, 196, 106, 0.3); }
.bg-pod4 { background: rgba(42, 157, 143, 0.15); border-color: rgba(42, 157, 143, 0.3); }
.bg-pod5 { background: rgba(69, 123, 157, 0.15); border-color: rgba(69, 123, 157, 0.3); }
.bg-pod6 { background: rgba(168, 85, 247, 0.15); border-color: rgba(168, 85, 247, 0.3); }

/* Pod text colors */
.text-pod1 { color: #e63946; }
.text-pod2 { color: #f4a261; }
.text-pod3 { color: #e9c46a; }
.text-pod4 { color: #2a9d8f; }
.text-pod5 { color: #457b9d; }
.text-pod6 { color: #a855f7; }

/* Pod dot colors */
.dot-pod1 { background: #e63946; }
.dot-pod2 { background: #f4a261; }
.dot-pod3 { background: #e9c46a; }
.dot-pod4 { background: #2a9d8f; }
.dot-pod5 { background: #457b9d; }
.dot-pod6 { background: #a855f7; }

/* Printer status indicators */
.status-printing {
    background: #00ff88;
    box-shadow: 0 0 8px #00ff88;
    animation: pulse 1.5s infinite;
}
.status-idle { background: #ffd700; }
.status-maintenance { background: #a855f7; }
.status-offline { background: #ff4444; }

/* Legend status indicators */
.legend-printing { background: #00ff88; box-shadow: 0 0 6px #00ff88; }
.legend-idle { background: #ffd700; }
.legend-maintenance { background: #a855f7; }
.legend-offline { background: #ff4444; }

/* Pulse animation for printing status */
@keyframes pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 8px #00ff88; }
    50% { opacity: 0.7; box-shadow: 0 0 16px #00ff88; }
}

/* Vertical row labels */
.row-label-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

/* Runtime percentage background colors */
.runtime-low {
    background-color: #fa8072; /* salmon */
    color: #000000;
}

.runtime-medium {
    background-color: #ffd700; /* yellow */
    color: #000000;
}

.runtime-high {
    background-color: #1c6945; /* green */
    color: #ffffff;
}