.sante { max-width: 1100px; margin: 0 auto 18px; padding: 14px 16px; border-radius: var(--wc-r-l); background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); box-sizing: border-box; width: calc(100% - 32px); }
.sante-tete { display: flex; align-items: center; gap: 9px; font-size: 15px; margin-bottom: 10px; }
.sante-tete #sante-quand { color: var(--wc-text-tertiary); font-size: 12px; margin-left: auto; }
.sante-tete button { font: inherit; font-size: 12px; padding: 4px 11px; border-radius: var(--wc-r-pilule); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: var(--wc-text-secondary); cursor: pointer; }
.sante-pt { width: 10px; height: 10px; border-radius: 50%; background: var(--wc-green); box-shadow: 0 0 0 4px rgba(48,209,88,.15); flex: none; }
.sante-pt.alerte { background: var(--wc-orange); box-shadow: 0 0 0 4px rgba(255,159,10,.15); } .sante-pt.critique { background: var(--wc-red); box-shadow: 0 0 0 4px rgba(255,69,58,.18); }
.sante-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.sante-l { display: flex; gap: 10px; align-items: flex-start; padding: 9px 11px; border-radius: var(--wc-r-m); background: rgba(255,255,255,.03); }
.sante-l.alerte { background: rgba(255,159,10,.08); } .sante-l.critique { background: rgba(255,69,58,.1); }
.sante-l i { width: 8px; height: 8px; border-radius: 50%; background: var(--wc-green); margin-top: 6px; flex: none; }
.sante-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sante-actions button { font: inherit; font-size: 13px; font-weight: 600; padding: 8px 13px; border-radius: var(--wc-r-m); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; }
.sante-actions button.on { background: rgba(var(--wc-accent-rgb),.16); border-color: rgba(var(--wc-accent-rgb),.5); }
.sante-outil { margin-top: 12px; padding: 14px; border-radius: var(--wc-r-m); background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); font-size: 13.5px; line-height: 1.5; }
.sante-outil h4 { margin: 14px 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--wc-text-secondary); display: flex; justify-content: space-between; gap: 10px; }
.sante-outil h4:first-child { margin-top: 0; }
.sante-outil h4 button { background: none; border: 0; color: var(--wc-accent); font: inherit; font-size: 12px; text-transform: none; letter-spacing: 0; cursor: pointer; }
.sante-outil label.ligne { display: flex; gap: 10px; align-items: flex-start; padding: 7px 4px; border-bottom: 1px solid rgba(255,255,255,.05); cursor: pointer; }
.sante-outil label.ligne input { margin-top: 3px; width: 16px; height: 16px; flex: none; }
.sante-outil label.ligne b { display: block; font-weight: 600; word-break: break-word; }
.sante-outil label.ligne small { display: block; color: var(--wc-text-secondary); font-size: 12px; }
.sante-outil label.ligne .t { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; color: #fff; }
.sante-outil .pied { position: sticky; bottom: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; padding-top: 10px; background: inherit; }
.sante-outil .principal { font: inherit; font-weight: 700; padding: 9px 14px; border-radius: var(--wc-r-m); border: 0; background: var(--wc-red); color: #fff; cursor: pointer; }
.sante-outil .principal.bleu { background: var(--wc-accent); }
.sante-outil .principal:disabled { opacity: .45; cursor: default; }
.sante-outil .second { font: inherit; padding: 9px 14px; border-radius: var(--wc-r-m); border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; cursor: pointer; }
.sante-outil .note { color: var(--wc-text-secondary); font-size: 12.5px; }
.sante-outil input[type=datetime-local] { font: inherit; font-size: 16px; padding: 8px 10px; border-radius: var(--wc-r-s); border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: #fff; color-scheme: dark; }
.sante-plus { display: none; font: inherit; font-size: 13px; padding: 9px; border-radius: var(--wc-r-m); border: 1px dashed rgba(255,255,255,.14); background: none; color: var(--wc-text-secondary); cursor: pointer; }
.sante-l.alerte i { background: var(--wc-orange); } .sante-l.critique i { background: var(--wc-red); } .sante-l.inconnu i { background: var(--wc-text-tertiary); }
.sante-l b { display: block; font-size: 13.5px; font-weight: 600; }
.sante-l span { display: block; font-size: 12.5px; color: var(--wc-text-secondary); margin-top: 2px; line-height: 1.4; }
@media (max-width: 600px) { .sante { width: calc(100% - 32px); padding: 12px; } .sante-grille { grid-template-columns: 1fr; } .sante-tete #sante-quand { display: none; } .sante-tete b { flex: 1; } .sante-grille:not(.tout) .sante-l.ok { display: none; } .sante-grille:not(.tout) .sante-plus { display: block; } }