/* 全局样式定义 */
/* 请注意，直接覆盖第三方组件（如Element UI组件）的样式可能会导致在未来更新组件库时出现样式冲突或不一致的问题。更好的做法是使用组件库提供的自定义主题或样式修改接口（如果可用）。如果必须直接覆盖样式，请确保了解选择器特异性，并尽量使用更具体的选择器来避免不必要的全局影响。 */

/* 设置html, body, 和#app元素的高度为100%，且没有边距和填充，最小宽度为1366px */
html,
body,
#app {
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1366px;
}

/* 设置面包屑导航的底部外边距为15px，字体大小为12px */
.el-breadcrumb {
    margin-bottom: 15px;
    font-size: 12px;
}

/* 为el-card组件添加盒子阴影效果，增加视觉层次感 */
.el-card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; /* !important用于确保该规则优先级最高 */
}

/* 设置el-table表格的顶部外边距为15px，字体大小为12px */
.el-table {
    margin-top: 15px;
    font-size: 12px;
}

/* 设置el-pagination分页组件的顶部外边距为15px */
.el-pagination {
    margin-top: 15px;
}

/* 解决级联选择框内部滚动条包裹元素的高度问题 */
/* 注意：这里的选择器可能存在特异性问题，通常不建议这样直接覆盖第三方组件的样式 */
div .el-scrollbar__wrap {
    height: 300px !important; /* 强制设置高度为300px */
}

/* 步骤条样式 */
/* 设置el-steps步骤条组件的外边距，上下各15px */
.el-steps {
    margin: 15px 0;
}

/* 设置el-step步骤项标题的字体大小为13px */
.el-step__title {
    font-size: 13px;
}

/* 富文本编辑器ql-editor的最小高度设置 */
/* 这通常用于Quill富文本编辑器，确保编辑器区域有足够的高度进行内容编辑 */
.ql-editor {
    min-height: 300px;
}