
:root{--acp-ink:#dce8ef;--acp-muted:#8195a5;--acp-line:rgba(155,188,207,.15);--acp-panel:#102333;--acp-panel2:#142b3d;--acp-cyan:#40c2d8;--acp-blue:#278db2}
.acp-app.acp-workstation{width:calc(100% - 34px);max-width:1920px;height:calc(100vh - 170px);min-height:690px;margin:18px auto 26px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #18384c;border-radius:17px;background:#091925;box-shadow:0 20px 65px rgba(12,35,51,.22);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--acp-ink)}
.acp-workstation *{box-sizing:border-box}
.acp-topbar{height:66px;flex:0 0 66px;display:flex;align-items:center;gap:25px;padding:0 22px;background:linear-gradient(100deg,#102a3d,#0c2030 70%,#10283a);border-bottom:1px solid rgba(155,188,207,.16);color:#e9f2f7}
.acp-product-lockup{display:flex;align-items:center;gap:11px;min-width:195px}
.acp-product-lockup>div{display:flex;flex-direction:column;gap:3px}
.acp-product-lockup strong{font-size:13px;letter-spacing:.13em;font-weight:850}
.acp-product-lockup em{font-style:normal;color:#4bc2d8;font-size:9px}
.acp-product-lockup small{font-size:7px;letter-spacing:.17em;color:#7892a4;font-weight:750}
.acp-product-symbol{width:27px;height:27px;display:flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid rgba(79,194,216,.35);border-radius:8px;background:rgba(53,172,199,.08)}
.acp-product-symbol i{display:block;width:4px;border-radius:3px;background:#46c3d8}
.acp-product-symbol i:nth-child(1){height:9px;opacity:.55}.acp-product-symbol i:nth-child(2){height:16px}.acp-product-symbol i:nth-child(3){height:12px;opacity:.75}
.acp-top-title{display:flex;align-items:center;gap:11px;min-width:0}
.acp-live-dot{width:7px;height:7px;border-radius:50%;background:#43d6b2;box-shadow:0 0 0 4px rgba(67,214,178,.10),0 0 12px rgba(67,214,178,.45)}
.acp-top-title strong{display:block;font-size:13px;font-weight:720;letter-spacing:.015em;color:#f1f6f8}
.acp-top-title small{display:block;margin-top:4px;font-size:8px;font-weight:750;letter-spacing:.16em;color:#7791a2}
.acp-top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}
.acp-session-chip{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(84,196,177,.20);border-radius:6px;background:rgba(51,170,145,.08);font-size:8px;font-weight:850;letter-spacing:.12em;color:#7dd7c3}
.acp-session-led{width:5px;height:5px;border-radius:50%;background:#50d3ad;box-shadow:0 0 8px #50d3ad}
.acp-icon-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(105,186,207,.28);border-radius:7px;background:linear-gradient(180deg,rgba(44,132,163,.22),rgba(29,93,121,.16));color:#bfeaf2;font-size:8px;font-weight:850;letter-spacing:.1em;cursor:pointer;transition:.2s}
.acp-icon-btn:hover{border-color:#4cc1d7;background:rgba(48,157,187,.25);box-shadow:0 0 18px rgba(56,178,205,.12)}
.acp-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acp-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:12px;padding:12px;background:linear-gradient(135deg,#0b1c29,#0e2232)}
.acp-viewer{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(143,178,197,.2);border-radius:11px;background:#122635;box-shadow:0 10px 35px rgba(0,0,0,.17)}
.acp-viewer-toolbar{height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;background:linear-gradient(90deg,#142e40,#122838);border-bottom:1px solid rgba(153,188,207,.13)}
.acp-viewer-heading{display:flex;flex-direction:column;gap:4px}
.acp-kicker{font-size:8px;font-weight:850;letter-spacing:.17em;color:#7794a7}
.acp-kicker-mark{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#49c1d6;vertical-align:1px;box-shadow:0 0 7px #49c1d6}
.acp-viewer-heading strong{font-size:13px;color:#e6f0f5;font-weight:720}
.acp-view-meta{display:flex;gap:7px;align-items:center}
.acp-view-pill{font-size:9px;font-weight:800;color:#8fe0e9;background:rgba(36,144,166,.13);border:1px solid rgba(69,181,201,.24);padding:7px 9px;border-radius:5px;white-space:nowrap}
.acp-view-pill.muted{color:#8398a7;background:rgba(164,190,205,.06);border-color:rgba(164,190,205,.12);font-size:8px;letter-spacing:.09em}
.acp-screen{position:relative;flex:1;min-height:0;background:#828282;overflow:hidden}
.acp-screen canvas{display:block;width:100%;height:100%;min-height:0}
.acp-screen-corner{position:absolute;top:13px;padding:7px 9px;border-radius:4px;background:rgba(239,241,235,.72);border:1px solid rgba(48,58,58,.13);color:#424c4c;font-size:8px;font-weight:850;letter-spacing:.09em;backdrop-filter:blur(5px);pointer-events:none}
.acp-corner-tl{left:13px}.acp-corner-tr{right:13px}
.acp-rec-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#a45b55;vertical-align:1px}
.acp-screen-crosshair{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.19;pointer-events:none}
.acp-screen-crosshair:before,.acp-screen-crosshair:after{content:"";position:absolute;background:#263438}
.acp-screen-crosshair:before{left:15px;top:0;width:1px;height:32px}.acp-screen-crosshair:after{top:15px;left:0;width:32px;height:1px}
.acp-screen-crosshair i,.acp-screen-crosshair b{position:absolute;left:13px;top:13px;width:5px;height:5px;border:1px solid #263438;border-radius:50%}
.acp-screen-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:9px 13px;background:linear-gradient(transparent,rgba(25,31,30,.30));color:rgba(255,255,255,.88);font-size:7px;font-weight:850;letter-spacing:.13em;pointer-events:none}
.acp-viewer-footer{height:55px;flex:0 0 55px;display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1fr;align-items:center;background:#122838;border-top:1px solid rgba(153,188,207,.13)}
.acp-viewer-footer>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 14px;border-right:1px solid rgba(153,188,207,.1)}
.acp-viewer-footer>div:last-child{border:0}
.acp-footer-label{font-size:7px;font-weight:850;letter-spacing:.14em;color:#718c9e}
.acp-viewer-footer strong{font-size:10px;color:#c6d8e2;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acp-viewer-footer .acp-ready-text{color:#77d4bb;font-size:9px}
.acp-panel{min-height:0;overflow-y:auto;padding:15px 16px 13px;border:1px solid rgba(143,178,197,.2);border-radius:11px;background:linear-gradient(155deg,#142e40,#102536 75%);box-shadow:0 10px 35px rgba(0,0,0,.18);scrollbar-width:thin;scrollbar-color:#34566b transparent}
.acp-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(153,188,207,.13)}
.acp-panel-head h2{margin:5px 0 3px;font-size:17px;letter-spacing:-.4px;color:#edf5f8}
.acp-panel-head p{margin:0;color:#7892a4;font-size:9px}
.acp-reset-mini{border:1px solid rgba(143,178,197,.2);background:rgba(176,207,222,.05);color:#a9c0cd;border-radius:5px;padding:7px 9px;font-size:8px;font-weight:850;letter-spacing:.1em;cursor:pointer}
.acp-reset-mini:hover{border-color:#4ab8ce;color:#c6f3f7;background:rgba(47,155,180,.12)}
.acp-reset-mini span{font-size:13px;vertical-align:-1px;margin-right:3px}
.acp-section{padding:13px 0 11px;border-bottom:1px solid rgba(153,188,207,.12)}
.acp-section-title{display:flex;align-items:center;gap:8px;margin-bottom:11px;font-size:8px;font-weight:900;color:#9bb5c4;letter-spacing:.14em}
.acp-section-title>i{height:1px;flex:1;background:linear-gradient(90deg,rgba(110,158,181,.22),transparent)}
.acp-step{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:rgba(54,164,189,.12);border:1px solid rgba(73,188,209,.23);color:#65c9d9;font-size:9px}
.acp-control{margin-bottom:11px}
.acp-control:last-child{margin-bottom:0}
.acp-control label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:9px;font-weight:750;color:#9db4c1;letter-spacing:.04em}
.acp-control output{color:#5bc3d7;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
.acp-control select{width:100%;height:35px;padding:0 10px;border:1px solid rgba(140,180,199,.2);border-radius:6px;background:#0d2130;color:#d5e5ed;font:inherit;font-size:10px;outline:none}
.acp-control select:focus{border-color:#3daec5;box-shadow:0 0 0 3px rgba(48,170,195,.1)}
.acp-control input[type=range]{width:100%;height:4px;margin:7px 0 4px;accent-color:#43b8ce;cursor:pointer}
.acp-range-ends{display:flex;justify-content:space-between;color:#627e90;font-size:7px;letter-spacing:.04em}
.acp-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.acp-presets button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:47px;padding:8px 25px 7px 9px;border:1px solid rgba(139,179,198,.17);border-radius:6px;background:rgba(7,24,36,.35);color:#c4d7e1;text-align:left;cursor:pointer;transition:.16s}
.acp-presets button:hover,.acp-presets button.active{border-color:rgba(69,192,213,.68);background:linear-gradient(135deg,rgba(37,142,166,.22),rgba(26,95,123,.16));box-shadow:inset 0 0 0 1px rgba(62,183,205,.08)}
.acp-presets button strong{font-size:9px;font-weight:850}
.acp-presets button small{font-size:7px;color:#718d9e}
.acp-presets button span{position:absolute;right:8px;top:8px;font-size:7px;color:#547589;font-weight:850}
.acp-display-section{border-bottom:0;padding-bottom:9px}
.acp-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;cursor:pointer}
.acp-toggle span{display:flex;flex-direction:column;gap:3px}
.acp-toggle strong{font-size:9px;color:#b7cbd5}
.acp-toggle small{font-size:7px;color:#718b9b}
.acp-toggle input{position:absolute;opacity:0;pointer-events:none}
.acp-toggle i{position:relative;width:29px;height:16px;flex:0 0 29px;border-radius:20px;background:#31495a;transition:.18s}
.acp-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#a4b8c4;transition:.18s}
.acp-toggle input:checked+i{background:#167f99}
.acp-toggle input:checked+i:after{transform:translateX(13px);background:#e8fbff}
.acp-toggle input:focus-visible+i{outline:3px solid rgba(67,184,206,.22)}
.acp-console-foot{display:flex;gap:9px;padding:10px;border:1px solid rgba(141,180,199,.13);border-radius:6px;background:rgba(5,20,31,.3)}
.acp-info-icon{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid rgba(86,184,205,.35);border-radius:50%;color:#66c6d7;font-size:10px;font-weight:800}
.acp-console-foot p{margin:0;color:#7792a2;font-size:8px;line-height:1.5}
.acp-console-foot strong{color:#a9c3cf;font-weight:750}
.acp-app-footer{height:25px;flex:0 0 25px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#607d8f;font-size:7px;font-weight:800;letter-spacing:.13em}
.acp-app-footer b{color:#2d596f;margin:0 5px}
.acp-app:fullscreen{width:100vw;max-width:none;height:100vh;min-height:0;margin:0;border:0;border-radius:0}
.acp-app:fullscreen .acp-workspace{grid-template-columns:minmax(0,1fr) 380px}
@media(max-width:1100px){.acp-workspace{grid-template-columns:minmax(0,1fr) 320px}.acp-panel{padding:12px}.acp-topbar{gap:15px;padding:0 15px}.acp-product-lockup{min-width:165px}}
@media(max-width:760px){.acp-app.acp-workstation{width:calc(100% - 16px);height:auto;min-height:0;margin:9px auto 18px;border-radius:11px}.acp-topbar{height:auto;min-height:60px;flex-basis:auto;padding:10px;gap:10px;flex-wrap:wrap}.acp-product-lockup{min-width:0}.acp-product-lockup small{display:none}.acp-product-lockup strong{font-size:10px}.acp-product-symbol{width:23px;height:23px}.acp-top-title{padding-left:10px}.acp-top-title strong{font-size:10px}.acp-top-title small{font-size:6px}.acp-session-chip{display:none}.acp-icon-btn{padding:8px}.acp-icon-btn span{font-size:7px}.acp-workspace{display:flex;flex-direction:column;padding:8px;gap:8px}.acp-viewer{height:59vh;min-height:360px}.acp-panel{overflow:visible}.acp-viewer-footer{grid-template-columns:1fr 1fr;height:auto;flex-basis:auto;min-height:70px}.acp-viewer-footer>div{padding:9px 10px}.acp-viewer-footer>div:nth-child(2){border-right:0}.acp-viewer-footer strong{font-size:9px}.acp-app-footer{height:auto;flex-wrap:wrap;gap:5px;padding:8px 10px}.acp-app:fullscreen .acp-workspace{display:flex;flex-direction:column;overflow:auto}.acp-app:fullscreen .acp-viewer{height:58vh;min-height:320px}}
@media(max-width:430px){.acp-top-title{display:none}.acp-top-actions{margin-left:auto}.acp-viewer-toolbar{padding:0 9px}.acp-view-pill.muted{display:none}.acp-screen-bottom{font-size:6px}.acp-viewer-footer>div:nth-child(3),.acp-viewer-footer>div:nth-child(4){display:none}}

/* v1.4: page surround matches the simulator's deep-navy workstation canvas.
   Scoped to this template only; the Appcardio site header/footer remain intact. */
body.acp-coronary-page {
  background: #091925 !important;
}
body.acp-coronary-page #page,
body.acp-coronary-page .site,
body.acp-coronary-page #content,
body.acp-coronary-page .site-content,
body.acp-coronary-page main:not(.acp-workstation) {
  background: transparent;
}
body.acp-coronary-page .acp-workstation {
  background: #091925;
}
