.mock-fit{--ink:#1d2330;--navy:#233356;--signal:#2f5c9e;--verified:#4d86d6;--mist:#f0f1f4;--paper:#fafbfc;--line:#e3e6ec;--muted:#5a6272;width:100%;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 30px 70px -28px rgba(20,30,60,.42),0 8px 22px -12px rgba(20,30,60,.18)}.mock-stage{transform-origin:top left}.mk,.mock-stage{width:1180px;height:760px}.mk{background:var(--paper);position:relative;overflow:hidden;font-family:var(--font-sora),sans-serif;color:var(--ink)}.mk .topbar{height:56px;background:var(--navy);display:flex;align-items:center;gap:14px;padding:0 20px}.mk .tb-mark{width:26px;height:26px}.mk .tb-title{color:#fff;font-weight:600;font-size:14.5px}.mk .tb-sub{color:hsla(0,0%,100%,.55);font-family:var(--font-space-mono),monospace;font-size:11px;letter-spacing:.08em}.mk .tb-spacer{flex:1}.mk .tb-pill{color:hsla(0,0%,100%,.82);font-size:12.5px;border:1px solid hsla(0,0%,100%,.22);padding:5px 11px;border-radius:7px}.mk .tb-avatar{width:28px;height:28px;border-radius:50%;background:var(--verified);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:600}.mk .body{display:flex;height:704px}.mk .side{width:62px;background:#1b2742;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:6px}.mk .nav-i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:hsla(0,0%,100%,.5)}.mk .nav-i svg{width:20px;height:20px}.mk .nav-i.active{background:rgba(77,134,214,.22);color:#fff}.mk .main{flex:1;padding:26px 30px;overflow:hidden}.mk .crumb{font-family:var(--font-space-mono),monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mk .h{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:6px}.mk .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.mk .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 16px}.mk .stat .n{font-size:26px;font-weight:600;letter-spacing:-.01em}.mk .stat .l{font-size:12px;color:var(--muted);margin-top:2px}.mk .stat .d{display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:2px 7px;border-radius:6px}.mk .panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:18px;overflow:hidden}.mk .panel-h{display:flex;align-items:center;padding:15px 18px;border-bottom:1px solid #eef1f6}.mk .panel-h .t{font-weight:600;font-size:14.5px}.mk .panel-h .t span{color:var(--muted);font-weight:400;margin-left:8px;font-size:12.5px}.mk .panel-h .filter{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:5px 10px}.mk table{width:100%;border-collapse:collapse}.mk th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:11px 18px;font-weight:600;background:var(--paper)}.mk td{padding:13px 18px;border-top:1px solid #eef1f6;font-size:13.5px;vertical-align:middle}.mk .agent{display:flex;align-items:center;gap:11px}.mk .agent .ic{width:30px;height:30px;border-radius:8px;background:var(--mist);display:grid;place-items:center;color:var(--signal);font-weight:600;font-size:12px;font-family:var(--font-space-mono),monospace}.mk .agent .nm{font-weight:500}.mk .agent .dom{font-size:11.5px;color:var(--muted)}.mk .badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.mk .dot{width:7px;height:7px;border-radius:50%}.mk .b-high{background:#f8e9e8;color:#b0413e}.mk .b-lim{background:#fbf1e3;color:#b5731b}.mk .b-min{background:#e7f4ee;color:#1f8a5b}.mk .pill{font-size:12px;font-weight:500;padding:3px 10px;border-radius:7px;border:1px solid var(--line)}.mk .pill.appr{color:#1f8a5b;border-color:#bfe3d0;background:#e7f4ee}.mk .pill.rev{color:var(--signal);border-color:#c5d5ec;background:#eaf1fa}.mk .pill.mon{color:var(--navy);border-color:var(--line);background:var(--paper)}.mk .spark{display:flex;align-items:flex-end;gap:3px;height:26px}.mk .spark i{width:5px;background:var(--verified);border-radius:2px;opacity:.85}.mk .chk{color:var(--muted);font-size:12.5px}.mk .mon-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.mk .chart{height:230px;padding:18px}.mk .chart svg{width:100%;height:170px;display:block}.mk .legend{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:10px}.mk .legend b{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:middle}.mk .alerts .row{display:flex;gap:11px;align-items:flex-start;padding:13px 18px;border-top:1px solid #eef1f6}.mk .alerts .row:first-child{border-top:none}.mk .alerts .ai{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center}.mk .alerts .msg{font-size:13px;font-weight:500}.mk .alerts .meta{font-size:11.5px;color:var(--muted);margin-top:2px}.mk .ev-wrap{display:flex;gap:22px;margin-top:18px;align-items:flex-start}.mk .doc{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.mk .doc-h{background:var(--navy);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:16px}.mk .doc-h .seal{width:44px;height:44px}.mk .doc-h .tt{font-size:16px;font-weight:600}.mk .doc-h .ss{font-family:var(--font-space-mono),monospace;font-size:11px;color:hsla(0,0%,100%,.6);letter-spacing:.08em;margin-top:3px}.mk .doc-row{display:flex;align-items:center;gap:13px;padding:14px 24px;border-top:1px solid #eef1f6}.mk .doc-row .ck{width:22px;height:22px;border-radius:50%;background:#e7f4ee;display:grid;place-items:center;flex:none}.mk .doc-row .ck svg{width:13px;height:13px}.mk .doc-row .lab{font-size:13.5px;font-weight:500}.mk .doc-row .ref{font-family:var(--font-space-mono),monospace;font-size:11px;color:var(--muted);margin-left:auto}.mk .sidecard{width:300px;display:flex;flex-direction:column;gap:16px}.mk .scard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.mk .scard .ttl{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.mk .scard .big{font-size:34px;font-weight:600;letter-spacing:-.01em;margin-top:8px}.mk .meter{height:8px;border-radius:999px;background:var(--mist);overflow:hidden;margin-top:14px}.mk .meter i{display:block;height:100%;background:var(--verified);border-radius:999px}.mk .mono{font-family:var(--font-space-mono),monospace}