/* ── RoomFlow OS v25 — Cleaning time tracking / director stats ── */
/* ══════════════════════════════════════
   CLEANING TIME TRACKING — Director view
   ══════════════════════════════════════ */
.clean-time-badge {
    display: inline-flex; align-items: center; gap: 4px;
    font-family: var(--fm); font-size: .58rem; font-weight: 600;
    color: var(--text-3); letter-spacing: .2px;
    padding: 2px 6px; border-radius: 99px;
    background: var(--surface2); border: 1px solid var(--border);
    margin-top: 3px;
}
.clean-time-badge.fast { color: var(--ready-tx); background: var(--ready-bg); border-color: var(--ready-bd) }
.clean-time-badge.slow { color: var(--dirty-tx); background: var(--dirty-bg); border-color: var(--dirty-bd) }
.cleaning-stats-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px;
}
.cleaning-stat-card {
    background: var(--surface2); border: var(--glass-border);
    border-radius: var(--rs); padding: 12px 14px;
    box-shadow: var(--sh0);
}
.cleaning-stat-value {
    font-family: var(--fd); font-size: 1.4rem; font-weight: 800;
    color: var(--text); letter-spacing: -.5px; line-height: 1;
}
.cleaning-stat-label {
    font-family: var(--fm); font-size: .6rem; color: var(--text-3);
    margin-top: 3px; letter-spacing: .3px;
}
.cleaning-stat-sub {
    font-family: var(--fm); font-size: .63rem; color: var(--accent);
    margin-top: 2px; font-weight: 600;
}
.cleaning-log-item {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border-radius: var(--rx);
    border: var(--glass-border); background: var(--surface2);
    margin-bottom: 5px; transition: background .12s;
}
.cleaning-log-item:hover { background: var(--surface3) }
.cleaning-log-room {
    font-family: var(--fd); font-size: .9rem; font-weight: 800;
    color: var(--text); min-width: 36px;
}
.cleaning-log-who {
    flex: 1; font-size: .78rem; color: var(--text-2);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cleaning-log-time {
    font-family: var(--fm); font-size: .68rem; font-weight: 700;
    padding: 2px 8px; border-radius: 99px; white-space: nowrap;
}
.cleaning-log-time.fast { color: var(--ready-tx); background: var(--ready-bg) }
.cleaning-log-time.avg  { color: var(--co-tx); background: var(--co-bg) }
.cleaning-log-time.slow { color: var(--dirty-tx); background: var(--dirty-bg) }

/* Task read receipt */
.task-receipt {
    font-family: var(--fm); font-size: .55rem; color: var(--text-3);
    margin-left: auto; flex-shrink: 0; display: flex; align-items: center; gap: 3px;
    cursor: default;
}