@layer legacy {
/* Tap a payment marker, or swipe the card to open the same confirmation. */
.popup:not(.active) { visibility: hidden; }
.popup.active { visibility: visible; }
#pageDeals .deal-card { position: relative; min-width: 0; }
#pageDeals .deal-card-header { padding-top: 22px; gap: 12px; }
#pageDeals .deal-card-header > div:first-child { min-width: 0; }
#pageDeals .deal-card-header h4 { flex-wrap: wrap; overflow-wrap: anywhere; }
#pageDeals .deal-card-header .deal-markers {
    position: absolute; top: 9px; right: 10px; gap: 2px;
}
#pageDeals .deal-card-header .deal-markers .marker {
    position: relative; width: 28px; height: 28px; margin: 0; padding: 0;
    border: 0; background: transparent; border-radius: 50%; touch-action: manipulation;
}
#pageDeals .deal-card-header .marker::before {
    content: ''; position: absolute; inset: 8px; border-radius: 50%; background: var(--color-red);
}
#pageDeals .deal-card-header .marker.green::before { background: var(--color-green); }
#pageDeals .marker:focus-visible { outline: 2px solid var(--color-primary); }
#pageDeals .deal-contact, #pageDeals a.detail-value { color: var(--color-primary); text-decoration: none; overflow-wrap: anywhere; }
#pageDeals a:hover { text-decoration: underline; }
#pageDeals .deal-details { overflow-wrap: anywhere; }
#pageDeals .deal-section > div:has(> .deal-detail-row) { flex-wrap: wrap; }
#pageDeals .deal-detail-row { min-width: 0; gap: 6px; }
#pageDeals .deal-total-block { flex-shrink: 0; }
@media (max-width: 768px) {
    #pageDeals .deal-card { touch-action: pan-y; }
}

}

/* Telegram connection lives in the existing profile, using its theme and layout. */
#telegram-settings-content, .telegram-preferences, .telegram-link-actions {
    display: flex; flex-direction: column; gap: 12px; min-width: 0;
}
#telegram-settings-content p { margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
#telegram-settings-content .legacy-button { width: fit-content; max-width: 100%; padding: 10px 14px; white-space: normal; text-align: center; }
#telegram-settings-content details { padding: 12px 0; }
#telegram-settings-content summary { cursor: pointer; margin-bottom: 12px; }
#telegram-settings-content strong { font-size: 24px; letter-spacing: .12em; }
#telegram-settings-content .telegram-check { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; align-items: center; }
#telegram-settings-content .telegram-check input { width: 20px; height: 20px; }
#telegram-settings-content small { line-height: 1.5; color: var(--text-secondary); }

.popup .bot-draft-note{margin:12px 0 18px;padding:12px 14px;border-radius:12px;background:#9252fa1c;color:var(--text-secondary,#ccc);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.popup .bot-draft-save{margin:8px 8px 8px 0;padding:10px 14px!important;border-radius:10px;background:#9252fa26!important;width:auto!important;white-space:normal}
.popup.new-deal .popup-block-content:has(.popup-search){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.popup.new-deal .popup-block-content:has(.popup-search)>label{width:100%!important;min-width:0}
.popup.new-deal .popup-block-content:has(.popup-search)>label>span{display:block!important}
.popup.new-deal .popup-block-content:has(.popup-search)>label>span small{display:block;margin-top:3px;font-size:12px}
.popup.new-deal .selected-contact-link{max-width:100%;overflow-wrap:anywhere}
.popup.new-deal .end-btns>div:has(.bot-draft-save){display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.popup.new-deal .popup-block-content:has(.popup-search){grid-template-columns:minmax(0,1fr)}}
.popup.new-deal .popup-block-content:has(.popup-search)>label>span>.required{display:inline!important;width:auto!important}
.popup .bot-draft-delete{width:auto!important;padding:10px 12px!important;color:var(--color-danger,#ff637e)!important;background:transparent!important;border:1px solid var(--border-color,#444);border-radius:10px}
#telegram-settings .telegram-reminders{margin-top:18px;min-width:0}
#telegram-settings .telegram-reminders>summary{padding:12px 0;cursor:pointer}
#telegram-settings .telegram-reminder-list>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border-color,#333)}
#telegram-settings .telegram-reminder-list>div>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
#telegram-settings .telegram-reminder-list small{color:var(--text-secondary,#aaa)}
#telegram-settings .telegram-reminder-list button{width:auto;flex:0 0 auto;padding:8px 12px}

/* Drafts stay behind one compact action; the deals list retains its space. */
#pageDeals .deal-drafts-trigger{position:relative;overflow:visible;display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;min-width:37px;min-height:37px;padding:8px;border:1px solid var(--border);border-radius:50%!important;background:var(--card);color:var(--link)}
#pageDeals .deal-drafts-trigger svg{width:19px;height:19px}
#pageDeals .deal-drafts-trigger:hover{background:var(--accent);border-color:var(--primary)}
@layer legacy {@media(min-width:769px){#pageDeals .deals-column[data-column=active] .tab-btns{display:flex!important;width:auto;margin-left:auto}#pageDeals .tab-btns>.btn{display:none}}}
@media(max-width:420px){#pageDeals .deals-column-header{gap:6px}#pageDeals .deals-column-header h3{min-width:0;flex:1;display:block}#pageDeals .deals-column-header .deals-count{margin-left:4px}#pageDeals .deals-column-header .deals-column-icon{flex-shrink:0}}
#pageDeals .deal-drafts-trigger .draft-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;border-radius:12px;display:grid;place-items:center;background:#dc354b;color:#fff;font-size:11px;line-height:1;font-weight:700;border:2px solid var(--card,#111);box-shadow:0 0 0 3px #dc354b1a;font-variant-numeric:tabular-nums;pointer-events:none}
#pageDeals .deal-drafts-trigger .draft-count[hidden]{display:none}
.deal-drafts-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--border,#333);border-radius:20px;background:var(--card,#141414);color:var(--foreground,#eee);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.deal-drafts-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.draft-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.draft-dialog-head h2{margin:0;font-size:20px}
.deal-drafts-dialog .draft-dialog-close{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--border,#333);border-radius:10px;background:var(--background,#111);color:var(--muted-foreground,#aaa);font-size:24px}
.draft-dialog-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border,#333);padding-bottom:12px;margin-bottom:4px}
.deal-drafts-dialog .draft-dialog-tabs button{flex:1;min-width:0;min-height:38px;padding:8px;font-size:13px;border:1px solid transparent;border-radius:10px;color:var(--muted-foreground,#aaa);background:transparent;white-space:normal}
.deal-drafts-dialog .draft-dialog-tabs button[aria-pressed=true]{background:var(--accent,#9252fa26);border-color:var(--border,#444);color:var(--foreground,#eee)}
.draft-empty{font-size:14px;line-height:1.6;color:var(--muted-foreground,#aaa);margin:24px 0 12px;text-align:center}
.deal-drafts-dialog .draft-inbox-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;min-width:0;border-bottom:1px solid var(--border,#333)}
.deal-drafts-dialog .draft-inbox-card:last-child{border-bottom:0;padding-bottom:0}
.deal-drafts-dialog .draft-inbox-card>div:first-child{flex:1;display:grid;gap:5px;min-width:0}
.deal-drafts-dialog .draft-inbox-card strong{overflow-wrap:anywhere;font-size:14px}
.deal-drafts-dialog .draft-inbox-badge{font-size:12px;color:var(--muted-foreground,#aaa)}
.draft-trash-note{font-size:13px;line-height:1.5;color:var(--muted-foreground,#aaa);margin:14px 0 0}
.deal-drafts-dialog .draft-contact{font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted-foreground,#aaa)}
.deal-drafts-dialog .draft-contact a{color:var(--primary,#a775ff)}
.deal-drafts-dialog .draft-inbox-amount{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.deal-drafts-dialog .draft-inbox-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}
.deal-drafts-dialog .draft-inbox-actions button{width:auto;min-width:0;padding:8px 10px;min-height:38px;border-radius:10px;color:var(--foreground,#eee);background:var(--accent,#9252fa26);border:1px solid var(--border,#444);font-size:13px}
.deal-drafts-dialog .draft-inbox-actions .draft-delete{display:grid;place-items:center;width:38px;height:38px;padding:8px;color:var(--color-danger,#ff637e);background:transparent}
.deal-drafts-dialog .draft-purge-warning{font-size:12px;line-height:1.5;color:var(--color-danger,#ff637e)}
.deal-drafts-dialog .draft-inbox-actions .draft-purge-confirm{color:var(--color-danger,#ff637e);background:#ff637e12;border-color:#ff637e55;white-space:normal}
.deal-drafts-dialog .draft-inbox-card:has(.draft-purge-warning){flex-wrap:wrap}
.deal-drafts-dialog .draft-inbox-card:has(.draft-purge-warning) .draft-inbox-actions{margin-left:auto}
@media(max-width:480px){.deal-drafts-dialog .draft-inbox-card{flex-direction:column;align-items:stretch}.deal-drafts-dialog .draft-inbox-actions{align-self:flex-end}}
@media(max-width:360px){.deal-drafts-dialog{padding:16px}.deal-drafts-dialog .draft-dialog-tabs button{font-size:12px;padding:8px 4px;white-space:nowrap}.deal-drafts-dialog .draft-inbox-card{flex-wrap:wrap}.deal-drafts-dialog .draft-inbox-actions{margin-left:auto}}

/* Shared navigation count stays visible while working in other modules. */
#sidebar button[data-page="deals"] .deal-drafts-nav-count{display:inline-grid;place-items:center;flex:0 0 auto;min-width:20px;height:20px;padding:0 5px;margin-left:auto;border-radius:999px;background:#dc354b;color:#fff;font-size:11px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px #dc354b1a}
#sidebar button[data-page="deals"] .deal-drafts-nav-count[hidden]{display:none!important}