/* Module Care (v358) — console SwissHardware Care. Jetons du tronc commun
   (--card/--fill/--txt2/--ok/--warn/--red/--blue), aucune surcharge globale. */
.care-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.care-stats .stat b { font-size: 22px; }
.care-ok { color: var(--ok); } .care-warn { color: var(--warn); } .care-bad { color: var(--red); }
.care-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--fill-3, #c7c7cc); margin-right: 6px; vertical-align: middle; }
.care-dot.on { background: var(--green, #34c759); box-shadow: 0 0 0 3px rgba(52,199,89,.18); }
.care-dot.idle { background: var(--orange, #ff9500); }
.care-pc { cursor: pointer; }
.chip.care-sh { background: var(--txt); color: var(--bg, #fff); }
.care-hero { display: flex; gap: 20px; align-items: center; margin-bottom: 12px; }
.care-ring { width: 84px; height: 84px; border-radius: 50%; flex: none; display: grid; place-content: center; text-align: center;
  border: 7px solid var(--fill-2, #e5e5ea); }
.care-ring b { font-size: 26px; line-height: 1; display: block; }
.care-ring small { color: var(--txt2); font-size: 11px; }
.care-ring.ok { border-color: var(--green, #34c759); } .care-ring.warn { border-color: var(--orange, #ff9500); } .care-ring.bad { border-color: var(--red); }
.care-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 760px) { .care-cols { grid-template-columns: 1fr; } .care-hero { flex-direction: column; align-items: flex-start; } }
.care-issue { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--sep, rgba(0,0,0,.08)); }
.care-issue:last-child { border-bottom: 0; }
.care-issue .sev { width: 10px; height: 10px; border-radius: 50%; flex: none; margin-top: 5px; background: var(--blue); }
.care-issue.s2 .sev { background: var(--orange, #ff9500); } .care-issue.s3 .sev { background: var(--red); }
.care-bar { height: 7px; border-radius: 99px; background: var(--fill); overflow: hidden; margin-top: 4px; display: inline-block; vertical-align: middle; width: 100%; }
.care-bar i { display: block; height: 100%; background: var(--green, #34c759); }
.care-bar.warn i { background: var(--orange, #ff9500); } .care-bar.bad i { background: var(--red); }
.care-hw { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.care-hw div { background: var(--fill); border-radius: 10px; padding: 8px 10px; }
.care-hw small { display: block; color: var(--txt2); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; font-weight: 600; }
.care-hw b { font-size: 13px; font-weight: 600; word-break: break-word; }
.care-pre { background: var(--fill); border-radius: 10px; padding: 10px; font-size: 11px; white-space: pre-wrap; max-height: 260px; overflow: auto; user-select: text; font-family: ui-monospace, Menlo, Consolas, monospace; }
.care-rd { font-size: 20px; letter-spacing: .12em; padding: 6px 12px; background: var(--fill); border-radius: 10px; user-select: text; }
.care-req { margin-bottom: 10px; border-left: 4px solid var(--blue); }
.care-req.red { border-left-color: var(--red); } .care-req.orange { border-left-color: var(--orange, #ff9500); }
.care-odoo { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.care-odoo-row { text-align: left; background: var(--fill); border: 0; border-radius: 10px; padding: 9px 12px; cursor: pointer; font: inherit; color: inherit; }
.care-odoo-row:active { filter: brightness(.95); }
.care-soft { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.care-soft-row input[type="checkbox"] { width: 20px; height: 20px; flex: none; }
.care-soft-row input[type="text"], .care-soft-row input:not([type]) { background: var(--fill); border: 0; border-radius: 8px; padding: 8px 10px; min-width: 0; }