/* Coded CRM artwork: one heading, useful content, minimal framing. */
.crm-product-view{--preview-paper:#f5f5f0;--preview-ink:#242923;--preview-muted:#62695f;--preview-line:#252e2014;--preview-accent:#dcebbd;position:relative;overflow:hidden;border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(140deg,#e4e9dc,#e3e5ee 58%,#eee4da);padding:5px;color:var(--preview-ink);text-align:left;transform:rotateX(var(--screen-x,0deg)) rotateY(var(--screen-y,0deg));transition:transform .18s ease-out;box-shadow:0 14px 32px #0002;font-size:12px;line-height:1.5}
.crm-preview-shell{background:var(--preview-paper);border-radius:11px;padding:20px}
.crm-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.crm-preview-heading h3{font-size:20px;letter-spacing:-.04em;line-height:1.2}
.crm-preview-label{font-size:10px;color:var(--preview-muted);white-space:nowrap}
.crm-records-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px}
.crm-records-nav{display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--preview-line);padding-right:12px;color:var(--preview-muted);font-size:10px}
.crm-records-nav span{padding:8px 5px;border-radius:5px}.crm-records-nav .is-current{background:var(--preview-accent);color:var(--preview-ink)}
.crm-records-scroll{overflow-x:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#8b9384 transparent;outline-offset:-2px}
.crm-records table{border-collapse:collapse;width:100%;min-width:520px;font-size:10px;white-space:nowrap}
.crm-records th{text-align:left;font-weight:400;color:var(--preview-muted);padding:0 10px 13px;border-bottom:1px solid var(--preview-line)}
.crm-records td{padding:17px 10px;border-bottom:1px solid var(--preview-line)}.crm-records tr:last-child td{border:0}
.crm-records strong{font-weight:500}.crm-company-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#e6e9e0;margin-right:7px;font-size:10px;color:#526b33}
.crm-record-stage{font-size:9px;color:#4b5d3e;background:#e8edde;padding:3px 6px;border-radius:5px}
.crm-preview-setup .crm-preview-shell{padding:22px}.crm-preview-setup .crm-preview-heading h3{font-size:18px}
.crm-preview-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.crm-preview-steps li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:20px 12px;background:#fff9;border-radius:9px}
.crm-preview-check{color:#526b33;display:flex}.crm-preview-check svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.crm-preview-steps strong{font-size:12px;font-weight:500}
.crm-preview-progress{height:3px;margin-top:24px;border-radius:3px;background:#e2e6dc;overflow:hidden}.crm-preview-progress span{display:block;height:100%;background:#708c47;transform-origin:left}
@media(max-width:540px){.crm-preview-shell{padding:15px}.crm-preview-heading h3{font-size:18px}.crm-records-layout{grid-template-columns:1fr;gap:0}.crm-records-nav{display:none}.crm-preview-setup .crm-preview-shell{padding:18px}.crm-preview-setup .crm-preview-heading{gap:8px}.crm-preview-steps li{padding:18px 10px}.crm-preview-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crm-product-view{transform:none!important;transition:none}}
.crm-motion-paused .crm-product-view{transform:none;transition:none}

/* The hero mirrors the real application's navigation, records and open record. */
.crm-records{--preview-paper:#191919;--preview-ink:#e5e5e5;--preview-muted:#929292;--preview-line:#ffffff12;--preview-accent:#303030;background:#292a29;padding:3px;border-color:#ffffff20;border-radius:14px}
.crm-records .crm-preview-shell{padding:0;overflow:hidden;border-radius:10px}
.crm-app-layout{display:grid;grid-template-columns:120px minmax(0,1fr) 170px;min-height:345px}
.crm-records .crm-records-nav{padding:18px 9px;background:#151515;gap:3px;font-size:9px}
.crm-records-nav>strong{font-size:12px;color:#dedede;padding:0 6px 17px;letter-spacing:-.04em}
.crm-records-nav>small{font-size:8px;padding:13px 6px 4px;color:#838383}
.crm-records .crm-records-nav span{padding:7px 6px}
.crm-records-main{min-width:0;display:flex;flex-direction:column}
.crm-app-title{display:flex;align-items:center;justify-content:space-between;padding:15px 13px;border-bottom:1px solid var(--preview-line)}
.crm-app-title h3{font-size:12px;font-weight:500;letter-spacing:-.02em}.crm-app-title>span{color:var(--preview-muted);font-size:11px}
.crm-records-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;font-size:8px;color:#bdbdbd}.crm-records-toolbar small{color:#888;margin-left:5px}
.crm-records-scroll{scrollbar-width:none}.crm-records-scroll::-webkit-scrollbar{display:none}
.crm-records table{min-width:450px;font-size:8px}.crm-records th{padding:7px 9px;background:#1d1d1d;font-size:8px}.crm-records td{padding:12px 9px}.crm-records tbody tr:first-child{background:#232323}
.crm-records .crm-company-mark{background:#343a31;color:#c9dbb5;font-size:8px;width:17px;height:17px;margin-right:5px}
.crm-record-checkbox{display:block;width:8px;height:8px;border:1px solid #666;border-radius:2px}
.crm-records-count{padding:10px 13px;font-size:8px;color:#858585;margin-top:auto;border-top:1px solid var(--preview-line)}
.crm-record-detail{padding:20px 13px;border-left:1px solid var(--preview-line);background:#1d1d1d;font-size:9px}
.crm-record-detail>.crm-company-mark{width:28px;height:28px;font-size:12px}.crm-record-detail h4{font-size:14px;font-weight:500;margin:9px 0 15px;letter-spacing:-.03em}
.crm-detail-tabs{display:flex;gap:14px;border-bottom:1px solid var(--preview-line);font-size:8px;padding-bottom:10px;color:#929292}.crm-detail-tabs b{font-weight:400;color:#eee}
.crm-record-detail dl{display:grid;grid-template-columns:45px 1fr;gap:12px 8px;margin:20px 0;font-size:8px}.crm-record-detail dt{color:#929292}.crm-record-detail dd{margin:0}
.crm-linked-person{display:flex;gap:8px;align-items:center;padding:12px 0;border-block:1px solid var(--preview-line)}
.crm-avatar{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#b9c9ab;color:#263420;font-size:11px;letter-spacing:-.02em}
.crm-linked-person .crm-avatar{width:23px;height:23px;font-size:8px}.crm-linked-person small,.crm-detail-task small{display:block;color:#939393;font-size:8px;margin-top:3px}.crm-detail-task{padding-top:17px}.crm-detail-task>span{margin-right:5px}
.crm-service .crm-demo,.crm-art-note{font-size:10px;color:#858981;font-weight:400;text-align:center;margin-top:18px}
.crm-colour-break .crm-setup-dashboard figcaption{font-size:10px;color:#50612d;margin-top:14px}
/* Level, shadow-free story cards; no repeated decorative header. */
.service-ui .crm-enquiry,.service-ui .crm-flow-node{box-shadow:none;filter:none}
.crm-enquiry::before,.crm-enquiry::after,.crm-flow-node::before,.crm-flow-node::after{display:none}
.crm-enquiry-alert{display:flex;align-items:center;gap:10px;padding:19px 22px;font-size:12px}.crm-enquiry-alert strong{font-weight:500}.crm-enquiry-alert>span:last-child{margin-left:auto;font-size:10px;color:#999}
.crm-enquiry-body{border-top:1px solid #ffffff12;padding:24px 22px}.crm-sender{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--text)}.crm-sender small,.crm-enquiry-followup small{display:block;color:#9b9d9a;font-size:11px;margin-top:3px}
.crm-sales-story .crm-message{font-size:clamp(18px,2vw,23px);line-height:1.4;letter-spacing:-.025em;color:var(--text);margin:24px 0 28px}
.crm-enquiry-followup{display:flex;align-items:center;gap:12px;font-size:12px;border-top:1px solid #ffffff12;padding-top:18px;color:var(--text)}.crm-enquiry-followup .crm-preview-check{color:var(--accent);font-size:19px}
.crm-flow-connector{transform-origin:top}.crm-flow-art{padding-block:20px}.crm-flow-art .crm-art-note{margin-top:24px}
.crm-preview-setup{padding:3px;border-radius:14px}.crm-preview-setup .crm-preview-shell{border-radius:10px}
@media(max-width:650px){.crm-app-layout{grid-template-columns:100px minmax(0,1fr)}.crm-record-detail{display:none}}
@media(max-width:540px){.crm-app-layout{grid-template-columns:minmax(0,1fr);min-height:320px}.crm-records .crm-preview-shell{padding:0}.crm-records table{font-size:9px}.crm-records .crm-records-nav{display:none}.crm-enquiry-body{padding:20px}.crm-enquiry-alert{padding:18px 20px}}