.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(110deg,#b3b9cdd9,#e6cfc1e8,#c5c3d3dc);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff40;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,550px) minmax(0,1fr);gap:20px}.topbar .command{grid-column:2;width:100%;max-width:550px;justify-self:center}.topbar .header-right{justify-self:end;min-width:0;gap:15px}.topbar .brand{width:auto;min-width:0}.topbar .header-right time{display:none}.sidebar{position:sticky;top:100px;align-self:start;min-height:0;height:calc(100dvh - 120px);overflow-y:auto}.sidebar-foot{padding-top:20px}.nav-item{padding-top:12px;padding-bottom:12px}.graph-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.graph-intro p{max-width:820px;font-size:12px;line-height:1.7;color:#66738d;margin-bottom:0}.graph-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.graph-toolbar>input{flex:1;min-width:160px;max-width:330px}.graph-toolbar label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}.graph-toolbar select{width:180px;height:40px;margin:0;padding:7px}.graph-history input{width:15px}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.graph-panel{min-width:0;padding:16px}.graph-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.graph-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:10px}.graph-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a5abb8;margin-right:6px}.graph-legend i.ceo{background:#9b78de}.graph-legend i.reviewed{background:#3eb9aa}.graph-zoom{display:flex;align-items:center;gap:10px;font-size:10px}.graph-zoom button{font-size:16px;padding:3px 10px}.graph-canvas{width:100%;overflow:auto;border-radius:15px;background:radial-gradient(#8992ad24 1px,transparent 1px),#f5f4fc3d;background-size:18px 18px;max-height:70dvh;min-height:350px}.graph-canvas>svg{display:block;max-width:none;stroke:none;fill:none}.graph-edge path{stroke:#9096b67c;stroke-width:1.3;fill:none}.graph-edge text{font-size:10px;fill:#737e9d;paint-order:stroke;stroke:#e5e3ea;stroke-width:4px;stroke-linejoin:round}.graph-edge.selected path{stroke:#7355b5;stroke-width:2.5}.graph-edge.selected text{fill:#62459d}.graph-edge.dim{opacity:.18}.graph-node{cursor:pointer;outline:none}.graph-node circle{fill:#d3c4ee;stroke:#a487d6;stroke-width:2;filter:drop-shadow(0 4px 8px #5b478d20)}.graph-node.reviewed circle{fill:#c7e5df;stroke:#57b6a8}.graph-node.historical{opacity:.5}.graph-node:hover circle,.graph-node:focus-visible circle,.graph-node.selected circle{stroke:#506fe0;stroke-width:4}.graph-node-id{fill:#4a3a72;font-size:14px;font-weight:700}.graph-node-title{fill:#38415f;font-size:11px;font-weight:600;paint-order:stroke;stroke:#e9e6ec;stroke-width:3px;stroke-linejoin:round}.graph-detail{position:sticky;top:105px;max-height:calc(100dvh - 125px);overflow-y:auto;padding:22px}.graph-detail h2{font-size:18px;line-height:1.4;margin:12px 0}.graph-detail h3{font-size:13px;margin-top:25px}.graph-detail p{font-size:12px;line-height:1.8;color:#68758d;overflow-wrap:anywhere;white-space:pre-wrap}.graph-link{display:block;text-align:left;width:100%;padding:14px 0;background:none;border-bottom:1px solid #fff7}.graph-link small{display:block;color:#8b6bc6;font-size:10px;margin-bottom:6px}.graph-link strong{display:block;font-size:11px;line-height:1.5}.graph-link span{display:block;font-size:9px;color:#7d879e;margin-top:5px}.graph-entry{display:flex;align-items:center;gap:15px;margin:15px 0 22px}.graph-entry>span{font-size:11px;color:#f3f0fa}.ai-cost-number{font-size:clamp(18px,2vw,28px);font-weight:650;letter-spacing:-.5px;margin:20px 0 8px;overflow-wrap:anywhere}.ai-cost-rows>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:12px 0;border-bottom:1px solid #fff6}.ai-cost-rows strong{font-weight:600;text-align:right}.ai-token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.ai-token-grid>div{background:#ffffff65;border-radius:13px;padding:15px}.ai-token-grid strong{display:block;font-size:21px}.ai-token-grid span{display:block;font-size:10px;color:#7d879a;margin-top:7px}.ai-cost-analysis h3{font-size:13px;margin-top:20px}.ai-cost-analysis a{text-decoration:underline}.cost-note{line-height:1.7}.ai-cost-analysis{grid-column:1/-1}
@media(max-width:1000px){.topbar{grid-template-columns:minmax(0,1fr) minmax(250px,450px) minmax(0,1fr);gap:12px}.topbar .brand>div{font-size:15px;letter-spacing:3px}.topbar .brand small{font-size:5px;letter-spacing:1px}.topbar .brand img{width:30px;height:30px}.topbar .header-right .profile>span:not(.avatar),.topbar .header-right .profile>svg{display:none}.graph-layout{grid-template-columns:minmax(0,1fr)}.graph-detail{position:static;max-height:none}.graph-canvas{max-height:65dvh}}
@media(max-width:600px){.topbar{grid-template-columns:30px minmax(0,1fr) 30px;gap:9px;height:74px;padding:12px}.topbar .brand>div{display:none}.topbar .brand img{width:29px;height:29px}.topbar .command{min-width:0;max-width:none}.topbar .header-right{display:flex;margin:0}.topbar .header-right .notification{display:none}.topbar .avatar{width:29px;height:29px;font-size:14px}.topbar .profile{padding:0}.sidebar{top:84px;height:calc(100dvh - 94px);min-height:0}.nav-item{padding-top:11px;padding-bottom:11px}.graph-intro{align-items:flex-start;flex-direction:column;gap:12px}.graph-toolbar>input{max-width:none;min-width:120px}.graph-toolbar label{flex-basis:100%}.graph-canvas{min-height:300px}.graph-legend{font-size:9px;gap:10px}.graph-entry{align-items:flex-start;flex-direction:column}.ai-cost-number{font-size:23px}.ai-token-grid{gap:6px}.ai-token-grid>div{padding:10px}.ai-token-grid strong{font-size:17px}.ai-cost-rows>div{flex-wrap:wrap}.ai-cost-rows strong{font-size:10px}}
/* Long audit evidence must wrap within its card on narrow screens. */
.activity-list .setting-row{min-width:0}.activity-list .setting-row>span,.activity-list .setting-row>small{min-width:0;max-width:100%;overflow-wrap:anywhere}