.page-crm-system h1 { max-width:12ch; }
.page-crm-system .bk-rail::after { animation-name:crm-rail-travel; }
@keyframes crm-rail-travel { 0% { top:-44%; } 100% { top:100%; } }

.crm-hero-board { background:color-mix(in srgb,var(--bk-dark-2) 91%,transparent); border:1px solid color-mix(in srgb,var(--bk-accent) 27%,transparent); border-radius:17px; box-shadow:0 30px 70px color-mix(in srgb,var(--bk-dark) 65%,transparent); padding:25px; }
.crm-hero-person { align-items:center; background:var(--bk-dark); border:1px solid var(--bk-rail); border-radius:12px; display:grid; gap:13px; grid-template-columns:48px 1fr auto; padding:14px; }
.crm-hero-person > span, .crm-profile > span { align-items:center; background:var(--bk-accent); border-radius:10px; color:var(--bk-dark); display:flex; font-family:var(--awd-font-display); font-size:13px; height:48px; justify-content:center; width:48px; }
.crm-hero-person small, .crm-hero-person strong, .crm-hero-person p { display:block; }
.crm-hero-person small { color:var(--bk-muted); font-size:8px; letter-spacing:.11em; text-transform:uppercase; }
.crm-hero-person strong { color:var(--bk-inv); font-size:13px; }
.crm-hero-person p { color:var(--bk-dim); font-size:9px; margin:0; }
.crm-hero-person > b { background:color-mix(in srgb,var(--bk-accent) 13%,transparent); border-radius:999px; color:var(--bk-accent); font-size:8px; padding:7px 9px; }
.crm-hero-events { display:grid; gap:7px; margin:12px 0; }
.crm-hero-events p { align-items:center; border:1px solid var(--bk-rail); border-radius:9px; display:grid; gap:9px; grid-template-columns:34px 1fr auto; margin:0; min-height:48px; padding:7px 11px; }
.crm-hero-events p > span { align-items:center; background:color-mix(in srgb,var(--bk-accent) 10%,transparent); border-radius:7px; color:var(--bk-accent); display:flex; height:30px; justify-content:center; width:30px; }
.crm-hero-events b { color:var(--bk-inv); font-size:10px; }
.crm-hero-events small { color:var(--bk-muted); font-size:8.5px; text-align:right; }
.crm-hero-next { background:color-mix(in srgb,var(--bk-accent) 10%,transparent); border-left:2px solid var(--bk-accent); border-radius:0 8px 8px 0; display:grid; grid-template-columns:1fr auto; padding:10px 12px; }
.crm-hero-next small { color:var(--bk-muted); font-size:8px; grid-column:1 / -1; text-transform:uppercase; }
.crm-hero-next b { color:var(--bk-inv); font-size:10px; }
.crm-hero-next span { color:var(--bk-accent); font-size:8.5px; }

.crm-inbox, .crm-record { min-height:690px; }
.crm-activity-choices { display:grid; gap:8px; grid-template-columns:1fr 1fr; margin:18px 0 12px; }
.crm-activity { align-items:start; background:var(--bk-warm); border:1px solid var(--bk-edge); border-radius:10px; color:var(--bk-body); cursor:pointer; display:grid; gap:10px; grid-template-columns:30px 1fr; min-height:94px; padding:11px; text-align:left; }
.crm-activity:hover, .crm-activity.is-selected { background:var(--bk-pill); border-color:var(--bk-accent); }
.crm-activity > span { align-items:center; background:var(--bk-card); border-radius:7px; color:var(--bk-accent-ink); display:flex; font-family:var(--awd-font-display); font-size:9px; height:30px; justify-content:center; width:30px; }
.crm-activity small, .crm-activity b, .crm-activity p { display:block; }
.crm-activity small { color:var(--bk-muted); font-size:7.5px; letter-spacing:.07em; text-transform:uppercase; }
.crm-activity b { color:var(--bk-ink); font-size:10.5px; }
.crm-activity p { color:var(--bk-body); font-size:8.5px; line-height:1.35; margin:2px 0 0; }
.crm-incoming-detail { border:1px solid var(--bk-edge); border-radius:10px; margin:12px 0; min-height:137px; padding:14px; }
.crm-incoming-detail small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.crm-incoming-detail h3 { font-size:16px; margin:4px 0; }
.crm-incoming-detail p { color:var(--bk-body); font-size:10px; margin:0; }
.crm-inbox > .btn { width:100%; }
.crm-profile { align-items:center; border-bottom:1px solid var(--bk-rail); display:grid; gap:12px; grid-template-columns:48px 1fr auto; padding:16px 0; }
.crm-profile b, .crm-profile small { display:block; }
.crm-profile b { color:var(--bk-inv); font-size:12px; }
.crm-profile small { color:var(--bk-muted); font-size:9px; }
.crm-profile em { color:var(--bk-accent); font-size:8.5px; font-style:normal; }
.crm-record-state { border:1px solid var(--bk-rail); border-radius:10px; display:grid; grid-template-columns:1fr 1fr; margin:13px 0; overflow:hidden; }
.crm-record-state span { border-bottom:1px solid var(--bk-rail); padding:9px 11px; }
.crm-record-state span:nth-child(odd) { border-right:1px solid var(--bk-rail); }
.crm-record-state span:last-child { border-bottom:0; border-right:0; grid-column:1 / -1; }
.crm-record-state small, .crm-record-state b { display:block; }
.crm-record-state small { color:var(--bk-muted); font-size:7.5px; letter-spacing:.09em; text-transform:uppercase; }
.crm-record-state b { color:var(--bk-inv); font-size:9.5px; }
.crm-timeline { max-height:342px; min-height:238px; overflow:auto; padding:2px; }
.crm-timeline:focus, .crm-timeline-event:focus { outline:3px solid color-mix(in srgb,var(--bk-accent) 34%,transparent); outline-offset:2px; }
.crm-empty { align-items:center; color:var(--bk-dim); display:flex; flex-direction:column; justify-content:center; min-height:225px; text-align:center; }
.crm-empty > span { align-items:center; background:color-mix(in srgb,var(--bk-accent) 12%,transparent); border-radius:12px; color:var(--bk-accent); display:flex; height:54px; justify-content:center; width:54px; }
.crm-empty p { font-size:10px; max-width:29ch; }
.crm-timeline-event { display:grid; gap:11px; grid-template-columns:32px 1fr; padding-bottom:10px; }
.crm-timeline-event > span { align-items:center; background:var(--bk-dark-2); border:1px solid var(--bk-rail); border-radius:7px; color:var(--bk-accent); display:flex; font-family:var(--awd-font-display); font-size:8px; height:32px; justify-content:center; position:relative; }
.crm-timeline-event > span::after { background:var(--bk-rail); bottom:-12px; content:""; left:50%; position:absolute; top:32px; width:1px; }
.crm-timeline-event:last-child > span::after { display:none; }
.crm-timeline-event > div { border:1px solid var(--bk-rail); border-radius:9px; padding:9px 11px; }
.crm-timeline-event small, .crm-timeline-event b { display:block; }
.crm-timeline-event small { color:var(--bk-muted); font-size:7.5px; }
.crm-timeline-event b { color:var(--bk-inv); font-size:10px; }
.crm-timeline-event p { color:var(--bk-dim); font-size:8.5px; line-height:1.4; margin:2px 0 0; }
.crm-demo-footer { align-items:center; border-top:1px solid var(--bk-rail); display:flex; gap:12px; justify-content:space-between; margin-top:10px; padding-top:11px; }
.crm-demo-footer p { color:var(--bk-dim); font-size:8.5px; margin:0; }
.crm-demo-footer button { background:transparent; border:0; border-bottom:1px solid var(--bk-accent); color:var(--bk-accent); cursor:pointer; font-family:var(--awd-font-body); font-size:9px; min-height:44px; padding:7px 0; }

.crm-anatomy-grid, .crm-governance-grid { align-items:center; display:grid; gap:70px; grid-template-columns:.86fr 1.14fr; }
.crm-anatomy-rule { border-left:2px solid var(--bk-accent); color:var(--bk-dim); font-size:11px; margin-top:24px; padding-left:15px; }
.crm-anatomy { display:grid; gap:9px; list-style:none; margin:0; padding:0; }
.crm-anatomy li { align-items:center; border:1px solid var(--bk-rail); border-radius:10px; display:grid; gap:13px; grid-template-columns:44px 1fr; padding:11px; }
.crm-anatomy li > span { align-items:center; background:color-mix(in srgb,var(--bk-accent) 12%,transparent); border-radius:8px; color:var(--bk-accent); display:flex; font-family:var(--awd-font-display); font-size:9px; height:44px; justify-content:center; }
.crm-anatomy small, .crm-anatomy b { display:block; }
.crm-anatomy small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.crm-anatomy b { color:var(--bk-inv); font-size:11px; }
.crm-connect-map b { font-size:17px; }
.crm-governance-list { display:grid; gap:9px; }
.crm-governance-list article { align-items:center; background:var(--bk-card); border:1px solid var(--bk-edge); border-radius:10px; display:grid; gap:12px; grid-template-columns:45px 1fr; padding:12px; }
.crm-governance-list article > span { align-items:center; background:var(--bk-warm-2); border-radius:8px; color:var(--bk-accent-ink); display:flex; font-family:var(--awd-font-display); font-size:9px; height:45px; justify-content:center; }
.crm-governance-list small, .crm-governance-list b { display:block; }
.crm-governance-list small { color:var(--bk-muted); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.crm-governance-list b { color:var(--bk-ink); font-size:11.5px; }
.crm-governance-list > p { border-left:2px solid var(--bk-accent); color:var(--bk-body); font-size:10.5px; margin:8px 0 0; padding-left:14px; }
.crm-proof-card { background:color-mix(in srgb,var(--bk-clay-ink) 7%,transparent); border:1px solid color-mix(in srgb,var(--bk-clay-ink) 17%,transparent); border-radius:15px; padding:27px; }
.crm-proof-card small { color:var(--bk-clay-kicker); display:block; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.crm-proof-card strong { color:var(--bk-clay-ink); display:block; font-family:var(--awd-font-display); font-size:70px; font-weight:300; line-height:1; margin-top:18px; }
.crm-proof-card b { color:var(--bk-clay-ink); display:block; font-size:15px; }
.crm-proof-card p { border-top:1px solid color-mix(in srgb,var(--bk-clay-ink) 16%,transparent); color:var(--bk-clay-body); font-size:11px; margin:20px 0 13px; padding-top:16px; }
.crm-proof-card > span { color:var(--bk-clay-kicker); font-size:9px; }
.crm-test-grid { display:grid; gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:35px; }
.crm-test-grid article { background:var(--bk-card); border:1px solid var(--bk-edge); border-radius:11px; padding:16px; }
.crm-test-grid span { color:var(--bk-accent-ink); font-family:var(--awd-font-display); font-size:10px; }
.crm-test-grid b { color:var(--bk-ink); display:block; font-size:12px; margin-top:8px; }
.crm-test-grid small { color:var(--bk-body); display:block; font-size:9.5px; margin-top:2px; }

@media(max-width:900px) {
	.crm-hero-board { max-width:620px; }
	.crm-anatomy-grid, .crm-governance-grid { gap:42px; grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
	.crm-inbox, .crm-record { min-height:0; }
	.crm-test-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:460px) {
	.crm-hero-board { padding:18px; }
	.crm-hero-person { grid-template-columns:43px 1fr; }
	.crm-hero-person > b { grid-column:1 / -1; width:max-content; }
	.crm-hero-events p { grid-template-columns:34px 1fr; }
	.crm-hero-events small { grid-column:2; text-align:left; }
	.crm-activity-choices, .crm-test-grid { grid-template-columns:1fr; }
	.crm-profile { grid-template-columns:43px 1fr; }
	.crm-profile em { grid-column:2; }
	.crm-demo-footer { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
	.page-crm-system .bk-rail::after { animation:none; }
}