#view-protocol { --ml-accent:#18b981; --ml-accent-soft:rgba(24,185,129,.14); --ml-ink:#10261f; }
.monolag-v2-lead { overflow:hidden; position:relative; border-color:rgba(32,210,150,.3)!important; background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,255,248,.92))!important; color:var(--ml-ink)!important; box-shadow:0 18px 60px rgba(0,90,68,.18)!important; }
.monolag-v2-lead::after { content:""; position:absolute; width:220px; height:220px; right:-90px; top:-100px; border-radius:50%; background:radial-gradient(circle,rgba(24,185,129,.3),transparent 68%); pointer-events:none; }
.monolag-v2-lead h2 { max-width:350px; font-size:clamp(30px,8vw,44px); line-height:1.02; letter-spacing:-.04em; color:#092b21; }
.monolag-v2-lead>p { max-width:420px; margin-top:14px; color:#315c50; line-height:1.6; }
.monolag-route { display:flex; align-items:center; gap:8px; margin-top:22px; }
.monolag-route span { flex:1; display:flex; flex-direction:column; padding:11px; border:1px solid rgba(13,118,85,.18); border-radius:14px; background:rgba(255,255,255,.65); }
.monolag-route b { color:#087654; }.monolag-route small { color:#52746a; margin-top:2px; }.monolag-route i { color:#12a977; font-style:normal; }
.monolag-v2-lead .protocol-details { color:#234b40; }
.monolag-wizard { border-color:rgba(35,216,159,.28)!important; }
.wizard-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:24px; }
.wizard-progress span { display:grid; place-items:center; height:28px; border-radius:99px; border:1px solid var(--line); color:var(--muted); font-size:12px; }
.wizard-progress span.active { color:#05271d; border-color:#42dfaa; background:linear-gradient(90deg,#b9ffe7,#65dfb4); box-shadow:0 0 22px rgba(49,220,163,.25); }
.wizard-step h3 { margin:3px 0 20px; font-size:23px; }.wizard-step[hidden] { display:none!important; }.step-kicker { color:var(--ok); font-size:11px; text-transform:uppercase; letter-spacing:.14em; }
.wizard-step label { display:block; margin:16px 0 7px; }.wizard-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }.wizard-actions .btn { flex:1; }
.intent-meta { display:flex; align-items:flex-start; gap:15px; justify-content:space-between; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.45; }.intent-meta span:first-child { max-width:340px; }.intent-meta span:last-child { white-space:nowrap; }
.local-summary { border:1px solid var(--line); border-radius:15px; overflow:hidden; }.summary-row { padding:12px 14px; display:grid; grid-template-columns:minmax(80px,.5fr) 1fr; gap:10px; border-bottom:1px solid var(--line); }.summary-row:last-child { border:0; }.summary-row b { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.summary-row span { overflow-wrap:anywhere; }.local-note { margin-top:14px; color:var(--muted); text-align:center; font-size:11px; line-height:1.5; }
.protocol-document { padding:0!important; overflow:hidden; border-color:rgba(36,211,151,.3)!important; }.protocol-document>.stage-pill,.protocol-document>.focus,.protocol-document>.metrics,.protocol-document>.desc,.protocol-document>.protocol-item,.protocol-document>.note { margin-left:18px; margin-right:18px; }.protocol-document>.stage-pill { margin-top:18px; }
#protocolDocument { margin-top:24px; background:linear-gradient(180deg,#fafffd,#eefaf6); color:#173b31; border-top:1px solid rgba(28,157,115,.25); }
.document-header { padding:28px 24px 22px; background:linear-gradient(135deg,#073127,#0b5c46); color:#effff9; }.document-eyebrow { color:#71e4bb; letter-spacing:.14em; text-transform:uppercase; font-size:10px; }.document-header h2 { font-size:28px; margin:6px 0 20px; }.document-meta { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.document-meta div { padding:10px; border:1px solid rgba(170,255,224,.15); border-radius:10px; display:flex; flex-direction:column; }.document-meta span { color:#a6d8c7; font-size:10px; text-transform:uppercase; }.document-meta strong { margin-top:4px; font-size:12px; }
.document-section { padding:21px 24px; border-bottom:1px solid rgba(15,111,79,.12); }.document-section h3 { color:#087351; font-size:16px; margin-bottom:10px; }.document-section p,.protocol-list { font-size:13px; line-height:1.7; }.document-section p+p { margin-top:9px; }.protocol-list { padding-left:20px; }.protocol-list li+li { margin-top:7px; }
.document-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:18px; }.copy-fallback { position:fixed; left:-9999px; top:0; }
@media (max-width:420px) { .monolag-route { gap:4px; }.monolag-route span { padding:8px 5px; }.monolag-route i { font-size:11px; }.document-meta,.document-actions { grid-template-columns:1fr; }.summary-row { grid-template-columns:1fr; gap:3px; }.document-section { padding:19px 18px; } }
@media (min-width:600px) and (max-width:760px) { #view-protocol { max-width:720px; margin-inline:auto; }.protocol-document { max-width:680px; margin-inline:auto; } }
@media (prefers-reduced-motion:reduce) { #view-protocol *,#view-protocol *::before,#view-protocol *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }
#view-protocol button:focus-visible,#view-protocol input:focus-visible,#view-protocol textarea:focus-visible,#view-protocol summary:focus-visible { outline:3px solid #5af0bc; outline-offset:3px; }

/* Monolag colors follow the explicit application theme, never the OS preference. */
html[data-theme="light"] #view-protocol { --ml-accent:#18b981; --ml-accent-soft:rgba(24,185,129,.14); --ml-ink:#10261f; }
html[data-theme="light"] #view-protocol .monolag-v2-lead { border-color:rgba(32,210,150,.3)!important; background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,255,248,.92))!important; color:#10261f!important; box-shadow:0 18px 60px rgba(0,90,68,.18)!important; }
html[data-theme="light"] #view-protocol .monolag-v2-lead h2 { color:#092b21; }
html[data-theme="light"] #view-protocol .monolag-v2-lead>p { color:#315c50; }
html[data-theme="light"] #view-protocol .monolag-route span { border-color:rgba(13,118,85,.18); background:rgba(255,255,255,.65); }
html[data-theme="light"] #view-protocol .monolag-route b { color:#087654; }
html[data-theme="light"] #view-protocol .monolag-route small { color:#52746a; }
html[data-theme="light"] #view-protocol .monolag-route i { color:#12a977; }
html[data-theme="light"] #view-protocol .monolag-v2-lead .protocol-details { border-color:rgba(13,118,85,.18); background:rgba(255,255,255,.45); color:#234b40; }
html[data-theme="light"] #view-protocol .monolag-v2-lead .protocol-details summary,
html[data-theme="light"] #view-protocol .monolag-v2-lead .protocol-details .details-body { color:#234b40; }
html[data-theme="light"] #view-protocol .monolag-wizard { border-color:rgba(35,216,159,.28)!important; background:rgba(255,255,255,.9); color:#15362d; }
html[data-theme="light"] #view-protocol .wizard-progress span { border-color:rgba(10,121,85,.2); color:#52746a; background:transparent; }
html[data-theme="light"] #view-protocol .wizard-progress span.active { color:#05271d; border-color:#42dfaa; background:linear-gradient(90deg,#b9ffe7,#65dfb4); box-shadow:0 0 22px rgba(49,220,163,.25); }
html[data-theme="light"] #view-protocol .wizard-step h3 { color:#15362d; }
html[data-theme="light"] #view-protocol .step-kicker { color:#087654; }
html[data-theme="light"] #view-protocol .wizard-step label { color:#315c50; }
html[data-theme="light"] #view-protocol .monolag-wizard input { background:#f7fffc; color:#15362d; border-color:rgba(10,121,85,.25); }
html[data-theme="light"] #view-protocol .monolag-wizard textarea,
html[data-theme="light"] #view-protocol .monolag-wizard select { background:#f7fffc; color:#15362d; border-color:rgba(10,121,85,.25); }
html[data-theme="light"] #view-protocol .monolag-wizard input::placeholder,
html[data-theme="light"] #view-protocol .monolag-wizard textarea::placeholder { color:#668078; }
html[data-theme="light"] #view-protocol .intent-meta,
html[data-theme="light"] #view-protocol .local-note { color:#52746a; }
html[data-theme="light"] #view-protocol .local-summary { border-color:rgba(10,121,85,.2); background:rgba(247,255,252,.7); }
html[data-theme="light"] #view-protocol .summary-row { border-color:rgba(10,121,85,.16); color:#173b31; }
html[data-theme="light"] #view-protocol .summary-row b { color:#52746a; }
html[data-theme="light"] #view-protocol .protocol-document { border-color:rgba(36,211,151,.3)!important; }
html[data-theme="light"] #view-protocol #protocolDocument { background:linear-gradient(180deg,#fafffd,#eefaf6); color:#173b31; border-top-color:rgba(28,157,115,.25); }
html[data-theme="light"] #view-protocol .document-header { background:linear-gradient(135deg,#073127,#0b5c46); color:#effff9; }
html[data-theme="light"] #view-protocol .document-eyebrow { color:#71e4bb; }
html[data-theme="light"] #view-protocol .document-header h2 { color:#effff9; }
html[data-theme="light"] #view-protocol .document-meta div { border-color:rgba(170,255,224,.15); background:transparent; }
html[data-theme="light"] #view-protocol .document-meta span { color:#a6d8c7; }
html[data-theme="light"] #view-protocol .document-meta strong { color:#effff9; }
html[data-theme="light"] #view-protocol .document-section { border-bottom-color:rgba(15,111,79,.12); background:transparent; }
html[data-theme="light"] #view-protocol .document-section h3 { color:#087351; }
html[data-theme="light"] #view-protocol .document-section p,
html[data-theme="light"] #view-protocol .protocol-list { color:#173b31; }
html[data-theme="light"] #view-protocol .document-actions { background:#eefaf6; }

html[data-theme="dark"] #view-protocol { --ml-accent:#45d6a1; --ml-accent-soft:rgba(69,214,161,.14); --ml-ink:#e9fff7; --ml-dark-bg:#03110d; --ml-dark-card:#071c16; --ml-dark-card-2:#0a251d; --ml-dark-text:#e9fff7; --ml-dark-muted:#a9cfc1; --ml-dark-line:rgba(103,229,184,.28); --ml-dark-gold:#f1ce7a; }
html[data-theme="dark"] #view-protocol .monolag-v2-lead { border-color:var(--ml-dark-line)!important; background:linear-gradient(145deg,#061b15,#09271e)!important; color:var(--ml-dark-text)!important; box-shadow:0 18px 60px rgba(0,0,0,.38)!important; }
html[data-theme="dark"] #view-protocol .monolag-v2-lead h2 { color:#f0fff9; }
html[data-theme="dark"] #view-protocol .monolag-v2-lead>p { color:#b9dacd; }
html[data-theme="dark"] #view-protocol .monolag-route span { border-color:var(--ml-dark-line); background:#0a251d; }
html[data-theme="dark"] #view-protocol .monolag-route b { color:#73e5ba; }
html[data-theme="dark"] #view-protocol .monolag-route small { color:#b2d4c7; }
html[data-theme="dark"] #view-protocol .monolag-route i { color:var(--ml-dark-gold); }
html[data-theme="dark"] #view-protocol .monolag-v2-lead .protocol-details { border-color:var(--ml-dark-line); background:#061813; color:var(--ml-dark-text); }
html[data-theme="dark"] #view-protocol .monolag-v2-lead .protocol-details summary { color:#e9fff7; }
html[data-theme="dark"] #view-protocol .monolag-v2-lead .protocol-details summary::after { color:var(--ml-dark-gold); }
html[data-theme="dark"] #view-protocol .monolag-v2-lead .protocol-details .details-body { color:#b9dacd; }
html[data-theme="dark"] #view-protocol .monolag-wizard { border-color:var(--ml-dark-line)!important; background:linear-gradient(160deg,#061b15,#081f18); color:var(--ml-dark-text); }
html[data-theme="dark"] #view-protocol .wizard-progress span { border-color:rgba(112,209,174,.3); color:#a9cfc1; background:#051611; }
html[data-theme="dark"] #view-protocol .wizard-progress span.active { color:#062017; border-color:#d9bb6b; background:linear-gradient(90deg,#f3d88c,#d4ae54); box-shadow:0 0 18px rgba(232,195,103,.18); }
html[data-theme="dark"] #view-protocol .wizard-step h3 { color:#effff9; }
html[data-theme="dark"] #view-protocol .step-kicker { color:#72dfb7; }
html[data-theme="dark"] #view-protocol .wizard-step label { color:#c8e6db; }
html[data-theme="dark"] #view-protocol .monolag-wizard input { background:#03130f; color:#effff9; border-color:rgba(104,222,180,.36); color-scheme:dark; }
html[data-theme="dark"] #view-protocol .monolag-wizard textarea,
html[data-theme="dark"] #view-protocol .monolag-wizard select { background:#03130f; color:#effff9; border-color:rgba(104,222,180,.36); color-scheme:dark; }
html[data-theme="dark"] #view-protocol .monolag-wizard input::placeholder,
html[data-theme="dark"] #view-protocol .monolag-wizard textarea::placeholder { color:#86aa9d; opacity:1; }
html[data-theme="dark"] #view-protocol .monolag-wizard input:focus,
html[data-theme="dark"] #view-protocol .monolag-wizard textarea:focus,
html[data-theme="dark"] #view-protocol .monolag-wizard select:focus { border-color:#72dfb7; }
html[data-theme="dark"] #view-protocol .intent-meta,
html[data-theme="dark"] #view-protocol .local-note { color:#a9cfc1; }
html[data-theme="dark"] #view-protocol .local-summary { border-color:var(--ml-dark-line); background:#041610; }
html[data-theme="dark"] #view-protocol .summary-row { border-color:rgba(103,229,184,.2); color:#e2f8ef; }
html[data-theme="dark"] #view-protocol .summary-row b { color:#9fc9b9; }
html[data-theme="dark"] #view-protocol .protocol-document { border-color:var(--ml-dark-line)!important; background:#051812!important; color:var(--ml-dark-text); }
html[data-theme="dark"] #view-protocol #protocolDocument { background:linear-gradient(180deg,#061b15,#03110d); color:#dff7ed; border-top-color:rgba(103,229,184,.28); }
html[data-theme="dark"] #view-protocol .document-header { background:linear-gradient(135deg,#03110d,#0a3024); color:#f1fff9; border-bottom:1px solid rgba(241,206,122,.28); }
html[data-theme="dark"] #view-protocol .document-eyebrow { color:var(--ml-dark-gold); }
html[data-theme="dark"] #view-protocol .document-header h2 { color:#f1fff9; }
html[data-theme="dark"] #view-protocol .document-meta div { border-color:rgba(112,223,183,.25); background:rgba(2,15,11,.45); }
html[data-theme="dark"] #view-protocol .document-meta span { color:#a9cfc1; }
html[data-theme="dark"] #view-protocol .document-meta strong { color:#effff9; }
html[data-theme="dark"] #view-protocol .document-section { border-bottom-color:rgba(103,229,184,.18); background:#061b15; }
html[data-theme="dark"] #view-protocol .document-section:nth-child(even) { background:#071f18; }
html[data-theme="dark"] #view-protocol .document-section h3 { color:#76e3bb; }
html[data-theme="dark"] #view-protocol .document-section p,
html[data-theme="dark"] #view-protocol .protocol-list,
html[data-theme="dark"] #view-protocol .protocol-list li { color:#d7eee5; }
html[data-theme="dark"] #view-protocol .document-actions { background:#03110d; border-top:1px solid rgba(241,206,122,.2); }
html[data-theme="dark"] #view-protocol .document-actions .btn.secondary { color:#f1e2b8; border-color:rgba(241,206,122,.4); background:#081c16; }