.security-map{border:1px solid var(--line);border-radius:var(--r-frame);background:color-mix(in srgb, var(--surface) 40%, var(--canvas));color:var(--muted);margin:26px 0;font-size:12px;line-height:1.45;container-type:inline-size}.security-map-body{padding:24px}.security-map-authoring{grid-template-columns:minmax(0,1fr) 52px minmax(0,1.2fr) 84px minmax(0,1fr);align-items:center;display:grid}.security-map-endpoint,.security-map-panel,.security-map-approval,.security-map-component{border:1px solid var(--line);color:var(--ink);text-align:center;border-radius:6px;padding:14px 12px;font-size:14px}.security-map-panel{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 6%, var(--canvas))}.security-map-exchange{text-align:center;flex-direction:column;align-items:center;gap:5px;padding-inline:4px;font-size:10px;display:flex}.security-map svg{stroke-width:1.5px;flex:none;width:16px;height:16px}.security-map .security-map-vertical{display:none}.security-map-activation{flex-direction:column;align-items:center;display:flex}.security-map-transfer{align-items:center;gap:8px;padding:14px 0;display:flex}.security-map-approval{background:var(--surface)}.security-map-load{margin-block:14px}.security-map-saved,.security-map-running{width:min(100%,280px)}.security-map-trigger{text-align:center;align-items:center;gap:8px;padding-block:24px;display:flex}.security-map-trigger>svg{color:var(--signal)}.security-map-running{border-color:color-mix(in srgb, var(--signal) 55%, transparent);background:var(--canvas);margin-block:4px}.security-map-host{border:1px solid var(--line);border-radius:var(--r-inner);padding:14px}.security-map-host-label{margin-bottom:12px;display:block}.security-map-sandbox{border:1px dashed var(--signal);background:color-mix(in srgb, var(--signal) 5%, var(--canvas));text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.security-map-sandbox-name{color:var(--ink);font-size:16px}.security-map-routes{--security-map-context-padding:10px;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.security-map-route{grid-row:span 5;grid-template-rows:subgrid;display:grid}.security-map-port{justify-content:center;align-items:center;gap:7px;padding:16px 0;display:flex}.security-map-port>svg{color:var(--signal)}.security-map-context{grid-row:span 2;grid-template-rows:subgrid;padding:var(--security-map-context-padding);border-radius:var(--r-inner);border:1px solid #0000;display:grid}.security-map-page-boundary{border-style:dashed;border-color:var(--line)}.security-map-boundary-label{grid-row:1;margin-bottom:8px;display:block}.security-map-component{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:var(--surface);grid-row:2;justify-content:center;align-items:center;display:flex}.security-map-policy{justify-content:center;align-items:center;gap:8px;padding-block:16px;display:flex}.security-map-policy>svg{color:var(--accent)}.security-map-destination,.security-map-destinations{margin-inline:calc(var(--security-map-context-padding) + 1px);align-self:start}.security-map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.security-map-hosts{grid-column:1/-1}@container (width<=580px){.security-map-body{padding:18px}.security-map-authoring{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px 14px}.security-map-panel{grid-area:1/1/2/3}.security-map-probes{grid-area:2/1}.security-map-provider-link{grid-area:2/2}.security-map-source{grid-area:3/1}.security-map-provider{grid-area:3/2}.security-map .security-map-horizontal{display:none}.security-map .security-map-vertical{display:block}.security-map-routes{--security-map-context-padding:8px;column-gap:12px}.security-map-component{padding:12px 8px}.security-map-destinations{grid-template-columns:minmax(0,1fr)}}