/* CRM presentation layer. Business state remains in the existing services. */
:root {
  --color-bg: #f5f7f8;
  --color-text: #202b2e;
  --color-text-muted: #58686d;
  --color-border: #e1e6e7;
  --color-primary: #246473;
  --color-primary-hover: #194b58;
  --crm-space: 24px;
  --crm-radius: 8px;
  --crm-shadow: 0 3px 12px rgb(22 39 44 / 5%);
  --sidebar-width: 232px;
  --crm-sidebar: #142c30;
  --crm-sidebar-active: #26494d;
}
.ui-premium { font-size: 14px; line-height: 1.6; color: var(--color-text); }
.ui-premium h1 { font-size: 30px; line-height: 1.25; }
.ui-premium h2 { font-size: 18px; }
.ui-premium h3 { font-size: 16px; }
.ui-premium p { color: var(--color-text-muted); }
.ui-premium :where(h1,h2,h3,h4,p,a,button,span,small,dd) { overflow-wrap: anywhere; letter-spacing: 0; }
.ui-premium :where(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid #397f90; outline-offset: 3px; }
.ui-premium [hidden] { display: none !important; }
.ui-premium .nav { padding: 28px 14px 18px; background: var(--crm-sidebar); border-right: 1px solid #213b3f; gap: 26px; }
.ui-premium .nav-brand { padding: 2px 8px 22px; color: #fff; border-bottom: 1px solid #365054; }
.ui-premium .nav-brand strong { font-size: 23px; font-weight: 750; color: #fff; }
.ui-premium .nav-brand > .ui-brand-mark { background: #326870; border: 1px solid #50838b; color: #fff; width: 34px; height: 38px; border-radius: 6px; flex-shrink: 0; }
.ui-premium .nav-brand div > span { font-size: 10px; max-width: 140px; color: #b6cbcd; margin-top: 5px; }
.ui-premium .nav-label { font-size: 11px; color: #a9c1c4; margin-bottom: 8px; }
.ui-premium .nav-group { gap: 5px; }
.ui-premium .nav-group a,.ui-premium .ui-nav-link { font-size: 14px; min-height: 44px; color: #d2e0e1; }
.ui-premium .nav-group a:hover,.ui-premium .ui-nav-link:hover { background: #203e42; color: #fff; }
.ui-premium .nav-group a.active,.ui-premium .ui-nav-link.active { color: #fff; background: var(--crm-sidebar-active); box-shadow: inset 3px 0 #82c3c4; }
.ui-premium button.ui-nav-link { width: 100%; background: transparent; text-align: left; cursor: pointer; }
.ui-premium .ui-nav-secondary,.ui-premium .ui-nav-user { border-color: #365054; }
.ui-premium .ui-nav-user strong { font-size: 13px; color: #fff; }
.ui-premium .ui-nav-user div span { font-size: 12px; color: #b6cbcd; }
.ui-premium .nav .ui-avatar { background: #315056; color: #e4f3f3; border-color: #4d6a70; }
.ui-premium .nav .ui-icon-button { color: #d2e0e1; }
.ui-premium .nav .ui-icon-button:hover { background: #26494d; color: #fff; }
.ui-premium .nav :focus-visible { outline-color: #9cdddd; }
.ui-premium .top { background: #fff; padding-inline: 32px; }
.ui-premium .top-context { color: #53666b; font-size: 13px; min-width: 0; }
.ui-premium .top-context > span { color: #607378; font-size: 11px; }
.ui-premium .global-search input { font-size: 13px; background: #f7f9f9; }
.ui-premium .ui-top-link { font-size: 13px; min-height: 36px; min-width: 36px; justify-content: center; }
.ui-premium .shell { padding: 28px 30px 56px; max-width: 1800px; }
.ui-premium .button { font-size: 13px; min-height: 40px; }
.ui-premium input,.ui-premium select,.ui-premium textarea { font-size: 14px; border-color: #c9d3d6; }
.ui-premium .ui-empty h3 { font-size: 18px; }
.ui-premium .ui-empty p { font-size: 14px; }
.ui-premium .ui-context,.ui-premium .ui-page-head .ui-context { color: #596c71; font-size: 13px; }
.crm-skip-link { position: fixed; left: 16px; top: -100px; z-index: 1000; background: #fff; color: #174d59; padding: 12px; border: 2px solid #397f90; }
.crm-skip-link:focus { top: 12px; }
.crm-quick-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.crm-today-head { padding: 6px 0 32px; border-bottom: 1px solid var(--color-border); margin-bottom: 28px; }
.crm-today-head h1 { font-size: 36px; margin: 10px 0; }
.crm-today-head > p:not(.ui-context) { font-size: 16px; }
.crm-today-head .crm-quick-actions { margin-bottom: 0; }
.crm-today-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.crm-today-grid .ui-section { padding-top: 0; border-top: 0; }
.crm-today-grid .ui-section h3 { font-weight: 550; }
.crm-empty { padding: 24px; text-align: center; border-block: 1px solid var(--color-border); background: #fff; }
.crm-empty-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border: 1px solid #dce5e7; border-radius: var(--crm-radius); background: #f6f9f9; margin-bottom: 10px; color: #2e6773; }
.crm-empty-icon .ui-icon { width: 24px; height: 24px; }
.crm-empty h3 { margin: 4px 0 6px; font-size: 18px; }
.crm-empty p { max-width: 480px; margin: 0 auto 14px; }
.crm-pipeline-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0; }
.crm-pipeline-toolbar > p { margin: 0; font-size: 13px; }
.crm-pipeline-toolbar .crm-segmented { margin-left: auto; }
.crm-board-navigation { display: flex; gap: 4px; }
.crm-board-navigation button { width: 34px; height: 34px; border: 1px solid #cfdbde; background: white; }
.crm-board-navigation button:disabled { opacity: .4; cursor: default; }
.crm-segmented { display: inline-flex; padding: 3px; gap: 3px; border: 1px solid #dbe2e4; border-radius: 6px; background: #eff3f4; }
.crm-segmented a { display: flex; align-items: center; gap: 7px; color: #506369; padding: 6px 10px; font-size: 13px; border-radius: 4px; text-decoration: none; }
.crm-segmented a[aria-current] { background: #fff; box-shadow: 0 1px 3px #192b3020; color: #184e5c; }
.crm-board { display: grid; grid-auto-flow: column; grid-auto-columns: 278px; gap: 14px; align-items: start; margin-bottom: 26px; max-width: 100%; overflow-x: auto; padding: 4px 2px 18px; scrollbar-width: thin; scrollbar-color: #9db3b7 #e7edef; }
.crm-lane { min-width: 0; }
.crm-lane > header { display: flex; gap: 8px; align-items: start; justify-content: space-between; border-top: 3px solid #8faeb3; padding: 12px 5px 10px; margin-bottom: 4px; }
.crm-lane > header small { font-size: 12px; color: #536b71; display: block; margin-top: 4px; }
.crm-lane h2 { margin: 0; font-size: 14px; }
.crm-lane > header > span { color: #405b63; font-size: 12px; background: #e2eaec; padding: 1px 7px; border-radius: 4px; }
.crm-lane-empty { padding: 18px 12px; font-size: 13px; border-top: 1px dashed #ccd9dc; }
.crm-lane-items { display: grid; gap: 12px; }
.crm-deal { background: #fff; border: 1px solid #dde4e6; border-radius: var(--crm-radius); padding: 14px; box-shadow: var(--crm-shadow); min-width: 0; }
.crm-deal-company { display: flex; gap: 8px; align-items: center; }
.crm-deal-company > a { flex: 1; min-width: 0; color: #2c454d; text-decoration: none; font-size: 13px; font-weight: 650; }
.crm-deal-company .ui-avatar { width: 28px; height: 28px; font-size: 10px; flex-shrink: 0; }
.crm-deal h3 { font-size: 15px; line-height: 1.4; margin: 12px 0 5px; }
.crm-deal h3 a { text-decoration: none; color: #23383e; }
.crm-meta { font-size: 12px; margin: 4px 0 10px; }
.crm-deal-value { font-weight: 700; font-size: 18px; font-variant-numeric: tabular-nums; }
.crm-deal-next { display: flex; gap: 8px; border-top: 1px solid #edf0f1; margin: 12px 0 10px; padding-top: 10px; font-size: 13px; line-height: 1.45; }
.crm-deal footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: #63767a; font-size: 12px; }
.crm-record-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(230px,300px); gap: 36px; }
.crm-record-layout > * { min-width: 0; }
.crm-record-aside { border-left: 1px solid var(--color-border); padding-left: 28px; }
.crm-lead { font-size: 17px; }
.crm-evidence { border-left: 2px solid #ccdce0; padding-left: 16px; margin-top: 24px; }
.crm-evidence p { margin-block: 6px; }
.crm-evidence small { color: #607176; font-size: 12px; }
.ui-premium .company-hero { background: transparent; border: 0; border-radius: 0; padding: 0 0 26px; border-bottom: 1px solid var(--color-border); grid-template-columns: minmax(0,1fr) auto; box-shadow: none; }
.ui-premium .company-hero h1 { font-size: 30px; }
.ui-premium .hero-contacts { font-size: 14px; gap: 16px; margin-top: 14px; }
.ui-premium .hero-priority { justify-self: end; }
.crm-company-tools { grid-column: 1/-1; }
.crm-company-tools > summary { cursor: pointer; font-size: 13px; color: #536970; }
.crm-company-tools .actions { margin-top: 12px; }
.ui-premium .tabs { margin-top: 24px; }
.ui-premium .tabs > nav { display: flex; flex-wrap: wrap; gap: 4px 16px; border-bottom: 1px solid var(--color-border); margin-bottom: 28px; }
.ui-premium .tabs > nav button { background: transparent; color: #566b71; border: 0; border-bottom: 2px solid transparent; padding: 12px 2px; border-radius: 0; font-size: 14px; }
.ui-premium .tabs > nav button.active { border-bottom-color: #246473; color: #174d59; }
.ui-premium .opportunity-card { border: 1px solid var(--color-border); border-radius: var(--crm-radius); box-shadow: var(--crm-shadow); background: #fff; padding: 22px; }
.ui-premium .ui-settings-grid { gap: 0 28px; }
.ui-premium .ui-settings-link { padding: 18px 4px; border: 0; border-bottom: 1px solid var(--color-border); border-radius: 0; background: transparent; box-shadow: none; }
.ui-premium .ui-settings-link strong { font-size: 14px; }
.ui-premium .ui-settings-link small { font-size: 13px; color: #607176; }
.ui-premium .ui-entity-row { padding: 16px 0; }
.ui-premium .ui-entity-name strong { font-size: 15px; }
.ui-premium .ui-entity-name small { font-size: 13px; }
.ui-premium .nono-composer { background: #fff; border: 1px solid #cedde0; border-radius: var(--crm-radius); box-shadow: var(--crm-shadow); padding: 22px; }
.ui-premium .nono-composer label { font-size: 15px; }
.ui-premium .nono-composer textarea { font-size: 16px; line-height: 1.6; }
.ui-premium .nono-empty { min-height: 110px; background: transparent; padding-block: 18px; }
.ui-premium .nono-empty h3 { font-size: 20px; }
.ui-premium .nono-empty p { font-size: 14px; margin: 8px auto; max-width: 420px; }
.ui-premium .nono-result-item { border: 1px solid #dce5e7; border-radius: var(--crm-radius); padding: 18px; background: #fff; }
.ui-premium .nono-result-item h3 { font-size: 16px; }
.ui-premium .nono-metric { min-height: 92px; }
.ui-premium .nono-metric small { color: #5b7076; }
.crm-onboarding { width: min(800px,calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #d4dfe2; border-radius: 8px; color: var(--color-text); box-shadow: 0 24px 80px #142b3040; overflow-y: auto; }
.crm-onboarding::backdrop { background: #162c3759; }
.crm-onboarding > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding: 24px 28px; border-bottom: 1px solid var(--color-border); }
.crm-onboarding header h2 { margin: 4px 0 0; font-size: 22px; }
.crm-onboarding header p { margin: 0; }
.crm-guide-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); min-height: 375px; }
.crm-guide-index { margin: 0; padding: 22px 16px; list-style: none; border-right: 1px solid var(--color-border); background: #f6f9f9; }
.crm-guide-index button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px 7px; text-align: left; background: transparent; border: 0; border-radius: 4px; font-size: 13px; color: #566c73; cursor: pointer; }
.crm-guide-index button span { display: inline-grid; place-items: center; width: 22px; height: 22px; border: 1px solid #d1dfe2; border-radius: 4px; flex-shrink: 0; font-size: 12px; }
.crm-guide-index button[aria-current] { background: #e4eff1; color: #174e5c; font-weight: 650; }
.crm-guide-content { padding: 28px; min-width: 0; background: #fff; }
.crm-guide-symbol { display: inline-grid; place-items: center; width: 40px; height: 40px; background: #ecf4f5; border: 1px solid #d4e3e6; border-radius: 7px; color: #246473; }
.crm-guide-counter { font-size: 12px; margin-top: 16px; }
.crm-guide-content h3 { font-size: 24px; line-height: 1.3; margin: 10px 0 16px; }
.crm-guide-content section > p:not(.crm-guide-counter) { font-size: 15px; }
.crm-guide-content aside { display: flex; gap: 10px; align-items: start; border-top: 1px solid var(--color-border); padding-top: 16px; margin-top: 24px; }
.crm-guide-content aside p { margin: 0; font-size: 13px; }
.crm-onboarding > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 28px; background: #fff; border-top: 1px solid var(--color-border); }
.crm-onboarding > footer > div { display: flex; gap: 8px; }
.crm-executive-head { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 24px; }
.crm-executive-head h1 { margin: 4px 0 8px; font-weight: 700; }
.crm-executive-head p { margin: 0; font-size: 14px; }
.crm-executive-head .ui-context { font-size: 12px; margin-bottom: 6px; }
.crm-kpis { display: grid; grid-template-columns: minmax(0,1.4fr) repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 28px; }
.crm-kpi { display: grid; grid-template-columns: minmax(0,1fr) 18px; align-content: start; gap: 4px 8px; background: #fff; border: 1px solid #dce4e7; border-radius: 8px; padding: 16px; color: #263c43; text-decoration: none; box-shadow: var(--crm-shadow); min-width: 0; }
.crm-kpi:hover { border-color: #88aeb5; background: #fdfefe; }
.crm-kpi > .ui-icon { grid-column: 2; grid-row: 1; color: #527980; width: 17px; height: 17px; }
.crm-kpi > span { grid-row: 1; font-size: 12px; font-weight: 550; }
.crm-kpi strong { grid-column: 1/-1; font-size: 29px; font-weight: 700; line-height: 1.3; font-variant-numeric: tabular-nums; margin: 5px 0; }
.crm-kpi:first-child strong { font-size: 21px; min-height: 38px; display: flex; align-items: center; flex-wrap: wrap; gap: 0 5px; }
.crm-value-part { white-space: nowrap; }
.crm-value-separator { font-size: 16px; }
.crm-kpi small { grid-column: 1/-1; font-size: 12px; color: #596d74; }
.crm-cockpit { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,310px); gap: 28px; }
.crm-cockpit-main,.crm-cockpit-aside { min-width: 0; }
.crm-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.crm-section-heading h2 { margin: 0; font-size: 17px; }
.crm-section-heading p { font-size: 13px; margin: 4px 0 0; }
.crm-section-heading .ui-context { font-size: 11px; margin: 0 0 3px; }
.crm-count { display: inline-grid; place-items: center; background: #e1ebed; color: #285563; font-size: 12px; border-radius: 4px; min-width: 22px; height: 22px; vertical-align: middle; margin-left: 5px; }
.crm-decisions { border-top: 3px solid #276574; padding-top: 18px; margin-bottom: 30px; }
.crm-decision-clear { display: flex; align-items: start; gap: 14px; background: #ecf3f1; border-left: 3px solid #568a79; padding: 20px; }
.crm-decision-clear > .ui-icon { color: #42715f; width: 22px; height: 22px; margin-top: 2px; }
.crm-decision-clear h3 { margin: 0 0 5px; font-size: 15px; }
.crm-decision-clear p { margin: 0; font-size: 13px; }
.crm-decision { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--color-border); }
.crm-decision h3 { margin: 7px 0 5px; font-size: 16px; }
.crm-decision p { margin: 0; font-size: 13px; max-width: 66ch; }
.crm-decision-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; }
.crm-decision > .button { flex-shrink: 0; }
.crm-pipeline-section { margin-bottom: 28px; }
.crm-pipeline-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #d5e0e2; }
.crm-pipeline-summary a { display: grid; gap: 3px; padding: 14px 10px; border-bottom: 1px solid #dce4e6; text-decoration: none; color: #2b424a; min-width: 0; }
.crm-pipeline-summary a:hover { background: #eaf0f2; }
.crm-pipeline-summary a > span { font-size: 12px; min-height: 38px; }
.crm-pipeline-summary strong { font-size: 22px; font-weight: 650; }
.crm-pipeline-summary small { font-size: 11px; color: #556b72; }
.crm-nono-presence { background: #fff; border: 1px solid #cbdde0; border-radius: 8px; padding: 22px; box-shadow: var(--crm-shadow); }
.crm-nono-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 23px; }
.crm-nono-heading h2 { font-size: 15px; margin: 0; }
.crm-nono-heading div > span { font-size: 12px; color: #5c7278; }
.crm-nono-symbol { display: grid; place-items: center; background: #e5f0f1; color: #246473; border: 1px solid #c4dcdf; border-radius: 7px; width: 38px; height: 38px; }
.crm-nono-presence h3 { font-size: 19px; line-height: 1.4; margin: 0 0 10px; }
.crm-nono-presence p { font-size: 14px; line-height: 1.7; margin-bottom: 20px; }
.crm-nono-presence > .button { display: flex; width: 100%; justify-content: center; }
.crm-text-link { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 13px; color: #286575; text-decoration: none; margin-top: 14px; }
.crm-following { padding: 25px 0 12px; }
.crm-inline-empty { font-size: 14px; line-height: 1.65; padding-block: 12px; margin: 0; }
.crm-follow-item { border-top: 1px solid #dce4e7; padding: 12px 0; }
.crm-follow-item > a { color: #2d4d57; font-size: 14px; font-weight: 600; text-decoration: none; }
.crm-follow-item p { font-size: 12px; margin: 5px 0 0; }
.crm-start { border-top: 1px solid #dce4e7; padding-top: 18px; }
.crm-start h2 { font-size: 15px; margin: 0; }
.crm-start p { font-size: 13px; margin: 8px 0; }
.crm-feed { list-style: none; padding: 0; margin: 0; }
.crm-feed li { display: flex; align-items: center; gap: 12px; border-top: 1px solid #e0e7e9; padding: 12px 0; }
.crm-feed-icon { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #d6e3e6; background: #fff; border-radius: 6px; color: #52727c; flex-shrink: 0; }
.crm-feed li > div { flex: 1; min-width: 0; }
.crm-feed strong,.crm-feed a { display: block; font-size: 13px; }
.crm-feed a { text-decoration: none; color: #4c6871; }
.crm-feed time { font-size: 11px; color: #58717a; }
.crm-work-focus { margin: 0 0 24px; border-block: 1px solid var(--color-border); padding: 18px 0; }
.crm-task-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--color-border); }
.crm-task-row > div { flex: 1; }
.crm-task-row small { display: block; color: #597078; }
.crm-contact { font-size: 12px; }
.ui-premium .crm-client-row { grid-template-columns: minmax(170px,1.3fr) minmax(130px,1fr) minmax(120px,1fr) minmax(150px,1.1fr) auto; }
.ui-premium .crm-client-row small { display: block; line-height: 1.5; margin-top: 4px; }
.ui-premium .crm-company-table td { padding: 14px 10px; }
.ui-premium .crm-company-table th { font-size: 11px; }
.ui-premium .ui-empty { padding-block: 22px; min-height: 0; }
@media(min-width:1440px) { .ui-premium .shell { padding-inline: 34px; } }
@media(max-width:1200px) { .crm-cockpit { grid-template-columns: minmax(0,1fr) 270px; gap: 22px; } .crm-kpis { gap: 8px; } .crm-kpi { padding: 12px; } .crm-kpi:first-child strong { font-size: 18px; } .ui-premium .crm-client-row { grid-template-columns: minmax(160px,1.4fr) 1fr 1fr; } .crm-client-row > .button { justify-self: start; } }
@media(max-width:1050px) { .crm-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } .crm-kpi strong,.crm-kpi:first-child strong { min-height: 36px; font-size: 24px; } .crm-cockpit { grid-template-columns: minmax(0,1fr) 250px; gap: 20px; } .crm-pipeline-summary { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .crm-cockpit { grid-template-columns: minmax(0,1fr); } .crm-cockpit-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .crm-start { grid-column: 1/-1; } .crm-executive-head { align-items: start; } .crm-executive-head > .button { max-width: 170px; } }
@media(max-width:1100px) { .crm-record-layout { grid-template-columns: minmax(0,1fr) 240px; gap: 24px; } .ui-premium .shell { padding: 28px 26px 56px; } }
@media(max-width:900px) { .ui-premium .shell { margin-left: 0; } .ui-premium .top { left: 0; padding-inline: 22px; } }
@media(max-width:600px) {
  .ui-premium .shell { padding: 24px 20px 48px; }
  .ui-premium .top { padding-inline: 16px; gap: 12px; }
  .ui-premium .top-context { max-width: 120px; }
  .ui-premium .top-context > span { display: none; }
  .ui-premium .global-search { max-width: none; width: auto; flex: 1; min-width: 80px; }
  .ui-premium .global-search input { padding-right: 8px; }
  .ui-premium .global-search label::after { display: none; }
  .ui-premium .ui-top-link > span { display: none; }
  .crm-today-grid,.crm-record-layout { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .crm-today-head h1 { font-size: 32px; }
  .crm-record-aside { border: 0; padding: 20px 0; border-top: 1px solid var(--color-border); }
  .crm-empty { padding: 22px 16px; }
  .crm-empty h3 { font-size: 19px; }
  .crm-board { grid-template-columns: none; grid-auto-columns: min(278px,85vw); scroll-snap-type: x proximity; }
  .crm-lane { scroll-snap-align: start; }
  .crm-executive-head { display: block; margin-bottom: 20px; }
  .crm-executive-head h1 { font-size: 28px; }
  .crm-executive-head > .button { margin-top: 14px; max-width: none; }
  .crm-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .crm-kpi:first-child { grid-column: 1/-1; }
  .crm-kpi:first-child strong { font-size: 24px; }
  .crm-kpi small { font-size: 11px; }
  .crm-cockpit-aside { display: block; }
  .crm-cockpit-main,.crm-cockpit-aside { display: contents; }
  .crm-decisions { order: 1; }
  .crm-nono-presence { order: 2; margin-top: 0; }
  .crm-pipeline-section { order: 3; }
  .crm-following { order: 4; }
  .crm-my-work { order: 5; }
  .crm-feed-section { order: 6; }
  .crm-start { order: 7; }
  .crm-section-heading { align-items: start; }
  .crm-section-heading .button { padding-inline: 6px; min-height: 32px; font-size: 12px; }
  .crm-decision { flex-wrap: wrap; }
  .crm-pipeline-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .crm-pipeline-summary a > span { min-height: 0; }
  .crm-nono-presence { margin-top: 20px; }
  .ui-premium .crm-client-row { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .ui-premium .company-hero { grid-template-columns: minmax(0,1fr); }
  .ui-premium .hero-priority { justify-self: start; }
  .crm-guide-layout { grid-template-columns: minmax(0,1fr); min-height: 380px; }
  .crm-guide-index { display: flex; gap: 4px; padding: 8px 18px; border: 0; border-bottom: 1px solid var(--color-border); }
  .crm-guide-index li { flex: 1; min-width: 0; }
  .crm-guide-index button { font-size: 0; padding: 4px; gap: 0; justify-content: center; }
  .crm-guide-index button span { font-size: 12px; }
  .crm-guide-content { padding: 22px; }
  .crm-onboarding > header,.crm-onboarding > footer { padding: 18px 20px; }
  .crm-onboarding header h2 { font-size: 20px; }
  .crm-guide-content h3 { font-size: 22px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition: none !important; animation: none !important; } }