.drafts-main{container:drafts-main/inline-size}.list-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.list-heading h3{margin:0 0 3px}.list-heading p{margin:0}.eyebrow{color:var(--teal);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);letter-spacing:.11em;text-transform:uppercase}.bridge-status{border-left:4px solid var(--green);background:var(--theme-success,#edf8f2);font-size:var(--font-size-body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.bridge-status.warning{background:var(--theme-warning,#fff8dc);border-left-color:#c18a00}.bridge-status.error{border-left-color:var(--red);background:var(--theme-error,#fff0f1)}.primary-link,.edit-link,.secondary-link{min-height:var(--touch-target);border-radius:var(--radius-control);justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.primary-link{background:var(--teal);color:var(--on-action)}.edit-link{background:var(--theme-warning,#fff7d3);color:var(--theme-warning-text,#544400);border:1px solid #d8b235}.secondary-link{background:var(--theme-secondary,#e3e5e8);color:var(--theme-secondary-text,#34373c)}.list-heading{align-items:end;margin:23px 0 10px}.result-count{color:var(--muted);font-size:12px;font-weight:var(--font-weight-regular)}.draft-list{gap:8px;display:grid}.draft-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--theme-panel,white);border-left:4px solid #e4ae00;grid-template-columns:180px minmax(0,1fr) minmax(230px,auto);align-items:center;gap:15px;min-width:0;padding:14px;display:grid}.draft-card.inactive{background:var(--theme-error,#fbf8f8);border-left-color:#ad5963}.draft-meta{color:var(--navy);font-size:var(--font-size-meta);justify-items:start;gap:4px;display:grid}.draft-meta small{color:var(--muted)}.mail-status-chip{border-radius:var(--radius-pill);font-size:var(--font-size-meta);font-weight:var(--font-weight-regular);padding:3px 8px}.mail-status-chip.concept{color:#2c2600;background:#ffc107}.mail-status-chip.inactive{color:var(--theme-error-text,#7c1f29);background:var(--theme-error,#f7d7db)}.draft-summary{min-width:0}.draft-summary h3{font-size:var(--font-size-card);overflow-wrap:anywhere;margin:5px 0 2px}.draft-summary p{color:var(--muted);font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.mail-chips{flex-wrap:wrap;gap:5px;display:flex}.domain-chip{border-radius:var(--radius-pill);color:var(--navy);font-size:var(--font-size-meta);font-weight:var(--font-weight-regular);padding:3px 7px}.domain-chip.image{background:#a8d3c4}.domain-chip.music{background:#d498c4}.domain-chip.word{background:#7ac5d3}.draft-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.compact{min-height:var(--control-height);padding:7px 11px;font-size:13px}.danger-muted{color:var(--theme-error-text,#7c1f29);background:var(--theme-error,#f7e5e7)}.mail-dialog{border:0;border-radius:10px;width:min(980px,100% - 22px);height:min(900px,100vh - 24px);padding:0}.mail-dialog::backdrop{background:#181b2d94}.mail-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.dialog-heading{justify-content:space-between;align-items:start;gap:14px;padding:18px 18px 12px;display:flex}.dialog-heading h2{overflow-wrap:anywhere;margin:0;font-size:18px}.icon-button{min-width:44px;padding:5px;font-size:24px}.mail-dialog iframe{border:0;border-block:1px solid var(--border);background:var(--theme-subtle,#eef2f7);width:100%;height:100%}.mail-dialog footer{justify-content:flex-end;padding:12px 18px;display:flex}@container drafts-main (width<=900px){.draft-card{grid-template-columns:150px minmax(0,1fr)}.draft-actions{grid-column:1/-1;justify-content:flex-start}}@container drafts-main (width<=560px){.draft-card{grid-template-columns:1fr}.draft-meta{flex-wrap:wrap;align-items:center;display:flex}.draft-actions{grid-column:auto}.draft-actions>*{flex:calc(50% - 7px)}.draft-summary p{white-space:normal}.mail-dialog{width:calc(100% - 12px);height:calc(100vh - 12px)}}