.ca-ecg-monitor {
--bg-1:#07131a;
--bg-2:#0a1620;
--panel:rgba(8,20,28,.84);
--panel-2:rgba(11,24,32,.92);
--panel-3:rgba(255,255,255,.035);
--line:rgba(92,230,255,.10);
--line-strong:rgba(92,230,255,.18);
--text:#e9fbff;
--muted:#90acb8;
--accent:#59e5ff;
--accent-2:#82ffd5;
--warn:#ffbf5a;
--crit:#ff6b77;
--ok:#7effc7;
--shadow:0 26px 60px rgba(0,0,0,.38);
--input-bg:#10212c;
--input-bg-hover:#162a38;
--input-border:rgba(170,220,245,.22);
--input-text:#eef7fd;
--input-placeholder:#7f97a9;
--focus:rgba(95,214,255,.22);
color:var(--text);
background:
radial-gradient(circle at 82% 8%, rgba(79,228,255,.14), transparent 22%),
radial-gradient(circle at 12% 100%, rgba(126,255,199,.08), transparent 22%),
linear-gradient(180deg, var(--bg-1), var(--bg-2));
min-height:var(--cardioai-monitor-height, calc(100vh - 32px));
border-radius:26px;
overflow:hidden;
border:1px solid rgba(255,255,255,.06);
box-shadow:var(--shadow);
font-family:Inter, Arial, Helvetica, sans-serif;
}
.ca-theme-paper {
--bg-1:#fffdfd;
--bg-2:#fff6f6;
--panel:rgba(255,255,255,.86);
--panel-2:rgba(255,255,255,.95);
--panel-3:rgba(24,49,66,.035);
--line:rgba(220,146,146,.16);
--line-strong:rgba(214,91,91,.28);
--text:#193142;
--muted:#61798b;
--accent:#0ea5e9;
--accent-2:#10b981;
--input-bg:#ffffff;
--input-bg-hover:#f6fbff;
--input-border:rgba(30,50,70,.14);
--input-text:#182430;
--input-placeholder:#7f8f9d;
--focus:rgba(14,165,233,.16);
}
.ca-ecg-monitor,
.ca-ecg-monitor * {
box-sizing:border-box;
} .ca-ecg-monitor .ca-title,
.ca-ecg-monitor .ca-card-title,
.ca-ecg-monitor .ca-pill,
.ca-ecg-monitor .ca-btn,
.ca-ecg-monitor .ca-head-chip strong,
.ca-ecg-monitor .ca-metric strong,
.ca-ecg-monitor .ca-field strong,
.ca-ecg-monitor .ca-overlay-corner,
.ca-ecg-monitor .ca-footer-bar,
.ca-ecg-monitor .ca-badge-brand {
color:var(--text);
}
.ca-ecg-monitor .ca-subtitle,
.ca-ecg-monitor .ca-field-label,
.ca-ecg-monitor .ca-head-chip span,
.ca-ecg-monitor .ca-metric span,
.ca-ecg-monitor .ca-footer-muted {
color:var(--muted);
}
.ca-topbar {
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:18px;
padding:16px 18px;
background:var(--panel);
backdrop-filter:blur(16px);
border-bottom:1px solid rgba(255,255,255,.06);
}
.ca-badge-brand {
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 14px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.06);
font-weight:800;
letter-spacing:.04em;
}
.ca-brand-dot {
width:11px;
height:11px;
border-radius:50%;
background:var(--accent-2);
box-shadow:0 0 16px var(--accent-2);
}
.ca-headline { min-width:0; }
.ca-title { font-weight:800; font-size:1.25rem; line-height:1.15; }
.ca-subtitle { margin-top:4px; font-size:.93rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ca-topbar-right { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ca-pill {
min-height:40px;
padding:0 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
display:inline-flex;
align-items:center;
gap:10px;
font-weight:700;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.14);
}
.ca-alarm-pill[data-level="normal"] { color:var(--ok); }
.ca-alarm-pill[data-level="watch"] { color:#8ad9ff; }
.ca-alarm-pill[data-level="alert"] { color:var(--warn); }
.ca-alarm-pill[data-level="critical"] { color:var(--crit); }
.ca-body {
display:grid;
grid-template-columns:330px minmax(0,1fr);
min-height:calc(var(--cardioai-monitor-height, calc(100vh - 32px)) - 73px);
}
.ca-sidebar {
padding:16px;
background:var(--panel-2);
border-right:1px solid rgba(255,255,255,.06);
display:flex;
flex-direction:column;
gap:14px;
}
.ca-card {
padding:16px;
border-radius:22px;
background:var(--panel-3);
border:1px solid rgba(255,255,255,.06);
backdrop-filter:blur(10px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.14);
}
.ca-card-control {
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
.ca-card-title { font-size:1rem; font-weight:800; margin-bottom:14px; }
.ca-field { display:block; margin-bottom:12px; }
.ca-field:last-child { margin-bottom:0; }
.ca-field-label {
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
margin-bottom:7px;
font-size:.92rem;
}
.ca-field input,
.ca-field select {
width:100%;
}
.ca-field input[type="range"] {
accent-color:var(--accent);
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.ca-actions-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.ca-actions-grid-primary { margin-bottom:10px; }
.ca-btn {
min-height:46px;
border-radius:15px;
border:1px solid rgba(255,255,255,.09);
padding:0 14px;
background:rgba(255,255,255,.05);
font-weight:800;
cursor:pointer;
transition:transform .08s ease, box-shadow .12s ease, filter .12s ease, background .12s ease;
position:relative;
}
.ca-btn-3d {
background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.18), 0 10px 0 rgba(0,0,0,.20), 0 14px 28px rgba(0,0,0,.20);
}
.ca-btn-3d:hover { filter:brightness(1.05); transform:translateY(-1px); }
.ca-btn-3d:active { transform:translateY(6px); box-shadow:inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.14), 0 4px 0 rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.18); }
.ca-btn-accent { background:linear-gradient(180deg, #74eeff, #1eabff); border-color:transparent; color:#042335; }
.ca-btn-start {
color:#041e16;
background:linear-gradient(180deg, #6cf6c9, #1eb58d);
border-color:rgba(0,0,0,.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.18), 0 10px 0 #0f6c53, 0 16px 28px rgba(18,122,94,.28);
}
.ca-btn-stop {
color:#fff4f5;
background:linear-gradient(180deg, #ff8c97, #df4657);
border-color:rgba(0,0,0,.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.18), 0 10px 0 #962837, 0 16px 28px rgba(152,39,55,.30);
}
.ca-btn.is-active { outline:2px solid rgba(92,230,255,.22); }
.ca-btn-start.is-active { box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(126,255,199,.28), 0 10px 0 #0f6c53, 0 0 28px rgba(126,255,199,.18), 0 16px 28px rgba(18,122,94,.30); }
.ca-btn-stop.is-active { box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(255,107,119,.30), 0 10px 0 #962837, 0 0 24px rgba(255,107,119,.18), 0 16px 28px rgba(152,39,55,.30); }
.ca-clinical-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ca-metric { padding:12px; border-radius:16px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); }
.ca-metric span { display:block; font-size:.8rem; margin-bottom:6px; }
.ca-metric strong { display:block; font-size:.96rem; }
.ca-main { padding:16px; display:grid; grid-template-rows:auto minmax(520px,1fr) auto; gap:14px; min-width:0; }
.ca-stage-head { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ca-head-chip { border-radius:16px; padding:12px 14px; border:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.ca-head-chip span { display:block; font-size:.8rem; margin-bottom:5px; }
.ca-head-chip strong { display:block; font-size:.98rem; }
.ca-monitor-wrap {
position:relative;
min-height:600px;
height:clamp(520px, 64vh, 760px);
border-radius:24px;
overflow:hidden;
border:1px solid rgba(255,255,255,.07);
background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 20px 40px rgba(0,0,0,.18);
}
.ca-ecg-canvas { display:block; width:100%; height:100%; min-height:600px; }
.ca-monitor-overlay { position:absolute; inset:0; pointer-events:none; }
.ca-overlay-corner {
position:absolute;
z-index:2;
padding:8px 12px;
border-radius:14px;
background:rgba(3,11,17,.46);
border:1px solid rgba(255,255,255,.06);
font-size:.86rem;
backdrop-filter:blur(8px);
max-width:min(420px, 48%);
}
.ca-theme-paper .ca-overlay-corner { background:rgba(255,255,255,.78); }
.ca-overlay-left { top:12px; left:12px; }
.ca-overlay-right { top:12px; right:12px; }
.ca-overlay-bottom { right:12px; bottom:12px; }
.ca-footer-bar {
display:flex;
justify-content:space-between;
gap:12px;
align-items:center;
flex-wrap:wrap;
padding:12px 14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.03);
}
.ca-footer-muted { font-size:.9rem; }
.ca-ecg-error { padding:18px; border-radius:16px; background:#fff3f3; color:#9f1d1d; border:1px solid #f3c0c0; } .cardioai-ecg-monitor-shell { display:block; width:100%; max-width:none !important; }
.ca-ecg-monitor.is-fullscreen,
.ca-ecg-monitor:fullscreen {
min-height:100vh !important;
height:100vh !important;
width:100vw !important;
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
}
.ca-ecg-monitor.is-fullscreen .ca-body,
.ca-ecg-monitor:fullscreen .ca-body { min-height:calc(100vh - 73px) !important; }
.ca-ecg-monitor.is-fullscreen .ca-monitor-wrap,
.ca-ecg-monitor:fullscreen .ca-monitor-wrap,
.ca-ecg-monitor.is-fullscreen .ca-ecg-canvas,
.ca-ecg-monitor:fullscreen .ca-ecg-canvas { min-height:calc(100vh - 230px) !important; height:calc(100vh - 230px) !important; }
.ca-ecg-monitor.is-fullscreen .ca-sidebar,
.ca-ecg-monitor:fullscreen .ca-sidebar,
.ca-ecg-monitor.is-fullscreen .ca-main,
.ca-ecg-monitor:fullscreen .ca-main { padding:18px; }
@media (max-width:1080px) {
.ca-ecg-monitor.is-fullscreen .ca-monitor-wrap,
.ca-ecg-monitor:fullscreen .ca-monitor-wrap,
.ca-ecg-monitor.is-fullscreen .ca-ecg-canvas,
.ca-ecg-monitor:fullscreen .ca-ecg-canvas { min-height:calc(100vh - 360px) !important; height:calc(100vh - 360px) !important; }
}
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
width:100vw !important;
height:100vh !important;
max-width:none !important;
padding:0 !important;
margin:0 !important;
background:#041018 !important;
}
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-monitor {
min-height:100vh !important;
height:100vh !important;
width:100vw !important;
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body { min-height:calc(100vh - 73px) !important; }
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas { min-height:calc(100vh - 230px) !important; height:calc(100vh - 230px) !important; }
body.ca-ecg-fullscreen-active { overflow:hidden !important; }
.cardioai-ecg-monitor-shell.ca-fullscreen-scroll { overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; } .ca-field input:not([type="range"]),
.ca-field textarea {
width:100%;
min-height:46px;
border-radius:14px;
padding:10px 12px;
border:1px solid var(--input-border) !important;
background:var(--input-bg) !important;
color:var(--input-text) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.ca-field input:not([type="range"]):hover,
.ca-field textarea:hover { background:var(--input-bg-hover) !important; }
.ca-field input:not([type="range"]):focus,
.ca-field textarea:focus {
outline:none !important;
border-color:rgba(95,214,255,.42) !important;
box-shadow:0 0 0 3px var(--focus) !important;
}
.ca-field input::placeholder,
.ca-field textarea::placeholder { color:var(--input-placeholder) !important; opacity:1; }
.ca-theme-paper input,
.ca-theme-paper textarea { color-scheme:light; }
.ca-ecg-monitor input,
.ca-ecg-monitor textarea { color-scheme:dark; } .ca-dropdown { position:relative; width:100%; }
.ca-dropdown-trigger {
min-height:46px;
border-radius:14px;
border:1px solid var(--input-border);
background:var(--input-bg);
color:var(--input-text);
padding:11px 42px 11px 12px;
display:flex;
align-items:center;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
font-weight:700;
position:relative;
user-select:none;
}
.ca-dropdown-trigger:hover { background:var(--input-bg-hover); }
.ca-dropdown-trigger:after {
content:"";
position:absolute;
right:14px;
top:50%;
width:9px;
height:9px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:translateY(-65%) rotate(45deg);
opacity:.8;
}
.ca-dropdown.is-open .ca-dropdown-trigger {
border-color:rgba(95,214,255,.42);
box-shadow:0 0 0 3px var(--focus), inset 0 1px 0 rgba(255,255,255,.05);
}
.ca-dropdown-list {
position:absolute;
left:0;
right:0;
top:calc(100% + 8px);
z-index:1000;
border-radius:16px;
border:1px solid rgba(170,220,245,.20);
background:linear-gradient(180deg, rgba(10,22,31,.98), rgba(13,26,36,.98));
box-shadow:0 18px 38px rgba(0,0,0,.34);
padding:8px;
display:none;
max-height:280px;
overflow:auto;
}
.ca-theme-paper .ca-dropdown-list {
border:1px solid rgba(30,50,70,.14);
background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,251,255,.99));
box-shadow:0 18px 38px rgba(18,30,40,.10);
}
.ca-dropdown.is-open .ca-dropdown-list { display:block; }
.ca-dropdown-item {
padding:10px 12px;
border-radius:12px;
color:var(--input-text);
cursor:pointer;
font-weight:600;
transition:background .12s ease, color .12s ease;
}
.ca-dropdown-item:hover { background:rgba(95,214,255,.14); }
.ca-dropdown-item.is-active { background:rgba(95,214,255,.20); color:#ffffff; }
.ca-theme-paper .ca-dropdown-item.is-active { color:#0b3650; }
.ca-dropdown-item + .ca-dropdown-item { margin-top:2px; } .ca-field select { display:none !important; }
@media (max-width:1280px) {
.ca-body { grid-template-columns:300px minmax(0,1fr); }
}
@media (max-width:1080px) {
.ca-body { grid-template-columns:1fr; }
.ca-sidebar { border-right:none; border-bottom:1px solid rgba(255,255,255,.06); }
.ca-stage-head { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
.ca-topbar { grid-template-columns:1fr; }
.ca-stage-head,
.ca-clinical-grid,
.ca-actions-grid { grid-template-columns:1fr; }
.ca-monitor-wrap,
.ca-ecg-canvas { min-height:420px; }
} html.ca-ecg-fs,
body.ca-ecg-fs {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.ca-ecg-fs.admin-bar {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.ca-ecg-fs #wpadminbar {
display: none !important;
}
body.ca-ecg-fs .site,
body.ca-ecg-fs .site-content,
body.ca-ecg-fs .content-area,
body.ca-ecg-fs .entry-content,
body.ca-ecg-fs .container,
body.ca-ecg-fs .wrapper,
body.ca-ecg-fs main,
body.ca-ecg-fs article,
body.ca-ecg-fs .wp-site-blocks {
max-width: none !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
overflow: visible !important;
} .cardioai-ecg-monitor-shell {
width: 100%;
max-width: none !important;
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen {
position: fixed !important;
inset: 0 !important;
z-index: 2147483000 !important;
width: 100vw !important;
height: 100vh !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #041018 !important;
} .cardioai-ecg-monitor-shell:-moz-full-screen {
position: fixed !important;
inset: 0 !important;
z-index: 2147483000 !important;
width: 100vw !important;
height: 100vh !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #041018 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor {
width: 100vw !important;
height: 100vh !important;
min-height: 100vh !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body {
height: calc(100vh - 72px) !important;
min-height: calc(100vh - 72px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main {
height: 100% !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas {
height: calc(100vh - 220px) !important;
min-height: calc(100vh - 220px) !important;
} @media (max-width: 1080px) {
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas {
height: calc(100vh - 340px) !important;
min-height: calc(100vh - 340px) !important;
}
}
.ca-clinical-grid-edu { grid-template-columns:1fr 1fr; }
.ca-edu-card { display:flex; flex-direction:column; gap:10px; }
.ca-edu-title { font-size:1.02rem; font-weight:800; color:var(--text); }
.ca-edu-summary { margin:0; color:var(--muted); line-height:1.5; font-size:.94rem; }
.ca-edu-list { margin:0; padding-left:18px; color:var(--text); display:grid; gap:6px; }
.ca-edu-list li { line-height:1.4; }
.ca-edu-intervals { display:flex; flex-wrap:wrap; gap:8px; }
.ca-edu-chip {
display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border-radius:999px;
background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:var(--text); font-size:.84rem; font-weight:700;
}
.ca-wave-legend { display:flex; gap:8px; flex-wrap:wrap; }
.ca-wave-tag {
display:inline-flex; align-items:center; justify-content:center; min-width:46px; min-height:28px; padding:0 10px;
border-radius:999px; font-weight:800; font-size:.8rem; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05);
}
.ca-wave-p { color:#5ce6ff; }
.ca-wave-qrs { color:#ff8c97; }
.ca-wave-t { color:#7effc7; }
.ca-overlay-top-left { top:14px; left:14px; }
.ca-overlay-top-right { top:14px; right:14px; text-align:right; }
.ca-overlay-bottom-left { left:14px; bottom:14px; }
.ca-overlay-bottom-right { right:14px; bottom:14px; text-align:right; }
.ca-pill span { opacity:.78; }
.ca-pill strong { font-size:.9rem; }
@media (max-width: 1080px) {
.ca-clinical-grid-edu { grid-template-columns:1fr 1fr; }
}
@media (max-width: 840px) {
.ca-clinical-grid-edu { grid-template-columns:1fr; }
.ca-overlay-corner { max-width:70%; font-size:.8rem; }
}
.ca-segmented {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(0,1fr));
gap:8px;
padding:8px;
border-radius:18px;
background:linear-gradient(180deg, rgba(92,230,255,.08), rgba(255,255,255,.03));
border:1px solid rgba(92,230,255,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.ca-segmented-btn {
min-height:42px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
color:inherit;
font-weight:800;
cursor:pointer;
transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.ca-segmented-btn:hover { transform:translateY(-1px); }
.ca-segmented-btn.is-active {
color:#03202b;
border-color:transparent;
background:linear-gradient(135deg, #7cf7ff 0%, #8effc8 55%, #ffd36e 100%);
box-shadow:0 10px 22px rgba(92,230,255,.22), inset 0 1px 0 rgba(255,255,255,.45);
}
.ca-topbar {
background:linear-gradient(90deg, rgba(8,20,28,.96), rgba(13,30,42,.96) 35%, rgba(12,37,47,.96) 70%, rgba(24,31,44,.96));
}
.ca-head-chip {
background:linear-gradient(135deg, rgba(92,230,255,.10), rgba(132,255,214,.06) 58%, rgba(255,196,92,.08));
}
.ca-card-control {
background:linear-gradient(180deg, rgba(92,230,255,.06), rgba(255,255,255,.025) 55%, rgba(255,196,92,.05));
}
.ca-monitor-wrap {
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 28px 56px rgba(0,0,0,.22), 0 0 0 1px rgba(92,230,255,.05);
} .cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor {
--accent:#43d7ff;
--accent-2:#8bffb7;
--accent-3:#ffbf49;
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor {
--accent:#4fd3c8;
--accent-2:#93f0ff;
--accent-3:#7fd4ff;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor {
--accent:#5ce6ff;
--accent-2:#b386ff;
--accent-3:#ff7aa2;
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-topbar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-card,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-monitor-wrap {
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(67,215,255,.10), 0 18px 36px rgba(0,0,0,.20);
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-topbar {
background: linear-gradient(180deg, rgba(6,22,30,.96), rgba(5,19,28,.90));
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-topbar {
background: linear-gradient(90deg, rgba(11,26,38,.96), rgba(17,20,44,.94) 54%, rgba(42,14,44,.92));
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-overlay-corner {
background: linear-gradient(180deg, rgba(7,29,39,.82), rgba(8,20,27,.60));
border-color: rgba(67,215,255,.22);
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-overlay-corner {
background: rgba(4,17,23,.56);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-overlay-corner {
background: linear-gradient(180deg, rgba(14,16,28,.70), rgba(8,12,20,.50));
border-color: rgba(179,134,255,.18);
}
.ca-mode-banner {
display:inline-flex; align-items:center; gap:8px; padding:8px 12px; margin-bottom:12px; border-radius:999px;
font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
border:1px solid rgba(255,255,255,.09);
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-mode-banner { background:linear-gradient(90deg, rgba(67,215,255,.18), rgba(139,255,183,.18)); color:#d4fbff; }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-mode-banner { background:linear-gradient(90deg, rgba(79,211,200,.18), rgba(147,240,255,.12)); color:#defcff; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-mode-banner { background:linear-gradient(90deg, rgba(92,230,255,.14), rgba(179,134,255,.18), rgba(255,122,162,.14)); color:#f2e8ff; }
.ca-wave-tag.ca-wave-q { background:rgba(255,127,127,.16); border-color:rgba(255,127,127,.30); color:#ff9fa6; }
.ca-wave-tag.ca-wave-r { background:rgba(139,255,183,.16); border-color:rgba(139,255,183,.30); color:#b8ffd0; }
.ca-wave-tag.ca-wave-s { background:rgba(179,134,255,.16); border-color:rgba(179,134,255,.28); color:#d8c0ff; }
.ca-wave-cards { display:grid; grid-template-columns:1fr; gap:10px; margin-top:14px; }
.ca-wave-card { border-radius:16px; padding:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
.ca-wave-card-key { font-size:1rem; font-weight:900; margin-bottom:4px; }
.ca-wave-card-title { font-size:.93rem; font-weight:800; margin-bottom:4px; }
.ca-wave-card-desc { font-size:.84rem; color:var(--muted); line-height:1.45; }
.ca-wave-card-p { box-shadow: inset 0 0 0 1px rgba(67,215,255,.12); }
.ca-wave-card-q { box-shadow: inset 0 0 0 1px rgba(255,127,127,.12); }
.ca-wave-card-r { box-shadow: inset 0 0 0 1px rgba(139,255,183,.12); }
.ca-wave-card-s { box-shadow: inset 0 0 0 1px rgba(179,134,255,.12); }
.ca-wave-card-t { box-shadow: inset 0 0 0 1px rgba(255,191,73,.12); }
.ca-wave-card-p .ca-wave-card-key { color:#75eaff; }
.ca-wave-card-q .ca-wave-card-key { color:#ff9fa6; }
.ca-wave-card-r .ca-wave-card-key { color:#a8ffcb; }
.ca-wave-card-s .ca-wave-card-key { color:#d9c1ff; }
.ca-wave-card-t .ca-wave-card-key { color:#ffd36f; }
.ca-edu-callout { margin-top:14px; padding:12px 14px; border-radius:16px; background:linear-gradient(180deg, rgba(67,215,255,.10), rgba(255,191,73,.08)); border:1px solid rgba(67,215,255,.14); display:grid; gap:6px; }
.ca-edu-callout strong { color:#eafcff; }
.ca-interval-guide { display:grid; gap:8px; margin-top:12px; }
.ca-interval-row { border-radius:12px; padding:10px 12px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); font-size:.84rem; color:var(--muted); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(1) { background:linear-gradient(180deg, rgba(67,215,255,.12), rgba(67,215,255,.03)); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(2) { background:linear-gradient(180deg, rgba(139,255,183,.12), rgba(139,255,183,.03)); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(3) { background:linear-gradient(180deg, rgba(255,191,73,.12), rgba(255,191,73,.03)); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(4) { background:linear-gradient(180deg, rgba(145,222,255,.14), rgba(145,222,255,.03)); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(5) { background:linear-gradient(180deg, rgba(255,122,162,.13), rgba(255,122,162,.03)); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid .ca-metric:nth-child(6) { background:linear-gradient(180deg, rgba(255,219,111,.14), rgba(255,219,111,.03)); }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card .ca-wave-cards,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card .ca-interval-guide { display:none; }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-callout { background:rgba(79,211,200,.07); border-color:rgba(79,211,200,.12); }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-card-title,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-head-chip strong { letter-spacing:.02em; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-card .ca-wave-cards,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-card .ca-interval-guide,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-card .ca-wave-legend { display:none; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-card .ca-edu-summary { max-width:58ch; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-callout { background:linear-gradient(180deg, rgba(179,134,255,.08), rgba(255,122,162,.07)); border-color:rgba(179,134,255,.14); }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pill,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-head-chip { border-color: rgba(179,134,255,.14); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-head-chip,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pill { border-color: rgba(67,215,255,.14); }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-head-chip,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pill { border-color: rgba(79,211,200,.12); }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(67,215,255,.32), rgba(139,255,183,.20)); color:#f4ffff; }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(79,211,200,.26), rgba(147,240,255,.16)); color:#eefcff; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(179,134,255,.24), rgba(92,230,255,.18), rgba(255,122,162,.14)); color:#fff4ff; }
@media (max-width: 1100px) {
.ca-wave-cards { grid-template-columns:1fr; }
} .ca-segmented {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(0,1fr));
gap:8px;
padding:8px;
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.16);
}
.ca-segmented-btn {
min-height:46px;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
color:var(--text);
font-weight:800;
letter-spacing:.02em;
cursor:pointer;
transition:transform .12s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 6px 14px rgba(0,0,0,.12);
}
.ca-segmented-btn:hover { transform:translateY(-1px); }
.ca-segmented-btn.is-active {
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(255,255,255,.10), 0 14px 28px rgba(0,0,0,.18);
}
.ca-dropdown-trigger {
min-height:48px;
border-radius:16px;
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.14);
}
.cardioai-ecg-monitor-shell.is-preset-switching .ca-monitor-wrap {
filter:saturate(1.08) brightness(1.02);
transition:filter .18s ease, box-shadow .18s ease;
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-segmented,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-dropdown-trigger {
border-color:rgba(67,215,255,.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(14,97,114,.16);
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-segmented,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-dropdown-trigger {
border-color:rgba(79,211,200,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(8,72,74,.15);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-segmented,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-dropdown-trigger {
border-color:rgba(179,134,255,.18);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(68,42,111,.18);
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-monitor-wrap {
background:linear-gradient(180deg, rgba(67,215,255,.08), rgba(255,191,73,.05));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 24px 50px rgba(19,99,104,.20);
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-monitor-wrap {
background:linear-gradient(180deg, rgba(79,211,200,.05), rgba(147,240,255,.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 24px 50px rgba(10,66,72,.20);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap {
background:linear-gradient(180deg, rgba(179,134,255,.07), rgba(255,122,162,.04), rgba(92,230,255,.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 28px 58px rgba(46,22,78,.24);
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(67,215,255,.38), rgba(139,255,183,.24), rgba(255,191,73,.16)); color:#f8ffff; }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(79,211,200,.30), rgba(147,240,255,.18)); color:#f0fcff; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-segmented-btn.is-active { background:linear-gradient(180deg, rgba(179,134,255,.30), rgba(92,230,255,.18), rgba(255,122,162,.18)); color:#fff5ff; }
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-overlay-top-left,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-overlay-top-right { background:rgba(9,29,37,.58); border-color:rgba(67,215,255,.18); color:#ecfeff; }
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-overlay-top-left,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-overlay-top-right { background:rgba(7,24,28,.60); border-color:rgba(79,211,200,.16); color:#e9fdff; }
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-overlay-top-left,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-overlay-top-right { background:rgba(16,13,29,.58); border-color:rgba(179,134,255,.18); color:#f5eefe; } .ca-segmented {
background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
border: 1px solid rgba(255,255,255,.10);
box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 30px rgba(0,0,0,.18);
}
.ca-segmented-btn {
font-weight: 700;
letter-spacing: .02em;
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-topbar {
background: linear-gradient(180deg, rgba(8,31,39,.96), rgba(7,23,32,.92));
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-topbar {
background: linear-gradient(180deg, rgba(7,26,30,.96), rgba(6,19,24,.92));
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-topbar {
background: linear-gradient(180deg, rgba(20,12,33,.96), rgba(8,14,25,.92));
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-monitor-wrap {
box-shadow: inset 0 0 0 1px rgba(67,215,255,.10), 0 25px 50px rgba(11,74,82,.24);
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-monitor-wrap {
box-shadow: inset 0 0 0 1px rgba(79,211,200,.10), 0 25px 50px rgba(5,61,62,.24);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap {
box-shadow: inset 0 0 0 1px rgba(179,134,255,.12), 0 25px 54px rgba(50,23,80,.26);
}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-dropdown-item.is-active {
background: linear-gradient(135deg, rgba(62,226,255,.42), rgba(113,255,175,.26), rgba(255,198,88,.20));
}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-dropdown-item.is-active {
background: linear-gradient(135deg, rgba(74,212,195,.36), rgba(138,234,255,.18));
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-dropdown-item.is-active {
background: linear-gradient(135deg, rgba(188,128,255,.34), rgba(102,228,255,.18), rgba(255,123,168,.20));
}
.ca-ecg-canvas {
display:block;
min-height:520px;
visibility:visible;
opacity:1;
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
overflow-y:auto !important;
overflow-x:hidden !important;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-monitor {
display:grid !important;
grid-template-rows:auto minmax(0,1fr) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
grid-template-columns: minmax(0,1fr) !important;
height: calc(100vh - 72px) !important;
min-height: calc(100vh - 72px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-sidebar,
.cardioai-ecg-monitor-shell:fullscreen .ca-sidebar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-sidebar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-sidebar {
display:none !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
display:grid !important;
grid-template-rows:auto auto auto !important;
height:auto !important;
min-height:100% !important;
padding:12px 14px 18px !important;
gap:10px !important;
overflow:visible !important;
align-content:start !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-stage-head,
.cardioai-ecg-monitor-shell:fullscreen .ca-stage-head,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-stage-head,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-stage-head {
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-head-chip,
.cardioai-ecg-monitor-shell:fullscreen .ca-head-chip,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-head-chip,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-head-chip {
min-height:52px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
width:100% !important;
height:min(76vh, calc(100vh - 240px)) !important;
min-height:420px !important;
align-self:stretch !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
display:block !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar {
margin-top:0 !important;
}
@media (max-width: 900px) {
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-stage-head,
.cardioai-ecg-monitor-shell:fullscreen .ca-stage-head,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-stage-head,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-stage-head {
grid-template-columns:1fr 1fr !important;
}
} .cardioai-ecg-monitor-shell .ca-monitor-wrap{min-width:0;}
.cardioai-ecg-monitor-shell .ca-main{min-width:0;}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{display:block;width:100% !important;height:100% !important;min-height:520px;}
@media (max-width: 1080px){.ca-monitor-wrap{height:clamp(420px,58vh,640px);} .ca-main{grid-template-rows:auto minmax(420px,1fr) auto;}} .cardioai-ecg-monitor-shell .ca-body{
align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-main{
height:100%;
min-height:0;
grid-template-rows:auto minmax(0,1fr) auto;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
height:100%;
min-height:0;
align-self:stretch;
}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{
height:100% !important;
min-height:0;
}
@supports (height: 1dvh) {
.cardioai-ecg-monitor-shell .ca-ecg-monitor{
min-height:var(--cardioai-monitor-height, calc(100dvh - 32px));
}
.cardioai-ecg-monitor-shell .ca-body{
min-height:calc(var(--cardioai-monitor-height, calc(100dvh - 32px)) - 73px);
}
}
@media (max-width: 1080px){
.cardioai-ecg-monitor-shell .ca-main{grid-template-rows:auto minmax(0,1fr) auto;}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{height:100%; min-height:420px;}
}
.ca-actions-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr));}
.ca-btn-pause{background:linear-gradient(180deg, rgba(255,191,73,.24), rgba(255,140,42,.20)); border-color:rgba(255,191,73,.34);}
.ca-analysis-card{display:grid; gap:12px;}
.ca-analysis-status{margin:0; color:var(--ca-text-soft,#c9dbe4); line-height:1.45;}
.ca-analysis-metrics{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
.ca-analysis-summary{padding:14px 16px; border-radius:16px; background:rgba(8,18,26,.42); border:1px solid rgba(124,156,180,.14); color:var(--ca-text,#eef7fb); line-height:1.5;}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-analysis-summary{background:rgba(10,32,40,.42); border-color:rgba(67,215,255,.16);}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-analysis-summary{background:rgba(8,24,28,.44); border-color:rgba(68,195,204,.16);}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-analysis-summary{background:rgba(19,16,36,.40); border-color:rgba(139,92,246,.18);} .ca-field-rhythm .ca-field-label{align-items:flex-start;}
.ca-field-rhythm .ca-field-label strong{font-size:.78rem;color:var(--muted);font-weight:700;}
.ca-field-micro{margin:0 0 8px;}
.ca-rhythm-selector{
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
padding:10px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 24px rgba(0,0,0,.14);
}
.ca-rhythm-quick{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;}
.ca-rhythm-chip{
appearance:none; border:1px solid rgba(255,255,255,.08); cursor:pointer;
border-radius:999px; padding:7px 10px; min-height:34px;
background:rgba(255,255,255,.04); color:var(--text); font-weight:700; font-size:.78rem;
transition:transform .12s ease, background .12s ease, box-shadow .12s ease;
}
.ca-rhythm-chip:hover{transform:translateY(-1px); background:rgba(255,255,255,.07);}
.ca-rhythm-chip.is-active{background:linear-gradient(180deg, rgba(92,230,255,.24), rgba(92,230,255,.12)); box-shadow:0 0 0 1px rgba(92,230,255,.18) inset, 0 8px 18px rgba(92,230,255,.14);}
.ca-rhythm-list{
max-height:260px; overflow:auto; display:grid; gap:7px; padding-right:2px;
}
.ca-rhythm-item{
appearance:none; width:100%; text-align:left; cursor:pointer;
border:1px solid rgba(255,255,255,.06); border-radius:16px;
background:rgba(255,255,255,.03); color:var(--text);
padding:11px 12px; display:flex; justify-content:space-between; gap:14px; align-items:center;
transition:transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ca-rhythm-item:hover{transform:translateY(-1px); background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12);}
.ca-rhythm-item.is-active{
background:linear-gradient(180deg, rgba(92,230,255,.17), rgba(179,134,255,.10));
border-color:rgba(92,230,255,.24);
box-shadow:0 0 0 1px rgba(92,230,255,.12) inset, 0 12px 20px rgba(9,29,39,.18);
}
.ca-rhythm-item-main{font-weight:800; letter-spacing:.01em;}
.ca-rhythm-item-key{font-size:.72rem; color:var(--muted); text-transform:uppercase; letter-spacing:.08em;}
.ca-stepper{
display:grid; grid-template-columns:42px 1fr 42px; gap:8px; align-items:center;
}
.ca-stepper-btn,
.ca-stepper-value{
min-height:40px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); color:var(--text); font-weight:800;
}
.ca-stepper-btn{cursor:pointer; font-size:1.15rem; box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 8px 16px rgba(0,0,0,.12);}
.ca-stepper-btn:hover:not(:disabled){transform:translateY(-1px); background:rgba(255,255,255,.08);}
.ca-stepper-btn:disabled{opacity:.38; cursor:not-allowed;}
.ca-stepper-value{display:flex; align-items:center; justify-content:center; font-size:.88rem; letter-spacing:.03em;}
.ca-btn{
min-height:50px;
border-radius:17px;
letter-spacing:.03em;
text-transform:uppercase;
}
.ca-btn-start::before,
.ca-btn-stop::before,
.ca-btn-pause::before{
content:''; display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:10px; vertical-align:middle;
}
.ca-btn-start::before{background:#ffffffc7; box-shadow:0 0 12px rgba(255,255,255,.5);}
.ca-btn-pause::before{background:#ffe299; box-shadow:0 0 10px rgba(255,226,153,.45);}
.ca-btn-stop::before{background:#ffd7dc; box-shadow:0 0 10px rgba(255,215,220,.45);}
.ca-btn-pause{
color:#fff9ef;
background:linear-gradient(180deg, #ffc96b, #d68a21);
border-color:rgba(0,0,0,.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.18), 0 10px 0 #905812, 0 16px 28px rgba(144,88,18,.28);
}
.ca-actions-grid-primary{grid-template-columns:repeat(3,1fr);}
.ca-actions-grid:not(.ca-actions-grid-primary) .ca-btn{min-height:44px; font-size:.79rem;}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-rhythm-list{max-height:210px;}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-analysis-card,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card .ca-wave-cards,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card .ca-interval-guide,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card .ca-wave-legend,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-field-rhythm .ca-rhythm-quick{display:none;}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-rhythm-list{max-height:180px;}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-card-control{padding-bottom:12px;}
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-stage-head{grid-template-columns:repeat(5,minmax(0,1fr));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-card-control{
background:linear-gradient(180deg, rgba(25,18,45,.52), rgba(8,19,32,.72));
border-color:rgba(179,134,255,.18);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-rhythm-selector{
background:linear-gradient(180deg, rgba(22,16,41,.85), rgba(10,22,35,.88));
border-color:rgba(179,134,255,.18);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-rhythm-chip.is-active,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-rhythm-item.is-active{
background:linear-gradient(180deg, rgba(179,134,255,.24), rgba(92,230,255,.15), rgba(255,122,162,.12));
border-color:rgba(179,134,255,.22);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 22px 44px rgba(5,6,15,.38), 0 0 0 1px rgba(179,134,255,.08);}
.ca-theme-paper .ca-rhythm-selector,
.ca-theme-paper .ca-rhythm-item,
.ca-theme-paper .ca-stepper-btn,
.ca-theme-paper .ca-stepper-value,
.ca-theme-paper .ca-rhythm-chip{border-color:rgba(12,58,93,.12);}
.ca-theme-paper .ca-rhythm-selector{background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.96));}
.ca-theme-paper .ca-rhythm-item{background:rgba(12,58,93,.03);}
.ca-theme-paper .ca-rhythm-item.is-active,
.ca-theme-paper .ca-rhythm-chip.is-active{background:linear-gradient(180deg, rgba(14,165,233,.18), rgba(16,185,129,.12)); color:#103247;}
@media (max-width: 1100px){
.ca-rhythm-list{max-height:220px;}
.ca-actions-grid-primary{grid-template-columns:1fr;}
.ca-stepper{grid-template-columns:38px 1fr 38px;}
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-body{
grid-template-columns:300px minmax(0,1fr);
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar{
padding:14px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-card{
padding:14px;
border-radius:20px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-main{
padding:14px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-stage-head{
gap:8px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-head-chip{
padding:10px 12px;
}
@media (max-width: 1500px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-body{
grid-template-columns:280px minmax(0,1fr);
}
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap{
height:clamp(460px, 56vh, 660px);
min-height:520px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"][data-layout-mode="clinical"] .ca-monitor-wrap{
height:clamp(420px, 50vh, 560px);
min-height:440px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-main{
grid-template-rows:auto minmax(440px,1fr) auto;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-stage-head{
gap:6px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-head-chip{
padding:9px 11px;
border-radius:16px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-head-chip strong{
font-size:.92rem;
}
@media (max-width: 1400px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap{
height:clamp(400px, 48vh, 520px);
min-height:420px;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-main{
grid-template-rows:auto minmax(420px,1fr) auto;
}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap{
height:clamp(420px, 54vh, 560px);
min-height:420px;
}
} .ca-card-subtitle{
margin:-2px 0 14px;
color:var(--muted);
font-size:.84rem;
line-height:1.45;
}
.ca-body{
grid-template-columns:292px minmax(0,1fr);
}
.ca-sidebar{
padding:14px;
gap:12px;
}
.ca-main{
padding:14px;
grid-template-rows:auto auto minmax(540px,1fr) auto;
gap:12px;
}
.ca-stage-head{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.ca-head-chip{
border-radius:14px;
padding:11px 13px;
}
.ca-pro-controlbar{
position:relative;
padding:16px 18px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 92% 18%, rgba(255,191,90,.16), transparent 20%),
radial-gradient(circle at 12% 10%, rgba(92,230,255,.18), transparent 22%),
radial-gradient(circle at 34% 100%, rgba(255,154,86,.12), transparent 24%),
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 34px rgba(0,0,0,.18);
overflow:visible;
}
.ca-pro-controlbar-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
}
.ca-pro-brandline{
display:flex;
flex-direction:column;
gap:4px;
}
.ca-control-kicker,
.ca-rhythm-drawer-kicker{
font-size:.72rem;
letter-spacing:.18em;
text-transform:uppercase;
color:#ffd070;
font-weight:800;
}
.ca-pro-brandline strong{
font-size:1.05rem;
letter-spacing:.01em;
}
.ca-pro-live{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 14px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7,18,25,.52);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
font-weight:700;
}
.ca-live-dot{
width:10px;
height:10px;
border-radius:50%;
background:#ffd33d;
box-shadow:0 0 18px rgba(255,211,61,.65);
animation:caPulseLive 1.6s ease-in-out infinite;
}
@keyframes caPulseLive{
0%,100%{transform:scale(1); opacity:1;}
50%{transform:scale(1.22); opacity:.72;}
}
.ca-pro-live strong{
color:#fff4c8;
}
.ca-pro-controlbar-grid{
display:grid;
grid-template-columns:2.2fr repeat(5, minmax(0,1fr));
gap:12px;
align-items:stretch;
}
.ca-pro-block{
min-width:0;
padding:12px 13px 13px;
border-radius:18px;
background:linear-gradient(180deg, rgba(7,18,26,.54), rgba(7,18,26,.30));
border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.ca-pro-block-rhythm{
background:
radial-gradient(circle at 100% 0%, rgba(255,157,77,.10), transparent 26%),
linear-gradient(180deg, rgba(7,18,26,.60), rgba(7,18,26,.34));
}
.ca-pro-block-label{
font-size:.84rem;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:#f5fbff;
margin-bottom:4px;
}
.ca-pro-block-sub{
font-size:.75rem;
color:var(--muted);
margin-bottom:10px;
min-height:2.1em;
}
.ca-pro-rhythm-quickbar{
display:grid;
grid-template-columns:repeat(9, minmax(0,1fr));
gap:8px;
}
.ca-pro-rhythm-btn{
min-width:0;
min-height:58px;
padding:10px 10px 9px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 8px 18px rgba(0,0,0,.12);
color:var(--text);
cursor:pointer;
transition:transform .12s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
text-align:left;
}
.ca-pro-rhythm-btn:hover{
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.15);
}
.ca-pro-rhythm-btn.is-active{
transform:translateY(-1px);
border-color:rgba(255,255,255,.20);
}
.ca-pro-rhythm-btn.is-ok.is-active{
background:linear-gradient(180deg, rgba(45,212,191,.26), rgba(16,185,129,.18));
box-shadow:0 0 0 1px rgba(45,212,191,.20) inset, 0 10px 22px rgba(16,185,129,.18);
}
.ca-pro-rhythm-btn.is-cool.is-active{
background:linear-gradient(180deg, rgba(92,230,255,.24), rgba(74,163,255,.16));
box-shadow:0 0 0 1px rgba(92,230,255,.20) inset, 0 10px 22px rgba(92,230,255,.18);
}
.ca-pro-rhythm-btn.is-warn.is-active{
background:linear-gradient(180deg, rgba(255,214,102,.28), rgba(255,168,76,.18));
box-shadow:0 0 0 1px rgba(255,205,97,.22) inset, 0 10px 22px rgba(255,168,76,.18);
}
.ca-pro-rhythm-btn.is-orange.is-active,
.ca-pro-rhythm-btn.is-amber.is-active{
background:linear-gradient(180deg, rgba(255,164,74,.30), rgba(255,112,67,.18));
box-shadow:0 0 0 1px rgba(255,164,74,.22) inset, 0 10px 22px rgba(255,112,67,.20);
}
.ca-pro-rhythm-btn.is-critical.is-active{
background:linear-gradient(180deg, rgba(255,107,119,.34), rgba(220,38,38,.18));
box-shadow:0 0 0 1px rgba(255,107,119,.24) inset, 0 10px 24px rgba(220,38,38,.24);
}
.ca-pro-rhythm-btn.is-violet.is-active{
background:linear-gradient(180deg, rgba(179,134,255,.28), rgba(124,58,237,.18));
box-shadow:0 0 0 1px rgba(179,134,255,.22) inset, 0 10px 22px rgba(124,58,237,.18);
}
.ca-pro-rhythm-btn-more{
background:
linear-gradient(180deg, rgba(255,194,77,.12), rgba(255,255,255,.04)),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}
.ca-pro-rhythm-key{
display:block;
font-size:.72rem;
line-height:1.1;
letter-spacing:.14em;
text-transform:uppercase;
font-weight:900;
}
.ca-pro-rhythm-name{
display:block;
margin-top:7px;
font-size:.74rem;
color:var(--muted);
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ca-rhythm-library-drawer{
position:absolute;
left:18px;
right:18px;
top:calc(100% + 10px);
z-index:15;
padding:16px;
border-radius:22px;
border:1px solid rgba(255,255,255,.10);
background:
radial-gradient(circle at 100% 0%, rgba(255,191,90,.12), transparent 24%),
linear-gradient(180deg, rgba(7,17,24,.98), rgba(10,20,27,.96));
box-shadow:0 28px 80px rgba(0,0,0,.34);
opacity:0;
visibility:hidden;
transform:translateY(-6px);
transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
}
.ca-rhythm-library-drawer.is-open{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.ca-rhythm-drawer-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
}
.ca-rhythm-drawer-head strong{
display:block;
margin-top:4px;
font-size:1.02rem;
}
.ca-rhythm-drawer-body .ca-rhythm-selector{
border-radius:18px;
box-shadow:none;
padding:10px;
}
.ca-btn-drawer-close{
min-height:42px;
padding:0 16px;
}
.ca-card-control{
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}
.ca-monitor-wrap{
min-height:620px;
height:clamp(560px, 67vh, 780px);
}
.ca-ecg-canvas{
min-height:620px;
}
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-monitor-wrap,
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-ecg-canvas{
min-height:660px;
height:clamp(610px, 72vh, 820px);
}
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-main{
grid-template-rows:auto auto minmax(610px,1fr) auto;
}
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-stage-head{
margin-top:-2px;
}
.ca-ecg-monitor[data-preset="pro"] .ca-monitor-wrap{
border-color:rgba(255,191,90,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 22px 42px rgba(0,0,0,.20), 0 0 0 1px rgba(255,170,73,.04);
}
.ca-ecg-monitor[data-preset="pro"] .ca-head-chip{
background:
linear-gradient(180deg, rgba(255,194,77,.08), rgba(255,255,255,.03)),
linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
.ca-ecg-monitor[data-preset="pro"] .ca-pill{
background:
linear-gradient(180deg, rgba(255,194,77,.10), rgba(255,255,255,.03)),
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.ca-ecg-monitor[data-preset="pro"] .ca-segmented-btn.is-active{
background:linear-gradient(180deg, rgba(255,196,90,.26), rgba(255,126,89,.16), rgba(92,230,255,.16));
color:#fff8f0;
}
.ca-theme-paper .ca-pro-controlbar{
background:
radial-gradient(circle at 92% 18%, rgba(255,191,90,.14), transparent 20%),
radial-gradient(circle at 12% 10%, rgba(14,165,233,.12), transparent 22%),
linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.94));
}
.ca-theme-paper .ca-pro-block,
.ca-theme-paper .ca-pro-live,
.ca-theme-paper .ca-rhythm-library-drawer{
background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.96));
border-color:rgba(12,58,93,.12);
}
.ca-theme-paper .ca-pro-rhythm-btn{
border-color:rgba(12,58,93,.12);
background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,253,.94));
}
.ca-theme-paper .ca-pro-rhythm-name{
color:#587386;
}
@media (max-width: 1480px){
.ca-pro-controlbar-grid{
grid-template-columns:1.7fr repeat(3, minmax(0,1fr));
}
.ca-pro-block-rhythm{
grid-column:1 / -1;
}
}
@media (max-width: 1240px){
.ca-body{
grid-template-columns:270px minmax(0,1fr);
}
.ca-pro-rhythm-quickbar{
grid-template-columns:repeat(5, minmax(0,1fr));
}
}
@media (max-width: 1080px){
.ca-main{
grid-template-rows:auto auto minmax(460px,1fr) auto;
}
.ca-stage-head{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ca-pro-controlbar-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ca-pro-block-rhythm{
grid-column:1 / -1;
}
.ca-monitor-wrap,
.ca-ecg-canvas,
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-monitor-wrap,
.ca-ecg-monitor[data-preset="pro"][data-lead-count="12"] .ca-ecg-canvas{
min-height:520px;
height:clamp(480px, 62vh, 680px);
}
}
@media (max-width: 840px){
.ca-pro-controlbar-top{
flex-direction:column;
align-items:flex-start;
}
.ca-pro-controlbar-grid,
.ca-pro-rhythm-quickbar{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ca-rhythm-library-drawer{
left:8px;
right:8px;
}
} .ca-ecg-monitor {
min-height: var(--cardioai-monitor-height, min(1080px, calc(100vh - 28px)));
}
.ca-topbar {
gap: 14px !important;
padding: 12px 16px !important;
}
.ca-badge-brand { padding: 8px 12px !important; border-radius: 14px !important; }
.ca-title { font-size: 1.08rem !important; }
.ca-subtitle { margin-top: 2px !important; font-size: .85rem !important; }
.ca-pill {
min-height: 34px !important;
padding: 0 11px !important;
border-radius: 12px !important;
gap: 8px !important;
}
.ca-pill strong { font-size: .82rem !important; }
.ca-pill span { font-size: .74rem !important; }
.ca-body {
grid-template-columns: 292px minmax(0,1fr) !important;
min-height: calc(var(--cardioai-monitor-height, min(1080px, calc(100vh - 28px))) - 64px) !important;
align-items: stretch !important;
}
.ca-sidebar,
.ca-main {
min-width: 0;
}
.ca-sidebar {
padding: 12px !important;
gap: 10px !important;
overflow: auto !important;
}
.ca-card {
padding: 12px !important;
border-radius: 18px !important;
}
.ca-card-title {
font-size: .95rem !important;
margin-bottom: 10px !important;
}
.ca-card-subtitle,
.ca-pro-block-sub,
.ca-field-label span,
.ca-footer-muted,
.ca-metric span {
font-size: .78rem !important;
line-height: 1.35 !important;
}
.ca-field { margin-bottom: 10px !important; }
.ca-field-label { margin-bottom: 6px !important; }
.ca-actions-grid { gap: 8px !important; }
.ca-btn { min-height: 40px !important; border-radius: 13px !important; font-size: .86rem !important; }
.ca-clinical-grid { gap: 8px !important; }
.ca-metric { padding: 10px !important; border-radius: 14px !important; }
.ca-metric strong { font-size: .88rem !important; }
.ca-analysis-summary,
.ca-analysis-status,
.ca-edu-summary,
.ca-edu-callout,
.ca-wave-card-desc,
.ca-interval-row,
.ca-edu-list li {
font-size: .82rem !important;
line-height: 1.42 !important;
}
.ca-main {
padding: 12px !important;
grid-template-rows: auto auto minmax(0,1fr) auto !important;
gap: 10px !important;
}
.ca-pro-controlbar {
padding: 12px !important;
border-radius: 20px !important;
}
.ca-pro-controlbar-top {
gap: 10px !important;
margin-bottom: 10px !important;
}
.ca-control-kicker { font-size: .68rem !important; }
.ca-pro-brandline strong,
.ca-pro-live strong { font-size: .92rem !important; }
.ca-pro-controlbar-grid {
grid-template-columns: 2.1fr repeat(5, minmax(118px, 1fr)) !important;
gap: 8px !important;
}
.ca-pro-block {
min-width: 0;
padding: 10px 10px 11px !important;
border-radius: 16px !important;
}
.ca-pro-block-label {
font-size: .78rem !important;
margin-bottom: 2px !important;
}
.ca-pro-rhythm-quickbar {
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ca-pro-rhythm-btn {
min-height: 54px !important;
padding: 8px 10px !important;
border-radius: 14px !important;
}
.ca-pro-rhythm-key {
font-size: .74rem !important;
margin-bottom: 3px !important;
}
.ca-pro-rhythm-name {
font-size: .73rem !important;
line-height: 1.15 !important;
}
.ca-segmented {
padding: 6px !important;
gap: 6px !important;
border-radius: 14px !important;
}
.ca-segmented-btn {
min-height: 36px !important;
border-radius: 11px !important;
padding: 0 8px !important;
font-size: .76rem !important;
}
.ca-rhythm-library-drawer {
top: calc(100% + 8px) !important;
padding: 12px !important;
border-radius: 18px !important;
max-height: min(420px, 55vh) !important;
}
.ca-stage-head {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ca-head-chip {
padding: 10px 12px !important;
border-radius: 14px !important;
}
.ca-head-chip span { font-size: .72rem !important; margin-bottom: 4px !important; }
.ca-head-chip strong { font-size: .86rem !important; }
.ca-monitor-wrap {
min-height: 560px !important;
height: clamp(560px, 60vh, 710px) !important;
border-radius: 22px !important;
}
.ca-ecg-canvas {
min-height: 560px !important;
}
.ca-overlay-corner {
padding: 7px 10px !important;
border-radius: 12px !important;
font-size: .78rem !important;
max-width: min(360px, 44%) !important;
}
.ca-footer-bar {
padding: 10px 12px !important;
border-radius: 16px !important;
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap {
min-height: 590px !important;
height: clamp(590px, 62vh, 740px) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar {
max-width: 292px !important;
} @media (min-width: 1281px) {
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-body {
grid-template-columns: 284px minmax(0,1fr) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-monitor-wrap {
height: clamp(610px, 63vh, 760px) !important;
}
} @media (max-width: 1380px) {
.ca-body { grid-template-columns: 268px minmax(0,1fr) !important; }
.ca-pro-controlbar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.ca-stage-head { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.ca-pro-rhythm-quickbar { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.ca-monitor-wrap { height: clamp(540px, 57vh, 680px) !important; min-height: 540px !important; }
.ca-ecg-canvas { min-height: 540px !important; }
}
@media (max-width: 1080px) {
.ca-body { grid-template-columns: 1fr !important; }
.ca-sidebar { max-height: none !important; overflow: visible !important; }
.ca-pro-controlbar-grid,
.ca-stage-head,
.ca-pro-rhythm-quickbar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.ca-monitor-wrap { height: clamp(500px, 54vh, 620px) !important; min-height: 500px !important; }
.ca-ecg-canvas { min-height: 500px !important; }
}
@media (max-width: 720px) {
.ca-topbar-right,
.ca-pro-controlbar-grid,
.ca-stage-head,
.ca-pro-rhythm-quickbar { grid-template-columns: 1fr !important; }
.ca-overlay-corner {
max-width: 78% !important;
font-size: .74rem !important;
}
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-block-rhythm{
padding: 8px 10px 10px !important;
border-radius: 14px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-block-label{
font-size: .68rem !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,.68) !important;
margin-bottom: 4px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-quickbar{
gap: 6px !important;
grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-btn{
min-height: 46px !important;
padding: 6px 8px !important;
border-radius: 11px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.14) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-key{
font-size: .68rem !important;
line-height: 1.05 !important;
margin-bottom: 1px !important;
letter-spacing: .08em !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-name{
font-size: .58rem !important;
line-height: 1.05 !important;
opacity: .8 !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-btn-more .ca-pro-rhythm-name{
font-size: .56rem !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-controlbar{
border-radius: 16px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-controlbar-grid{
gap: 7px !important;
}
@media (max-width: 1380px) {
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-quickbar {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1080px) {
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-btn {
min-height: 42px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-key {
font-size: .64rem !important;
}
} .cardioai-ecg-monitor-shell .ca-pro-controlbar{
overflow:visible !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid{
grid-template-columns:minmax(0,2.35fr) repeat(5,minmax(116px,1fr));
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-pro-block{
padding:11px 12px 12px;
}
.cardioai-ecg-monitor-shell .ca-pro-block-label{
font-size:.72rem;
letter-spacing:.10em;
}
.cardioai-ecg-monitor-shell .ca-pro-block-sub{
font-size:.68rem;
min-height:1.8em;
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-btn{
min-height:50px;
padding:8px 8px 7px;
border-radius:14px;
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-key{
font-size:.64rem;
letter-spacing:.12em;
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-name{
margin-top:5px;
font-size:.62rem;
}
.cardioai-ecg-monitor-shell [data-segmented="displayPreset"] .ca-segmented-btn,
.cardioai-ecg-monitor-shell [data-segmented="leadLayout"] .ca-segmented-btn,
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn,
.cardioai-ecg-monitor-shell [data-segmented="speed"] .ca-segmented-btn,
.cardioai-ecg-monitor-shell [data-segmented="educationMode"] .ca-segmented-btn{
font-size:.68rem;
letter-spacing:.08em;
min-height:40px;
}
.cardioai-ecg-monitor-shell [data-segmented="displayPreset"] .ca-segmented-btn.is-active{
color:#fff8e7;
}
.cardioai-ecg-monitor-shell [data-segmented="displayPreset"] .ca-segmented-btn:nth-child(1).is-active{
background:linear-gradient(180deg, rgba(255,214,102,.26), rgba(255,168,76,.16));
}
.cardioai-ecg-monitor-shell [data-segmented="displayPreset"] .ca-segmented-btn:nth-child(2).is-active{
background:linear-gradient(180deg, rgba(255,174,76,.30), rgba(255,120,58,.16));
}
.cardioai-ecg-monitor-shell [data-segmented="displayPreset"] .ca-segmented-btn:nth-child(3).is-active{
background:linear-gradient(180deg, rgba(92,230,255,.22), rgba(179,134,255,.16));
}
.cardioai-ecg-monitor-shell .ca-stage-head{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:9px;
}
.cardioai-ecg-monitor-shell .ca-head-chip span{
font-size:.62rem;
}
.cardioai-ecg-monitor-shell .ca-head-chip strong{
font-size:.8rem;
}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell .ca-stage-head{
grid-template-columns:repeat(2,minmax(0,1fr));
}
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-body,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-body,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-body{
grid-template-columns:1fr !important;
grid-template-rows:auto 1fr;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{
border-right:none !important;
border-bottom:1px solid rgba(255,255,255,.06);
display:grid !important;
grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(220px,1fr));
gap:12px;
padding:12px 14px 10px !important;
align-items:start;
overflow:visible !important;
max-height:none !important;
background:linear-gradient(180deg, rgba(8,20,29,.82), rgba(8,20,29,.56));
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar .ca-card,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar .ca-card,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar .ca-card{margin:0;min-height:100%;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-main,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-main,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-main{padding-top:12px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-card-title,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-card-title,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-card-title{font-size:.92rem;margin-bottom:10px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-card-subtitle,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-card-subtitle,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-card-subtitle{font-size:.76rem;line-height:1.35;margin-bottom:10px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-field,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-field,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-field{margin-bottom:9px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-field-label,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-field-label,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-field-label{font-size:.82rem;margin-bottom:5px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-analysis-status,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-analysis-status,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-analysis-status,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-analysis-summary,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-analysis-summary,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-analysis-summary,
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-summary,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-summary,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-edu-summary{font-size:.78rem;line-height:1.4;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-controlbar-grid{grid-template-columns:2.25fr repeat(5,minmax(0,1fr));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-block-label,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-block-label,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-block-label{font-size:.76rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-block-sub,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-block-sub,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-block-sub{font-size:.68rem;min-height:1.8em;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-quickbar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-rhythm-quickbar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-rhythm-quickbar{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-btn,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-rhythm-btn,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-rhythm-btn{min-height:52px;padding:8px 9px;border-radius:14px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-key,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-rhythm-key,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-rhythm-key{font-size:.64rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-rhythm-name,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-rhythm-name,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-rhythm-name{margin-top:5px;font-size:.68rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-stage-head,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-stage-head,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-stage-head{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-head-chip,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-head-chip,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-head-chip{padding:10px 12px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-head-chip span,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-head-chip span,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-head-chip span{font-size:.72rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-head-chip strong,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-head-chip strong,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-head-chip strong{font-size:.86rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-card-control,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-card-control,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-card-control{background:linear-gradient(180deg, rgba(255,181,72,.09), rgba(255,255,255,.03));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-analysis-card,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-analysis-card,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-analysis-card{background:linear-gradient(180deg, rgba(92,230,255,.08), rgba(255,255,255,.03));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-edu-card,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-edu-card,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-edu-card{background:linear-gradient(180deg, rgba(255,164,74,.10), rgba(255,255,255,.03));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-clinical-grid,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-clinical-grid,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-clinical-grid{gap:8px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-metric,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-metric,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-metric{padding:10px;border-radius:14px;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-metric span,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-metric span,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-metric span{font-size:.72rem;}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-metric strong,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-metric strong,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-metric strong{font-size:.84rem;}
@media (max-width: 1500px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{grid-template-columns:repeat(2,minmax(260px,1fr));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-controlbar-grid{grid-template-columns:1.7fr repeat(3,minmax(0,1fr));}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-pro-block-rhythm,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-pro-block-rhythm,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-pro-block-rhythm{grid-column:1 / -1;}
}
@media (max-width: 1080px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{grid-template-columns:1fr;}
} .cardioai-ecg-monitor-shell[data-preset="pro"] .ca-body,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-body,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-body{
grid-template-columns:1fr !important;
grid-template-rows:auto 1fr !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{
width:100% !important;
max-width:none !important;
align-self:stretch !important;
justify-self:stretch !important;
grid-template-columns:minmax(320px,1.35fr) repeat(3,minmax(240px,1fr)) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-main,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-main,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-main,
.cardioai-ecg-monitor-shell .ca-pro-controlbar,
.cardioai-ecg-monitor-shell .ca-stage-head,
.cardioai-ecg-monitor-shell .ca-monitor-wrap,
.cardioai-ecg-monitor-shell .ca-footer-bar{
width:100% !important;
max-width:none !important;
align-self:stretch !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar{
padding:12px 14px 14px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid{
grid-template-columns:2.5fr repeat(5,minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(9,minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
min-height:620px !important;
height:clamp(620px, 65vh, 790px) !important;
}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{
min-height:620px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap{
min-height:680px !important;
height:clamp(680px, 69vh, 860px) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas{
min-height:680px !important;
}
@media (max-width: 1700px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{
grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid{
grid-template-columns:2fr repeat(3,minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-block-rhythm{grid-column:1 / -1 !important;}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-sidebar,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-sidebar{
grid-template-columns:1fr !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid,
.cardioai-ecg-monitor-shell .ca-stage-head,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
min-height:560px !important;
height:clamp(560px, 61vh, 700px) !important;
}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{min-height:560px !important;}
} .cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device{
grid-template-columns:minmax(150px,auto) minmax(320px,1fr) minmax(420px,auto) !important;
gap:16px !important;
padding:14px 18px !important;
border-radius:20px 20px 0 0;
border-bottom:1px solid rgba(255,255,255,.08) !important;
background:
radial-gradient(circle at top left, rgba(92,230,255,.16), transparent 22%),
radial-gradient(circle at top right, rgba(179,134,255,.18), transparent 24%),
linear-gradient(135deg, rgba(8,20,30,.98) 0%, rgba(10,18,32,.98) 38%, rgba(19,20,41,.97) 68%, rgba(18,33,45,.97) 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 34px rgba(5,10,18,.24) !important;
}
.cardioai-ecg-monitor-shell .ca-topbar-left{
display:flex; align-items:center; gap:10px; min-width:0;
}
.cardioai-ecg-monitor-shell .ca-device-badge{
display:inline-flex; align-items:center; gap:8px; min-height:40px;
padding:0 12px; border-radius:999px;
border:1px solid rgba(92,230,255,.16);
background:linear-gradient(180deg, rgba(92,230,255,.10), rgba(255,255,255,.03));
color:rgba(225,244,255,.9); font-size:.72rem; font-weight:800; letter-spacing:.14em;
text-transform:uppercase; white-space:nowrap;
}
.cardioai-ecg-monitor-shell .ca-device-badge-dot{
width:8px; height:8px; border-radius:50%; background:#7cf7ff; box-shadow:0 0 14px rgba(124,247,255,.9);
}
.cardioai-ecg-monitor-shell .ca-topbar .ca-title{
font-size:1.16rem !important; letter-spacing:.01em;
}
.cardioai-ecg-monitor-shell .ca-topbar .ca-subtitle{
margin-top:3px !important; font-size:.84rem !important; color:rgba(203,222,234,.72) !important;
}
.cardioai-ecg-monitor-shell .ca-headline-meta{
display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;
}
.cardioai-ecg-monitor-shell .ca-headline-chip{
display:inline-flex; align-items:center; min-height:28px; padding:0 10px;
border-radius:999px; border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
color:rgba(225,238,246,.86); font-size:.70rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.cardioai-ecg-monitor-shell .ca-status-matrix{
display:grid !important; grid-template-columns:repeat(3, minmax(126px, 1fr)); gap:8px !important; align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-status-matrix .ca-pill{
min-height:44px !important; padding:7px 12px !important; border-radius:14px !important;
justify-content:space-between; align-items:flex-start; flex-direction:column; gap:2px !important;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
border:1px solid rgba(255,255,255,.08) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 18px rgba(0,0,0,.14) !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix .ca-pill span{
font-size:.67rem !important; letter-spacing:.11em; text-transform:uppercase; color:rgba(181,203,217,.72) !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix .ca-pill strong{
font-size:.84rem !important; line-height:1.08; color:#f3fbff;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
min-height:700px !important;
height:clamp(700px, 71vh, 900px) !important;
}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{
min-height:700px !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap{
min-height:790px !important;
height:clamp(790px, 76vh, 980px) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor[data-lead-count="12"] .ca-ecg-canvas{
min-height:790px !important;
}
@media (max-width: 1560px){
.cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device{
grid-template-columns:1fr !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix{
grid-template-columns:repeat(3, minmax(120px, 1fr)) !important;
}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-status-matrix{
grid-template-columns:repeat(2, minmax(120px, 1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
min-height:620px !important;
height:clamp(620px, 66vh, 820px) !important;
}
.cardioai-ecg-monitor-shell[data-preset="pro"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="clinical"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap,
.cardioai-ecg-monitor-shell[data-preset="edu"] .ca-ecg-monitor[data-lead-count="12"] .ca-monitor-wrap{
min-height:700px !important;
height:clamp(700px, 72vh, 900px) !important;
}
}
@media (max-width: 720px){
.cardioai-ecg-monitor-shell .ca-topbar-left{flex-wrap:wrap;}
.cardioai-ecg-monitor-shell .ca-headline-meta,
.cardioai-ecg-monitor-shell .ca-status-matrix{grid-template-columns:1fr !important;}
} .ca-ecg-monitor,
.ca-ecg-monitor .ca-sidebar,
.ca-ecg-monitor .ca-main,
.ca-ecg-monitor .ca-card,
.ca-ecg-monitor .ca-topbar {
-webkit-tap-highlight-color: transparent;
}
.ca-ecg-monitor .ca-btn,
.ca-ecg-monitor .ca-stepper-btn,
.ca-ecg-monitor .ca-stepper-value,
.ca-ecg-monitor .ca-segmented-btn,
.ca-ecg-monitor .ca-dropdown-trigger,
.ca-ecg-monitor .ca-dropdown-item,
.ca-ecg-monitor .ca-rhythm-chip,
.ca-ecg-monitor .ca-rhythm-item,
.ca-ecg-monitor .ca-pro-rhythm-btn,
.ca-ecg-monitor input[type="range"],
.ca-ecg-monitor button,
.ca-ecg-monitor [role="option"] {
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
}
.ca-ecg-monitor .ca-sidebar,
.ca-ecg-monitor .ca-controls,
.ca-ecg-monitor .ca-card-control,
.ca-ecg-monitor .ca-stepper,
.ca-ecg-monitor .ca-segmented,
.ca-ecg-monitor .ca-rhythm-selector,
.ca-ecg-monitor .ca-rhythm-toolbar,
.ca-ecg-monitor .ca-actions-grid {
overscroll-behavior: contain;
}
.ca-ecg-monitor .ca-stepper-btn,
.ca-ecg-monitor .ca-segmented-btn,
.ca-ecg-monitor .ca-btn,
.ca-ecg-monitor .ca-dropdown-trigger,
.ca-ecg-monitor .ca-rhythm-chip,
.ca-ecg-monitor .ca-rhythm-item,
.ca-ecg-monitor .ca-pro-rhythm-btn {
position: relative;
z-index: 2;
}
@media (pointer: coarse) {
.ca-ecg-monitor .ca-btn,
.ca-ecg-monitor .ca-stepper-btn,
.ca-ecg-monitor .ca-segmented-btn,
.ca-ecg-monitor .ca-dropdown-trigger,
.ca-ecg-monitor .ca-rhythm-chip,
.ca-ecg-monitor .ca-rhythm-item,
.ca-ecg-monitor .ca-pro-rhythm-btn {
min-height: 46px;
}
} .cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device.ca-topbar-compact{
grid-template-columns:minmax(180px,auto) minmax(280px,1fr) minmax(460px,auto) !important;
gap:12px !important;
padding:10px 16px !important;
}
.cardioai-ecg-monitor-shell .ca-headline.ca-headline-compact{
display:flex;
flex-direction:column;
justify-content:center;
gap:4px;
min-width:0;
}
.cardioai-ecg-monitor-shell .ca-title-row{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.cardioai-ecg-monitor-shell .ca-topbar .ca-title{
margin:0 !important;
font-size:1.02rem !important;
line-height:1.05 !important;
}
.cardioai-ecg-monitor-shell .ca-device-mode-pill{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
border:1px solid rgba(255,191,90,.24);
background:linear-gradient(180deg, rgba(255,191,90,.18), rgba(255,255,255,.04));
color:#fff0c4;
font-size:.64rem;
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase;
white-space:nowrap;
}
.cardioai-ecg-monitor-shell .ca-topbar .ca-subtitle{
margin-top:0 !important;
font-size:.75rem !important;
}
.cardioai-ecg-monitor-shell .ca-headline-meta,
.cardioai-ecg-monitor-shell .ca-headline-chip{
display:none !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact{
grid-template-columns:repeat(6, minmax(96px,1fr)) !important;
gap:6px !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact .ca-pill{
min-height:38px !important;
padding:6px 10px !important;
border-radius:12px !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact .ca-pill span{
font-size:.58rem !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact .ca-pill strong{
font-size:.74rem !important;
}
.cardioai-ecg-monitor-shell .ca-pill-rhythm-live{
background:linear-gradient(180deg, rgba(92,230,255,.16), rgba(255,255,255,.04)) !important;
border-color:rgba(92,230,255,.22) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt{
position:relative;
margin:10px 14px 0;
padding:12px 14px 14px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:
radial-gradient(circle at 10% 0%, rgba(92,230,255,.16), transparent 24%),
radial-gradient(circle at 100% 0%, rgba(255,191,90,.14), transparent 22%),
linear-gradient(180deg, rgba(10,21,31,.94), rgba(7,17,25,.92));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 36px rgba(0,0,0,.18);
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-brand{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-kicker{
font-size:.66rem;
letter-spacing:.18em;
text-transform:uppercase;
color:#ffd070;
font-weight:900;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-brand strong{
font-size:.95rem;
line-height:1.1;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-live{
display:inline-flex;
align-items:center;
gap:10px;
min-height:40px;
padding:0 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
font-weight:700;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-live strong{
color:#fff4c8;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(9, minmax(0,1fr)) !important;
gap:8px !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-btn{
min-height:64px !important;
border-radius:16px !important;
padding:10px 10px 9px !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-key{
font-size:.72rem !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-name{
font-size:.68rem !important;
margin-top:6px !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-library-drawer.ca-rhythm-library-drawer-belt{
left:0 !important;
right:0 !important;
top:calc(100% + 8px) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-compact{
padding:10px 12px 12px !important;
border-radius:18px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-compact .ca-pro-controlbar-top{
margin-bottom:10px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact{
grid-template-columns:repeat(5, minmax(0,1fr)) !important;
gap:8px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact .ca-pro-block{
padding:10px 11px 11px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact .ca-pro-block-sub{
min-height:auto !important;
margin-bottom:8px !important;
}
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact{
grid-template-columns:repeat(5, minmax(0,1fr)) !important;
gap:7px !important;
}
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact .ca-head-chip{
padding:9px 11px !important;
border-radius:13px !important;
}
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact .ca-head-chip span{
font-size:.58rem !important;
}
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact .ca-head-chip strong{
font-size:.76rem !important;
}
@media (max-width: 1680px){
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact{
grid-template-columns:repeat(3, minmax(110px,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(5, minmax(0,1fr)) !important;
}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device.ca-topbar-compact,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-head,
.cardioai-ecg-monitor-shell .ca-title-row{
grid-template-columns:1fr !important;
display:grid !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact,
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact,
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media (max-width: 720px){
.cardioai-ecg-monitor-shell .ca-rhythm-belt,
.cardioai-ecg-monitor-shell .ca-pro-controlbar,
.cardioai-ecg-monitor-shell .ca-stage-head{
margin-left:0 !important;
margin-right:0 !important;
}
.cardioai-ecg-monitor-shell .ca-status-matrix.ca-status-matrix-compact,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar,
.cardioai-ecg-monitor-shell .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact,
.cardioai-ecg-monitor-shell .ca-stage-head.ca-stage-head-compact{
grid-template-columns:1fr !important;
}
} .ca-topbar-device.ca-topbar-compact {
grid-template-columns:auto minmax(280px,1fr) auto;
gap:14px;
padding:12px 16px;
background:linear-gradient(180deg, rgba(6,18,30,.98), rgba(8,25,41,.95));
box-shadow:inset 0 -1px 0 rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.20);
}
.ca-topbar-left { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ca-title-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ca-headline-compact .ca-title { font-size:1.08rem; }
.ca-headline-compact .ca-subtitle { font-size:.84rem; color:var(--muted-2); }
.ca-status-matrix-compact { display:grid; grid-template-columns:repeat(3,minmax(112px,1fr)); gap:8px; }
.ca-status-matrix-compact .ca-pill { min-height:34px; padding:6px 10px; border-radius:12px; }
.ca-status-matrix-compact .ca-pill span { font-size:.72rem; display:block; opacity:.8; }
.ca-status-matrix-compact .ca-pill strong { font-size:.84rem; }
.ca-rhythm-belt {
padding:12px 16px 10px;
border-bottom:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(4,16,26,.90), rgba(6,18,30,.78));
}
.ca-rhythm-belt-head {
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-end;
margin-bottom:10px;
}
.ca-rhythm-belt-brand strong { font-size:1rem; }
.ca-rhythm-belt-live { min-width:190px; }
.ca-pro-rhythm-toolbar-head { margin-bottom:10px; }
.ca-pro-rhythm-toolbar-head strong { display:block; font-size:.95rem; }
.ca-pro-rhythm-segmented { display:grid; gap:10px; }
.ca-pro-rhythm-categories {
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:8px;
}
.ca-pro-rhythm-category {
min-height:62px;
padding:10px 12px;
border-radius:16px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
color:var(--text);
text-align:left;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 18px rgba(0,0,0,.16);
}
.ca-pro-rhythm-category.is-active {
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(118,234,255,.18), 0 14px 26px rgba(0,0,0,.22);
}
.ca-pro-rhythm-category-key { display:block; font-weight:800; font-size:.8rem; line-height:1.15; }
.ca-pro-rhythm-category-meta { display:block; margin-top:6px; font-size:.72rem; opacity:.78; }
.ca-pro-rhythm-category.is-ok { color:#aef9ca; }
.ca-pro-rhythm-category.is-cool { color:#9feaff; }
.ca-pro-rhythm-category.is-orange { color:#ffd39d; }
.ca-pro-rhythm-category.is-violet { color:#d9c2ff; }
.ca-pro-rhythm-category.is-amber { color:#ffe69a; }
.ca-pro-rhythm-category.is-critical { color:#ffb3bd; }
.ca-pro-rhythm-items {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(136px,1fr));
gap:8px;
}
.ca-rhythm-selector-segmented { display:grid; gap:12px; }
.ca-rhythm-categories {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:8px;
}
.ca-rhythm-category-btn {
min-height:48px;
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
color:var(--text);
font-weight:800;
}
.ca-rhythm-category-btn.is-active {
box-shadow:0 0 0 1px rgba(118,234,255,.18), 0 10px 20px rgba(0,0,0,.18);
transform:translateY(-1px);
}
.ca-rhythm-category-btn.is-ok { color:#aef9ca; }
.ca-rhythm-category-btn.is-cool { color:#9feaff; }
.ca-rhythm-category-btn.is-orange { color:#ffd39d; }
.ca-rhythm-category-btn.is-violet { color:#d9c2ff; }
.ca-rhythm-category-btn.is-amber { color:#ffe69a; }
.ca-rhythm-category-btn.is-critical { color:#ffb3bd; }
.ca-rhythm-quick-segmented {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.ca-rhythm-chip.is-ok,.ca-pro-rhythm-btn.is-ok{ border-color:rgba(110,246,190,.20); }
.ca-rhythm-chip.is-cool,.ca-pro-rhythm-btn.is-cool{ border-color:rgba(108,220,255,.20); }
.ca-rhythm-chip.is-orange,.ca-pro-rhythm-btn.is-orange{ border-color:rgba(255,190,120,.22); }
.ca-rhythm-chip.is-violet,.ca-pro-rhythm-btn.is-violet{ border-color:rgba(189,148,255,.22); }
.ca-rhythm-chip.is-amber,.ca-pro-rhythm-btn.is-amber{ border-color:rgba(255,217,111,.22); }
.ca-rhythm-chip.is-critical,.ca-pro-rhythm-btn.is-critical{ border-color:rgba(255,121,138,.24); }
.ca-rhythm-list-grouped { max-height:320px; }
.ca-rhythm-library-drawer-belt {
margin-top:10px;
border-radius:22px;
background:linear-gradient(180deg, rgba(8,24,39,.98), rgba(6,17,29,.98));
}
@media (max-width: 1200px) {
.ca-body { grid-template-columns:300px minmax(0,1fr); }
.ca-pro-rhythm-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ca-status-matrix-compact { grid-template-columns:repeat(2,minmax(112px,1fr)); }
}
@media (max-width: 900px) {
.ca-topbar-device.ca-topbar-compact { grid-template-columns:1fr; }
.ca-rhythm-belt-head { flex-direction:column; align-items:flex-start; }
.ca-pro-rhythm-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
} .ca-topbar-device.ca-topbar-compact {
padding: 10px 16px;
border-bottom: 1px solid rgba(255,255,255,.05);
}
.ca-topbar-device.ca-topbar-compact .ca-headline-compact .ca-title {
font-size: 1.02rem;
}
.ca-topbar-device.ca-topbar-compact .ca-headline-compact .ca-subtitle {
font-size: .8rem;
}
.cardioai-ecg-monitor-shell .ca-main{
grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-stage-head-device{
margin:0;
padding:0;
}
.cardioai-ecg-monitor-shell .ca-stage-head-device .ca-head-chip{
background:linear-gradient(180deg, rgba(8,21,34,.9), rgba(8,20,31,.72));
border-color:rgba(255,255,255,.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-compact{
padding:12px 14px 13px !important;
border-radius:20px !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-compact .ca-pro-controlbar-top{
align-items:flex-end;
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-compact .ca-pro-live{
min-width: 220px;
justify-content: flex-start;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-inline{
margin:0 !important;
padding:10px 14px 12px !important;
border-radius:20px !important;
border:1px solid rgba(255,255,255,.08) !important;
background:
radial-gradient(circle at 10% 0%, rgba(92,230,255,.16), transparent 24%),
radial-gradient(circle at 100% 0%, rgba(255,191,90,.14), transparent 22%),
linear-gradient(180deg, rgba(10,21,31,.94), rgba(7,17,25,.92)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 36px rgba(0,0,0,.18) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-head{
margin-bottom:8px !important;
align-items:center !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-brand strong{
font-size:.96rem !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(7, minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-toolbar .ca-pro-rhythm-btn{
min-height:66px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap{
margin-top:0 !important;
}
@media (max-width: 1680px){
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:repeat(5, minmax(0,1fr)) !important;
}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar-compact .ca-pro-controlbar-top{
flex-direction:column;
align-items:flex-start;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar,
.cardioai-ecg-monitor-shell .ca-stage-head-device{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
}
@media (max-width: 720px){
.cardioai-ecg-monitor-shell .ca-stage-head-device,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline .ca-rhythm-belt-toolbar .ca-pro-rhythm-quickbar{
grid-template-columns:1fr !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-compact .ca-pro-live{
width:100%;
min-width:0;
}
} .cardioai-ecg-monitor-shell .ca-main{
grid-template-rows:auto auto auto auto minmax(0,1fr) auto !important;
}
.cardioai-ecg-monitor-shell .ca-precision-belt{
margin:0 !important;
padding:10px 14px 12px !important;
border-radius:20px !important;
border:1px solid rgba(255,255,255,.08) !important;
background:
radial-gradient(circle at 12% 0%, rgba(82,164,255,.14), transparent 26%),
radial-gradient(circle at 100% 0%, rgba(32,230,178,.10), transparent 20%),
linear-gradient(180deg, rgba(8,18,27,.95), rgba(6,14,22,.93)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(0,0,0,.18) !important;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-brand{
display:grid;
gap:3px;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-brand strong{
font-size:.96rem;
letter-spacing:.01em;
color:#eff7ff;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-live{
min-width:220px;
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
padding:9px 12px;
border-radius:14px;
background:linear-gradient(180deg, rgba(10,30,46,.9), rgba(7,22,34,.8));
border:1px solid rgba(113,218,255,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
color:#96adc5;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-live strong{ color:#f5fbff; }
.cardioai-ecg-monitor-shell .ca-precision-belt-grid{
display:grid;
grid-template-columns:1.3fr 1.1fr .9fr 1fr 1fr .9fr 1fr;
gap:10px;
align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-precision-field{
min-width:0;
display:grid;
gap:8px;
padding:10px 12px;
border-radius:16px;
background:linear-gradient(180deg, rgba(8,22,34,.92), rgba(7,17,28,.84));
border:1px solid rgba(255,255,255,.06);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-precision-label{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
font-size:.75rem;
}
.cardioai-ecg-monitor-shell .ca-precision-label span{
color:#8da4bc;
text-transform:uppercase;
letter-spacing:.08em;
}
.cardioai-ecg-monitor-shell .ca-precision-label strong{
color:#f4fbff;
font-size:.82rem;
}
.cardioai-ecg-monitor-shell .ca-precision-field input[type="range"]{
width:100%;
margin:0;
touch-action:manipulation;
}
.cardioai-ecg-monitor-shell .ca-precision-segmented-wrap .ca-segmented{
width:100%;
}
.cardioai-ecg-monitor-shell .ca-precision-segmented-wrap .ca-segmented-btn{
min-height:40px;
font-size:.76rem;
}
.cardioai-ecg-monitor-shell .ca-precision-field-hr,
.cardioai-ecg-monitor-shell .ca-precision-field-gain,
.cardioai-ecg-monitor-shell .ca-precision-field-volume{
position:relative;
}
@media (max-width: 1680px){
.cardioai-ecg-monitor-shell .ca-precision-belt-grid{
grid-template-columns:repeat(4, minmax(0,1fr));
}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-precision-belt-head{
flex-direction:column;
align-items:flex-start;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-live{
width:100%;
min-width:0;
justify-content:flex-start;
}
.cardioai-ecg-monitor-shell .ca-precision-belt-grid{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}
@media (max-width: 720px){
.cardioai-ecg-monitor-shell .ca-precision-belt-grid{
grid-template-columns:1fr;
}
} .cardioai-ecg-monitor-shell .ca-ecg-monitor{
--bg-1:#03070b;
--bg-2:#071018;
--panel:rgba(5,10,16,.96);
--panel-2:rgba(7,14,21,.985);
--panel-3:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
--line:rgba(96,232,255,.08);
--line-strong:rgba(96,232,255,.16);
--text:#f2fbff;
--muted:#8da2b2;
--accent:#79e9ff;
--accent-2:#8fffd4;
--focus:rgba(121,233,255,.18);
background:
radial-gradient(circle at 82% 6%, rgba(76,220,255,.13), transparent 24%),
radial-gradient(circle at 10% 100%, rgba(143,255,212,.05), transparent 20%),
linear-gradient(180deg, #02050a 0%, #07111a 44%, #0a141d 100%);
border:1px solid rgba(170,235,255,.10);
box-shadow:0 34px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.045);
}
.cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device{
position:relative;
padding:14px 18px;
background:linear-gradient(180deg, rgba(10,18,26,.985), rgba(5,10,16,.98));
border-bottom:1px solid rgba(130,223,255,.10);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.03), 0 14px 32px rgba(0,0,0,.30);
}
.cardioai-ecg-monitor-shell .ca-topbar.ca-topbar-device::after{
content:"";
position:absolute; inset:auto 18px 0 18px; height:1px;
background:linear-gradient(90deg, transparent, rgba(125,230,255,.45), transparent);
}
.cardioai-ecg-monitor-shell .ca-badge-brand,
.cardioai-ecg-monitor-shell .ca-device-badge,
.cardioai-ecg-monitor-shell .ca-device-mode-pill{
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
border:1px solid rgba(152,229,255,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.24);
}
.cardioai-ecg-monitor-shell .ca-device-mode-pill{
color:#dff8ff;
letter-spacing:.08em;
}
.cardioai-ecg-monitor-shell .ca-title{
font-size:1.28rem;
letter-spacing:.01em;
text-shadow:0 1px 10px rgba(0,0,0,.35);
}
.cardioai-ecg-monitor-shell .ca-subtitle{ color:#9fb3c1; }
.cardioai-ecg-monitor-shell .ca-pill,
.cardioai-ecg-monitor-shell .ca-head-chip,
.cardioai-ecg-monitor-shell .ca-card,
.cardioai-ecg-monitor-shell .ca-pro-controlbar,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell .ca-precision-belt,
.cardioai-ecg-monitor-shell .ca-stage-head-device{
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
border:1px solid rgba(150,225,255,.11);
box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.22);
}
.cardioai-ecg-monitor-shell .ca-sidebar{
background:linear-gradient(180deg, rgba(6,12,18,.98), rgba(8,15,22,.995));
border-right:1px solid rgba(146,224,255,.08);
}
.cardioai-ecg-monitor-shell .ca-stage-head-device,
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-compact,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell .ca-precision-belt{
border-radius:18px;
}
.cardioai-ecg-monitor-shell .ca-head-chip span,
.cardioai-ecg-monitor-shell .ca-pro-block-sub,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-category-meta,
.cardioai-ecg-monitor-shell .ca-precision-label span{
color:#88a0b1;
}
.cardioai-ecg-monitor-shell .ca-head-chip strong,
.cardioai-ecg-monitor-shell .ca-pro-block-label,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-category-key,
.cardioai-ecg-monitor-shell .ca-precision-label strong,
.cardioai-ecg-monitor-shell .ca-card-title,
.cardioai-ecg-monitor-shell .ca-card-subtitle{
color:#eefbff;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-compact{
background:linear-gradient(180deg, rgba(8,15,22,.98), rgba(5,11,17,.98));
}
.cardioai-ecg-monitor-shell .ca-pro-live,
.cardioai-ecg-monitor-shell .ca-precision-belt-live{
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
border:1px solid rgba(145,227,255,.16);
}
.cardioai-ecg-monitor-shell .ca-live-dot,
.cardioai-ecg-monitor-shell .ca-brand-dot,
.cardioai-ecg-monitor-shell .ca-device-badge-dot{
box-shadow:0 0 14px currentColor, 0 0 24px currentColor;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-inline{
background:linear-gradient(180deg, rgba(6,13,20,.99), rgba(4,9,14,.985));
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-category,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-btn,
.cardioai-ecg-monitor-shell .ca-rhythm-chip,
.cardioai-ecg-monitor-shell .ca-segmented-btn,
.cardioai-ecg-monitor-shell .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-stepper-value,
.cardioai-ecg-monitor-shell .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell .ca-btn{
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
border-color:rgba(150,225,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.18);
}
.cardioai-ecg-monitor-shell .ca-pro-rhythm-category.is-active,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-btn.is-active,
.cardioai-ecg-monitor-shell .ca-rhythm-chip.is-active,
.cardioai-ecg-monitor-shell .ca-segmented-btn.is-active{
background:linear-gradient(180deg, rgba(93,228,255,.28), rgba(54,165,215,.18));
border-color:rgba(135,235,255,.36);
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 1px rgba(126,233,255,.10), 0 14px 28px rgba(12,82,112,.28);
}
.cardioai-ecg-monitor-shell .ca-btn.ca-btn-start{
background:linear-gradient(180deg, #7df2cf, #16a77f);
}
.cardioai-ecg-monitor-shell .ca-btn.ca-btn-stop{
background:linear-gradient(180deg, #ff9aa7, #c43b4b);
}
.cardioai-ecg-monitor-shell .ca-btn.ca-btn-pause{
background:linear-gradient(180deg, #ffe28b, #c9981f);
color:#1c1504;
}
.cardioai-ecg-monitor-shell .ca-field input:not([type="range"]),
.cardioai-ecg-monitor-shell .ca-field select,
.cardioai-ecg-monitor-shell .ca-dropdown-list{
background:linear-gradient(180deg, rgba(8,16,23,.98), rgba(4,10,15,.98));
border-color:rgba(144,220,255,.14);
color:#effaff;
}
.cardioai-ecg-monitor-shell .ca-main{
background:linear-gradient(180deg, rgba(4,8,12,.82), rgba(7,13,19,.72));
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap,
.cardioai-ecg-monitor-shell .ca-monitor-stage,
.cardioai-ecg-monitor-shell .ca-ecg-frame,
.cardioai-ecg-monitor-shell .ca-ecg-display,
.cardioai-ecg-monitor-shell .ca-ecg-canvas-wrap{
background:transparent;
}
.cardioai-ecg-monitor-shell .ca-monitor-frame,
.cardioai-ecg-monitor-shell .ca-ecg-panel,
.cardioai-ecg-monitor-shell .ca-monitor-surface{
background:linear-gradient(180deg, rgba(4,9,14,.99), rgba(2,6,10,.995));
border:1px solid rgba(125,221,255,.16);
border-radius:24px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 0 0 1px rgba(255,255,255,.015), 0 24px 50px rgba(0,0,0,.35);
}
.cardioai-ecg-monitor-shell .ca-ecg-canvas{
border-radius:18px;
box-shadow:inset 0 0 0 1px rgba(132,219,255,.06);
}
.cardioai-ecg-monitor-shell .ca-analysis-card,
.cardioai-ecg-monitor-shell .ca-edu-card{
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.cardioai-ecg-monitor-shell .ca-mode-banner{
background:linear-gradient(90deg, rgba(121,233,255,.12), rgba(121,233,255,.03));
border:1px solid rgba(121,233,255,.14);
color:#c6f5ff;
}
.cardioai-ecg-monitor-shell .ca-clinical-grid .ca-metric,
.cardioai-ecg-monitor-shell .ca-analysis-metrics .ca-metric{
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
border:1px solid rgba(148,223,255,.10);
}
.cardioai-ecg-monitor-shell .ca-footer-bar{
background:linear-gradient(180deg, rgba(7,13,19,.98), rgba(4,8,12,.98));
border-top:1px solid rgba(126,221,255,.10);
} .ca-clinical-belt,
.ca-ai-belt {
border-radius: 22px;
border: 1px solid rgba(255,255,255,.06);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16);
overflow: hidden;
}
.ca-clinical-belt {
background: linear-gradient(180deg, rgba(9,18,28,.96), rgba(6,13,20,.98));
}
.ca-ai-belt {
background: linear-gradient(180deg, rgba(8,16,26,.98), rgba(4,10,16,.99));
position: relative;
}
.ca-clinical-belt-head,
.ca-ai-belt-head {
display:flex; align-items:center; justify-content:space-between; gap:18px;
padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.06);
}
.ca-clinical-belt-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding:12px 14px 14px; }
.ca-clinical-metric {
min-height:78px; border-radius:16px; padding:12px 12px 10px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.06);
}
.ca-clinical-metric span, .ca-ai-pill span { display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:6px; }
.ca-clinical-metric strong { display:block; font-size:1.08rem; color:#dff8ff; }
.ca-clinical-metric small { display:block; margin-top:6px; color:rgba(255,255,255,.40); font-size:.72rem; }
.ca-ai-belt-grid { display:grid; grid-template-columns:1.1fr 1.1fr .8fr 1.6fr; gap:10px; padding:12px 14px 8px; }
.ca-ai-pill {
min-height:78px; border-radius:16px; padding:12px;
background:linear-gradient(180deg, rgba(20,189,220,.10), rgba(255,255,255,.02));
border:1px solid rgba(20,189,220,.16);
}
.ca-ai-pill strong { display:block; font-size:.98rem; color:#f2fdff; line-height:1.25; }
.ca-ai-summary, .ca-ai-evidence {
margin:0 14px 12px; border-radius:14px; padding:12px 14px; line-height:1.45;
background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05);
}
.ca-ai-summary { margin-top:2px; color:#d9f7ff; }
.ca-ai-evidence { color:rgba(255,255,255,.68); font-size:.9rem; }
.ca-ai-belt[data-ai-severity="normal"] { box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(113,255,185,.05); }
.ca-ai-belt[data-ai-severity="watch"] { box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(89,197,255,.10), 0 0 22px rgba(89,197,255,.08); }
.ca-ai-belt[data-ai-severity="alert"] { box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(255,185,59,.12), 0 0 26px rgba(255,185,59,.08); }
.ca-ai-belt[data-ai-severity="critical"] { box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(255,107,119,.16), 0 0 32px rgba(255,107,119,.10); }
.ca-author-watermark {
position:absolute; right:16px; bottom:12px; z-index:3; pointer-events:none;
font-size:.74rem; letter-spacing:.08em; text-transform:uppercase;
color:rgba(255,255,255,.24); background:rgba(2,7,12,.36);
border:1px solid rgba(255,255,255,.05); border-radius:999px; padding:6px 10px;
backdrop-filter: blur(8px);
}
.ca-footer-bar { display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.ca-footer-author { color:rgba(255,255,255,.34); font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width: 1200px) {
.ca-clinical-belt-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ca-ai-belt-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
.ca-clinical-belt-head, .ca-ai-belt-head { flex-direction:column; align-items:flex-start; }
.ca-clinical-belt-grid, .ca-ai-belt-grid { grid-template-columns: 1fr; }
.ca-author-watermark { right:10px; bottom:10px; font-size:.68rem; }
} .ca-ai-live-strip{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
padding:12px 14px 4px;
}
.ca-ai-live-pill{
min-height:64px;
border-radius:14px;
padding:10px 12px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.06);
}
.ca-ai-live-pill span{
display:block;
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--muted);
margin-bottom:6px;
}
.ca-ai-live-pill strong{
display:block;
font-size:.95rem;
color:#eafcff;
line-height:1.2;
}
@media (max-width: 1200px){
.ca-ai-live-strip{grid-template-columns:1fr;}
} .cardioai-ecg-monitor-shell .ca-edu-card-bottom{
margin-top: 4px;
width: 100%;
border-radius: 22px;
border: 1px solid rgba(255,255,255,.07);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 28px rgba(0,0,0,.16);
}
.cardioai-ecg-monitor-shell .ca-edu-card-bottom .ca-card-title{
letter-spacing: .06em;
}
.cardioai-ecg-monitor-shell .ca-edu-card-bottom .ca-edu-summary{
max-width: 96ch;
}
.cardioai-ecg-monitor-shell .ca-edu-card-bottom .ca-wave-cards{
grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-edu-card-bottom .ca-wave-cards{
grid-template-columns: 1fr;
}
} .cardioai-ecg-monitor-shell .ca-true-clinical-belt{
margin:10px 0 12px;
padding:12px 14px;
border-radius:22px;
border:1px solid rgba(105,195,255,.18);
background: linear-gradient(180deg, rgba(6,14,22,.98) 0%, rgba(3,9,14,.98) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.28);
}
.cardioai-ecg-monitor-shell .ca-true-clinical-head{
display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-brand{ display:flex; flex-direction:column; gap:4px; }
.cardioai-ecg-monitor-shell .ca-true-clinical-brand strong{
color:#f5fbff; font-size:14px; letter-spacing:.01em;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-live{
display:flex; flex-direction:column; align-items:flex-end; gap:3px;
min-width:120px; padding:8px 10px; border-radius:14px;
border:1px solid rgba(82,184,255,.16); background:rgba(9,24,38,.76);
}
.cardioai-ecg-monitor-shell .ca-true-clinical-live span,
.cardioai-ecg-monitor-shell .ca-true-clinical-pill span{
color:rgba(184,226,255,.62); font-size:10px; text-transform:uppercase; letter-spacing:.14em;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-live strong,
.cardioai-ecg-monitor-shell .ca-true-clinical-pill strong{
color:#9ae6ff; font-size:13px; font-weight:700;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-summary{
display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-pill{
display:flex; flex-direction:column; gap:4px; padding:10px 12px;
border-radius:16px; border:1px solid rgba(83,156,223,.16);
background:linear-gradient(180deg, rgba(10,23,35,.92), rgba(5,13,21,.96));
}
.cardioai-ecg-monitor-shell .ca-true-clinical-note,
.cardioai-ecg-monitor-shell .ca-true-clinical-guidance{
color:#cbefff; font-size:12px; line-height:1.5;
padding:10px 12px; border-radius:16px;
background:rgba(6,18,28,.72); border:1px solid rgba(83,156,223,.12);
}
.cardioai-ecg-monitor-shell .ca-true-clinical-note{ margin-bottom:10px; }
.cardioai-ecg-monitor-shell .ca-true-clinical-map{
display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-true-clinical-lead{
display:flex; flex-direction:column; gap:3px; padding:10px 10px 9px;
border-radius:14px; border:1px solid rgba(83,156,223,.14); background:rgba(7,17,27,.88);
}
.cardioai-ecg-monitor-shell .ca-true-clinical-lead span{ color:#f3fbff; font-size:12px; font-weight:700; letter-spacing:.04em; }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead strong{ color:#95e7ff; font-size:16px; }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead small{ color:rgba(203,239,255,.68); font-size:10px; line-height:1.35; }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-critical{ border-color:rgba(255,96,96,.28); box-shadow:inset 0 0 0 1px rgba(255,96,96,.10); }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-amber{ border-color:rgba(255,194,77,.22); }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-orange{ border-color:rgba(255,144,64,.22); }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-violet{ border-color:rgba(165,134,255,.22); }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-cool{ border-color:rgba(83,195,255,.22); }
.cardioai-ecg-monitor-shell .ca-true-clinical-lead.is-ok{ border-color:rgba(77,214,152,.18); }
.cardioai-ecg-monitor-shell[data-trueClinical="off"] .ca-true-clinical-belt{ display:none; }
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-true-clinical-summary,
.cardioai-ecg-monitor-shell .ca-true-clinical-map{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-true-clinical-head{ flex-direction:column; }
.cardioai-ecg-monitor-shell .ca-true-clinical-live{ align-items:flex-start; width:100%; }
.cardioai-ecg-monitor-shell .ca-true-clinical-summary,
.cardioai-ecg-monitor-shell .ca-true-clinical-map{ grid-template-columns:1fr; }
} .cardioai-ecg-monitor-shell .ca-body{grid-template-columns:220px minmax(0,1fr);}
.cardioai-ecg-monitor-shell .ca-sidebar-utility{gap:12px;}
.cardioai-ecg-monitor-shell .ca-utility-card{position:sticky; top:12px;}
.cardioai-ecg-monitor-shell .ca-utility-note{padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); color:var(--ca-text-soft,#c9dbe4); line-height:1.45; font-size:.84rem;}
@media (max-width: 1180px){.cardioai-ecg-monitor-shell .ca-body{grid-template-columns:1fr;} .cardioai-ecg-monitor-shell .ca-sidebar-utility{border-right:none; border-bottom:1px solid rgba(255,255,255,.06);}} .cardioai-ecg-monitor-shell .ca-body.ca-body-console{
grid-template-columns: minmax(0,1fr) !important;
}
.cardioai-ecg-monitor-shell .ca-main.ca-main-console{
grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto auto !important;
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt{
width:100%;
display:flex;
flex-direction:column;
gap:12px;
padding:14px 16px;
border:1px solid rgba(120,214,255,.12);
background:linear-gradient(180deg, rgba(7,18,28,.96), rgba(4,11,18,.98));
box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-live{
display:inline-flex;
align-items:center;
gap:8px;
min-height:42px;
padding:8px 12px;
border-radius:14px;
background:rgba(8,25,36,.88);
border:1px solid rgba(122,234,255,.12);
color:#d8f6ff;
font-size:12px;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-live strong{color:#7fe8ff; letter-spacing:.04em;}
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid{
grid-template-columns:repeat(8, minmax(0,1fr)) !important;
gap:10px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid .ca-btn{
min-height:48px;
white-space:nowrap;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-note{
color:rgba(207,239,255,.62);
font-size:11px;
letter-spacing:.03em;
}
@media (max-width: 1280px){
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-ops-head{flex-direction:column;}
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
} .cardioai-ecg-monitor-shell .ca-main.ca-main-console{
grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto auto !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro{
display:flex;
flex-direction:column;
gap:12px;
padding:14px 14px 12px;
border-radius:18px;
border:1px solid rgba(123,232,255,.12);
background:linear-gradient(180deg, rgba(5,15,24,.96), rgba(3,9,16,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-badge{
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(123,232,255,.18);
background:rgba(10,29,42,.9);
color:#8eeeff;
font-size:11px;
font-weight:800;
letter-spacing:.12em;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-touch-card{
display:flex;
flex-direction:column;
gap:10px;
min-height:148px;
padding:14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}
.cardioai-ecg-monitor-shell .ca-touch-card-head,
.cardioai-ecg-monitor-shell .ca-touch-volume-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-touch-card-head span,
.cardioai-ecg-monitor-shell .ca-touch-volume-row span{
color:rgba(207,239,255,.72);
font-size:12px;
font-weight:700;
letter-spacing:.04em;
}
.cardioai-ecg-monitor-shell .ca-touch-card-head strong,
.cardioai-ecg-monitor-shell .ca-touch-volume-row strong{
color:#90efff;
font-size:13px;
font-weight:800;
}
.cardioai-ecg-monitor-shell .ca-touch-range{
width:100%;
min-height:42px;
accent-color:#6be7ff;
touch-action:manipulation;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-stepper{
min-height:52px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-stepper-value{
min-height:52px;
font-size:1rem;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-segmented{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-segmented-btn{
min-height:52px;
font-size:.82rem;
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt{padding:12px;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-head{flex-direction:column;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro .ca-segmented{grid-template-columns:1fr;}
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
touch-action: pan-y !important;
} .cardioai-ecg-monitor-shell .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid,
.cardioai-ecg-monitor-shell .ca-touch-card,
.cardioai-ecg-monitor-shell .ca-monitor-ops-grid {
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt .ca-btn,
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt .ca-stepper-value,
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt .ca-segmented-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-badge,
.cardioai-ecg-monitor-shell .ca-pro-rhythm-btn,
.cardioai-ecg-monitor-shell .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell .ca-dropdown-item {
touch-action: manipulation !important;
-webkit-user-select: none;
user-select: none;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt input[type="range"],
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt .ca-touch-range {
touch-action: pan-x !important;
} body.ca-ecg-fullscreen-active {
overflow: hidden !important;
touch-action: none;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
overscroll-behavior-x: none !important;
touch-action: pan-y !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-monitor {
height: auto !important;
min-height: 100vh !important;
overflow: visible !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
height: auto !important;
min-height: calc(100vh - 72px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
} .cardioai-ecg-monitor-shell .ca-btn,
.cardioai-ecg-monitor-shell .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-segmented-btn,
.cardioai-ecg-monitor-shell .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell .ca-dropdown-item,
.cardioai-ecg-monitor-shell .ca-rhythm-chip,
.cardioai-ecg-monitor-shell .ca-rhythm-item,
.cardioai-ecg-monitor-shell .ca-touchpro-badge,
.cardioai-ecg-monitor-shell button {
-webkit-tap-highlight-color: transparent;
touch-action: manipulation !important;
}
.cardioai-ecg-monitor-shell input[type="range"] {
touch-action: pan-x !important;
} body.ca-ecg-fullscreen-active {
overflow: hidden !important;
touch-action: auto !important;
overscroll-behavior-y: auto !important;
}
html body.ca-ecg-fullscreen-active,
html body.ca-ecg-fullscreen-active * {
touch-action: auto;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
touch-action: pan-y !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
touch-action: pan-y !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell:fullscreen .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-dropdown-trigger,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-dropdown-item,
.cardioai-ecg-monitor-shell:fullscreen .ca-dropdown-item,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-dropdown-item,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-dropdown-item,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen button,
.cardioai-ecg-monitor-shell:fullscreen button,
.cardioai-ecg-monitor-shell:-moz-full-screen button,
.cardioai-ecg-monitor-shell:-ms-fullscreen button {
touch-action: manipulation !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen input[type="range"],
.cardioai-ecg-monitor-shell:fullscreen input[type="range"],
.cardioai-ecg-monitor-shell:-moz-full-screen input[type="range"],
.cardioai-ecg-monitor-shell:-ms-fullscreen input[type="range"] {
touch-action: pan-x !important;
} body.ca-ecg-fullscreen-active {
overflow: hidden !important;
touch-action: auto !important;
}
html body.ca-ecg-fullscreen-active,
html body.ca-ecg-fullscreen-active * {
touch-action: auto;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
max-width: none !important;
max-height: none !important;
overflow: hidden !important;
overscroll-behavior: none !important;
background: #07131c !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-monitor {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100dvh !important;
min-height: 100dvh !important;
overflow: hidden !important;
border-radius: 0 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-topbar,
.cardioai-ecg-monitor-shell:fullscreen .ca-topbar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-topbar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-topbar {
flex: 0 0 auto !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
flex: 1 1 auto !important;
min-height: 0 !important;
height: auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
padding-bottom: 18px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
min-height: max-content !important;
height: auto !important;
overflow: visible !important;
align-content: start !important;
padding: 12px 18px 18px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-rhythm-belt-inline {
position: sticky !important;
top: 0 !important;
z-index: 40 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-true-clinical-belt {
position: relative !important;
z-index: 5 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
min-height: min(62vh, 760px) !important;
height: min(62vh, 760px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
min-height: min(62vh, 760px) !important;
height: min(62vh, 760px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar {
position: sticky !important;
bottom: 0 !important;
z-index: 35 !important;
backdrop-filter: blur(10px);
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-stepper-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-stepper-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-segmented-btn,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-segmented-btn,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen button,
.cardioai-ecg-monitor-shell:fullscreen button,
.cardioai-ecg-monitor-shell:-moz-full-screen button,
.cardioai-ecg-monitor-shell:-ms-fullscreen button {
touch-action: manipulation !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen input[type="range"],
.cardioai-ecg-monitor-shell:fullscreen input[type="range"],
.cardioai-ecg-monitor-shell:-moz-full-screen input[type="range"],
.cardioai-ecg-monitor-shell:-ms-fullscreen input[type="range"] {
touch-action: pan-x !important;
}
@media (max-width: 900px) {
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
min-height: min(48vh, 520px) !important;
height: min(48vh, 520px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
padding: 10px 12px 14px !important;
}
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
display: flex !important;
flex-direction: column !important;
grid-template-rows: none !important;
align-items: stretch !important;
gap: 14px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-true-clinical-belt {
position: relative !important;
top: auto !important;
bottom: auto !important;
z-index: 5 !important;
overflow-anchor: none !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
order: 20 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar {
order: 21 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-edu-card-bottom {
order: 22 !important;
position: relative !important;
inset: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
margin-top: 14px !important;
z-index: 4 !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro * {
overflow-anchor: none;
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen,
.cardioai-ecg-monitor-shell:fullscreen,
.cardioai-ecg-monitor-shell:-moz-full-screen,
.cardioai-ecg-monitor-shell:-ms-fullscreen {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
max-width: none !important;
max-height: none !important;
overflow: hidden !important;
background: #07131c !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-monitor,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-monitor {
display: grid !important;
grid-template-rows: auto minmax(0,1fr) !important;
width: 100% !important;
height: 100dvh !important;
min-height: 100dvh !important;
overflow: hidden !important;
border-radius: 0 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-topbar,
.cardioai-ecg-monitor-shell:fullscreen .ca-topbar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-topbar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-topbar {
position: relative !important;
z-index: 2 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
display: block !important;
min-height: 0 !important;
height: auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
padding: 0 !important;
scroll-padding-top: 0 !important;
overflow-anchor: none !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
min-height: max-content !important;
height: auto !important;
overflow: visible !important;
padding: 12px 14px 18px !important;
grid-template-rows: none !important;
overflow-anchor: none !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main > *,
.cardioai-ecg-monitor-shell:fullscreen .ca-main > *,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main > *,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main > * {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
order: initial !important;
z-index: auto !important;
scroll-margin-top: 0 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-ops-belt,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-pro-controlbar,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-rhythm-belt-inline,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ai-belt-inline,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-true-clinical-belt,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-edu-card-bottom {
position: relative !important;
inset: auto !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
margin: 0 !important;
z-index: 1 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
order: 100 !important;
min-height: clamp(360px, 52dvh, 760px) !important;
height: clamp(360px, 52dvh, 760px) !important;
margin: 0 !important;
overflow: hidden !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
min-height: clamp(360px, 52dvh, 760px) !important;
height: clamp(360px, 52dvh, 760px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar {
order: 110 !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-edu-card-bottom {
order: 120 !important;
width: 100% !important;
margin-top: 2px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro *,
.cardioai-ecg-monitor-shell .ca-body,
.cardioai-ecg-monitor-shell .ca-main {
overflow-anchor: none;
}
@media (max-width: 900px) {
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
min-height: clamp(300px, 42dvh, 560px) !important;
height: clamp(300px, 42dvh, 560px) !important;
}
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:fullscreen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-edu-card-bottom,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-edu-card-bottom {
display:none !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
overflow:visible !important;
align-content:start !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
min-height: min(72vh, calc(100vh - 280px)) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:fullscreen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-ecg-canvas,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-ecg-canvas {
min-height: min(72vh, calc(100vh - 280px)) !important;
height: min(72vh, calc(100vh - 280px)) !important;
max-height: none !important;
} body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-edu-card,
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-edu-card-bottom,
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell [data-fullscreen-hidden="learning"] {
display:none !important;
visibility:hidden !important;
opacity:0 !important;
max-height:0 !important;
min-height:0 !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
pointer-events:none !important;
} .cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
padding-bottom: max(140px, env(safe-area-inset-bottom, 0px) + 120px) !important;
scroll-padding-bottom: max(140px, env(safe-area-inset-bottom, 0px) + 120px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
padding-bottom: max(120px, env(safe-area-inset-bottom, 0px) + 96px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-monitor-wrap,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-monitor-wrap {
margin-bottom: 28px !important;
scroll-margin-bottom: 120px !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:fullscreen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-footer-bar,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-footer-bar {
box-shadow: 0 -10px 30px rgba(0,0,0,0.24) !important;
}
@media (max-width: 900px) {
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-body,
.cardioai-ecg-monitor-shell:fullscreen .ca-body,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-body,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-body {
padding-bottom: max(170px, env(safe-area-inset-bottom, 0px) + 140px) !important;
scroll-padding-bottom: max(170px, env(safe-area-inset-bottom, 0px) + 140px) !important;
}
.cardioai-ecg-monitor-shell.is-fallback-fullscreen .ca-main,
.cardioai-ecg-monitor-shell:fullscreen .ca-main,
.cardioai-ecg-monitor-shell:-moz-full-screen .ca-main,
.cardioai-ecg-monitor-shell:-ms-fullscreen .ca-main {
padding-bottom: max(150px, env(safe-area-inset-bottom, 0px) + 120px) !important;
}
} body.ca-ecg-fullscreen-active,
body.ca-ecg-fullscreen-active html {
overflow:hidden !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell {
overflow-y:auto !important;
overflow-x:hidden !important;
-webkit-overflow-scrolling:touch !important;
overscroll-behavior-y:contain !important;
scroll-padding-bottom:220px !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-ecg-monitor {
min-height:max-content !important;
height:auto !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-body {
min-height:auto !important;
height:auto !important;
overflow:visible !important;
padding-bottom:0 !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-main {
min-height:max-content !important;
height:auto !important;
grid-template-rows:auto auto auto !important;
align-content:start !important;
padding-bottom:220px !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-monitor-wrap,
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-ecg-canvas {
height:clamp(360px, 56vh, 760px) !important;
min-height:clamp(360px, 56vh, 760px) !important;
max-height:none !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell .ca-footer-bar {
position:relative !important;
bottom:auto !important;
z-index:1 !important;
margin-bottom:140px !important;
}
body.ca-ecg-fullscreen-active .cardioai-ecg-monitor-shell::after {
content:"";
display:block;
height:180px;
width:100%;
flex:0 0 auto;
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline{
margin: 10px 0 12px;
position: relative;
z-index: 4;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline .ca-monitor-touchpro-head{
align-items: center;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline .ca-card-subtitle{
max-width: 880px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline + .ca-monitor-wrap{
margin-top: 0;
}
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt > .ca-monitor-ops-note + .ca-monitor-ops-note{
display:none;
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline{
margin: 8px 0 10px;
}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{
position:relative;
overflow:hidden;
gap:14px;
padding:16px 16px 14px;
border-radius:24px;
border:1px solid rgba(108,205,255,.16);
background:
radial-gradient(circle at top left, rgba(53,128,180,.18), transparent 34%),
radial-gradient(circle at top right, rgba(49,218,255,.10), transparent 28%),
linear-gradient(180deg, rgba(12,20,35,.94) 0%, rgba(7,13,24,.97) 100%);
box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(80,180,255,.06);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:2px;
background:linear-gradient(90deg, rgba(46,210,255,.92), rgba(127,247,210,.82), rgba(46,210,255,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-brand{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-kicker{
color:rgba(151,223,247,.76);
font-size:11px;
font-weight:800;
letter-spacing:.16em;
text-transform:uppercase;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-headside{
display:flex;
align-items:flex-end;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-meta{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill{
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 11px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
color:rgba(228,243,252,.82);
font-size:10px;
font-weight:800;
letter-spacing:.12em;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-badge{
min-height:38px;
padding:0 14px;
border-color:rgba(99,217,255,.26);
background:linear-gradient(180deg, rgba(17,42,59,.95), rgba(8,25,38,.96));
box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-title{
color:#f2fbff;
font-size:1.08rem;
letter-spacing:.02em;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-subtitle{
color:rgba(211,231,243,.76);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{
position:relative;
overflow:hidden;
min-height:156px;
gap:11px;
padding:14px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.9), rgba(10,17,28,.92));
box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:1px;
background:linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--accent{
border-color:rgba(91,214,255,.14);
background:
radial-gradient(circle at top left, rgba(41,175,255,.13), transparent 38%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.9), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--signal{
border-color:rgba(126,229,214,.12);
background:
radial-gradient(circle at top left, rgba(88,214,193,.10), transparent 36%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.9), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--display{
border-color:rgba(133,164,255,.12);
background:
radial-gradient(circle at top left, rgba(101,133,255,.10), transparent 36%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.9), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--audio{
border-color:rgba(255,194,104,.14);
background:
radial-gradient(circle at top left, rgba(255,176,70,.11), transparent 36%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.9), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head span,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-volume-row span{
font-size:11px;
text-transform:uppercase;
letter-spacing:.10em;
color:rgba(210,227,240,.66);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head strong,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-volume-row strong{
color:#eefdff;
font-size:16px;
font-weight:800;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-range{
min-height:34px;
accent-color:#4fdcff;
filter:drop-shadow(0 0 6px rgba(79,220,255,.16));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper{
min-height:48px;
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn{
min-height:46px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(23,37,58,.94), rgba(15,25,40,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 16px rgba(0,0,0,.16);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn:hover,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn:hover{
border-color:rgba(98,215,255,.24);
background:linear-gradient(180deg, rgba(28,46,70,.96), rgba(16,30,49,.98));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value{
color:#ffffff;
font-weight:800;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn.is-active{
border-color:rgba(79,220,255,.28);
background:linear-gradient(180deg, rgba(42,115,168,.52), rgba(18,55,94,.74));
box-shadow:0 0 0 1px rgba(79,220,255,.10) inset, 0 0 18px rgba(79,220,255,.10);
}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-headside{justify-content:flex-start;align-items:flex-start;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{padding:14px 12px 12px;border-radius:20px;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-meta{justify-content:flex-start;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{min-height:142px;}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline{
position:sticky;
top:10px;
z-index:9;
}
.cardioai-ecg-monitor-shell.is-fullscreen .ca-monitor-touchpro-inline,
.cardioai-ecg-monitor-shell:fullscreen .ca-monitor-touchpro-inline{
top:8px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra{
position:relative;
overflow:hidden;
border-radius:24px !important;
border:1px solid rgba(108,205,255,.14) !important;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra{
padding:16px 16px 15px !important;
background:
radial-gradient(circle at top left, rgba(53,128,180,.16), transparent 28%),
radial-gradient(circle at top right, rgba(49,218,255,.10), transparent 26%),
linear-gradient(180deg, rgba(12,20,35,.94) 0%, rgba(7,13,24,.97) 100%) !important;
box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(80,180,255,.05) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra::before,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:2px;
background:linear-gradient(90deg, rgba(46,210,255,.86), rgba(127,247,210,.78), rgba(255,191,90,.74));
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-controlbar-top{
align-items:flex-start;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-pills,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-pills{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-pill,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-pill{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 11px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
color:rgba(228,243,252,.82);
font-size:10px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.cardioai-ecg-monitor-shell .ca-pro-live.ca-pro-live-ultra,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-live.ca-rhythm-belt-live-ultra{
min-height:52px;
padding:12px 16px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(17,42,59,.92), rgba(8,25,38,.94));
box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block{
position:relative;
overflow:hidden;
min-height:138px;
padding:14px 14px 13px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.90), rgba(10,17,28,.92));
box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block::before,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-pro-rhythm-btn::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:1px;
background:linear-gradient(90deg, rgba(255,255,255,.20), rgba(255,255,255,0));
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(1),
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(2){
border-color:rgba(91,214,255,.14);
background:
radial-gradient(circle at top left, rgba(41,175,255,.13), transparent 38%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.90), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(3),
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(4){
border-color:rgba(133,164,255,.12);
background:
radial-gradient(circle at top left, rgba(101,133,255,.10), transparent 36%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.90), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(5),
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block:nth-child(6){
border-color:rgba(126,229,214,.12);
background:
radial-gradient(circle at top left, rgba(88,214,193,.10), transparent 36%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
linear-gradient(180deg, rgba(12,20,34,.90), rgba(10,17,28,.92));
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block-label{
color:#f2fbff;
font-size:11px;
letter-spacing:.12em;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block-sub{
min-height:2.5em;
color:rgba(211,231,243,.72);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn{
min-height:42px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(23,37,58,.94), rgba(15,25,40,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 16px rgba(0,0,0,.16);
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn:hover{
border-color:rgba(98,215,255,.24);
background:linear-gradient(180deg, rgba(28,46,70,.96), rgba(16,30,49,.98));
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra{
padding:16px 16px 15px !important;
background:
radial-gradient(circle at 10% 0%, rgba(92,230,255,.16), transparent 24%),
radial-gradient(circle at 100% 0%, rgba(255,191,90,.14), transparent 22%),
linear-gradient(180deg, rgba(10,21,31,.94), rgba(7,17,25,.92)) !important;
box-shadow:0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-head{
align-items:flex-start !important;
gap:12px;
margin-bottom:12px !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-brand strong{
display:block;
max-width:860px;
font-size:1rem !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-toolbar-head{
margin-bottom:10px;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-categories,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-items{
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-category,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-btn{
position:relative;
overflow:hidden;
min-height:64px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), linear-gradient(180deg, rgba(12,20,34,.90), rgba(10,17,28,.92));
box-shadow:0 14px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-category:hover,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-btn:hover{
transform:translateY(-1px);
border-color:rgba(98,215,255,.20);
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-category.is-active,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-toolbar .ca-pro-rhythm-btn.is-active{
border-color:rgba(98,215,255,.24);
}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-library-drawer{
border-radius:24px;
border-color:rgba(108,205,255,.14);
background:
radial-gradient(circle at 100% 0%, rgba(255,191,90,.12), transparent 24%),
radial-gradient(circle at 0% 0%, rgba(92,230,255,.12), transparent 24%),
linear-gradient(180deg, rgba(7,17,24,.98), rgba(10,20,27,.96));
}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline{position:relative;top:auto;}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));}
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra .ca-rhythm-belt-head{flex-direction:column;}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra,
.cardioai-ecg-monitor-shell .ca-rhythm-belt.ca-rhythm-belt-ultra{padding:14px 12px 12px !important;border-radius:20px !important;}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-controlbar-grid.ca-pro-controlbar-grid-compact{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-pills,
.cardioai-ecg-monitor-shell .ca-rhythm-belt-pills{gap:6px;}
} .cardioai-ecg-monitor-shell [data-segmented="leadLayout"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn.is-active{
color:#f7fdff !important;
border-color:rgba(92,230,255,.48) !important;
background:linear-gradient(180deg, rgba(92,230,255,.30), rgba(84,160,255,.16)) !important;
box-shadow:0 0 0 1px rgba(92,230,255,.16) inset, 0 10px 24px rgba(20,86,130,.22) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="leadLayout"] .ca-segmented-btn,
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn{
cursor:pointer;
} .cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(78px,1fr));
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn{
position:relative;
overflow:hidden;
font-weight:800;
letter-spacing:.02em;
color:rgba(232,244,252,.88);
transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
opacity:.7;
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented-btn[data-active="true"]{
color:#f8fdff !important;
border-color:rgba(111,224,255,.48) !important;
background:linear-gradient(180deg, rgba(95,214,255,.30), rgba(70,145,255,.18), rgba(94,255,216,.10)) !important;
box-shadow:0 0 0 1px rgba(111,224,255,.16) inset, 0 14px 30px rgba(8,58,94,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="speed"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell [data-segmented="speed"] .ca-segmented-btn[data-active="true"]{
border-color:rgba(96,197,255,.52) !important;
background:linear-gradient(180deg, rgba(90,189,255,.30), rgba(56,121,255,.16)) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="educationMode"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell [data-segmented="educationMode"] .ca-segmented-btn[data-active="true"]{
border-color:rgba(112,240,208,.46) !important;
background:linear-gradient(180deg, rgba(84,224,193,.28), rgba(60,170,154,.15), rgba(255,214,108,.08)) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="trueClinical"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell [data-segmented="trueClinical"] .ca-segmented-btn[data-active="true"]{
border-color:rgba(255,194,96,.48) !important;
background:linear-gradient(180deg, rgba(255,194,96,.26), rgba(255,132,80,.14), rgba(130,208,255,.10)) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block{
min-height:154px;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block-label{
display:flex;
align-items:center;
justify-content:space-between;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-pro-block-label::after{
content:"SYNC";
font-size:10px;
font-weight:800;
letter-spacing:.14em;
color:rgba(128,230,255,.72);
}
.cardioai-ecg-monitor-shell [data-segmented="educationMode"] + .ca-control-help,
.cardioai-ecg-monitor-shell [data-segmented="trueClinical"] + .ca-control-help,
.cardioai-ecg-monitor-shell [data-segmented="speed"] + .ca-control-help{
margin-top:6px;
}
@media (max-width:760px){
.cardioai-ecg-monitor-shell .ca-pro-controlbar.ca-pro-controlbar-ultra .ca-segmented{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
.cardioai-ecg-monitor-shell .ca-mode-deck{
margin: 0 0 14px;
position: relative;
overflow: hidden;
}
.cardioai-ecg-monitor-shell .ca-mode-deck::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:2px;
background:linear-gradient(90deg, rgba(39,211,255,.95) 0%, rgba(124,247,196,.9) 52%, rgba(255,184,77,.92) 100%);
opacity:.95;
}
.cardioai-ecg-monitor-shell .ca-pro-controlbar-top-mini{
align-items:flex-start;
}
.cardioai-ecg-monitor-shell .ca-mode-deck-grid{
grid-template-columns: repeat(4, minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-rhythm-control-grid{
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
.cardioai-ecg-monitor-shell .ca-pro-block[class*="ca-pro-block-accent-"]{
position:relative;
}
.cardioai-ecg-monitor-shell .ca-pro-block[class*="ca-pro-block-accent-"]::after{
content:"";
position:absolute;
left:12px;
right:12px;
top:0;
height:1px;
opacity:.9;
border-radius:999px;
}
.cardioai-ecg-monitor-shell .ca-pro-block-accent-cyan::after{background:linear-gradient(90deg, rgba(39,211,255,.72), rgba(39,211,255,.08));}
.cardioai-ecg-monitor-shell .ca-pro-block-accent-blue::after{background:linear-gradient(90deg, rgba(93,160,255,.72), rgba(93,160,255,.08));}
.cardioai-ecg-monitor-shell .ca-pro-block-accent-green::after{background:linear-gradient(90deg, rgba(124,247,196,.72), rgba(124,247,196,.08));}
.cardioai-ecg-monitor-shell .ca-pro-block-accent-amber::after{background:linear-gradient(90deg, rgba(255,184,77,.8), rgba(255,184,77,.08));}
@media (max-width: 1200px){
.cardioai-ecg-monitor-shell .ca-mode-deck-grid{
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-mode-deck-grid,
.cardioai-ecg-monitor-shell .ca-rhythm-control-grid{
grid-template-columns: 1fr !important;
}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{
padding:12px 12px 10px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(6,16,24,.96), rgba(4,10,16,.98)) !important;
border-color:rgba(121,226,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 12px 26px rgba(0,0,0,.18) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-head{
margin-bottom:4px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{
min-height:118px !important;
padding:12px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(10,24,36,.92), rgba(7,16,26,.96)) !important;
border:1px solid rgba(146,224,255,.08) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.14) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head span{
font-size:11px !important;
letter-spacing:.08em !important;
text-transform:uppercase;
color:rgba(175,212,230,.66) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head strong{
font-size:12px !important;
color:#eefbff !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--leadset,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--display{
min-height:104px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout{
background:linear-gradient(180deg, rgba(14,33,49,.94), rgba(8,20,31,.98)) !important;
border-color:rgba(104,214,255,.16) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout [data-segmented="layoutMode"]{
width:100%;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout [data-segmented="layoutMode"] .ca-segmented{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
padding:4px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
border:1px solid rgba(146,224,255,.08) !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout [data-segmented="layoutMode"] .ca-segmented-btn{
min-height:40px !important;
padding:0 12px !important;
border-radius:12px !important;
font-size:.76rem !important;
font-weight:700 !important;
letter-spacing:.02em !important;
text-transform:none !important;
white-space:nowrap !important;
background:linear-gradient(180deg, rgba(21,44,64,.95), rgba(12,27,42,.98)) !important;
border:1px solid rgba(146,224,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 4px 10px rgba(0,0,0,.10) !important;
color:rgba(234,247,255,.88) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout [data-segmented="layoutMode"] .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--layout [data-segmented="layoutMode"] .ca-segmented-btn[data-active="true"]{
background:linear-gradient(180deg, rgba(76,180,255,.42), rgba(35,101,170,.62)) !important;
border-color:rgba(125,229,255,.28) !important;
color:#ffffff !important;
box-shadow:0 0 0 1px rgba(125,229,255,.10) inset, 0 10px 18px rgba(13,67,110,.22) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--leadset [data-segmented="leadLayout"] .ca-segmented,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--display [data-segmented="speedPrecision"] .ca-segmented{
padding:4px !important;
gap:8px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--leadset .ca-segmented-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--display [data-segmented="speedPrecision"] .ca-segmented-btn{
min-height:40px !important;
border-radius:12px !important;
font-size:.74rem !important;
}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-grid{
grid-template-columns:1fr !important;
}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{
grid-template-columns:1.1fr .95fr .95fr !important;
gap:10px !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout{
min-height:112px !important;
padding:12px !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(7,18,27,.92), rgba(4,11,17,.96)) !important;
border:1px solid rgba(134,220,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.16) !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout .ca-touch-card-head{
margin-bottom:2px;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout .ca-touch-card-head span{
font-size:11px !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
color:rgba(203,234,247,.58) !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout .ca-touch-card-head strong{
font-size:12px !important;
color:#8cecff !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"]{
width:100%;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented.ca-segmented--led{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
padding:0 !important;
border:none !important;
background:transparent !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led{
min-height:40px !important;
padding:9px 12px !important;
border-radius:12px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:10px !important;
text-align:left !important;
text-transform:none !important;
letter-spacing:.02em !important;
font-size:.76rem !important;
font-weight:700 !important;
color:#d9edf6 !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
border:1px solid rgba(138,220,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 6px 14px rgba(0,0,0,.12) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led:hover{
transform:translateY(-1px);
border-color:rgba(148,231,255,.18) !important;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.024)) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led.is-active{
color:#f6fcff !important;
background:linear-gradient(180deg, rgba(22,42,56,.96), rgba(10,24,34,.98)) !important;
border-color:rgba(120,232,255,.28) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(102,228,255,.08), 0 10px 22px rgba(8,38,53,.18) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-led-dot{
width:10px;
height:10px;
flex:0 0 10px;
border-radius:50%;
background:rgba(132,158,170,.42);
box-shadow:0 0 0 1px rgba(255,255,255,.05), inset 0 1px 1px rgba(255,255,255,.12);
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led.is-active .ca-led-dot{
background:#77f2ff;
box-shadow:0 0 10px rgba(119,242,255,.65), 0 0 18px rgba(119,242,255,.34);
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-led-label{
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.cardioai-ecg-monitor-shell .ca-touch-card--display:not(.ca-touch-card--layout){
min-height:112px !important;
padding:12px !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--display:not(.ca-touch-card--layout) .ca-segmented{
padding:4px !important;
gap:6px !important;
border-radius:12px !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--display:not(.ca-touch-card--layout) .ca-segmented-btn{
min-height:36px !important;
padding:0 8px !important;
font-size:.72rem !important;
border-radius:10px !important;
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{
grid-template-columns:1fr 1fr !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout{
grid-column:1 / -1;
}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-grid{
grid-template-columns:1fr !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented.ca-segmented--led{
grid-template-columns:1fr !important;
}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{
position:relative;
overflow:hidden;
gap:16px;
padding:16px 16px 14px !important;
border-radius:24px !important;
border:1px solid rgba(96,214,255,.14) !important;
background:
radial-gradient(circle at 0% 0%, rgba(72,156,255,.18), transparent 28%),
radial-gradient(circle at 100% 0%, rgba(90,255,224,.12), transparent 24%),
radial-gradient(circle at 88% 88%, rgba(167,110,255,.10), transparent 24%),
linear-gradient(180deg, rgba(7,16,24,.98) 0%, rgba(4,10,16,.99) 100%) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
inset 0 -1px 0 rgba(103,206,255,.04),
0 18px 42px rgba(0,0,0,.28) !important;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:2px;
background:linear-gradient(90deg, rgba(93,223,255,.96), rgba(147,255,213,.85), rgba(177,132,255,.88), rgba(93,223,255,.96));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro::after{
content:"";
position:absolute;
right:18px;
top:18px;
width:160px;
height:160px;
border-radius:50%;
background:radial-gradient(circle, rgba(86,218,255,.09), transparent 68%);
pointer-events:none;
filter:blur(8px);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:end;
margin-bottom:2px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-brand{gap:6px !important;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-title{
margin:0 !important;
font-size:1.08rem !important;
font-weight:800 !important;
letter-spacing:.02em !important;
color:#f4fbff !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-subtitle{
margin:0;
font-size:.78rem;
line-height:1.45;
color:rgba(173,205,220,.78);
max-width:72ch;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-kicker{
color:rgba(145,224,248,.82) !important;
font-size:10px !important;
font-weight:900 !important;
letter-spacing:.18em !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-headside{
align-items:flex-start !important;
justify-content:flex-end !important;
gap:10px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-meta{
gap:8px !important;
flex-wrap:wrap;
justify-content:flex-end;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-badge{
min-height:30px;
padding:0 11px;
border-radius:999px;
font-size:.68rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
border:1px solid rgba(122,222,255,.14);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
color:#e9f7ff;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--cyan{
border-color:rgba(108,234,255,.18);
background:linear-gradient(180deg, rgba(51,151,194,.34), rgba(11,41,61,.30));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--mint{
border-color:rgba(115,255,214,.16);
background:linear-gradient(180deg, rgba(40,139,116,.30), rgba(11,42,37,.28));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--violet{
border-color:rgba(190,143,255,.18);
background:linear-gradient(180deg, rgba(95,72,155,.32), rgba(28,18,52,.30));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-badge{
color:#041a25;
border-color:transparent;
background:linear-gradient(135deg, #7cecff 0%, #76ffc9 44%, #a88cff 100%);
box-shadow:0 8px 20px rgba(86,229,255,.18);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zones.ca-monitor-touchpro-grid{
display:grid !important;
grid-template-columns:1.1fr 1.55fr 1.15fr .95fr !important;
gap:12px !important;
align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone{
position:relative;
display:flex;
flex-direction:column;
gap:10px;
min-width:0;
padding:12px;
border-radius:18px;
border:1px solid rgba(255,255,255,.055);
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--core{
background:linear-gradient(180deg, rgba(32,91,136,.24), rgba(10,23,35,.55));
border-color:rgba(103,214,255,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal{
background:linear-gradient(180deg, rgba(24,54,78,.20), rgba(9,18,28,.60));
border-color:rgba(118,193,230,.10);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--display{
background:linear-gradient(180deg, rgba(24,78,97,.20), rgba(7,20,28,.60));
border-color:rgba(118,227,255,.11);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--audio{
background:linear-gradient(180deg, rgba(45,66,93,.22), rgba(10,18,28,.62));
border-color:rgba(140,180,255,.10);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone-head{
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone-kicker{
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(164,210,227,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone-head strong{
font-size:.84rem;
font-weight:800;
color:#f1fbff;
letter-spacing:.01em;
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack{display:grid;gap:10px;min-width:0;}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--2{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal{grid-template-columns:repeat(2, minmax(0,1fr));}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--display,
.cardioai-ecg-monitor-shell .ca-touchpro-stack--audio{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-touch-card{min-width:0;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{
min-height:auto !important;
padding:10px 10px 9px !important;
border-radius:16px !important;
border:1px solid rgba(126,216,255,.09) !important;
background:linear-gradient(180deg, rgba(10,24,36,.86), rgba(6,14,22,.96)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.14) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--metric{
background:linear-gradient(180deg, rgba(15,37,55,.94), rgba(8,19,30,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--noise{
border-color:rgba(87,222,255,.16) !important;
background:linear-gradient(180deg, rgba(12,41,59,.92), rgba(7,18,28,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--baseline{
border-color:rgba(255,193,98,.16) !important;
background:linear-gradient(180deg, rgba(62,48,20,.86), rgba(18,16,12,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--muscle{
border-color:rgba(121,255,198,.14) !important;
background:linear-gradient(180deg, rgba(14,46,38,.90), rgba(8,18,17,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--hum{
border-color:rgba(183,142,255,.16) !important;
background:linear-gradient(180deg, rgba(34,22,60,.92), rgba(10,13,24,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--motion{
border-color:rgba(255,130,173,.16) !important;
background:linear-gradient(180deg, rgba(58,20,35,.92), rgba(18,10,17,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--audio-color{
border-color:rgba(139,183,255,.16) !important;
background:linear-gradient(180deg, rgba(27,34,65,.90), rgba(9,14,28,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card--wide{grid-column:1 / -1;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-volume-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-bottom:8px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head span,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-volume-row span{
font-size:10px !important;
font-weight:800 !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
color:rgba(176,210,223,.58) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card-head strong,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-volume-row strong{
font-size:.78rem !important;
font-weight:800 !important;
color:#f4fbff !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-range{margin-top:2px;min-height:20px;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper{
grid-template-columns:40px 1fr 40px !important;
gap:6px !important;
margin-bottom:4px;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn{
min-height:36px !important;
border-radius:11px !important;
font-size:.69rem !important;
letter-spacing:.03em !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value{
background:linear-gradient(180deg, rgba(22,40,58,.96), rgba(10,22,35,.98)) !important;
border:1px solid rgba(121,214,255,.10) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 6px 12px rgba(0,0,0,.12) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn:hover,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn:hover{
transform:translateY(-1px);
border-color:rgba(121,214,255,.20) !important;
background:linear-gradient(180deg, rgba(28,50,72,.96), rgba(14,27,42,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-glyph{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
font-size:1.24rem;
font-weight:900;
line-height:1;
color:#f3fbff;
text-shadow:0 0 10px rgba(101,220,255,.22);
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn-minus .ca-stepper-glyph{
color:#9fe4ff;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn-plus .ca-stepper-glyph{
color:#a9ffd2;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented{
gap:6px !important;
padding:4px !important;
border-radius:14px !important;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)) !important;
border:1px solid rgba(126,216,255,.08) !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn{
padding:0 8px !important;
background:linear-gradient(180deg, rgba(18,34,50,.96), rgba(9,19,31,.98)) !important;
border:1px solid rgba(126,216,255,.08) !important;
color:rgba(233,247,255,.88) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 4px 10px rgba(0,0,0,.10) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn.is-active,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn[data-active="true"]{
color:#ffffff !important;
border-color:rgba(122,226,255,.26) !important;
background:linear-gradient(180deg, rgba(58,129,194,.58), rgba(20,63,103,.78)) !important;
box-shadow:0 0 0 1px rgba(122,226,255,.10) inset, 0 10px 18px rgba(8,45,73,.18) !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--layout{background:linear-gradient(180deg, rgba(12,29,43,.96), rgba(7,18,29,.98)) !important;border-color:rgba(116,223,255,.14) !important;}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented.ca-segmented--led{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
padding:0 !important;
border:none !important;
background:transparent !important;
box-shadow:none !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led{
min-height:38px !important;
padding:8px 10px !important;
border-radius:12px !important;
gap:9px !important;
font-size:.73rem !important;
font-weight:700 !important;
background:linear-gradient(180deg, rgba(22,40,56,.95), rgba(10,22,34,.98)) !important;
border:1px solid rgba(132,220,255,.10) !important;
color:#dff3fb !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 6px 14px rgba(0,0,0,.12) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led.is-active,
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led[data-active="true"]{
background:linear-gradient(180deg, rgba(18,35,49,.98), rgba(8,19,29,.98)) !important;
border-color:rgba(120,232,255,.28) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(102,228,255,.08), 0 10px 20px rgba(8,38,53,.18) !important;
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-led-dot{
width:9px;height:9px;flex:0 0 9px;background:rgba(112,139,153,.42);
}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led.is-active .ca-led-dot,
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented-btn-led[data-active="true"] .ca-led-dot{
background:#7cf3ff;
box-shadow:0 0 8px rgba(124,243,255,.62), 0 0 16px rgba(124,243,255,.28);
}
.cardioai-ecg-monitor-shell .ca-touch-card--leadset .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--speed .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--audio .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--wide .ca-segmented{
grid-template-columns:repeat(3, minmax(0,1fr));
}
.cardioai-ecg-monitor-shell .ca-touch-card--audio .ca-segmented{grid-template-columns:repeat(2, minmax(0,1fr));}
.cardioai-ecg-monitor-shell .ca-touch-card--audio{min-height:100%;}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-touchpro-zones.ca-monitor-touchpro-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width: 980px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-monitor-touchpro-head{grid-template-columns:1fr !important;align-items:start;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-headside,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-meta{justify-content:flex-start !important;}
.cardioai-ecg-monitor-shell .ca-touchpro-zones.ca-monitor-touchpro-grid{grid-template-columns:1fr !important;}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{padding:14px 12px 12px !important;border-radius:20px !important;}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal{grid-template-columns:1fr !important;}
.cardioai-ecg-monitor-shell [data-segmented="layoutMode"] .ca-segmented.ca-segmented--led,
.cardioai-ecg-monitor-shell .ca-touch-card--leadset .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--speed .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--audio .ca-segmented,
.cardioai-ecg-monitor-shell .ca-touch-card--wide .ca-segmented{grid-template-columns:1fr !important;}
} .cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{
display:grid;
grid-template-columns:minmax(0,1.75fr) minmax(260px,.85fr);
gap:12px;
margin-bottom:12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{
position:relative;
overflow:hidden;
border-radius:20px;
border:1px solid rgba(129,222,255,.11);
background:
radial-gradient(circle at 100% 0%, rgba(94,214,255,.10), transparent 30%),
linear-gradient(180deg, rgba(9,21,32,.96), rgba(5,12,20,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.18);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main{
padding:14px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main::before,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side::before{
content:"";
position:absolute;
inset:0;
background-image:linear-gradient(rgba(120,220,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(120,220,255,.04) 1px, transparent 1px);
background-size:22px 22px;
opacity:.22;
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-kicker{
position:relative;
z-index:1;
font-size:10px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(151,226,245,.72);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-title{
position:relative;
z-index:1;
margin-top:5px;
font-size:1rem;
font-weight:800;
letter-spacing:.03em;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-wave{
position:relative;
z-index:1;
display:flex;
gap:8px;
margin:12px 0 14px;
align-items:center;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-wave span{
display:block;
height:4px;
border-radius:999px;
background:linear-gradient(90deg, rgba(116,242,255,.22), rgba(116,242,255,.78), rgba(140,255,209,.40));
box-shadow:0 0 18px rgba(116,242,255,.22);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-wave span:nth-child(1){width:24%;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-wave span:nth-child(2){width:42%;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-wave span:nth-child(3){width:18%;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile{
padding:12px 12px 11px;
border-radius:16px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile span,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-sidehead span{
display:block;
font-size:10px;
font-weight:900;
letter-spacing:.15em;
text-transform:uppercase;
color:rgba(175,210,224,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile strong,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-sidehead strong{
display:block;
margin-top:5px;
font-size:.84rem;
font-weight:800;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile small{
display:block;
margin-top:6px;
font-size:.73rem;
line-height:1.4;
color:rgba(194,220,231,.74);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--cyan{border-color:rgba(94,214,255,.16); background:linear-gradient(180deg, rgba(26,70,102,.35), rgba(10,26,38,.40));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--violet{border-color:rgba(174,140,255,.16); background:linear-gradient(180deg, rgba(57,34,92,.30), rgba(13,19,35,.42));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--mint{border-color:rgba(120,255,208,.14); background:linear-gradient(180deg, rgba(24,83,76,.28), rgba(10,27,30,.40));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--amber{border-color:rgba(255,201,110,.16); background:linear-gradient(180deg, rgba(101,70,23,.28), rgba(29,20,12,.42));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{
padding:14px 14px 12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-sidehead{
position:relative;
z-index:1;
margin-bottom:12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-list{
position:relative;
z-index:1;
display:grid;
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.05);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row span{
font-size:.69rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(177,207,220,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row strong{
font-size:.78rem;
font-weight:800;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1.08fr 1.48fr 1.18fr .92fr !important;
}
@media (max-width: 1380px){
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid{grid-template-columns:1fr;}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{
background:
radial-gradient(circle at 8% 0%, rgba(81,197,255,.16), transparent 24%),
radial-gradient(circle at 100% 0%, rgba(153,121,255,.14), transparent 25%),
radial-gradient(circle at 88% 100%, rgba(84,255,193,.08), transparent 20%),
linear-gradient(180deg, rgba(4,11,18,.99), rgba(3,8,14,1)) !important;
border-color:rgba(118,221,255,.16) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 0 0 1px rgba(91,206,255,.03), 0 22px 52px rgba(0,0,0,.34) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro::before{
height:3px;
background:linear-gradient(90deg, rgba(92,228,255,.92), rgba(150,255,216,.84), rgba(170,140,255,.84), rgba(92,228,255,.92));
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--cyan{border-color:rgba(101,231,255,.18); color:#eafcff;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--mint{border-color:rgba(132,255,220,.16); color:#ebfff8;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro-pill--violet{border-color:rgba(180,146,255,.16); color:#f5edff;}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{
display:grid;
grid-template-columns:minmax(0,1.9fr) minmax(300px,.92fr);
gap:14px;
margin-bottom:14px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{
position:relative;
overflow:hidden;
border-radius:22px;
border:1px solid rgba(112,221,255,.12);
background:
radial-gradient(circle at 100% 0%, rgba(101,214,255,.12), transparent 28%),
linear-gradient(180deg, rgba(8,18,29,.98), rgba(4,10,18,1));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(0,0,0,.22);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main::before,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(115,224,255,.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(115,224,255,.04) 1px, transparent 1px);
background-size:24px 24px;
opacity:.22;
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main{padding:16px;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-topline{
position:relative;
z-index:1;
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-kicker{
font-size:10px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(161,226,242,.74);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-title{
margin-top:4px;
font-size:1.05rem;
font-weight:800;
color:#f3fbff;
letter-spacing:.03em;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill{
min-height:34px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(124,236,255,.16);
background:linear-gradient(180deg, rgba(18,54,78,.82), rgba(10,30,44,.96));
display:inline-flex;
align-items:center;
font-size:.73rem;
font-weight:900;
letter-spacing:.16em;
color:#eafcff;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(76,206,255,.10);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-hero{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(220px,1.15fr) minmax(220px,.92fr);
gap:12px;
align-items:stretch;
margin:14px 0;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-rhythmblock,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-mission{
border-radius:18px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
padding:14px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-hero-label,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-metric span{
display:block;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(177,212,224,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-rhythmblock strong{
display:block;
margin-top:8px;
font-size:1.18rem;
line-height:1.1;
font-weight:900;
color:#f9fdff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-rhythmblock small{
display:block;
margin-top:7px;
color:rgba(201,225,235,.74);
font-size:.78rem;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform{
position:relative;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(110,218,255,.10);
background:
radial-gradient(circle at 50% 50%, rgba(81,203,255,.10), transparent 60%),
linear-gradient(180deg, rgba(6,16,26,.98), rgba(3,10,18,1));
padding:14px;
display:flex;
align-items:center;
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span{
display:block;
flex:1;
border-radius:999px;
background:linear-gradient(90deg, rgba(97,237,255,.14), rgba(97,237,255,.92), rgba(132,255,215,.52));
box-shadow:0 0 14px rgba(97,237,255,.20);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span:nth-child(1){height:8px; align-self:center;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span:nth-child(2){height:16px; align-self:flex-start;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span:nth-child(3){height:42px; align-self:center;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span:nth-child(4){height:18px; align-self:flex-end;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform span:nth-child(5){height:10px; align-self:center;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-mission{
display:grid;
gap:10px;
background:linear-gradient(180deg, rgba(35,25,59,.34), rgba(12,17,31,.62));
border-color:rgba(178,142,255,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-metric strong{
display:block;
margin-top:6px;
font-size:.84rem;
font-weight:800;
color:#f7f2ff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:10px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile{
padding:12px 12px 11px;
border-radius:16px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile span,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-sidehead span,
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-panel-head span,
.cardioai-ecg-monitor-shell .ca-touchpro-diagnostic span{
display:block;
font-size:10px;
font-weight:900;
letter-spacing:.15em;
text-transform:uppercase;
color:rgba(175,210,224,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile strong,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-sidehead strong,
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-panel-head strong,
.cardioai-ecg-monitor-shell .ca-touchpro-diagnostic strong{
display:block;
margin-top:5px;
font-size:.84rem;
font-weight:800;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile small{
display:block;
margin-top:6px;
font-size:.73rem;
line-height:1.4;
color:rgba(194,220,231,.74);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--cyan{border-color:rgba(94,214,255,.16); background:linear-gradient(180deg, rgba(26,70,102,.35), rgba(10,26,38,.40));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--violet{border-color:rgba(174,140,255,.16); background:linear-gradient(180deg, rgba(57,34,92,.30), rgba(13,19,35,.42));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--mint{border-color:rgba(120,255,208,.14); background:linear-gradient(180deg, rgba(24,83,76,.28), rgba(10,27,30,.40));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--amber{border-color:rgba(255,201,110,.16); background:linear-gradient(180deg, rgba(101,70,23,.28), rgba(29,20,12,.42));}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{padding:16px 16px 14px;}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-stack{position:relative; z-index:1; display:grid; gap:10px;}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-panel{
padding:12px;
border-radius:16px;
border:1px solid rgba(102,221,255,.10);
background:linear-gradient(180deg, rgba(21,47,69,.36), rgba(8,18,28,.56));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-bar{
margin-top:10px;
height:8px;
border-radius:999px;
background:rgba(255,255,255,.05);
overflow:hidden;
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-bar i{
display:block;
width:72%;
height:100%;
border-radius:999px;
background:linear-gradient(90deg, rgba(94,214,255,.85), rgba(134,255,219,.85), rgba(168,132,255,.74));
box-shadow:0 0 16px rgba(94,214,255,.26);
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-list{display:grid; gap:8px;}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row{
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.05);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row span{
font-size:.69rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(177,207,220,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-row strong{
font-size:.78rem;
font-weight:800;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-diagnostic{
padding:12px;
border-radius:16px;
border:1px solid rgba(168,132,255,.11);
background:linear-gradient(180deg, rgba(47,32,77,.30), rgba(10,14,26,.62));
}
.cardioai-ecg-monitor-shell .ca-touchpro-diagnostic strong{line-height:1.4;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1.02fr 1.46fr 1.14fr .96fr !important;
gap:12px !important;
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone{
border-radius:20px;
border-color:rgba(255,255,255,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 20px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--core{background:linear-gradient(180deg, rgba(32,90,132,.26), rgba(8,20,32,.58));}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal{background:linear-gradient(180deg, rgba(18,60,78,.20), rgba(7,17,26,.60));}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--display{background:linear-gradient(180deg, rgba(44,35,78,.22), rgba(7,16,28,.60));}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--audio{background:linear-gradient(180deg, rgba(24,78,70,.18), rgba(7,16,24,.58));}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{
border-color:rgba(121,215,255,.10) !important;
background:linear-gradient(180deg, rgba(8,21,34,.90), rgba(5,12,20,.98)) !important;
}
.cardioai-ecg-monitor-shell .ca-touch-card--noise{background:linear-gradient(180deg, rgba(19,56,83,.38), rgba(7,18,28,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--baseline{background:linear-gradient(180deg, rgba(69,47,18,.34), rgba(17,14,10,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--muscle{background:linear-gradient(180deg, rgba(21,76,61,.32), rgba(7,16,19,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--hum{background:linear-gradient(180deg, rgba(47,34,86,.30), rgba(10,13,22,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--motion{background:linear-gradient(180deg, rgba(82,34,57,.28), rgba(16,10,18,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--display{background:linear-gradient(180deg, rgba(29,31,75,.28), rgba(8,14,27,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--audio{background:linear-gradient(180deg, rgba(15,66,58,.28), rgba(6,14,18,.98)) !important;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value{
min-height:36px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn{
font-size:1.02rem !important;
color:#f7fbff !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn::before{
display:none !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-segmented-btn{
min-height:36px !important;
font-size:.70rem !important;
}
@media (max-width: 1480px){
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-hero{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1fr 1fr !important;
}
}
@media (max-width: 760px){
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid{grid-template-columns:1fr;}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1fr !important;
}
} .cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro{
padding:18px 18px 16px !important;
border-radius:28px !important;
background:
radial-gradient(circle at 14% 0%, rgba(86,215,255,.12), transparent 24%),
radial-gradient(circle at 100% 0%, rgba(162,127,255,.12), transparent 20%),
linear-gradient(180deg, rgba(4,11,18,.985), rgba(3,8,14,.998)) !important;
border:1px solid rgba(108,218,255,.16) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
inset 0 -1px 0 rgba(117,218,255,.05),
0 22px 54px rgba(0,0,0,.32),
0 0 0 1px rgba(100,170,220,.03) !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:2px;
background:linear-gradient(90deg, rgba(86,215,255,.0), rgba(86,215,255,.9), rgba(149,255,220,.85), rgba(173,126,255,.82), rgba(86,215,255,0));
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-title{
font-size:1.16rem !important;
letter-spacing:.015em !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-card-subtitle{
color:rgba(182,209,224,.78) !important;
max-width:78ch;
}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.65fr) minmax(290px,.9fr);
gap:14px;
padding:14px;
border-radius:24px;
border:1px solid rgba(255,255,255,.06);
background:
linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)),
linear-gradient(180deg, rgba(10,22,35,.96), rgba(5,11,18,.98));
overflow:hidden;
}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 25%, rgba(255,255,255,.015) 50%, rgba(255,255,255,0) 75%, rgba(255,255,255,.01)),
repeating-linear-gradient(180deg, rgba(98,130,145,.025) 0 1px, transparent 1px 4px);
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{
position:relative;
z-index:1;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-main{
padding:16px;
border-radius:20px;
border:1px solid rgba(103,221,255,.10);
background:
radial-gradient(circle at 50% 0%, rgba(86,215,255,.10), transparent 30%),
linear-gradient(180deg, rgba(7,18,29,.95), rgba(4,10,17,.985));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.16);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-topline{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-topright{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
justify-content:flex-end;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-clock{
padding:10px 12px;
min-width:120px;
border-radius:14px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-clock span,
.cardioai-ecg-monitor-shell .ca-touchpro-screen-kicker{
display:block;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(176,211,224,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-clock strong{
display:block;
margin-top:6px;
font-size:.82rem;
color:#f5fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-title{
margin-top:6px;
font-size:1.12rem;
font-weight:900;
letter-spacing:.02em;
color:#f7fcff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill{
min-height:40px;
padding:0 14px;
border-radius:999px;
display:inline-flex;
align-items:center;
border:1px solid rgba(112,223,255,.14);
background:linear-gradient(180deg, rgba(14,65,86,.34), rgba(8,24,36,.72));
color:#dff8ff;
box-shadow:0 0 16px rgba(86,215,255,.10);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-status="NOISY"]{background:linear-gradient(180deg, rgba(90,34,44,.48), rgba(34,10,16,.76)); border-color:rgba(255,124,148,.18);}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-status="ACTIVE"]{background:linear-gradient(180deg, rgba(89,64,18,.45), rgba(34,22,8,.76)); border-color:rgba(255,202,105,.18);}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-hero{
grid-template-columns:minmax(0,1.02fr) minmax(260px,1.2fr) minmax(220px,.92fr);
gap:12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-rhythmblock{
background:
radial-gradient(circle at 0 0, rgba(86,215,255,.16), transparent 36%),
linear-gradient(180deg, rgba(21,49,75,.36), rgba(7,16,27,.80));
border-color:rgba(104,223,255,.14);
}
.cardioai-ecg-monitor-shell .ca-touchpro-rhythm-meta{
margin-top:12px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-mini-pill{
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.cardioai-ecg-monitor-shell .ca-touchpro-mini-pill span{
display:block;
font-size:9px;
font-weight:900;
letter-spacing:.15em;
text-transform:uppercase;
color:rgba(175,210,224,.58);
}
.cardioai-ecg-monitor-shell .ca-touchpro-mini-pill strong{
display:block;
margin-top:6px;
font-size:.76rem;
font-weight:800;
color:#f4fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra{
min-height:168px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-wave-grid{
position:absolute;
inset:10px;
border-radius:14px;
pointer-events:none;
background:
linear-gradient(rgba(112,164,189,.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(112,164,189,.08) 1px, transparent 1px);
background-size:26px 26px;
mask-image:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.14));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span{
position:relative;
z-index:1;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(1){height:7px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(2){height:14px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(3){height:52px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(4){height:12px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(5){height:9px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(6){height:34px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-waveform--ultra span:nth-child(7){height:10px}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid--ultra{
grid-template-columns:repeat(6, minmax(0,1fr));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-side{
border-radius:20px;
border:1px solid rgba(160,132,255,.09);
background:
radial-gradient(circle at 100% 0%, rgba(171,127,255,.12), transparent 28%),
linear-gradient(180deg, rgba(13,15,30,.96), rgba(8,11,20,.985));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.18);
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-panel--violet{
border-color:rgba(174,139,255,.12);
background:linear-gradient(180deg, rgba(51,34,86,.34), rgba(11,14,24,.56));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-bar--score i{
background:linear-gradient(90deg, rgba(168,132,255,.84), rgba(94,214,255,.82), rgba(132,255,216,.82));
width:96%;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile{
min-height:92px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone-head strong{
font-size:.88rem;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
margin-top:14px;
grid-template-columns:1.0fr 1.42fr 1.08fr .94fr !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touch-card{
min-height:120px !important;
border-radius:18px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn,
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-value{
min-height:38px !important;
border-radius:12px !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-stepper-btn{
font-size:1.08rem !important;
font-weight:900 !important;
}
@media (max-width: 1560px){
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid--ultra{
grid-template-columns:repeat(3, minmax(0,1fr));
}
}
@media (max-width: 1320px){
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen{
grid-template-columns:1fr;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-hero{
grid-template-columns:1fr;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1fr 1fr !important;
}
}
@media (max-width: 820px){
.cardioai-ecg-monitor-shell .ca-touchpro-screen-grid--ultra{
grid-template-columns:1fr;
}
.cardioai-ecg-monitor-shell .ca-monitor-touchpro.ca-monitor-touchpro-pro .ca-touchpro-zones.ca-monitor-touchpro-grid{
grid-template-columns:1fr !important;
}
.cardioai-ecg-monitor-shell .ca-touchpro-rhythm-meta{
grid-template-columns:1fr;
}
} .cardioai-ecg-monitor-shell .ca-touchpro-stack--signal{
align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card{
min-height:118px !important;
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--wide{
grid-column:1 / -1;
min-height:132px !important;
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--noise,
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--muscle,
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--hum,
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--motion{
display:flex;
flex-direction:column;
justify-content:space-between;
} .cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="alert"]{
box-shadow:inset 0 0 0 1px rgba(255,182,72,.22), 0 0 0 1px rgba(255,182,72,.08), 0 16px 28px rgba(0,0,0,.14);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="critical"]{
box-shadow:inset 0 0 0 1px rgba(255,108,124,.26), 0 0 0 1px rgba(255,108,124,.10), 0 18px 32px rgba(64,10,22,.18);
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:stretch;
}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card{min-height:116px !important;}
.cardioai-ecg-monitor-shell .ca-touchpro-stack--signal .ca-touch-card--wide{grid-column:1 / -1;min-height:132px !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--cyan{background:linear-gradient(180deg, rgba(18,77,112,.58), rgba(7,18,29,.98)) !important;border-color:rgba(102,228,255,.16) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--mint{background:linear-gradient(180deg, rgba(18,100,88,.44), rgba(7,18,29,.98)) !important;border-color:rgba(118,255,208,.15) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--violet{background:linear-gradient(180deg, rgba(74,52,116,.42), rgba(7,18,29,.98)) !important;border-color:rgba(178,153,255,.16) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--amber{background:linear-gradient(180deg, rgba(126,84,28,.42), rgba(7,18,29,.98)) !important;border-color:rgba(255,203,120,.16) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--rose{background:linear-gradient(180deg, rgba(116,42,74,.42), rgba(7,18,29,.98)) !important;border-color:rgba(255,141,196,.16) !important;}
.cardioai-ecg-monitor-shell .ca-touch-card--electrodes{
background:linear-gradient(180deg, rgba(19,37,58,.98), rgba(8,17,28,.98)) !important;
border-color:rgba(122,226,255,.14) !important;
}
.cardioai-ecg-monitor-shell .ca-electrode-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px;}
.cardioai-ecg-monitor-shell .ca-electrode-action{
min-height:30px;border-radius:999px;padding:0 12px;border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));color:#eaf8ff;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
}
.cardioai-ecg-monitor-shell .ca-electrode-action:hover{transform:translateY(-1px);border-color:rgba(122,226,255,.22);}
.cardioai-ecg-monitor-shell .ca-electrode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.cardioai-ecg-monitor-shell .ca-electrode-chip{
min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.10);padding:0 10px;display:flex;align-items:center;justify-content:center;gap:8px;
background:linear-gradient(180deg, rgba(14,31,47,.96), rgba(8,19,30,.98));color:#eff9ff;font-size:.74rem;font-weight:800;cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-electrode-chip:hover{transform:translateY(-1px);}
.cardioai-ecg-monitor-shell .ca-electrode-dot{width:8px;height:8px;border-radius:50%;background:#7effc7;box-shadow:0 0 10px rgba(126,255,199,.48);}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-off{
background:linear-gradient(180deg, rgba(132,30,42,.92), rgba(76,10,22,.98));border-color:rgba(255,120,136,.34);color:#fff5f7;
}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-off .ca-electrode-dot{background:#ff7b8d;box-shadow:0 0 10px rgba(255,123,141,.58);}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-on{border-color:rgba(122,226,255,.12);}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-tile--rose{background:linear-gradient(180deg, rgba(118,32,74,.30), rgba(18,16,32,.86));border-color:rgba(255,141,196,.18);}
@media (max-width:760px){
.cardioai-ecg-monitor-shell .ca-electrode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
} .cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="alert"]{
box-shadow:inset 0 0 0 1px rgba(255,170,88,.18), 0 0 0 1px rgba(255,170,88,.05), 0 18px 28px rgba(0,0,0,.16);
background:linear-gradient(180deg, rgba(88,58,22,.22), rgba(9,18,28,.62));
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="critical"]{
box-shadow:inset 0 0 0 1px rgba(255,106,132,.22), 0 0 0 1px rgba(255,106,132,.06), 0 18px 28px rgba(0,0,0,.18);
background:linear-gradient(180deg, rgba(86,24,42,.26), rgba(9,18,28,.66));
}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-off{
background:linear-gradient(180deg, rgba(255,120,148,.92), rgba(175,38,64,.96)) !important;
border-color:rgba(255,177,194,.28) !important;
color:#fff6f8 !important;
box-shadow:0 10px 18px rgba(132,14,36,.26), 0 0 0 1px rgba(255,255,255,.06) inset !important;
}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-on{
background:linear-gradient(180deg, rgba(45,76,96,.92), rgba(16,28,39,.96)) !important;
border-color:rgba(120,223,255,.10) !important;
}
.cardioai-ecg-monitor-shell .ca-electrode-chip .ca-electrode-dot{
background:#7ef6c7;
box-shadow:0 0 10px rgba(126,246,199,.35);
}
.cardioai-ecg-monitor-shell .ca-electrode-chip.is-off .ca-electrode-dot{
background:#fff4f6;
box-shadow:0 0 12px rgba(255,255,255,.34);
} .cardioai-ecg-monitor-shell .ca-touchpro-statusscreen[data-alarm-level="normal"]{
--tp-alarm-rgb: 124,255,199;
--tp-alarm: #7effc7;
}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen[data-alarm-level="watch"]{
--tp-alarm-rgb: 138,217,255;
--tp-alarm: #8ad9ff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen[data-alarm-level="alert"]{
--tp-alarm-rgb: 255,191,90;
--tp-alarm: #ffbf5a;
}
.cardioai-ecg-monitor-shell .ca-touchpro-statusscreen[data-alarm-level="critical"]{
--tp-alarm-rgb: 255,107,119;
--tp-alarm: #ff6b77;
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip{
display:grid;
grid-template-columns:1.05fr 1.2fr 1.35fr;
gap:10px;
margin:12px 0 14px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertpill{
position:relative;
min-width:0;
padding:11px 12px;
border-radius:16px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertpill::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
border-radius:16px 0 0 16px;
background:rgba(var(--tp-alarm-rgb,124,255,199), .95);
box-shadow:0 0 14px rgba(var(--tp-alarm-rgb,124,255,199), .38);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertpill span{
display:block;
margin-bottom:5px;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(182,214,227,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertpill strong{
display:block;
font-size:.8rem;
line-height:1.45;
color:#f4fbff;
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip[data-alert-level="critical"] .ca-touchpro-alertpill{
background:linear-gradient(180deg, rgba(56,19,28,.72), rgba(18,10,15,.90));
border-color:rgba(255,107,119,.16);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip[data-alert-level="alert"] .ca-touchpro-alertpill{
background:linear-gradient(180deg, rgba(56,36,16,.62), rgba(18,12,8,.90));
border-color:rgba(255,191,90,.14);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip[data-alert-level="watch"] .ca-touchpro-alertpill{
border-color:rgba(138,217,255,.14);
}
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip[data-alert-level="normal"] .ca-touchpro-alertpill{
border-color:rgba(124,255,199,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalboard{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:12px;
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard{
min-width:0;
padding:12px 12px 11px;
border-radius:16px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 20px rgba(0,0,0,.12);
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard span{
display:block;
margin-bottom:5px;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(182,214,227,.62);
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard strong{
display:block;
color:#f4fbff;
font-size:.82rem;
line-height:1.35;
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard small{
display:block;
margin-top:6px;
color:rgba(203,223,232,.74);
font-size:.73rem;
line-height:1.45;
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard--alarm{
background:linear-gradient(180deg, rgba(var(--tp-alarm-rgb,124,255,199), .13), rgba(9,18,27,.74));
border-color:rgba(var(--tp-alarm-rgb,124,255,199), .22);
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard--ai{
background:linear-gradient(180deg, rgba(111,98,255,.16), rgba(9,16,31,.76));
border-color:rgba(159,146,255,.18);
}
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalcard--tech{
background:linear-gradient(180deg, rgba(92,230,255,.11), rgba(8,18,30,.76));
border-color:rgba(92,230,255,.16);
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill{
border:1px solid rgba(var(--tp-alarm-rgb,124,255,199), .16);
box-shadow:0 0 0 1px rgba(var(--tp-alarm-rgb,124,255,199), .06) inset;
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-level="critical"]{
color:#fff4f5;
background:linear-gradient(180deg, rgba(255,107,119,.34), rgba(114,23,38,.54));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-level="alert"]{
color:#fff8ed;
background:linear-gradient(180deg, rgba(255,191,90,.30), rgba(121,71,16,.52));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-level="watch"]{
color:#eefbff;
background:linear-gradient(180deg, rgba(138,217,255,.26), rgba(28,75,108,.50));
}
.cardioai-ecg-monitor-shell .ca-touchpro-screen-statepill[data-level="normal"]{
color:#ebfff7;
background:linear-gradient(180deg, rgba(124,255,199,.24), rgba(15,84,58,.50));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-panel--violet .ca-touchpro-telemetry-bar--score i{
background:linear-gradient(90deg, rgba(var(--tp-alarm-rgb,124,255,199), .92), rgba(92,230,255,.92));
}
.cardioai-ecg-monitor-shell .ca-touchpro-telemetry-bar i{
background:linear-gradient(90deg, rgba(92,230,255,.92), rgba(132,255,214,.92));
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="alert"]{
box-shadow:0 0 0 1px rgba(255,191,90,.10) inset, 0 16px 30px rgba(85,47,9,.14);
}
.cardioai-ecg-monitor-shell .ca-touchpro-zone--signal[data-electrode-severity="critical"]{
box-shadow:0 0 0 1px rgba(255,107,119,.12) inset, 0 16px 30px rgba(87,18,29,.16);
}
@media (max-width: 1180px){
.cardioai-ecg-monitor-shell .ca-touchpro-alertstrip,
.cardioai-ecg-monitor-shell .ca-touchpro-clinicalboard{
grid-template-columns:1fr;
}
} .cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-monitor-overlay,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-overlay-corner,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-overlay-left,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-overlay-right,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-overlay-bottom,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-author-watermark,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean + .ca-footer-bar {
display:none !important;
visibility:hidden !important;
opacity:0 !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean {
position:relative;
background:#000 !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-ecg-canvas {
background:#000 !important;
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-hud {
position:absolute;
left:14px;
top:14px;
display:flex;
gap:8px;
z-index:5;
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-chip {
display:flex;
flex-direction:column;
gap:3px;
min-width:92px;
padding:8px 10px;
border-radius:12px;
border:1px solid rgba(120,220,255,.16);
background:rgba(2,8,14,.68);
backdrop-filter:blur(6px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.22);
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-chip span {
font-size:10px;
line-height:1;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(180,226,245,.68);
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-chip strong {
font-size:15px;
line-height:1.1;
font-weight:800;
color:#e9fbff;
}
@media (max-width: 760px) {
.cardioai-ecg-monitor-shell .ca-minimal-monitor-hud {
left:10px;
top:10px;
gap:6px;
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-chip {
min-width:78px;
padding:7px 8px;
}
.cardioai-ecg-monitor-shell .ca-minimal-monitor-chip strong {
font-size:13px;
}
} .cardioai-ecg-monitor-shell .ca-monitor-wrap-clean{
position:relative;
background:#000 !important;
border-radius:22px !important;
border:1px solid rgba(56,255,162,.16) !important;
box-shadow:
inset 0 0 0 1px rgba(121,255,197,.06),
inset 0 18px 40px rgba(0,255,120,.03),
0 28px 60px rgba(0,0,0,.42),
0 0 0 1px rgba(0,255,140,.03) !important;
overflow:hidden;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(22,255,140,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(22,255,140,.045) 1px, transparent 1px);
background-size:20px 20px;
pointer-events:none;
z-index:1;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean::after{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(80,255,168,.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(80,255,168,.08) 1px, transparent 1px),
repeating-linear-gradient(to bottom, rgba(18,255,138,.028), rgba(18,255,138,.028) 1px, transparent 1px, transparent 3px);
background-size:100px 100px, 100px 100px, 100% 4px;
mix-blend-mode:screen;
opacity:.9;
pointer-events:none;
z-index:1;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-ecg-canvas{
position:relative;
z-index:2;
display:block;
width:100%;
height:100%;
background:#000 !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-minimal-monitor-hud{
position:absolute;
left:16px;
top:16px;
display:flex;
gap:10px;
z-index:4;
pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-minimal-monitor-chip{
min-width:108px;
padding:9px 12px 8px;
border-radius:11px !important;
border:1px solid rgba(86,255,181,.18) !important;
background:linear-gradient(180deg, rgba(2,10,8,.78), rgba(2,6,5,.58)) !important;
box-shadow:
inset 0 1px 0 rgba(180,255,223,.06),
inset 0 0 18px rgba(0,255,136,.03),
0 12px 24px rgba(0,0,0,.28) !important;
backdrop-filter:none !important;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-minimal-monitor-chip span{
display:block;
margin-bottom:3px;
color:rgba(160,255,214,.66) !important;
font-size:10px;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean .ca-minimal-monitor-chip strong{
display:block;
color:#9dffd0 !important;
font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
font-size:15px;
font-weight:700;
letter-spacing:.03em;
text-shadow:0 0 10px rgba(40,255,145,.18);
}
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean + .ca-card,
.cardioai-ecg-monitor-shell .ca-monitor-wrap-clean + .ca-footer-bar{
box-shadow:none !important;
} .cardioai-ecg-monitor-shell .ca-console-collapsible{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;}
.cardioai-ecg-monitor-shell .ca-console-head{position:relative;z-index:2;display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;}
.cardioai-ecg-monitor-shell .ca-console-head-simple{align-items:center;padding:0 0 10px;}
.cardioai-ecg-monitor-shell .ca-console-head-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;margin-left:auto;}
.cardioai-ecg-monitor-shell .ca-console-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:0 12px 0 13px;border-radius:999px;border:1px solid rgba(126,233,255,.18);background:radial-gradient(circle at 20% 0%,rgba(126,233,255,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));color:#eafdff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.20);font-size:11px;line-height:1;font-weight:900;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease;}
.cardioai-ecg-monitor-shell .ca-console-toggle:hover{transform:translateY(-1px);border-color:rgba(126,233,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(0,0,0,.24),0 0 18px rgba(88,216,255,.08);}
.cardioai-ecg-monitor-shell .ca-console-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(121,233,255,.18),inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(0,0,0,.24);}
.cardioai-ecg-monitor-shell .ca-console-toggle-icon{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.9;transition:transform .20s cubic-bezier(.2,.8,.2,1),opacity .16s ease;}
.cardioai-ecg-monitor-shell .ca-console-content{display:grid;grid-template-rows:1fr;opacity:1;transform:translateY(0);transition:grid-template-rows .30s cubic-bezier(.2,.8,.2,1),opacity .22s ease,transform .30s cubic-bezier(.2,.8,.2,1),margin-top .30s cubic-bezier(.2,.8,.2,1);will-change:grid-template-rows,opacity,transform;}
.cardioai-ecg-monitor-shell .ca-console-content-inner{min-height:0;overflow:hidden;}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed{border-color:rgba(126,233,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.16)!important;}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed .ca-console-content{grid-template-rows:0fr;opacity:0;transform:translateY(-6px);margin-top:-2px;pointer-events:none;}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed .ca-console-toggle{color:#bdf4ff;border-color:rgba(126,233,255,.24);background:radial-gradient(circle at 80% 0%,rgba(143,255,212,.16),transparent 34%),linear-gradient(180deg,rgba(121,233,255,.13),rgba(255,255,255,.035));}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed .ca-console-toggle-icon{transform:translateY(2px) rotate(-135deg);}
.cardioai-ecg-monitor-shell .ca-monitor-ops-belt.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-mode-deck.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-pro-controlbar-ultra.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-rhythm-belt-ultra.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-ai-belt-inline.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-true-clinical-belt.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline.ca-console-collapsible .ca-console-content,.cardioai-ecg-monitor-shell .ca-edu-card-bottom.ca-console-collapsible .ca-console-content{margin-top:10px;}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-ultra.ca-console-collapsible,.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline.ca-console-collapsible{overflow:visible;}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-ultra.is-console-collapsed,.cardioai-ecg-monitor-shell .ca-monitor-touchpro-inline.is-console-collapsed{overflow:hidden;}
.cardioai-ecg-monitor-shell .ca-rhythm-belt-ultra.is-console-collapsed .ca-rhythm-library-drawer{display:none!important;}
.cardioai-ecg-monitor-shell .ca-edu-card-bottom .ca-console-title-wrap .ca-card-title{margin:0!important;padding:0!important;}
@media (prefers-reduced-motion:reduce){.cardioai-ecg-monitor-shell .ca-console-collapsible,.cardioai-ecg-monitor-shell .ca-console-content,.cardioai-ecg-monitor-shell .ca-console-toggle,.cardioai-ecg-monitor-shell .ca-console-toggle-icon{transition:none!important;}}
@media (max-width:760px){.cardioai-ecg-monitor-shell .ca-console-head{align-items:flex-start;gap:10px}.cardioai-ecg-monitor-shell .ca-console-toggle{min-height:34px;padding:0 10px;font-size:10px}} .cardioai-ecg-monitor-shell .ca-window-controls-belt{
position:relative;
display:grid;
gap:12px;
padding:14px 16px !important;
border-radius:20px !important;
border:1px solid rgba(126,233,255,.14) !important;
background:
radial-gradient(circle at 8% 0%, rgba(126,233,255,.16), transparent 26%),
radial-gradient(circle at 100% 0%, rgba(143,255,212,.09), transparent 22%),
linear-gradient(180deg, rgba(5,14,22,.98), rgba(3,9,15,.985)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 18px 34px rgba(0,0,0,.22) !important;
overflow:hidden;
}
.cardioai-ecg-monitor-shell .ca-window-controls-belt::after{
content:""; position:absolute; left:18px; right:18px; bottom:0; height:1px;
background:linear-gradient(90deg, transparent, rgba(126,233,255,.34), transparent); pointer-events:none;
}
.cardioai-ecg-monitor-shell .ca-window-controls-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;}
.cardioai-ecg-monitor-shell .ca-window-controls-kicker{color:#7fe8ff;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
.cardioai-ecg-monitor-shell .ca-window-controls-title{margin-top:4px;color:#f3fbff;font-size:15px;font-weight:850;letter-spacing:.01em;}
.cardioai-ecg-monitor-shell .ca-window-controls-note{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid rgba(126,233,255,.14);background:rgba(126,233,255,.06);color:rgba(221,247,255,.70);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.cardioai-ecg-monitor-shell .ca-window-controls-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;}
.cardioai-ecg-monitor-shell .ca-window-switch{appearance:none;min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-radius:16px;border:1px solid rgba(145,227,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));color:#eefbff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.16);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;user-select:none;}
.cardioai-ecg-monitor-shell .ca-window-switch:hover{transform:translateY(-1px);border-color:rgba(126,233,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 26px rgba(0,0,0,.22),0 0 18px rgba(126,233,255,.07);}
.cardioai-ecg-monitor-shell .ca-window-switch:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(126,233,255,.18),inset 0 1px 0 rgba(255,255,255,.08),0 14px 26px rgba(0,0,0,.22);}
.cardioai-ecg-monitor-shell .ca-window-switch-led{width:12px;height:12px;border-radius:50%;background:#42ffd0;box-shadow:0 0 12px rgba(66,255,208,.88),0 0 24px rgba(66,255,208,.34);}
.cardioai-ecg-monitor-shell .ca-window-switch-copy{min-width:0;display:grid;gap:3px;text-align:left;}
.cardioai-ecg-monitor-shell .ca-window-switch-copy strong{min-width:0;color:#f5fcff;font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1.05;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cardioai-ecg-monitor-shell .ca-window-switch-copy small{min-width:0;color:rgba(190,217,230,.72);font-size:10px;font-weight:750;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cardioai-ecg-monitor-shell .ca-window-switch-state{min-width:36px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:rgba(66,255,208,.12);border:1px solid rgba(66,255,208,.20);color:#baffea;font-size:10px;font-weight:950;letter-spacing:.10em;}
.cardioai-ecg-monitor-shell .ca-window-switch.is-off{opacity:.72;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-color:rgba(160,180,190,.10);}
.cardioai-ecg-monitor-shell .ca-window-switch.is-off .ca-window-switch-led{background:#ff6876;box-shadow:0 0 10px rgba(255,104,118,.72),0 0 18px rgba(255,104,118,.20);}
.cardioai-ecg-monitor-shell .ca-window-switch.is-off .ca-window-switch-state{background:rgba(255,104,118,.11);border-color:rgba(255,104,118,.20);color:#ffc7ce;}
.cardioai-ecg-monitor-shell .ca-window-switch.is-off .ca-window-switch-copy strong,
.cardioai-ecg-monitor-shell .ca-window-switch.is-off .ca-window-switch-copy small{color:rgba(204,222,230,.58);}
.cardioai-ecg-monitor-shell .ca-console-head-actions,
.cardioai-ecg-monitor-shell .ca-console-toggle{display:none!important;}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed{display:block!important;}
.cardioai-ecg-monitor-shell .ca-console-collapsible.is-console-collapsed .ca-console-head{opacity:.58;}
@media (max-width:1680px){.cardioai-ecg-monitor-shell .ca-window-controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:980px){.cardioai-ecg-monitor-shell .ca-window-controls-head{align-items:flex-start;flex-direction:column;}.cardioai-ecg-monitor-shell .ca-window-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){.cardioai-ecg-monitor-shell .ca-window-controls-grid{grid-template-columns:1fr;}}