.risk-page[data-v-e44ecd3a] { min-height: calc(100vh - 90px); background: #f5f7fb;
}
.risk-wrap[data-v-e44ecd3a] { background: transparent;
}
.page-head[data-v-e44ecd3a], .filter-bar[data-v-e44ecd3a], .head-actions[data-v-e44ecd3a], .tab-actions[data-v-e44ecd3a], .drawer-head[data-v-e44ecd3a], .drawer-actions[data-v-e44ecd3a], .kanban-head[data-v-e44ecd3a], .rectify-foot[data-v-e44ecd3a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px;
}
.page-head[data-v-e44ecd3a], .filter-bar[data-v-e44ecd3a] { padding: 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px;
}
.page-head[data-v-e44ecd3a] { margin-bottom: 12px;
}
.page-head h2[data-v-e44ecd3a], .drawer-head h2[data-v-e44ecd3a] { margin: 0 0 4px; color: #111827; font-size: 18px;
}
.page-head span[data-v-e44ecd3a], .rectify-meta[data-v-e44ecd3a], .metric-card span[data-v-e44ecd3a], .metric-card em[data-v-e44ecd3a], .node-card span[data-v-e44ecd3a], .drawer-head span[data-v-e44ecd3a], .ai-row span[data-v-e44ecd3a] { color: #6b7280; font-size: 12px; font-style: normal;
}
.filter-bar[data-v-e44ecd3a] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 12px; margin-bottom: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.metric-grid[data-v-e44ecd3a] { display: grid; grid-template-columns: repeat(6, minmax(140px, 1fr)); gap: 12px; margin-bottom: 12px;
}
.metric-card[data-v-e44ecd3a] { min-height: 78px; padding: 12px; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px;
}
.metric-card strong[data-v-e44ecd3a] { display: block; margin: 6px 0; color: #111827; font-size: 20px;
}
.tab-actions[data-v-e44ecd3a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 10px;
}
.node-grid[data-v-e44ecd3a] { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 10px; padding: 10px;
}
.node-card[data-v-e44ecd3a] { padding: 10px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fafafa;
}
.node-card strong[data-v-e44ecd3a] { display: block; margin: 4px 0; font-size: 18px; color: #111827;
}
.kanban[data-v-e44ecd3a] { display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 12px;
}
.kanban-column[data-v-e44ecd3a] { min-height: 480px; padding: 12px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 6px;
}
.kanban-head[data-v-e44ecd3a] { margin-bottom: 10px; color: #111827; font-weight: 600;
}
.rectify-card[data-v-e44ecd3a] { padding: 12px; margin-bottom: 10px; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px;
}
.rectify-title[data-v-e44ecd3a] { margin-bottom: 6px; color: #111827; font-weight: 600;
}
.rectify-meta[data-v-e44ecd3a] { margin-bottom: 8px;
}
.drawer-inner[data-v-e44ecd3a] { padding: 24px;
}
.drawer-actions[data-v-e44ecd3a] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 18px;
}
.ai-panel[data-v-e44ecd3a] { margin-top: 14px; padding: 12px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 6px;
}
.ai-title[data-v-e44ecd3a] { margin-bottom: 8px; color: #111827; font-weight: 600;
}
.ai-panel p[data-v-e44ecd3a] { margin: 0; color: #374151; font-size: 13px; line-height: 1.7;
}
.ai-dialog[data-v-e44ecd3a] { display: grid; gap: 10px;
}
.ai-row[data-v-e44ecd3a] { padding: 12px; border: 1px solid #e5e7eb; border-radius: 6px;
}
.ai-row strong[data-v-e44ecd3a] { display: block; margin-bottom: 6px; color: #111827;
}
.danger-text[data-v-e44ecd3a] { color: #dc2626;
}
.warning-text[data-v-e44ecd3a] { color: #d97706;
}
.success-text[data-v-e44ecd3a] { color: #16a34a;
}
@media (max-width: 1400px) {
.metric-grid[data-v-e44ecd3a] { grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.kanban[data-v-e44ecd3a] { grid-template-columns: repeat(2, minmax(220px, 1fr));
}
}
@media (max-width: 860px) {
.metric-grid[data-v-e44ecd3a], .kanban[data-v-e44ecd3a], .node-grid[data-v-e44ecd3a] { display: block;
}
.metric-card[data-v-e44ecd3a], .kanban-column[data-v-e44ecd3a], .node-card[data-v-e44ecd3a] { margin-bottom: 12px;
}
}