/* Shared semantic pill colours; notice and table use the same palette. */
:root{--followup-red-bg:#fee2e2;--followup-red-ink:#991b1b;--followup-orange-bg:#ffedd5;--followup-orange-ink:#9a3412;--followup-yellow-bg:#fef3c7;--followup-yellow-ink:#92400e;--followup-grey-bg:#eef0f4;--followup-grey-ink:#667085;--followup-green-bg:#dcfce7;--followup-green-ink:#166534}
html[data-theme=dark]{--followup-red-bg:#552636;--followup-red-ink:#fecaca;--followup-orange-bg:#503420;--followup-orange-ink:#fed7aa;--followup-yellow-bg:#4b3a19;--followup-yellow-ink:#fde68a;--followup-grey-bg:#30394b;--followup-grey-ink:#c2cada;--followup-green-bg:#164e36;--followup-green-ink:#bbf7d0}
html body .customer-followup{padding:5px 14px!important;background:var(--sd-canvas)!important;color:var(--sd-ink)!important}
html body .customer-followup.overdue{background:var(--followup-red-bg)!important;color:var(--followup-red-ink)!important}
html body .customer-followup.soon{background:var(--followup-orange-bg)!important;color:var(--followup-orange-ink)!important}
html body .customer-followup>summary{min-height:48px!important;gap:2px!important;padding:3px 26px 3px 0!important}
html body .customer-followup>summary::after{content:none!important}
html body .customer-followup>summary strong{font-size:14px!important;line-height:1.3!important;color:inherit!important}
html body .customer-followup>summary small{font-size:15px!important;line-height:1.35!important;color:inherit!important;font-weight:400!important}
.followup-chevron{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.customer-followup>summary>.followup-chevron{position:absolute;right:0;top:50%;margin-top:-9px}
.customer-followup[open]>summary>.followup-chevron,.followup-later[open]>summary>.followup-chevron{transform:rotate(180deg)}
html body .customer-followup .followup-action{padding-top:5px!important;gap:6px!important;margin:0!important}
html body .customer-followup .followup-action>input{height:40px!important;min-height:40px!important;padding:7px 10px!important;margin:0!important}
html body .customer-followup .followup-action>.btn,html body .customer-followup .followup-later>summary{font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;min-height:44px!important;padding:10px!important;margin:0!important;box-shadow:none!important}
html body .customer-followup .followup-later>summary{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--sd-purple)!important;background:var(--sd-canvas);border:1px solid var(--sd-rule);border-radius:8px}
.followup-later>summary::marker{content:''}.followup-later>summary::-webkit-details-marker{display:none}
html body .customer-followup .followup-later[open]{flex-basis:100%}
html body .customer-followup p{margin:6px 0!important}
/* Stage box uses the same highlight as a targeted Team Chat bubble. */
html body #deal-editor-content .stage-swipe-box{border-color:var(--sd-purple)!important;outline:2px solid var(--sd-purple)!important;outline-offset:3px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--sd-purple) 12%,transparent)!important;margin:6px 4px!important}
@media(min-width:1024px){html body #deal-stage-nav .stage-nav-heading{align-items:center!important;gap:16px!important}html body #deal-stage-nav .stage-nav-identity{align-self:center!important}html body #deal-stage-nav .stage-nav-identity>strong{font-size:26px!important;line-height:1.3!important}html body #deal-stage-nav .stage-nav-identity>small{font-size:18px!important;line-height:1.35!important}html body #deal-stage-nav.is-slim .stage-nav-identity>strong{font-size:20px!important}html body #deal-stage-nav.is-slim .stage-nav-identity>small{font-size:16px!important}html body #deal-stage-nav .stage-nav-arrows{align-items:center!important;align-self:center!important;gap:8px!important}html body #deal-stage-nav .stage-nav-arrows button{width:52px!important;height:52px!important;min-height:52px!important}html body #deal-stage-nav .stage-nav-arrows svg{width:28px!important;height:28px!important}}
/* Compact status columns, without losing Drawing/Quotation after sending. */
html body .deal-list-table th:nth-child(n+4):nth-child(-n+7),html body .deal-list-table td:nth-child(n+4):nth-child(-n+7){padding-inline:5px!important;text-align:center!important;width:1%;white-space:nowrap}
html body .deal-list-table td:nth-child(3){white-space:normal!important;min-width:105px;max-width:140px;overflow-wrap:normal}
html body .deal-list-table th:nth-child(9){white-space:normal!important}
.followup-pills{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}
html body button.followup-pill{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:999px!important;width:26px!important;height:25px!important;min-height:25px!important;min-width:26px!important;padding:2px 7px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important}
.followup-pill.followup-waiting,.followup-pill.followup-upcoming{background:var(--followup-grey-bg)!important;color:var(--followup-grey-ink)!important}.followup-pill.followup-soon{background:var(--followup-yellow-bg)!important;color:var(--followup-yellow-ink)!important}.followup-pill.followup-overdue{background:var(--followup-red-bg)!important;color:var(--followup-red-ink)!important}.followup-pill.followup-completed{background:var(--followup-green-bg)!important;color:var(--followup-green-ink)!important}
.dl-mobile-followup{display:flex;gap:8px;align-items:center;margin:6px 0}.dl-mobile-followup>small{color:var(--sd-muted)}
.salesdesk-confirm-dialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:85dvh;overflow-y:auto;background:var(--sd-canvas);color:var(--sd-ink);border:1px solid var(--sd-rule);border-radius:14px;padding:22px;box-shadow:0 14px 60px #0003;z-index:1000000}
.salesdesk-confirm-dialog::backdrop{background:#14203588}.salesdesk-confirm-dialog h2{font-size:19px;margin:0 0 14px}.salesdesk-confirm-dialog p{margin:10px 0 18px;overflow-wrap:anywhere}.salesdesk-confirm-dialog label{display:grid;gap:7px}.salesdesk-confirm-dialog select{width:100%;font-size:16px;min-height:44px;background:var(--sd-canvas);color:var(--sd-ink);border:1px solid var(--sd-rule);border-radius:8px;padding:9px}.confirmation-actions{display:flex;gap:8px;flex-wrap:wrap}.confirmation-actions>button{flex:1;min-height:44px}
@media(pointer:coarse){html body button.followup-pill{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important}}
html body .customer-followup>summary{color:inherit!important}
html body #dl-followups{padding:0!important}
html body .customer-followup .followup-later>summary{white-space:nowrap}