/* DEMO · contract — styles added during the capability upgrade. Loaded after demos.css. */

/* document picker */
.d5-outer{display:flex;flex-direction:column;gap:16px}
.d5-picker{display:flex;gap:10px;flex-wrap:wrap;transition:opacity .3s}
.d5-picker.lock{pointer-events:none;opacity:.55}
.d5-doc-tab{flex:1;min-width:170px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);cursor:pointer;transition:all .3s;color:#9aa3c7;font:inherit;font-size:13px}
.d5-doc-tab b{font-family:'Space Grotesk',sans-serif;font-size:13.5px;color:#c9cfe8;font-weight:600}
.d5-doc-tab span{font-size:11px}
.d5-doc-tab:hover{border-color:rgba(124,58,237,.55)}
.d5-doc-tab.on{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.08);box-shadow:0 6px 24px rgba(34,211,238,.12)}
.d5-doc-tab.on b{color:#fff}
.d5-side{display:flex;flex-direction:column;gap:14px}
.d5-post{display:flex;flex-direction:column;gap:14px}

/* clause pass/fail markers */
.d5-ck{color:#34d399;font-weight:700;margin-left:7px}
.d5-fl{color:#f87171;font-weight:700;margin-left:7px}
.d5-fix{margin-top:10px;color:#a7f3d0;font-size:12.5px}

/* redline expander (track-changes style) */
.d5-rl-btn{margin-top:10px;font-size:12px;padding:6px 13px;border-radius:100px;border:1px solid rgba(124,58,237,.45);background:rgba(124,58,237,.1);color:#c4b5fd;cursor:pointer;transition:all .3s;font-family:'Space Grotesk',sans-serif}
.d5-rl-btn:hover{border-color:#7c3aed;color:#fff}
.d5-redline{margin-top:10px;padding:12px 14px;border-radius:12px;background:rgba(5,8,20,.65);border:1px solid rgba(255,255,255,.08);animation:dfade .4s ease both}
.d5-redline .d5-rl{font-size:12.5px;line-height:1.8;color:#9aa3c7;margin:0 0 6px}
.d5-redline .d5-rl:last-child{margin-bottom:0}
.d5-redline del{color:#f87171;text-decoration:line-through;background:rgba(248,113,113,.12);border-radius:3px;padding:0 3px}
.d5-redline ins{color:#34d399;text-decoration:underline;text-underline-offset:3px;background:rgba(52,211,153,.1);border-radius:3px;padding:0 3px}

/* animated risk gauge */
.d5-gauge-card{padding:20px 22px}
.d5-gauge-card .lbl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#9aa3c7;margin-bottom:10px;text-align:center}
.d5-gbox{position:relative;width:220px;max-width:100%;margin:0 auto}
.d5-gsvg{width:100%;height:auto;display:block}
.d5-gsvg .g-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:14;stroke-linecap:round}
.d5-gsvg .g-val{fill:none;stroke-width:14;stroke-linecap:round;transition:stroke-dasharray 1.15s cubic-bezier(.2,.8,.2,1)}
.d5-gsvg .g-bench{stroke:#9aa3c7;stroke-width:2}
.d5-gsvg .g-btxt{fill:#9aa3c7;font-size:8.5px}
.d5-gsvg .g-etxt{fill:#6b7394;font-size:9px}
.d5-gnum{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-family:'Space Grotesk',sans-serif;color:#eef1ff;white-space:nowrap}
.d5-gnum b{font-size:27px;font-weight:600}
.d5-gnum span{font-size:12px;color:#9aa3c7}
.d5-glabel{text-align:center;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;margin-top:6px}
.d5-bench{margin-top:8px;text-align:center;font-size:11.5px;color:#9aa3c7}
.d5-bench b{color:#eef1ff}

/* ask the contract + memo export */
.d5-qna{padding:18px 20px}
.d5-qna .lbl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#9aa3c7;margin-bottom:12px}
.d5-qna-chips{display:flex;gap:8px;flex-wrap:wrap}
.d5-qna-chips button{font-size:12px;padding:7px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#9aa3c7;cursor:pointer;transition:all .3s;font-family:'Space Grotesk',sans-serif}
.d5-qna-chips button:hover{border-color:#7c3aed;color:#fff}
.d5-qna-chips button.on{border-color:rgba(34,211,238,.55);color:#67e8f9}
.d5-qna-out{font-size:13.5px;line-height:1.6;color:#dfe4f7;margin:12px 0 0}
.d5-qna-out b{color:#67e8f9;font-weight:600}
.d5-actions{display:flex;gap:10px}