.mockup-scope{--bg:#dcdfe1;--surface:#fff;--surface-2:#f4f6f5;--surface-3:#e9edea;--border:#e2e6e4;--border-strong:#cdd4d0;--text:#16211c;--muted:#5b6a63;--faint:#8b9993;--primary:#1b5e42;--primary-soft:#e6f1ea;--teal:#2e8b62;--teal-soft:#e6f1ea;--amber:#7fae4b;--amber-soft:#eef5e4;--danger:#b4442f;--danger-soft:#fbe9e5;--navy:#123a2a;--clay:#c98a6b;--clay-deep:#b3714f;--clay-soft:#f6ece5;--clay-line:#e7cfbe;--shadow-sm:0 1px 2px #123a2a0f;--shadow-md:0 18px 44px #123a2a1f;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;font-family:Inter,system-ui,sans-serif}.mockup-scope h1,.mockup-scope h2,.mockup-scope h3,.mockup-scope .brand,.mockup-scope .cta,.mockup-scope button{letter-spacing:-.01em;font-family:Space Grotesk,Inter,system-ui,sans-serif}.mockup-scope .kn,.mockup-scope .mono,.mockup-scope td .kn,.mockup-scope .badge b{font-family:IBM Plex Mono,ui-monospace,monospace}.mockup-scope .header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffeb}.mockup-scope .brand-badge{background:linear-gradient(135deg,#2e8b62,#1b5e42);border-radius:8px}.mockup-scope .nav a.active{color:#fff;box-shadow:none;background:linear-gradient(135deg,#2e8b62,#1b5e42)}.mockup-scope .cta.primary,.mockup-scope .filter-btn.has-filters{color:#fff;box-shadow:none;background:linear-gradient(135deg,#2e8b62,#1b5e42);border-color:#0000}.mockup-scope .cta.primary:hover,.mockup-scope .filter-btn.has-filters:hover{background:linear-gradient(135deg,#27784f,#164e37);border-color:#0000}.mockup-scope .cta.solid:hover{background:var(--primary-soft);color:var(--primary);border-color:#cfe3d7}.mockup-scope thead th{background:var(--surface-2);border-right-color:var(--border);text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:600}.mockup-scope tbody td{border-bottom-color:var(--border);border-right-color:#eef1ef}.mockup-scope tbody tr:hover{background:var(--surface-2)}.mockup-scope tbody tr.active{background:var(--primary-soft);box-shadow:inset 2px 0 0 var(--primary)}.mockup-scope .state{background:var(--primary);border-radius:8px}.mockup-scope .state.rel-btn:not(.rel-btn-empty):hover{background:#2e8b62}.mockup-scope .filter-btn.filter-btn,.mockup-scope .filter-btn.has-filters{color:#fff;background:linear-gradient(135deg,#2e8b62,#1b5e42);border-color:#0000}.mockup-scope .filter-btn.filter-btn:hover,.mockup-scope .filter-btn.has-filters:hover{background:linear-gradient(135deg,#27784f,#164e37);border-color:#0000}.mockup-scope .filter-btn.has-filters .count{color:#1b5e42;background:#fff}.mockup-scope .tag.active{background:var(--primary-soft);color:var(--primary);border-color:#cfe3d7}.mockup-scope .grid.grid-full{display:block}.mockup-scope .grid.grid-full>.table-card{height:100%}.ink-drawer-backdrop{z-index:9400;background:#123a2a52;animation:.16s inkFade;position:fixed;inset:0}.ink-drawer{z-index:9500;--bg:#f4f7f5;--surface:#fff;--surface-2:#f4f6f5;--surface-3:#e9edea;--border:#e2e6e4;--border-strong:#cdd4d0;--text:#16211c;--muted:#5b6a63;--faint:#8b9993;--primary:#1b5e42;--primary-soft:#e6f1ea;--teal:#2e8b62;--teal-soft:#e6f1ea;--amber:#7fae4b;--amber-soft:#eef5e4;background:#fff;border-left:3px solid #2e8b62;flex-direction:column;width:min(728px,100vw);animation:.18s inkSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-18px 0 48px #123a2a29}.ink-drawer .card-head,.ink-drawer .obj-head,.ink-drawer header{border-bottom-color:var(--border)}.ink-drawer .tabs .tab.active,.ink-drawer .tab.active,.ink-drawer .subtab.active{color:#1b5e42;box-shadow:inset 0 -2px #2e8b62}.ink-drawer .kn,.ink-drawer .section-title,.ink-drawer h3{color:#1b5e42}.ink-drawer .badge,.ink-drawer .chip{border-color:#d8e5dd}.ink-drawer>*{min-height:0}.ink-drawer-close{z-index:5;color:#1b5e42;cursor:pointer;background:#fff;border:1px solid #cfe3d7;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;line-height:1;display:grid;position:absolute;top:10px;right:12px}.ink-drawer-close:hover{color:#fff;background:#1b5e42}@keyframes inkSlideIn{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes inkFade{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.ink-drawer{width:100vw}}.ink-drawer-handle{cursor:col-resize;z-index:6;touch-action:none;place-items:center;width:12px;display:grid;position:absolute;top:0;bottom:0;left:-6px}.ink-drawer-handle-grip{background:#cdd4d0;border-radius:4px;width:4px;height:46px;transition:background .12s,height .12s}.ink-drawer-handle:hover .ink-drawer-handle-grip,.ink-drawer-handle:active .ink-drawer-handle-grip{background:#2e8b62;height:72px}.ink-drawer-account{background:#f4f7f5}.ink-drawer-account h1{font-size:20px}.mockup-scope.ink-drawer-portal{display:contents}.mockup-scope .oc-await,.mockup-scope h4.oc-await,.mockup-scope .rc-title h4.oc-await{color:var(--clay-deep,#b3714f);font-size:12px;font-style:italic;font-weight:600;line-height:1.45}.mockup-scope .ink-drawer.side-card{max-height:none;position:fixed;top:0;bottom:0;right:0}
