/* Code CRM / Stage 1 R21
 * Connected instrument masthead, command rail, record surface and sales flow.
 * All selectors are scoped to the CRM R21 root; no shell/home/canvas rules.
 */
html[data-ui="5"] .crm-shell.crm-r21 {
  --crm-r21-bg:rgba(2,15,25,.94);
  --crm-r21-glass:linear-gradient(145deg,rgba(8,31,46,.94),rgba(2,16,27,.98) 70%);
  --crm-r21-raised:rgba(10,35,49,.72);
  --crm-r21-ink:#eff7fc;
  --crm-r21-muted:#a7bfce;
  --crm-r21-faint:#7d9bad;
  --crm-r21-line:rgba(101,180,214,.22);
  --crm-r21-edge:rgba(135,210,243,.38);
  --crm-r21-cyan:#42d9ff;
  --crm-r21-amber:#ffb367;
  --crm-r21-green:#69e4b3;
  --crm-r21-shadow:inset 0 1px rgba(230,248,255,.07),0 16px 42px rgba(0,0,0,.24);
  color:var(--crm-r21-ink);
  gap:15px;
  min-width:0;
  max-width:100%;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
html[data-ui="5"] .crm-r21 .crm-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  margin:0;
  padding:20px 22px;
  min-height:112px;
  border:1px solid var(--crm-r21-edge);
  border-radius:14px;
  background:radial-gradient(ellipse at 0 10%,rgba(35,137,177,.12),transparent 54%),var(--crm-r21-glass);
  box-shadow:var(--crm-r21-shadow);
  overflow:hidden;
}
html[data-ui="5"] .crm-r21 .crm-head::before {
  content:"";
  position:absolute;
  top:0;
  left:16px;
  right:16px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--crm-r21-cyan) 32%,transparent 60%,var(--crm-r21-amber) 86%,transparent);
  opacity:.65;
}
html[data-ui="5"] .crm-r21 .crm-head::after {
  inset:-100px auto auto 12%;
  width:290px;
  height:290px;
  border-color:rgba(84,191,228,.07);
  box-shadow:0 0 0 25px rgba(84,191,228,.025),0 0 0 50px rgba(84,191,228,.015);
}
html[data-ui="5"] .crm-r21 .crm-r21-identity { display:flex; align-items:center; gap:16px; min-width:0; }
html[data-ui="5"] .crm-r21 .crm-r21-mark { width:49px; height:54px; display:grid; place-items:center; flex-shrink:0; color:var(--crm-r21-cyan); border:1px solid rgba(50,182,230,.35); border-radius:13px; background:linear-gradient(160deg,rgba(18,85,111,.38),rgba(3,21,34,.3)); box-shadow:inset 0 1px rgba(198,242,255,.12),0 0 21px rgba(0,164,221,.08); }
html[data-ui="5"] .crm-r21 .crm-r21-mark svg { filter:drop-shadow(0 0 7px rgba(25,203,248,.32)); }
html[data-ui="5"] .crm-r21 .crm-headline { min-width:0; }
html[data-ui="5"] .crm-r21 .crm-headline .eyebrow { color:var(--crm-r21-amber); background:none; -webkit-text-fill-color:currentColor; font-size:8px; letter-spacing:.16em; margin-bottom:6px; }
html[data-ui="5"] .crm-r21 .crm-headline h1 { color:var(--crm-r21-ink); font-size:clamp(24px,2.05vw,33px); font-weight:650; letter-spacing:-.045em; line-height:1.18; margin:0 0 7px; }
html[data-ui="5"] .crm-r21 .crm-headline p { max-width:none; margin:0; font-size:12px; line-height:1.65; color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-r21-overview { min-width:330px; display:grid; gap:8px; }
html[data-ui="5"] .crm-r21 .crm-r21-overview-label { color:var(--crm-r21-faint); font-size:9px; letter-spacing:.02em; }
html[data-ui="5"] .crm-r21 .crm-minikpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; min-width:0; margin:0; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-mini {
  min-width:0;
  display:grid;
  gap:3px;
  padding:0 14px;
  background:transparent!important;
  border:0!important;
  border-inline-start:1px solid var(--crm-r21-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-mini:first-child { border-inline-start:0!important; padding-inline-start:0; }
html[data-ui="5"] .crm-r21 .crm-mini b { font-size:clamp(18px,1.65vw,26px); font-weight:600; line-height:1.2; color:var(--crm-r21-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
html[data-ui="5"] .crm-r21 .crm-mini span { color:var(--crm-r21-muted); font-size:10px; white-space:nowrap; }

/* Search and navigation read as two tracks of one instrument. */
html[data-ui="5"] .crm-r21 .crm-r21-command { border:1px solid var(--crm-r21-edge); border-radius:13px; background:var(--crm-r21-glass); box-shadow:inset 0 1px rgba(198,237,255,.04); min-width:0; position:relative; z-index:3; }
html[data-ui="5"] .crm-r21 .crm-workspace-tools { margin:0; padding:9px 12px; gap:15px; border:0; border-bottom:1px solid var(--crm-r21-line); border-radius:0; background:transparent; flex-wrap:nowrap; }
html[data-ui="5"] .crm-r21 .crm-global-search { flex:1 1 300px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-global-search .search-input { min-height:39px; border:0!important; border-radius:6px; background:rgba(4,22,35,.32)!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-global-search .search-input input { min-height:39px; padding-block:6px; font-size:13px; border:0!important; background:transparent!important; box-shadow:none!important; }
html[data-ui="5"] .crm-r21 .crm-global-search .search-input>svg { color:var(--crm-r21-cyan); width:17px; height:17px; }
html[data-ui="5"] .crm-r21 .crm-workspace-tools .crm-system-link { font-size:10px; white-space:nowrap; color:var(--crm-r21-muted); min-height:36px; }
html[data-ui="5"] .crm-r21 .crm-status-dot { width:5px; height:5px; color:var(--crm-r21-green); background:currentColor; box-shadow:0 0 8px rgba(70,234,173,.25); }
html[data-ui="5"] .crm-r21 .crm-context-note { font-size:9px; color:var(--crm-r21-faint); }
html[data-ui="5"] .crm-r21 .crm-search-results { background:var(--crm-r21-bg); border-color:var(--crm-r21-edge); box-shadow:0 16px 50px rgba(0,0,0,.5); border-radius:11px; }
html[data-ui="5"] .crm-r21 .crm-search-result { min-height:50px; }
html[data-ui="5"] .crm-r21 .crm-search-result strong { font-size:13px; }
html[data-ui="5"] .crm-r21 .crm-search-result small { font-size:11px; }
html[data-ui="5"] .crm-r21 .crm-topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin:0; padding:8px 10px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-subnav { min-width:0; flex-wrap:nowrap; gap:2px; border:0!important; border-radius:0; padding:0 0 4px; background:transparent!important; overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(82,150,183,.3) transparent; overscroll-behavior-inline:contain; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-tab { position:relative; min-height:38px; flex:none; padding:8px 10px; font-size:11px; gap:6px; border:0!important; border-bottom:1px solid transparent!important; border-radius:5px 5px 0 0; color:var(--crm-r21-muted)!important; background:transparent!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-tab.active { color:var(--crm-r21-amber)!important; border-bottom-color:var(--crm-r21-amber)!important; background:linear-gradient(0deg,rgba(255,161,75,.07),transparent)!important; box-shadow:none!important; }
html[data-ui="5"] .crm-r21 .crm-tab svg { width:15px; height:15px; color:inherit; opacity:.9; }
html[data-ui="5"] .crm-r21 .crm-r21-view-controls { display:flex; align-items:center; gap:8px; padding-inline-start:10px; border-inline-start:1px solid var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-r21-view-controls>.field { margin:0; min-width:116px; width:116px; gap:1px; }
html[data-ui="5"] .crm-r21 .crm-r21-view-controls .field label { font-size:8px; color:var(--crm-r21-faint); }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-r21-view-controls select { min-height:29px; padding:3px 7px; font-size:11px; border:0!important; border-bottom:1px solid var(--crm-r21-line)!important; border-radius:0; background:transparent!important; box-shadow:none!important; }
html[data-ui="5"] .crm-r21 .crm-r21-view-controls .seg { border:0; padding:0; background:transparent; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-r21-view-controls .btn { min-height:35px; padding:6px 8px; font-size:10px; }

/* A single continuous deck presents actual values and zero-height zero values. */
html[data-ui="5"] .crm-r21 .crm-section { gap:16px; }
html[data-ui="5"] .crm-r21 .crm-r21-analytics-heading { padding:4px 1px 0; margin:0; }
html[data-ui="5"] .crm-r21 .crm-r21-eyebrow { color:var(--crm-r21-faint); font-size:8px; letter-spacing:.19em; display:block; margin-bottom:4px; }
html[data-ui="5"] .crm-r21 .crm-h2 { font-size:18px; letter-spacing:-.02em; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-range { border:0; background:transparent; gap:3px; padding:0; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-range .btn { min-height:34px; padding:7px 10px; font-size:11px; background:transparent!important; border:1px solid transparent!important; color:var(--crm-r21-muted)!important; box-shadow:none!important; border-radius:7px!important; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-range .btn[aria-pressed="true"] { border-color:rgba(255,169,77,.46)!important; background:rgba(177,95,23,.08)!important; color:var(--crm-r21-amber)!important; }
html[data-ui="5"] .crm-r21 .crm-analytics-note { border:0; padding:0; color:var(--crm-r21-faint); font-size:10px; line-height:1.6; margin-top:-5px; }
html[data-ui="5"] .crm-r21 .crm-r21-instruments { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; border:1px solid var(--crm-r21-edge); border-radius:13px; overflow:hidden; background:var(--crm-r21-glass); box-shadow:var(--crm-r21-shadow); }
html[data-ui="5"] .crm-r21 .crm-kpi { display:flex; flex-direction:column; min-height:114px; min-width:0; padding:14px 16px 12px; background:transparent; border:0; border-inline-end:1px solid var(--crm-r21-line); border-bottom:1px solid var(--crm-r21-line); border-radius:0; box-shadow:none; transition:background 160ms ease; }
html[data-ui="5"] .crm-r21 .crm-kpi:nth-child(5n) { border-inline-end:0; }
html[data-ui="5"] .crm-r21 .crm-kpi:nth-last-child(-n+5) { border-bottom:0; }
html[data-ui="5"] .crm-r21 .crm-kpi:hover { transform:none; background:rgba(33,112,145,.07); border-color:var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-kpi::after { content:none; }
html[data-ui="5"] .crm-r21 .crm-kpi-top { font-size:10px; line-height:1.3; gap:5px; color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-kpi-top svg { color:var(--crm-r21-cyan); width:15px; height:15px; flex:none; }
html[data-ui="5"] .crm-r21 .crm-kpi:nth-child(5n) .crm-kpi-top svg { color:var(--crm-r21-amber); }
html[data-ui="5"] .crm-r21 .crm-kpi>b { font-size:clamp(22px,2.1vw,30px); font-weight:600; line-height:1.2; color:var(--crm-r21-ink); margin-top:9px; overflow-wrap:anywhere; }
html[data-ui="5"] .crm-r21 .crm-kpi>small { color:var(--crm-r21-faint); font-size:9px; line-height:1.5; margin-top:3px; }
html[data-ui="5"] .crm-r21 .crm-kpi .spark { height:20px; margin-top:7px; padding-top:1px; border-bottom:1px solid rgba(72,170,207,.16); gap:3px; }
html[data-ui="5"] .crm-r21 .spark i { min-height:0; background:linear-gradient(0deg,rgba(24,128,167,.25),var(--crm-r21-cyan)); border-radius:1px 1px 0 0; }

/* Data screens share a fine edge and a precise typography scale. */
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .panel { border:1px solid var(--crm-r21-edge)!important; background:var(--crm-r21-glass)!important; border-radius:13px!important; box-shadow:var(--crm-r21-shadow)!important; padding:17px 18px; min-width:0; margin:0; }
html[data-ui="5"] .crm-r21 .panel-head { align-items:center; margin-bottom:15px; padding-bottom:13px; border-bottom:1px solid var(--crm-r21-line); gap:12px; }
html[data-ui="5"] .crm-r21 .panel-head h2 { color:var(--crm-r21-ink); font-size:15px; line-height:1.4; letter-spacing:-.015em; }
html[data-ui="5"] .crm-r21 .panel-head p { color:var(--crm-r21-faint); font-size:10px; line-height:1.6; margin-top:3px; }
html[data-ui="5"] .crm-r21 .panel-head>a { font-size:11px; color:var(--crm-r21-cyan); min-height:36px; display:inline-flex; align-items:center; white-space:nowrap; }
html[data-ui="5"] .crm-r21 .crm-charts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
html[data-ui="5"] .crm-r21 .crm-bars { gap:14px; }
html[data-ui="5"] .crm-r21 .crm-bar-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; font-size:11px; align-items:center; }
html[data-ui="5"] .crm-r21 .crm-bar-label { color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-bar-value { min-width:0; flex-direction:row; align-items:baseline; gap:5px; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-bar-value small { color:var(--crm-r21-faint); font-size:9px; }
html[data-ui="5"] .crm-r21 .crm-bar-track { grid-column:1/-1; grid-row:2; height:5px; border-radius:2px; background:rgba(88,165,201,.1); overflow:hidden; }
html[data-ui="5"] .crm-r21 .crm-bar-fill { min-width:0; background:linear-gradient(90deg,#178dbb,var(--crm-r21-cyan)); border-radius:2px; box-shadow:0 0 8px rgba(35,173,228,.13); }
html[data-ui="5"] .crm-r21 .crm-funnel .crm-bar-fill { background:linear-gradient(90deg,#b87937,var(--crm-r21-amber)); }
html[data-ui="5"] .crm-r21 .crm-r21-chart-empty { min-height:130px; display:grid; align-content:center; justify-items:center; gap:7px; padding:13px; color:var(--crm-r21-faint); background:linear-gradient(0deg,transparent 24%,rgba(100,178,212,.055) 24.5%,transparent 25%),linear-gradient(90deg,transparent 49%,rgba(100,178,212,.04) 49.5%,transparent 50%); background-size:100% 40px,70px 100%; }
html[data-ui="5"] .crm-r21 .crm-r21-chart-empty svg { color:var(--crm-r21-cyan); opacity:.65; }
html[data-ui="5"] .crm-r21 .crm-r21-chart-empty strong { font-size:12px; font-weight:550; color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-r21-chart-empty>span { font-size:10px; line-height:1.6; text-align:center; }
html[data-ui="5"] .crm-r21 .crm-r21-workbench-rail { margin:0; min-width:0; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content { min-width:0; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-r21-action-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; padding-bottom:12px; margin-bottom:4px; border-bottom:1px solid var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-r21-action-heading p { margin:0; color:var(--crm-r21-muted); font-size:12px; line-height:1.7; }
html[data-ui="5"] .crm-r21 .crm-r21-action-heading .crm-system-link { min-height:44px; font-size:12px; color:var(--crm-r21-cyan); }
html[data-ui="5"] .crm-r21 .crm-r21-action-subtitle { color:var(--crm-r21-amber); font-size:11px; font-weight:550; margin:18px 0 3px; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .empty { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:13px; align-content:center; text-align:start; min-height:125px; padding:20px 1px; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .empty-icon { grid-row:1/3; width:35px; height:38px; border-radius:10px; color:var(--crm-r21-cyan); border-color:var(--crm-r21-line); background:var(--crm-r21-raised); }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .empty-icon svg { width:21px; height:21px; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .empty h3 { margin:0 0 4px; font-size:14px; font-weight:550; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .empty p { margin:0; font-size:12px; line-height:1.6; max-width:none; color:var(--crm-r21-faint); }
html[data-ui="5"] .crm-r21 .crm-r21-action-content :is(.crm-line-content,.crm-next-action>span) { min-width:0; overflow-wrap:anywhere; }
html[data-ui="5"] .crm-r21 .crm-r21-action-content .crm-next-action { min-height:60px; }
html[data-ui="5"] .crm-r21 .crm-r21-task-toggle { display:grid; place-items:center; width:44px; height:44px; flex:none; cursor:pointer; }
html[data-ui="5"] .crm-r21 .crm-r21-task-toggle input { width:18px; height:18px; margin:0; cursor:inherit; }
html[data-ui="5"] .crm-r21 .crm-task-line,
html[data-ui="5"] .crm-r21 .crm-next-action { padding:11px 0; border-color:var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-line-content a,
html[data-ui="5"] .crm-r21 .crm-next-action strong { font-size:12px; }
html[data-ui="5"] .crm-r21 .crm-line-content small,
html[data-ui="5"] .crm-r21 .crm-next-action small { color:var(--crm-r21-faint); font-size:10px; }

/* Lists are a continuous record sheet beneath a compact filter rail. */
html[data-ui="5"] .crm-r21 .crm-section>.crm-toolbar:not(.crm-r21-analytics-heading) { background:var(--crm-r21-glass); border:1px solid var(--crm-r21-line); border-radius:12px; padding:12px; gap:12px; }
html[data-ui="5"] .crm-r21 .crm-toolbar-l { flex:1 1 450px; min-width:0; gap:9px; align-items:end; }
html[data-ui="5"] .crm-r21 .crm-toolbar-r { flex:0 1 auto; min-width:0; gap:6px; align-items:center; }
html[data-ui="5"] .crm-r21 .crm-toolbar .search-input { min-width:180px; flex:1 1 210px; }
html[data-ui="5"] .crm-r21 .crm-toolbar .field { flex:0 1 120px; min-width:100px; gap:3px; }
html[data-ui="5"] .crm-r21 .crm-toolbar .field label { color:var(--crm-r21-faint); font-size:9px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-toolbar :is(input:not([type="checkbox"]),select) { min-height:37px; font-size:12px; padding:7px 9px; border-color:var(--crm-r21-line)!important; background:var(--crm-r21-bg)!important; border-radius:7px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-toolbar .btn { min-height:37px; padding:7px 10px; font-size:11px; border-radius:7px!important; }
html[data-ui="5"] .crm-r21 .crm-toolbar .seg { border:0; padding:0; background:transparent; gap:3px; }
html[data-ui="5"] .crm-r21 .crm-views { gap:5px; border-bottom:1px solid var(--crm-r21-line); padding:0 3px 10px; }
html[data-ui="5"] .crm-r21 .crm-view-pill { border-radius:6px; padding:6px 10px; font-size:11px; min-height:34px; border-color:transparent; background:transparent; color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-view-pill.active { color:var(--crm-r21-amber); border-color:rgba(237,163,89,.26); background:rgba(232,153,73,.065); }
html[data-ui="5"] .crm-r21 .crm-r21-filter-count { display:grid; place-items:center; min-width:18px; height:18px; padding-inline:3px; border-radius:5px; background:rgba(244,157,78,.1); border:1px solid rgba(244,157,78,.3); color:var(--crm-r21-amber); font-size:10px; font-variant-numeric:tabular-nums; }
html[data-ui="5"] .crm-r21 .crm-r21-filter-dialog { width:min(500px,calc(100vw - 24px)); }
html[data-ui="5"] .crm-r21 .crm-r21-filter-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:5px 0 18px; }
html[data-ui="5"] .crm-r21 .crm-r21-filter-fields .field { min-width:0; margin:0; }
html[data-ui="5"] .crm-r21 .crm-r21-filter-fields :is(input,select) { min-height:44px; }
html[data-ui="5"] .crm-r21 .crm-r21-record-surface { min-width:0; max-width:100%; border:1px solid var(--crm-r21-edge); background:var(--crm-r21-glass); border-radius:13px; box-shadow:var(--crm-r21-shadow); overflow:hidden; }
html[data-ui="5"] .crm-r21 .crm-r21-record-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-r21-record-caption>span { display:flex; align-items:center; gap:7px; color:var(--crm-r21-muted); font-size:11px; }
html[data-ui="5"] .crm-r21 .crm-r21-record-caption svg { color:var(--crm-r21-cyan); }
html[data-ui="5"] .crm-r21 .crm-r21-record-caption strong { color:var(--crm-r21-ink); font-size:14px; font-variant-numeric:tabular-nums; }
html[data-ui="5"] .crm-r21 .crm-r21-record-caption small { color:var(--crm-r21-faint); font-size:9px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-table { border:0!important; border-radius:0; box-shadow:none; background:transparent; scrollbar-width:thin; scrollbar-color:rgba(98,176,210,.35) transparent; }
html[data-ui="5"] .crm-r21 .crm-table table { min-width:670px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-table th { font-size:10px; padding:10px 13px; background:rgba(6,28,42,.72)!important; color:var(--crm-r21-muted)!important; border-color:var(--crm-r21-line)!important; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-table td { font-size:12px; padding:calc(13px * var(--crm-density)) 13px; border-color:rgba(91,166,202,.13)!important; }
html[data-ui="5"] .crm-r21 .crm-cell-main { gap:3px; }
html[data-ui="5"] .crm-r21 .crm-cell-main strong { font-size:13px; font-weight:600; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-cell-main small { font-size:10px; color:var(--crm-r21-faint); }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-table .crm-inline-status { min-height:33px; max-width:140px; padding:5px 7px; font-size:11px; background:rgba(10,36,50,.45)!important; border-color:var(--crm-r21-line)!important; }
html[data-ui="5"] .crm-r21 .crm-r21-record-surface.is-empty .empty { min-height:195px; padding:28px 18px; }
html[data-ui="5"] .crm-r21 .crm-r21-record-surface.is-empty .empty h3 { font-size:17px; font-weight:600; }
html[data-ui="5"] .crm-r21 .crm-r21-record-surface.is-empty .empty p { font-size:12px; color:var(--crm-r21-muted); }
html[data-ui="5"] .crm-r21 .crm-score { width:31px; height:31px; }
html[data-ui="5"] .crm-r21 .crm-score-num { width:25px; height:25px; font-size:10px; }
html[data-ui="5"] .crm-r21 .crm-bulkbar { border-radius:9px; border-color:rgba(255,176,92,.42); background:linear-gradient(120deg,rgba(115,65,24,.25),var(--crm-r21-bg)); box-shadow:none; font-size:12px; }

/* A sales board is one horizontal process with clearly measured stages. */
html[data-ui="5"] .crm-r21 .crm-r21-pipeline { border:1px solid var(--crm-r21-edge); border-radius:13px; min-width:0; background:var(--crm-r21-glass); box-shadow:var(--crm-r21-shadow); overflow:hidden; }
html[data-ui="5"] .crm-r21 .crm-r21-pipeline-overview { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-bottom:1px solid var(--crm-r21-line); }
html[data-ui="5"] .crm-r21 .crm-r21-pipeline-overview h3 { font-size:18px; line-height:1.3; margin:0; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-r21-pipeline-totals { display:flex; gap:22px; color:var(--crm-r21-muted); font-size:11px; }
html[data-ui="5"] .crm-r21 .crm-r21-pipeline-totals b { display:block; font-size:24px; color:var(--crm-r21-ink); font-weight:600; font-variant-numeric:tabular-nums; }
html[data-ui="5"] .crm-r21 .crm-board { gap:0; padding:0 0 8px; align-items:stretch; overflow:auto; scrollbar-color:rgba(108,185,217,.38) transparent; scrollbar-width:thin; scroll-snap-type:x proximity; }
html[data-ui="5"] .crm-r21 .crm-col { position:relative; flex:0 0 244px; min-width:244px; max-width:290px; min-height:310px; max-height:68vh; border:0; border-inline-end:1px solid var(--crm-r21-line); border-radius:0; padding:16px 13px; gap:12px; background:linear-gradient(0deg,rgba(6,29,42,.14),rgba(12,47,63,.06)); box-shadow:none; scroll-snap-align:start; }
html[data-ui="5"] .crm-r21 .crm-col:last-child { border-inline-end:0; }
html[data-ui="5"] .crm-r21 .crm-col::before { content:""; position:absolute; pointer-events:none; top:0; left:14px; right:14px; height:1px; background:linear-gradient(90deg,transparent,var(--crm-r21-cyan),transparent); opacity:.5; }
html[data-ui="5"] .crm-r21 .crm-col.won::before { background:linear-gradient(90deg,transparent,var(--crm-r21-green),transparent); }
html[data-ui="5"] .crm-r21 .crm-col.lost::before { background:linear-gradient(90deg,transparent,var(--red),transparent); }
html[data-ui="5"] .crm-r21 .crm-col.drop { background:rgba(42,170,207,.08); box-shadow:inset 0 0 0 1px var(--crm-r21-cyan); }
html[data-ui="5"] .crm-r21 .crm-col-head { font-size:13px; gap:8px; padding:0; }
html[data-ui="5"] .crm-r21 .crm-col-count { color:var(--crm-r21-cyan); background:rgba(47,181,226,.07); border:1px solid rgba(95,188,225,.2); border-radius:6px; font-size:10px; padding:2px 7px; }
html[data-ui="5"] .crm-r21 .crm-r21-stage-confidence { display:flex; justify-content:space-between; color:var(--crm-r21-faint); font-size:9px; margin-top:1px; }
html[data-ui="5"] .crm-r21 .crm-r21-stage-confidence b { font-weight:500; color:var(--crm-r21-muted); font-variant-numeric:tabular-nums; }
html[data-ui="5"] .crm-r21 .crm-col-prob { height:3px; margin:-6px 0 0; background:rgba(117,183,212,.1); border-radius:1px; }
html[data-ui="5"] .crm-r21 .crm-col-prob i { background:linear-gradient(90deg,#127b9d,var(--crm-r21-cyan)); }
html[data-ui="5"] .crm-r21 .crm-col.won .crm-col-prob i { background:var(--crm-r21-green); }
html[data-ui="5"] .crm-r21 .crm-col.lost .crm-col-prob i { background:var(--red); }
html[data-ui="5"] .crm-r21 .crm-col-sum { display:grid; gap:3px; padding:0 0 12px; border-bottom:1px solid var(--crm-r21-line); color:var(--crm-r21-ink); font-size:18px; font-variant-numeric:tabular-nums; font-weight:550; }
html[data-ui="5"] .crm-r21 .crm-col-sum small { font-size:10px; color:var(--crm-r21-faint); font-weight:400; }
html[data-ui="5"] .crm-r21 .crm-col-body { min-height:110px; gap:8px; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-card { background:linear-gradient(145deg,rgba(13,45,61,.73),rgba(5,25,39,.65))!important; border:1px solid rgba(100,185,222,.23)!important; border-radius:9px!important; box-shadow:inset 0 1px rgba(201,237,255,.04)!important; padding:12px; gap:7px; transform:none; }
html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-card:hover { transform:translateY(-1px); border-color:var(--crm-r21-cyan)!important; box-shadow:0 9px 20px rgba(0,0,0,.2)!important; }
html[data-ui="5"] .crm-r21 .crm-card strong { font-size:13px; line-height:1.5; color:var(--crm-r21-ink); }
html[data-ui="5"] .crm-r21 .crm-card small { font-size:10px; color:var(--crm-r21-faint); }
html[data-ui="5"] .crm-r21 .crm-card-foot { font-size:11px; border-top:1px solid rgba(96,167,201,.12); padding-top:8px; margin-top:3px; }
html[data-ui="5"] .crm-r21 .crm-card-foot>span:first-child { color:var(--crm-r21-amber); font-variant-numeric:tabular-nums; }
html[data-ui="5"] .crm-r21 .crm-r21-stage-empty { min-height:138px; display:grid; align-content:center; justify-items:center; gap:10px; padding:17px 12px; border:1px dashed rgba(113,179,208,.13); border-radius:8px; color:var(--crm-r21-faint); background:radial-gradient(ellipse at 50% 50%,rgba(32,117,152,.045),transparent 68%); }
html[data-ui="5"] .crm-r21 .crm-r21-stage-empty svg { opacity:.52; }
html[data-ui="5"] .crm-r21 .crm-r21-stage-empty span { font-size:11px; }
html[data-ui="5"] .crm-r21 :is(.crm-card,.crm-board,.crm-r21-instruments):focus-visible { outline:2px solid var(--crm-r21-cyan)!important; outline-offset:3px; }

@media(max-width:1160px) {
  html[data-ui="5"] .crm-r21 .crm-head { padding:18px; gap:18px; }
  html[data-ui="5"] .crm-r21 .crm-r21-identity { gap:12px; }
  html[data-ui="5"] .crm-r21 .crm-r21-mark { width:39px; height:45px; }
  html[data-ui="5"] .crm-r21 .crm-headline h1 { font-size:25px; }
  html[data-ui="5"] .crm-r21 .crm-headline .eyebrow { font-size:7px; letter-spacing:.11em; }
  html[data-ui="5"] .crm-r21 .crm-r21-overview { min-width:286px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-mini { padding-inline:10px; }
  html[data-ui="5"] .crm-r21 .crm-mini b { font-size:20px; }
  html[data-ui="5"] .crm-r21 .crm-kpi { padding-inline:12px; }
  html[data-ui="5"] .crm-r21 .crm-kpi>b { font-size:24px; }
  html[data-ui="5"] .crm-r21 .crm-topbar { grid-template-columns:minmax(0,1fr); gap:5px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls { justify-self:end; border:0; padding:0; gap:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls>.field { display:flex; width:auto; align-items:center; gap:9px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls .field label { white-space:nowrap; font-size:9px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-r21-view-controls select { width:104px; }
}
@media(max-width:760px) {
  html[data-ui="5"] .crm-shell.crm-r21 { gap:12px; }
  html[data-ui="5"] .crm-r21 .crm-head { grid-template-columns:1fr; padding:17px 15px; gap:16px; min-height:0; border-radius:12px; }
  html[data-ui="5"] .crm-r21 .crm-headline h1 { font-size:25px; max-width:18ch; }
  html[data-ui="5"] .crm-r21 .crm-headline p { font-size:11px; }
  html[data-ui="5"] .crm-r21 .crm-r21-overview { min-width:0; border-top:1px solid var(--crm-r21-line); padding-top:13px; }
  html[data-ui="5"] .crm-r21 .crm-minikpis { width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; }
  html[data-ui="5"] .crm-r21 .crm-mini b { font-size:19px; }
  html[data-ui="5"] .crm-r21 .crm-mini span { font-size:8px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-mini { padding-inline:9px; }
  html[data-ui="5"] .crm-r21 .crm-workspace-tools { padding:6px 8px; gap:8px; flex-wrap:wrap; }
  html[data-ui="5"] .crm-r21 .crm-global-search { flex-basis:100%; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-global-search .search-input input { font-size:16px; min-height:44px; }
  html[data-ui="5"] .crm-r21 .crm-workspace-tools .crm-system-link { min-height:32px; margin-inline:4px; font-size:10px; }
  html[data-ui="5"] .crm-r21 .crm-topbar { padding:5px 8px 8px; gap:4px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-tab { min-height:44px; font-size:12px; padding-inline:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls { width:100%; justify-content:space-between; border-top:1px solid var(--crm-r21-line); padding-top:6px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls>.field { min-width:0; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls .field label { font-size:9px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-r21-view-controls select { min-height:44px; width:99px; font-size:12px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-r21-view-controls .btn { min-height:44px; font-size:11px; }
  html[data-ui="5"] .crm-r21 .crm-r21-analytics-heading { gap:10px; align-items:flex-start; }
  html[data-ui="5"] .crm-r21 .crm-h2 { font-size:17px; }
  html[data-ui="5"] .crm-r21 .crm-range { width:100%; overflow:auto; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-range .btn { min-height:44px; padding-inline:10px; flex:1 0 auto; }
  html[data-ui="5"] .crm-r21 .crm-r21-instruments { grid-template-columns:none; grid-template-rows:repeat(2,minmax(116px,auto)); grid-auto-flow:column; grid-auto-columns:152px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:rgba(114,192,224,.4) transparent; scroll-snap-type:x proximity; }
  html[data-ui="5"] .crm-r21 .crm-kpi { border-inline-end:1px solid var(--crm-r21-line)!important; border-bottom:1px solid var(--crm-r21-line)!important; min-height:116px; scroll-snap-align:start; }
  html[data-ui="5"] .crm-r21 .crm-kpi:nth-child(2n) { border-bottom:0!important; }
  html[data-ui="5"] .crm-r21 .crm-kpi-top { font-size:11px; }
  html[data-ui="5"] .crm-r21 .crm-kpi>b { font-size:26px; }
  html[data-ui="5"] .crm-r21 .crm-kpi>small { font-size:10px; }
  html[data-ui="5"] .crm-r21 .crm-charts { grid-template-columns:1fr; gap:12px; }
  html[data-ui="5"] .crm-r21 .crm-r21-action-content .crm-task-line { gap:5px; align-items:center; }
  html[data-ui="5"] .crm-r21 .crm-r21-action-content .crm-state-label { max-width:54px; text-align:center; white-space:normal; }
  html[data-ui="5"] .crm-r21 .crm-r21-filter-fields :is(input,select) { font-size:16px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .panel { padding:15px; }
  html[data-ui="5"] .crm-r21 .panel-head h2 { font-size:15px; }
  html[data-ui="5"] .crm-r21 .panel-head>a { min-height:44px; }
  html[data-ui="5"] .crm-r21 .crm-r21-chart-empty { min-height:95px; }
  html[data-ui="5"] .crm-r21 .crm-toolbar-l { width:100%; flex-basis:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-ui="5"] .crm-r21 .crm-toolbar .search-input { min-width:0; grid-column:1/-1; }
  html[data-ui="5"] .crm-r21 .crm-toolbar .field { min-width:0; max-width:100%; }
  html[data-ui="5"] .crm-r21 .crm-toolbar .field input[type="number"] { max-width:100%; }
  html[data-ui="5"] .crm-r21 .crm-toolbar-r { flex:1 1 100%; width:100%; display:flex; flex-wrap:wrap; }
  html[data-ui="5"] .crm-r21 .crm-toolbar-r .seg { flex:1 1 100%; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-toolbar :is(input:not([type="checkbox"]),select) { min-height:44px; font-size:16px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-toolbar .btn { min-height:44px; font-size:12px; }
  html[data-ui="5"] .crm-r21 .crm-view-pill { min-height:44px; }
  html[data-ui="5"] .crm-r21 .crm-r21-record-caption { padding:11px 12px; }
  html[data-ui="5"] .crm-r21 .crm-r21-record-caption small { display:none; }
  html[data-ui="5"] .crm-r21 .crm-r21-pipeline-overview { padding:14px; gap:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-pipeline-overview h3 { font-size:16px; }
  html[data-ui="5"] .crm-r21 .crm-r21-pipeline-totals { gap:13px; font-size:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-pipeline-totals b { font-size:21px; }
  html[data-ui="5"] .crm-r21 .crm-col { min-width:230px; flex-basis:230px; max-height:none; min-height:300px; }
  html[data-ui="5"] .crm-r21 .crm-form-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:380px) {
  html[data-ui="5"] .crm-r21 .crm-r21-identity { gap:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-mark { width:34px; height:40px; border-radius:10px; }
  html[data-ui="5"] .crm-r21 .crm-headline h1 { font-size:22px; }
  html[data-ui="5"] .crm-r21 .crm-headline .eyebrow { font-size:6px; letter-spacing:.08em; }
  html[data-ui="5"] .crm-r21 .crm-minikpis { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:13px; }
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-mini:nth-child(3) { border-inline-start:0!important; padding-inline-start:0; }
  html[data-ui="5"] .crm-r21 .crm-mini b { font-size:22px; }
  html[data-ui="5"] .crm-r21 .crm-mini span { font-size:10px; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls .field label { width:54px; white-space:normal; line-height:1.4; }
  html[data-ui="5"] .crm-r21 .crm-r21-view-controls>.field { gap:6px; }
}

/* User-selected display modes keep the same hierarchy and trustworthy data. */
html[data-ui="5"][data-theme="light"] .crm-shell.crm-r21 {
  --crm-r21-bg:#f7fbfe;
  --crm-r21-glass:linear-gradient(145deg,#fff,rgba(233,246,252,.96));
  --crm-r21-raised:#e7f3f9;
  --crm-r21-ink:#1c384a;
  --crm-r21-muted:#4e7085;
  --crm-r21-faint:#597f95;
  --crm-r21-line:rgba(62,125,161,.22);
  --crm-r21-edge:rgba(53,124,167,.35);
  --crm-r21-cyan:#087d9c;
  --crm-r21-amber:#965719;
  --crm-r21-green:#177b5d;
  --crm-r21-shadow:inset 0 1px #fff,0 13px 36px rgba(22,83,117,.07);
}
html[data-ui="5"][data-theme="light"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.crm-card,.crm-table th) { background:var(--crm-r21-raised)!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] .crm-global-search .search-input { background:rgba(205,230,243,.25)!important; }
html[data-ui="5"][data-contrast="high"] .crm-shell.crm-r21,
html[data-ui="5"].a11y-contrast .crm-shell.crm-r21 { --crm-r21-line:#779bb1; --crm-r21-edge:#9cc5db; --crm-r21-faint:var(--crm-r21-muted); }
html[data-ui="5"][data-theme="light"][data-contrast="high"] .crm-shell.crm-r21,
html[data-ui="5"][data-theme="light"].a11y-contrast .crm-shell.crm-r21 { --crm-r21-line:#577f96; --crm-r21-edge:#386b89; }
html[data-ui="5"][data-reduce-transparency="true"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.panel,.crm-card),
html[data-ui="5"][data-ui-effects="reduced"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.panel,.crm-card),
html[data-ui="5"].a11y-opaque .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.panel,.crm-card) { background:var(--surface)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html[data-ui="5"].a11y-no-motion .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.crm-card,.crm-kpi,.crm-bar-fill) { transition:none!important; transform:none!important; }
@media(prefers-reduced-motion:reduce) {
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.crm-card,.crm-kpi,.crm-bar-fill) { transition:none!important; transform:none!important; }
}
@media(forced-colors:active) {
  html[data-ui="5"] .ui5-shell.route-crm .workspace-main .crm-shell.crm-r21[data-crm-design="r21"] :is(.crm-head,.crm-r21-command,.crm-r21-instruments,.crm-r21-record-surface,.crm-r21-pipeline,.panel,.crm-card) { color:CanvasText!important; background:Canvas!important; border:1px solid CanvasText!important; box-shadow:none!important; }
}