.card-component{background-color:#fff;border:1px solid #ecebf2;border-radius:1rem;margin-bottom:1rem;max-width:100%;padding:1rem;position:relative}.card-component .card-title{align-items:center;border-bottom:1px solid #ecebf2;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:space-between;line-height:1.6;margin-bottom:1rem;padding-bottom:1rem;position:relative}.card-component .card-title .utils{display:flex;gap:1rem;position:absolute;right:0;top:calc(50% - .5rem);transform:translateY(-50%);width:100%}.card-component .card-title .utils .el-button:not(:has(span)):not(.has-border){border:none;flex:0;height:var(--el-component-size);min-width:var(--el-component-size);padding:0;width:var(--el-component-size)}.card-component .card-title .utils .el-button:not(:has(span)):not(.has-border).el-button--secondary{color:#ccc}.card-component .card-title .el-icon{font-size:1.5rem}.card-component .card-content .el-table{border:none;outline:2px solid #f7f7f7}.page-pos--dark .card-component{background-color:var(--bg-elevated)!important;border-color:var(--border)!important;color:var(--fg)!important}.page-pos--dark .card-component .card-content,.page-pos--dark .card-component .card-title,.page-pos--dark .card-component .card-title .title,.page-pos--dark .card-component .el-button,.page-pos--dark .card-component .el-icon{color:var(--fg)!important}.page-pos--dark .card-component .card-title{border-bottom-color:var(--border)!important}