/**
 * commercial/web/assets/recovery-ui.css
 * OPENCLAW_FILE_RECOVERY_FLOW_01
 *
 * CANDIDATE — not installed.
 *
 * Styles for the four recovery dialogs.
 *
 * Deliberately additive and prefixed `oc-rec-`: the existing console layout is
 * approved and is not restyled here. These rules only draw the new cards, and
 * they reuse the same visual vocabulary the consent card already uses
 * (`oc-exec-*` / `ch-consent-*`) so a recovery card does not look like it came
 * from a different product.
 *
 * The danger button is the one place colour carries meaning: overwriting a file
 * destroys its previous contents, and that must not look like the safe choice.
 */

.oc-recovery-mount { display: block; margin-top: 8px; }

.oc-rec-card {
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 10px;
  padding: 12px 14px;
  background: rgba(148, 163, 184, .06);
  font-size: 14px;
  line-height: 1.6;
}

.oc-rec-card.oc-rec-danger { border-color: rgba(220, 38, 38, .45); }
.oc-rec-card.oc-rec-error-card { border-color: rgba(220, 38, 38, .35); }

.oc-rec-head { font-weight: 600; margin-bottom: 6px; }

.oc-rec-target,
.oc-rec-path {
  margin: 4px 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  word-break: break-all;
  opacity: .9;
}

.oc-rec-desc { margin: 6px 0; opacity: .88; }
.oc-rec-note { opacity: .7; font-size: 13px; }

.oc-rec-error {
  margin: 6px 0;
  color: #dc2626;
  font-size: 13px;
}

.oc-rec-field { display: block; margin: 8px 0; }
.oc-rec-field > span { display: block; font-size: 13px; opacity: .8; margin-bottom: 4px; }

.oc-rec-input {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 9px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, .45);
  background: rgba(15, 23, 42, .35);
  color: inherit;
  font: inherit;
}
.oc-rec-input:focus { outline: 2px solid rgba(59, 130, 246, .55); outline-offset: 1px; }

.oc-rec-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.oc-rec-btn {
  padding: 7px 13px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, .5);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.oc-rec-btn:hover { background: rgba(148, 163, 184, .12); }
.oc-rec-btn:disabled { opacity: .5; cursor: default; }

.oc-rec-btn-primary {
  border-color: rgba(59, 130, 246, .6);
  background: rgba(59, 130, 246, .18);
}

.oc-rec-btn-danger {
  border-color: rgba(220, 38, 38, .6);
  background: rgba(220, 38, 38, .16);
}

.oc-rec-list {
  max-height: 220px;
  overflow-y: auto;
  margin: 8px 0;
  border: 1px solid rgba(148, 163, 184, .3);
  border-radius: 8px;
}

/* While a request is outstanding the card is visibly inert, so a second click
   is discouraged by the UI as well as blocked in code. */
.oc-rec-busy { opacity: .6; pointer-events: none; }