/* RMC Checkpoint – Dashboard v1.2.0 */
:root{
  --cd-bg:#0f1320;
  --cd-card:#121a2e;
  --cd-border:rgba(255,255,255,.08);
  --cd-text:#e8eef8;
  --cd-muted:#9fb0c7;
  --cd-blue:#2f6df3;
  --cd-orange:#ff8b3d;
  --cd-green:#27b18a;
  --cd-purple:#7a5af5;
  --cd-darktext:#cfd6e3; /* darker than main text, not black */
}

.rmc-cd-wrap{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans';
  color:var(--cd-text);
}

.section-title{ margin:0 0 10px; font-weight:600; font-size:18px; letter-spacing:.2px; }
.muted{ color: var(--cd-muted); font-size: 14px; }

/* KPI tiles row */
.rmc-cd-kpis{
  display:grid; gap:16px; margin: 8px 0 18px;
  grid-template-columns: repeat(2, minmax(220px,1fr));
}
.rmc-cd-kpis.kpis-3{ grid-template-columns: repeat(3, minmax(220px,1fr)); }
.rmc-cd-kpis.kpis-4{ grid-template-columns: repeat(4, minmax(220px,1fr)); }

.rmc-cd-tile{
  border-radius:16px; padding:18px; color:#fff; display:grid; align-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.rmc-cd-tile .tile-label{ font-size:13px; opacity:.9; margin-bottom:6px; }
.rmc-cd-tile .tile-value{ font-size:36px; font-weight:700; line-height:1; }

.tile-blue{ background: linear-gradient(135deg, #2f6df3, #5ea1ff); }
.tile-orange{ background: linear-gradient(135deg, #ff8b3d, #ffb26b); }
.tile-purple{ background: linear-gradient(135deg, #7a5af5, #b09cff); }
.tile-green{ background: linear-gradient(135deg, #27b18a, #4fd1b8); }

/* Map */
#rmc-cd-map{
  width:100%; height: 360px; border-radius: 18px; overflow: hidden;
  border:1px solid var(--cd-border); box-shadow:0 8px 24px rgba(0,0,0,.15); margin-bottom: 18px;
}

/* Cards grid */
.rmc-cd-grid{ display:grid; gap:18px; grid-template-columns: 1.2fr 1fr; }
.rmc-cd-grid.grid-3{ grid-template-columns: 1fr 1fr 1fr; }

.rmc-cd-card{
  background: rgba(255,255,255,0.04); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border:1px solid var(--cd-border); border-radius:18px; padding:16px; box-shadow:0 8px 24px rgba(0,0,0,.18);
}

/* Rota tiles */
.rota-grid{ display:grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap:12px; }
.rota-tile{ border:1px solid var(--cd-border); border-radius:14px; padding:12px; background: rgba(255,255,255,0.03); color: var(--cd-darktext); }
.r-role{ font-weight:600; margin-bottom:4px; color: var(--cd-text); }
.r-name{ font-size:14px; }
.r-tel{ font-size:13px; color: var(--cd-muted); }

/* Notifications */
.notif-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.notif-list li{ display:grid; grid-template-columns: 60px 1fr; gap:12px; align-items:flex-start;
  border:1px solid var(--cd-border); background: rgba(255,255,255,0.03); border-radius:12px; padding:10px 12px; color: var(--cd-darktext); }
.n-time{ font-weight:600; color:#8fbaf5; }
.n-text{ color: var(--cd-darktext); }

/* Visitors */
.visitor-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.visitor-list li{ display:grid; grid-template-columns: 1fr 1fr 60px; gap:10px; align-items:center;
  border:1px solid var(--cd-border); background: rgba(255,255,255,0.03); border-radius:12px; padding:10px 12px; color: var(--cd-darktext); }
.v-name{ font-weight:600; color: var(--cd-text); }
.v-org{ color: var(--cd-muted); }
.v-time{ font-variant-numeric: tabular-nums; color:#8fbaf5; }

/* Responsive */
@media (max-width: 1300px){ .rmc-cd-kpis.kpis-4{ grid-template-columns: repeat(2, minmax(220px,1fr)); } }
@media (max-width: 1100px){ .rmc-cd-grid.grid-3{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px){ .rmc-cd-grid{ grid-template-columns: 1fr; } #rmc-cd-map{ height: 300px; } }
@media (max-width: 640px){ .rmc-cd-kpis{ grid-template-columns: 1fr; } .rmc-cd-kpis.kpis-3,.rmc-cd-kpis.kpis-4{ grid-template-columns: 1fr; } .rota-grid{ grid-template-columns: 1fr; } }