/* Inbound. A received message is somebody else's HTML, so it only ever
   appears inside a sandbox="" frame — never as part of this page. */

.pi-key-note code {
  display: block; margin: 8px 0; padding: 8px 10px; border-radius: 8px;
  background: rgba(8,10,16,.07); font-size: 12.5px; word-break: break-all; color: inherit;
}

.pi-section { margin: 26px 0 8px; font-size: 15px; }
.pi-note code, .pi-table code { font-size: 12px; word-break: break-all; }

.pi-actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.pi-actions .pi-btn { padding: 5px 9px; font-size: 12.5px; }

.pi-modal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 20px; }
.pi-backdrop { position: absolute; inset: 0; border: 0; background: rgba(8,10,16,.55); backdrop-filter: blur(2px); cursor: pointer; }
.pi-dialog {
  position: relative; width: min(640px, 100%); max-height: 88vh;
  display: flex; flex-direction: column; overflow: visible;
  padding: 26px 28px;
  border: 1px solid var(--sd-line); box-shadow: 0 24px 60px rgba(8,10,16,.28);
}
.pi-dialog.wide { width: min(980px, 100%); }
.pi-dialog-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-bottom: 8px; }
.pi-close { position: absolute; top: 14px; right: 14px; border: 0; background: transparent; font-size: 15px; cursor: pointer; color: var(--sd-mut); }
.pi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pi-grid label { display: flex; flex-direction: column; gap: 6px; font-size: 11.5px; color: var(--sd-mut); min-width: 0; }
.pi-grid .full { grid-column: 1 / -1; }
.pi-modal-actions {
  display: flex; justify-content: flex-end; gap: 9px;
  margin-top: 16px; padding-top: 16px; flex: none; border-top: 1px solid var(--sd-line);
}

.pi-message { border: 1px solid var(--sd-line); border-radius: 10px; overflow: hidden; background:var(--paper,#fff); }
.pi-message iframe { width: 100%; height: 54vh; border: 0; display: block; }
.pi-plain {
  margin: 0; padding: 14px 16px; border: 1px solid var(--sd-line); border-radius: 10px;
  white-space: pre-wrap; word-break: break-word; font: inherit; font-size: 13.5px; line-height: 1.6;
}

@media (max-width: 760px) { .pi-grid { grid-template-columns: 1fr; } }