#g516TestPanel {margin:12px 0 18px;}
#g516TestPanel p {margin:8px 0;}
.g516ActionBar {position:sticky;top:0;z-index:12;background:var(--bg,#f7f8fb);padding:10px 0;align-items:flex-start;}
#g516ManualOptions {position:relative;font-size:14px;}
#g516ManualOptions summary {cursor:pointer;padding:10px 12px;border:1px solid var(--border,#dde3ed);border-radius:10px;background:white;font-weight:600;}
#g516ManualOptions[open]>.inlineActions {position:absolute;right:0;top:45px;width:min(500px,80vw);padding:12px;z-index:15;background:white;border:1px solid #dde3ed;border-radius:12px;box-shadow:0 8px 22px #0002;}
.g516TestDialog {width:min(900px,94vw);max-height:92vh;border:1px solid #dce2ec;border-radius:16px;padding:24px;overflow:auto;}
.g516TestDialog::backdrop {background:#0007;}
.g516TestDialog h2 {margin-top:0;}
.g516TestDialog iframe {display:block;width:100%;height:38vh;border:1px solid #dce2ec;border-radius:10px;background:white;margin:12px 0;}
.g516TestDialog .g516Subject {overflow-wrap:anywhere;font-weight:600;}
.g516HistoryRow {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #dde3ed;}
#generate [data-g516-duplicate="true"]{display:none!important;}

/* v5.16.1: Generate Email must use normal page scrolling.
   The legacy generator used fixed-height nested scroll panes, which can trap the
   page before Attachments / Sections / actions on desktop. */
#generate .generatorSplit{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  align-items:start!important;
}
#generate .generatorControlsScroll,
#generate .generatorPreviewScroll{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}
#generate .generatorPreviewScroll{
  display:block!important;
}
#generate .generatorPreviewScroll>.emailShell{
  min-height:0!important;
  overflow:visible!important;
}
@media(max-width:650px){.g516ActionBar{position:static;}.g516TestDialog{padding:14px;}.g516HistoryRow{align-items:flex-start;flex-direction:column;}}


/* v5.16.2 — per-email attachment picker remains available even with zero defaults. */
.g516AttachmentTools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin:0 0 10px;border:1px solid #d8e2ef;border-radius:10px;background:#f8fbff;}
.g516AttachmentTools>div:first-child b,.g516AttachmentTools>div:first-child span{display:block;}
.g516AttachmentTools>div:first-child span{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4;}
.g516UploadLabel{cursor:pointer;display:inline-flex;align-items:center;}
.g516ExtraHead{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 4px;}
.g516EmailAttachmentRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid #edf1f5;}
.g516EmailAttachmentRow .checkrow{border-bottom:0;}
.g516EmailAttachmentRowActions{display:flex;gap:6px;align-items:center;}
.g516LibraryPicker{width:min(760px,94vw);max-height:88vh;border:1px solid #dce2ec;border-radius:16px;padding:20px;overflow:auto;}
.g516LibraryPicker::backdrop{background:#0007;}
.g516PickerHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.g516PickerHead h2{margin:0 0 4px}.g516PickerHead p{margin:0;color:var(--muted);font-size:12px;}
.g516LibraryPickerRows{display:grid;gap:8px;margin-top:12px;}
.g516LibraryDoc{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e2e8f0;border-radius:9px;background:#fbfcfe;}
.g516LibraryDoc b,.g516LibraryDoc span,.g516LibraryDoc small{display:block;}
.g516LibraryDoc span{font-size:11px;margin-top:3px;color:#566577;overflow-wrap:anywhere;}
.g516LibraryDoc small{font-size:10px;margin-top:4px;color:#95623a;}
@media(max-width:650px){.g516AttachmentTools,.g516LibraryDoc,.g516EmailAttachmentRow{grid-template-columns:1fr;display:grid}.g516EmailAttachmentRowActions{justify-content:flex-start}.g516AttachmentTools .inlineActions{justify-content:flex-start}}

.g516EmailMeta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0 14px;}
.g516EmailMeta>div{padding:10px 12px;border:1px solid #dce2ec;border-radius:10px;background:#fbfcfe;min-width:0;}
.g516EmailMeta span,.g516EmailMeta b{display:block;}
.g516EmailMeta span,.g516Subject>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#667085);font-weight:800;margin-bottom:3px;}
.g516EmailMeta b{overflow-wrap:anywhere;}
.g516Subject{padding:10px 12px;border:1px solid #dce2ec;border-radius:10px;background:#fff;margin:0 0 10px!important;}
.g516Subject b{display:block;overflow-wrap:anywhere;}
@media(max-width:650px){.g516EmailMeta{grid-template-columns:1fr;}}

/* v5.16.3 — subject is regular-weight review text, not a heavy heading. */
.g516Subject,.g516Subject b{font-weight:400!important;}
.g516Subject>span{font-weight:800!important;}

/* v5.16.4 — included attachments are explicit and openable in review. */
.g516IncludedFiles{margin:10px 0 14px;padding:11px 12px;border:1px solid #dce2ec;border-radius:10px;background:#fbfcfe;}
.g516IncludedFilesHead{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#667085);font-weight:850;margin-bottom:7px;}
.g516IncludedFilesList{display:grid;gap:6px;}
.g516IncludedFile{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;border:1px solid #dce2ec;border-radius:8px;background:white;padding:9px 10px;text-align:left;color:inherit;cursor:pointer;}
.g516IncludedFile:hover{background:#f3f7fd;border-color:#b9c9e5;}
.g516IncludedFile span{font-weight:650;overflow-wrap:anywhere;}
.g516IncludedFile small{white-space:nowrap;color:var(--muted,#667085);}

/* Restore the intended Generate Email interaction:
   order details live above; once the two-column editor is reached, each side scrolls independently. */
#generate .generatorSplit{
  height:calc(100vh - 175px)!important;
  min-height:520px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
#generate .generatorControlsScroll{
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:5px!important;
  scrollbar-gutter:stable;
}
#generate .generatorPreviewScroll{
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#generate .generatorPreviewScroll>.emailShell{
  flex:1!important;
  min-height:0!important;
  overflow-y:auto!important;
}
@media(max-width:900px){
 #generate .generatorSplit{height:auto!important;min-height:0!important;overflow:visible!important;}
 #generate .generatorControlsScroll,#generate .generatorPreviewScroll,#generate .generatorPreviewScroll>.emailShell{height:auto!important;overflow:visible!important;}
}

/* v5.16.5 — visible receipt/status feedback for Practice send workflow. */
.g516TestId{font-size:11px;color:var(--muted,#667085);margin:4px 0 10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;}
#g516WorkflowTestBtn{margin:6px 8px 10px 0;}

/* v5.17 — final review controls remain visible while reviewing long messages. */
.g516ReviewFooter{position:sticky;bottom:-24px;z-index:20;margin:16px -24px -24px;padding:12px 24px 16px;background:rgba(255,255,255,.98);border-top:1px solid #dce2ec;box-shadow:0 -8px 18px rgba(30,45,65,.08);backdrop-filter:blur(8px);}
.g516ReviewAck{margin:0 0 9px;padding:0;border:0;}
.g516ReviewActions{align-items:center;}
@media(max-width:650px){.g516ReviewFooter{bottom:-14px;margin:14px -14px -14px;padding:11px 14px 14px;}}
/* Compose envelope fields are editable here; final review remains locked. */
.g517ComposerEnvelope{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-bottom:10px;}
.g517ComposerField{min-width:0;}
.g517ComposerField label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850;margin-bottom:4px;}
.g517ComposerField input{width:100%;box-sizing:border-box;border:1px solid #d8dfe9;border-radius:8px;padding:8px 9px;font:inherit;background:#fff;color:var(--ink);}
.g517ComposerField input:focus{outline:0;border-color:#9bb7f3;box-shadow:0 0 0 3px #eaf0ff;}
.g517ComposerHint{grid-column:1/-1;font-size:9px;color:var(--muted);line-height:1.4;}
.g517SubjectLabel{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850;margin-bottom:4px;}
.g517CampaignUpdates{margin-top:14px;padding-top:14px;border-top:1px solid #e3e8ef;}
.g517CampaignUpdates h3{margin:0 0 4px;font-size:14px;}
.g517CampaignUpdatesMeta{font-size:10px;color:var(--muted);margin-bottom:9px;}
.g517CampaignUpdateRow{padding:10px 11px;border:1px solid #e1e7ef;border-radius:9px;background:#fbfcfe;margin-bottom:7px;}
.g517CampaignUpdateRow b,.g517CampaignUpdateRow span{display:block;}
.g517CampaignUpdateRow span{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.45;}
@media(max-width:700px){.g517ComposerEnvelope{grid-template-columns:1fr;}.g517ComposerHint{grid-column:auto;}}

/* v5.19.2 — compose Subject is an obvious editable textbox. */
.g517ComposerSubject{margin:0 0 10px;}
.g517ComposerSubject input{font-weight:500;}
#generate .sendChecklist[data-g518-obsolete="true"]{display:none!important;}