.operation-card{border:1px solid #e7edf6;border-radius:14px;background:#fff;margin:10px 0;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.operation-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:74px;padding:16px;border:0;background:transparent;color:#172b4d;text-align:left;cursor:pointer;font:inherit}
.operation-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.operation-copy strong{font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.operation-copy small{font-size:12px;color:#8190a6;line-height:1.6;overflow-wrap:anywhere}
.operation-action{flex-shrink:0;padding:5px 9px;border-radius:8px;color:#416aaf;background:#eff4ff;font-size:12px;font-weight:600}.operation-chevron{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;color:#6482ad;background:#eff4ff;transition:transform .15s}.operation-chevron::before{content:"";width:7px;height:7px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:translateY(-2px) rotate(45deg)}.is-expanded{border-color:#b9cdfb;box-shadow:0 3px 12px #2563eb08}.is-expanded .operation-toggle{background:#f5f8ff}.is-expanded .operation-chevron{transform:rotate(180deg)}
.operation-body{padding:20px 16px;border-top:1px solid #e7edf6}.operation-body[hidden]{display:none!important}.operation-body>:last-child{margin-bottom:0}.operation-toggle:focus-visible{outline:3px solid #a0baf5;outline-offset:-3px}
.operation-body .decision{margin:8px 8px 0 0}.operation-body p{white-space:pre-wrap;overflow-wrap:anywhere}.operation-body .status{display:inline-block;margin-bottom:12px}
@media(max-width:350px){.operation-toggle{padding:13px;gap:7px}.operation-body{padding:16px 13px}.operation-action{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.operation-card,.operation-chevron{transition:none}}