.dracls{--navy:#0b2f5b;--blue:#0d63b8;--blue2:#eaf4ff;--yellow:#ffc83d;--yellow2:#fff7d5;--red:#d63d32;--red2:#fff0ee;--green:#16845b;--green2:#e9f8f1;--ink:#172033;--muted:#667085;--line:#d9e4ef;--bg:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1240px;margin:28px auto;border:1px solid #e2eaf2;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(21,47,76,.09)}
.dracls *{box-sizing:border-box}.dracls button,.dracls input,.dracls select{font:inherit}.dracls button{cursor:pointer}.dracls h1,.dracls h2,.dracls h3,.dracls p{margin-top:0}.dracls h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin-bottom:18px;letter-spacing:-.035em}.dracls h2{font-size:clamp(26px,3.2vw,38px);line-height:1.1;margin-bottom:0;letter-spacing:-.025em}.dracls h3{font-size:21px;line-height:1.25;margin-bottom:10px}.dracls p,.dracls li{line-height:1.65}.dracls ul{padding-left:22px}.dracls-hero{padding:46px 48px 36px;background:linear-gradient(135deg,#fafdff 0%,#eef6ff 58%,#fff8de 100%);display:grid;grid-template-columns:1.6fr .9fr;gap:30px;align-items:center}.dracls-kicker,.dracls-eyebrow,.dracls-card-label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}.dracls-hero__copy>p{font-size:18px;color:#41536a;max-width:760px;margin-bottom:22px}.dracls-badges{display:flex;flex-wrap:wrap;gap:10px}.dracls-badges span,.dracls-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700;color:#31506f}.dracls-hero__pulse{color:var(--red);background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(29,69,109,.12)}.dracls-hero__pulse svg{width:100%;height:auto;display:block}.dracls-notice{margin:20px 28px 0;padding:15px 18px;border-left:4px solid var(--yellow);background:var(--yellow2);border-radius:12px;color:#51491e}.dracls-notice--soft{margin:24px 0 0;background:#f7f9fb;border-color:#b7c5d4;color:#4d5b69}.dracls-tabs{padding:18px 28px 0;display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff}.dracls-tabs button{border:0;background:transparent;padding:13px 15px 15px;color:#526274;font-weight:750;white-space:nowrap;border-bottom:3px solid transparent}.dracls-tabs button:hover,.dracls-tabs button.is-active{color:var(--blue);border-bottom-color:var(--yellow)}.dracls-main{background:var(--bg);padding:28px}.dracls-panel{display:none}.dracls-panel.is-active{display:block}.dracls-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.dracls-chip--red{color:#a82c25;background:var(--red2);border-color:#f1c6c1}.dracls-chip--yellow{color:#765c00;background:var(--yellow2);border-color:#f2df96}.dracls-chip--green{color:#116546;background:var(--green2);border-color:#b8e2d0}.dracls-chip--navy{background:#eaf0f8;color:var(--navy)}
.dracls-module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.dracls-module-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px 18px;text-align:left;min-height:154px;display:flex;flex-direction:column;gap:8px;transition:.2s transform,.2s box-shadow,.2s border-color}.dracls-module-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(21,47,76,.10);border-color:#b9cedf}.dracls-module-card strong{font-size:18px;color:var(--navy)}.dracls-module-card small{color:var(--muted);line-height:1.4}.dracls-module-icon{font-size:28px}.dracls-module-card--red{background:linear-gradient(180deg,#fff 0%,#fff5f4 100%)}.dracls-module-card--blue{background:linear-gradient(180deg,#fff 0%,#f1f7ff 100%)}.dracls-module-card--yellow{background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)}.dracls-module-card--green{background:linear-gradient(180deg,#fff 0%,#f1fbf6 100%)}.dracls-module-card--navy{background:linear-gradient(180deg,#fff 0%,#eef3f9 100%)}
.dracls-tools-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.dracls-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 22px rgba(21,47,76,.05)}.dracls-card--compact{padding:18px}.dracls-card-label{display:block;margin-bottom:8px}.dracls-timer{font-size:54px;line-height:1;font-weight:850;letter-spacing:-.04em;color:var(--navy);margin:8px 0 18px;font-variant-numeric:tabular-nums}.dracls-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dracls-btn{border-radius:12px;padding:11px 16px;border:1px solid transparent;font-weight:800;transition:.15s ease;min-height:44px}.dracls-btn:hover{transform:translateY(-1px)}.dracls-btn--primary{background:var(--yellow);border-color:#e8b114;color:#0b2f5b;box-shadow:0 4px 0 #d9a400}.dracls-btn--secondary{background:#fff;border-color:#5d91c2;color:#0d5ba6}.dracls-btn--ghost{background:transparent;border-color:transparent;color:#5b6b7d}.dracls-btn--danger{background:var(--red);color:#fff;border-color:#bd2e25;box-shadow:0 4px 0 #9c261f}.dracls-full{width:100%}.dracls-help{font-size:13px;color:var(--muted);margin:14px 0 0}.dracls-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.dracls-stat-grid>div{background:#f7fafc;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.dracls-stat-grid small{display:block;color:var(--muted);font-size:12px}.dracls-stat-grid strong{font-size:28px;color:var(--navy);font-variant-numeric:tabular-nums}
.dracls-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:18px}.dracls-decision{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 22px rgba(21,47,76,.05);grid-column:1}.dracls-decision.is-hidden{display:none}.dracls-stepno{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:850;margin-bottom:12px}.dracls-side{grid-column:2;grid-row:1 / span 6;display:flex;flex-direction:column;gap:16px}.dracls-actionbar{margin-top:18px}.dracls-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dracls-choice{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;text-align:left;min-height:94px}.dracls-choice:hover{border-color:#84aed3;background:#f7fbff}.dracls-choice strong{display:block;color:var(--navy);font-size:18px}.dracls-choice small{color:var(--muted)}.dracls-choice--danger{background:var(--red2);border-color:#efc4c0}.dracls-choice--success{background:var(--green2);border-color:#b7dfcd}.dracls-dosebox{padding:15px 16px;background:#f7fafc;border-left:4px solid var(--blue);border-radius:12px;margin:14px 0 18px;line-height:1.65}.dracls-inline-timer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f7fafc;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:14px 0}.dracls-inline-timer span{font-size:34px;font-weight:850;color:var(--navy);font-variant-numeric:tabular-nums}.dracls-drug-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.dracls-pill{border:1px solid #bdd0e1;background:#f8fbfe;color:#234c73;border-radius:999px;padding:9px 12px;font-weight:750}.dracls-pill:hover{background:#edf6ff}.dracls-checklist{display:grid;gap:9px}.dracls-checklist label{display:flex;align-items:flex-start;gap:9px;line-height:1.4;color:#405165}.dracls-checklist input{margin-top:3px;accent-color:var(--blue)}.dracls-mini-list{font-size:14px;color:#46596f;margin-bottom:0}
.dracls-formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.dracls-formgrid>label:not(.dracls-toggle){display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f9fbfd;border-radius:14px;padding:10px 12px;color:#405165;font-weight:700}.dracls-formgrid input[type=number],.dracls-formgrid select{width:100%;min-width:0;border:0;background:transparent;outline:0;color:var(--navy);font-weight:800}.dracls-formgrid label>span{font-size:12px;color:var(--muted);white-space:nowrap}.dracls-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer}.dracls-toggle input{width:18px;height:18px;accent-color:var(--blue)}.dracls-toggle span{font-size:14px;color:#405165;font-weight:700}.dracls-result{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.dracls-result.is-hidden{display:none}.dracls-result h3{color:var(--navy)}.dracls-result .dracls-alert{padding:13px 14px;border-radius:12px;margin:12px 0}.dracls-alert--danger{background:var(--red2);color:#852d28}.dracls-alert--info{background:var(--blue2);color:#174f83}.dracls-alert--success{background:var(--green2);color:#176247}.dracls-dose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.dracls-dose-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.dracls-dose-grid strong{display:block;color:var(--navy);font-size:17px}.dracls-dose-grid span{display:block;font-weight:800;margin:6px 0;color:var(--blue)}.dracls-dose-grid small{color:var(--muted);line-height:1.4}
.dracls-rosc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.dracls-care-card>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--green2);color:var(--green);font-weight:850;margin-bottom:12px}.dracls-care-card p{color:#526274;margin-bottom:0}.dracls-checklist--columns{grid-template-columns:repeat(2,1fr)}
.dracls-lead{font-size:17px;color:#485c72}.dracls-megacode{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.dracls-megacode.is-hidden{display:none}.dracls-case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dracls-score{display:flex;align-items:baseline;gap:4px;background:#f7fafc;border:1px solid var(--line);border-radius:16px;padding:10px 14px;color:var(--navy)}.dracls-score small{font-weight:800;margin-right:6px}.dracls-score strong{font-size:30px}.dracls-case-vitals{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.dracls-case-vitals span{background:#eef4fa;border-radius:999px;padding:7px 10px;font-weight:750;font-size:13px;color:#34516c}.dracls-case-prompt{padding:18px;background:#f8fbfe;border-left:4px solid var(--yellow);border-radius:14px;margin:16px 0;font-size:17px}.dracls-feedback{margin:14px 0;padding:15px 16px;border-radius:14px;background:#f6f8fa;border:1px solid var(--line)}.dracls-feedback.is-hidden{display:none}.dracls-feedback.is-correct{background:var(--green2);border-color:#b8dfcf;color:#175f45}.dracls-feedback.is-wrong{background:var(--red2);border-color:#efc3bf;color:#87342e}.dracls-case-actions{margin-top:14px}.dracls-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dracls-reference-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;box-shadow:0 8px 22px rgba(21,47,76,.04)}.dracls-reference-grid strong{display:block;color:var(--blue);margin-bottom:6px}.dracls-reference-grid span{color:#5e6c7b;font-size:14px;line-height:1.5}
.dracls-drawer{position:fixed;inset:0;background:rgba(15,30,47,.42);z-index:99999;display:flex;justify-content:flex-end}.dracls-drawer.is-hidden{display:none}.dracls-drawer__panel{width:min(520px,94vw);height:100%;overflow:auto;background:#fff;padding:24px;box-shadow:-20px 0 50px rgba(12,29,45,.18)}.dracls-log{display:grid;gap:9px;margin-bottom:18px}.dracls-log-item{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}.dracls-log-item time{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:800}.dracls-log-item span{color:#43566b}.dracls .is-hidden{display:none!important}
@media (max-width:1040px){.dracls-module-grid{grid-template-columns:repeat(3,1fr)}.dracls-dose-grid{grid-template-columns:repeat(2,1fr)}.dracls-rosc-grid{grid-template-columns:repeat(2,1fr)}.dracls-reference-grid{grid-template-columns:1fr}.dracls-formgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:780px){.dracls{border-radius:0;margin:0;max-width:none;border-left:0;border-right:0}.dracls-hero{grid-template-columns:1fr;padding:32px 22px}.dracls-hero__pulse{display:none}.dracls-notice{margin:16px 18px 0}.dracls-tabs{padding-left:18px;padding-right:18px}.dracls-main{padding:20px 16px}.dracls-section-head{align-items:flex-start;flex-direction:column}.dracls-module-grid{grid-template-columns:repeat(2,1fr)}.dracls-tools-grid,.dracls-workspace{grid-template-columns:1fr}.dracls-side{grid-column:1;grid-row:auto}.dracls-choice-grid{grid-template-columns:1fr}.dracls-formgrid{grid-template-columns:1fr}.dracls-dose-grid,.dracls-rosc-grid{grid-template-columns:1fr}.dracls-checklist--columns{grid-template-columns:1fr}.dracls-case-head{flex-direction:column}.dracls-btn{width:100%}.dracls-row .dracls-btn{width:auto}}
@media (max-width:480px){.dracls-module-grid{grid-template-columns:1fr}.dracls-module-card{min-height:126px}.dracls-row .dracls-btn{width:100%}.dracls-stat-grid{grid-template-columns:1fr}.dracls-inline-timer{align-items:stretch;flex-direction:column}.dracls-inline-timer .dracls-btn{width:100%}.dracls-log-item{grid-template-columns:72px 1fr}}
.dracls-live-status{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;padding:11px 28px;background:#0b2f5b;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.dracls-live-status>div{display:flex;flex-direction:column;gap:2px}.dracls-live-status>div:first-child{flex-direction:row;align-items:center;gap:8px}.dracls-live-status small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b8cee2}.dracls-live-status strong{font-size:13px}.dracls-live-status button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:8px 12px;font-weight:800}.dracls-live-dot{width:9px;height:9px;border-radius:50%;background:#36d399;box-shadow:0 0 0 4px rgba(54,211,153,.14)}[data-epi-elapsed].is-due{color:#ffd866}.dracls-toast{position:fixed;right:24px;bottom:24px;max-width:min(390px,calc(100vw - 40px));padding:13px 16px;background:#0b2f5b;color:#fff;border-radius:13px;box-shadow:0 18px 40px rgba(0,0,0,.2);z-index:100000;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;font-weight:700}.dracls-toast.is-visible{opacity:1;transform:translateY(0)}.dracls-toast[data-type="warn"]{background:#7a5500}.dracls-toast[data-type="success"]{background:#156a4c}.dracls-choice.is-correct{background:var(--green2);border-color:#68b894;box-shadow:inset 0 0 0 2px rgba(22,132,91,.12)}.dracls-choice.is-wrong{background:var(--red2);border-color:#d8837c}.dracls-choice:disabled{cursor:default;opacity:.78}.dracls-choice.is-correct:disabled,.dracls-choice.is-wrong:disabled{opacity:1}
@media(max-width:780px){.dracls-live-status{grid-template-columns:1fr 1fr;padding:10px 16px}.dracls-live-status>div:first-child{display:none}.dracls-live-status button{width:auto;justify-self:end}.dracls-toast{right:16px;bottom:16px}}


/* v1.1.0 layout hardening for WordPress themes */
.dracls{
  width:100%;
  max-width:1240px;
  min-width:0;
  margin:24px auto;
  isolation:isolate;
}
.dracls *{min-width:0}
.dracls :where(button,input,select,label,figure){margin:0}
.dracls button{
  -webkit-appearance:none;
  appearance:none;
  font-family:inherit;
  line-height:1.2;
  letter-spacing:normal;
  text-transform:none;
  white-space:normal;
}
.dracls input,.dracls select{max-width:100%}
.dracls input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px;
  padding:0!important;
  margin:0!important;
}
.dracls-main,.dracls-panel,.dracls-card,.dracls-decision,.dracls-side,.dracls-module-card{min-width:0}
.dracls-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dracls-tabs button{flex:0 0 auto}
.dracls-module-card,.dracls-choice{width:100%;overflow-wrap:anywhere}
.dracls-section-head>div{min-width:0}
.dracls-section-head h2,.dracls-case-head h3{overflow-wrap:anywhere}

/* Stable form placement */
.dracls-formgrid{align-items:stretch}
.dracls-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center;
  gap:8px!important;
  border:1px solid var(--line)!important;
  background:#f9fbfd!important;
  border-radius:14px!important;
  padding:12px!important;
  color:#405165!important;
  font-weight:700!important;
}
.dracls-field-label{display:block;font-size:12px!important;color:var(--muted)!important;line-height:1.2}
.dracls-field-control{display:flex;align-items:center;gap:8px}
.dracls-field-control em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
.dracls-field input[type="number"],.dracls-field select{
  display:block;
  width:100%!important;
  min-height:40px;
  border:1px solid #cfdbe7!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:8px 10px!important;
  color:var(--navy)!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.dracls-toggle{min-height:66px;align-items:center!important}
.dracls-toggle span{line-height:1.35}

/* Mega Code monitor */
.dracls-megacode{overflow:hidden}
.dracls-mega-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:20px;
  align-items:start;
  margin-top:18px;
}
.dracls-case-panel{min-width:0}
.dracls-monitor{
  border:1px solid #243648;
  border-radius:20px;
  overflow:hidden;
  background:#07130f;
  color:#dbe8e0;
  box-shadow:0 14px 30px rgba(7,19,15,.16);
}
.dracls-monitor__top{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 14px;
  background:linear-gradient(180deg,#243647,#192735);
  border-bottom:1px solid #3c5367;
  font-size:11px;
  letter-spacing:.08em;
  font-weight:800;
}
.dracls-monitor__brand{color:#fff}
.dracls-monitor__mode{color:#9fb6c9}
.dracls-monitor__screen{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  min-height:310px;
  background:#06100c;
}
.dracls-monitor__trace{position:relative;min-height:310px;overflow:hidden}
.dracls-monitor__trace canvas{display:block;width:100%;height:310px;background:#06100c}
.dracls-monitor__lead{
  position:absolute;
  z-index:2;
  left:12px;
  top:10px;
  color:#65f1a0;
  font-size:13px;
  font-weight:800;
}
.dracls-monitor__rhythm{
  position:absolute;
  z-index:2;
  left:12px;
  bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:calc(100% - 24px);
  padding:6px 9px;
  border-radius:8px;
  background:rgba(4,20,13,.78);
  border:1px solid rgba(101,241,160,.22);
}
.dracls-monitor__rhythm span{font-size:9px;letter-spacing:.08em;color:#85b49c}
.dracls-monitor__rhythm strong{font-size:12px;color:#78f6ae;overflow-wrap:anywhere}
.dracls-monitor__numbers{
  display:flex;
  flex-direction:column;
  border-left:1px solid #203a2d;
  background:#071711;
}
.dracls-monitor__number{
  flex:1;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr;
  align-items:center;
  gap:0 5px;
  padding:12px 12px;
  border-bottom:1px solid #203a2d;
  color:#f1d96c;
}
.dracls-monitor__number:last-child{border-bottom:0}
.dracls-monitor__number span{grid-column:1 / -1;font-size:10px;letter-spacing:.08em;color:#8aa499;font-weight:800}
.dracls-monitor__number strong{font-size:clamp(28px,4.2vw,42px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.dracls-monitor__number small{font-size:9px;color:#8aa499;align-self:end;padding-bottom:3px}
.dracls-monitor__number--hr{color:#69f0a2}
.dracls-monitor__number--spo2{color:#6fc7ff}
.dracls-monitor__footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:9px 12px;
  background:#111e29;
  color:#9fb2c1;
  font-size:10px;
  line-height:1.4;
}
.dracls-monitor__footer span:first-child{color:#fff;font-weight:800}
.dracls-choice-grid--mega{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dracls-choice-grid--mega .dracls-choice{min-height:86px;padding:14px}
.dracls-choice-grid--mega .dracls-choice strong{font-size:15px;margin-bottom:4px}
.dracls-choice-grid--mega .dracls-choice small{display:block;font-size:13px;line-height:1.4}
.dracls-case-vitals{margin-top:0}
.dracls-case-prompt{margin-top:14px}

@media (max-width:980px){
  .dracls-mega-layout{grid-template-columns:1fr}
  .dracls-monitor__screen{grid-template-columns:minmax(0,1fr) 170px}
}
@media (max-width:780px){
  .dracls{margin:0 auto;border-radius:0}
  .dracls-hero,.dracls-main{width:100%}
  .dracls-monitor__screen{grid-template-columns:1fr}
  .dracls-monitor__trace,.dracls-monitor__trace canvas{min-height:230px;height:230px}
  .dracls-monitor__numbers{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #203a2d}
  .dracls-monitor__number{min-height:92px;border-bottom:0;border-right:1px solid #203a2d;padding:10px}
  .dracls-monitor__number:last-child{border-right:0}
  .dracls-monitor__number strong{font-size:30px}
  .dracls-choice-grid--mega{grid-template-columns:1fr}
}
@media (max-width:520px){
  .dracls-monitor__numbers{grid-template-columns:1fr}
  .dracls-monitor__number{grid-template-columns:auto 1fr auto;grid-template-rows:auto;min-height:64px;border-right:0;border-bottom:1px solid #203a2d}
  .dracls-monitor__number span{grid-column:auto}
  .dracls-monitor__number strong{font-size:28px;justify-self:end}
  .dracls-monitor__number small{align-self:center;padding:0}
  .dracls-monitor__footer{flex-direction:column}
  .dracls-score{align-self:flex-start}
}


/* v1.2.0 Mega Code Challenge */
.dracls-mega-features{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.dracls-mega-features span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#f8fbfe;color:#405165;font-size:12px;font-weight:750}
.dracls-case-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px}
.dracls-case-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dracls-case-meta .dracls-score{min-width:92px;justify-content:center}
.dracls-case-meta .dracls-score strong{font-size:22px}
.dracls-score--hidden strong{letter-spacing:.02em}
.dracls-score--hidden.is-revealed{background:var(--green2);border-color:#b8dfcf}
.dracls-case-brief{padding:15px 16px;border-radius:14px;background:#0b2f5b;color:#fff;font-weight:700;line-height:1.55;margin-bottom:12px}
.dracls-choice.is-selected{border-color:var(--blue);background:var(--blue2);box-shadow:inset 0 0 0 2px rgba(13,99,184,.10)}
.dracls-feedback.is-neutral{background:#eef5fc;border-color:#c6d9ea;color:#274b6d}
.dracls-feedback--final{padding:20px}
.dracls-final-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.dracls-final-score>div{padding:12px;border:1px solid rgba(13,99,184,.16);border-radius:14px;background:rgba(255,255,255,.65)}
.dracls-final-score small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.dracls-final-score strong{display:block;color:var(--navy);font-size:24px;margin-top:4px}
.dracls-review-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.dracls-review-category{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center}
.dracls-review-category span{font-size:12px;color:#46596f;font-weight:750}
.dracls-review-category strong{font-size:13px;color:var(--navy)}
.dracls-review-category>div{grid-column:1 / -1;height:6px;border-radius:999px;background:#e8eef4;overflow:hidden}
.dracls-review-category i{display:block;height:100%;background:var(--blue);border-radius:999px}
.dracls-review-list{display:grid;gap:10px}
.dracls-review-item{padding:14px 15px;border:1px solid var(--line);border-left:4px solid #b9c7d4;border-radius:13px;background:#fff}
.dracls-review-item.is-correct{border-left-color:var(--green)}
.dracls-review-item.is-wrong{border-left-color:var(--red)}
.dracls-review-item__head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.dracls-review-item__head strong{color:var(--navy)}
.dracls-review-item__head span{font-size:12px;font-weight:800;color:var(--muted)}
.dracls-review-item p{margin:6px 0;font-size:13px;line-height:1.5;color:#43566b}
.dracls-monitor__number--etco2{color:#f6d66c}
@media(max-width:780px){
  .dracls-case-meta{justify-content:flex-start}
  .dracls-final-score,.dracls-review-categories{grid-template-columns:1fr}
  .dracls-monitor__numbers{grid-template-columns:repeat(2,1fr)}
  .dracls-monitor__number:nth-child(2){border-right:0}
}
@media(max-width:520px){
  .dracls-case-meta{width:100%}
  .dracls-case-meta .dracls-score{flex:1;min-width:88px}
  .dracls-monitor__numbers{grid-template-columns:1fr}
}

/* v1.3.0 Mega Code Pro Monitor + adaptive challenge */
.dracls-monitor--pro{
  border-radius:18px;
  border:1px solid #314252;
  background:#080e12;
  box-shadow:0 16px 34px rgba(7,18,28,.20), inset 0 0 0 1px rgba(255,255,255,.025);
}
.dracls-monitor--pro .dracls-monitor__top{
  min-height:48px;
  padding:9px 13px;
  background:linear-gradient(180deg,#263440,#17232d);
  border-bottom:1px solid #344755;
}
.dracls-monitor__identity,.dracls-monitor__topmeta{display:flex;align-items:center;gap:8px;min-width:0}
.dracls-monitor__identity small{font-size:9px;color:#8da1b1;letter-spacing:.09em;font-weight:800}
.dracls-monitor__led{width:8px;height:8px;border-radius:50%;background:#50d890;box-shadow:0 0 8px rgba(80,216,144,.65);flex:0 0 8px}
.dracls-monitor__topmeta{justify-content:flex-end;color:#c7d2da;font-size:10px;font-variant-numeric:tabular-nums}
.dracls-monitor__alarm{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:6px;background:#263b47;color:#b9d1df;border:1px solid #3c5361;font-size:9px;font-weight:850;letter-spacing:.07em;white-space:nowrap}
.dracls-monitor__alarm.is-warning{background:#554414;color:#ffe48a;border-color:#8b7226}
.dracls-monitor__alarm.is-critical{background:#5f2020;color:#ffb0aa;border-color:#9f3b36}
.dracls-monitor__screen--pro{display:grid;grid-template-columns:minmax(0,1fr) 168px;min-height:420px;background:#050b0d}
.dracls-monitor__traces{display:grid;grid-template-rows:2fr 1fr 1fr;min-width:0;min-height:420px;border-right:1px solid #1e3238}
.dracls-trace{position:relative;overflow:hidden;border-bottom:1px solid #182a30;background:linear-gradient(180deg,#050d10 0%,#040a0c 100%)}
.dracls-trace:last-child{border-bottom:0}
.dracls-trace canvas{display:block;width:100%;height:100%;min-height:0;background:transparent}
.dracls-trace--ecg{min-height:210px}.dracls-trace--pleth,.dracls-trace--capno{min-height:105px}
.dracls-trace__label{position:absolute;z-index:2;left:10px;top:8px;display:flex;align-items:baseline;gap:7px;padding:3px 6px;border-radius:5px;background:rgba(4,11,13,.72);pointer-events:none}
.dracls-trace__label strong{font-size:11px;letter-spacing:.05em}.dracls-trace__label small{font-size:8px;color:#78919b;letter-spacing:.05em;text-transform:uppercase}
.dracls-trace--ecg .dracls-trace__label strong{color:#64f1a0}.dracls-trace--pleth .dracls-trace__label strong{color:#54bfff}.dracls-trace--capno .dracls-trace__label strong{color:#f3d55f}
.dracls-monitor__numbers--pro{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);border-left:0;background:#071014;min-width:0}
.dracls-monitor__numbers--pro .dracls-monitor__number{min-height:68px;padding:8px 10px;border-bottom:1px solid #203039;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:0 5px}
.dracls-monitor__numbers--pro .dracls-monitor__number:last-child{border-bottom:0}
.dracls-monitor__numbers--pro .dracls-monitor__number span{grid-column:1/-1;font-size:9px;line-height:1;letter-spacing:.09em;color:#76909b;font-weight:850}
.dracls-monitor__numbers--pro .dracls-monitor__number strong{font-size:clamp(25px,3.4vw,39px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}
.dracls-monitor__numbers--pro .dracls-monitor__number small{font-size:8px;color:#76909b;align-self:end;padding-bottom:3px;white-space:nowrap}
.dracls-monitor__number--rr{color:#f1f3f4}.dracls-monitor__number--bp,.dracls-monitor__number--map{color:#e8e9eb}.dracls-monitor__number--etco2{color:#f3d55f}
.dracls-monitor--pro .dracls-monitor__footer{background:#101a21;border-top:1px solid #293c47;padding:8px 11px;color:#8fa4b1;font-size:9px}
.dracls-monitor--pro .dracls-monitor__footer span:first-child{color:#dce5ea;font-weight:750}

.dracls-patient-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.dracls-patient-status>div{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fff}
.dracls-patient-status small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;margin-bottom:3px}
.dracls-patient-status strong{display:block;color:#233b52;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.dracls-case-event{margin:10px 0;padding:11px 13px;border-radius:12px;border:1px solid #e7c76e;background:#fff8d8;color:#5d4a13;font-size:13px;font-weight:750;line-height:1.45}
.dracls-case-event.is-hidden{display:none}
.dracls-case-event.is-critical{border-color:#e2aaa6;background:#fff0ee;color:#84332d}
.dracls-case-event.is-positive{border-color:#aed9c4;background:#eaf8f1;color:#176247}
.dracls-choice-grid--mega{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.dracls-choice-grid--mega .dracls-choice{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;min-height:72px;padding:12px 13px;border-radius:13px}
.dracls-choice-grid--mega .dracls-choice strong{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eef4fa;color:#0b2f5b;font-size:13px;margin:0}
.dracls-choice-grid--mega .dracls-choice small{font-size:12.5px;line-height:1.42;color:#44576b;padding-top:3px}
.dracls-choice-grid--mega .dracls-choice.is-selected strong{background:#d9eaff;color:#0d63b8}
.dracls-case-prompt{font-size:16px;line-height:1.5;font-weight:760;color:#27384b}
.dracls-case-vitals{gap:6px}.dracls-case-vitals span{font-size:12px;padding:6px 9px;background:#f2f6fa;border:1px solid #e3ebf2}
.dracls-mega-layout{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px}
.dracls-case-panel{position:relative}
.dracls-decision-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;background:#eef4fa;color:#355470;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.dracls-review-item .dracls-critical-tag{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#fff0ee;color:#a03932;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.dracls-review-item .dracls-time-penalty{color:#a86500;font-weight:800}

@media(max-width:1080px){
  .dracls-mega-layout{grid-template-columns:1fr}
  .dracls-monitor__screen--pro{grid-template-columns:minmax(0,1fr) 180px}
}
@media(max-width:760px){
  .dracls-monitor__screen--pro{grid-template-columns:1fr}
  .dracls-monitor__traces{min-height:345px;grid-template-rows:190px 78px 78px;border-right:0;border-bottom:1px solid #1e3238}
  .dracls-trace--ecg{min-height:190px}.dracls-trace--pleth,.dracls-trace--capno{min-height:78px}
  .dracls-monitor__numbers--pro{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,82px);border-top:0}
  .dracls-monitor__numbers--pro .dracls-monitor__number{min-height:82px;border-right:1px solid #203039;border-bottom:1px solid #203039}
  .dracls-monitor__numbers--pro .dracls-monitor__number:nth-child(3n){border-right:0}
  .dracls-monitor__numbers--pro .dracls-monitor__number strong{font-size:29px}
  .dracls-patient-status{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dracls-choice-grid--mega{grid-template-columns:1fr}
}
@media(max-width:480px){
  .dracls-monitor__top{align-items:flex-start;flex-direction:column}
  .dracls-monitor__topmeta{width:100%;justify-content:space-between}
  .dracls-monitor__traces{grid-template-rows:170px 72px 72px;min-height:314px}
  .dracls-monitor__numbers--pro{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,76px)}
  .dracls-monitor__numbers--pro .dracls-monitor__number:nth-child(3n){border-right:1px solid #203039}
  .dracls-monitor__numbers--pro .dracls-monitor__number:nth-child(2n){border-right:0}
  .dracls-monitor__numbers--pro .dracls-monitor__number strong{font-size:26px}
  .dracls-patient-status{grid-template-columns:1fr 1fr}
  .dracls-choice-grid--mega .dracls-choice{grid-template-columns:30px 1fr;padding:11px}
  .dracls-choice-grid--mega .dracls-choice strong{width:28px;height:28px}
}

/* v1.3.1: sweep control and physiologic waveform timebase */
.dracls-monitor__speed{display:inline-flex;align-items:center;gap:5px;color:#9fb1bc;font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.dracls-monitor__speed select{min-height:26px;height:26px;padding:2px 24px 2px 7px;border-radius:6px;border:1px solid #3b515e;background:#0d1b22;color:#dce8ee;font:inherit;letter-spacing:0;box-shadow:none}
.dracls-monitor__speed select:focus{outline:2px solid #6fbfff;outline-offset:1px}
@media (max-width:680px){.dracls-monitor__topmeta{flex-wrap:wrap}.dracls-monitor__speed{order:3;width:100%;justify-content:flex-start}.dracls-monitor__speed select{min-width:112px}}


/* v1.3.2 - navigasi modul vertikal: tidak ada scroll horizontal */
.dracls .dracls-tabs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  padding:18px 28px 20px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  border-bottom:1px solid var(--line)!important;
  background:#fff!important;
  scrollbar-width:none;
}
.dracls .dracls-tabs::-webkit-scrollbar{display:none}
.dracls .dracls-tabs button{
  width:100%!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:12px!important;
  flex:none!important;
  padding:11px 13px!important;
  margin:0!important;
  border:1px solid #d7e3ee!important;
  border-left:4px solid #c7d6e4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#405268!important;
  text-align:left!important;
  white-space:normal!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
.dracls .dracls-tabs button:hover{
  border-color:#a9c4dc!important;
  border-left-color:var(--blue)!important;
  background:#f7fbff!important;
  box-shadow:0 7px 18px rgba(24,69,109,.06)!important;
}
.dracls .dracls-tabs button.is-active{
  border-color:#9fc2df!important;
  border-left-color:var(--yellow)!important;
  background:linear-gradient(90deg,#fff9e7 0%,#f7fbff 72%,#fff 100%)!important;
  color:var(--navy)!important;
  box-shadow:0 8px 20px rgba(24,69,109,.07)!important;
}
.dracls .dracls-tab-icon{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:#edf5fc;
  border:1px solid #d7e6f3;
  color:var(--blue);
  font-size:19px;
  line-height:1;
  font-weight:900;
}
.dracls .dracls-tabs button.is-active .dracls-tab-icon{
  background:#fff2bf;
  border-color:#f1d56e;
  color:#765b00;
}
.dracls .dracls-tab-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.dracls .dracls-tab-copy strong{
  display:block;
  font-size:15px;
  line-height:1.25;
  color:var(--navy);
  font-weight:850;
}
.dracls .dracls-tab-copy small{
  display:block;
  font-size:12.5px;
  line-height:1.35;
  color:var(--muted);
  font-weight:600;
  white-space:normal;
  overflow-wrap:anywhere;
}
.dracls .dracls-tab-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:8px;
  color:#7c91a5;
  background:#f3f7fa;
  font-size:15px;
  font-weight:900;
}
.dracls .dracls-tabs button.is-active .dracls-tab-arrow{
  color:#765b00;
  background:#fff0aa;
}
@media(max-width:780px){
  .dracls .dracls-tabs{padding:14px 16px 17px!important;gap:8px!important}
  .dracls .dracls-tabs button{min-height:64px!important;grid-template-columns:38px minmax(0,1fr) 26px!important;padding:10px 11px!important;gap:10px!important;border-radius:13px!important}
  .dracls .dracls-tab-icon{width:34px;height:34px;border-radius:10px;font-size:17px}
  .dracls .dracls-tab-copy strong{font-size:14.5px}
  .dracls .dracls-tab-copy small{font-size:12px}
}
@media(max-width:420px){
  .dracls .dracls-tabs button{grid-template-columns:36px minmax(0,1fr)!important}
  .dracls .dracls-tab-arrow{display:none!important}
}

/* v1.4.0 - peta algoritma visual berikon */
.dracls .dracls-algo-gallery{margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f8fbff 70%,#fff9df 100%);box-shadow:0 8px 22px rgba(21,47,76,.05)}
.dracls .dracls-algo-gallery__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.dracls .dracls-algo-gallery__head h3{font-size:24px;margin:4px 0 6px;color:var(--navy)}
.dracls .dracls-algo-gallery__head p{margin:0;color:var(--muted);font-size:14px}
.dracls .dracls-algo-gallery__badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#fff2b8;border:1px solid #edd56c;color:#6d5600;font-size:11px;font-weight:850;white-space:nowrap}
.dracls .dracls-algo-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dracls .dracls-algo-preview{appearance:none;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"icon copy" "mini mini";gap:8px 12px;text-align:left;border:1px solid #d8e4ef;border-radius:18px;padding:16px;background:#fff;color:var(--ink);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.dracls .dracls-algo-preview:hover{transform:translateY(-2px);border-color:#9ebfdc;box-shadow:0 10px 24px rgba(24,69,109,.08)}
.dracls .dracls-algo-preview:focus-visible{outline:3px solid rgba(13,99,184,.22);outline-offset:2px}
.dracls .dracls-algo-preview__icon{grid-area:icon;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eff6fc;border:1px solid #d9e7f2;font-size:24px}
.dracls .dracls-algo-preview__copy{grid-area:copy;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.dracls .dracls-algo-preview__copy strong{font-size:16px;color:var(--navy)}
.dracls .dracls-algo-preview__copy small{color:var(--muted);line-height:1.4}
.dracls .dracls-algo-preview__mini{grid-area:mini;display:flex;align-items:center;gap:7px;padding-top:4px;color:#5a7188;font-size:12px;font-weight:900}
.dracls .dracls-algo-preview__mini i{height:2px;min-width:18px;flex:1;background:#c6d5e2;position:relative}
.dracls .dracls-algo-preview__mini i:after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:2px solid #9db2c5;border-right:2px solid #9db2c5;transform:translateY(-50%) rotate(45deg)}
.dracls .dracls-algo-preview--arrest .dracls-algo-preview__icon{background:#fff0ee;border-color:#f0c7c2}.dracls .dracls-algo-preview--brady .dracls-algo-preview__icon{background:#edf6ff;border-color:#cce0f1}.dracls .dracls-algo-preview--tachy .dracls-algo-preview__icon{background:#fff7d9;border-color:#eedc96}.dracls .dracls-algo-preview--rosc .dracls-algo-preview__icon{background:#eaf8f2;border-color:#c2e3d3}

.dracls .dracls-algo-visual{margin:0 0 22px;border:1px solid #d8e4ef;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(21,47,76,.05)}
.dracls .dracls-algo-visual__head{display:flex;align-items:center;gap:13px;padding:17px 20px;background:linear-gradient(90deg,#f5faff 0%,#fff 70%);border-bottom:1px solid #e4edf4}
.dracls .dracls-algo-visual__heroicon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff;border:1px solid #dbe7f0;font-size:25px;box-shadow:0 5px 13px rgba(21,47,76,.05)}
.dracls .dracls-algo-visual__head strong{display:block;color:var(--navy);font-size:17px;line-height:1.25}
.dracls .dracls-algo-visual__head small{display:block;margin-top:3px;color:var(--muted);line-height:1.4}
.dracls .dracls-algo-flow{padding:22px;display:flex;flex-direction:column;align-items:stretch}
.dracls .dracls-algo-flow--compact{max-width:940px;margin:0 auto}
.dracls .dracls-algo-node{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px;border:1px solid #dbe5ee;border-radius:16px;background:#fff;min-width:0}
.dracls .dracls-algo-node strong{display:block;color:var(--navy);font-size:14.5px;line-height:1.3}
.dracls .dracls-algo-node small{display:block;margin-top:3px;color:#5d6f81;line-height:1.45;font-size:12.5px}
.dracls .dracls-algo-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef5fb;border:1px solid #d5e3ef;font-size:21px}
.dracls .dracls-algo-node--blue{background:#f4f9fe;border-color:#cfe0ef}.dracls .dracls-algo-node--decision{background:#fff9e4;border-color:#ead686}.dracls .dracls-algo-node--decision .dracls-algo-icon{background:#fff1b8;border-color:#ead274}.dracls .dracls-algo-node--success{background:#edf9f3;border-color:#b9dfcc}.dracls .dracls-algo-node--success .dracls-algo-icon{background:#dff3e9;border-color:#add7c1}
.dracls .dracls-algo-arrow,.dracls .dracls-algo-merge{align-self:center;color:#7c94a8;font-size:24px;font-weight:900;line-height:1;padding:5px 0}.dracls .dracls-algo-merge{padding:7px 0}
.dracls .dracls-algo-branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.dracls .dracls-algo-branch{position:relative;padding:34px 12px 12px;border:1px solid #dce6ef;border-radius:18px;background:#f9fbfd;min-width:0}
.dracls .dracls-algo-branch__label{position:absolute;top:10px;left:12px;display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;background:#edf3f8;color:#4d6478}
.dracls .dracls-algo-branch--shock{background:#fff7f5;border-color:#edcbc6}.dracls .dracls-algo-branch--shock .dracls-algo-branch__label,.dracls .dracls-algo-branch--alert .dracls-algo-branch__label{background:#ffe6e2;color:#a03a32}.dracls .dracls-algo-branch--nonshock{background:#f7faff;border-color:#cfe0ee}.dracls .dracls-algo-branch--safe{background:#f1faf6;border-color:#c7e3d4}.dracls .dracls-algo-branch--safe .dracls-algo-branch__label{background:#dff3e9;color:#176247}.dracls .dracls-algo-branch--alert{background:#fff8f1;border-color:#ecd2b7}
.dracls .dracls-algo-branch .dracls-algo-node{background:rgba(255,255,255,.88)}
.dracls .dracls-algo-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;counter-reset:road}
.dracls .dracls-algo-roadmap__item{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"num icon" "title title" "desc desc";gap:7px 9px;align-items:center;padding:14px;border:1px solid #dbe6ef;border-radius:17px;background:#fbfdff;min-width:0}
.dracls .dracls-algo-roadmap__item>span{grid-area:num;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#e8f7ef;color:#176247;font-weight:900;font-size:12px}.dracls .dracls-algo-roadmap__item>i{grid-area:icon;font-style:normal;font-size:23px}.dracls .dracls-algo-roadmap__item>strong{grid-area:title;color:var(--navy);font-size:14px}.dracls .dracls-algo-roadmap__item>small{grid-area:desc;color:var(--muted);line-height:1.45;font-size:12px}
.dracls .dracls-algo-visual--arrest .dracls-algo-visual__head{background:linear-gradient(90deg,#fff3f1 0%,#fff 75%)}.dracls .dracls-algo-visual--brady .dracls-algo-visual__head{background:linear-gradient(90deg,#f0f7ff 0%,#fff 75%)}.dracls .dracls-algo-visual--tachy .dracls-algo-visual__head{background:linear-gradient(90deg,#fff8dd 0%,#fff 75%)}.dracls .dracls-algo-visual--rosc .dracls-algo-visual__head{background:linear-gradient(90deg,#eaf8f1 0%,#fff 75%)}
@media(max-width:760px){.dracls .dracls-algo-preview-grid,.dracls .dracls-algo-branch-grid{grid-template-columns:1fr}.dracls .dracls-algo-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.dracls .dracls-algo-gallery{padding:17px}.dracls .dracls-algo-flow{padding:16px}.dracls .dracls-algo-gallery__head{flex-direction:column}.dracls .dracls-algo-gallery__badge{align-self:flex-start}}
@media(max-width:480px){.dracls .dracls-algo-roadmap{grid-template-columns:1fr}.dracls .dracls-algo-node{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px}.dracls .dracls-algo-icon{width:38px;height:38px;font-size:19px}.dracls .dracls-algo-visual__head{align-items:flex-start;padding:14px 15px}.dracls .dracls-algo-visual__heroicon{width:42px;height:42px;font-size:21px}.dracls .dracls-algo-preview{grid-template-columns:42px minmax(0,1fr);padding:13px}.dracls .dracls-algo-preview__icon{width:40px;height:40px;font-size:21px}}

/* v1.5.0 - Shock, ACS, and Acute Pulmonary Oedema modules */
.dracls .dracls-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dracls .dracls-module-card--purple{background:linear-gradient(180deg,#fff 0%,#f6f1ff 100%)}
.dracls .dracls-module-card--orange{background:linear-gradient(180deg,#fff 0%,#fff3e8 100%)}
.dracls .dracls-module-card--cyan{background:linear-gradient(180deg,#fff 0%,#ecfbff 100%)}
.dracls .dracls-chip--purple{color:#6442a4;background:#f4efff;border-color:#d8c9f4}
.dracls .dracls-chip--orange{color:#9a4e13;background:#fff2e7;border-color:#f2cfb2}
.dracls .dracls-chip--cyan{color:#0a6879;background:#eafaff;border-color:#bde6ee}
.dracls .dracls-algo-preview--shockcare .dracls-algo-preview__icon{background:#f4efff;border-color:#d8c9f4}
.dracls .dracls-algo-preview--acs .dracls-algo-preview__icon{background:#fff2e7;border-color:#f2cfb2}
.dracls .dracls-algo-preview--alo .dracls-algo-preview__icon{background:#eafaff;border-color:#bde6ee}
.dracls .dracls-algo-visual--shockcare{border-color:#ded2f4;background:linear-gradient(180deg,#fff 0%,#faf7ff 100%)}
.dracls .dracls-algo-visual--acs{border-color:#f1d0b5;background:linear-gradient(180deg,#fff 0%,#fff8f2 100%)}
.dracls .dracls-algo-visual--alo{border-color:#c5e6ed;background:linear-gradient(180deg,#fff 0%,#f4fdff 100%)}
.dracls .dracls-help--top{margin:0 0 16px}
.dracls .dracls-clue-grid{margin:4px 0 2px}
.dracls .dracls-clue-grid label{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}
.dracls .dracls-clinical-note{margin-top:16px;display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:16px;align-items:start;padding:16px 18px;border-radius:16px;border:1px solid #d8e5ef;background:#f9fcff;color:#405165;line-height:1.55}
.dracls .dracls-clinical-note strong{color:var(--navy)}
.dracls .dracls-shock-phenotypes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.dracls .dracls-shock-phenotypes article{display:flex;flex-direction:column;gap:7px;min-height:188px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}
.dracls .dracls-shock-phenotypes article>span{font-size:26px}
.dracls .dracls-shock-phenotypes strong{color:var(--navy);font-size:15px}
.dracls .dracls-shock-phenotypes small{color:var(--muted);line-height:1.45}
.dracls .dracls-shock-phenotypes b{margin-top:auto;color:#394e66;font-size:12px;line-height:1.45}
.dracls .dracls-alo-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.dracls .dracls-alo-branches article{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:7px}
.dracls .dracls-alo-branches article strong{color:var(--navy);font-size:14px}
.dracls .dracls-alo-branches article span{color:#526274;font-size:12px;line-height:1.5}
.dracls .dracls-alo-branches .is-high{border-top:4px solid #dd6b20}.dracls .dracls-alo-branches .is-mid{border-top:4px solid #3182ce}.dracls .dracls-alo-branches .is-low{border-top:4px solid #c53030}
.dracls .dracls-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.dracls .dracls-result-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfe}
.dracls .dracls-result-summary small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.dracls .dracls-result-summary strong{display:block;margin-top:3px;color:var(--navy);font-size:18px}
.dracls .dracls-priority-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.dracls .dracls-priority-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#f9fbfd;border:1px solid #e2eaf2;color:#405165;font-size:13px}
.dracls .dracls-priority-list li>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:900}
.dracls .dracls-alert--warn{background:#fff7d5;color:#6c570a}
.dracls .dracls-alert--purple{background:#f4efff;color:#5c3f8f}

@media(max-width:1040px){
  .dracls .dracls-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dracls .dracls-shock-phenotypes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dracls .dracls-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dracls .dracls-alo-branches,.dracls .dracls-result-summary{grid-template-columns:1fr}
  .dracls .dracls-clinical-note{grid-template-columns:1fr;gap:6px}
}
@media(max-width:520px){
  .dracls .dracls-module-grid,.dracls .dracls-shock-phenotypes{grid-template-columns:1fr}
}


/* v1.6.0 Mega Code integrated trajectory refinements */
.dracls[data-version="1.6.0"] .dracls-choice-grid--mega .dracls-choice{min-height:78px}
.dracls[data-version="1.6.0"] .dracls-choice-grid--mega .dracls-choice small{font-size:13px;line-height:1.48}
.dracls[data-version="1.6.0"] .dracls-trace--ecg canvas{image-rendering:auto}
.dracls[data-version="1.6.0"] .dracls-trace__label small{white-space:nowrap}
@media (max-width:780px){
  .dracls[data-version="1.6.0"] .dracls-choice-grid--mega .dracls-choice{min-height:68px}
  .dracls[data-version="1.6.0"] .dracls-choice-grid--mega .dracls-choice small{font-size:12.5px}
}
