/* Clinical HIS Decision 1: actual top-to-bottom information architecture, abstracted */
.case-his .tabs-demo .demo-shell.demo-shell-stacked{display:block;background:#fff;border:1px solid #dce7f1;border-radius:12px;overflow:hidden}
.case-his .tabs-demo .demo-shell-stacked .demo-context{padding:17px 19px 19px;background:#f0f5f9;border-bottom:1px solid #d8e4ee}
.case-his .tabs-demo .demo-shell-stacked .demo-layer-label{display:flex;align-items:center;gap:8px;color:#355c7b;font-size:12px;font-weight:650;line-height:1.4}
.case-his .tabs-demo .demo-shell-stacked .demo-layer-label strong{color:#284a65;font-size:12px}
.case-his .tabs-demo .demo-shell-stacked .demo-layer-label>span:last-child{font-size:10px;color:#7790a5;font-weight:500;letter-spacing:.025em;margin-left:auto}
.case-his .tabs-demo .demo-shell-stacked .demo-layer-index{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:none;background:#deebf4;border:1px solid #c9dae8;border-radius:7px;color:#2c6a9d;font-size:10px;font-weight:800}
.case-his .tabs-demo .demo-shell-stacked .demo-context-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.case-his .tabs-demo .demo-shell-stacked .demo-context-identity,.case-his .tabs-demo .demo-shell-stacked .demo-context-field{min-width:0;padding:13px 14px;background:#fff;border:1px solid #dee9f2;border-radius:9px}
.case-his .tabs-demo .demo-shell-stacked .demo-context-identity{display:flex;align-items:center;gap:11px}
.case-his .tabs-demo .demo-shell-stacked .demo-context-identity>div{flex:1;min-width:0}
.case-his .tabs-demo .demo-shell-stacked .demo-context-avatar{width:35px;height:35px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 37%,#fff 0 6px,transparent 7px),radial-gradient(ellipse at 50% 96%,#fff 0 13px,transparent 14px),#acbfce}
.case-his .tabs-demo .demo-shell-stacked small{display:block;color:#6b8297;font-size:10px;font-weight:700;margin-bottom:10px}
.case-his .tabs-demo .demo-shell-stacked .demo-skeleton{display:block;height:7px;background:#dbe5ed;border-radius:4px;margin:7px 0}
.case-his .tabs-demo .demo-shell-stacked .demo-panel{padding:0}
.case-his .tabs-demo .demo-shell-stacked .demo-nav-heading{padding:13px 19px 8px}
.case-his .tabs-demo .demo-shell-stacked .demo-tabs{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:thin;margin:0;padding:0 10px;border-bottom:1px solid #dce7f0}
.case-his .tabs-demo .demo-shell-stacked .demo-tab{flex:1 0 auto;min-width:69px;text-align:center;padding:10px 8px;color:#6d8094;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}
.case-his .tabs-demo .demo-shell-stacked .demo-tab.selected{border-bottom-color:#dd8834;color:#b46e24;background:#fffaf5}
.case-his .tabs-demo .demo-shell-stacked .demo-workspace{padding:18px 19px 19px;background:#fff}
.case-his .tabs-demo .demo-shell-stacked .demo-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 12px}
.case-his .tabs-demo .demo-shell-stacked .demo-filter-title{color:#425e77;font-size:12px;font-weight:750;margin-right:5px}
.case-his .tabs-demo .demo-shell-stacked .demo-filter-pill{background:#f3f7fa;border:1px solid #e0e9f1;border-radius:6px;padding:6px 11px;font-size:10px;color:#8191a4}
.case-his .tabs-demo .demo-shell-stacked .demo-record-table{border:1px solid #dde7f0;border-radius:7px;overflow:hidden}
.case-his .tabs-demo .demo-shell-stacked .demo-record-row{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:12px;padding:11px 12px;border-top:1px solid #e7eef5;align-items:center}
.case-his .tabs-demo .demo-shell-stacked .demo-record-row:first-child{border-top:0}
.case-his .tabs-demo .demo-shell-stacked .demo-record-row.is-header{background:#f0f2f6}
.case-his .tabs-demo .demo-shell-stacked .demo-record-row i{display:block;height:7px;background:#e5ebf2;border-radius:5px}
.case-his .tabs-demo .demo-shell-stacked .demo-record-row.is-header i{background:#d1dae4}
.case-his .tabs-demo .demo-shell-stacked .demo-visuals{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}
.case-his .tabs-demo .demo-shell-stacked .demo-chart-card{border:1px solid #e0e9f0;border-radius:9px;padding:11px 13px;background:#fbfcfe}
.case-his .tabs-demo .demo-shell-stacked .demo-chart-card small{margin-bottom:9px}
.case-his .tabs-demo .demo-shell-stacked .demo-chart-graphic{display:block;height:49px;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 17px,#e9eff5 18px 19px),linear-gradient(122deg,transparent 0 33%,#b7cfdf 33% 34%,transparent 34% 51%,#7eacc9 51% 52%,transparent 52%);opacity:.8}
.case-his .tabs-demo .demo-shell-stacked .demo-chart-graphic.alt{background:linear-gradient(90deg,#e2ebf3 22%,transparent 22% 27%,#d1e1ed 27% 60%,transparent 60% 65%,#b8d1e0 65% 86%,transparent 86%),repeating-linear-gradient(0deg,transparent 0 17px,#e9eff5 18px 19px)}
@media(max-width:640px){.case-his .tabs-demo .demo-shell-stacked .demo-context{padding:13px 11px}.case-his .tabs-demo .demo-shell-stacked .demo-context-fields{grid-template-columns:1fr 1fr;gap:7px}.case-his .tabs-demo .demo-shell-stacked .demo-context-identity{grid-column:auto}.case-his .tabs-demo .demo-shell-stacked .demo-context-identity,.case-his .tabs-demo .demo-shell-stacked .demo-context-field{padding:9px}.case-his .tabs-demo .demo-shell-stacked .demo-nav-heading{padding:10px 11px 7px}.case-his .tabs-demo .demo-shell-stacked .demo-tab{flex:0 0 auto;font-size:11px;padding:9px 11px}.case-his .tabs-demo .demo-shell-stacked .demo-workspace{padding:12px 11px 14px}.case-his .tabs-demo .demo-shell-stacked .demo-record-row{gap:7px;padding:9px 7px}.case-his .tabs-demo .demo-shell-stacked .demo-chart-card{padding:9px}.case-his .tabs-demo .demo-shell-stacked .demo-filter{gap:5px}}