/* Driver App (B1/B4/T3) styles — integrates with app.css & NE6 palette */

.rp-card--pad { padding: 16px; }
.rp-stack { display: grid; gap: 12px; }
.rp-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.rp-row-main .rp-title { font-weight: 600; }
.rp-row-main .rp-meta { font-size: 0.9rem; opacity: 0.8; }

.rp-badges { display: flex; gap: 6px; justify-content: flex-end; }
.rp-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.8rem; }
.rp-badge--ok { background: #CFEDFC; }
.rp-badge--warn { background: #FEEB88; }
.rp-badge--muted { background: #DDD1E7; }

.rp-next { font-size: 0.9rem; margin-top: 6px; text-align: right; color: #054666; }

.rp-alert { padding: 12px; border-radius: 8px; }
.rp-alert--error { background: #FFE8CD; border: 1px solid #F68A1F; }
.rp-empty { opacity: 0.7; padding: 12px; }

/* Small list utilities (incidents/evidence/queue) */
.rp-list { display: grid; gap: 8px; }
.rp-item {
  background: var(--panel);
  border: 1px solid var(--panel-border);
  border-radius: 10px;
  padding: 10px 12px;
}
.rp-kv { display:flex; gap:10px; line-height:1.35; }
.rp-kv .k { width:72px; color: var(--text-muted); }
.rp-kv .v { flex:1; }
.rp-pre { margin-top:6px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; opacity:.9; word-break: break-word; }
.rp-subtitle { font-weight: 600; color: var(--text-muted); }

/* Pills */
.rp-pill {
  display:inline-block; padding: 2px 8px; border-radius:999px; font-size:12px;
  background: var(--badge-bg); color: var(--badge-fg); border: 1px solid var(--panel-border);
}

/* Visibility: which nav to show by app mode */
html:not([data-app="driver"]) #rp-nav-driver { display: none; }
html[data-app="driver"] #rp-nav { display: none; }
html[data-app="driver"] #rp-nav-client { display: none; }
/* Keep driver nav visible in driver mode */
html[data-app="driver"] #rp-nav-driver { display: block; }

/* DP5: theme-matching inputs for driver app fields */
/* Inherit theme variables from app.css / theme-*.css — do NOT hardcode colors */
.rp-input {
  background: var(--control-bg);
  color: var(--text);
  border: 1px solid var(--control-border);
  border-radius: 10px;
  padding: 8px 10px;
  min-width: 160px;
}
.rp-input:focus {
  outline: 2px solid var(--control-focus);
  outline-offset: 1px;
}

/* === DP5 T3/T4: Route → Visit list + Action Bar === */
.rp-actionbar {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed var(--panel-border);
}

.rp-route-visits {
  margin-top: 8px;
  display: grid;
  gap: 6px;
}

.rp-visit-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--panel-border);
  border-radius: 8px;
  background: var(--panel);
}
.rp-visit-row .left { display:flex; align-items:center; gap:10px; }
.rp-visit-row .left .seq { font-weight:600; }
.rp-visit-row .left .id  { opacity:.85; }
.rp-visit-row .right { display:flex; align-items:center; gap:8px; }