@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#17202d;font-synthesis:none;background:#eef1f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f6f7f9;grid-template-columns:214px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#11161e;flex-direction:column;gap:28px;padding:25px 14px;display:flex}.brand{align-items:center;gap:10px;padding:3px 10px;font:700 21px/1 Manrope;display:flex}.brand-mark{color:#fff;background:#1769e8;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}nav{gap:6px;display:grid}nav button{color:#bcc5d1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}nav button:hover,nav button.active{color:#fff;background:#1769e8}.side-note{color:#c9d0da;border:1px solid #29313d;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.side-note div{gap:2px;display:grid}.side-note strong{font-size:12px}.side-note span{color:#7f8b9c;font-size:10px}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dde2e8;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.system-status,.synthetic{color:#125bca;border:1px solid #ccd9eb;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}.synthetic{color:#8a4e06;background:#fffaf2;border-color:#ead1aa}.top-spacer{flex:1}.quiet{color:#344052;background:#fff;border:1px solid #d9dfe6;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100vh - 64px);display:grid}.main-pane{align-content:start;gap:16px;min-width:0;padding:18px;display:grid}.lifecycle{background:#fff;border:1px solid #dde2e8;border-radius:10px;align-items:center;padding:14px 18px;display:flex}.life-step{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.life-step>span{color:#536070;border:1px solid #d7dde5;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.life-step.complete>span{color:#1769e8;background:#f4f8ff;border-color:#8ab7fb}.life-step div{min-width:0;display:grid}.life-step strong{font-size:12px}.life-step small{color:#7e8997;font-size:10px}.life-arrow{color:#aab3bf;flex:none;margin:0 7px}.rule-section,.results,.audit{background:#fff;border:1px solid #dde2e8;border-radius:10px}.rule-section,.results{padding:17px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading h1,.section-heading h2{margin:0 0 4px;font:700 16px/1.2 Manrope}.section-heading p{color:#7a8593;margin:0;font-size:11px}.section-heading>span{color:#1769e8;font-size:11px}.rules{border:1px solid #dfe4ea;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.rule{text-align:left;background:#fff;border:0;border-right:1px solid #e2e6eb;align-items:flex-start;gap:9px;padding:13px;display:flex}.rule:last-child{border-right:0}.rule:hover{background:#f8faff}.rule>span:last-child{gap:5px;display:grid}.rule strong{font-size:11px}.rule small{color:#778291;font-size:9px;line-height:1.35}.toggle{background:#cbd2db;border-radius:99px;flex:none;width:29px;height:17px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.toggle.on{background:#1769e8}.toggle.on i{transform:translate(12px)}.run-row{justify-content:center;align-items:center;gap:16px;margin-top:14px;display:flex}.run-row>span{color:#7b8693;font-size:10px}.run{color:#fff;background:#1769e8;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:174px;padding:11px 18px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 14px #1769e833}.run:disabled{opacity:.75}.spin{animation:1s linear infinite spin}.search{border:1px solid #d8dee6;border-radius:7px;align-items:center;gap:6px;min-width:190px;height:34px;padding:0 9px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.table-wrap{border:1px solid #e0e4e9;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#626f7e;background:#f8f9fb;padding:9px 10px;font-weight:600}td{white-space:nowrap;border-top:1px solid #e6e9ed;padding:9px 10px}td:first-child{min-width:145px}td strong,td small{display:block}td small{color:#7e8996;margin-top:2px}.selected td{background:#edf5ff}.selected td:first-child{box-shadow:inset 3px 0 #1769e8}.outcome{border-radius:5px;align-items:center;gap:4px;width:fit-content;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.allowed{color:#0d7145;background:#e8f7f0;border:1px solid #a9dcc5}.blocked{color:#b5342e;background:#fff0ee;border:1px solid #f2b8b4}.audit{color:#9ba5b1;justify-content:space-around;align-items:center;padding:14px 16px;display:flex}.audit>div{grid-template-columns:auto 1fr;column-gap:8px;display:grid}.audit strong{color:#314051;font-size:10px}.audit small{font-size:9px}.audit-dot{background:#1769e8;border-radius:50%;grid-row:span 2;align-self:center;width:8px;height:8px;box-shadow:0 0 0 4px #e9f2ff}.audit-dot.green{background:#16845a;box-shadow:0 0 0 4px #e9f8f2}.inspector{background:#fff;border-left:1px solid #dde2e8;align-content:start;gap:13px;padding:18px;display:grid}.inspector header h2{margin:10px 0 3px;font:700 18px/1.2 Manrope}.inspector header p{color:#788391;margin:0;font-size:11px}.decision,.inspector-block{border:1px solid #dfe4e9;border-radius:8px;padding:13px}.decision>strong,.inspector-block>strong{margin-bottom:10px;font-size:11px;display:block}.decision>div{border-top:1px solid #edf0f3;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:8px 0;font-size:10px;display:grid}.decision>div span{color:#158255}.decision>div.hit span{color:#c33d35}.decision small{color:#7f8996}.mapping{color:#667281;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:7px;padding:6px 0;font-size:9px;display:grid}.mapping svg:last-child{color:#17845a}.inspector-block p{color:#566273;margin:0;font-size:10px;line-height:1.5}.inspector-block>small{color:#8a94a0;margin-top:6px;font-size:8px;display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.content-grid{grid-template-columns:1fr}.inspector{border-top:1px solid #dde2e8;border-left:0;grid-template-columns:repeat(2,1fr)}.inspector header{grid-column:1/-1}.lifecycle{overflow-x:auto}.life-step{min-width:120px}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{gap:12px;padding:14px;position:static}.sidebar nav{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto}.side-note{display:none}.topbar{flex-wrap:wrap;height:auto;min-height:60px;padding:10px 14px}.quiet{display:none}.content-grid{min-height:0}.main-pane{padding:12px}.rules{grid-template-columns:1fr 1fr}.rule{border-bottom:1px solid #e2e6eb}.inspector{grid-template-columns:1fr;padding:14px}.inspector header{grid-column:auto}.audit{justify-content:flex-start;gap:10px;overflow-x:auto}.audit>div{min-width:130px}.section-heading{flex-direction:column;align-items:flex-start}.search{width:100%}.run-row{flex-direction:column}.top-spacer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}