/*
 * public/m33-static/proto-self.css — a self-declaring Proto agent's Self
 * views (ADR 0082 D6, rule 10a): the left rail's ontology tree
 * (lib/proto/proto.js, renderOntologyNodes) and the centre detail the Self
 * module draws (lib/views/javascripts/proto/self/tree.js), on an agent's pages
 * and on the Ontology page.
 *
 * Served from /m33/. Rules unchanged from the two <style> blocks proto.js used
 * to inject (the tree's and _selfDetailCSS).
 */

/* ── The tree ─────────────────────────────────────────────────────── */
.m33-ftree{font-size:13px;line-height:1.4;padding:4px 2px;}
.m33-ftree details>summary{list-style:none;}
.m33-ftree details>summary::-webkit-details-marker{display:none;}
.m33-ftree summary,.m33-ftree-leaf{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:7px;cursor:pointer;user-select:none;color:var(--m33-text,#e6e9f2);}
.m33-ftree-leaf{color:var(--m33-text-muted,#8a93a6);}
.m33-ftree summary:hover,.m33-ftree-leaf:hover{background:rgba(255,255,255,0.05);color:var(--m33-text,#e6e9f2);}
.m33-ftree-node.m33-sel>summary,.m33-ftree-leaf.m33-sel{background:rgba(125,138,255,0.16);color:var(--m33-text,#e6e9f2);box-shadow:inset 2px 0 0 #7d8aff;}
.m33-ftree-caret{flex:none;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.45;transition:transform .12s;}
.m33-ftree details[open]>summary>.m33-ftree-caret{transform:rotate(90deg);}
.m33-ftree-kids{margin-left:9px;padding-left:8px;border-left:1px solid rgba(255,255,255,0.08);}
.m33-ftree-leaf{padding-left:19px;}
.m33-ftree>.m33-ftree-root>summary>.m33-ftree-lbl{font-weight:600;}
.m33-ftree-branch>summary>.m33-ftree-lbl{font-weight:600;}
.m33-ftree-lbl{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m33-ftree-dot{flex:none;width:6px;height:6px;border-radius:50%;}
.m33-ftree-rt{flex:none;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#b9a3ff;border:1px solid rgba(125,138,255,0.45);border-radius:4px;padding:0 4px;line-height:1.5;}
.m33-ftree-node[data-kind="discipline"]>summary>.m33-ftree-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--m33-text-muted,#8a93a6);}
.m33-ftree-node[data-kind="discipline"]{margin-top:6px;}
.m33-ftree-node[data-kind="region"]>summary>.m33-ftree-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--m33-text,#e6e9f2);}
.m33-ftree-node[data-kind="region"]{margin-top:10px;}
.m33-ftree-prov{flex:none;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--m33-text-muted,#8a93a6);border:1px solid rgba(255,255,255,0.12);border-radius:4px;padding:0 4px;line-height:1.5;}
.m33-ftree-empty{font-style:italic;opacity:.5;cursor:default;}
.m33-ftree-row{cursor:default;}
.m33-ftree-row .m33-ftree-lbl{flex:0 0 auto;font-weight:600;color:var(--m33-text,#e6e9f2);}
.m33-ftree-rowval{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;opacity:.7;font-size:12px;}

/* ── The centre detail ────────────────────────────────────────────── */
.m33-proto-detail{position:absolute;inset:0;overflow:auto;background:var(--m33-bg,#0e1016);}
.m33-panel-center{position:relative;}
.m33-pd{max-width:760px;margin:0 auto;padding:34px 36px 60px;}
.m33-pd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:var(--m33-text-muted,#8a93a6);margin-bottom:18px;}
.m33-pd-link{background:none;border:0;color:#9aa4ff;cursor:pointer;font:inherit;padding:0;}
.m33-pd-link:hover{text-decoration:underline;}
.m33-pd-sep{opacity:.4;}
.m33-pd-here{color:var(--m33-text,#e6e9f2);}
.m33-pd-title{font-size:26px;font-weight:650;margin:0 0 10px;color:var(--m33-text,#e6e9f2);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.m33-pd-lede{font-size:15px;line-height:1.6;color:var(--m33-text-muted,#8a93a6);margin:0 0 18px;}
.m33-pd-body{font-size:14px;line-height:1.65;color:var(--m33-text,#c9cfe0);margin:0 0 8px;}
.m33-pd-empty{font-size:14px;color:var(--m33-text-muted,#8a93a6);font-style:italic;}
.m33-pd-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;}
.m33-pd-pill{font-size:12px;color:var(--m33-text-muted,#8a93a6);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:999px;padding:4px 11px;}
.m33-pd-pill b{color:var(--m33-text,#e6e9f2);}
.m33-pd-badge{font-size:11px;text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:5px;padding:1px 7px;font-weight:600;}
.m33-pd-rt{color:#b9a3ff;border-color:rgba(125,138,255,0.5);}
.m33-pd-base{color:#8a93a6;border-color:rgba(255,255,255,0.15);}
.m33-pd-sec{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--m33-text-muted,#8a93a6);opacity:.7;margin:26px 0 12px;border-top:1px solid rgba(255,255,255,0.07);padding-top:16px;}
.m33-pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;}
.m33-pd-card{position:relative;text-align:left;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:11px;padding:13px 14px;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:5px;transition:border-color .12s,background .12s;}
.m33-pd-card:hover{background:rgba(125,138,255,0.08);border-color:rgba(125,138,255,0.4);}
.m33-pd-card-static{cursor:default;}
.m33-pd-card-static:hover{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08);}
.m33-pd-card-top{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.m33-pd-card-name{font-size:14px;font-weight:600;color:var(--m33-text,#e6e9f2);}
.m33-pd-card-note{font-size:12px;line-height:1.45;color:var(--m33-text-muted,#8a93a6);overflow-wrap:anywhere;}
.m33-pd-card-tag{position:absolute;top:10px;right:10px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#b9a3ff;border:1px solid rgba(125,138,255,0.45);border-radius:4px;padding:0 4px;}
.m33-pd-ref{flex:none;font-size:13px;color:#9aa4ff;opacity:.8;}
.m33-pd-note{margin:18px 0 0;padding:11px 14px;font-size:12.5px;line-height:1.55;color:var(--m33-text-muted,#8a93a6);background:rgba(125,138,255,0.06);border:1px solid rgba(125,138,255,0.18);border-radius:9px;}
.m33-pd-kind{display:inline-block;margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#9aa4ff;border:1px solid rgba(125,138,255,0.32);border-radius:5px;padding:2px 9px;cursor:help;}
.m33-pd-kind.is-class{color:#57c98a;border-color:rgba(87,201,138,0.35);}
.m33-pd-dl{margin:0;display:flex;flex-direction:column;gap:1px;}
.m33-pd-drow{display:flex;gap:16px;padding:11px 2px;border-top:1px solid rgba(255,255,255,0.06);}
.m33-pd-drow dt{flex:0 0 130px;font-weight:600;color:var(--m33-text,#e6e9f2);font-size:13px;}
.m33-pd-drow dd{flex:1 1 auto;margin:0;color:var(--m33-text-muted,#8a93a6);font-size:13px;line-height:1.5;}