@import url("./styles/base.css?v=20260811-3");
@import url("./styles/pages-conversations.css?v=20260811-1");
@import url("./styles/pages-sales.css?v=20260813-1");
@import url("./styles/pages-customers.css?v=20260814-8");
@import url("./styles/pages-performance.css?v=20260809-1");
@import url("./styles/pages-settings.css?v=20260907-pipeline-header");
@import url("./styles/pages-shell-notifications.css?v=20260811-3");
@import url("./styles/pages-overlays.css?v=20260806-1");
@import url("./styles/responsive.css?v=20260810-1");
@import url("./styles/final.css?v=20260811-1");
@import url("./styles/pages-dashboard.css?v=20260815-28");
@import url("./styles/pages-conversations-layout.css?v=20260807-2");
@import url("./styles/pages-sales-layout.css?v=20260806-2");
@import url("./styles/pages-customers-layout.css?v=20260806-1");
@import url("./styles/pages-settings-layout.css?v=20260806-1");
@import url("./styles/pages-notifications-layout.css?v=20260813-2");
@import url("./styles/layout-system.css?v=20260810-1");
@import url("./styles/product-ui.css?v=20260814-9");
@import url("./styles/responsive-contract.css?v=20260810-1");
@import url("./styles/redesign.css?v=20260814-3");
@import url("./styles/pages-pipeline.css?v=20260814-8");
@import url("./styles/widgets.css?v=20260811-1");
@import url("./styles/sidebar.css?v=20260813-14");
@import url("./styles/pages-template-workspace.css?v=20260813-3");
@import url("./styles/pages-message-settings.css?v=20260814-5");

/* Group 1: shared sales controls inside the existing workspaces. */
.group1-cycle-note header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.group1-cycle-note h3 { display:flex; align-items:center; gap:8px; margin:0; font-size:14px; }
.group1-cycle-note p { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted,#64748b); font-size:14px; line-height:1.6; }
.group1-stage-warning { display:flex; align-items:center; gap:8px; padding:12px; border-radius:8px; background:#fff7df; color:#855b11; font-size:13px; }
.product-cycle-detail .group1-stage-warning { margin:12px 20px; }
.won-flow { display:grid; gap:14px; }
.won-document-helper { border:1px solid #dce3ed; border-radius:12px; background:#fff; overflow:hidden; }
.won-document-helper summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; list-style:none; cursor:pointer; }
.won-document-helper summary::-webkit-details-marker { display:none; }
.won-helper-heading,.won-helper-meta { display:flex; align-items:center; gap:10px; }
.won-helper-heading strong { font-size:14px; font-weight:600; line-height:1.4; }
.won-helper-heading > svg { color:#356cb7; flex-shrink:0; }
.won-helper-meta { color:#748196; font-size:12px; }
.won-helper-meta svg { transition:transform .15s; }
.won-document-helper[open] .won-helper-meta svg { transform:rotate(180deg); }
.won-helper-body { padding:0 16px 16px; }
.won-helper-body > p { margin:0 0 12px; color:#68768b; font-size:13px; line-height:1.5; }
.won-doc-list { border:1px solid #e1e6ee; border-radius:9px; overflow:hidden; }
.won-doc-row { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px 16px; cursor:pointer; background:#fff; }
.won-doc-row + .won-doc-row { border-top:1px solid #e7ebf1; }
.won-doc-row:hover { background:#f8fafc; }
.won-doc-row:has(input:checked) { background:#f0f5fc; }
.won-doc-row:has(input:focus-visible) { outline:2px solid #3474ca; outline-offset:-2px; }
.won-doc-row > input { width:18px; height:18px; min-height:0; margin:0; padding:0; accent-color:#3168b6; cursor:pointer; }
.won-doc-copy { display:grid; gap:5px; min-width:0; }
.won-doc-copy strong { color:#20314b; font-size:14px; font-weight:600; line-height:1.4; }
.won-doc-copy small { color:#6d7b90; font-size:13px; font-weight:400; line-height:1.45; overflow-wrap:anywhere; }
.won-doc-amount { color:#20314b; font-size:14px; font-weight:600; line-height:1.4; font-variant-numeric:tabular-nums; white-space:nowrap; }
.won-helper-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:12px; }
.won-helper-total { display:grid; gap:5px; }
.won-helper-total small { color:#6d7b90; font-size:12px; line-height:1.4; }
.won-helper-total strong { color:#20314b; font-size:16px; font-weight:600; font-variant-numeric:tabular-nums; }
.won-helper-footer .secondary-button { flex-shrink:0; min-height:38px; padding:9px 14px; font-size:13px; }
@media(max-width:600px) {
 .won-document-helper summary { padding:14px; gap:8px; }
 .won-helper-body { padding:0 14px 14px; }
 .won-helper-heading { gap:8px; }
 .won-helper-heading strong { font-size:13px; }
 .won-doc-row { grid-template-columns:18px minmax(0,1fr); gap:7px 12px; padding:14px; }
 .won-doc-amount { grid-column:2; }
 .won-helper-footer { gap:10px; }
}
.won-preview-result > div { display:grid; gap:8px; }
.won-preview-result p { margin:0; line-height:1.5; text-transform:capitalize; }
.won-preview-result small { display:block; }
.purchase-hero.voided { background:#fff1f2; }
.group1-history-filter { color:#64748b; font-size:13px; }
.new-sale-detail-grid > .form-field:has(textarea) { grid-column:1 / -1; }
@media(max-width:600px) {
  .pipeline-detail-scroll > .group1-stage-warning { margin:12px 16px; }
}
/* Actionable Dashboard KPIs retain the existing card typography and alignment. */
button.db-kpi { font:inherit; color:inherit; text-align:left; cursor:pointer; }

/* History rows have text first; selection pickers reserve that column for an avatar. */
.group1-history-list { display:grid; gap:10px; }
.group1-history-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:14px; width:100%; padding:14px 16px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.group1-history-row:hover { background:#f8fafc; border-color:#cbd5e1; }
.group1-history-copy { display:grid; gap:4px; min-width:0; }
.group1-history-copy strong { font-size:14px; font-weight:600; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
.group1-history-copy small { font-size:12px; line-height:1.5; color:#64748b; white-space:normal; }
.group1-history-value { display:grid; justify-items:end; gap:5px; font-size:14px; }
.group1-history-row > svg { width:16px; height:16px; }

/* Stage movement uses the same picker in the workspace and compact previews. */
.pipeline-detail-edit { margin-left:auto; flex:0 0 auto; }
.pipeline-stage-control { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; max-width:100%; border:1px solid #9cb8df; border-radius:8px; padding:6px 10px; background:#fff; color:#214f91; font:inherit; cursor:pointer; position:relative; z-index:1; box-shadow:0 1px 2px #162a4510; }
.pipeline-stage-control strong { font:inherit; font-weight:600; }
.pipeline-stage-control:hover { border-color:#356dc3; background:#f4f8ff; }
.pipeline-stage-control .icon { flex-shrink:0; width:13px; height:13px; transform:rotate(90deg); }
.pipeline-detail-progress li > strong { align-self:center; }
.cycle-current-stage-label { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:5px 8px; border:1px solid #9cb8df; border-radius:7px; background:#fff; color:#214f91; }
.cycle-current-stage-label .icon { width:12px; height:12px; transform:rotate(90deg); }
.outcome-fill.grp-meta_ad, .outcome-key.grp-meta_ad i { background:#356dc3; }
.outcome-fill.grp-google_campaign, .outcome-key.grp-google_campaign i { background:#8055b6; }
.outcome-fill.grp-unknown, .outcome-key.grp-unknown i { background:#9a7724; }
.pipeline-stage-control:focus-visible { outline:2px solid #3478d5; outline-offset:3px; border-radius:8px; }
.pipeline-detail-scroll > .group1-stage-warning { margin:16px 24px; }

.pipeline-detail-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; }
.pipeline-detail-head .pipeline-detail-edit { grid-column:3; grid-row:1; margin:0; }
.pipeline-detail-head .pipeline-detail-title { grid-column:2; grid-row:1; min-width:0; }
.document-save-note { color:var(--muted,#64748b); font-size:13px; line-height:1.5; }