/* Wave 4 (B21.28) — draft cancellation + copy actions. Loaded after app.css; nothing here overrides a rule of app.css. */

/* the cancel-draft confirmation opens as a small panel under its toolbar button (anchored at the button's inline end → it grows toward the page) */
.draft-cancel{position:relative;display:inline-flex}
.draft-cancel .draft-cancel-dialog{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:30;width:min(440px,92vw);
  display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:start;margin:0;box-shadow:var(--sh-2, 0 8px 24px rgba(0,0,0,.18))}
.draft-cancel .draft-cancel-dialog label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.draft-cancel .draft-cancel-dialog .draft-cancel-actions{display:flex;gap:8px;justify-content:flex-start}
.draft-cancel .draft-cancel-dialog .err{color:var(--danger, #b42318);font-weight:600}
@media (max-width:600px){.draft-cancel .draft-cancel-dialog{position:fixed;inset-inline:8px;top:auto;bottom:12px;width:auto}}

/* a card opened as a copy of another item: the note under the toolbar */
.copy-note b{margin-inline-end:4px}

/* B21.29 — «إلغاء المسودة المرتبطة»: the two-path dialog (B re-open the quotation / C cancel the deal) and the conversion history */
.linked-cancel .linked-cancel-dialog{width:min(560px,calc(100vw - 24px))}
.linked-cancel .linked-facts{margin:6px 0 2px;padding-inline-start:18px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.linked-cancel .linked-expired{margin:4px 0;font-size:13px}
.linked-cancel .linked-cancel-options{border:1px solid var(--line,#d0d5dd);border-radius:10px;padding:8px 10px;margin:4px 0;display:flex;flex-direction:column;gap:8px}
.linked-cancel .linked-cancel-options legend{font-weight:700;padding-inline:4px}
.linked-cancel .linked-opt{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px 10px;border:1px solid var(--line,#d0d5dd);border-radius:8px;cursor:pointer;font-weight:400}
.linked-cancel .linked-opt input{margin-top:3px}
.linked-cancel .linked-opt.on{border-color:var(--accent,#2e5bff);background:color-mix(in srgb,var(--accent,#2e5bff) 6%,transparent)}
.linked-cancel .linked-opt.off{opacity:.75;cursor:not-allowed;background:var(--panel-2,#f5f6f8)}
.linked-cancel .linked-opt-body{display:flex;flex-direction:column;gap:4px;font-size:13px}
.linked-cancel .linked-opt-body>b{font-size:14px}
.linked-cancel .linked-effect{display:flex;gap:6px;align-items:flex-start;line-height:1.5}
.linked-cancel .linked-effect svg{flex:none;margin-top:3px}
.conversion-history{margin:0 0 10px}
.conversion-history table{width:auto;min-width:min(100%,520px);font-size:13px}
.conversion-history .badge{font-size:11px}
@media (max-width:600px){.linked-cancel .linked-opt{grid-template-columns:auto 1fr}.conversion-history table{width:100%}}
.linked-cancel .linked-cancel-dialog{max-height:calc(100vh - 24px);overflow:auto}