/* URG360 v2.7 RC3 — Pancarte : autres paramètres cliniques cliquables */

.v27-other-parameters{
  margin-top:12px;
  border:1px solid #b7cbd9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 14px rgba(14,52,82,.06);
  overflow:hidden;
}
.v27-other-parameters-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px 8px;
  border-bottom:1px solid #e2e9ef;
  background:#f8fbfd;
}
.v27-other-parameters-head>div{display:flex;flex-direction:column;gap:2px}
.v27-other-parameters-head strong{font-size:12px;color:#21445e}
.v27-other-parameters-head small{font-size:9px;color:#738795}
.v27-other-metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:9px 10px 10px;
}
.v27-other-metric-card{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"label value" "time value" "action action";
  align-items:center;
  gap:2px 8px;
  padding:9px 10px 8px;
  border:1px solid #cbd8e2;
  border-left:4px solid #9aacb8;
  border-radius:10px;
  background:#fff;
  color:#284b64;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.v27-other-metric-card:hover{background:#f8fbfd;border-color:#aebfcb}
.v27-other-metric-card:focus-visible{outline:3px solid rgba(11,99,167,.18);outline-offset:2px}
.v27-other-metric-card.active{background:#f0f7fc;border-color:#7aa5c6}
.v27-other-metric-card.normal{border-left-color:#4f9a74}
.v27-other-metric-card.warning{border-left-color:#d39327;background:#fffaf1}
.v27-other-metric-card.critical{border-left-color:#c7444a;background:#fff4f4}
.v27-other-metric-label{grid-area:label;font-size:9px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;color:#5d7485}
.v27-other-metric-card>strong{grid-area:value;font-size:16px;font-weight:900;color:#173e5d;text-align:right;white-space:nowrap}
.v27-other-metric-card.warning>strong{color:#8d5b12}
.v27-other-metric-card.critical>strong{color:#a4262d}
.v27-other-metric-card>small{grid-area:time;font-size:8.5px;color:#7a8d9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v27-other-metric-card>em{grid-area:action;margin-top:5px;padding-top:5px;border-top:1px solid #edf1f4;font-style:normal;font-size:8.5px;font-weight:750;color:#366d95}
.v27-other-metric-expanded{border-top:1px solid #dfe8ee;background:#fbfdfe;padding:8px 10px 10px}
.v27-other-expanded-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 4px 6px}
.v27-other-expanded-head>div{display:flex;flex-direction:column;gap:2px}
.v27-other-expanded-head strong{font-size:11px;color:#244c68}
.v27-other-expanded-head small{font-size:8.8px;color:#718695}
.v27-other-expanded-head button{
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #c8d5de;border-radius:8px;background:#fff;color:#496779;font-size:18px;line-height:1;cursor:pointer;
}
.v27-other-expanded-head button:hover{background:#f1f6f9}
.v27-other-expanded-graph{min-height:120px}
.v27-other-expanded-graph .v27-chart-svg{height:168px}

/* Courbes des paramètres secondaires */
.v27-series-temp{fill:none;stroke:#c4602a;stroke-width:2.35}
.v27-series-gcs{fill:none;stroke:#395f9b;stroke-width:2.35}
.v27-series-pain{fill:none;stroke:#a64672;stroke-width:2.35}
.v27-chart-point.v27-point-temp{fill:#c4602a}
.v27-chart-point.v27-point-gcs{fill:#395f9b}
.v27-chart-point.v27-point-pain{fill:#a64672}
.v27-chart-point.v27-point-urine{fill:#3c80a6}
.v27-last-temp{fill:#99451d}
.v27-last-gcs{fill:#2d4c7d}
.v27-last-pain{fill:#833557}
.v27-last-urine{fill:#2d6584}
.v27-urine-bar{fill:#4f91b6;opacity:.72}
.v27-urine-bar.latest{fill:#2f759e;opacity:.95}

/* Le panneau secondaire conserve la même synchronisation temporelle. */
.v27-other-metric-expanded .v27-sync-crosshair{stroke:#425f76;opacity:.58}

#v26TabPancarte:fullscreen .v27-other-parameters,
#v26PrescriptionLabView.v27-pancarte-focus-mode .v27-other-parameters{
  margin-top:14px;
}

@media(max-width:1280px){
  .v27-other-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .v27-other-metrics-grid{grid-template-columns:1fr}
  .v27-other-metric-card{grid-template-columns:1fr auto}
}