.level-panel[data-v-3f31b17e],
.security-workbench[data-v-3f31b17e],
.gateway-panel[data-v-3f31b17e],
.policy-panel[data-v-3f31b17e],
.approval-panel[data-v-3f31b17e],
.audit-panel[data-v-3f31b17e] {
  margin-top: 14px;
}
.security-workbench[data-v-3f31b17e] {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.security-workbench .aik-panel[data-v-3f31b17e] {
  min-width: 0;
}
.level-grid[data-v-3f31b17e] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.level-grid article[data-v-3f31b17e] {
  min-height: 150px;
  padding: 14px;
  border: 1px solid #dbe7f5;
  border-radius: 14px;
  background: #fff;
}
.level-grid article.is-green[data-v-3f31b17e] {
  border-color: #bcebd0;
  background: #f4fbf7;
}
.level-grid article.is-blue[data-v-3f31b17e] {
  border-color: #cfe2ff;
  background: #f5f9ff;
}
.level-grid article.is-amber[data-v-3f31b17e] {
  border-color: #f7dba6;
  background: #fff9eb;
}
.level-grid article.is-red[data-v-3f31b17e] {
  border-color: #fac5c5;
  background: #fff5f5;
}
.level-grid strong[data-v-3f31b17e],
.level-grid span[data-v-3f31b17e],
.level-grid p[data-v-3f31b17e],
.level-grid em[data-v-3f31b17e] {
  display: block;
}
.level-grid strong[data-v-3f31b17e] {
  color: #10233f;
  font-size: 24px;
}
.level-grid span[data-v-3f31b17e] {
  margin-top: 4px;
  color: #1677ff;
  font-weight: 900;
}
.level-grid p[data-v-3f31b17e],
.level-grid em[data-v-3f31b17e],
.gateway-flow span[data-v-3f31b17e],
.rule-desc[data-v-3f31b17e],
.simulate-result p[data-v-3f31b17e] {
  color: #60758f;
  font-size: 12px;
  line-height: 1.7;
}
.level-grid em[data-v-3f31b17e] {
  font-style: normal;
  font-weight: 900;
}
.term-list[data-v-3f31b17e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.term-note[data-v-3f31b17e] {
  margin-top: 12px;
}
.gateway-flow[data-v-3f31b17e] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.gateway-flow article[data-v-3f31b17e] {
  min-height: 130px;
  padding: 12px;
  border: 1px solid #dbe7f5;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fbff, #fff);
}
.gateway-flow b[data-v-3f31b17e] {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #fff;
  background: #1677ff;
}
.gateway-flow strong[data-v-3f31b17e],
.gateway-flow span[data-v-3f31b17e] {
  display: block;
}
.gateway-flow strong[data-v-3f31b17e] {
  margin-top: 10px;
  color: #10233f;
}
.simulate-result[data-v-3f31b17e] {
  padding: 12px;
  border: 1px solid #dbe7f5;
  border-radius: 14px;
  background: #f8fbff;
}
.simulate-result strong[data-v-3f31b17e] {
  color: #10233f;
}
@media (max-width: 1440px) {
.level-grid[data-v-3f31b17e],
  .gateway-flow[data-v-3f31b17e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.security-workbench[data-v-3f31b17e] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 920px) {
.level-grid[data-v-3f31b17e],
  .gateway-flow[data-v-3f31b17e] {
    grid-template-columns: 1fr;
}
}