
.recovery-page{display:grid;gap:12px}
.recovery-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.recovery-header h1{margin:4px 0}
.recovery-header p{margin:0;color:var(--muted);font-size:12px}
.recovery-date-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px}
.recovery-date-row input{width:100%;padding:11px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:center}
.recovery-score-card-final{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(52,199,89,.12),rgba(255,255,255,.03));border:1px solid rgba(52,199,89,.23)}
.recovery-score-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--success) calc(var(--recovery-progress)*1%),rgba(255,255,255,.08) 0);position:relative}
.recovery-score-ring::after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:var(--surface)}
.recovery-score-ring>div{position:relative;z-index:1;text-align:center}
.recovery-score-ring strong{display:block;font-size:26px}
.recovery-score-ring span{font-size:10px;color:var(--muted)}
.recovery-score-card-final>div:last-child>strong{display:block;font-size:23px;margin-top:3px}
.recovery-score-card-final p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.recovery-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.recovery-input-card{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.recovery-input-card>div{display:flex;justify-content:space-between;gap:12px}
.recovery-input-card span{font-size:11px;color:var(--muted)}
.recovery-input-card strong{font-size:21px}
.recovery-input-card input{width:100%;margin-top:10px}
.recovery-body-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.recovery-body-map button{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface);color:var(--text);font-weight:800}
.recovery-body-map button.active{background:rgba(255,69,58,.14);border-color:rgba(255,69,58,.3);color:#ff8178}
.recovery-flags-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.recovery-flags-grid label{padding:11px;border-radius:13px;background:var(--surface);border:1px solid var(--line)}
.recovery-notes-label{display:grid;gap:5px}
.recovery-notes-label span{font-size:10px;color:var(--muted);text-transform:uppercase}
.recovery-notes-label textarea{width:100%;min-height:70px;padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}
.recovery-history-list{display:grid;gap:9px}
.recovery-history-card{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.recovery-history-head{display:flex;justify-content:space-between;gap:12px}
.recovery-history-values{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.recovery-history-values span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}
.recovery-history-values strong{display:block;font-size:12px;margin-top:3px}
.recovery-history-note{margin-top:8px;color:var(--muted);font-size:11px}
@media(max-width:620px){
  .recovery-score-card-final{grid-template-columns:1fr;text-align:center}
  .recovery-score-ring{margin:0 auto}
  .recovery-input-grid,.recovery-flags-grid{grid-template-columns:1fr}
  .recovery-body-map{grid-template-columns:repeat(2,1fr)}
  .recovery-history-values{grid-template-columns:repeat(2,1fr)}
}

/* v3.0.21 — rifiniture Recupero */
.recovery-score-ring{transition:background .25s ease}
.recovery-date-row button:disabled{opacity:.35;pointer-events:none}
.recovery-history-head>div{display:grid;gap:3px}
.recovery-history-head small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.recovery-history-head>span{font-weight:900;font-size:18px}
.recovery-history-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.recovery-history-tags span{padding:5px 8px;border-radius:999px;background:rgba(255,69,58,.10);border:1px solid rgba(255,69,58,.22);color:#ff8178;font-size:10px;font-weight:800}
.recovery-flags-grid label{display:flex;align-items:center;gap:9px;font-weight:700}
.recovery-flags-grid input{width:18px;height:18px;flex:0 0 auto}
.recovery-body-map button{min-height:46px}
@media(max-width:620px){
  .recovery-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recovery-input-card{min-width:0}
  .recovery-input-card input{accent-color:var(--accent)}
  .recovery-history-values{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:390px){
  .recovery-input-grid{grid-template-columns:1fr}
  .recovery-history-values{grid-template-columns:repeat(2,1fr)}
}
