.layout-recovery-card {
  display:grid; gap:10px; margin-bottom:10px; padding:14px; border:1px solid #9cb2c5;
  border-radius:12px; background:linear-gradient(135deg,#f5fbff,#fff 70%); box-shadow:0 6px 16px rgba(37,65,85,.09);
}
.layout-recovery-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.layout-recovery-heading > div { display:grid; gap:3px; }
.layout-recovery-heading strong { color:#173b51; font-size:14px; }
.layout-recovery-heading span { color:#4b6474; font-size:12px; line-height:1.4; }
#controls .layout-recovery-heading button { width:auto; min-width:190px; margin:0; }
.layout-recovery-status { color:#4b6474; font-size:12px; font-weight:700; }
.layout-recovery-status.is-error { color:#9a2638; }
.layout-recovery-status.is-success { color:#17603c; }
.layout-recovery-results { max-height:230px; overflow:auto; border:1px solid #c8d6df; border-radius:9px; background:#fff; }
.layout-recovery-row { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:9px 10px; border-bottom:1px solid #e3ebef; }
.layout-recovery-row:last-child { border-bottom:0; }
.layout-recovery-row input { width:16px; height:16px; }
.layout-recovery-name { display:grid; gap:2px; min-width:0; color:#213845; font-size:12px; font-weight:800; }
.layout-recovery-name small { color:#71838e; font-size:10px; font-weight:600; }
.layout-recovery-type { padding:3px 7px; border-radius:999px; background:#e8f1f6; color:#31566d; font-size:10px; font-weight:800; }
.layout-recovery-actions { display:flex; justify-content:flex-end; }
#controls .layout-recovery-actions button { width:auto; margin:0; background:#1d6b4d; color:#fff; }
@media(max-width:700px) {
  .layout-recovery-heading { align-items:stretch; flex-direction:column; }
  #controls .layout-recovery-heading button { width:100%; }
  .layout-recovery-row { grid-template-columns:auto 1fr; }
  .layout-recovery-type { grid-column:2; justify-self:start; }
}