/* Scoped saved-draft screens; existing shell, type, colors and button patterns. */
.draft-shell { max-width: 920px; }
.draft-message:empty { display: none; }
.draft-message { color: #294768; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
#draft-content { display: grid; gap: 20px; }
.draft-card { min-width: 0; padding: 28px; border: 1px solid #dce5ee; border-radius: 20px; background: #fff; box-shadow:0 14px 38px rgba(23,43,77,.055); }
.draft-card h2 { margin: 20px 0 10px; font-size: clamp(22px,3vw,30px); line-height: 1.25; letter-spacing: -.025em; overflow-wrap: anywhere; }
.draft-timing { margin: 0 0 24px; color: #536981; }
.draft-details { margin: 20px 0; }
.draft-details > div { display: grid; grid-template-columns: minmax(150px,1fr) minmax(0,1.8fr); gap: 16px; padding: 14px 0; border-top: 1px solid #e6ecf2; }
.draft-details dt { color: #536981; font-size: 14px; }
.draft-details dd { margin: 0; font-size: 14px; font-weight: 650; color: #142c46; overflow-wrap: anywhere; }
.draft-disclosure { font-size: 13px; line-height: 1.6; color: #536981; margin: 16px 0; }
.draft-actions, #draft-recovery { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 16px 0; }
.draft-link-label { display: grid; gap: 8px; font-size: 14px; font-weight: 650; margin-top: 24px; }
.draft-link-label input { width: 100%; min-width: 0; box-sizing: border-box; background: #f5f8fb; color: #294768; border: 1px solid #d3dfea; border-radius: 8px; padding: 12px; font-size: 14px; }
.draft-link-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; margin-top:20px; }
.draft-link-row .draft-link-label { margin:0; }
.draft-link-row input { height:44px; font-weight:400; }
.draft-link-row .button { min-height:44px; }
.draft-link-actions { display:flex; align-items:center; gap:8px; }
.draft-x-share { white-space:nowrap; text-decoration:none; }
.draft-empty { display:grid; justify-items:start; padding:32px; border:1px solid #dce5ee; background:#fff; border-radius:20px; box-shadow:0 14px 38px rgba(23,43,77,.055); }
.draft-empty h2 { margin:0 0 8px; font-size:20px; line-height:28px; }
.draft-empty p { margin:0 0 20px; color:#53647a; font-size:14px; line-height:22px; }
.draft-empty .button { width:fit-content; }
.draft-list-card h2 { margin:12px 0 8px; font-size:22px; }
.draft-list-card .draft-timing { margin:0 0 16px; font-size:14px; }
.preview-card > .back-link { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 12px; }
.draft-shell .back-link { min-height: 44px; display: inline-flex; align-items: center; }
.draft-shell .page-intro > .back-link { display: flex; width: max-content; max-width: 100%; }
#saved-draft-title:focus { outline: none; }
#save-shared-draft { margin-top: 12px; }
#draft-copy-confirm { box-sizing: border-box; width: min(500px,calc(100% - 32px)); padding: 28px; border: 1px solid #dce5ee; border-radius: 16px; background: #fff; color: #142c46; }
#draft-copy-confirm::backdrop { background: rgba(16,35,54,.48); }
#draft-copy-confirm h2 { margin: 0 0 12px; font-size: 24px; letter-spacing: -.025em; }
#draft-copy-confirm p { font-size: 15px; line-height: 1.6; color: #536981; }
#draft-copy-confirm .draft-actions { margin-bottom: 0; }
#draft-copy-confirm .button { flex: 1 1 180px; }
.draft-card .status-pill { white-space:normal; line-height:18px; font-size:12px; font-weight:600; letter-spacing:0; text-transform:none; padding:3px 9px; }
.draft-people { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-bottom:28px; }
.draft-person { display:flex; align-items:center; gap:12px; min-width:0; padding:14px; border:1px solid #e3eaf2; border-radius:14px; background:#f8fafc; }
.draft-person-avatar { position:relative; width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:50%; background:#e8f0fc; color:#245184; font-size:12px; font-weight:750; overflow:hidden; }
.draft-person-avatar img { position:absolute; inset:0; width:40px; height:40px; object-fit:cover; }
.draft-person-copy { min-width:0; }
.draft-person-copy :is(strong,small,.draft-person-role) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.draft-person-copy strong { color:#152238; font-size:17px; line-height:24px; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.draft-person-copy :is(small,.draft-person-role) { color:#53647a; font-size:12px; line-height:18px; }
.draft-totals { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin:24px 0 8px; }
.draft-totals > div { display:grid; grid-row:span 2; grid-template-rows:subgrid; min-width:0; }
.draft-totals > div { padding:16px; border-radius:12px; background:#f3f7fc; }
.draft-totals span { display:block; color:#53647a; font-size:12px; line-height:18px; }
.draft-totals strong { display:block; margin-top:4px; font-size:clamp(17px,1.6vw,20px); line-height:26px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.draft-shared-card h2 { font-size:clamp(20px,2.5vw,28px); }
.draft-shared-card .draft-timing { margin-bottom:16px; font-size:14px; }
.draft-terms-disclosure,.draft-sharing { border-top:1px solid #e6ecf2; margin-top:20px; }
.draft-terms-disclosure > summary,.draft-sharing > summary { padding:14px 0; min-height:44px; cursor:pointer; font-size:14px; font-weight:650; color:#294768; }
.draft-terms-disclosure .draft-details { margin:0; }
.draft-sharing-body > .draft-disclosure:first-child { margin-top:0; }
.draft-sharing .draft-actions { margin:12px 0; gap:8px; }
.draft-sharing .button { font-size:13px; min-height:44px; white-space:normal; }
.draft-sharing .draft-disclosure:last-child { margin-bottom:0; }
.real-app .draft-shell { max-width:920px; }
.real-app .draft-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.draft-page-heading > div { min-width:0; }
.draft-page-heading h1 { font-size:28px; letter-spacing:-.035em; }
.draft-page-heading .button { flex:none; }
.draft-page-heading p { font-size:14px; }
.real-app .draft-breadcrumb { min-height:44px; font-size:13px; margin-bottom:0; width:fit-content; }
.draft-feedback { padding:20px 24px; border:1px solid #dce5ee; border-radius:12px; background:#fff; margin-bottom:20px; }
.draft-feedback[data-state="auth"] { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:18px; padding:28px; box-shadow:0 14px 38px rgba(23,43,77,.045); }
.draft-feedback-icon { display:none; }
.draft-feedback[data-state="auth"] .draft-feedback-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:11px; background:#edf4ff; color:#245184; }
.draft-feedback-icon .ui-icon { width:22px; height:22px; }
.draft-feedback-copy { min-width:0; }
.draft-feedback[data-state="auth"] .draft-message { color:#152238; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-.015em; }
.draft-feedback-note { display:none; margin:3px 0 0; color:#53647a; font-size:14px; line-height:22px; }
.draft-feedback[data-state="auth"] .draft-feedback-note { display:block; }
.draft-feedback[data-state="auth"] #draft-recovery { margin:0; }
.draft-feedback:not(:has(.draft-message:not(:empty),#draft-recovery:not(:empty))) { display:none; }
.draft-feedback .draft-message { margin:0; }
.draft-feedback #draft-recovery { margin:16px 0 0; }
.draft-feedback #draft-recovery:empty { display:none; }
.real-app .draft-list-card { padding:24px 26px; }
.draft-list-top,.draft-list-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.draft-list-top { font-size:13px; }
.draft-list-top .status-pill { flex:none; background:#f1f4f8; border:1px solid #dce4ed; color:#53647a; }
.draft-list-card h2 { margin:20px 0 4px; font-size:22px; line-height:1.35; }
.draft-list-callout { margin:0 0 18px; color:#53647a; font-size:13px; line-height:20px; }
.draft-list-withdrawn { color:#294768; font-size:15px; }
.draft-list-footer { border-top:1px solid #e6ecf2; padding-top:16px; }
.draft-list-meta { display:grid; gap:4px; min-width:0; }
.draft-list-card .draft-timing { margin:0; font-size:12px; line-height:18px; }
.draft-list-stake { font-size:13px; line-height:20px; font-weight:600; font-variant-numeric:tabular-nums; }
.draft-list-footer .button { flex:none; min-height:44px; font-size:13px; }
.draft-manage { border-top:1px solid #e6ecf2; margin-top:0; }
.draft-manage > summary { padding:14px 0; min-height:44px; cursor:pointer; font-size:14px; font-weight:650; color:#294768; }
.draft-manage > .button { margin:0 8px 12px 0; }
.draft-manage > .draft-disclosure { margin:0 0 8px; }
.draft-shared-card :is(.draft-terms-disclosure,.draft-sharing) { margin-top:0; }
.draft-shared-card .draft-terms-disclosure { margin-top:20px; }
.draft-asset-lockup { display:flex; align-items:center; gap:12px; min-width:0; margin:2px 0 14px; }
.draft-asset-logos { display:flex; flex:none; }
.draft-asset-logos .asset-logo { width:42px; height:42px; font-size:13px; border:1px solid #dce5ee; background:#fff; }
.draft-asset-logos .asset-logo + .asset-logo { margin-left:-10px; }
.draft-asset-lockup > div:last-child { display:grid; min-width:0; }
.draft-asset-lockup strong { color:#152238; font-size:16px; line-height:22px; overflow-wrap:anywhere; }
.draft-asset-lockup span:not(.asset-logo) { color:#63758b; font-size:12px; line-height:18px; }
.draft-asset-lockup.is-compact { margin:0; }
.draft-asset-lockup.is-compact .asset-logo { width:36px; height:36px; }
.draft-shared-card > .status-pill { display:inline-flex; margin-bottom:14px; }
.draft-shell :is(button,a,summary,input):focus-visible { outline:2px solid #1769ff; outline-offset:3px; }
.draft-shell [hidden] { display:none!important; }
@media(max-width: 540px) {
  .real-app .draft-page-heading { align-items:flex-start; gap:12px; flex-wrap:wrap; }
  .draft-card { padding:20px; border-radius:16px; }
  .real-app .draft-list-card { padding:20px; }
  .draft-list-top { gap:12px; align-items:flex-start; }
  .draft-list-top .status-pill { max-width:100px; text-align:center; }
  .draft-list-card h2 { font-size:18px; }
  .draft-list-footer { align-items:flex-start; flex-direction:column; gap:12px; }
  .draft-list-footer .button { width:100%; }
  .draft-feedback { padding:20px; }
  .draft-feedback[data-state="auth"] { grid-template-columns:44px minmax(0,1fr); align-items:start; gap:14px; padding:20px; }
  .draft-feedback[data-state="auth"] #draft-recovery { grid-column:1/-1; width:100%; }
  .draft-empty { padding:20px; }
  .draft-link-row { gap:8px; }
  .draft-link-row { grid-template-columns:minmax(0,1fr); }
  .draft-link-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .draft-link-actions .button { width:100%; }
  .draft-link-row input { font-size:16px; }
  .draft-link-row .button { font-size:13px; padding-inline:12px; }
  .draft-people { grid-template-columns:minmax(0,1fr); gap:10px; margin-bottom:22px; }
  .draft-person { gap:12px; }
  .draft-person-copy { width:auto; flex:1; }
  .draft-totals { column-gap:12px; }
  .draft-details > div { grid-template-columns: 1fr; gap: 5px; }
  .draft-actions .button, #draft-recovery .button { width: 100%; }
}