/* =====================================================================
   MODAL
   ===================================================================== */
.modal-bg{
  display: none; position: fixed; inset: 0; background: rgba(6,7,10,.55);
  z-index: var(--z-modal); align-items: flex-end; justify-content: center;
}
.modal-bg.open{ display: flex; }
.modal-box{
  background: var(--card); border-radius: var(--r-lg) var(--r-lg) 0 0;
  padding: var(--sp-5); width: 100%; max-width: 480px; max-height: 85vh; overflow-y: auto;
  box-shadow: var(--shadow-modal);
}
@media (min-width: 600px){
  .modal-bg{ align-items: center; }
  .modal-box{ border-radius: var(--r-lg); }
}
.modal-box h3{ margin-top: 0; }
.modal-actions{ display: flex; gap: var(--sp-2); margin-top: var(--sp-4); }
.modal-actions button{ flex: 1; }

.cloud-copy-row{
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
  margin-top: var(--sp-3); background: var(--accent-wash); border: 1px solid var(--accent-wash);
  border-radius: var(--r-md); padding: var(--sp-3);
}
.cloud-copy-row b{ font-family: var(--font-mono); font-size: 1.15em; letter-spacing: .06em; color: var(--accent); }