/* SQL 转 ER 图页面专属样式。 */
.toolbar .btn-generate {
    border-color: #009a61;
    background: #009a61;
    color: #fff;
}

.toolbar .btn-generate:hover {
    border-color: #008552;
    background: #008552;
    color: #fff;
}

.er-status {
    margin: 10px 0 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.7;
}

.er-canvas-wrap {
    margin-top: 14px;
    border: 1px solid #e3e7eb;
    border-radius: 8px;
    background: #fbfcfd;
    overflow: auto;
    max-height: 640px;
}

.er-canvas {
    padding: 16px;
    min-width: 100%;
}

.er-canvas svg {
    display: block;
}

.er-table-card rect.er-card-body {
    fill: #fff;
    stroke: #d5dbe3;
}

.er-table-card rect.er-card-head {
    fill: #009a61;
}

.er-table-card text.er-card-title {
    fill: #fff;
    font-size: 13px;
    font-weight: 600;
}

.er-table-card text.er-col-name {
    fill: #1f2a37;
    font-size: 12px;
}

.er-table-card text.er-col-type {
    fill: #667085;
    font-size: 11px;
}

.er-table-card text.er-pk-mark {
    fill: #b8860b;
    font-size: 11px;
}

.er-table-card line.er-col-divider {
    stroke: #edf0f3;
}

.er-fk-line {
    stroke: #7c8798;
    stroke-width: 1.4;
    fill: none;
}

.er-fk-arrow {
    fill: #7c8798;
}