/* Cloud save: one sheet, one tray button, one nudge line. Hidden entirely
   unless src/cloud/config.js is filled in. Built to fit a 320px phone. */
.sheet-cloud{max-width:560px}
.sheet-cloud p{line-height:1.55}
.cloud-status:empty{display:none}
.cloud-status{padding:12px;border:1px solid var(--hair-lit);border-radius:var(--r);margin:0 0 16px;color:var(--ink);overflow-wrap:anywhere}
.cloud-part{margin:0 0 18px;min-width:0}
.cloud-part[hidden]{display:none}
.cloud-part h3{margin:0 0 8px}
.cloud-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cloud-actions .btn{flex:1 1 180px;min-width:0;min-height:44px;justify-content:center;text-align:center;white-space:normal}
.cloud-more .btn{width:100%;min-height:44px;justify-content:center;white-space:normal;text-align:center}

.cloud-form label{display:block;margin-bottom:8px;font-weight:700;font-size:14px}
.cloud-steps{padding-left:22px;line-height:1.55}
.cloud-steps li+li{margin-top:8px}
.cloud-destination{overflow-wrap:anywhere;font-weight:700}
.cloud-row{display:flex;flex-wrap:wrap;gap:10px}
.cloud-row input{flex:1 1 200px;min-width:0;max-width:100%;min-height:46px;padding:12px 14px;background:var(--case-mid);border:1px solid var(--hair-lit);
  color:var(--ink);border-radius:var(--r);font-size:16px}
.cloud-row input::placeholder{color:var(--ink-3)}
.cloud-row input:focus{border-color:var(--mint);outline:none}
.cloud-row input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
#cloudCode{letter-spacing:.18em;font-variant-numeric:tabular-nums}
.cloud-row .btn{flex:1 1 150px;min-width:0;min-height:46px;justify-content:center;white-space:normal}

.cloud-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin:0}
.cloud-facts div{min-width:0;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--r);background:var(--glass)}
.cloud-facts dt{font:700 11px/1.4 var(--body);letter-spacing:.13em;text-transform:uppercase;color:var(--mint)}
.cloud-facts dd{margin:4px 0 0;overflow-wrap:anywhere}

.cloud-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin-top:14px}
.cloud-shelf{min-width:0;padding:12px 14px;border:1px solid var(--hair-lit);border-radius:var(--r);background:var(--glass)}
.cloud-shelf h4{margin:0 0 6px;font:700 14px/1.3 var(--body);color:var(--ink)}
.cloud-shelf p{margin:0;font-size:14px;color:var(--ink-2);overflow-wrap:anywhere}

.cloud-danger{border-top:1px solid var(--hair-lit);padding-top:14px}
.cloud-danger>.btn{width:100%;min-height:44px;justify-content:center;white-space:normal;color:var(--danger)}
.cloud-danger p{margin:0}
.btn.cloud-destroy{color:var(--danger);border-color:var(--danger)}
.cloud-stored{margin-top:4px}

.tray-section #cloudBtn{grid-column:1/-1}
.cloud-nudge .btn[hidden]{display:none}
.cloud-part h3{font:700 16px/1.3 var(--body)}