.operation-card .detail-trigger{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.operation-card button.phase-status,.operation-card button.schema-number,.operation-card button.surgeon-name,.operation-card button.treatment-name,.operation-card button.schema-art{background:transparent;border:0;padding:0;color:inherit}
.operation-card button.phase-status{width:100%;color:#245373;border-radius:8px;padding:4px 2px;margin-top:8px}
.operation-card button.schema-number{color:#315d7a;border-radius:5px;padding:2px 5px;margin-top:2px}
.operation-card button.surgeon-name{border-radius:5px;padding:2px 5px;margin-top:0}
.operation-card button.treatment-name{font-family:'Manrope',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.5px;line-height:1.3;border-radius:7px;padding:2px 3px}
.schema-art{display:grid;place-items:center;width:100%;height:100%;border-radius:10px}
.operation-card .operation-signal,.operation-card .schema-signal{padding:0;cursor:pointer}
.operation-signal::after,.schema-signal::after{content:'';position:absolute;inset:-7px;border-radius:50%}
.operation-card .detail-trigger{transition:background .2s,box-shadow .2s,filter .2s}
.operation-card .detail-trigger:hover,.operation-card .detail-trigger[aria-expanded=true]{background-color:#ffffff50;box-shadow:0 0 0 3px #fff3}
.operation-card .operation-signal:hover,.operation-card .schema-signal:hover,.operation-card .operation-signal[aria-expanded=true],.operation-card .schema-signal[aria-expanded=true]{box-shadow:0 0 0 4px #27c86c25,0 0 15px #21be74a0;filter:brightness(1.12)}
.operation-card .detail-trigger:focus-visible{outline:2px solid #126494;outline-offset:4px}
.detail-hint{display:inline-block;font-size:12px;color:#bbdff4;margin-top:5px}
.op-detail{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;z-index:1000;box-sizing:border-box;padding:20px 23px 22px;border:1px solid #b7e6ffb3;border-radius:21px;background:radial-gradient(ellipse at 95% 0%,#d0edff 0%,transparent 70%),linear-gradient(140deg,#f5fcff,#e4f4ff);color:#103d60;box-shadow:0 20px 60px #00152873,0 0 30px #86cfff22,inset 0 1px 0 #fff;font-family:'DM Sans',sans-serif;transform-origin:var(--detail-origin,left center)}
.op-detail[hidden]{display:none!important}.op-detail::backdrop{background:transparent;pointer-events:none}
.op-detail.is-open{animation:detail-pop .28s cubic-bezier(.18,.8,.3,1) both}
.detail-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}
.detail-topline>span{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#3a7298}
.detail-close{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;margin:-5px -9px 0 0;border:1px solid #679abb35;border-radius:50%;background:#fff7;color:#315f80;font-size:23px;line-height:1;cursor:pointer}.detail-close:hover{background:white;color:#0b395c}.detail-close:focus-visible{outline:2px solid #167bb1;outline-offset:3px}
.detail-accent{width:36px;height:3px;border-radius:5px;background:linear-gradient(90deg,#1682ba,#7ed0f8);margin-bottom:14px}
.op-detail h2{font-family:'Manrope',sans-serif;font-size:24px;line-height:1.18;font-weight:600;letter-spacing:-.65px;margin:0 0 12px;color:#103d60}
.op-detail p{font-size:16px;line-height:1.55;color:#355c77;margin:0}
.detail-tag{display:inline-block;font-size:12px;line-height:1.4;padding:6px 10px;margin-top:17px;border:1px solid #4c9aca30;border-radius:30px;background:#cceafe75;color:#256084;letter-spacing:.2px}
@keyframes detail-pop{from{opacity:0;transform:translateY(7px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.op-detail.is-open{animation:none}.operation-card .detail-trigger{transition:none}}