/* SPPG JBB V10.3.39 — additive styles, isolated from existing modules. */
#attendanceMonitorV10339{border:1px solid #d9e3ed;border-radius:18px;padding:18px;margin:14px 0 22px;background:linear-gradient(145deg,#f7faff,#fff);box-shadow:0 3px 15px rgba(17,47,76,.045);color:#173453}
#attendanceMonitorV10339 .monitor-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
#attendanceMonitorV10339 h3{margin:0 0 6px;font-size:18px;color:#112e52}
#attendanceMonitorV10339 .monitor-note{font-size:12px;line-height:1.6;color:#566b82;margin:4px 0}
#attendanceMonitorV10339 .monitor-refresh{background:#123756;border:1px solid #d2ab69;color:#fff;border-radius:12px;white-space:nowrap;padding:10px 14px}
#attendanceMonitorV10339 .monitor-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}
#attendanceMonitorV10339 .monitor-tile{background:#fff;border:1px solid #dce5f0;border-radius:13px;padding:12px;min-width:0}
#attendanceMonitorV10339 .monitor-tile strong{display:block;font-size:24px;line-height:1.4;color:#102e4e;font-variant-numeric:tabular-nums}
#attendanceMonitorV10339 .monitor-tile span{display:block;font-weight:650;font-size:12px;color:#526883}
#attendanceMonitorV10339 .monitor-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0 10px}
#attendanceMonitorV10339 .monitor-filters>div{flex:1 1 165px;min-width:0}
#attendanceMonitorV10339 .monitor-filters label{font-size:12px;display:block;margin-bottom:4px}
#attendanceMonitorV10339 .monitor-filters input,#attendanceMonitorV10339 .monitor-filters select{width:100%;min-height:44px;background:#fff;border:1px solid #ccd8e8;border-radius:10px}
#attendanceMonitorV10339 .monitor-table{overflow-x:auto;max-width:100%;border:1px solid #e2eaf1;border-radius:12px;background:#fff;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#attendanceMonitorV10339 table{min-width:760px;width:100%;font-size:12px;border-collapse:collapse}
#attendanceMonitorV10339 th,#attendanceMonitorV10339 td{padding:10px;text-align:left;border-bottom:1px solid #e9eef3;vertical-align:top}
#attendanceMonitorV10339 th{font-size:11px;color:#435874;background:#f2f6fc;position:sticky;top:0}
#attendanceMonitorV10339 .monitor-pill{display:inline-block;border-radius:15px;padding:4px 8px;font-weight:650;font-size:11px;margin:0 4px 4px 0;background:#fff0dc;color:#78521c}
#attendanceMonitorV10339 .monitor-pill.gps_review{background:#fbe5ec;color:#803449}
#attendanceMonitorV10339 .monitor-pill.missing_checkout{background:#e8ecfd;color:#404f9d}
#attendanceMonitorV10339 .monitor-empty{padding:20px;text-align:center;color:#4f6782}
#attendanceMonitorV10339 .monitor-error{color:#a5262e;font-weight:600;white-space:pre-wrap}
#attendanceMonitorV10339 [hidden]{display:none!important}
@media(max-width:900px){#attendanceMonitorV10339 .monitor-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){#attendanceMonitorV10339{padding:12px;border-radius:14px}#attendanceMonitorV10339 .monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#attendanceMonitorV10339 .monitor-tile{padding:10px}#attendanceMonitorV10339 .monitor-tile strong{font-size:21px}#attendanceMonitorV10339 .monitor-refresh{width:100%}}